@charset "utf-8";
/* CSS Document */

body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:14px; height:100%; line-height:24px; width:100%;}
ul,ul li,ol,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
.clearfix:after,.line-big:after,.line-middle:after,.line-small:after,.line:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix,.layout,.line,.line-big,.line-middle,.line-small{display:block}
.mt10{ margin-top: 10px;}
a{ color:#333; text-decoration:none; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
a:hover {text-decoration: none;color: #016CBE;}
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
.f-cb {zoom: 1;}
.f-cb:after {display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
.text-center{text-align:center}
img{border:none;}
html{ overflow-x:hidden;} 
div:hover,li:hover,tr:hover,a:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.transition03{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.transition05{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.transition08{-webkit-transition: all 0.8s ease;transition: all 0.8s ease;}

.text,textarea,select{ outline:none; font-family:微软雅黑; color:#666; font-size:12px; width:100%;}
.ul_lf li,.ul_js li{ position:relative;}
.page_box {width: 1200px;margin: 0 auto;height: auto;}
.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;}
@media only screen and (max-width: 1240px) {
.wrap { width:940px; }
}
@media only screen and (max-width: 992px) {
.wrap{ width:740px; }
}	
@media only screen and (max-width: 760px) {
.wrap { padding-left:2%; padding-right:2%; width:96%; }
}
/*PAGE*/
.page_title {height: 50px;line-height: 50px;font-size: 36px;position: relative;font-weight: bold;color: #0f0f0f;}
.page_title a:hover {letter-spacing: 10px;}
.page_title .more {position: absolute;top: 0;right: 0;}
.page_title .more a {color: #cccccc;font-size: 26px;}
.page_title .more a i {transition: all 0.3s;vertical-align: middle;border-radius: 50%;font-size: 16px;border: 1px solid #cccccc;width: 36px;height: 36px;text-align: center;line-height: 36px}
.page_title .more a:hover {padding-left: 40px;color: #e70014;}
.page_title .more a:hover i {border: 3px #e70014 solid;transform: translateX(10px);border-top: none;border-bottom: none;border-right: none;border-radius: 0;color: #e70014;}
.page_des {padding: 0 50px;font-size: 16px; text-align:center;color: #7d7979;height: 60px;line-height: 30px;margin: 20px auto;}
.ico2{display:inline-block; background:url(../images/ico2.png) no-repeat;vertical-align:middle;}
.red{ color:#FF0000;}
@media screen and (max-width: 1023px) and (min-width:0px) {
.page_box {width: 100%;margin: 0 auto;height: auto;}
.page_title {height:30px;line-height:30px;font-size: 20px;position: relative;font-weight: bold;color: #0f0f0f;}
.page_des { display:none;}
}

@media(max-width:759px){.hidden-l{display:none!important}}
@media(min-width:760px) and (max-width:1000px){.hidden-s{display:none!important}}
@font-face
{
font-family: myFirstFont;
src: url('../font/FETTE-ENGSCHRIFT.ttf'),
     url('../font/FETTE-ENGSCHRIFT.eot'),
	 url('../font/FETTE-ENGSCHRIFT.svg'),
	 url('../font/FETTE-ENGSCHRIFT.woff');
}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{ background:#999999; border:2px solid #fff; border-radius:20px; }
::-webkit-scrollbar-track{ background:#fff;}
.rect-1074{ padding-bottom:77.4%; }

.heg{ height:86px;}
.head{ width:64%; background:#fff; height:90px; padding-left:18%; padding-right:18%; min-width:1130px; position:fixed; left:0px; z-index:999;  box-shadow: 2px 2px 5px #D4D4D4;}
.logo{ width:400px; height:90px;}
.nav{ position:absolute; width:48%; top:0px; left:38%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav li,.nav:hover .li{ float:left; margin-right:5%; line-height:90px; height:90px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position:relative;}
.nav li a,.nav:hover .li a{ color:#4c4c4c; display:block; padding-top:11px; font-size:16px; font-family: "微软雅黑","Microsoft YaHei";}
.nav li:hover,.nav .li,.nav .li:hover{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.nav li:hover a,.nav .li a,.nav .li:hover a{ color:#016CBE;}
.nav li .div1{ display:none; width:170px; position:absolute; top:90px; text-align:center; background:#f9fafa; padding-top:17px; padding-bottom:7px; border-bottom:3px solid #016CBE; left:-50px;}
.nav li .div1 a{ display:block; padding-bottom:5px; color:#333; font-size:14px; padding-top:0px; font-weight:normal; margin-bottom:10px; line-height:25px; padding-bottom:0px; border-bottom:1px dotted #4c4c4c;}
.nav li .div1 a:hover{ background:none; text-decoration:none; color:#016CBE;}
.nav .li .div1 a{ display:block; padding-bottom:5px; color:#999; font-size:14px; padding-top:0px; font-weight:normal; margin-bottom:10px; line-height:25px; padding-bottom:0px;}
.nav .li .div1 a:hover{ background:none; text-decoration:none; color:#016CBE;}

.other{ padding-top:45px;}
.other a{ color:#4c4c4c; margin-left:5px; margin-right:5px; float:left; display:block;}
.other img{ margin-top:5px;}
.other a:hover{ color:#e62129;}
.other .a1{width:17px; height:12px; font-size:15px;position:relative;color:#e62129;}
.other .a1 span{position: absolute;top:34px;left:-45px;background:#ececec;padding:5px;display:none;z-index:5;}
.other .a1 span::before{position: absolute;content: "";top:-12px;left:50px;border:6px solid transparent;border-bottom-color:#ccc;}
.other .a1:hover{ color:#016CBE;}

.moblie_head{ display:none;}
.a_txt{ display:none;}
.foot_moblie{ display:none;}
@media screen and (max-width: 1600px) and (min-width:1367px) {/* 小屏幕的尺寸 */
.logo{ width:380px; height:90px;}
.head{ width:84%; padding-left:8%; padding-right:8%;}
}
@media screen and (min-width: 1281px) and (max-width: 1366px)
{
.logo{ width:320px; height:90px;}
.head{ width:90%; padding-left:5%; padding-right:5%;}

}
@media screen and (min-width: 1024px) and (max-width: 1280px)
{
.head{ width:94%; padding-left:3%; padding-right:3%;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.hide_x{ display:none;}
.heg{ height:45px;}
.head{ display:none;}
.moblie_head{ display:block; background:#f7f7f7; padding:5px 2%; position:fixed; width:96%; z-index:999}
.moblie_head .rg{ padding-top:10px;}
.a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:1000;}
.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px; background:}
.a_txt .div3 ul li .div_js1{ background:url(../images/7_15.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
.a_txt .div3 ul li .div_js_on1{ background:url(../images/7_14.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
.a_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:14px;}
}


.roll_box{-webkit-perspective: 500px; perspective: 500px;  position:relative;}
.roll1{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);-webkit-transition: .2s ease;
transition: .2s ease;
-webkit-transform-origin: 50% 50% -25px;
-ms-transform-origin: 50% 50% -25px;
transform-origin: 50% 50% -25px; position:absolute; left:0; top:0; width:100%; z-index:1;opacity:1;}
.roll2{-webkit-transform: rotateX(90deg); transform: rotateX(90deg);-webkit-transition: .2s ease;
transition: .2s ease;
-webkit-transform-origin: 50% 50% -22px;
-ms-transform-origin: 50% 50% -22px;
transform-origin: 50% 50% -22px; position:absolute; left:0; top:0; width:100%; z-index:-1; opacity:0; display:none\9;}
.roll_box:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;}
.roll_box:hover .roll2{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);display:block\9; z-index:1; opacity:1;}
.more { display:inline-block; width:188px; font-size:14px; text-align:center;}
.more a{display:block; width:100%; height:50px;}
.more .face1{border:2px solid #ebeae9; line-height:46px; font-size:0; color:#333; text-align:center; height:46px;}
.more .face1 .sj{display:inline-block; width:17px; height:46px; background:url(../images/sj.png) center center no-repeat; margin-left:30px;}
.more .face1 .t{display:inline-block; line-height:46px;font-size:15px; vertical-align: top; opacity:0.6;}
.more .face2{background:#004488; border:2px solid #004488; color:#fff;line-height:46px; font-size:0;  text-align:center; height:46px;  transform-origin: 50% 50% -25px;-webkit-transform-origin: 50% 50% -25px;}
.more  .face2 .sj{display:inline-block; width:17px; height:46px; background:url(../images/sj_white.png) center center no-repeat; margin-left:30px;}
.more  .face2 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top;}


footer { padding-top: 70px; height: 283px; width: 100%; background: url(../images/footbg.jpg) no-repeat center; }
footer dl { width: 17%; float: left; }
footer dl.d5{float:right;}
footer dt { color: #fff; font-size: 18px; margin-bottom: 30px; }
footer dt a{color:#fff;}
footer dt a:hover{color:#fff; opacity:0.8;}
footer dd { color: #a9a9a9; overflow: hidden; margin-bottom: 10px; }
footer dd a{color:#a9a9a9;}
footer dd a:hover{opacity:0.8; color:#fff;}
footer .d1 { width:28.5%; }
footer .d1 dd{line-height:30px; height:30px; padding-left:40px; position:relative;}
footer .d1 dd .child_d0{content:''; position:absolute; left:0; top:0; width:30px; height:30px;background:url(../images/ico-30.png) 0 0 no-repeat;}
footer .d1 dd .child_d1{content:''; position:absolute; left:0; top:0; width:30px; height:30px;background:url(../images/ico-30.png) -30px 0 no-repeat;}
footer .d1 dd .child_d2{content:''; position:absolute; left:0; top:0; width:30px; height:30px;background:url(../images/ico-30.png) -60px 0 no-repeat;}
footer .d1 .child_d3{padding-left:0;}
footer .d1 dt { font-size: 26px; line-height: 1; }
footer .d2 { width: 11.5%; }
footer .d3 { width: 14.5%; }
footer .d6 { width: 11.5%; }
footer .d5 dt { font-size: 26px; line-height: 1; }
footer .d5 dd { border-bottom: 1px solid #ababab; padding-bottom: 10px; margin-bottom: 10px; }
footer .d5 dd:last-child { border-bottom: 0; }
footer .bdsharebuttonbox a { display: inline-block; width: 30px; height: 30px; padding: 0; margin: 0; margin-left: 10px; background: url(../images/ico-30.png) no-repeat 0 0; }
footer .bdsharebuttonbox .bds_weixin { background-position: -90px 0; }
footer .bdsharebuttonbox .bds_tqq { background-position: -120px 0; }
footer .bdsharebuttonbox .bds_tsina { background-position: -150px 0; }
footer .bdshare-button-style0-16 a{opacity:0.8;}
footer .bdshare-button-style0-16 a:hover{opacity:1;}
.foot_bottom { background: #024891; height: 70px; line-height: 70px; color: #fff; }
.foot_links { margin-left: 20px;color:#EEEEEE}
.foot_links a{ color:#EEEEEE}
.foot_links a:hover{}
.foot_bottom a{opacity:0.8;}
.foot_bottom span{color:#c9d7ef}
.foot_bottom span a{color:#fff;}
.foot_bottom a:hover{ color: #fff; opacity:1; }
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
footer{display:none;}
.foot_links {display:none;}
.foot_bottom { text-align:center;}
}
@media only screen and (max-width: 992px) {
.foot_bottom span.l a:nth-child(2){display:inline-block;}
}
@media only screen and (max-width: 760px) {
.foot_bottom { background: #262729; line-height:40px; height:40px; padding:5px 0; font-size:14px;}
.foot_bottom .wrap{ width:100%;}
.foot_bottom span{ width:100%;}
.foot_bottom .r{ float:none;width:100%; text-align:center; margin:0 auto;}
.footer1 {height: 35px;width: 100%;margin-top:13px;}
.footer_fix {height:48px;width: 100%;background: #3072C4;position: fixed;left: 0;bottom: 0; z-index:9999;}
.footer_fix a {display: block;height:48px;float: left;color: #fff;width: 24.7%;border-right: 1px solid #67a9dd;text-align: center;}
.footer_fix a:last-child {border-right: none;}
.footer_fix a i {display: block;font-size:18px;line-height:32px;}
.footer_fix a p {display: block;font-size:14px;line-height: 13px;}
}

.page{ text-align:center;}
.page a{ margin-left:5px; margin-right:5px; padding:5px 10px; color:#333;}
.page .current a,.page a:hover{background:#016CBE;color:#fff;}
.page1{ text-align:center;}
.page1 a{ margin-left:5px; margin-right:5px; padding:5px 10px; color:#333;}
.page1 .current a,.page1 a:hover{ background:#016CBE; color:#fff;}
.page1{ display:none;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
.page1{ display:block;}
}
.paging{width: 100%;}
.paging{height: 48px;padding: 20px 0;width: 100%;}
.news-info.m-wrap .paging{height: auto;}
.paging .fl{font-size: 12px;line-height: 22px;}
.news-info.m-wrap .paging .fl{float: none;display: block;width: 100%;}
.paging a{color: #666;}
.paging a:hover{color: #035cac;}
.paging .return{border: 1px solid #ddd;display: block;height: 34px;line-height: 34px;margin-top: 10px;text-align: center;width: 100px;font-size: 14px;}
.news-info.m-wrap .paging .return{float: none;}
.paging .return:hover{border: 1px solid #035cac;background-color: #035cac;color: #fff;}

@media (min-width: 1024px) {
.js-m {transform: translateY(50px);opacity: 0; }
.js-m1 {transform: translateX(-50px);opacity: 0; }
.js-m2 {transform: translateX(50px);opacity: 0; }
.js-m3 {transform: translateY(-50px);opacity: 0; } }
.mob{ display:none;}
@media (max-width: 700px) {
.pc{ display:none;}
.mob{ display: block;} }

.nav{ position:absolute; width:40%; top:0px; left:40%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
@media screen and (max-width: 1600px) and (min-width:1367px) {/* 小屏幕的尺寸 */
.nav{ left:39%; width:44%; }
}
@media screen and (min-width: 1281px) and (max-width: 1366px)
{
.nav{ left:36%; width:47%; }

}
@media screen and (min-width: 1025px) and (max-width: 1280px)
{
.nav{ left:34%; width:51%; }
}