@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;}

.header{ width:100%; height:91px; background:#0192d5; clear:both; }
.header #header{ width:960px; height:90px; margin:0 auto; /* background:url(../images/mbg.jpg) repeat-x bottom;  */ border-bottom:1px #69b5e0 solid;}
.header #header .menu{ width:500px; height:90px; float:right; line-height:100px; text-align:right; }
.header #header .menu a{ padding:5px 12px; color:#fff; font-size:16px; border:1px #0192d5 solid; margin-left:5px; }
.header #header .menu a:hover{ background:#fff; color:#3fa8d8; border:1px #0192d5 solid; }
.header #header .logo{ height:90px; float:left; width:140; }
.header #header .logo img{ height:40px; margin-top:22px; }

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

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

/*
.header-fixed{ width:100%; height:60px; background:rgba(255, 255, 255, 0.9); clear:both; position:fixed; z-index:99; display:none; border-bottom:1px #ccc solid; top:0;  }
.header-fixed #header-fixed{ width:960px; height:60px; margin:0 auto; }
.header-fixed #header-fixed .menu{ width:450px; height:60px; float:right; line-height:65px; text-align:right; }
.header-fixed #header-fixed .menu a{ padding:5px 12px; color:#666; font-size:14px; border:1px #fff solid; }
.header-fixed #header-fixed .menu a:hover{ color:#06C; background:#3fa8d8; color:#fff; border:1px #3fa8d8 solid; }
.header-fixed #header-fixed .logo{ height:60px; float:left; width:140; }
.header-fixed #header-fixed .logo img{ height:35px; margin-top:10px; }
*/

.focus{ width:100%;  height:590px;clear:both; background:#3fa8d8;  position:relative; z-index:100;}
.focus .fbox{ width:100%; max-width:1920px; height:590px; margin:0 auto; position:relative; z-index:100;}
.focus .yun{ width:100%; height:60px; position:absolute; bottom:-35px; background:url(../images/yun.png) repeat-x; z-index:101; }
.focus .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; }
.fuwu02{ height:660px; text-align:center; }
.youshi{ width:100%; padding:80px 0; background:#f5fafd; }
.youshi .p1{ font-size:36px; font-weight:bold; color:#3fa8d8; line-height:36px; }
.youshi .mainbox .ys{ width:50%; height:250px; padding:30px 0; }
.youshi .mainbox .ys p{ text-align:center; padding:10px; line-height:25px; }
.youshi .mainbox .ys p a{ color:#f2a91c; }
.youshi .mainbox .ys p a:hover{ color:#f2a91c; text-decoration:underline;}
.youshi .mainbox .ys p.code{ width:60px; height:60px; display:block; clear:both; margin:0 auto;  }

.youshi .mainbox .ys p.code1{ background:url(../images/yico.png) no-repeat; }
.youshi .mainbox .ys p.code2{ background:url(../images/yico.png) -80px no-repeat; }
.youshi .mainbox .ys p.code3{ background:url(../images/yico.png) -160px no-repeat; }
.youshi .mainbox .ys p.code4{ background:url(../images/yico.png) -240px no-repeat; }

.youshi .mainbox .ys02{ width:25%; height:130px; padding:24px 0 0 0; }
.youshi .mainbox .ys02 p{ text-align:center; padding:10px; line-height:25px; }
.youshi .mainbox .ys02 p a{ color:#f2a91c; }
.youshi .mainbox .ys02 p a:hover{ color:#f2a91c; text-decoration:underline;}
.youshi .mainbox .ys02 p.code{ width:62px; height:60px; display:block; clear:both; margin:0 auto;  }

.youshi .mainbox .ys02 p.code1{ background:url(../images/newyico.png) 1px 0px no-repeat; }
.youshi .mainbox .ys02 p.code2{ background:url(../images/newyico.png) -85px 0px no-repeat; }
.youshi .mainbox .ys02 p.code3{ background:url(../images/newyico.png) -170px 0px no-repeat; }
.youshi .mainbox .ys02 p.code4{ background:url(../images/newyico.png) -257px 0px no-repeat; }
.youshi .mainbox .ys02 p.code5{ background:url(../images/newyico.png) -342px 0px no-repeat; }
.youshi .mainbox .ys02 p.code6{ background:url(../images/newyico.png) -428px 0px no-repeat; }
.youshi .mainbox .ys02 p.code7{ background:url(../images/newyico.png) -514px 0px no-repeat; }
.youshi .mainbox .ys02 p.code8{ background:url(../images/newyico.png) -599px 0px no-repeat; }


.gongneng{ padding:80px 0; }
.gongneng .banner{ font-size:36px; font-weight:bold; color:#3fa8d8; line-height:36px; }
.gongneng .inbox{ width:280px; height:420px; overflow:hidden; float:left; margin:80px 20px 0; background:#3fa8d8; color:#fff; position:relative; cursor:pointer;}
.gongneng .inbox .page1{ width:278px; height:418px; overflow:hidden; background:#fff; border:1px #3fa8d8 solid; display:; position:relative;}
.gongneng .inbox .page1 p{ text-align:center; }
.gongneng .inbox .page1 p.title{ padding:60px 0; font-size:16px; color:#666; }
.gongneng .inbox .page1 a{ color:#f2a91c; }
.gongneng .inbox .page1 a:hover{ color:#f2a91c; text-decoration:underline;}
.gongneng .inbox .page1 p.ico1{ width:119px; height:121px; margin:0 auto; background:url(../images/newgico.png) no-repeat 24px 0px; display:block; }
.gongneng .inbox .page1 p.ico2{ width:111px; height:121px; margin:0 auto; background:url(../images/newgico.png) no-repeat -175px 0px; display:block; }
.gongneng .inbox .page1 p.ico3{ width:108px; height:121px; margin:0 auto; background:url(../images/newgico.png) no-repeat -388px 0px; display:block; }

/*.gongneng .inbox .page1 p.ico1{ width:119px; height:121px; margin:0 auto; background:url(../images/gico.png) no-repeat; display:block; }
.gongneng .inbox .page1 p.ico2{ width:111px; height:121px; margin:0 auto; background:url(../images/gico.png) no-repeat -119px; display:block; }
.gongneng .inbox .page1 p.ico3{ width:108px; height:121px; margin:0 auto; background:url(../images/gico.png) no-repeat -230px; display:block; }*/
.gongneng .inbox .page1 .more{ position:absolute; top:330px; display:block; width:100%; text-align:center; }

.gongneng .inbox .page2{ width:280px; height:420px; overflow:hidden; background:#3fa8d8; display:none; position:relative; }
.gongneng .inbox .page2 p{ padding:0 30px; }
.gongneng .inbox .page2 p.title{ padding:45px 35px 50px; font-size:16px; color:#fff; display:block; line-height:50px; }
.gongneng .inbox .page2 p.txt{ line-height:25px; }
.gongneng .inbox .page2 a{ color:#fff; }
.gongneng .inbox .page2 a:hover{ color:#fff; text-decoration:underline;}
.gongneng .inbox .page2 p.title .ico1{ display:block; width:48px; height:48px; float:left; background:url(../images/gico2.png) no-repeat; margin-right:25px; }
.gongneng .inbox .page2 p.title .ico2{ display:block; width:45px; height:48px; float:left; background:url(../images/gico2.png) no-repeat -48px; margin-right:25px; }
.gongneng .inbox .page2 p.title .ico3{ display:block; width:45px; height:48px; float:left; background:url(../images/gico2.png) no-repeat -93px; margin-right:25px; }
.gongneng .inbox .page2 .more{ position:absolute; top:330px; display:block; width:100%; text-align:center; }

.tixi{ width:100%; padding:80px 0; background:#f5fafd; }
.tixi img{ display:block; width:408px; height:449px; float:left; margin-left:50px; }
.tixi .right{ width:280px; height:420px; float:right;  margin-right:50px; }
.tixi .right .title{ font-size:36px; font-weight:bold; color:#3fa8d8; line-height:36px; }
.tixi .right ul li{ height:30px; background:url(../images/dot.gif) no-repeat 0 9px; padding-left:15px; }
.tixi .right ul .tt{ font-size:16px; background:none; padding-left:0; }

.device{ width:100%; height:841px; background:url(../images/device.jpg) no-repeat center; }
.device p{ text-align:center; }
.device p.th{ font-size:36px; font-weight:bold; color:#fff; line-height:36px; padding-top:250px; }
.device .ico{ text-align:center; padding:100px 0; width:720px; margin:0 auto; clear:both; height:79px; line-height:79px; text-align:center; }
.device .ico span{ text-align:left; display:block; float:left; margin-left:50px; color:#fff; font-size:16px; }
.device .ico span font{ width:80px; height:79px; display:block; float:left; margin-right:20px; }
.device .ico span font.f1{ background:url(../images/dico.png) no-repeat; }
.device .ico span font.f2{ width:81px; background:url(../images/dico.png) -80px no-repeat; }
.device .ico span font.f3{ background:url(../images/dico.png) -161px no-repeat; }
.device  a{ color:#fff; display:block; width:132px; height:34px; text-align:center; line-height:34px; margin:0 auto; border:1px #fff solid; border-radius:16px; }
.device  a:hover{ border:1px #3fa8d8 solid; color:#3fa8d8; }

.parner{ width:100%; padding:100px 0 250px; background:url(../images/huojian.png) bottom center no-repeat #3fa8d8; }
.parner p.th{ font-size:36px; font-weight:bold; color:#fff; line-height:36px; }
.parner2{ width:100%; padding:100px 0 250px; background:url(../images/huojian2.png) bottom center no-repeat #3fa8d8; }
.parner2 p.th{ font-size:36px; font-weight:bold; color:#fff; line-height:36px; }
.contact{ padding:100px 0 150px; border-bottom:1px #ccc 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; }
.contact .centertxt p a:hover{ color:#3fa8d8; }
.contact .rico{ width:205px; height:90px; float:right; text-align:center; line-height:25px; position:relative;}
.contact .rico p.th{ font-size:26px; color:#f5b839;  }
.contact .rico p.ico{ position:relative; height:39px; }
.contact .rico p span{ cursor:pointer; display:block; z-index:0; }
.contact .rico p .wx{ width:39px; height:39px; background:url(../images/rico.png) no-repeat; position:absolute; left:0;  z-index:2; top:0;}
.contact .rico p .email{ width:39px; height:39px; float:right; background:url(../images/rico.png) -78px no-repeat;  position:absolute; right:0; z-index:2; top:0;}
.contact .rico p .wb{ width:39px; height:39px; margin:0 auto; background:url(../images/rico.png) -39px 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; }

.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; }