@charset "UTF-8";
*::after,
*::before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:rightdle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color: inherit;}
a:hover{text-decoration:none;}
.white,.white a{color:#fff}.blue,.blue a{color:#1c549e}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
.fr{float:right; display:inline}
.fl{float:left; display:inline}
.relative{position:relative;z-index:1;}
.absolute{position:absolute;}
.t-hide{opacity: 0;visibility: hidden;}
 
/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block; font-size: 16px; border: 1px solid #ededed; background:#e5e5e5;padding: 10px 15px;vertical-align: middle;margin: 0 0 0px 4px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #275bb1;}
.page span.count { border: 0;background: 0;color: #777777;}

header{ display:block}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.gray{ background-color: #e8e8e8;}

.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:rightdle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.mb50{ margin-bottom:50px;}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all}
.multi-ellipsis{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;word-wrap:break-word;word-break:break-all;}

.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block !important;*display:inline;zoom:1;}
.relative{position:relative;z-index:1;}
.absolute{position:absolute;}
.t-hide{opacity: 0;visibility: hidden;}
.pointer{cursor:pointer !important;}

.justify, .inner, img, input, textarea, select, button, table, label, .center, .searchForm { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > * { text-align: left; font-size: 14px; }
.justify .box { display: inline-block; vertical-align: top; }
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.d_b{display:block;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.mb25{ margin-bottom: 25px;}

.rect-275{padding-bottom: 27.5%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-74{padding-bottom: 74%;}
.rect-75{padding-bottom: 73.3%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-85{padding-bottom: 85%;}
.rect-88{padding-bottom: 88%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-145{padding-bottom: 145%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#f5f3f3;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}

.page_section{ padding: 80px 0;}
.page_section .tit{ font-size: 36px; font-weight: bold; color: #0e6db6; margin-bottom: 20px;}
.page_section .desc{ font-size: 16px; color: #666; }
@media screen and (max-width: 1440px){
.page_section{ padding: 60px 0;}
.page_section .tit{ font-size: 32px; }
}
@media screen and (max-width: 1024px){
.page_section{ padding: 40px 0;}
.page_section .tit{ font-size: 24px; }
}
@media screen and (max-width: 768px){
.page_section{ padding: 30px 0;}
.page_section .tit{ font-size: 20px; }
}
.page-tit { text-align: center; margin-bottom: 30px;}
.page-tit h3{ font-size: 32px; font-weight: bold; color:#333; margin-bottom: 30px;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 80%; margin: 0 auto;}
@media (max-width:1366px) {
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1200px) {
.page-tit h3{ font-size: 24px; }
.page-tit p{ width: 90%; }
}
@media (max-width:1024px) {
.page-tit h3{ font-size: 22px; margin-bottom: 10px;}
}
@media (max-width:768px) {
.page-tit h3{ font-size: 20px; margin-bottom: 15px;}
.page-tit p{ width: 100%; }
}
@media (max-width:568px) {
.page-tit h3{ font-size: 18px; }
}
.header{position: fixed;top:0; left:0; right:0; z-index: 99;height: 90px;transition: top .5s ease;-webkit-transition:top .5s ease; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.header.fixed{top:0;box-shadow: 0 5px 8px rgba(0,0,0,.2); background:#fff;}
.header .logo{width:220px;height:64px;background-image: url(../images/logo.png);background-position: left center;background-repeat: no-repeat;margin-top:10px;display: inline-block; }
.header .header_logo{width:20%; float: left;position: relative;height: 90px;text-align: center;}
.header .header_nav{width:70%;float: right;}

.header .header_tools{float: right;height: 90px;position: relative;width:8%;}
.header .header_tools .mobile_key{display: none;}
.header .header_nav .nav_container{text-align:right; height:90px;}
.header .header_nav .nav_container>ul{overflow:hidden; display:block;}
.header .header_nav .nav_container>ul>li{float: left; padding: 0 4%; text-align: center;font-size: 18px;color: #fff;height: 90px;line-height: 90px;}
.header .header_nav .nav_container>ul>li:last-child{ padding:  0 1% 0 4%;}
.header .header_nav .nav_container>ul>li a{display: block;}
.header .header_tools li{height: 90px;line-height: 90px;font-size: 16px;float: left;text-align: center; cursor: pointer;width:20%;}
.header .header_tools li:nth-child(2){ width: 50%;font-size: 18px;}
.header .header_tools .fix{position:relative; z-index:2;}
.header .header_tools li.search:before{content:""; left:0; top:35px; width:1px; height:20px;  opacity:.1; position:absolute;}

/*.header .header_tools li.search:after{content:""; right:0; top:35px; width:1px; height:20px; background:#fff; opacity:.1; position:absolute;}*/
.header .header_tools li.quick_a1{border-right: none;  }
.header .header_tools li.quick_a1 .iconfont{font-size:20px; border-right: 0;display: inline-block; margin-left:15px;}
.header .header_tools li.quick_a1:after{display: none;}
.header .header_tools .quick_box1{position: absolute;top: 100%;left:-50px;width:200px; background-color:#275bb1; background-repeat: no-repeat;background-position: right top;text-align: left;font-size: 16px;padding: 25px 0 35px;display: none;}
.header .header_tools .quick_box1 a{padding-left:20px;display: block;height: 50px;line-height: 50px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; color:#fff;}
.header .header_tools .quick_box1 a .lin{padding-right: 30px;color:#275bb1;vertical-align: 2px;}
.header .header_tools .quick_box1.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;}
.header .header_tools .quick_box1 a:hover{ color: #f3f3f3;}
.header .header_tools li .fa{/* float:left; */width:30px; margin: 0; opacity:0.8;height: 90px;line-height: 90px; font-size:22px;}
.header .header_tools li.search .list_down_form{ width:380px;right: 26%; top: 91px;position: absolute;z-index: 999; }
.header .header_tools li.search .list_down_form .down_form_left{ line-height: 55px; width: 75%; padding: 0px 10px; font-size: 15px; border: 1px solid #fff;}
.header .header_tools li.search .list_down_form .down_form_right{ width: 25%; line-height: 58px; height: 58px; background: #275bb1; border:1px solid#275bb1; color: #fff; font-size: 15px; cursor: pointer;}
.header .header_tools li.quick_a{width:20%;font-size: 14px; border-right: none; height: 89px;line-height: 89px; text-align: center;}
.header .header_tools li.quick_a .iconfont{font-size:20px; border-right: 0;display: inline-block; margin-left:15px;}
.header .header_tools li.quick_a:after{display: none;}
.header .header_tools .quick_box{position: absolute;top: 100%;left:0px;width:140px; background-color:#275bb1; background-repeat: no-repeat;background-position: right top;text-align: left;font-size: 16px;padding: 25px 0 35px;display: none;}
.header .header_tools .quick_box a{ display: block;height: 50px;line-height: 50px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; color:#fff;}
.header .header_tools .quick_box a .lin{padding-right: 30px;color:#275bb1;vertical-align: 2px;}
.header .header_tools .quick_box.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;}
.header .header_tools .quick_box a:hover{ color: #f3f3f3;}
/* 下拉 */
/*.header .header_box{position: relative;	}*/
.header .header_nav .inner_box{position: absolute;top: 100%;left: 0;width: 100%;padding: 20px 0 60px;background: rgba(0,0,0,0.76); height: auto; box-shadow: 0 2px 5px rgba(0,0,0,0.075);display: none;border-top: 1px solid #f5f5f5;}
.header .header_nav .inner_box .box_l{width:70%; margin: 0 auto; padding-left:5%;text-align: center; transform: translateY(20px);transition: all .5s cubic-bezier(.4,.5,.58,1.11);transition-delay: 0.3s;}
.header .header_nav .inner_box .box_l .subtit{ font-size: 24px; color: #333; text-align: left;} 
.header .header_nav .inner_box .box_l li{width:42%;float: left; line-height: 50px; padding: 5px 0px; font-size: 16px; margin-right: 7%; color: rgba(255,255,255,0.6);position: relative;text-align: left; }
.header .header_nav .inner_box .box_l li:after{content: '';position: absolute;bottom: 0;left: 0;width:95%;height: 1px;background: #e4e4e4; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;transition: all .5s ease;-webkit-transition: all .5s ease;}
.header .header_nav .inner_box .box_l li a{display: block; color:rgba(255,255,255,0.8); position: relative;}
.header .header_nav .inner_box .box_l li a:after{content: ''; position: absolute;bottom: 0;right: -10px;width:50px;height: 30px; background: url(../images/img6.png) no-repeat; }
.header .header_nav .inner_box .box_l li:hover:after{width:95%;background: rgba(255,255,255,0.86);transition: padding 250ms cubic-bezier(.25,.46,.45,.94);}
.header .header_nav .inner_box .box_l li:hover a { color: rgba(255,255,255,0.96);}
.header .header_nav .inner_box .box_l li:hover a:after{content: ''; right: -10px;position: absolute;bottom: 0;color: rgba(255,255,255,0.86);}

/* 触控 吸顶*/
.header.fixed,.header:hover{background:#fff;}
.header.fixed .logo,.header:hover .logo{background-image: url(../images/logo.png);}
.header .header_box:hover .header_logo:after{background: #275bb1;transition: all .5s ease;}
.header.fixed .header_nav .nav_container>ul>li,.header:hover .header_nav .nav_container>ul>li{color:#011c35;}
.header.fixed .header_tools:after,.header:hover .header_tools:after{content:""; width:600px; height:100%; position:absolute; top:0; left:0; z-index:1;}


/* 搜索框 */
.header_search_fix{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: #275bb1;color: #fff;display: none;transform: translateX(0);transition-delay: .3s;}
.header .header_logo{z-index: 100;}
.header .header_logo a{display:block; text-align:left;}
.header_search_fix .search{font-size: 18px;margin-bottom: 10px;}
.header_search_fix .box{position: absolute;width: 40%;top: 50%;margin-top: -50px;text-align: left;left: 30%;}
.header_search_fix .input{background: none;width: 70%;border: 0;outline: 0;font-size:38px;color: #fff;font-family: 'Impact'}
.he16r_search_fix .input::-webkit-input-placeholder {
  color: #fff;
  font-size: 56px;
}
.header_search_fix .input:-moz-placeholder {
  color: #fff;
  font-size: 56px;
}
.header_search_fix .input:-ms-input-placeholder {
  color: #fff;
  font-size: 56px;
}
.header_search_fix .search_box{line-height: 70px;height: 70px;position: relative;}
.header_search_fix .submit{width: 125px;height: 45px;line-height: 41px;font-size: 14px;color: #fff;border: 2px solid #fff;border-radius: 20px;background: transparent;padding: 0;margin: 0;position: absolute;top: 50%;margin-top: -23px;right: 0;-webkit-appearance: none;}
.header_search_fix .close{position: absolute;width: 88px;height: 88px;font-size: 12px;line-height: 92px;border: 1px solid #fff;right: 60px;top: 20px;text-align: center;cursor: pointer;transition: all .5s ease;-webkit-transition:all .5s ease;background: #275bb1;}
.header_search_fix .close:hover{background: #275bb1;}
body .search_hover.header .header_logo .logo{background-image: url(../img/logo_w.png);}
.search_hover .header_logo:after{display: none;}
.header_search_fix .pro_list{position: absolute;right: 60px;bottom: 60px;text-align: right;}
.header_search_fix .pro_list .t{font-size: 18px;color: #fff;padding-bottom: 10px;}
.header_search_fix .pro_list a{display: block;font-size: 14px;opacity: 0.5;filter: alpha(opacity=50);color: #fff;}
.header_search_fix .submit:before{width: 100%;margin-top: 0;}
.header_search_fix .submit:hover{background: #d20319;}
.header_search_fix .submit:before{width: 100%;left: 0;text-align: center;}
.xuanzhun{-webkit-transition-property: -webkit-transform;animation: rotate 5s linear infinite;}
@keyframes rotate{
	from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.index_header{top:-80px; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.index_header.ani{top:0;}
.mohead {display: none;}
.pcbanner {display: block;}
.mobanner { display:none;}
.wrap { width:100%;  margin: 0 auto;}
.inwrap {width: 100%;  margin: 0 auto;}
header { -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; background-color: #ffffff; -webkit-box-shadow: 0px 2px 27px 3px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 2px 27px 3px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 27px 3px rgba(0, 0, 0, 0.03); width: 100%; position: fixed; left: 0; top: 0; z-index: 999; border-bottom: 1px solid #f0f0f0;}
header .inwrap {width: 100%;}
header .logobox {display: block; float: left; width:26%; padding: 23px 0 23px 10%;-webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s;}
header .logobox img { -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; height: 53px;}
header .rt { float: right; width:72%; position: relative;}
header .rt .navbox { float: left; width:76%; background:#fff; }
header .rt .navbox .navli { float: left; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; margin-left:4%;}
header .rt .navbox .navli .subox { position: absolute; white-space: nowrap; top: 100%; left: -20%; max-height: 0; width:100%; overflow: hidden; font-size: 16px; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s;background:#fff; opacity: 0; }
header .rt .navbox .navli .subox .inbox { padding: 40px 0 0;  width:100%; /*display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;*/}
header .rt .navbox .navli .subox .inbox .left { width: 70%; float:left; margin-right: 2%;}
header .rt .navbox .navli .subox .inbox .left .nav-list { font-size: 16px; width:31.333337%; float:left; margin-right:2%; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}
header .rt .navbox .navli .subox .inbox .left .nav-list img { margin-left: 12px; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s; transition: all .2s; opacity: .6;}
header .rt .navbox .navli .subox .inbox .left .nav-list:hover { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);}
header .rt .navbox .navli .subox .inbox .left .nav-list:hover img { opacity: 1;}
header .rt .navbox .navli .subox .inbox .center { width:28%; float: left;}
header .rt .navbox .navli:last-child { margin-right: 0;}
header .rt .navbox .navli:hover .subox { max-height: 440px; opacity: 1;}
header .rt .navbox .navli .navTl {padding: 23px 0;line-height: 54px;display: block;position: relative;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;text-align: center;}
header .rt .navbox .navli .navTl .cn {font-size: 18px;color: #333;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;position: relative;display: block;}
header .rt .navbox:hover .navli:hover .navTl .cn::after { -webkit-transform: translateX(-50%) scaleX(1); -moz-transform: translateX(-50%) scaleX(1); -ms-transform: translateX(-50%) scaleX(1); transform: translateX(-50%) scaleX(1);}
header .rt .controlbox { float:left; background:#0e6db6; width:24%; padding: 23px 0 23px 23px;}
header .rt .controlbox .searchbox { margin: 10px 18px 10px 0; width: 34px; height: 34px; position: relative; float: left;-webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
header .rt .controlbox .searchbox .searchbtn { cursor: pointer; padding: 6px;}
header .rt .controlbox .searchbox .searchbtn .indiv { position: relative; width:150px; padding-left:30px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
header .rt .controlbox .close_search { position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.hoverbtn { position: relative; cursor: pointer; color:#fff; z-index: 9999;}
.hoverbtn img { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; float:left;} 
.hoverbtn .act { position: absolute; left: 0; top: 0;}
header .search-big { position: absolute; left:0; top: 100%; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; overflow: hidden; background-color: #f5f6f7; height: 0;}
header .search-big .indiv { height: 580px; position: relative; padding: 250px 0;}
header .search-big .indiv .input-wrapper { margin: 0 auto; line-height: 80px; border-bottom: 1px solid #cfcfcf; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center;    -moz-box-align: center;     -ms-flex-align: center;         align-items: center; width: 50%;}
header .search-big .indiv .input-wrapper input { -webkit-box-flex: 1; -webkit-flex-grow: 1;    -moz-box-flex: 1;     -ms-flex-positive: 1;         flex-grow: 1; border: none; background: none; height: 80px; font-size: 24px; color: #4c4c4c;}
header .search-big .indiv .input-wrapper input:focus { border: 1px solid #d2edfa;}
header .search-big .indiv .input-wrapper .search-btn { width: 40px; height: 40px; padding: 9px; cursor: pointer;}
header .search-big .indiv .input-wrapper .search-btn img { display: block;}
header:hover { background: #fff;}
header::before { content: ""; width: 93.75%; height: 0px; background-color: rgba(54, 128, 227, 0.65); background-repeat: no-repeat; left: 3.125%; top: 100%; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s;}
.showAfter::before {height: 330px;}
.maskout {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.8);z-index: 1000;display: none;}
.maskout img {width: 30px;position: absolute;left: 40px;top: 40px;}
.menu_sub {position: fixed;right: -70%;top: 0;width: 70%;background: #000;z-index: 1000;height: 100%;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.menu_sub li {text-align: left;border-bottom: 1px solid #232530;line-height: 44px;font-size: 16px;width: 92%;margin: 0 auto;}
.menu_sub a {color: #fff;display: block;}.menu_sub .subTitle {color: #fff;background: url(../images/plus.png) no-repeat;-webkit-background-size: 16px 16px;-moz-background-size: 16px 16px;background-size: 16px 16px;background-position: right center;}
.menu_sub .bignav {background: none !important;}
.menu_sub .subbox {display: none;font-size: 14px;}
.menu_sub .menuact {background: url(../images/reduce.jpg) no-repeat;background-position: right center;-webkit-background-size: 16px 16px;-moz-background-size: 16px;background-size: 16px;}
@media (max-width: 1600px) {
.header .header_nav{width:64%;float: right;}
.header .header_nav .nav_container>ul>li{padding: 0 3.4%; }
.header .header_nav .nav_container>ul>li:last-child{ padding:  0 1% 0 3.4%;}
}
@media (max-width: 1440px) {
.header .header_nav .nav_container>ul>li{padding: 0 3.2%; }
.header .header_nav .nav_container>ul>li:last-child{ padding:  0 1% 0 3.2%;}
}
@media (max-width: 1366px) {
.leg { height: 0px;}
header .logobox { padding: 13px 0;width:22%; }
.header .header_nav{width:65%; }
.header .header_nav .nav_container>ul>li{padding: 0 2.8%; }
.header .header_nav .nav_container>ul>li:last-child{ padding:  0 1% 0 2.8%;}
header .rt { width:78%; }
header .rt .controlbox { padding: 13px 0;}
header .rt .navbox .navli .navTl {padding: 13px 0;}
.pub-info-box .box .bt-te { top: 36px;}
.actheader .logobox { padding: 10px 0 0 0;}
header .rt .navbox .navli { margin-left:3%;}
.header .header_tools{ width:6%;}
}
@media (min-width: 1201px) {
.mhead {display: none;}
}
@media (max-width: 1280px) {
.header .header_nav .nav_container>ul>li{padding: 0 2.5%; }
.header .header_nav .nav_container>ul>li:last-child{ padding:  0 1% 0 2.5%;}
}
@media (max-width: 1200px) {
.leg { height: 60px;}
.mhead {display: block;}
.mohead { display: block; height: 60px; padding: 0 5%; overflow: hidden; position: fixed; left: 0; right: 0; top: 0; z-index: 999; background: #fff; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);}
.mohead .logoBox { overflow: hidden; float: left; margin-top: 15px; display: block;}
.mohead .logoBox img { height: 30px; display: block;}
.mohead .menu { margin-top: 8px; width: 44px; height: 44px; overflow: hidden; float: right;}
.mohead .menu span { width: 30px; height: 3px; background: #00a0e9; display: block; margin: 4px auto;}
.mohead .menu span:first-child { margin-top: 13px;}
header { display: none;}
}
@media (max-width: 768px) {
.inwrap { width: 100%;}
}
.mhead .m-search-box {position: absolute;left: 0;top: 0;padding: 0 5%;width: 100%;height: 100%;display: flex;align-items: center;background: #fff;transform: scale(0);transform-origin: center center; transition: all .3s; pointer-events: none;}
.actmhead .inbox{transform: scale(0);opacity: 0; pointer-events: none;}
.actmhead .m-search-box{transform: scale(1);opacity: 1; pointer-events: auto;}
.mhead .m-search-box .input-box {display: flex;align-items: center;width: calc(100% - 50px);margin-right: 10px;border-bottom: 1px solid #E0E0E0;}
.mhead .m-search-box .input-box input {width:  calc(100% - 50px);margin-right: 10px;height: 40px;border: none;}
.mhead .m-search-box .input-box .search-icon {width: 40px;height: 40px;padding: 9px;}
.mhead .m-search-box .hide-search {width: 40px;height: 40px;position: relative;transform: rotate(45deg);}
.mhead .m-search-box .hide-search i{display: block;background: #333;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.mhead .m-search-box .hide-search .s {width: 1px;height: 20px;}
.mhead .m-search-box .hide-search .h{width: 20px;height: 1px;}
@media (max-width:1200px) {
.pcbanner {display: none;}
.mobanner {display: block;}
.mhead {display: block;position: fixed;left: 0;top: 0;width: 100%;z-index: 999;background: #fff;}
.mhead .inbox{width: 98%;margin: 0 auto;display: flex;justify-content: space-between;padding: 10px 0;transition: all .3s;}
.mhead .inbox .mlogo img{height: 40px;}
.mhead .inbox .rt {display: flex;align-items: center;}
.mhead .inbox .rt .msearch-box{width:40px;height: 40px;padding: 9px;position: relative;margin-right: 5px;}
.mhead .inbox .rt .msearch-box::after{content: "";right: -10px;top: 9px;width: 1px;height: 22px;background: #e1e1e1;}
.mhead .inbox .rt .quick_a{width:40px;height: 40px;padding: 9px;position: relative;margin-right: 5px;}
/*.mhead .inbox .rt .quick_a{width:70%;font-size: 14px; border-right: none; height: 89px;line-height: 89px; text-align:right;}*/
.mhead .inbox .rt .quick_a .fa{font-size:24px; border-right: 0;display: inline-block; }
.mhead .inbox .rt .quick_a:after{display: none;}
.mhead .inbox .quick_box{position: absolute;top: 122%;left:-60px;width:120px; background-color:#275bb1; font-size: 16px;padding: 15px;display: none;}
.mhead .inbox .quick_box a{ display: block;height: 40px;line-height: 40px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; color:#fff;}
.mhead .inbox .quick_box a .lin{padding-right: 20px;color:#275bb1;vertical-align: 2px;}
.mhead .inbox .quick_box.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;}
.mhead .inbox .rt .quick_a1{width:90px; font-size: 16px; height: 40px;padding: 9px;position: relative;margin-right: 5px;}
/*.mhead .inbox .rt .quick_a{width:70%;font-size: 14px; border-right: none; height: 89px;line-height: 89px; text-align:right;}*/
.mhead .inbox .rt .quick_a1 .fa{font-size:24px; border-right: 0;display: inline-block; }
.mhead .inbox .rt .quick_a1:after{display: none;}
.mhead .inbox .quick_box1{position: absolute;top: 122%;left:-10px;width:120px; background-color:#275bb1; font-size: 16px;padding: 15px;display: none;}
.mhead .inbox .quick_box1 a{ display: block;height: 40px;line-height: 40px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; color:#fff;}
.mhead .inbox .quick_box1 a .lin{padding-right: 20px;color:#275bb1;vertical-align: 2px;}
.mhead .inbox .quick_box1.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;}

.mhead .inbox .menu-btn {height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 8px 0;}
.mhead .inbox .menu-btn span{display: block;width: 26px;height: 3px;background: #333;}
}

/*底部CSS*/
.footer_1{ color:#fff;background-color:#353535;padding: 70px 0px 0px;  overflow:hidden;}
.footer_1_mid_2 { width: 100%; min-height: 280px;}
.footer_1_mid_2_left { float: left; width:60%;}
.footer_1_mid_2_right{ float: left; width:10%;}
.footer_1_mid_2_mid{ float: left; width:30%;}
.footer_1_mid_2_left ul li{float:left; width:26%;}
.footer_1_mid_2_left ul li:first-child{float:left; width:74%;}
.footer_1_mid_2_left_2 dl dd a{color:#cccccc; font-size:16px; line-height: 30px;}
.footer_1_mid_2_left_2 dl dd a:hover{color:#fff;}
.footer_1_mid_2_left ul li:first-child .footer_1_mid_2_left_2 dl dd { width: 50%; float: left;}
.footer_1_mid_2_left_1{ padding-bottom:10px;font-size:20px; font-weight: bold;}
.footer_1_mid_2_left_1 a:hover{color:#fff;}
.footer_1_mid_2_left_2{line-height:1.6;}
.footer_1_mid_2_left_2 dl dd{margin-top:5px; background: url(../images/arrow.png) left no-repeat; padding-left: 40px;}
.footer_1_mid_2_left_2 dl{margin-top:15px; padding-right:1em;}
.footer_1_mid_2_mid_2{ padding-bottom:10px;font-size:20px; font-weight: bold; }
.footer_1_mid_2_mid_2_1{color:#cccccc;margin-top:5px; font-size:16px; line-height: 30px;}
.footer_1_mid_2_right_1{margin-top:10px;}
.footer_1_mid_2_right_1_2{font-size:15px; color:#cccccc; margin-top:15px;}
.footer_2{line-height:1.6; padding:15px 0; border-top: 1px solid #444444;background-color:#353535;color:#cccccc;}
.footer_2_left{float:left;}
.footer_2_right{float:right;}
#tool { position: fixed; bottom: 0; left: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-bottom:2px solid #5abecd}
ul.toollist { position: absolute; z-index: 900; bottom: 0; left: 0; right: 0; display: block;margin: 0; padding: 0;background: #074488; color: #fff }
.toollist li{ float: left;height: 100%; width: 25%; position: static !important; margin: 0; border-radius: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1;box-shadow: none !important; background: none; }
.toollist li a { color: #fff; line-height: 20px; text-align: center; display: block; text-decoration: none; padding-top: 2px; position: relative; }
.toollist li span { font-size: 20px; line-height: 20px; text-align: center; display: block; text-decoration: none; margin: 5px 0; position: relative; }
.toollist li a img { width: 24px; height: 24px; }
.toollist li span img { width: 24px; height: 24px; }
.toollist li a p { margin: 1px 0 1px 0; display: block !important; line-height: 18px; text-align: center; }
.toollist li span p { margin: 1px 0 1px 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; color: #FFF }
.toollist_blue_chun li a { color: #fff; padding: 5px 0}
.toollist_blue_chun li a:hover { color: #c9141e}
.toollist_blue_chun li { border-right: 1px solid rgba(250, 250, 250, 0.4); color: #fff; }
@media screen and (max-width: 1366px){
.footer_1_mid_2_left { float: left; width:65%;}
.footer_1_mid_2_mid{ float: left; width:25%;}
.footer_1_mid_2_right .footer_1_mid_2_right_mid .footer_1_mid_2_right_1 img{ width: 100%;} 
}
/*
@media screen and (max-width: 1280px){
.footer_1_mid_2_left { float: left; width:50%;}
.footer_1_mid_2_right{ float: left; width:10%;}
.footer_1_mid_2_mid{ float: left; width:40%;}
}
*/
@media screen and (max-width: 1090px){
.footer_1_mid_2_right{display:none}     
.footer_1_mid_2_left { float: left; width:65%;}
.footer_1_mid_2_left ul li{ width:100%;}
.footer_1_mid_2_left ul li:first-child{float:left; width:100%;}
.footer_1_mid_2_left ul li:nth-child(2){ width:0px; display: none;}
.footer_1_mid_2_mid{ float: left; width:35%;}
}
@media screen and (max-width: 992px){
.footer_1{ margin-bottom: 60px;}
.footer_1{ padding: 50px 0px 0px; }
}
@media screen and (max-width: 768px){
.footer_1{ padding: 40px 0px 0px; }
.footer_1_mid_2 {min-height: 260px;}
.footer_1_mid_2_left { float: none; width:0; display: none;}
.footer_1_mid_2_right{ float: left; width:100%;}
.footer_1_mid_2_mid{ float: left; width:100%;}
.footer_1_mid_2_left::after{ display:none} 
.footer_1_mid_2_left_2{padding-left:1em; display:none;}     
.footer_1_mid_2_left ul li.on .footer_1_mid_2_left_2{display:block}     
.footer_1_mid_2_left_1{padding-bottom:0; padding:15px 0; border-bottom:1px #ebebeb solid;}     
.footer_1_mid_2_left_1:after{ left:auto; background-color:transparent;right:0; width:10px; height:5px; bottom:auto; top:50%; margin-top:-2.5px; background-position:center; background-repeat:no-repeat; background-image:url(../images/img5.png);}
.footer_1_mid_2_left ul li.on .footer_1_mid_2_left_1:after{transform:rotate(-30deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-mz-transform:rotate(-180deg);}         
.footer_1_mid_2_left ul li,.footer_1_mid_2_left ul li:nth-child(3){width:100%;}     
.footer_1{padding-bottom:0px;}     
.footer_1_mid_2_left_1{font-size:1em;} 
}
@media screen and (max-width: 590px){
.footer_2_right{float:none;}
}
@media screen and (max-width: 568px){
.footer_1{ color:#fff;padding: 40px 0px 0px; }
.footer_1_mid_2_left{display:none}   
.footer_1_mid_2_mid_2{ font-size:18px; }
}
@media screen and (max-width:468px){
  .footer_1_mid_2 {min-height: 250px;}
}
.serverBar{display:none;position:fixed;z-index:999;top:50%;right: 10px;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:8px;}
.serverBar li a{display:block; width: 50px;height: 50px;padding: 15px 0;text-align:center;color: #fff!important;background-image: linear-gradient(to right , #0b1382,#2b68a7, #43becd); border-radius: 50%;box-sizing: border-box;}
.serverBar li a>i{display:block;font-size: 24px;}
.serverBar li:hover a{color:#fff !important;background-image: linear-gradient(to right , #275bb1,#2b68a7, #151f8e);border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right: 65px;overflow: hidden;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .infos.QRcode {bottom: -65px;right:50px;padding-bottom: 25px;box-shadow: none;border: none;}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#275bb1;white-space:nowrap;}
.serverBar li#backTop a {background-image: linear-gradient(to right , #0b1382,#2b68a7, #43becd);}
.serverBar li:hover .infos{display:block;}
#QRcode .QRcode .QRcode-main {display: block;width:100px;height:120px;box-sizing: border-box;background: #fff;}
#QRcode .QRcode .QRcode-main .item { display:block; overflow:hidden;}
#QRcode .QRcode .QRcode-main i { display: block; width: 100%; margin: 0 auto;}
#QRcode .QRcode .QRcode-main i img { margin: 0 auto; display: block; width: 100%;}
#QRcode .QRcode .QRcode-main p { text-align: center; font-size: 14px; color: #999;}
.serverBar li:hover .infos{display:block;}
