@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, button, input, textarea, img, blockquote{margin:0;padding:0;}
body, button, input, select, textarea{ font-family: "Microsoft YaHei",Tahoma, Helvetica, Arial, sans-serif; font-size:14px; color:#666;}
label,input,select,textarea{vertical-align:middle; font-family:Arial,sans-serif;}
table {border-collapse:collapse;border-spacing:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:bold; }
ol,ul,li{list-style:none;}
select, input, img {vertical-align:middle;}
a{text-decoration:none;color:#666;}
a:visited{text-decoration:none;color:#666;}
a:hover{text-decoration:none;color:#3fa8d8;}
a:active{ color:#7f6556; }
fieldset, img {border:0;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block; } /* Hides from IE-mac\*/
*html .clearfix {height:1%;}
.clearfix {display:block;} /* End hide from IE-mac*/
em{font-style:normal;}
body{ display:block; width:100%; max-width:1920px; margin:0 auto; background:#fff; z-index:0;}

.header{ max-width:1920px; position:fixed; top:0; left:0; right:0; margin:0 auto; background:#0192d5; background:rgba(1, 146, 213, 0.9); height:115px; z-index:100;}
.header #header{ width:960px; height:60px; margin:0 auto; border:0; }
.header #header .menu{ width:500px; height:60px; float:right; line-height:65px; text-align:right; }
.header #header .menu a{ padding:5px 12px; color:#fff; font-size:16px; border:none; margin-left:5px; }
.header #header .menu a:hover{ background:#fff; color:#3fa8d8; border:none; }
.header #header .menu a.current{ padding:5px 12px; background:#fff; color:#3fa8d8; font-size:16px; border:none; }
.header #header .menu a.current:hover{ background:#fff; color:#3fa8d8; border:none; }
.header #header .logo{ height:60px; float:left; width:140; }
.header #header .logo img{ height:32px; margin-top:10px; }

.fixed{ width:100%; height:115px; background:#3fa8d8; clear:both; }

.yun{ width:100%; height:60px; position:absolute; bottom:-35px; background:url(../images/yun.png) repeat-x; z-index:101; }
.yun-fixed{ max-width:1920px; position:fixed; left:0; right:0; top:55px; margin:0 auto; z-index:101; }

.fuwu-banner .p1{ font-size:36px; font-weight:bold; color:#3fa8d8; line-height:36px; }
.fuwu-banner .p2{ font-size:16px; }
.fuwu{ height:413px; text-align:center; }

.fuwu-2{ padding:100px 0; background:#f5fafd; }
.fuwu-2 .leftside{ width:50%; text-align:center; height:355px; }
.fuwu-2 .rightside{ width:50%; text-align:left; height:355px; }
.fuwu-2 .rightside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:120px; }
.fuwu-2 .rightside .c2{ font-size:16px; line-height:25px; display:block; margin-top:25px; }

.fuwu-3{ padding:100px 0; }
.fuwu-3 .leftside{ width:50%; text-align:left; height:377px; }
.fuwu-3 .leftside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:120px; }
.fuwu-3 .leftside .c2{ font-size:16px; font-weight:bold; line-height:25px; color:#3fa8d8; display:block; margin-top:20px; }
.fuwu-3 .leftside .c3{ font-size:16px; line-height:25px;  display:block; margin-top:20px; padding-right:30px; }
.fuwu-3 .rightside{ text-align:center; width:50%; height:377px; }

.fuwu-4{ padding:100px 0; background:#f5fafd; padding-bottom:0; }
.fuwu-4 .leftside{ width:50%; text-align:center; height:512px; }
.fuwu-4 .rightside{ width:50%; text-align:left; height:512px; }
.fuwu-4 .rightside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:120px; }
.fuwu-4 .rightside .c2{ font-size:16px; line-height:25px; display:block; margin-top:25px; }

.fuwu-5{ padding:100px 0; }
.fuwu-5 .leftside{ width:50%; text-align:left; height:354px; }
.fuwu-5 .leftside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:50px; }
.fuwu-5 .leftside .c2{ font-size:16px; font-weight:bold; line-height:25px; color:#3fa8d8; display:block; margin-top:20px; }
.fuwu-5 .leftside .c3{ font-size:16px; line-height:25px;  display:block; margin-top:0; padding-right:30px; }
.fuwu-5 .rightside{ text-align:center; width:50%; text-align:center; height:354px; }

.fuwu-6{ padding:100px 0; background:#f5fafd; }
.fuwu-6 .leftside{ width:50%; text-align:center; height:355px; }
.fuwu-6 .rightside{ width:50%; text-align:left; height:355px; }
.fuwu-6 .rightside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:120px; padding-left:25px;}
.fuwu-6 .rightside .c2{ font-size:16px; line-height:25px; display:block; margin-top:25px;  padding-left:25px;}

.fuwu-7{ padding:100px 0; }
.fuwu-7 .th{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; }
.fuwu-7 .leftside{ width:50%; text-align:center; height:360px; text-align:center; }
.fuwu-7 .leftside .c1{ font-size:16px; font-weight:bold; color:#3fa8d8; display:block; margin-top:50px; }
.fuwu-7 .leftside .c2{ font-size:16px; display:block; margin-top:40px; }
.fuwu-7 .leftside .c3{ display:block; margin-top:50px; }
.fuwu-7 .leftside .c3 img{ width:438px; height:auto; }
.fuwu-7 .rightside{ width:50%; text-align:center; height:360px; }
.fuwu-7 .rightside .c1{ font-size:16px; font-weight:bold; color:#3fa8d8; display:block; margin-top:50px; }
.fuwu-7 .rightside .c2{ font-size:16px; display:block; margin-top:40px; }
.fuwu-7 .rightside .c3{ display:block; margin-top:50px; }

.fuwu-8{ padding:100px 0; background:#f5fafd; }
.fuwu-8 .leftside{ width:50%; text-align:center; height:397px; }
.fuwu-8 .rightside{ width:50%; text-align:left; height:397px; }
.fuwu-8 .rightside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:120px;}
.fuwu-8 .rightside .c2{ font-size:16px; line-height:25px; display:block; margin-top:25px;}

.fuwu-9{ padding:100px 0; }
.fuwu-9 .th{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; }
.fuwu-9 .leftside{ width:50%; height:560px; text-align:center; position:relative; }
.fuwu-9 .leftside .c1{ font-size:16px; font-weight:bold; color:#3fa8d8; display:block; margin-top:50px; }
.fuwu-9 .leftside .c2{ font-size:16px; display:block; margin-top:40px; line-height:25px; }
.fuwu-9 .leftside .c3{ display:block; margin-top:50px; }
.fuwu-9 .rightside{ width:50%; text-align:center; height:560px;  position:relative;}
.fuwu-9 .rightside .c1{ font-size:16px; font-weight:bold; color:#3fa8d8; display:block; margin-top:50px; }
.fuwu-9 .rightside .c2{ font-size:16px; display:block; margin-top:80px; }
.fuwu-9 .rightside .c3{ display:block; margin-top:115px; }

.device{ padding:100px 0; }
.device .leftside{ width:50%; text-align:center; height:516px; }
.device .rightside{ width:50%; text-align:left; height:516px; }
.device .rightside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:172px; padding-left:30px; }
.device .rightside .c2{ font-size:16px; font-weight:bold; line-height:25px; color:#3fa8d8; display:block; margin-top:25px;  padding-left:30px;}
.device .rightside .c3{ font-size:16px; line-height:25px; display:block; margin-top:15px;  padding-left:30px;}

.device-2{ padding:100px 0; background:#f5fafd;}
.device-2 .leftside{ width:50%; text-align:left; height:402px; }
.device-2 .leftside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:186px; }
.device-2 .leftside .c2{ font-size:16px; font-weight:bold; line-height:25px; color:#3fa8d8; display:block; margin-top:20px; }
.device-2 .leftside .c3{ font-size:16px; line-height:25px;  display:block; margin-top:20px; /*padding-right:30px;*/ }
.device-2 .rightside{ text-align:center; width:50%; height:557px; }

.device-3{ padding:100px 0; }
.device-3 .leftside{ width:50%; text-align:center; height:557px; }
.device-3 .rightside{ width:50%; text-align:left; height:377px; }
.device-3 .rightside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:184px; padding-left:30px; }
.device-3 .rightside .c2{ font-size:16px; font-weight:bold;color:#3fa8d8; line-height:25px; display:block; margin-top:15px;  padding-left:30px;}
.device-3 .rightside .c3{ font-size:16px; line-height:25px;  display:block; margin-top:20px; padding-left:30px; }

.device-4{ padding:100px 0; background:#f5fafd;}
.device-4 .leftside{ width:50%; text-align:left; height:402px; }
.device-4 .leftside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:186px; }
.device-4 .leftside .c2{ font-size:16px; font-weight:bold; line-height:25px; color:#3fa8d8; display:block; margin-top:20px; }
.device-4 .leftside .c3{ font-size:16px; line-height:25px;  display:block; margin-top:20px; /*padding-right:30px;*/ }
.device-4 .rightside{ text-align:center; width:50%; height:557px; }

.device-5{ padding:100px 0; }
.device-5 .leftside{ width:50%; text-align:center; height:557px; }
.device-5 .rightside{ width:50%; text-align:left; height:377px; }
.device-5 .rightside .c1{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; margin-top:184px; padding-left:30px; }
.device-5 .rightside .c2{ font-size:16px; font-weight:bold;color:#3fa8d8; line-height:25px; display:block; margin-top:15px;  padding-left:30px;}
.device-5 .rightside .c3{ font-size:16px; line-height:25px;  display:block; margin-top:20px; padding-left:30px; }

.join{ padding:100px 0; padding-bottom:0; }
.join .mainbox{ height:586px;}
.join .th{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; }
.join .c1{ position:relative; margin-top:70px; height:220px; }
.join .c1 span{ display:block; height:220px; }
.join .c1 .in1{ width:405px; text-align:center;}
.join .c1 .in1 .p1{ font-size:16px; font-weight:bold; color:#3fa8d8;}
.join .c1 .in1 .p2{ font-size:16px; line-height:25px; margin-top:20px; }
.join .c1 .in2{ width:150px; line-height:180px; font-size:68px; color:#3fa8d8; }
.join .c1 .in3{ width:405px; text-align:center; }
.join .c1 .in3 .p1{ font-size:16px; font-weight:bold; color:#3fa8d8;}
.join .c1 .in3 .p2{ font-size:16px; line-height:25px; margin-top:20px; }
.join .c2{ position:relative; height:249px; }
.join .c2 .in1{ width:50%; text-align:center; height:249px; display:block;}
.join .c2 .in1 img{ margin-right:20px; }
.join .c2 .in2{ width:50%; text-align:center; height:249px; display:block; }
.join .c2 .in2 img { margin-left:20px; }

.join-2{ padding:100px 0; background:#f5fafd; }
.join-2 .th{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; }
.join-2 .tr{ font-size:18px; font-weight:bold; display:block; margin-top:25px; }
.join-2 .cx{ height:599px; background:url(../images/chuangxin.gif) no-repeat center top; margin-top:10px; position:relative; }
.join-2 .cx .c1{ height:70px; padding-top:140px; }
.join-2 .cx .c1 .p1{ font-size:16px; color:#3fa8d8; font-weight:bold; }
.join-2 .cx .c2{ height:70px; width:160px; margin-top:15px; margin-left:95px; }
.join-2 .cx .c2 .p1{ font-size:16px; color:#3fa8d8; font-weight:bold; text-align:left;}
.join-2 .cx .c2 .p2{ text-align:left;}
.join-2 .cx .c3{ height:70px; width:160px; margin-top:15px; margin-right:60px; }
.join-2 .cx .c3 .p1{ font-size:16px; color:#3fa8d8; font-weight:bold; text-align:left;}
.join-2 .cx .c3 .p2{ text-align:left;}
.join-2 .cx .c4{ height:70px; position:absolute; bottom:10px; width:100%; text-align:center; }
.join-2 .cx .c4 .p1{ font-size:16px; color:#3fa8d8; font-weight:bold; }

.join-3{ padding:100px 0; }
.join-3 .mainbox{ }
.join-3 .th{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; }
.join-3 .con{ height:520px; margin-top:80px; }
.join-3 .con .c1{ width:455px; padding-right:25px; height:500px; }
.join-3 .con .c1 li{ height:82px; margin-bottom:50px;  }
.join-3 .con .c1 li span{ display:block; width:100%; height:82px; float:left; }
.join-3 .con .c1 li span.img{ width:82px; height:82px; margin-right:12px; }
.join-3 .con .c1 li span.content{ width:360px; height:82px; line-height:25px; }
.join-3 .con .c1 li span.content .th{ font-size:16px; margin-bottom:5px;}
.join-3 .con .c1 li span.img1{ background:url(../images/8ico.png) no-repeat; }
.join-3 .con .c1 li span.img2{ background:url(../images/8ico.png) no-repeat 0 -82px; }
.join-3 .con .c1 li span.img3{ background:url(../images/8ico.png) no-repeat 0 -164px; }
.join-3 .con .c1 li span.img4{ background:url(../images/8ico.png) no-repeat 0 -246px; }
.join-3 .con .c2{ width:455px; padding-left:25px; height:500px; }
.join-3 .con .c2 li{ height:82px; margin-bottom:50px;  }
.join-3 .con .c2 li span{ display:block; width:100%; height:82px; float:left; }
.join-3 .con .c2 li span.img{ width:82px; height:82px; margin-right:12px; }
.join-3 .con .c2 li span.content{ width:360px; height:82px; line-height:25px; }
.join-3 .con .c2 li span.content .th{ font-size:16px; margin-bottom:5px;}
.join-3 .con .c2 li span.img1{ background:url(../images/8ico.png) no-repeat; }
.join-3 .con .c2 li span.img2{ background:url(../images/8ico.png) no-repeat -82px -82px; }
.join-3 .con .c2 li span.img3{ background:url(../images/8ico.png) no-repeat -82px -164px; }
.join-3 .con .c2 li span.img4{ background:url(../images/8ico.png) no-repeat -82px -246px; }

.join-4{ padding:100px 0; background:#f5fafd; }
.join-4 .th{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; }
.join-4 .liucheng{ padding-top:80px; text-align:center; }
.join-4 .liucheng ul li{ height:50px; width:160px; line-height:50px; text-align:left; float:left; }
.join-4 .liucheng ul li.br{ line-height:25px; }
.join-4 .liucheng ul li .f1{ margin-left:18px; }
.join-4 .liucheng ul li .f2{ margin-left:10px; }
.join-4 .liucheng ul li .f3{ margin-left:37px; }
.join-4 .liucheng ul li .f4{ margin-left:34px; }
.join-4 .liucheng ul li .f5{ margin-left:39px; display:block; height:50px; }
.join-4 .liucheng ul li .f6{ margin-left:66px; display:block; height:50px; }

.about{ padding:100px 0; }
.about .th{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; }
.about .tr{ font-size:16px; font-weight:bold; color:#3fa8d8; display:block; margin-top:50px; }
.about .td{ text-indent: 2em; line-height:28px; font-size:16px;}

.about-2{ padding:100px 0; background:#f5fafd; }
.about-2 .th{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; }
.about-2 .mywx{ width:238px; height:200px; position:relative; cursor:pointer; border:1px #f5fafd solid; text-align:center; margin-top:50px; z-index:0; padding:30px 0; font-size:16px;}
.about-2 .mywx .color{ color:#3fa8d8; }
.about-2 .mywx .showcode{ position:absolute; display:none; top:-190px; background:#fff; width:200px; height:200px; left:20px;  }
.about-2 .mywx .showcode img{ width:200px; height:200px; }
.about-2 .mytel{ width:238px; height:200px; position:relative; cursor:pointer; border:1px #f5fafd solid; text-align:center; margin-top:50px; z-index:0; padding:30px 0; font-size:16px;}
.about-2 .mytel .color{ color:#3fa8d8; }
.about-2 .myemail{ width:238px; height:200px; position:relative; cursor:pointer; border:1px #f5fafd solid; text-align:center; margin-top:50px; z-index:0; padding:30px 0; font-size:16px;}
.about-2 .myemail .color{ color:#3fa8d8; }
.about-2 .tr{ font-size:16px; font-weight:bold; color:#3fa8d8; display:block; margin-top:50px; }
.about-2 .td{ font-size:16px;  display:block; margin-top:10px; }
.about-2 .myaddress{ width:238px; height:200px; position:relative; cursor:pointer; border:1px #f5fafd solid; text-align:center; margin-top:50px; z-index:0; padding:30px 0; font-size:16px;}
.about-2 .myaddress .color{ color:#3fa8d8; font-size:14px; }

.about-2 .ctbox_on{   }

.open{ padding:100px 0; }
.open .th{ font-size:36px; font-weight:bold; color:#3fa8d8; display:block; }
.open-2{ padding:100px 0;  background:#f5fafd;}
.open-3{ padding:100px 0;}

.bottom{ width:100%; background:#3fa7d8; color:#fff; }
.contact{ padding:100px 0 150px; border-bottom:1px #69b5e0 solid; position:relative; }
.contact .blogo{ width:260px; height:90px; float:left; }
.contact .centertxt{ width:285px; height:90px; margin:0 105px; float:left; }
.contact .centertxt p{ line-height:25px; text-align:center; }
.contact .centertxt p.th{ font-size:28px;  }
.contact .centertxt p a{ padding:0 5px; color:#fff;}
.contact .centertxt p a:hover{ color:#fff; text-decoration:underline; }
.contact .rico{ width:205px; height:90px; float:right; text-align:center; line-height:25px; position:relative;}
.contact .rico p.th{ font-size:26px; color:#fff;  }
.contact .rico p.ico{ position:relative; height:39px; }
.contact .rico p span{ cursor:pointer; display:block; z-index:0; }
.contact .rico p .wx{ width:40px; height:40px; background:url(../images/rico2.png) no-repeat; position:absolute; left:0;  z-index:2; top:0;}
.contact .rico p .email{ width:40px; height:40px; float:right; background:url(../images/rico2.png) -80px no-repeat;  position:absolute; right:0; z-index:2; top:0;}
.contact .rico p .wb{ width:40px; height:40px; margin:0 auto; background:url(../images/rico2.png) -40px no-repeat;  z-index:1;}
.contact .rico .wx_code{ width:200px; height:200px; position:absolute; left:0; right:0; top:-205px; z-index:1; display:none;  }
.contact .rico .wx_code img{ width:200px; height:200px; }
.contact .rico .wb_code{ width:200px; height:200px; position:absolute; left:0; right:0; top:-205px; z-index:1; display:none;  }
.contact .rico .wb_code img{ width:200px; height:200px; }


.footer{ padding:20px 0; line-height:25px; text-align:center; font-size:12px; }
.footer a{ color:#fff; }
.footer a:hover{ color:#fff; text-decoration:underline; }
.ending{ width:100%; height:160px; background:url(../images/huojian.png) no-repeat center bottom; }

.showed{ display:block; }

.mainbox{ width:960px; margin:0 auto; clear:both;}
.with960{ width:960px;}
.h20{ height:20px; }
.h45{ height:45px; }
.h60{ height:60px; }
.mt2{ margin-top:2px; }
.mt3{ margin-top:3px; }
.mt5{ margin-top:5px; }
.mt8{ margin-top:8px; }
.mt10{ margin-top:10px; }
.mt12{ margin-top:12px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt50{ margin-top:50px; }
.mt80{ margin-top:80px; }
.mb5{ margin-bottom:5px; }
.mb8{ margin-bottom:8px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.ml8{ margin-left:8px; }
.ml10{ margin-left:10px; }
.mr10{ margin-right:10px; }
.pt20{ padding-top:20px; }
.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; }
.overhidden{ overflow:hidden; }