@charset "utf-8";
/* CSS Document */
body{color:#de3434;color:#333;font-family:"微软雅黑",Arial,Helvetica,sans-serif;margin:0 auto; padding:0px; font-size:15px; height:100%; line-height:24px; width:100%;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,textarea,th,ul{padding:0;margin:0}
a{color:#333;text-decoration:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
table td{ padding:0 3px;}
hr{margin:0;padding:0;border:0;color:#000;background-color:#000;height:1px}
address,caption,cite,code,dfn,em,th,var{font-weight:400;font-style:normal}
ul,ul li,ol,ol li,dl,dd{ list-style-type:none; margin:0; padding:0; }

input[type="radio" i] {
    margin: 3px 3px 0px 5px;
}
input[type="radio" i] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}
input[type="radio" i], input[type="checkbox" i] {
    background-color: initial;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
input, textarea, keygen, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
input, textarea, keygen, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
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;}
img{ border:none; vertical-align:middle;}
.imgs{ vertical-align:top;}
.top_ewm {display: inline-block;}
.choose_box ul li:hover .top_qrcode {display: block;}
.top_qrcode {position: absolute;width: 145px; height:110px;right: -90px;top:78px;padding-top: 10px;z-index: 999;background: url(../images/top_ewm_bg.png) no-repeat;display: none;}
.top_qrcode img {display: block;}
.tc{ text-align:center;}
.red{ color:#D90000;}
.lf{ float:left;}
.rg{ float:right;} 
.left{float:left;}
.right{float:right;}
.f-cb {zoom: 1;}
.f-cb:after {display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
.f-cl:after{display:block;content:".";height:0;visibility:hidden;overflow:hidden;clear:both}
.f-a,.f-gd,.f-imgfd img{-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.f-a:hover{color:#0056a9}
*[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;}
.bg-gray{background-color: #f5f5f5;}
.white{color: #fff;}
.bold{font-weight: bold;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.text-center{text-align:center}
.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;}
.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; }
.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) }
/* 网站样式 */
.wrap { width: 1240px; margin-right: auto; margin-left: auto; *width: 1280px;}
@media screen and (max-width: 1440px) and (min-width:1024px) {/* 小屏幕的尺寸 */
.wrap {padding-left:2%; padding-right:2%; width:96%; }
}
@media only screen and (max-width: 1024px) {
.wrap { padding-left:4%; padding-right:4%; width:92%; }
}
.fix { *zoom:1; *clear:both;}
.fix:before, .fix:after {display:table; clear:both; content:'';}
.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; 
	vertical-align: middle; background: url(../images/ico.png);margin:0 .3em;}
.ico1_2 { background-position: -20px 0;}
.ico1_3 { background-position: -40px 0;}
.ico1_4 { background-position: -60px 0;}
.ico1_5 { background-position: -80px 0;}
.ico2_1 { background-position: 0 -20px;}
.ico2_2 { background-position: -20px -20px;}
.ico2_3 { background-position: -40px -20px;}
.ico2_4 { background-position: -60px -20px;}
.ico2_5 { background-position: -80px -20px;}
.ico3_1 { background-position: 0 -40px;}
.ico3_2 { background-position: -20px -40px;}
.ico3_3 { background-position: -40px -40px;}
.ico3_4 { background-position: -60px -40px;}
.ico3_5 { background-position: -40px -40px;}
.ico4_1 { background-position: 0 -60px;}
.ico4_2 { background-position: -20px -60px;}
.ico4_3 { background-position: -40px -60px;}
.ico4_4 { background-position: -60px -60px;}
.ico4_5 { background-position: -80px -60px;}
.ico5_1 { background-position: 0 -80px;}
.ico5_2 { background-position: -20px -80px;}
.ico5_3 { background-position: -40px -80px;}
.ico5_4 { background-position: -60px -80px;}
.ico5_5 { background-position: -80px -80px;}
.ico6_1 { background-position: 0 -100px;}
.ico6_2 { background-position: -20px -100px;}
.ico6_3 { background-position: -40px -100px;}
.ico6_4 { background-position: -60px -100px;}
.ico6_5 { background-position: -80px -100px;}
.ico7_1 { background-position: 0 -120px;}
.ico7_2 { background-position: -20px -120px;}
.ico7_3 { background-position: -40px -120px;}
.ico7_4 { background-position: -60px -120px;}
.ico7_5 { background-position: -80px -120px;}
.ico8_1 { background-position: 0 -140px;}
.ico8_2 { background-position: -20px -140px;}
.ico8_3 { background-position: -40px -140px;}
.ico8_4 { background-position: -60px -140px;}
.ico8_5 { background-position: -80px -140px;}
.ico2{display:inline-block; background:url(../images/ico2.png) no-repeat;vertical-align:middle;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hd{height:97px; z-index:99999;position:fixed;  width:100%; background-color:#fff;}
.hd-t{height:97px}
.logo{float:left;width:430px;height:75px}
.logo img{border:none; vertical-align:middle; margin-top:10px;}
.weixin-box{ width:20px; height:60px; float:right; margin-left:15px; position:relative; z-index:99;}
.weixin-box a{ color:#474747;}
.weixin{width:20px;height:20px;display:block;padding:7px; border:1px solid #d4d4d4;margin-top:40px; font-size:16px; text-align:center;}
.search-layout{float:right;}
.search-layout>div.top-links{line-height:32px;font-size:14px;text-align:right;}
.search-layout>div.top-links a{padding:3px 12px;}
.search{position:relative;height:34px;width:186px;float:right;font-size:0;line-height:0;margin:10px 0 17px 40px;border:#d4d4d4 1px solid;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;}
.search div{line-height:32px;font-size:12px;}
.search .keyword{display:none;width:300px;padding:10px;border:#ebebeb 1px solid;height:auto;background:#FFF;position:absolute;right:0;top:30px}
.search .keyword li{width:120px;float:left;text-align:center; height:34px;line-height:34px;font-size:14px;border-bottom:#ebebeb 1px solid;}
.search .keyword li.line{ width:1px; height:34px; margin:5px 19px 5px 20px; background:#ebebeb;}
.search .txt{ width:136px; height:34px; background: none; display:inline-block; border:none; padding-left:15px; font-size:12px;}
.br-p{-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;}
.search .sbtn{width:16px;height:16px;display:inline-block;border:none;background:none;cursor:pointer;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;}	
.ico-srh{ width:18px; height:18px; display:block; background-position:0px 0px;}
.icon{ background-image:url(../images/icon.png);background-repeat:no-repeat;}
.hd-b{height:52px; border-top:1px solid #CECECE; box-shadow: 2px 2px 5px #D4D4D4; z-index:999; background-color:#fff;}
.m-nav>li{position:relative;float:left;width:125px;height:52px;margin:0 15px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;background-position:52px 42px}
.m-nav>li.active,.m-nav>li:hover{background:no-repeat url(../images/nav_on.png);background-position:52px 42px; color:#fff;}
.m-nav>li>a{line-height:52px;color:#333;font-size:18px;text-align:center}
.m-nav a{display:block;width:100%;height:100%}
.nav-sub{display:none;position:absolute;top:52px;width:140px;height:170px;background:#f4f4f4;z-index:99}
.nav-sub>*{float:right}
.nav-sub>:first-child{float:left}
.nav-sub ul{width:100%;}
.nav-sub ul li{width:100%;height:42px;line-height:42px; text-align:center;color:#fff; }
.nav-sub ul li:hover{background:#E2002A;color:#fff; }
.nav-sub ul li a{font-size:16px;color:#333;}
.nav-sub ul li a:hover{font-size:16px;color:#fff;}
.hidden{display:none!important}
.moblie_head{ display:none;}
.a_txt{ display:none;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.hide_x{ display:none;}
.moblie_head{ display:block; background:#fff; padding:12px 2%; position:fixed; width:96%; z-index:999}
.moblie_head .lf img{ width:200px}
.a_js{ margin-top:8px;}
.a_js img{ margin-top:8px;}
.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;}
}
@media screen and (max-width: 1440px) and (min-width:1367px) {
.m-nav>li{width:10%;height:52px;margin:0 13px;background-position:57px 42px}
}
@media screen and (max-width: 1366px) and (min-width:1281px) {
.m-nav>li{width:10%;height:52px;margin:0 13px;background-position:57px 42px}
}
@media screen and (max-width: 1280px) and (min-width:1153px) {
.m-nav>li{width:10%;height:52px;margin:0 12px;}
}

@media screen and (max-width: 1152px) and (min-width:1024px) {/* 小屏幕的尺寸 */
.m-nav>li{position:relative;float:left;width:12.1%;height:52px;margin:0 11px;}
}

/*****foot*******/
.footer{ width: 100%; background: #323232; color: #fff;}
.footer>.z-container{ border-bottom: 1px solid #404040; padding: 80px 0;}
.footer .foot_l{ width: 68%; float: left;}
.footer .foot_r{ width: 32%; float: left;}
.footer .foot_l dl{ float: left; width:15%; margin-right: 35px;}
.footer .foot_l dl a{ display: block; color: #fff;}
.footer .foot_l dl dt{ margin-bottom:20px;}
.footer .foot_l dl dt a{ font-size: 16px;}
.footer .foot_l dl dd a{ color: #CBCBCB; margin-bottom: 5px;}
.footer .foot_r .foot_text{ float: left;}
.footer .foot_r .foot_text h3{ font-size: 16px;font-weight:normal; margin-bottom:20px;}
.footer .foot_r .foot_text p{ color: #CBCBCB; margin-bottom: 10px;}
.footer .foot_r .foot_code{ float: right; /*width: 210px;*/}
.footer .foot_r .foot_tit{margin-bottom: 20px;}
.footer .foot_r .foot_tit h3{font-size:18px;}
.footer .foot_r .code_box .img{text-align: center;}
.footer .foot_r .code_box .img img{ width: 120px; height: 120px;}
.footer .foot_r .code_box h3{ font-size:14px; font-weight:normal;text-align: center;}

.footer_bar{ line-height:70px; text-align:center;color: #CBCBCB; font-size:15px; }
.footer_bar a{color: #CBCBCB; margin-left:8px;}
@media screen and (max-width: 1440px) and (min-width:1281px) {
.footer .foot_l dl{ float: left; width:15%; margin-right:30px;}
.footer>.z-container{ border-bottom: 1px solid #404040; padding:80px 0;}
}
@media screen and (max-width: 1280px) and (min-width:1025px) {
.footer .foot_l{ width: 60%; float: left;}
.footer .foot_r{ width: 40%; float: left;}
.footer .foot_l dl{ float: left; width:14%; margin-right:25px;}
.footer .foot_l dl dt{ margin-bottom: 20px;}
.footer .foot_r .foot_text h3{ font-size: 16px;font-weight:normal; margin-bottom:20px;}
.footer .foot_r .foot_tit{margin-bottom: 20px;}
.footer>.z-container{ border-bottom: 1px solid #404040; padding:60px 0;}

}
@media (min-width: 1025px) and (max-width: 1920px) {
.menu-footer{ display:none;}
.footer1 { display:none;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.footer>.z-container{display:none;}
.footer .foot_l{ display:none;}
.footer .foot_r{ display:none;}
.footer_bar{ line-height:45px; }
.footer_bar .wrap{ width:96%; padding-left:2%; padding-right:2%;}
.footer_bar a{ width:100%;margin-left:0px;}
.footer_bar .fr{ display:none; width:60%; text-align:center;}
.footer1 {height: 28px;width: 100%;margin-top: 20px;}
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    -o-transform: translateY(45px);
    transform: translateY(45px);
    transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
}
.menu-footer.on {
  -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background:#353535;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #a0a0a0;opacity: 0.5;}
}

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

/*分页*/
.page{font-size: 12px; color: #777777; text-align: center; margin-bottom: 60px;}
.page a { color: #777777;display: inline-block;border: 1px solid #cbcbcb;padding:5px 15px;vertical-align: middle;margin: 0 3px 10px 3px;font-size: 14px;}
.page a:hover,.page .cur{color:#fff; background: #B82128;}
.page span {padding:5px 15px;display: inline-block;margin: 0 3px 10px 3px;vertical-align: middle;}
.page span.goprev,.page span.gonext {color: #777777;}
.page span.count { border: 0;background: 0;color: #777777;}

.common_more { margin: 0 auto; display: block; position: relative; width: 292px; height: 64px; border: 1px solid #d3d2d2; line-height: 64px; text-align: center; font-size: 18px; color: #333333; overflow: hidden; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.common_more:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f0f0eb; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
.active .common_more:before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
.common_more span.span1 { height: 64px; width: 100%; display: block; background: #fff url(../images/commonmore_arrow.png) no-repeat 110% center; transform: translateY(-100%); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.6s, color 0.6s cubic-bezier(0.4, 0, 0.2, 1), background 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.active .common_more span.span1 { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.common_more:hover span.span1 { background: #fff url(../images/commonmore_arrow.png) no-repeat 90% center; color: #e83428; }
.common_more:hover { border-color: #e83428; }
@media only screen and (max-width: 768px) {
.common_more { width: 242px; height:54px;line-height:54px; font-size: 16px; }
}
.ysl_uni_btn_more_wrap {}
.ysl_uni_btn_more { display:block; position:relative; padding-bottom:10px; width:100px; color:#fff;}
.ysl_uni_btn_more .ico{margin-top: 4px;}
.ysl_uni_btn_more:before,.ysl_uni_btn_more:after{content:'';display:block;position:absolute;}
.ysl_uni_btn_more:before {width:100%;height:1px;background:#fff;opacity:0.4;bottom:0;left:0;z-index:1;background:#005bab;}
.ysl_uni_btn_more:after {bottom:0px;right:80%;width:30%;height:1px;background:#fff;z-index:2;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;opacity:0;visibility:hidden;}
.ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more { color:#fff; }
.ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more:after{right:0;opacity:1;visibility:visible;}
.ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more:before{background:#fff;}
.ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more .ico{background-position:-20px -20px;}