@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,button,input,textarea,th,td,table{margin: 0; padding: 0;}
body,button,input,select,textarea{font:12px/2.0 "\5b8b\4f53",Tahoma,Helvetica,Arial,sans-serif;}
h1{font-size: 12px;}
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var,i{font-style: normal;}
code,kbd,pre,samp,tt{font-family: "Courier New", Courier, monospace;}
small{font-size:12px;}
ul{list-style: none;}
a {text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#0d68c3;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor: help;}
q:before,q:after{content:'';}
legend{color:#000;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
hr{border:none;height:1px;}
html{overflow-y:scroll;}
:focus{outline:none;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
body{ background:#fff; margin:0; font:normal 12px "微软雅黑"; color:#666;}
.float1{display:inline;float:left;}
.float2{display:inline;float:right;}

.head { width:1200px; margin:0 auto;}
.head .logo { padding:10px 0 0 7px;}
.head li { width:0px; display:inline; float:left; text-align:center;}
.head li a { display:block; font:normal 16px "微软雅黑"; color:#333;}
.head li a:hover { background:#0c6dc3; color:#fff;}
.head li a span { display:block; padding:35px 0;}
.head li a:hover span { display:block; background:url(../images/nav.jpg) no-repeat 56px 80px;}
.head .navdown a span { color:#0c6dc3;}
.head .navdown a:hover span { color:#fff;}

.index_about { background:#fff; padding:60px 0; color:#0d77c3;}
.title_about { width:274px; margin:0 auto; text-align:center; background:url(../images/whiteline.jpg) no-repeat left 15px; line-height:30px;}
.title_about .ch { font-size:30px; background:url(../images/whiteline.jpg) no-repeat right center;}
.content_about { width:1200px; margin:0 auto; padding:12px 0 28px; font:normal 14px/34px "微软雅黑"; text-indent:2em; color:#666}
.more { width:120px; height:30px; margin:0 auto; text-align:center;}
.more a { border-radius:8px; display:block; font:normal 14px/30px "微软雅黑"; border:solid 1px #bababa;  color:#000;}
.more a:hover { border:solid 1px #fff; background:#0c6dc3; color:#fff;}

.index0 { padding-top:55px; background:url(../bg_07.jpg) repeat-x top;}
.index1 { padding-top:50px; background-image: url(../images/sss.jpg);background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; margin:0 auto }
.index2 { padding-top:50px; background:#f4f4f4; }
.index3 { padding:30px 0; border-top:dashed 1px #ccc; background:#f4f4f4;}
.index_box { width:1200px; margin:0 auto; padding-bottom:50px;}
.index_title { width:274px; margin:0 auto; text-align:center; background:url(../images/blueline.jpg) no-repeat left 15px; line-height:30px;}
.index_title .ch { font-size:30px; color:#fff;}
.index_title .en { color:#999;}
.index_service { padding-top:10px;}
.index_service .updown { text-align:right; padding-bottom:8px;}
.index_service .updown a { width:56px; height:38px;} 
.index_service .og_prev { background:url(../images/up1.jpg) no-repeat top left;}
.index_service .og_prev:hover { background:url(../images/up2.jpg) no-repeat top left;}
.index_service .og_next { background:url(../images/down2.jpg) no-repeat top left;}
.index_service .og_next:hover { background:url(../images/down1.jpg) no-repeat top left;}

.index_service .picbox{ width:1200px; height:300px; overflow:hidden; position:relative; /*border:solid 1px #ccc;*/}
.index_service .piclist { height:300px; position:absolute; left:0px; top:0px; padding-bottom:20px;}
.index_service .swaplist{ position:absolute; left:-3000px; top:0px}

.index_service .slide_box { width:300px; text-align:center; padding-top:10px; }
.index_service .s_ch { font:normal 16px/30px "微软雅黑"; color:#333;}
.index_service .s_en {  padding:10px 20px; height:100px;}
.index_service .s_img { padding:10px 0;}
.index_service .s_dsp { line-height:22px; padding-bottom:12px;}
.index_service .s_more { width:152px; margin:0 auto; height:32px; line-height:32px;}
.index_service .s_more a { display:block; color:#fff;}
.index_service .s_more a:hover { color:#fff600;}
.index_service .weixin { background:#05af10;}
.index_service .web { background:#00a0fe;}
.index_service .seo { background:#bbad0c;}
.index_service .domain { background:#548b0c;}
.index_service .tel { background:#fc8e03;}
.index_service .taobao { background:#e1551a;}

.index_case { margin-bottom:30px;}
.case_box{ width:300px; margin:0 0px 10px 0;}
.case_box div { padding:0 20px;}
.case_box a { padding:30px 0 22px; display:block; color:#666; border-bottom:solid 2px #aeaeae; position:relative;}
.case_box a .hover { width:300px; height:164px; padding:0; display:none; background:url(../images/t.png); position:absolute; top:30px; left:0px; text-align:center;}
.case_box a .hover img { padding-top:57px;}
.case_box a:hover .hover { display:block;}
.case_box a:hover { border-bottom:solid 2px #6bc30d; background:#fff;}
.case_box a .case_title { font:normal 16px/44px "微软雅黑"; color:#333; padding-top:6px; z-index:-1}
.case_box a:hover .case_title { color:#6bc30d;}
.case_box a .case_dsp { line-height:24px; z-index:-1}

.index_news { padding-top:30px;}
.index_news .news_nav { padding-bottom:36px;}
.news_nav li { float:left; width:110px; height:44px; margin-right:2px;}
.active { background:url(../images/bluepoint.jpg) no-repeat bottom center;}
.normal a { background:#eee;}
.news_nav a { display:block; line-height:39px; color:#666; text-align:center;}
.news_nav a:hover { background:#0d68c3; color:#fff;}
.active a { background:#0d68c3; color:#fff;}
.none {display:none;}

.news_box a { width:480px; padding-bottom:40px;}
.news_box a .float1 { width:80px; height:80px; background:#ddd; color:#999; text-align:center; border-radius:2px; cursor:pointer;}
.news_box a:hover .float1 { background:#0d68c3; color:#fff;}
.news_box a .float1 .num { font:normal 40px/50px "微软雅黑"; padding-top:5px;}
.news_box a .float2 { width:380px; margin-left:20px; cursor:pointer;}
.news_box a .news_title { font-size:16px; line-height:30px; color:#333; padding-top:5px;}
.news_box a:hover .news_title { color:#0d68c3;}
.news_box a .news_dsp { line-height:20px; color:#666; padding-bottom:5px;}

.index_contact .float1 { margin-right:12px; border:solid 1px #e8e8e8; background:#fff; padding:10px;}
.index_contact .conbox { width:260px; height:301px;}
.index_contact .conbox .tel { padding:40px 0 3px;;background:url(../images/contact.jpg) no-repeat top left; border-bottom:dashed 1px #ccc;}
.big { font-size:18px; line-height:30px; padding-right:5px;}
.yellow { font-weight:bold; font-size:24px; line-height:36px; color:#ff9000;}
.index_contact .conbox .contact_detail { line-height:24px; padding-top:4px;}
.index_contact .conbox .qq { font-weight:bold; color:#749101;}

.index_contact .form { width:360px; padding-top:14px; height:297px;}
.index_contact .form .formname { width:360px; height:48px; margin:0 auto; background:#0d68c3; font-size:18px; line-height:48px; color:#fff; text-align:center;}
.index_contact form { padding:10px 15px 5px 15px;}
.index_contact form div { padding-bottom:5px; line-height:28px;}
.index_contact form textarea { width:268px; height:65px; vertical-align:top; padding:5px; border:solid 1px #d3d3d3;}
.index_contact form .input0{ height:28px; width:157px; margin-right:15px; border:solid 1px #d3d3d3;}
.index_contact form .input1{ height:28px; width:278px; border:solid 1px #d3d3d3;}
.index_contact form .submit { padding-top:10px;}
.index_contact form .submit span { padding-right:50px;}
.index_contact form .submit input { width:90px; border:none; color:#fff; background:#0d68c3; cursor:pointer;}

.index_contact .map { margin:0; padding:0; width:306px;}
.index_contact .map img { border:solid 1px #dfdfdf; display:block;}

.friendship { width:1200px; margin:0 auto; line-height:30px;}
.friendship ul { display:inline;}
.friendship ul li { display:inline;}
.friendship a { color:#666; padding-right:20px;}
.friendship a:hover { color:#0d68c3;}

.foot { background:#222325; padding:20px 0;}
.foot_box { width:1200px; margin:0 auto; color:#7a7a7a;}
.foot_box .float1 { width:100%; text-align:center}
.foot_box .float1 a { font-size:14px; line-height:30px; padding:0 15px;color:#7a7a7a;}
.foot_box .float1 a:hover { color:#fff;}
.foot_box .float1 .foot_info { line-height:26px;}
.foot_box .float2 { width:290px;}
.foot_box .float2 .code { display:inline; float:right; width:114px; padding:30px 0 0 30px; text-align:center;}

.neibanner { width:100%; height:500px; position:relative; overflow:hidden;}
.neibanner img { position:absolute; left:50%; margin-left:-960px;}
.position { background:#f8f8f8; padding:12px 0;}
.position .clearfix { width:1200px; margin:0 auto; line-height:38px; color:#666;}
.position .clearfix img { vertical-align:middle;}
.position .float1 span { font:bold 22px "微软雅黑"; color:#55b604; padding-left:10px; vertical-align:middle;}
.about { width:1200px; margin:0 auto; color:#666; padding-top:30px;}
.about .a_clearfix { border-bottom:dashed 1px #e3e3e3;}
.a_box { width:600px; display:inline; float:left;}
.a_box b { color:#333;}
.a_box p { line-height:24px; margin-top:8px; padding:25px 10px 70px 150px;font-size: 14px;}
.a1 { background:url(../images/about1_03.png) no-repeat top left;}
.a2 { background:url(../images/about2_03.png) no-repeat top left;}
.a3 { background:url(../images/about3_03.png) no-repeat top left;}
.a4 { background:url(../images/about4_03.png) no-repeat top left;}
.our { padding-top:30px; background:url(../images/team_19.jpg) no-repeat 650px 30px;}
.our div { width:540px;}
.our div b { font:normal 28px/40px "微软雅黑"; color:#333;}
.our div p { padding-bottom:20px; line-height:24px;}
.contact { width:1200px; margin:0 auto; padding-bottom:25px;}
.contact .float1 { width:594px;}
.contact .float2 { width:568px; line-height:24px; color:#666;}
.contact .float2 div div { text-align:center; font-size:16px; line-height:30px; padding:15px 0 10px 0;}
.contact .float2 p { font-size:16px ; line-height:38px}

.message { background:#f8f8f8; padding:60px 0 40px 0; width:1200px; margin:0 auto;}
.message .form_head { font-size:16px; text-align:center; padding:5px 0 30px 0;}
.message form { font-size:14px;}
.message form .clearfix{ padding-bottom:20px;}
.message form .clearfix div { width:475px; height:44px; background:#fff; border:solid 1px #eee; line-height:44px; padding-left:15px;}
.message form .clearfix .input1 { width:400px; height:44px; line-height:44px; border:none; vertical-align:middle;}
.message form span { padding-right:10px; vertical-align:middle;}
.message form .form_box { padding:15px 0 0 15px; background:#fff;}
.message form textarea { width:933px; height:100px; vertical-align:top; border:none; background:none;}
.message .form_submit { padding-top:20px;}
.message .form_submit input { width:1200px; height:44px; font-size:16px; border:none; color:#fff; background:#0d8cc3;}

.erji { padding-top:10px;}
.erji li { width:110px; height:44px; margin-right:2px; display:inline-block; float:left; line-height:39px; color:#666; text-align:center;}
.erji li:hover { background:url(../images/bluepoint.jpg) no-repeat bottom center;}
.erji li a { display:block; background:#eee;}
.erji li:hover a { background:#0d68c3; color:#fff;}
.erji .classnow { background:url(../images/bluepoint.jpg) no-repeat bottom center;}
.erji .classnow a { background:#0d68c3; color:#fff;}
.product { width:1200px; margin:0 auto; padding-top:20px;}

.news { width:1200px; margin:0 auto; padding-top:20px;}
.news .left { width:100%;}
.news_list { padding-top:20px; padding-right:25px;}
.news_list a { display:block; padding:15px 0; border-bottom:dashed 1px #dfdfdf;}
.news_list a .float1 { width:80px; height:80px; background:#eee; color:#999; text-align:center; border-radius:2px; cursor:pointer;}
.news_list a:hover .float1 { background:#0d68c3; color:#fff;}
.news_list a .float1 .num { font:normal 40px/50px "微软雅黑"; padding-top:5px;}
.news_list a .float2 { width:1060px; margin-left:20px; cursor:pointer;}
.news_list a .news_title { font-size:16px; line-height:30px; color:#333; padding-top:5px;}
.news_list a:hover .news_title { color:#0d68c3;}
.news_list a .news_dsp { line-height:20px; color:#666; padding-bottom:5px;}
.page { text-align:center; padding:45px 0;}
.news .right { width:254px; padding-left:20px; border-left:dashed 1px #dfdfdf;}
.news .right_box { padding-bottom:10px;}
.news .right_title { color:#333; line-height:40px; border-bottom:dashed 1px #dfdfdf;}
.news .right_title span { font-size:16px; font-weight:bold;}
.news .right_title a { float:right;}
.news .right_list { padding-top:10px; line-height:24px;}
.news .right_list a { color:#333;}
.news .right_list a:hover { color:#0d68c3;}
.news .case_box { width:250px; background:#eee;}
.news .case_box a { padding:0 0 10px 0;}
.news .case_box .hover { width:250px; height:136px; padding:0; display:none; background:url(../images/t.png); position:absolute; top:0; left:0; text-align:center;}
.news .case_box .hover img { padding-top:43px;}

.show { padding:20px 20px 0 0; line-height:24px;}
.show_title { font-size:24px; text-align:center; color:#333; line-height:40px;}
.date { text-align:center; color:#999; line-height:30px; padding-bottom:10px;}
.zhaiyao { background:#f7f7f5; border:solid 1px #dfdfdf; padding:10px; color:#333;}
.show_content { padding-top:20px;}

.news_other { margin-top:20px;padding:20px 0; border-top:dashed 1px #dfdfdf; border-bottom:dashed 1px #dfdfdf;}
.news_next { width:450px; color:#333; line-height:24px;}
.news_next a { color:#333;}
.news_next a:hover { color:#0d68c3;}
.jiathis_style { width:250px; padding-top:15px;}
.jiathis_style span { float:left;}

.metpager_5 span.disabled,.metpager_5 a,.metpager_5 span.miy  { padding:8px 12px; background:#eee; color:#999; border:none;}
.metpager_5 span.current { padding:8px 12px; background:#0d7cc3; color:#fff;}
.metpager_5 a:hover { background:#0d7cc3; color:#fff; border:none;}


.s_img{ margin-top:20px;}