@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}
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: #db3021;}
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
.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;}
.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:92%;}
}
@media only screen and (max-width: 1024px) {
.wrap { width:92%;padding-left:4%; padding-right:4%;}
}
@media only screen and (max-width: 992px) {
.page_box { width:740px;}
.wrap{ width:740px; }
}	
@media only screen and (max-width: 768px) {
.page_box { width:92%;}
.wrap { width:92%;padding-left:4%; padding-right:4%;}
}
/*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;}

.pages{text-align:center; margin-top: 30px; }
.pages ul{display:inline-block}
.pages ul a{float:left;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center;color:#777;border:1px solid #dcdcdc;border-radius:50%;background-color:#fff}
.pages ul a:hover,.pages ul  a.on{background-color:#cc0000;border:1px solid #cc0000;color:#fff}
.pages ul .next,.pages ul .prev{font-weight:700; font-size:20px;margin:0 10px}
.pages ul span{float:left;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center;border-radius:50%;background-color:#cc0000;border:1px solid #cc0000;color:#fff}
.pages ul a.first,.pages ul a.last{font-weight:700; font-size:12px;width:70px;border-radius:41%;color:#777;height:52px;line-height:52px}
.pages .a1{ background:#fff; }
.pages .a2{ background:#fff; }
.pages .a1:hover{ background:#cc0000; }
.pages .a2:hover{ background:#cc0000; }
@media (max-width: 768px) {
.pages ul a{ width:42px;height:42px;line-height:42px; }
.pages ul a.first,.pages ul a.last{  width:60px; height:42px;line-height:42px;}
}

@media screen and (max-width: 1023px) and (min-width:0px) {
.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;}

.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:307px; height:90px;}
.nav{ position:absolute; width:38%; top:0px; left:38%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav li,.nav:hover .li{ float:left; margin-left:8%; line-height:90px; background:url(../images/tj_01.png) center 72px no-repeat; 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-weight:bold; font-family: "微软雅黑","Microsoft YaHei";}
.nav li:hover,.nav .li,.nav .li:hover{ background:url(../images/tj_01a.png) center 72px no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.nav li:hover a,.nav .li a,.nav .li:hover a{ color:#e62129;}
.nav li .div1{ display:none; width:190px; position:absolute; top:90px; text-align:center; background:#f9fafa; padding-top:17px; padding-bottom:7px; border-bottom:3px solid #e62129; left:-70px;}
.nav li .div1 a{ display:block; padding-bottom:5px; color:#666; font-size:13px; 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:#e62129;}
.nav .li .div1 a{ display:block; padding-bottom:5px; color:#999; font-size:12px; 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:#e62129;}

.other{ padding-top:45px;}
.other a{ color:#4c4c4c; margin-left:5px; margin-right:5px; float:left; display:block;}
.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:#0000FF;}

.moblie_head{ display:none;}
.a_txt{ display:none;}
.foot_moblie{ display:none;}
@media screen and (max-width: 1600px) and (min-width:1440px) {/* 小屏幕的尺寸 */
.logo{ width:380px; height:90px;}
.head{ width:84%; padding-left:8%; padding-right:8%;}
.nav{ left:33%; width:48%; }
}
@media screen and (max-width: 1439px) and (min-width: 1367px)
{
.head{ width:84%; padding-left:8%; padding-right:8%;}
.nav{ left:30%; width:51%; }

}
@media screen and (min-width: 1281px) and (max-width: 1366px)
{
.logo{ width:350px; height:90px;}
.head{ width:90%; padding-left:5%; padding-right:5%; min-width:970px;}
.nav{ left:30%; width:56%; }

}
@media screen and (min-width: 1124px) and (max-width: 1280px)
{
.logo{ width:236px; height:85px;}
.head{ width:96%; padding-left:2%; padding-right:2%; height:85px;}
.nav{ left:30%; width:55%; }
.nav li,.nav:hover .li{ float:left; margin-left:7%; line-height:85px; height:85px; }
.nav li .div1{top:85px;}
.other { margin-right:3%}
}
@media screen and (min-width: 1024px) and (max-width: 1123px)
{
.head{ width:96%; padding-left:2%; padding-right:2%; height:85px;}
.nav{ left:28%; width:50%; }
.other { margin-right:10%}
.nav li,.nav:hover .li{ float:left; margin-left:6%;}
}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.hide_x{ display:none;}
.heg{ height:50px;}
.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;}
}
/*footer*/
.footer .wrap{ position: relative; padding-top:10px; padding-bottom:5px;}
.foot_hd{ padding: 50px 0; background-color: #f0f0f0;}
.foot_hd li ._ico{ float: left; margin-right: 20px; width: 65px; height: 65px; background-image: url(../images/foot_ico.png); background-repeat: no-repeat; transition:all ease .4s;-webkit-transition:all ease .4s}
.foot_hd li ._ico1{ background-position: 0 0;}
.foot_hd li ._ico2{ background-position: -65px 0;}
.foot_hd li ._ico3{ background-position: -130px 0;}
.foot_hd li ._ico4{ background-position: -195px 0;}
.foot_hd li ._txt{ padding-top: 5px;}
.foot_hd li ._txt h3{ color: #404040; font-weight: bold; font-size: 16px;}
.foot_hd li ._txt p{ color: #6c6c6c;}
.foot_hd li:hover ._ico{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
.foot_bd{ padding: 40px 0; background-color: #404040;}
.foot_bd ._hd,.foot_bd ._hd a{ color: #e9e9e9;}
.foot_bd ._hd ._lk{ float: left; margin-right:20px;}
.foot_bd ._hd ._lk ._t{ font-size: 18px; color: #fff; margin-bottom:20px;}
.foot_bd ._hd ._lk .ion{ color: #fff;}
.foot_bd ._hd ._lk  p{ line-height:28px;}
.foot_menu{ float: left;}
.foot_menu dl{ float: left; margin-left:50px;}
.foot_menu dt{font-size: 18px; color: #fff; margin-bottom:20px; font-weight:bold; line-height:28px;}

.foot_menu dd a{display: block; color:#9a9a9a;}
.foot_menu dd a:hover{color:#F00000;}
.foot_bd ._bd .copyright { color: #9a9a9a; line-height:32px; font-size:14px;}
.foot_bd ._bd .copyright a{ color: #9a9a9a; }
.foot_bd ._bd .copyright a:hover{ color:#F00000;}
.foot_share{ margin-bottom: 15px;}
.foot_share span{ float: left; color: #e9e9e9;}
.footer .foot_share a{ float: left; width: 22px; height: 22px; padding: 0; margin: 0; margin-left: 8px; background-image: url(../images/foot_share.png);}
.footer .foot_share a.bds_tsina{ background-position: 0 0;}
.footer .foot_share a.bds_weixin{ background-position: -32px 0;}
.footer .foot_share a.bds_qzone{ background-position: -64px 0;}
.footer .foot_share a.bds_douban{ background-position: -96px 0;}
.footer .foot_share a.bds_more{ background-position: -127px 0;}
.foot_ewm{ position: absolute; right: 0; top: 0; width: 132px;}
.foot_ewm ._txt{ width: 92px; height: 37px; margin: 0 auto; margin-top: 15px; text-align: center; padding: 8px; white-space: nowrap; background: url(../images/foot_ewm_txt.png) center top no-repeat; color: #F00000; line-height: normal}
@media screen and (min-width: 1024px) and (max-width: 1280px)
{
.foot_menu dl{ float: left; margin-left:20px;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.foot_bd{ padding: 1% 0; height:50px; background-color: #404040;}
.footer .wrap{ position: relative; padding-top:0px; padding-bottom:0px;}
.foot_hd li,.foot_bd ._hd ._lk,.foot_menu,.footer .foot_share,.foot_ewm{ display:none;}
/*.foot_moblie{ display:block; background:#1a1617; text-align:center; color:#5e5c5c; padding-top:2%; padding-bottom:2%; font-size:14px}
.foot_moblie a{ color:#5e5c5c;}
.foot_moblie a:hover{ color:#e62129;}*/
.foot_bd ._bd .copyright{ width:100%; text-align: center; line-height:24px;}
.foot_hd{ padding: 0px 0; display: none;}

}

.page1{ text-align:center; margin-top:3%}
.page1 a{ display:inline-block; padding:3px 10px; border:1px solid #ccc; background:#fff; margin-left:5px; margin-right:5px; color:#666; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.page1 .current a,.page1 a:hover{background:#FF0000;color:#fff;border:1px solid #FF0000;}

.prev_next li {margin: 10px auto;border: #ddd 1px dotted;padding: 5px;font-size: 14px;line-height: 24px;height: 24px;width: 48%;}
.prev_next li:hover {background: #d8d8d8;display: block;border-radius: 3px;}
.back_list {text-align: right;font-size: 16px;}
.back_list a {}
.back_list .ion{ font-weight:bold;}
.back_list a:hover {}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
.prev_next li {margin: 10px auto;border: #ddd 1px dotted;padding: 5px;width: 98%;}
.prev_next .lf{ float:none;}
.prev_next .rg{ float:none;}
}

.policy strong { font-weight: bold; margin-bottom: 20px;}
.policy{ line-height: 32px;}