@charset "utf-8";
/* CSS Document */
body{color:#de3434;color:#333;font-family:"微软雅黑",Arial,Helvetica,sans-serif;margin:0 auto; padding:0px; font-size:14px; 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,td,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;}
button,input,select,textarea{font-size:100%;margin:0;outline:none;}
button,input{line-height:normal;}button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input.submit{cursor:pointer;}input.radio{width:13px;height:13px;}
input[type="text"],input[type="number"]{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;resize:none;-webkit-appearance:none;}
button,input,select,textarea{font-size:100%;font-family:inherit}
select{margin:inherit}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left}
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,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;}
img{ border:none; 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: ".";}
.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}
.p10{ padding:10px;}.p20{ padding:20px;}.p30{ padding:30px;}.p50{ padding:50px;}.p60{ padding:70px;}.p80{ padding:80px;}.p100{ padding:100px;}
.plr10{padding-left:10px;padding-right:10px;}.plr20{padding-left:20px;padding-right:20px;}
.plr30{padding-left:30px;padding-right:30px;}.plr50{padding-left:50px;padding-right:50px;}
.plr60{padding-left:60px;padding-right:60px;}.plr80{padding-left:80px;padding-right:80px;}
.plr100{padding-left:100px;padding-right:100px;}
.ptb10{padding-top:10px;padding-bottom:10px;}.ptb20{padding-top:20px;padding-bottom:20px;}
.ptb30{padding-top:30px;padding-bottom:30px;}.ptb50{padding-top:50px;padding-bottom:50px;}
.ptb60{padding-top:60px;padding-bottom:60px;}.ptb80{padding-top:80px;padding-bottom:80px;}
.ptb100{padding-top:100px;padding-bottom:100px;}
.pt10{ padding-top:10px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}.pt60{ padding-top:70px;}.pt80{ padding-top:80px;}.pt100{ padding-top:100px;}
.pb10{ padding-bottom:10px;}.pb20{ padding-bottom:20px;}.pb30{ padding-bottom:30px;}.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}.pb60{ padding-bottom:70px;}.pb80{ padding-bottom:80px;}.pb100{ padding-bottom:100px;}
.pl10{ padding-left:10px;}.pl20{ padding-left:20px;}.pl30{ padding-left:30px;}.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}.pl60{ padding-left:70px;}.pl80{ padding-left:80px;}.pl100{ padding-left:100px;}
.pr10{ padding-right:10px;}.pr20{ padding-right:20px;}.pr30{ padding-right:30px;}.pr40{ padding-right:40px;}
.pr50{ padding-right:50px;}.pr60{ padding-right:70px;}.pr80{ padding-right:80px;}.pr100{ padding-right:100px;}
.m10{ margin:10px;}.m20{ margin:20px;}.m30{ margin:30px;}.m50{ margin:50px;}.m60{ margin:70px;}.m80{ margin:80px;}.m100{ margin:100px;}
.mlr10{ margin-left:10px; margin-left:10px;}
.mlr20{ margin-left:20px; margin-left:20px;}
.mlr30{ margin-left:30px; margin-left:30px;}
.mlr50{ margin-left:50px; margin-left:50px;}
.mlr60{ margin-left:60px; margin-left:60px;}
.mlr80{ margin-left:80px; margin-left:80px;}
.mlr100{ margin-left:100px; margin-left:100px;}
.mtb10{ margin-top:10px; margin-bottom:10px;}
.mtb20{ margin-top:20px; margin-bottom:20px;}
.mtb30{ margin-top:30px; margin-bottom:30px;}
.mtb50{ margin-top:50px; margin-bottom:50px;}
.mtb60{ margin-top:60px; margin-bottom:60px;}
.mtb80{ margin-top:80px; margin-bottom:80px;}
.mtb100{ margin-top:100px; margin-bottom:100px;}
.mb10{ margin-bottom:10px;}.mb20{ margin-bottom:20px;}.mb30{ margin-bottom:30px;}.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}.mb80{ margin-bottom:80px;}.mb100{ margin-bottom:100px;}
.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}.mt50{ margin-top:50px;}.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}.mt80{ margin-top:80px;}.mt100{ margin-top:100px;}
.mt18{ margin-top:18%;}
.ml10{ margin-left:10px;}.ml20{ margin-left:20px;}.ml30{ margin-left:30px;}.ml50{ margin-left:50px;}.ml60{ margin-left:70px;}.ml80{ margin-left:80px;}.ml100{ margin-left:100px;}
.mr10{ margin-right:10px;}.mr20{ margin-right:20px;}.mr30{ margin-right:30px;}.pr50{ margin-right:50px;}.mr60{ margin-right:70px;}.mr80{ margin-right:80px;}.mr100{ margin-right:100px;}
.wrap { width: 1170px; margin-right: auto; margin-left: auto; *width: 1170px;}
@media screen and (max-width: 1440px) and (min-width:1024px) {/* 小屏幕的尺寸 */
.wrap {padding-left:2%; padding-right:2%; width:96%; }
}
@media screen and (max-width: 1023px) and (min-width:761px) {/* 小屏幕的尺寸 */
.wrap {padding-left:2%; padding-right:2%; width:96%; }}
@media only screen and (max-width: 760px) {
.wrap { padding-left:1%; padding-right:1%; width:98%; display: block;}
}
.logo {width: 220px;}
.logo img {width: 100%;margin: 17px 0px 0;}
.header-lang {background-color: #FFFFFF;border: 1px solid #BEBEBE;display: inline-block;height: 30px;line-height: 30px;text-align: center;width: 30px;}
.header-func li {float: left;}
.nav_box {padding: 7px 0 0;}
.nav_box_right {float: right;}
.nav_box_right .choose_box {margin: 12px 0px 0px; text-align:right;}
.nav_box_right .choose_box span{ color:#EC0000; font-size:18px; font-weight:600;}
.lang_en {background: url(../images/top_ico.png);width: 20px;text-align: center;float: left;height: 20px;display: inline-block;margin: 1px 3px 0 0;}
.choose_box ul li:hover .lang_en {background-position: 0px -20px;}
.top_ewm {background: url(../images/top_ico.png);width: 20px;text-align: center;float: left;height: 20px;display: inline-block;margin: 1px 3px 0 0;background-position: 24px 0px;}
.choose_box ul li:hover .top_ewm {background-position: 24px -19px;}
.language {background: url(../images/choose_bg.png) no-repeat;background-size: 120px;width: 120px;}
.language a {width: 60px;height: 25px;display: block;float: left;line-height: 25px;text-align: center;color: #fff;}
.language a.zh {border-top: 1px solid #e6e6e6;padding-left: 10px;}
.language a.en {padding-right: 3px;}
.nav_down_left {width: 61%;margin-right: 4%}
.nav_down_img {width: 300px;margin-right: 35px;}
.nav_down_img img {width: 100%;}
.nav_down_text {width: 52%;}
.nav_down_text h3 {font-size: 16px;font-weight: normal;line-height: 1.8;color: #333;padding-bottom: 7px;padding-top: 4px;}
.nav_down_text p {color: #747474;font-size: 13px;line-height: 1.8;}
.nav_down_right {width: 35%;}
.nav_down_right_ul li {width: 40%;border-bottom: 1px solid #dcdfe4;line-height: 2.5;margin-left: 7%;margin-bottom: 5px;}
@media screen and (max-width: 1220px) and (min-width:1024px) {
.nav_down_img {width: 45%;margin-right: 35px;}
}

/*footer*/
.footer {background-color: #2f2f2f;padding-top: 50px;position: relative;z-index: 1;}
.footer .footer-main {border-bottom: 1px solid #3a3a3a;padding-bottom: 55px;}
.footer .footer-main dl a:hover {color: #fff;}
.footer dl {width: 14.3%;float: left;}
.footer dt {font-size: 18px;line-height: 34px; padding-bottom:8px;margin-bottom: 15px;font-weight: normal;position:relative;}
.footer dt a {color: #fff;display: inline-block;}
.footer dt:after{content:'';width:40px;height:2px;background-color:#e60012;position: absolute;bottom: 0;left: 0;}
.footer dd {line-height: 30px;font-size: 14px;}
.footer dd a {color: #888;display: inline-block;}
.footer .foot_pro { width:24%;}
.footer .foot_pro p{ float:left; width:50%;}
.footer .foot_contact{ width:28%; float:right;}
.footer .foot_contact dt {font-size: 18px;line-height: 34px; padding-bottom:8px;margin-bottom: 15px;font-weight: normal;position:relative;}
.footer .foot_contact dt:after{content:'';width:40px;height:2px;background-color:#e60012;position: absolute;bottom: 0;right: 0; text-align:right; margin-right:0px; float: right;}
.footer .foot_contact p{ color:#888}
.footer .footer-bot {padding-top: 10px;padding-bottom: 10px;line-height: 32px;color: #616161;position: relative;}
.footer .about-link .sub-box p{width: 115px;margin-left: 24px;border-bottom: 1px solid #434343;}
.footer .footer-bot a {color: #888;}
.footer .footer-bot a:hover {color: #fff;}
.footer .footer-bot .line {display: inline-block;width: 1px;height: 10px;background-color: #444;margin: 12px 12px 0;}
.footer .footer-bot .about-link {margin-left: 30px;position: relative;}
.footer .footer-bot .about-link .link-tit {color: #b0b0b0;display: block;border: 1px solid #434343;line-height: 30px;cursor: pointer;padding-left: 16px;width: 168px;background: url(../images/ico_05.png) no-repeat 148px center #2f2f2f;border-radius: 14px;position: relative;z-index: 2;}
.footer .footer-bot .about-link .sub-box {position: absolute;left: 0;bottom: 20px;width: 99%;border: 1px solid #434343;display: none;border-radius: 6px;padding-bottom: 24px;background-color: #2f2f2f;padding-top: 8px;}
.footer .footer-bot .about-link .sub-box a {display: block;}
.footer .footer-bot .about-link .sub-box a:hover {color: #fff;}
.footer .footer-bot .s-nav {margin-left: 35.6%;width: 194px;}
.footer .footer-bot .s-nav a, footer .footer-bot .s-nav span {display: inline-block;}
@media screen and (max-width: 1920px) and (min-width:1025px) {
.footer .mob-footer-bot{ display:none ;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {
.footer {padding-top: 10px; padding-bottom:10px;}
.footer .footer-main { display:none;}
.footer .footer-bot{ display:none;}
.footer .mob-footer-bot p{ line-height:24px;color: #fff; text-align:center;}
.footer .mob-footer-bot a {color: #fff;}
.footer .mob-footer-bot a:hover {color: #fff;}
}
.page{ text-align:center;}
.page a,.page span{ margin-left:5px; margin-right:5px; padding:5px 10px; color:#333;}
.page .current a,.page a:hover,.page span{background:#E60012;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:#E60012; color:#fff;}
.page1{ display:none;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
.page1{ display:block;}
}