/** header **/
.h_top{ position:relative;}
.headerarea{ height:90px; background-color:#f7f2f2; position:relative; z-index:3;}
.nav{ width:58%; float:left;}
.nav>ul{ text-align:right; padding-top:16px;}
.nav>ul>li{float: left;padding:0px 2.6%; font-size:16px;}
.nav>ul>li>a{display: inline-block;width: 100%; text-align: center; color:#818181; line-height:74px;}
.nav>ul>li>a:hover{ color:#349df6;}
.act_nav{ color:#349df6 !important;}
/*PC tel begin*/
.ptel{ width:28%; float:right; padding-top:36px; line-height:32px;}
.ptel{ overflow:hidden;}
.ptel .sea{ width:178px; float:left; padding:0px 0; border:1px solid #ccc; height:24px; margin-top:4px; background-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;}
.ptel .sea .text{ display:block; float:left; width:144px; height:24px; font-size:12px; color:#555; padding-left:8px; line-height:16px; background:none; border:none;}
.ptel .sea .tj{ float:right; background:url(../images/icon/sear.png) center center no-repeat; width:34px; height:24px; cursor:pointer;}
.ptel .sea .tj:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.ptel .num{ font-size:20px; color:#349df6; display:inline-block; float:right; }
.seabtn{ display:none; position:absolute; right:54px; top:16px;}
.seabtn{ width:30px; height:30px; background:url(../images/icon/sea.png) center center no-repeat; -webkit-background-size:70% 70%; -moz-background-size:70% 70%; -ms-background-size:70% 70%; -ms-background-size:70% 70%; -o-background-size:70% 70%; background-size:70% 70%;}
.search{padding:10px 2%; background-color:#999999; overflow:hidden; display:none;}
.searbox{ height:36px; line-height:36px; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;}
.search .text{ display:block; float:left; width:78%; height:36px; font-size:12px; color:#333; padding-left:8px; line-height:36px; background:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border:none;}
.search .tj{ float:right; width:20%; height:36px; cursor:pointer; background:url(../images/icon/sea.png) right center no-repeat; margin-right:2%; background-size:24px 24px;}
.search .tj:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; border:noen;}


.hsubnav{ position:absolute; width:100%; left:0; top:90px; background-color:#e7e7e7; padding:22px 0 50px; display:none;}
.subnavlist{}
.depnav01 .dnl{ width:58%; float:left; padding-top:20px;}
.depnav01 .dnl .dnldl{ text-align:left;}
.depnav01 .dnl .dnldl dd{ width:48%; margin-right:2%; float:left;}
.depnav01 .dnl .dnldl dd h4{ font-size:16px; color:#333; font-weight:normal;  margin-bottom:20px;}
.depnav01 .dnl .dnldl dd h4 a{ color:#333;}
.depnav01 .dnl .dnldl dd h4 a:Hover{color:#349df6;}
.depnav01 .dnl .dnldl dd .nr{}
.depnav01 .dnl .dnldl dd .nr a{ font-size:14px;  margin-bottom:16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#888;
}
.depnav01 .dnl .dnldl dd .nr a:hover{color:#349df6;}
.depnav01 .dnr{ width:38%; float:right; text-align:left;}
.depnav01 .dnr .tp{ display:block; font-size:0;}
.depnav01 .dnr .tp img{width:100%; height:auto;}
.depnav01 .dnr .tp:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.depnav01 .dnr h4{  font-size:16px; font-weight:normal; color:#333; padding:10px 0 18px;}
.depnav01 .dnr h4 a:hover{ color:#349df6;}
.depnav01 .dnr .nr{ font-size:12px; color:#666;}
.depnav01 .dnr .opa{ margin-top:16px;}
.depnav01 .dnr .opa a{ display:inline-block; padding:12px 40px; font-size:14px; color:#fff; background-color:#ff6406; margin-right:12px;}
.depnav01 .dnr .opa a:hover{ background-color:#349df6;}


.depnav02 .dnl{ width:58%; float:left; padding-top:20px;}
.depnav02 .dnl .dnldl{ text-align:left;}
.depnav02 .dnl .dnldl dd{ width:48%; margin-right:2%; float:left;}
.depnav02 .dnl .dnldl dd h4{ font-size:16px; color:#333; font-weight:normal;  margin-bottom:20px;}
.depnav02 .dnl .dnldl dd h4 a{ color:#333;}
.depnav02 .dnl .dnldl dd h4 a:Hover{color:#349df6;}
.depnav02 .dnl .dnldl dd .nr{}
.depnav02 .dnl .dnldl dd .nr a{ font-size:14px;  margin-bottom:16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#888; width:44%; float:left;}
.depnav02 .dnl .dnldl dd .nr a:hover{color:#349df6;}
.depnav02 .dnr{ width:38%; float:right; text-align:left;}
.depnav02 .dnr .tp{ display:block; font-size:0;}
.depnav02 .dnr .tp img{width:100%; height:auto;}
.depnav02 .dnr .tp:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.depnav02 .dnr h4{  font-size:16px; font-weight:normal; color:#333; padding:10px 0 18px;}
.depnav02 .dnr h4 a:hover{ color:#349df6;}
.depnav02 .dnr .nr{ font-size:12px; color:#666;}
.depnav02 .dnr .opa{ margin-top:16px;}
.depnav02 .dnr .opa a{ display:inline-block; padding:12px 40px; font-size:14px; color:#fff; background-color:#ff6406; margin-right:12px;}
.depnav02 .dnr .opa a:hover{ background-color:#349df6;}

.depnav03 .dnl{ width:58%; float:left; padding-top:20px;}
.depnav03 .dnl .dnldl{ text-align:left;}
.depnav03 .dnl .dnldl dd{ width:60%; margin:0 auto;}
.depnav03 .dnl .dnldl dd h4{ font-size:16px; color:#333; font-weight:normal;  margin-bottom:20px;}
.depnav03 .dnl .dnldl dd h4 a{ color:#333;}
.depnav03 .dnl .dnldl dd h4 a:Hover{color:#349df6;}
.depnav03 .dnl .dnldl dd .nr{ overflow:hidden;}
.depnav03 .dnl .dnldl dd .nr a{ font-size:14px;  margin-bottom:16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#888; width:46%; float:left;}
.depnav03 .dnl .dnldl dd .nr a:hover{color:#349df6;}
.depnav03 .dnr{ width:38%; float:right; text-align:left; overflow:hidden;}
.depnav03 .dnr .tp{ display:block; font-size:0;}
.depnav03 .dnr .tp img{width:100%; height:auto;}
.depnav03 .dnr .tp:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.depnav03 .dnr h4{  font-size:16px; font-weight:normal; color:#333; padding:10px 0 18px;}
.depnav03 .dnr h4 a:hover{ color:#349df6;}

.dnr3ul{ background-color:#f9f9f9; overflow:hidden; padding:10px 2% 5px;}
.dnr3ul li{ width:24%; margin:0 0.5%; float:left; background-color:#fff; margin-bottom:5px;}
.dnr3ul li a{ display:block; padding:10px 0 4px;}
.dnr3ul img{ width:100%; height:auto;}
.dnr3ul p{ text-align:center;font-size:12px; color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.dnr3ul a:hover{}
.dnr3ul a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.dnr3ul a:hover p{color:#349df6;}


.depnav04 .dnl{ width:58%; float:left; padding-top:20px;}
.depnav04 .dnl .dnldl{ text-align:left;}
.depnav04 .dnl .dnldl dd{ width:32.33%; margin-right:1%; float:left;}
.depnav04 .dnl .dnldl dd h4{ font-size:16px; color:#333; font-weight:normal;  margin-bottom:20px;}
.depnav04 .dnl .dnldl dd h4 a{ color:#333;}
.depnav04 .dnl .dnldl dd h4 a:Hover{color:#349df6;}
.depnav04 .dnl .dnldl dd .nr{}
.depnav04 .dnl .dnldl dd .nr a{ font-size:14px;  margin-bottom:16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#888; width:100%; float:left;}
.depnav04 .dnl .dnldl dd .nr a:hover{color:#349df6;}
.depnav04 .dnr{ width:38%; float:right; text-align:left; padding-top:10px;}
.depnav04 .dnr .tp{ display:block; font-size:0;}
.depnav04 .dnr .tp img{width:100%; height:auto;}
.depnav04 .dnr .tp:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.depnav04 .dnr h4{  font-size:16px; font-weight:normal; color:#333; padding:10px 0 18px;}
.depnav04 .dnr h4 a:hover{ color:#349df6;}

.dnr4{}
.dnr4ul{ background-color:#fff; border-top:6px solid #27a5ff;}
.dnr4ul li{ float:left; width:50%; text-align:center;}
.dnr4ul .li01{ padding:24px 0 0;}
.dnr4ul .li01 img{ width:115px; height:auto; margin-bottom:10px;}
.dnr4ul .li01 h4{ font-size:16px;color:#ff7011; line-height:1.2; font-weight:bold; padding:0; margin:0;}
.dnr4ul .li01 p{ font-size:14px; color:#333; line-height:1.2;}
.dnr4ul .li02{ padding:14px 0; background:url(../images/icon/linenav.gif) left center no-repeat;}
.dnr4ul .li02 img{ width:100px; height:100px; margin-bottom:3px; padding-top:10px;}
.dnr4ul .li02 p{ font-size:12px; color:#666; text-align:center; }

.dnr4 .wz{ background-color:#27a5ff; height:34px; line-height:34px; text-align:center; font-size:14px; color:#fff;}

.depnav05 .dnl{ width:48%; margin-left:10%; float:left; padding-top:20px;}
.depnav05 .dnl .dnldl{ text-align:left;}
.depnav05 .dnl .dnldl dd{ width:48%; margin-right:2%; float:left;}
.depnav05 .dnl .dnldl dd h4{ font-size:16px; color:#333; font-weight:normal;  margin-bottom:20px;}
.depnav05 .dnl .dnldl dd h4 a{ color:#333;}
.depnav05 .dnl .dnldl dd h4 a:Hover{color:#349df6;}
.depnav05 .dnl .dnldl dd .nr{}
.depnav05 .dnl .dnldl dd .nr a{ font-size:14px;  margin-bottom:16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#888;
}
.depnav05 .dnl .dnldl dd .nr a:hover{color:#349df6;}
.depnav05 .dnr{ width:38%; float:right; text-align:left;}
.depnav05 .dnr .tp{ display:block; font-size:0;}
.depnav05 .dnr .tp img{width:100%; height:auto;}
.depnav05 .dnr .tp:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.depnav05 .dnr h4{  font-size:16px; font-weight:normal; color:#333; padding:10px 0 18px;}
.depnav05 .dnr h4 a:hover{ color:#349df6;}
.depnav05 .dnr .nr{ font-size:12px; color:#666;}
.depnav05 .dnr .opa{ margin-top:16px;}
.depnav05 .dnr .opa a{ display:inline-block; padding:12px 40px; font-size:14px; color:#fff; background-color:#ff6406; margin-right:12px;}
.depnav05 .dnr .opa a:hover{ background-color:#349df6;}


.menubtn{ position:absolute; width:24px; height:24px; cursor:pointer; right:12px; top:18px; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#349df6; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

.mnav{ background:url(../images/icon/black6.png) repeat; position:absolute; left:0; top:60px; width:100%; display:none; z-index:5; }
.mnav ul{ overflow:hidden;}
.mnav ul li{ float:left; width:50%; height:36px; position:relative;opacity:0; }
.mnav ul li a{ display:inline-block; width:100%; height:36px; line-height:36px; font-size:14px; color:#fff; text-align:center; border-bottom:1px solid #3777D7;}
.mnav ul li a::after{ content:""; width:1px; height:20px; position:absolute; right:-1px; top:50%; margin-top:-10px; background-color:#3777D7;}
.mnav ul li a:hover{background:#3777D7; color:#fff;}
.mnav li.on{ opacity:1;}
.freetest{ font-size:16px; text-align:center; color:#fff; line-height:36px;}
.freetest span{ font-weight:bold; display:inline-block; margin-right:6px;}

/*banner begin*/
.banarea{ position:relative; z-index:2; }
.bandes{ width:40%; position:absolute; left:50%; margin-left:-480px; top:90px;}
.bandes h4{ font-size:40px; color:#fff;}
.bandes p{ font-size:30px; color:#fff;}
.bandes .text{ display:block; width:298px; height:44px; font-size:16px; padding-left:10px; line-height:44px; background:url(../images/icon/white5.png) repeat; border:none; color:#fff; margin:12px 0 20px;}
.bandes .tj{ display:block; width:132px; height:40px; background-color:#ff6406; text-align:center;  border:1px solid #e8a403; cursor:pointer; font-size:18px; color:#fff;}
.bandes .tj:hover{ background-color:#f90;}

.banner{ position:relative; }
.banner .team{}
.teamarea{ height:418px; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover;-ms-background-size:cover; -o-background-size:cover;  background-size:cover;}
.banner .team a{ display:block; overflow:hidden; position:relative;}
.banner .slick-dots{position: absolute;left:50%;margin-left:-70px;bottom:26px;}
.banner .slick-dots li{float: left;margin: 0 4px;}
.banner .slick-dots li button{width:38px;height:11px;padding:0;background-color:#fff;font-size: 0;line-height: 0;outline:none;cursor: pointer;}
.banner .slick-dots li.slick-active button{background-color:#ff6406;}
.banner .slick-prev,.banner .slick-next{ }
/*banner end*/
.h_notice{ padding:18px 2%; background-color:#f4f2f2;}
.h_notice .mc{ width:150px; float:left; text-align:center; height:28px; font-size:18px; color:#818181; line-height:28px; border-right:1px solid #a2a1a1;}
.h_notice .mc a{color:#555;}
.h_notice .mc a:Hover{ color:#349df6;}
.hnarea{ padding-left:190px; height:28px;}

.txtScroll-left{ width:100%;  position:relative;}
.txtScroll-left .hd{ overflow:hidden;  height:36px; padding:0 0px; display:none;}
.txtScroll-left .hd .prev,.hi_m .txtScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/arrow.png") no-repeat;}
.txtScroll-left .hd .next{ background-position:0 -50px;  }
.txtScroll-left .hd .prevStop{ background-position:-60px 0; }
.txtScroll-left .hd .nextStop{ background-position:-60px -50px; }
.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-left .hd ul li.on{ background-position:0 0; }
.txtScroll-left .bd{ padding:0px;  overflow:hidden;    }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{ overflow:hidden; margin-right:20px;  height:28px; line-height:28px;  text-align:left; _display:inline; font-size:14px; color:#818181;}
.txtScroll-left .bd ul li a{ display:block; width:70%; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#818181;}
.txtScroll-left .bd ul li a:hover{ color:#349df6;}
.txtScroll-left .bd ul li i{ padding:0 20px;}
.txtScroll-left .bd ul li span{ color:#999; float:right;}

.h_adv{ padding:26px 0 60px;}
.h_tit{ text-align:center;}
.h_tit h4{ font-size:36px; margin-bottom:0px; font-weight:normal; color:#858686; text-transform:uppercase; margin-bottom:5px;}
.h_tit p{ font-size:16px; color:#b5b4b4; line-height:1.4;}

.haul{ padding-top:30px;}
.haul li{ width:20%; margin:0 2.5%; float:left;}
.haul li a{ display:block; text-align:center;}
.haul li .tp{ text-align:center; position:relative; display:block;-webkit-transition:all 1s ease-out .1s; -ms-transition:all 1s ease-out .1s; -o-transition:all 1s ease-out .1s;transition:all 1s ease-out 
.1s;}
.haul li .tp img{ width:122px; height:140px;}
.haul li .tp h4{ position:absolute; left:0; top:50%; text-align:center; color:#fff; width:100%; font-size:30px; font-weight:normal;line-height:1; margin-top:-15px;}
.haul li p{ font-size:14px; color:#858686; line-height:1.8; text-align:center;-webkit-transition:all 1s ease-out .1s; -ms-transition:all 1s ease-out .1s; -o-transition:all 1s ease-out .1s;transition:all 1s ease-out 
.1s; height:100px; overflow:hidden;}
.haul li a:Hover{}
.haul li a:hover .tp{-webkit-transform:rotateY(30deg); -moz-transform:rotateY(30deg); -ms-transform:rotateY(30deg); -o-transform:rotateY(30deg);transform:rotateY(30deg);}
.haul li a:hover p{ color:#333;}

.h_pro{ padding:30px 0 36px; background-color:#f9f8f8;}
.tabBox{ margin:30px auto 0;   }
.tabBox .hd{ line-height:40px; margin-bottom:20px; border-bottom:1px solid #5ea5f5; padding-left:60px;}
.tabBox .hd ul{ float:left; width:100%; }
.tabBox .hd ul li{ float:left; font-size:14px; color:#666; margin-right:18px; display:inline-block;display:inline-block;text-align:center;line-height:40px; height:40px; font-size:14px; color:#666; position:relative; padding:0 8px; cursor:pointer;}
.act_tabBox{ background-color:#5ea5f5 !important; color:#fff !important; display:block !important; }
.tabBox .bd{}
.tabBox .bd .con{ display:none;}
.conarea{}
.conarea .des{ padding:20px 0 0 ; width:50%;}
.conarea .des .tit{ font-size:16px; color:#818181; margin-bottom:20px;}
.conarea .des .nr{}
.conarea .des .nr ul,.conarea .des .nr li{list-style: inside;}
.conarea .des .nr .wz{ font-size:14px; color:#818181;  line-height:1.8;}
.conarea .des .key{font-size:14px; color:#818181; }
.conarea .des .key span{ font-weight:bold;}
.conarea .des .key .kong{ margin:0 6px;}
.conarea .des .opa{}
.conarea .des .opa a{ display:inline-block; padding:5px 28px; background-color:#ff6406; color:#fff; margin-right:20px; font-size:16px;}
.conarea .des .opa a:hover{ background-color:#f90;}
.conarea .tp{ width:50%;}
.conarea .tp img{ max-width:100%; height:auto;}

.h_solu{ padding:100px 0 36px; background-color:#3399ff;}
.h_tit2{}
.h_tit2 h4{ color:#fff;}
.h_tit2 p{ color:#fff;}
.hsol{}
.hs1ul{ padding:50px 0 0px; width:92%; margin:0 auto;}
.hs1ul li{ width:16.66%; float:left;}
.hs1ul a{ display:block; text-align:center;}
.hs1ul img{ width:34px; height:34px; margin-bottom:8px;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hs1ul .tplink{ display:inline-block;}
.hs1ul .tphover{ display:none;}
.hs1ul p{ font-size:18px; color:#676868; text-align:center; color:#fff; -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hs1ul a:hover .tplink{ display:none;}
.hs1ul a:hover .tphover{ display:inline-block;}
.hs1ul a:hover img{ -webkit-transform:translateY(3px); -moz-transform:translateY(3px); -ms-transform:translateY(3px); -o-transform:translateY(3px); transform:translateY(3px);}
.hs1ul a:hover p{-webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -ms-transform:translateY(-3px); -o-transform:translateY(-3px); transform:translateY(-3px); color:#fe9658;}

.hsarea{ overflow:hidden; padding:40px 0; }
.haslick{ margin:0px auto 0px; width:90%;}
.habox{ width:16.66%; margin:0 -14px;}
.habox a{ display:block; overflow:hidden; width:74%; margin:0 auto;position:relative;transform: rotate(0deg); overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;border-radius:50%;}
.habox .tp{display:block; font-size:0; overflow:hidden;}
.habox .cshade{ position:absolute; left:0; top:0; width:100%; height:auto; z-index:6;}
.habox .tp img{ width:100%; height:auto;overflow:hidden;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.habox a p{ width:100%; background-color:#fff; position:absolute; border-radius:0 0 50% 50%; left:0; bottom:0; text-align:center; height:32px; font-size:16px; color:#676868;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.habox a:hover .tp img{ -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -ms-transform:rotate(10deg); -o-transform:rotate(10deg); transform:rotate(10deg);}
.habox a:hover p{ background-color:#349df6; color:#fff;}
.haslick .slick-prev,.haslick .slick-next{ width:36px; height:36px;text-indent:999px; position:absolute; bottom:50%; margin-bottom:-18px; font-size:0;}
.haslick .slick-prev{ background:url(../images/icon/prev.png) center center no-repeat; left:-26px;}
.haslick .slick-next{ background:url(../images/icon/next.png) center center no-repeat; right:-26px;}
.haslick .slick-prev:hover,.haslick .slick-next:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.morebtn{ text-align:center; padding-top:20px;}
.morebtn a{ display:inline-block; font-size:18px; color:#fff; padding:14px 52px; border:1px solid #fff;}
.morebtn a:hover{ background-color:#fff; color:#349df6;}


.h_case{ padding:60px 0; background-color:#f9f8f8;}
.hcarea{ margin:60px auto 18px;}
.hcslide{ width:94%; margin:0 auto;}
.hcbox{ overflow:hidden;float:left;}
.hcdl{ padding:0 7px;}
.hcdl dt{}
.hcdl dt a{ display:block; font-size:0; position:relative;}
.hcdl dt img{ width:100%; height:auto;}
.hcdl dt .shade{width:100%; height:100%; position:absolute; left:0; bottom:0%; font-size:18px; color:#fff; text-align:center; background-color:#3399ff;-webkit-transition:all .2s ease-out 0s; -moz-transition:all .2s ease-out 0s; -ms-transition:all .2s ease-out 0s; -o-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
.hcdl dt .shade p{position:absolute; top:50%; margin-top:-9px; width:100%; text-align:center;}
.hcdl dd{ margin-top:10px;}
.hcdl dd a{ display:block; font-size:0; position:relative; overflow:hidden;}
.hcdl dd img{ width:100%; height:auto;}
.hcdl dd .shade{width:100%; height:100%; position:absolute; left:0; bottom:-100%; font-size:14px; color:#fff; text-align:center; background-color:#3399ff;-webkit-transition:all .2s ease-out 0s; -moz-transition:all .2s ease-out 0s; -ms-transition:all .2s ease-out 0s; -o-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
.hcdl dd .shade p{position:absolute; top:50%; margin-top:-9px; width:100%; text-align:center;}
.hcdl dd a:hover .shade{ bottom:0;}
/*.hcbox a{ float:left; display:block; position:relative; overflow:hidden; width:15.866%; font-size:0; margin:0 0.4% 8px;}
.hcbox a img{ width:100%; height:auto;}
.hcbox a .shade{ width:100%; height:100%; position:absolute; left:0; bottom:-100%; font-size:18px; color:#fff; text-align:center; background-color:#3399ff;-webkit-transition:all .2s ease-out 0s; -moz-transition:all .2s ease-out 0s; -ms-transition:all .2s ease-out 0s; -o-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
.hcbox a .shade p{ position:absolute; top:50%; margin-top:-9px; width:100%; text-align:center;}
.hcbox a:hover .shade{}
*/.hcslide .slick-prev,.hcslide .slick-next{ width:36px; height:36px;text-indent:999px; position:absolute; bottom:50%; margin-bottom:-18px; font-size:0;}
.hcslide .slick-prev{ background:url(../images/icon/prev1.png) center center no-repeat; left:-36px;}
.hcslide .slick-next{ background:url(../images/icon/next1.png) center center no-repeat; right:-36px;}
.hcslide .slick-prev:hover,.hcslide .slick-next:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.hcbox a .shade p{ line-height:100%;}
.morebtn2{ text-align:center; padding-top:20px;}
.morebtn2 a{ display:inline-block; font-size:18px; color:#ff6406; padding:14px 52px; border:1px solid #ff6406;}
.morebtn2 a:hover{ background-color:#ff6406; color:#fff;}


.h_ad{ padding:40px 0; margin-bottom:0px; background:url(../images/h_adbg.png) center center no-repeat;}
.h_ad .wp{ width:960px; overflow:hidden;}
.h_ad .wz{font-size:34px; font-weight:bold; color:#fff; width:36%; float:left;}
.h_ad .text{display:block; width:36%; margin-left:1%; height:44px; font-size:16px; padding-left:10px; line-height:44px; background:url(../images/icon/white5.png) repeat; border:none; color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box; float:left; margin-top:26px;}
.h_ad .tj{display:block; width:26%; margin-left:1%; height:44px; background-color:#ff6406; text-align:center;  border:1px solid #e8a403;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box; cursor:pointer; font-size:18px; color:#fff; float:right; margin-top:26px;}
.h_ad .tj:hover{ background-color:#f90;}





.main{ padding-top:80px; padding-bottom:60px;}
.h_about{ width:34%;}
.h_about a{ display:block;}
.h_about .tp{ width:100%; height:auto; margin-bottom:14px;}
.h_about .nr{ font-size:12px; color:#a1a2a2; line-height:1.8;}
.h_about a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.h_about a:hover p{ color:#333;}
.h_new{ width:66%; padding-top:90px;}
.hnbox{ width:40%; margin-left:10%; float:left;}
.h_tit2{ border-bottom:2px solid #349df6; font-size:18px; color:#2c9cf0; line-height:36px;}
.h_tit2 a{ float:right; font-size:12px; color:#2c9cf0; font-weight:normal; margin-top:4px;}
.h_tit2 a:hover{ color:#f90;}
.hnul{ padding-top:24px;}
.hnul li{ padding-left:13px; background:url(../images/icon/icon1.png) left center no-repeat; margin-bottom:18px;}
.hnul li a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#4c4c4d;}
.hnul li a:hover{ color:#2c9cf0;}




.frilink{ padding:26px 0 0px;}
.frilink .tit{ margin-bottom:10px; font-size:15px; color:#fff;   }
.frilink .nr{line-height:1.6;}
.frilink .nr a{ color:#999; font-size:14px; }
.frilink .nr a:hover{ color:#349df6;}
.frilink .nr i{ margin:0 15px; font-size:14px; color:#999;  font-style:normal;}


.footer{}
.f_t{ padding:50px 0; background-color:#4a4a4b;}
.fnav{ width:56%; float:left; overflow:hidden;}
.fnavul{ margin-right:-6%;}
.fnavul li{ width:27.33%; float:left; margin-right:6%; padding-top:4px}
.fnavul li h4{  font-weight:normal; font-size:18px; color:#fff; margin-bottom:20px;}
.fnavul .nr{}
.fnavul .nr p{ font-size:12px; line-height:2;}
.fnavul .nr p a{ color:#fff; padding-left:11px; display:inline-block; background:url(../images/icon/icon2.png) left center no-repeat; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fnavul .nr p a:hover{ color:#349df6;}

.fbtn{ width:116px; float:left; padding-top:80px;}
.fbtn a{ display:inline-block; width:114px; height:32px; font-size:14px; color:#fff; border:1px solid #fff; text-align:center; line-height:32px; margin-top:9px;}
.fbtn a:hover{ border-color:#349df6;color:#349df6;}
.code{ text-align:center; width:170px; float:right; margin-right:100px;}
.code img{ width:118px; height:118px; margin-bottom:4px;}
.code p{ font-size:12px; color:#fff; line-height:2;}
.code h4{font-size:14px; font-weight:normal; line-height:2; color:#fff;}

.f_b{ padding:6px 0; background-color:#000;}
.flink{ width:50%; float:left;}
.flink a{font-size:12px; color:#fff; display:inline-block; display:inline-block;}
.flink i{ margin:0 12px; color:#fff;}
.flink a:hover{ color:#349df6;}
.copy{ width:50%; float:right; text-align:right;}
.copy p{ font-size:12px; color:#fff;}
.copy p a{ color:#fff;}
.copy p a:hover{ text-decoration:underline;}
.i_banner{background-position:center center; background-repeat:no-repeat; height:418px;}

.lm{ text-align:center;  padding-top:60px;}
.lm a{ display:inline-block; width:20%; border:1px solid #e1e1e1; font-size:18px; color:#b5b4b4; padding:14px 0; margin-left:-1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.lm a:hover{ z-index:3; position:relative; border-color:#2481c6;color:#2481c6;}
.act_lm{ z-index:3 !important; position:relative !important; border-color:#2481c6 !important;color:#2481c6 !important;}

.i_tit{ text-align:center;}
.i_tit h4{ font-size:36px; margin-bottom:0px; font-weight:normal; color:#333333; text-transform:uppercase; margin-bottom:10px;}
.i_tit p{ font-size:16px; color:#666666; line-height:1.4;}
.ser_pro{ padding:44px 0;}

.serproarea{ background-color:#f9f8f8; margin-top:44px;}
.i_tit2{ text-align:center;}
.i_tit2 h4{ font-size:24px; margin-bottom:0px; font-weight:normal; color:#858686; text-transform:uppercase; margin-bottom:5px;}
.i_tit2 p{ font-size:18px; color:#00a1e7; line-height:1.4;}

.serprobox{ padding:40px 0;}
.spbul{ padding-top:40px;}
.spbul li{ text-align:center; width:31.33%; margin:0 1%; float:left;}
.spbul img{ width:70px; height:70px; margin-bottom:10px;}
.spbul h4{ font-size:14px; color:#6c6c6c;  margin-bottom:6px;}
.spbul p{font-size:12px; color:#767676;  line-height:1.8;}
.spbul a{ display:block; padding:6px 0 10px;}
.spbul a:hover{ background-color:#f5f5f5;}
.spbul a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.spbul a:hover h4{ color:#00a1e7;}
.spbul a:hover p{ color:#333;}
.ser_adv{ padding:16px 0 30px;}
.saarea{ margin-top:36px;}
.sadl{ overflow:hidden;}
.sadl dt{ width:36%; position:relative; float:left; background:url(../images/icon/serbluepx.png) repeat; height:381px;}
.sadl dt .icon{ width:80%; height:auto; position:absolute; left:10%; bottom:0; z-index:-1;}
.sadl dt .des{ padding:50px 10% 0;}
.sadl dd{ float:right; width:64%;}
.sadl .deslist{ margin-left:0.8%; width:49.2%; float:left;  height:188px;}
.sadl .deslist .des{ padding:30px 10% 0;}
.sadl .des  h4{ font-size:18px; color:#fff; margin-bottom:12px;}
.sadl .des p{ font-size:12px; color:#ffffff; line-height:1.8; }
.sadl .deslist1{ background-color:#5ed0f6;}
.sadl .deslist2{ background-color:#33cccc; margin-bottom:5px;}
.sadl .deslist3{ background-color:#36d9d7; margin-bottom:5px;}
.sadl .deslist4{ background-color:#6dc8f7;}
.lm2{ text-align:center; padding-top:60px;margin:0px auto 40px; border-bottom:1px solid #5ea5f5;}
.lm2 a{ display:inline-block; font-size:14px; color:#858686; padding:0px 18px; height:40px; line-height:40px;}
.lm2 a:hover{background-color:#5ea5f5;color:#fff;}
.act_lm2{  background-color:#5ea5f5;color:#fff !important;}

.case_gray{ padding:90px 0 80px; background-color:#f4f4f4;}
.case_white{ padding:90px 0 80px; background-color:#fff;}
.i_tit3{ text-align:center;}
.i_tit3 h4{ font-size:36px; font-weight:normal; color:#3399ff; text-transform:uppercase; margin-bottom:5px;}
.i_tit3 p{ font-size:24px; color:#8c8c8c; line-height:1.4;}

.cgul{ padding-top:30px; width:90%; margin:0 auto;}
.cgul li{ float:left; background-color:#fff; margin:0 0.3% 8px; width:19.3%;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all 
.5s ease-out 0s;}
.cgul li a{ display:block; padding:10px 0 16px;}
.cgul li a img{ width:100%; height:auto;}
.cgul li a p{ font-size:12px; color:#6a6a6a;  padding:0 2%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.cgul li.last{ background-color:#3399ff;}
.cgul li.last p{ color:#fff;}
.cgul li.last p span{ color:#ffcf0e; font-weight:bold;}
.cgul li:hover{-webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px); }

.cwul{ width:90%; margin:30px auto 0; overflow:hidden;}
.cwul li{ float:left; background-color:#fff; width:20%;border:1px solid #e2e1e1; border-width:1px 0 0 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin:-1px 0 0 -1px;}
.cwul li a{ display:block; padding:10px 0 16px;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s; text-align:center; }
.cwul li a img{ width:98%; height:auto;}
.cwul li a p{ font-size:12px; color:#6a6a6a;  padding:0 2%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.cwul li.last{ background-color:#3399ff;}
.cwul li.last p{ color:#fff;}
.cwul li.last p span{ color:#ffcf0e; font-weight:bold;}
.cwul li a:hover{-webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px); }
.pro1{  background-color:#f9f8f8;}
.pro1area{ padding:44px 0;}
.pro1box{ padding-top:50px;}
.pro1box .des{ padding:0px 0 0 ; width:49%;}
.pro1box .des .tit{ font-size:16px; color:#818181; margin-bottom:20px;}
.pro1box .des .nr{}
.pro1box .des .nr .wz{ font-size:14px; color:#818181;  line-height:1.8;}
.pro1box .des .key{font-size:14px; color:#818181; }
.pro1box .des .key span{ font-weight:bold;}
.pro1box .des .key  .kong{ margin:0 6px;}
.pro1box .des .opa{}
.pro1box .des .opa a, .section a, .profeat a{ /*display:inline-block; padding:5px 28px; border:1px solid #ff6406; color:#ff6406; margin-right:20px; font-size:14px;*/
    font-size: 14px;
    color: #4887E1;
}
.section .opa, .profeat .opa{
    margin-top: 20px;
}
.pro1box .des .opa a:hover, .section a:hover, .profeat a:hover{ color: #5897ff;}
.pro1box .tp{ width:49%; text-align:center;}
.pro1box .tp img{ width:100%; height:auto;}

.pro2{ padding:44px 0 70px;}
.pro2 .nr{ padding-top:70px; text-align:center;}

.sit{ height:284px; position:relative; width:956px; margin:0 auto;}
.situl{}
.situl li{ width:162px; height:140px; background-repeat:no-repeat; background-position: center center no-repeat; position:absolute; background-size:100%;}
.situl li span{ display:block; font-size:22px; color:#fff; position:absolute; width:100%; line-height:1.2; left:0; top:50%; margin-top:-26px;}
.situl .li01{ background-image:url(../img/manastatus04.png); left:0; top:145px;}
.situl .li02{ background-image:url(../img/manastatus03.png); left:134px; top:73px;}
.situl .li03{ background-image:url(../img/manastatus01.png);left:265px; top:0px;}
.situl .li04{ background-image:url(../img/manastatus02.png);left:265px; top:145px;}
.situl .li05{ background-image:url(../img/manastatus03.png);left:398px; top:72px;}
.situl .li06{ background-image:url(../img/manastatus01.png);left:529px; top:0px;}
.situl .li07{ background-image:url(../img/manastatus02.png);left:529px; top:145px;}
.situl .li08{ background-image:url(../img/manastatus03.png);left:661px; top:73px;}
.situl .li09{ background-image:url(../img/manastatus04.png);left:792px; top:148px;}
.situl .li01 span,.situl .li09 span{ color:#00b0f0;}
.situl .li04 span,.situl .li07 span{ color:#7f7f7f;}

.pro3{ padding:50px 0 80px; background:url(../img/pro3bg.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}

.i_titw h4,.i_titw p{ color:#fff;}
.p3ul{  margin:60px auto 0; overflow:hidden;}
.p3ul li{ float:left;  width:25%;border:1px solid #6fb4fa; border-width:1px 0 0 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin:-1px 0 0 -1px;padding:10px 0 16px; text-align:center; padding:24px 0 26px;}
.p3ul li a{ display:block;}
.p3ul li  img{ width:52px; height:50px; margin-bottom:10px;}
.p3ul li  p{ font-size:14px; line-height:1.8; color:#fff;  padding:0 2%; text-align:center; height:76px; overflow:hidden;}
.p3ul li:hover{ background-color:#4297f2;}
.pro4{ padding:70px 0 80px; background-color:#f4f2f0;}

.p4ul{  margin:30px auto 0; overflow:hidden;}
.p4ul li{ float:left;  width:24.6%; margin:0 0.2% 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;padding:10px 0 16px; text-align:center; padding:60px 0 20px;}
.p4ul li a{ display:block;}
.p4ul li  img{ width:52px; height:50px; margin-bottom:10px;}
.p4ul li h4{font-size:14px; line-height:1.8; color:#fff;  margin-bottom:8px;}
.p4ul li  p{ font-size:14px; line-height:1.2; color:#fff;  padding:0 2%; text-align:center; height:50px; overflow:hidden;}
.p4ul li.li01{ background-color:#88c9df;}
.p4ul li.li02{ background-color:#00b0f0;}
.p4ul li.li03{ background-color:#36d9d7;}
.p4ul li.li04{ background-color:#6dc8f7;}

.p4ul li.li05{ background-color:#36d9d7;}
.p4ul li.li06{ background-color:#6dc8f7;}
.p4ul li.li07{ background-color:#88c9df;}
.p4ul li.li08{ background-color:#00b0f0;}
.p4ul li:hover{ background-color:#4297f2;}
.plink{ background-color:#f9f8f8;}
.plinkul{ width:78%; padding:80px 0 100px;}
.plinkul li{ width:28%; float:left; margin:0 2.66%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.plinkul li.li01{ background-color:#4f92cc; border:1px solid #4f92cc;}
.plinkul li.li02{ background-color:#52bdb4; border:1px solid #52bdb4;}
.plinkul li.li03{ background-color:#ff9b41; border:1px solid #ff9b41;}
.plinkul li.li01 h4{color:#4f92cc}
.plinkul li.li02 h4{color:#52bdb4;}
.plinkul li.li03 h4{color:#ff9b41;}
.plinkul li h4{ font-size:24px; font-weight:normal; background-color:#fff; padding:40px 0 24px; text-align:center;}
.plinkul li .nr{ padding:20px 0;}
.plinkul li .nr a{ display:block; line-height:30px; text-align:center; font-size:18px; color:#f9f8f8;}
.plinkul li .nr a:hover{ font-weight:bold; text-decoration:underline;}

.profeatg{ background-color:#f9f8f8;}
.profeatw{ background-color:#fff;}
.profeat{ padding:30px 0;} 
.profeat .des{ width:48%; padding-top:20px;}
.profeat .des .tit{ font-weight:normal; font-size:30px; color:#3e3e3e; margin-bottom:20px;}
.profeat .des .tith6{ font-weight:normal; font-size:16px; color:#7a7676; margin-bottom:20px;}
.profeat .des .nr{ font-size:14px; line-height:26px;}
.profeat .des .nr .wz{ font-size:14px; color:#444242;  line-height:1.8;}
.profeat .tp{ width:48%;}
.profeat .tp img{ max-width:100%; height:auto;}
.new{ margin-top:46px;}
.n_l{ width:76%; float:left; padding-bottom:20px;}
.n_r{ width:22%; float:right; margin-top:30px;}

.newul{ padding-bottom:30px;}
.newul li{ padding:30px 0; overflow:hidden; border-bottom:1px solid #ddd;}
.newul .tp{ width:200px; float:left;}
.newul .tp a{}
.newul .tp img{ width:200px; height:auto;}
.newul .tp a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;  opacity:.8;}
.newul .des{ padding-left:220px;}
.newul .des h4{ font-size:18px; font-weight:normal; margin-bottom:10px; color:#6e6e6e;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newul .des h4 a{ color:#6e6e6e;}
.newul .des h4 a:hover{ color:#088de2;}
.newul .des .nr{ font-size:14px; color:#555; line-height:1.6;  max-height:68px; overflow:hidden;}
.newul .des .key{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top:6px; font-size:13px; color:#555;}
.newul .des .key span{ color:#333;}
.newul .des .key em{ margin-right:10px;}
.newul .des .pub{ margin-top:6px; font-size:14px; color:#93939a;}
.newul .des .pub span.time{ margin-right:22px; padding-left:20px; background:url(../images/icon/time.png) left center no-repeat;}
.newul .des .pub span.read{ padding-left:20px; background:url(../images/icon/eye.png) left center no-repeat;}
.side1{ background-color:#0390d9; padding:30px 0;}
.side1 a{ display:block; font-size:18px; color:#fff; text-align:center; padding:10px 0;}
.side1 a:hover{ color:#f5f5f5; font-weight:bold;}

.side2{ margin-top:30px; background-color:#f7f6f6; padding:30px 0 0;}
.side2 h4{ font-size:18px; color:#4c4c4c; font-weight:normal; text-align:center; margin-bottom:24px;}
.side2 ul{ overflow:hidden; padding-bottom:30px; padding-left:16%;}
.side2 ul li{ float:left; width:40%;}
.side2 ul li a{ display:block; font-size:12px; color:#7a7676;  line-height:2;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.side2 ul li a:hover{color:#088de2;}

.side3{ margin-top:30px; background-color:#f7f6f6; padding:30px 0;}
.side3 h4{ font-size:18px; color:#4c4c4c; font-weight:normal; text-align:center; margin-bottom:24px;}
.side3 ul{ overflow:hidden; padding:0 20px;}
.side3 ul li{ margin-bottom:6px;}
.side3 ul li a{ display:block; font-size:12px; color:#7a7676;  line-height:2;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.side3 ul li a:hover{color:#088de2;}


.page{ margin:0 auto 46px; text-align:center;}
.page a,.page span{ display:inline-block; padding:4px 10px; font-size:12px;margin:0 2px; color:#333; border:1px solid #bfbfbf; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;  border-radius:3px;}
.page a:hover{ color:#fff; background-color:#646464;}
.current{ color:#fff !important; background-color:#646464 !important;}
.about{}
.ab1{ overflow:hidden; padding:60px 0 80px;}
.ab1 .tp{ width:38%; float:left;}
.ab1 .tp img{ max-width:100%;}
.ab1 .des{ width:60%; float:right;}
.ab1 .des .tit{ margin-bottom:20px; }
.ab1 .des .tit h4{ font-size:36px;font-weight:normal; color:#858686;}
.ab1 .des .tit p{ font-size:22px; color:#bebebe;}
.ab1 .des .nr{}
.ab1 .des .nr .wz{font-size:12px; color:#6e6e6e; line-height:1.6; }

.ab2{ padding:60px 0; background-color:#59acff;}
.ab2 .nr{ text-align:center; margin-top:40px;}
.i_tit3 h4,.i_tit3 p{ color:#fff; }
.i_tit3 h4{ font-size:36px;}
.i_tit3 p{ font-size:16px;}

.ab3{ padding:60px  0 40px; background-color:#9ad4ec;}
.abhon{ margin-top:60px;}
.abhonul{ overflow:hidden; width:80%; margin:0 auto;}
.abhonul li{ margin:0 0.6% 24px; width:23.8%; float:left; text-align:center;}
.abhonul li img{ width:100%; height:auto;}
.abhonul li p{ text-align:center; text-align:center; font-size:14px; color:#fff;  margin-top:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.ab4{padding:60px  0 40px; background-color:#f4f5f6;}
.abhis{ margin-top:60px;}
.abhisul{ width:56%; margin:0 auto; padding-bottom:24px; background:url(../images/icon/serbluepx.png) 54px top repeat-y;}
.abhisul li{ overflow:hidden; margin-bottom:48px;}
.abhisul .year{ width:108px; height:129px; float:left; background:url(../images/icon/icon3.png) center top  no-repeat;}
.abhisul .year span{ display:block; font-size:20px; color:#00b0f0; text-align:center; padding-top:62px;}
.abhisul .des{ padding-top:44px; padding-left:174px;}
.abhisul .des h4{ font-size:18px; color:#858686; margin-bottom:12px; font-weight:normal; }
.abhisul .des p{ font-size:14px; color:#858686; }
.case1{ background-color:#f9f8f8; padding:40px 0 0px;}
.case1ul{ overflow:hidden;}
.case1ul li{ width:30.33%; margin:0 1.5% 40px; float:left;}
.case1ul li a{ display:block; text-align:center; }
.case1ul img{ width:70px; height:70px; margin-bottom:16px;}
.case1ul h4{ font-size:14px; color:#6c6c6c; margin-bottom:8px;}
.case1ul p{ font-size:12px; color:#6c6c6c;  line-height:1.8; height:44px; overflow:hidden;}
.case1ul .btn{ -webkit-border-radius:2px; -moz-border-radius:2px;-ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; display:block; width:98px; height:32px; border:1px solid #00a1e7; color:#00a1e7;text-align:center; line-height:32px; font-size:12px;  margin:0 auto; margin-top:8px;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.case1ul li a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.case1ul li a:hover h4{ color:#00a1e7;}
.case1ul li a:hover .btn{ background-color:#00a1e7; color:#fff; width:106px;}
.lm3{ margin-bottom:0;}

.caselist{ padding:80px 0 50px;}
.caselist .wp{}
.caselist .wp910{ width:910px; max-width:100%; margin:0 auto;}
.caselist .des{ width:36%; float:left;}
.caselist .des .tit{ text-align:right; margin-bottom:20px;}
.caselist .des .tit h4{ font-size:36px; color:#fff; font-weight:normal;}
.caselist .des .tit h4 span{ font-size:30px;}
.caselist .des .tit p{ font-size:18px; color:#ffffff;}
.caselist .des .nr{ text-align:right; font-size:14px; color:#fff;  color:#fff; line-height:1.8;}
.caselist .des .more{ text-align:right; padding-top:38px;}
.caselist .des .more a{ display:inline-block; width:96px; height:30px; line-height:30px; border:1px solid #ffffff; text-align:center; font-size:14px; color:#ffffff; }
.caselist .des .more a:hover{ background-color:#fff; color:#00a1e7;}
.caselist .listul{ width:62%; float:right;}
.caselist .listul li{ margin-left:3.4%; width:46.6%; float:left; margin-bottom:30px;}
.caselist .listul a{ display:block; font-size:0; position:relative; overflow:hidden;}
.caselist .listul a img{ width:100%; height:auto;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.caselist .listul a p{ position:absolute; width:96%; padding:0 2%; text-align:center; background:url(../images/shade1.png) repeat; height:40px; font-size:14px; line-height:40px; color:#fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; left:0; bottom:0;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.caselist .listul a:hover p{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.caselist .listul a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.caselist .listul .last{ background:url(../images/shade1.png) repeat;}
.caselist1{ background-color:#40b9ed;}


.caselist2{ background-color:#fbfafa;}
.caselist2 .des .tit{}
.caselist2 .des .tit h4{ color:#ff6633;}
.caselist2 .des .tit p{ color:#b5b4b4;}
.caselist2 .des .nr{ color:#b5b4b4;}
.caselist2 .des .more a{ background-color:#ff6633; color:#fff; border-color:#ff6633;}
.caselist2 .des .more a:hover{ background-color:#f90; color:#fff;}
.caselist2 .listul{}
.caselist2 .listul a p{ background:url(../images/shade2.png) repeat;}
.caselist2 .listul .last{ background:url(../images/shade2.png) repeat;}


.caselist3{ background-color:#55be9d;}
.caselist3 .des .tit{}
.caselist3 .des .tit h4{ color:#fff;}
.caselist3 .des .tit p{ color:#fff;}
.caselist3 .des .nr{ color:#fefefe;}
.caselist3 .des .more a:hover{ color:#55be9d;}
.caselist3 .listul{}
.caselist3 .listul a p{ background:url(../images/shade3.png) repeat;}
.caselist3 .listul .last{ background:url(../images/shade3.png) repeat;}



.caselist4{ background-color:#fbfafa;}
.caselist4 .des .tit{}
.caselist4 .des .tit h4{ color:#ff6a83;}
.caselist4 .des .tit p{ color:#b5b4b4;}
.caselist4 .des .nr{ color:#b5b4b4;}
.caselist4 .des .more a{ background-color:#ff6a83; color:#fff; border-color:#ff6a83;}
.caselist4 .des .more a:hover{ background-color:#f00; color:#fff;}
.caselist4 .listul{}
.caselist4 .listul a p{ background:url(../images/shade4.png) repeat;}
.caselist4 .listul .last{ background:url(../images/shade4.png) repeat;}

.contact{ width:80%; margin:0 auto; padding:60px 0;}
.cont{}
.cont .wz1{ font-size:14px;  color:#333; line-height:1.8;}
.cont .des{ width:380px; max-width:100%; margin:20px auto;}
.cont .des .tit{ font-size:24px; color:#333; margin-bottom:10px;}
.cont .des .wz2{font-size:14px;  color:#666; line-height:1.8;}
.cont .des2{width:380px; max-width:100%; margin:20px auto; width:48%; float:right;}
.cont .des2 .tit{ font-size:24px; color:#333; margin-bottom:10px;}
.cont .des2 .wz2{font-size:14px;  color:#666; line-height:1.8;}
.mapbtn{ margin-top:0px;}
.mapbtn span{ cursor:pointer; font-size:14px; color:#0099FF;}
.mapbtn span:hover{ color:#2481c6;}
.conb{ overflow:hidden; margin-top:80px;}
.conbul{ margin:0 -3%;}
.conbul li{ margin:0 3%; width:27.33%; float:left;}
.conbul li h4{ line-height:32px; background-color:#fea78a; font-size:14px; color:#fff; text-align:center;}
.conbul li .nr{ padding:20px 30px;}
.conbul li .nr p{font-size:14px;  color:#333; line-height:1.8;}
.conbul li.code .nr{ text-align:center;}
.conbul li.code .nr img{ width:118px; height:118px;}
.conbul li.code .nr p{ line-height:1.4;}
.down{ padding:66px 0 40px;}
.downlist{ border:1px solid #ddd; margin-bottom:30px; position:relative;}
.downlist .mc{ position:absolute; left:8px; top:-10px; background-color:#fff; padding:0 4px; font-size:16px; font-weight:bold;}
.downul{ padding:22px 30px 8px;}
.downul li{ font-size:14px; color:#333; margin-bottom:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.downul li input{ margin-right:10px;}
.downform{ padding:30px 30px 30px; }
.dftable{ width:480px; margin:24px auto;}
.dftable .para{ font-size:14px; width:64px;}
.dftable .para .xing{ color:#f00; margin-left:4px; position:relative; top:3px;}
.dftable .nr{ padding:6px 0;}
.dftable .text{ width:100%; padding-left:10px; border:1px solid #ddd; height:32px; line-height:32px; padding-left:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.dftable .tj input{ width:48%; height:34px; text-align:center; color:#fff; background-color:#fe9658; font-size:14px;}
.dftable .tj .tj1{ float:left;}
.dftable .tj .tj2{ float:right;}
.dftable .tj input:hover{ background-color:#349df6;}
.join{ padding:50px 0; width:80%; margin:0 auto;}
.join_tit{ font-size:36px; color:#333; text-align:center; margin-bottom:40px; font-weight:normal;}
.joinul{}
.joinul li{ font-size:14px; color:#555; padding:16px 0; margin-bottom:6px; border-bottom:1px solid #cccccc;}
.joinul li span{ display:inline-block; float:left; line-height:36px;}
.joinul .mc{ font-weight:bold; width:30%;}
.joinul .mc em{ font-size:12px; margin-left:8px;}
.joinul .pos{ width:35%;}
.joinul .salay{ width:18%;}
.joinul .more{ width:16%; float:right; text-align:right;}
.joinul .more a{ display:inline-block; width:145px; max-width:100%; height:34px; line-height:34px; border:1px solid #08a0df; font-size:14px; color:#08a0df; font-weight:bold; text-align:center;}
.joinul .more a:hover{ background-color:#08a0df; color:#fff;}

.rec{ padding:40px 0;}
.rec .des .r_tit{ font-size:20px; margin-bottom:30px; color:#000;}
.rec .des .wz{ font-size:14px; color:#333; line-height:2;}

.sideMenu{ margin-top:26px;}
.sideMenu h3{ height:42px; font-size:16px; color:#333; line-height:46px; background:#ededed;padding-left:30px; cursor:pointer; margin-bottom:8px;		}
.sideMenu h3 em{ float:right; display:block; width:26px; height:26px;   background:url(../images/icon/icon7.png) 0 0px no-repeat; cursor:pointer;margin:16px 8px 0 0;  }
.sideMenu h3.on em{ background-position:0px -100px; }
.sideMenu h3.on{ color:#fe926d; }
.sideMenu ul{ padding:8px 25px 14px; color:#999;  display:none; }
.sideMenu ul h5{ font-size:14px;   color:#333;}
.sideMenu ul h6{ font-size:13px;color:#333;}
/*.sideMenu ul p{font-size:14px;color:#333; line-height:1.8;}*/
.sideMenu ul{font-size:14px;color:#333; line-height:1.8;}
.affiliate{ padding:50px 0;width:100%; margin:0 auto; }
.agent{ overflow:hidden;}
.agent .tp{ width:36%; float:left;}
.agent .tp img{ width:100%; height:auto;}
.agent .des{ width:60%; float:right;}
.agent .des .wz{font-size:14px;color:#333; text-indent:2em; line-height:1.8; margin-bottom:14px;}

.onaff{ margin-top:60px;}
.onaff .des{font-size:14px;color:#333; line-height:1.8; text-align:center;}
.onaffform {width:60%; margin:0 auto;}
.onaff .tip{ font-size:16px; color:#333; margin:40px auto 20px;}
.onafftab{}
.onafftab td{ border-bottom:1px solid #ccc; padding:20px 0 14px;}
.onafftab .mc{font-size:15px; width:100px; padding:6px 0;line-height:32px; text-align:right; padding-right:10px;}
.onafftab .mc .xing{color:#f00; margin-right:4px; position:relative; top:3px;}
.onafftab .nr{ padding:6px 0; font-size:14px;}
.onafftab .text{ width:100%; padding-left:10px; height:32px; line-height:32px; padding-left:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:none; border:none;}
.onafftab span{ padding:0 26px 0 10px; display:inline-block;}
.onafftab span input{ margin-right:6px; position:relative; top:2px;}
.onafftab .tj{ padding-top:40px; text-align:center; border-bottom:none;}
.onafftab .tj input{ padding:14px 80px; font-size:16px; color:#fff; color:#fff; background-color:#ff6633;}
.onafftab .tj input:hover{ background-color:#349df6;}
.apptest{padding:0px 0 50px;}
.onaff{}
.onaff .des2{width:60%; margin:0 auto; padding:10px 0 30px;}
.onaff .des2 h6{ font-size:16px; margin-bottom:20px;color:#333; line-height:1.8;}
.onaff .des2 p{font-size:14px;color:#333; line-height:1.8; }
.mcase{ padding:50px 0;}
.c_l{ width:68%;}
.mcul{}
.mcul{ padding-bottom:30px;}
.mcul li{ padding:30px 0; overflow:hidden; border-bottom:1px solid #ddd;}
.mcul .tp{ width:230px; float:left;}
.mcul .tp a{ display:block; font-size:0}
.mcul .tp a img{ width:100%; height:auto;}
.mcul .tp a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;  opacity:.8;}
.mcul .des{ padding-left:244px;}
.mcul .des h4{ font-size:18px; font-weight:normal; margin-bottom:6px; color:#6e6e6e;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcul .des h4 a{ color:#3399ff;}
.mcul .des h4 a:hover{ color:#066bd0;}
.mcul .des .nr{ font-size:13px; color:#6e6e6e; line-height:1.6;  max-height:60px; overflow:hidden;}
.mcul .des .key{ font-size:12px; color:#666; margin:10px 0 4px;}
.mcul .des .time{ font-size:12px; color:#666;}


.c_r{ width:26%;}
.cside{ padding:30px 0 10px; background-color:#f5f5f5;}
.cside h4{ font-size:18px; color:#797979;padding-left:82px;}
.csideul{ padding:10px 0 20px;}
.csideul li{ padding:6px 0;}
.csideul li a{ font-size:14px; color:#333; padding-left:82px;}
.csideul li a:hover{ color:#3399ff;}

.mcasedel{ padding:50px 0;}
.mc_topul{}
.mc_topul{ margin-top:20px;}
.mc_topul li{ padding:12px; background-color:#f5f5f5; overflow:hidden;}
.mc_topul .tp{ width:230px; float:left;}
.mc_topul .tp a{ display:block; font-size:0}
.mc_topul .tp a img{ width:100%; height:auto;}
.mc_topul .tp a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;  opacity:.8;}
.mc_topul .des{ padding-left:244px;}
.mc_topul .des h4{ font-size:26px; font-weight:normal; margin-bottom:10px; color:#6e6e6e;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mc_topul .des h4 a{ color:#3399ff;}
.mc_topul .des h4 a:hover{ color:#066bd0;}
.mc_topul .des .nr{ font-size:14px; color:#6e6e6e; line-height: 1.6;
height: 66px;
overflow: hidden;
}
.mc_topul .des .key{ font-size:12px; color:#666; margin:4px 0 2px;}
.mc_topul .des .time{ font-size:12px; color:#666;}
.mc_nr{}
.mc_nr .tit{ font-size:26px; color:#333; text-align:center; margin:30px 0 30px;}
.mc_nr .wz{font-size:14px; color:#6e6e6e; line-height:1.8; text-indent:2em; }
.jjfa{ padding:40px 0; border-bottom:1px solid #ddd;}
.jjfa .tp{ width:48%;}
.jjfa .des{ width:48%;}
.jjfa .tp img{ max-width:100%;}

.jjfa .des .subtit{ font-size:18px; color:#333; margin-bottom:20px;}
.jjfa .des .nr{}
.jjfa .des .nr .wz{font-size:14px; color:#6e6e6e; line-height:1.8; text-indent:2em; }

.mcasetui{ margin-top:50px; border-bottom:1px dashed #ddd; padding-bottom:40px;}
.mcasetui .i_tit{}
.mcasetui .i_tit h4{font-size:26px; color:#333; font-weight:bold;}
.mcasetui .i_tit p{ color:#333; font-size:14px;}

.mtuiul{ overflow:hidden; margin-top:40px;}
.mtuiul li{ width:30.33%; margin:0 0.5% 16px; float:left;}
.mtuiul li a{ font-size:14px; color:#333;  display:inline-block; padding-left:16px; background:url(../images/icon/icon1.png) left 4px no-repeat;}
.mtuiul li a:hover{ color:#2a9aee;}

.mcrelate{ margin-top:50px;}
.mcrelate h4{font-size:26px; color:#333; margin-bottom:24px;}
.mrul{ overflow:hidden; margin-top:40px;}
.mrul li{ width:49%; margin:0 0.5% 16px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mrul li a{ font-size:14px; color:#333;  display:inline-block; padding-left:16px; background:url(../images/icon/icon1.png) left 4px no-repeat;}
.mrul li a:hover{ color:#2a9aee;}


.fplink{ border-top:1px solid #ccc; padding:60px 0;}
.fplinkul{ overflow:hidden;}
.fplinkul li{ width:48%;}
.fplinkul li h4{ border-bottom:1px solid #2481c6;margin-bottom:10px;}
.fplinkul li h4 span{ display:inline-block; font-size:16px; background-color:#2481c6;  width:90px; text-align:center; font-weight:normal; height:34px; line-height:34px;  color:#fff;}
.fplinkul li .nr{}
.fplinkul li .nr a{ display:inline-block; margin-right:14px; font-size:14px; color:#555; line-height:24px;}
.fplinkul li .nr a:hover{ color:#2481c6;}
/*2016-11-05*/
/*2016-11-05*/
.train{ margin-top:60px; overflow:hidden;}
.trainul{ margin:0 -4%;}
.trainul li{ width:29.33%; margin:0 2%; float:left;}
.trainul .circle{ width:140px; height:140px; background-color:#fe916d; position:relative; margin:0 auto;}
.trainul .circle .mc{ position:absolute; display:block; font-size:18px; color:#fff; font-weight:bold; text-align:center; top:50%; margin-top:-12px; left:0; width:100%;}
.trainul .des{ margin-top:14px; padding:0 20px;}
.trainul .des p{font-size: 14px;color: #333;}

.i_tit8 h4{ color:#00a1e7;}
.i_tit8 p{ color:#555;}

.stick {
        position: fixed; left:50%; transform:translateX(-50%); background-color:#fff; padding-top:0; z-index:999;
        top: 0;
      }

.annual{ margin-top:50px;}
.annual h4{font-size:26px; color:#333; margin-bottom:4px;}
.annualul{}
.annualul li{ padding:30px 0; overflow:hidden;}
.annualul .tp{ width:200px; float:left;}
.annualul .tp a{}
.annualul .tp img{ width:200px; height:auto;}
.annualul .tp a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;  opacity:.8;}
.annualul .des{ padding-left:220px;}
.annualul .des h4{ font-size:18px; font-weight:normal; margin-bottom:10px; color:#6e6e6e;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.annualul .des h4 a{ color:#6e6e6e;}
.annualul .des h4 a:hover{ color:#088de2;}
.annualul .des .nr{ font-size:14px; color:#555; line-height:1.6;  max-height:68px; overflow:hidden;}
.annualul .des .downbtn{ text-align:right; margin-top:20px;}
.annualul .des .downbtn a{ font-size:14px; color:#333;}
.annualul .des .downbtn a img{ vertical-align:middle; width:16px; margin-right:8px;}
.annualul .des .downbtn a:hover{ color:#349df6}



.newart{ padding-bottom:60px;}
.pubinfor{ padding:16px 0; margin-bottom:20px; border-bottom:1px solid #c0c0c0;}
.pubinfor h4{ font-size:22px; color:#333; font-weight:normal; text-align:center;}
.pubdel{  margin:0 auto; overflow:hidden; margin-top:8px;}
.tutortime{text-align:center; font-size:12px; color:#333;}
.article{ font-size:14px; color:#333;}
.article .wz{ color:#1a1a1a; line-height:2; text-indent:2em; text-indent:2;}
.article img{ max-width:100%; height:auto;}
.article .tp{ display:block; margin:20px auto;}

.pnpart{ font-size:14px; margin-top:30px; padding:20px 0px 0; overflow:hidden; border-top:1px solid #c0c0c0; }
.pnpart p{ line-height:1.6; margin-bottom:8px; width:50%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.pnpart p span{ color:#555;}
.pnpart p a{ color:#555;}
.pnpart p a:hover{ color:#333;}
.pnpart p.next{ text-align:right;}
.mdopa{ text-align:right; padding-bottom:10px;}
.mdopa a{ display:inline-block; padding:3px 10px; margin-left:8px; font-size:14px; color:#ff6431; border:1px solid #ff6431;}
.mdopa a:hover{ background-color:#ff6431; color:#fff;}
.side4{ margin-top:30px;}
.side4{ padding:20px 14px; background:#3399ff;}
.side4 .wz{font-size:22px; text-align:center; line-height:1.4; font-weight:bold; color:#fff; }
.side4 .text{display:block; width:100%; height:34px; font-size:14px; padding-left:10px; line-height:34px; background:url(../images/icon/white5.png) repeat; border:none; color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box; margin-top:14px;}
.side4 .tj{display:block; width:120px;height:34px; background-color:#ff6406; text-align:center;  border:1px solid #e8a403;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box; cursor:pointer; font-size:16px; color:#fff;  margin:16px auto 0;}
.side4 .tj:hover{ background-color:#f90;}



.pup{ background:url(../images/icon/black6.png) repeat; z-index:999; position:fixed; width:100%; top:0; left:0;}
.puparea{ width:600px; max-width:100%; height:400px; -webkit-box-shadow:1px 1px 6px 0px #999; -moz-box-shadow:1px 1px 6px 0px #999; -ms-box-shadow:1px 1px 6px 0px #999; -o-box-shadow:1px 1px 6px 0px #999; box-shadow:1px 1px 6px 0px #999; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; position:fixed; top:50%; margin-top:-200px; left:50%; margin-left:-300px;}
.puparea .close{ position:absolute; right:4px; cursor:pointer; width:28px; top:4px; display:inline-block;}
.puparea iframe{ width:100%; height:100%;}

.pban1{ background-position: center center ; background-repeat:no-repeat;}
.pban1 .wp{ position:relative; height:418px;}
.pban1 .des{ font-size:34px;top:120px; width:640px; max-width:96%; left:2%; position:absolute;}
.pban1 .des h4{ font-size:34px; color:#fff;}
.pban1 .des h6{ color:#fff;}
.pban1 .des .nr{ font-size:18px; line-height:1.8; color:#fff; margin-top:6px;}
.pban1 .des .btn{ font-size:16px; color:#fff; margin-top:20px;}
.pban1 .des .btn a{ color:#fff; padding:5px 20px; border:1px solid #fff;}
.pban1 .des .btn a:hover{ background-color:#2a93eb;}

.mban1{ display:none;}


.pban2{ background-position: center center ; background-repeat:no-repeat;}
.pban2 .wp{ position:relative; height:418px;}
.pban2 .des{ position:absolute; left:0; top:120px; width:100%; padding-top:0; text-align:center;}
.pban2 .des h4{ font-size:38px; font-weight:normal; color:#fff;}
.pban2 .des h6{ font-size:46px; color:#fff;}
.pban2 .des h6 span{ font-size:30px; font-weight:normal; display:inline-block; margin-left:14px;}
.pban2 .des .nr{ font-size:18px; line-height:1.8; color:#fff; margin-top:3px;}
.pban2 .des .btn{ font-size:16px; color:#fff; margin-top:20px;}
.pban2 .des .btn a{ color:#fff; padding:5px 20px; border:1px solid #fff;}
.pban2 .des .btn a:hover{ background-color:#2a93eb;}


.pban3{ background-position: center center ; background-repeat:no-repeat;}
.pban3 .wp{ position:relative; height:418px;}
.pban3 .des{ font-size:34px;top:110px; width:640px; max-width:96%; right:2%; position:absolute; text-align:right;}
.pban3 .des h4{ font-size:50px; color:#fff;}
.pban3 .des h6{ font-size:34px; color:#fff;}
.pban3 .des .nr{ font-size:18px; line-height:1.8; color:#fff; margin-top:6px;}
.pban3 .des .btn{ font-size:16px; color:#fff; margin-top:20px;}
.pban3 .des .btn a{ color:#fff; padding:5px 20px; border:1px solid #fff;}
.pban3 .des .btn a:hover{ background-color:#2a93eb;}






.QQ{position:fixed; right:0px; bottom:20%; z-index:999;}
.QQ dd{width:56px; height:56px; margin-bottom:3px; position:relative;}
.QQ dd:hover{width:auto;}
.dw_qq{position:absolute; right:-100%; opacity:0; color:#fff; background:#ff6406; z-index:7; padding-left:10px;}
.QQ dd.qq1 .dw_qq{width:200px; height:56px; line-height:56px; font-size:16px;}
.QQ dd.qq2 .dw_qq{width:130px; padding:15px 0 15px 10px}
.QQ dd.qq2 .dw_qq a{display:block; height:26px; line-height:26px; font-size:14px; color:#fff;}
.dw_qq img{vertical-align:middle; position:relative; top:-2px; *top:0px; margin-left:2px;}
.QQ dd:hover .sp{ background-color:#ff6406;}
.QQ dd .sp{width:56px; height:56px; background-position:center center; background-repeat:no-repeat; display:inline-block; position:relative; z-index:9;background-color:#0e6eb9}
.QQ dd.qq1 .sp{background-image:url(../images/icon/side01.png);}
.QQ dd.qq2 .sp{background-image:url(../images/icon/side02.png)}
.QQ dd.qq3 .sp{background-image:url(../images/icon/side03.png)}
.QQ dd.qq4 .sp{background-image:url(../images/icon/side04.png)}
.QQ dd.qq4{ cursor:pointer;}
.QQ dd.qq3{ position:relative;}
.qr{background:#0059a2;opacity:0.8;filter:Alpha(opacity=80); cursor:pointer;}
.qrma{ position:absolute; right:60px; top:-17px; display:none; width:90px; height:90px;}
.qrma img{ width:90px !important; height:90px !important;}




.lm3ul{ text-align:center; border-bottom:1px solid #5ea5f5; background-color:#fff; margin-top:60px; position:relative; z-index:999;}
.lm3ul li{ display:inline-block; font-size:14px; color:#858686;  padding:0px 18px; text-align:center; height:40px; line-height:40px; cursor:pointer;}
.lm3ul li:hover{background-color:#5ea5f5;color:#fff;}
.act_lm3{  background-color:#5ea5f5;color:#fff !important;}


.location{ height:34px;  margin-top:14px; padding:0 0px; line-height:24px; font-size:14px;}
.location .home{  padding-left:28px; background:url(../images/icon/home.png) 0px center no-repeat; display:inline-block; line-height:24px;}
.location a{ font-size:14px; color:#666;}
.location a:hover{ color:#0b5899;}
.location i{ margin:0 4px;}
.act_loca{ color:#5ea5f5 !important;}

.fri_tit{ margin-top:20px;font-size:20px; color:#333; background:url(../images/icon/black2.png) left bottom repeat-x;}
.fri_tit span{ display:inline-block; padding:0 12px 4px; font-weight:normal; line-height:37px; border-bottom:3px solid #5ea5f5;}

.friarea{ padding:40px 0;}
.friarea a{ font-size:14px; text-align:center; line-height:36px; border:1px solid #ddd; width:18%; margin:0 1% 8px; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background-color:#fafafa;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.friarea a:hover{ background-color:#5ea5f5; color:#fff; border-color:#5ea5f5;}
.sitemap{padding:40px 0;}
.sitemapul{}
.sitemapul li{ margin-bottom:20px;}
.sitemapul h4{ border-bottom:1px solid #999; margin-bottom:10px;}
.sitemapul h4 span{ font-size:16px; display:inline-block; padding:6px 20px; background-color:#999; color:#fff; font-weight:normal;}
.sitemapul .mc{ width:200px;  float:left; display:inline-block; font-size:16px; color:#333; padding:20px 0; }
.sitemapul .nr{border-bottom:0px solid #ccc; padding: 20px 0 0px 220px;}
.sitemapul .nr a{ font-size:13px; color:#555; display:inline-block; padding:0 20px 5px 0;}
.sitemapul .nr a:hover{color:#5ea5f5;}
.sublm{ text-align:center; border-bottom:1px solid #ddd; padding:10px 0;}
.sublm a{ font-size:14px; line-height:40px; margin:0 20px; color:#333;}
.act_sublm{color:#2481c6 !important;}
.sublm a:hover{color:#5ea5f5;}
.consect{ padding:20px 0;}
.consect .tit{ font-size:30px; margin-bottom:20px;}
.consect .tit a{ color:#555; margin-bottom:10px;}
.consect .tit a:hover{color:#5ea5f5;}
.consect .tp{ float:left; width:250px;}
.consect .tp img{ width:100%; height:auto;}
.consect .nr{ padding:0 164px 0 280px; font-size:14px; line-height:1.8; color:#555; min-height:110px;}
.consect .btn{ float:right; display:block; width:134px;}
.consect .btn a{ display:inline-block; padding:10px 30px; background-color:#ff6633; font-size:18px; color:#fff;}
.consect .btn a:hover{ background-color:#f90;}

.apro{ padding:50px 0;}
.apro_tit{ font-size:32px; color:#555; margin-bottom:20px;}
.aproul{}
.aproul li{ font-size:14px; color:#333; padding:8px 0;}


.posdes{ margin-top:20px; border:1px solid #2481c6; padding:16px;}
.posdes p{ font-size:14px; line-height:2; color:#333;}


.mlm{ padding:50px 1% 0px; display:none;}
.mlm a{ display:inline-block; line-height:40px; font-size:14px; color:#2481c6; text-align:center; width:48%; margin:0 1% 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border:1px solid #2481c6; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.mlm a:hover{ background-color:#2481c6; color:#fff;}
.act_mlm{background-color:#2481c6 !important; color:#fff !important;}