@charset "utf-8";

/* CSS Document-- zhu2018-12-- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display: block;}
body{margin: 0px; background:#fff;color: #444;font-size: 16px;line-height: 1.8;font-family:Arial,Tahoma,"Microsoft YaHei","微软雅黑","MSYH",'\5b8b\4f53',"宋体","SimHei","黑体",'Hiragino Sans GB',"Microsoft JhengHei","华文细黑",'Heiti SC','Hiragino Sans GB',STHeiti,MingLiu,SimSun,Verdana;}/*基本样表 */
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/*去掉点击框*/
*{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
*{margin: 0px;padding: 0px;list-style: none;}/*默认所有边距为0 */
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
* { -webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
img, :link img, :visited img{border: none;}/*默认图片边距为0 */
ul, li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
.both{clear:both;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.none{display:none;}
.block{display:block;}
a:link{color: #444;text-decoration: none;}
a:visited{text-decoration: none;color: #444;}
a:hover{text-decoration: none;color: #dc0002;}
a:active{text-decoration: none;color: #444;}
html, body{height:100%;}
input, button ,select,textarea{outline: none; font-family: Tahoma, Arial, 'Microsoft YaHei',"微软雅黑", "Microsoft JhengHei", 'Hiragino Sans GB',"华文细黑", STHeiti, MingLiu, '\5b8b\4f53', "宋体", SimSun, Verdana;}
input:focus{outline: none;}

/*缓动效果 */
.transition ,.transition a{-webkit-transition: 0.2s ease-in 0s;-moz-transition: 0.2s ease-in 0s;-o-transition: 0.2s ease-in 0s;transition: 0.2s ease-in 0s;-ms-transition: 0.2s ease-in 0s;}
.toptran a{-webkit-transition: 0.2s ease-in 0s;-moz-transition: 0.2s ease-in 0s;-o-transition: 0.2s ease-in 0s;transition: 0.2s ease-in 0s;-ms-transition: 0.2s ease-in 0s;}
/* a{-webkit-transition: 0.2s ease-in 0s;-moz-transition: 0.2s ease-in 0s;-ms-transition: 0.2s ease-in 0s;-o-transition: 0.2s ease-in 0s;transition: 0.2s ease-in 0s;} */
.zh-self img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}/*图片自动适应到100% */
/*圆角*/
.round3{-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius:3px;}
.round5{-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
.round10{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;}
.round15{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
.round50{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
/*透明度*/
.opacity10{filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.opacity30{filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.opacity50{filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.opacity80{filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.opacity100{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
/*定位数值*/
.pt3{padding-top: 3px;}.pt5{padding-top: 5px;}.pt10{padding-top: 10px;}.pt15{padding-top: 15px;}.pt20{padding-top: 20px;}.pt25{padding-top: 25px;}.pt30{padding-top: 30px;}
.pb3{padding-bottom: 3px;}.pb5{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb20{padding-bottom: 20px;}.pb25{padding-bottom: 25px;}.pb30{padding-bottom: 30px;}.pb40{padding-bottom:40px;}
.pr3{padding-right: 3px;}.pr5{padding-right: 5px;}.pr10{padding-right: 10px;}.pr15{padding-right: 15px;}.pr20{padding-right: 20px;}.pr25{padding-right: 25px;}.pr30{padding-right: 30px;}
.pl3{padding-left: 3px;}.pl5{padding-left: 5px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl20{padding-left: 20px;}.pl25{padding-left: 25px;}.pl30{padding-left: 30px;}
.mt3{margin-top:3px;}.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt25{margin-top: 25px;}.mt30{margin-top: 30px;}
.mb3{margin-bottom: 3px;}.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb25{margin-bottom: 25px;}.mb30{margin-bottom: 30px;}
.mr3{margin-right: 3px;}.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}.mr25{margin-right: 25px;}.mr30{margin-right: 30px;}
.ml3{margin-left: 3px;}.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}.ml25{margin-left: 25px;}.ml30{margin-left: 30px;}
/*按钮*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;outline:none}
.btn{display: inline-block; padding: 5px 15px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover, .btn:focus, .btn.focus{color: #333; text-decoration: none; outline: none;}
.btn:active, .btn.active{background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;}
.btn-serch{width: 140px; background: #48a0df; color: #fff; outline: none;}
.btn-serch:hover{background: #429edf; color: #fff; outline: none;}
.btn-serch:focus{background: #429edf; color: #fff; outline: none;}
.btn-serch:focus{background: #429edf; color: #fff; outline: none;}
.btn-sub{background: #48a0df; color: #fff; outline: none;}
.btn-sub:hover{background: #429edf; color: #fff; outline: none;}
.btn-sub:focus{background: #429edf; color: #fff; outline: none;}
.btn-sub:focus{background: #429edf; color: #fff; outline: none;}
.btn-danger{background: #bd362f; color: #fff; outline: none;}
.btn-danger:hover{background: #bd362f; color: #fff; outline: none;}
.btn-danger:focus{background: #bd362f; color: #fff; outline: none;}
.btn-danger:focus{background: #bd362f; color: #fff; outline: none;}
.btn-dl{width: 100%;line-height: 38px; font-size: 16px; background: #0d4695; color: #fff; outline: none; padding: 0;}
.btn-dl:hover{background: #093d84; color: #fff; outline: none;}
.btn-dl:focus{background: #0d4695; color: #fff; outline: none;}
.btn-dl:focus{background: #0d4695; color: #fff; outline: none;}
/*字号*/
.fz12{font-size:12px;}.fz14{font-size:14px;}.fz16{font-size:16px;}.fz18{font-size:18px;}.fz20{font-size:20px;}.fz22{font-size:22px;}.fz24{font-size:24px;}
.fb{font-weight:bold;}
.zh-txt{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}/*超过两行省略号*/
.one-txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hd66:link,.hd66:visited,.hd66:active{color:#666;}
.hd66:hover{color:#FF0000;}
.it-input{padding: 5px; height: 20px; border: 1px solid #ddd; outline: none; margin-right: 5px; margin-left: 5px;}
input::-webkit-input-placeholder{color:#888888;font-size:14px;}
input:moz-placeholder{color:#888888;font-size:14px;}
input::-moz-placeholder{color:#888888;font-size:14px;}
input:-ms-input-placeholder{color:#888888;font-size:14px;}
.it-textarea{padding: 5px; height: 50px; border: 1px solid #dadada; margin-right: 5px; margin-left: 5px; outline: none;}
.it-span12{width: 940px;}
.it-span11{width: 860px;}
.it-span10{width: 780px;}
.it-span9{width: 700px;}
.it-span8{width: 620px;}
.it-span7{width: 540px;}
.it-span6{width: 460px;}
.it-span5{width: 380px;}
.it-span4{width: 300px;}
.it-span3{width: 220px;}
.it-span2{width: 140px;}
.it-span1{width: 60px;}
/*icon*/
.icon{display:inline-block;background-repeat:no-repeat;}
.icon_a{width:25px; height:25px; overflow:hidden; background-image:url(../img/atxtico.png); background-position:-27px 0;}
.icon-xl{ background-image:url(../img/icon-xl.png); background-repeat: no-repeat; background-position:104px 25px;}
/*home*/
.wd1200{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}

.header{height: 120px; overflow: hidden; min-width: 1200px; padding: 0 3%;}
.logo{padding-top: 20px;}
.nav{height: auto; overflow: hidden;}
.nav li{width: 100px; height: 120px; overflow: hidden; float: left;}
.nav li a{display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; line-height: 120px; font-size: 18px;}
.nav li a:hover{ background: #e62129; color: #fff;}
.nav li a.aon{background: #e62129; color: #fff;}


/*banner*/
.banner{ min-width: 1200px;  height: 700px; overflow: hidden; text-align: center; position: relative; z-index: 999999;left: 0;top: 0;}

.banner img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}
.banner .swiper-container{width: 100%; height: 700px; overflow: hidden;}

.banner .swiper-slide{text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} 
.banner .swiper-pagination-bullet{width: 15px; height: 15px; text-align: center; line-height: 20px; font-size: 12px; color:#FFF; opacity: 1; background: rgba(255,255,255,0.8);} 
.banner .swiper-pagination-bullet-active{color:#fff; background: #e62129;}

.banner  .swiper-button-prev {background: url(../img/pic02.png) no-repeat left top;position: absolute;left: 20px;top: 48%;margin-top: -35px;width: 77px;height: 77px;z-index:999;}
.banner  .swiper-button-next {background: url(../img/pic03.png) no-repeat left bottom;position: absolute;right: 20px;top:48%;margin-top: -35px;width: 77px;height: 77px;z-index:999;}

@media screen and (max-width: 1680px) {
	.banner{height: 600px}	
     .banner .swiper-container{ height: 600px;}
	
	
}
@media screen and (max-width: 1440px) {
	.banner{height: 540px}	
     .banner .swiper-container{ height: 540px; }
	
	
}


/*1F*/
.boxa{min-width: 1300px; height: auto; overflow: hidden;}
.boxa-list{width: 50%;height: auto; overflow: hidden; float: left; background: #f8f8f8;}
.boxa-pic{height: auto; overflow: hidden;}
.boxa-pic img{width:100%;height: auto;   vertical-align: bottom;}

.boxc-about{height: auto; overflow: hidden; padding: 65px 0; }
.boxc-about dl{padding-left:60px;}

.boxc-about dl dt{width: 35%; float: left;}
.boxc-a1{text-align: center;    width: 60px;    font-size: 12px;    height: 30px;    background: url(../img/a1.png) no-repeat top center;  margin-top: 13px;   padding-top: 40px;    background-size: 40px; float: left}
.boxc-a2{text-align: center;    width: 60px;    font-size: 12px;    height: 30px;    background: url(../img/a2.png) no-repeat top center;  margin-top: 13px;   padding-top: 40px;    background-size: 50px; float: left}

.boxc-a3{text-align: center;    width: 60px;    font-size: 12px;    height: 30px;    background: url(../img/a3.png) no-repeat top center;  margin-top: 13px;   padding-top: 40px;    background-size: 30px; float: left}
.boxc-a4{text-align: center;    width: 60px;    font-size: 12px;    height: 30px;    background: url(../img/a4.png) no-repeat top center;  margin-top: 13px;   padding-top: 40px;    background-size: 22px; float: left}

.boxc-b{line-height: 80px;    font-size: 80px;  font-weight: bolder;color: #e70012;      letter-spacing: -2px; float: left;}
.boxc-c{    font-size: 16px;    color: #303030;}
.boxc-c span{font-size: 20px;    color: #e70012;    font-weight: bold;    display: block;    height: 20px;    margin-bottom: 22px;}
.boxc-about dl dd{width: 22%; float: left;}



@media screen and (max-width: 1680px) {
	.boxc-about{height: auto; overflow: hidden; padding: 45px 0; }
	.boxc-about dl{padding-left:20px;}
	.boxc-b{line-height: 80px;    font-size: 60px;  font-weight: bolder;color: #e70012;      letter-spacing: -2px; float: left;}
	.boxc-c span{font-size: 16px;    color: #e70012;    font-weight: bold;    display: block;    height: 20px;    margin-bottom: 22px;}
}

.boxa-xr{height: auto; overflow: hidden;  margin-left: 50%; }
.boxa-xr dl{height: auto; overflow: hidden;  padding-right: 8%; padding-left: 8%; padding-top: 10%;}

.boxa-xr dl dt p{font-size: 20px;    line-height: 38px; color: #666; }
.boxa-xr dl dt span{display: block; font-size: 36px; line-height: 38px; height: auto; overflow: hidden;font-weight: bolder;}
.boxa-xr dl  dt i{  display: block; width: 35px; height: 2px; overflow: hidden; border-bottom: 2px solid #d50d15;}
.boxa-xr dl dd{ height: auto; overflow: hidden; padding-top:20px; color: #666;}
.mt44{margin-top: 5%;}

.boxf{width: 100%; height: auto; overflow: hidden; background: #ececec; padding: 65px 0;}
.boxf dl{height: auto; overflow: hidden; padding: 0 3%; min-width: 1200px;}
.boxf dl dt{width: 25%; float: left; height: auto; overflow: hidden;}
.boxf dl dt a{display: block; height: auto; overflow: hidden; margin: 8px; position: relative; z-index: 2000; }
.boxf dl dt a .boxf-tit{ width: 100%; height: auto; overflow: hidden; position: absolute; z-index: 2100; top: 15%; padding-left: 10%; color: #fff;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.boxf dl dt a .boxf-tit p{ line-height: 26px;font-weight: bolder;font-size: 26px;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.boxf dl dt a .boxf-tit span{ letter-spacing:-1px;font-size: 18px;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.boxf dl dt a img{width: 100%;opacity: 0.9;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale(1);	transform: scale(1);}
.boxf dl dt a:hover img{opacity: 1;	-webkit-transform: scale(1.15);	transform: scale(1.15);}
.boxf dl dt a:hover .boxf-tit p{font-size: 28px;}
.boxf dl dt a:hover .boxf-tit span{font-size: 20px;}

.boxe{height: 660px; overflow: hidden;  width: 100%; min-width: 1200px;}
.boxe-a{width: 50%; height: auto; overflow: hidden; float: left; padding-top: 3%; padding-left: 7%}
.boxe-a dl dt{height: auto; overflow: hidden; padding-bottom: 30px;}
.boxe-a dt p{font-size: 20px;    line-height: 38px; color: #666}
.boxe-a dt span{display: block; font-size: 36px; line-height: 38px; height: auto; overflow: hidden;font-weight: bolder;}
.boxe-a dl dt i{  display: block; width: 35px; height: 2px; overflow: hidden; border-bottom: 2px solid #d50d15;}

.boxe-a dl dd{height: auto; overflow: hidden; padding-bottom: 20px; padding-top: 10px;}
.boxe-a dl dd span{display: block; height: auto; overflow: hidden; font-weight: bolder; font-size: 22px; line-height: 26px;}
.boxe-a dl dd p{font-size: 18px;}

.boxe-btn{ padding: 10px 0;}
.boxe-btn a{display: inline-block; font-size: 18px; color: #fff; background: #d50d15; text-align: center; padding: 10px 60px;}
.boxe-btn a:hover{background: #c10e15;}

.boxe-b{height: 100%; overflow: hidden; margin-left: 50%;}
.boxe-b dl{width: 50%; height: 100%; overflow: hidden; float: left; border-left:5px solid #d50d15;cursor: pointer;}
.boxe-b dl a{display: block; height: 100%; overflow: hidden; background: #fcfcfc;}
.boxe-b dl a dt{height: 350px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: auto 350px;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.boxe-b dl a  dd{height: auto; overflow: hidden; padding-left: 8%; padding-right: 8%;}

.boxe-b dl a:hover dt {background-size: auto 110%; }

.boxd{height: auto; overflow: hidden; min-width: 1200px;}
.boxd-one{width: 50%;height: auto;overflow: hidden;float: left;}
.boxd-pic{display: block; min-height: 270px; overflow: hidden; text-align: right; background: #d50d15;}
.boxd-pic img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}

.hsfc{background: #fff;}
.boxd-txt{overflow: hidden; padding-top: 5%; padding-left: 8%; padding-right: 8%; height: auto;}
.boxd-txt dt{height: auto; overflow: hidden;}
.boxd-txt dt p{font-size: 20px;    line-height: 38px; color: #666}
.boxd-txt dt span{display: block; font-size: 36px; line-height: 38px; height: auto; overflow: hidden;font-weight: bolder;}
.boxd-txt dt i{  display: block; width: 35px; height: 2px; overflow: hidden; border-bottom: 2px solid #d50d15;}
.boxd-txt dd{ height: 150px; overflow: hidden; padding-top:20px;}

.boxd-list{height: auto; overflow: hidden; min-width: 1200px; }
.boxd-list ul li{width: 25%; height: auto; overflow: hidden; float: left;}
.boxd-list ul li a{display: block; width: 100%; height: 100%; overflow: hidden; position: relative;z-index: 3000;}
.boxd-list ul li a img{width: 100%; vertical-align:bottom;}
.boxd-list ul li a p{position:absolute;z-index:3100;display:block;overflow:hidden;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;bottom: -30%; background: #ececec; text-align: center; width: 100%; height: auto;  padding: 5px;color: #444; line-height: 24px; }
.boxd-list ul li a p span{display: block; height: auto; overflow: hidden; }
.boxd-list ul li a:hover p{bottom: 0px;}

.boxc{height: auto; overflow: hidden; background: #eee; min-width: 1300px; padding: 40px 3% 60px 3%;}
.boxc-top{height: auto; overflow: hidden;}
.boxc-top dl dt{ height: auto; overflow: hidden; float: left;}
.boxc-top dl dd{ height: auto; overflow: hidden; text-align: right; color: #666;  }
.boxc-top dt p{font-size: 20px;    line-height: 38px; color: #666}
.boxc-top dt span{display: block; font-size: 36px; line-height: 38px; height: auto; overflow: hidden;font-weight: bolder;}
.boxc-top dt i{  display: block; width: 35px; height: 2px; overflow: hidden; border-bottom: 2px solid #d50d15;}

.boxc-list{ height: auto; overflow: hidden; padding-top: 40px; position: relative; z-index: 3900;}
.index-pro{width: 1200px;height: auto; overflow: hidden; margin: 0 auto;}
.boxc-list ul{width: 1200px;}
.boxc-list ul li{width: 280px; height: 420px; overflow: hidden; float: left; margin-right: 20px;}
.boxc-list ul li a{display: block; height: 420px; overflow: hidden; position: relative;z-index:  4000;}
.boxc-list ul li a .boxc-pic{width: 100%; height: 100%; border-bottom: 5px solid #d50d15; background-repeat: no-repeat; background-position: center center; background-size: auto 420px;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}

.boxc-list ul li a span{display: block; width: 100%; height: 58%; overflow: hidden; padding: 20px 10px; text-align: center; position: absolute; z-index: 4100; left: 0; bottom: -60%;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in; background: #d50d15; color: #fff;}

.boxc-list ul li a:hover .boxc-pic{background-size: auto 110%}
.boxc-list ul li a:hover span{bottom: 0px;}

.boxc-xl{height: 150px; font-size: 24px; padding: 15px 0; border-bottom: 1px solid #ececec;}
.boxc-hd{width: 100%; min-width: 1200px; height:55px; overflow: hidden; position: absolute; z-index: 4001; bottom: 200px;}
.boxc-hd span{display: block; width: 55px; height: 55px; overflow: hidden; cursor:pointer;}
.boxc-next{background: url(../img/icon-right.png) no-repeat center center; background-size: 55px;}
.boxc-prev{background: url("../img/icon-left.png") no-repeat center center; background-size: 55px;}



/*footer*/
.foot{height: auto; overflow: hidden; background: #333333; min-width: 1200px;}
.foota{height: auto; overflow: hidden; border-bottom: 1px solid #585858; font-size: 16px; color: #e5e5e5; padding: 15px 3%;}
.foota a{color: #e5e5e5; display: inline-block; padding:0 10px;}
.footb{height: auto; overflow: hidden;padding:0  3% ; color: #e5e5e5;}
.footb dl dt{height: 200px; overflow: hidden;border-right: 1px solid #585858; float: left; width: 440px; padding-top: 80px; padding-left: 10px;}
.footb dl dd{height: auto; overflow: hidden; margin-left: 500px; padding-top: 40px; font-size: 14px;}
.fb-tit{display: block; float: left; font-size: 18px;  width: 45px; line-height: 22px;}
.fb-tell{display: inline-block;padding-left: 15px; border-left: 2px solid #e5e5e5; font-size: 24px; color: #e5e5e5; font-weight: bolder; margin-top: 5px; height: 40px; line-height: 40px;}
.fb-er{height: auto; overflow: hidden; float: right; padding-top: 40px;}

.footc{height: auto; overflow: hidden; text-align: center; color: #838383; font-size: 14px; border-top: 1px solid #585858; padding: 30px 3%;}
.footc a{color: #838383; }

/*pgae*/
.nban{height: 350px; overflow: hidden;}
.scline{height: 65px; overflow: hidden; border-bottom: 1px solid #ebebeb; color: #888;}
.scline1{height: 65px; width: 100%; border-bottom: 1px solid #ebebeb; color: #888;}
.wd12001{width: 1200px; height: 65px;  margin: 0 auto; position: relative; z-index: 990;}

.sc-nav{height: 65px; border-left: 3px solid #d50d15; line-height: 65px; width: 400px; float: left;}
.sc-nav span{display: block; float: left; background: url("../img/pic28.png") no-repeat 10px center; padding-left: 30px; padding-right: 10px;}
.sc-nav span a{color: #888;}
.sc-menu{height: 65px; overflow: hidden;  text-align: right; }
.sc-menu a{ display: inline-block; padding: 0 15px; margin: 0 10px; color: #888;border-bottom: 3px solid #fff; line-height: 65px; height: 62px;}
.sc-menu a.aon{color: #d50d15; border-bottom: 3px solid #d50d15; font-weight: bolder;}
.sc-menu{height: 65px; overflow: hidden;  text-align: right; }
.sc-menu a{ display: inline-block; padding: 0 15px; margin: 0 10px; color: #888;border-bottom: 3px solid #fff; line-height: 65px; height: 62px;}
.sc-menu a.aon{color: #d50d15; border-bottom: 3px solid #d50d15; font-weight: bolder;}

.sc-menu1{height: 65px;  text-align: right; }
.sc-menu1 ul{float: right;position: relative; z-index: 991;}
.sc-menu1 ul li{height: 62px; float: left; }
.sc-menu1 ul li span{display: block; height: auto; overflow: hidden;}

.sc-menu1 ul li dl{display: none;position: absolute; left: 0; top: 62px;  width: 100%;  padding-top: 40px;}
.sc-menu1 ul li dl dt{ height: auto; overflow: hidden; float: left;padding-right: 15px; padding-bottom: 10px;}
.sc-menu1 ul li dl dt a{  margin: 0 10px; color: #888;border: 1px solid #ddd; line-height: 65px; height: 62px; padding: 8px 25px;}
.sc-menu1 ul li dl dt a.ckon{border: 1px solid #d50d15; color: #d50d15;}

.sc-menu1 span a{ display: inline-block; padding: 0 15px; margin: 0 10px; color: #888;border-bottom: 3px solid #fff; line-height: 65px; height: 62px;}
.sc-menu1  span a.aon{color: #d50d15; border-bottom: 3px solid #d50d15; font-weight: bolder;}

.sc-menu1 ul li.navon dl{display: block }
.sc-menu1 ul li dl.ckon-a{display: block }


.page{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding: 50px 0;}
.page-top{height: auto; overflow: hidden;}
.page-top p{font-size: 20px; color: #666;  line-height: 35px;}
.page-top span{display: block; font-size: 38px; line-height: 38px; color: #333; height: auto; overflow: hidden; font-weight: bolder;}
.page-top i{display: block; height: 2px; width: 45px; border-bottom: 2px solid #d50d15;}

.page-box{min-height: 550px;    height: auto!important;    height: 550px;    overflow: hidden;    margin-top: 40px; }
.page-box img{    max-width: 100%;    height: auto;    width: auto\9;  }

.joblist{height: auto; overflow: hidden; padding: 40px 0 10px 0;}

.joblist li{height: auto; overflow: hidden; padding: 10px; border: 1px solid #ddd; margin-bottom: 20px;}
.joblist li:nth-child(2n+1){background: #f7f7f7;}

.jobpage{height: auto; overflow: hidden; padding:10px 0;}
.jobpage li{height: auto; overflow: hidden; padding: 10px;  border: 1px solid #ddd;}

.job-box{height: auto; overflow: hidden; padding: 10px 30px; border-bottom: 1px dashed #ddd; }
.job-box dt{width: 80%; height: auto; overflow: hidden; float: left;}
.job-box dt span{display: inline-block; margin-right: 25px;}
.job-box dd{color: #d50d15; font-size: 20px; font-weight: bolder; text-align: center;height: auto; overflow: hidden; padding-top: 20px;}
.jobpage-nr{ padding: 10px 30px; height: auto; overflow: hidden;}

.fnext{ height:auto; overflow:hidden; padding:10px 0; text-align:center;}
.fback{height: auto; overflow: hidden; border: 1px solid #ddd; padding: 10px; text-align: center; margin-top: 5px; font-size: 14px;}
/*分页*/
.page-kuan{height: auto; overflow: hidden; padding: 10px 0; text-align: center; }
.pagination{height: auto; overflow: hidden;-ms-flex-pack: center!important;    justify-content: center!important;display: -ms-flexbox;    display: flex;border-radius: 3px;}
.pagination a{display: block; color: #666;}

a.page-link:not(:disabled):not(.disabled) {    cursor: pointer;}
a.page-num, a.page-link {    position: relative;    display: block;    padding: .5rem .75rem;    margin-left: -1px;    line-height: 1.25;    color: #666;    background-color: #fff;    border: 1px solid #dee2e6;}
.pagination a:hover{background: #f7f7f7}
a.page-num-current {    z-index: 1;    color: #fff;    background-color: #d50d15;    border-color: #d50d15;}
a.page-num-current:hover {    z-index: 1;    color: #fff;    background-color: #d50d15;    border-color: #d50d15;}


.pg-about{height: auto; overflow: hidden; padding: 65px 0; background: #f6f6f6; margin-top: 40px;}
.pg-about dl{padding-left: 80px;}

.pg-about dl dt{width: 30%; float: left;}
.pg-a1{text-align: center;    width: 60px;    font-size: 12px;    height: 30px;    background: url(../img/a1.png) no-repeat top center;  margin-top: 13px;   padding-top: 40px;    background-size: 40px; float: left}
.pg-a2{text-align: center;    width: 60px;    font-size: 12px;    height: 30px;    background: url(../img/a2.png) no-repeat top center;  margin-top: 13px;   padding-top: 40px;    background-size: 50px; float: left}

.pg-a3{text-align: center;    width: 60px;    font-size: 12px;    height: 30px;    background: url(../img/a3.png) no-repeat top center;  margin-top: 13px;   padding-top: 40px;    background-size: 30px; float: left}
.pg-a4{text-align: center;    width: 60px;    font-size: 12px;    height: 30px;    background: url(../img/a4.png) no-repeat top center;  margin-top: 13px;   padding-top: 40px;    background-size: 22px; float: left}

.pg-b{line-height: 80px;    font-size: 80px;  font-weight: bolder;color: #e70012;      letter-spacing: -2px; float: left;}
.pg-c{    font-size: 16px;    color: #303030;}
.pg-c span{font-size: 20px;    color: #e70012;    font-weight: bold;    display: block;    height: 20px;    margin-bottom: 22px;}
.pg-about dl dd{width: 23%; float: left;}

.pg-box{height: auto; overflow: hidden;  padding-top: 10px;}
.pg-box dl dt{width: 870px; height: auto; overflow: hidden; padding: 60px; background: #f6f6f6; float: left;}
.pg-box dl dd{ height: auto; overflow: hidden; margin-left: 890px;}

.pg-box dl dd img{width: 100%; margin-bottom: 10px; display: block; height: auto;    border: none;}

.his-box{height: auto; overflow: hidden;background: url(../img/hisbox-bg.jpg) repeat-y;    background-position: 166px 0;    padding-top: 20px;}
.his-a{padding: 15px 0; height: auto; overflow: hidden;}
.his-a dt{float: left;    width: 200px;    color: #999999;    font-size: 32px;    min-height: 50px;    line-height: 50px;    text-align: right;    font-weight: 600;    margin-right: 5px;}
.his-a dt i{display: inline-block; width: 15px; height: 15px; background: #999;overflow: hidden; margin-right: 26px; margin-left: 20px;}
.his-a dd{float: left;    padding-left: 10px;    position: relative;}
.his-a dd i{    width: 0;    height: 0;    border-top: 10px solid transparent;    border-bottom: 10px solid transparent;    border-right: 10px solid #f5f5f5;    position: absolute;    left: 0;    top: 15px;}
.his-a-mess {    width: 980px;    padding: 12px 30px;     background-color: #f5f5f5;}

.dq-a{height: auto; overflow: hidden; padding: 40px 0;}
.dq-a dt{width: 50%; background: #d50d15; height: 420px; overflow: hidden; float: left;}
.dq-a dd {background: #f2f2f2; height: 420px; overflow: hidden;  margin-left: 50%;}
.pt40{padding-top: 40px;}
.dq-mess{width: 600px; height: auto; overflow: hidden; padding: 30px 40px 0 40px;}

.dq-fz{color: #fff; padding-top: 20px; line-height: 32px;}
.dq-fx{color: #777; padding-top: 20px; line-height: 32px;}
.dq-bs{color: #fff;}

.dq-list{width: 1300px; height: auto; overflow: hidden; margin: 0 auto; padding: 30px 0 10px 0; position: relative; z-index: 1000;}
.dq-list dl{height: auto; overflow: hidden; width: 1120px; margin: 0 auto;}
.dq-list dl dt{ height: auto; overflow: hidden; padding: 5px 0; text-align: center; font-size: 24px;}
.dq-list dl p{color: #d50d15; text-align: center; font-size: 20px;}
.dq-list dl dd{color: #666; padding-top: 30px;}

.dq-listpic{width:1200px; height: auto; overflow: hidden; padding-top:30px; margin: 0 auto;z-index: 1009; position: relative;}
.dq-listpic ul{width: 1200px; height: 250px; overflow: hidden; float: left;}
.dq-listpic ul li{width: 280px; height: auto; overflow: hidden; float: left; margin-left: 10px; margin-right: 10px;}
.dq-listpic ul li a{display: block; height: auto; overflow:hidden;}
.dq-listpic ul li a div.dq-pic{width:280px; height:200px; overflow: hidden; }
.dq-listpic ul li a div.dq-pic img{height: 220px;transition: all 0.3s ease-out 0s;}

.dq-listpic ul li a:hover div.dq-pic img{transform: scale(1.1, 1.1);}

.dq-hd{width: 1300px; height:50px; overflow: hidden; position: absolute; z-index: 1008; bottom: 135px;}
.dq-hd span{display: block; width: 50px; height: 50px; overflow: hidden; cursor:pointer;}
.dq-next{background: url(../img/icon-right.png) no-repeat center center; background-size: 50px;}
.dq-prev{background: url("../img/icon-left.png") no-repeat center center; background-size: 50px;}
.motime { font-size: 12px;    height: auto;    overflow: hidden;    text-align: center;    padding: 10px 0;    background: #f9f9f9;    color: #666;}
.news-man{min-height: 550px;    height: auto!important;    height: 550px;    overflow: hidden;  padding: 10px 15px;}
.news-man img{    max-width: 800px;    height: auto;    width: auto\9;   }

.news-btn{height: auto; overflow: hidden; border-top: 1px solid #d50d15; padding: 10px 15px 0 15px;}

.ns-list{height: auto; overflow: hidden; padding:30px 0; width: 1260px;}
.ns-list li{width: 360px; overflow: hidden; float: left; margin-right: 60px;    background: #e7e7e7;    height: 420px;  }
.ns-list li a{display: block; width: 100%; height: auto; overflow: hidden;}
.ns-list li a span{display: block;width: 100%; height: 240px; background-repeat: no-repeat; background-position: center top; background-size: 110% auto;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.ns-list li a:hover span{background-size: 120% auto;}

.ns-nav{height: 155px; overflow: hidden; margin-bottom: 20px; }
.ns-nav a{display: block; height: auto; overflow: hidden;}
.ns-nav a dt{float: left;    width: 155px;    background-color: #e7d7d7;    height: 155px; text-align: center; padding-top: 30px;}
.ns-nav a dd{height: 155px; background: #f7f7f7; overflow: hidden; padding: 30px 30px;}
.ns-nav a dt h3{color: #fff;    font-size: 57px;    font-weight: normal;    font-family: victor3;    line-height: 57px;}
.ns-nav a dt p{    color: #ffffff;    font-family: victor3;    font-size: 18px;}
.ns-nav a:hover dt{background-color: #d50d15;}


.gylist{min-height: 550px;    height: auto!important;    height: 550px;    overflow: hidden;  padding: 40px 0 10px 0;}
.gylist li{width: 280px; height: 350px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 30px; border: 1px solid #ddd;}
.gylist li a{display: block; height: auto; overflow: hidden;}

.gylist li a span{display: block;width: 100%; height: 300px; background-repeat: no-repeat; background-position: center top; background-size: 100% auto;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.gylist li a p{ padding: 10px; text-align: center;}
.gylist li a:hover span{background-size: 110%}


.gylista{min-height: 550px;    height: auto!important;    height: 550px;    overflow: hidden;  padding: 40px 0 10px 0;}
.gylista li{width: 380px; height: 300px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 30px; border: 1px solid #ddd;}
.gylista li a{display: block; height: auto; overflow: hidden;}

.gylista li a span{display: block;width: 100%; height: 250px; background-repeat: no-repeat; background-position: center top; background-size: 100% auto;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.gylista li a p{ padding: 10px; text-align: center;}
.gylista li a:hover span{background-size: 110%}


.pro-men a{ display: inline-block; width: 185px;  text-align: center; margin: 15px 5px 0 5px; color: #888;border: 1px solid #ddd; line-height: 45px; height: 45px;background: #fff;}
.pro-men a.aon{ border: 1px solid #d50d15; font-weight: bolder; background: #d50d15; color: #fff;}


.prlist{min-height: 550px;    height: auto!important;    height: 550px;    overflow: hidden;  padding: 40px 0 10px 0;}
.prlist li{width: 280px; height: 378px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 30px; border: 1px solid #ddd;}
.prlist li a{display: block; height: auto; overflow: hidden;}

.prlist li a span{display: block;width: 100%; height: 300px; background-repeat: no-repeat; background-position: center top; background-size: 100% auto;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.prlist li a p{ padding: 10px; text-align: center;}
.prlist li a:hover span{background-size: 120%}
.prlist li a:hover p{ background: #d50d15; color: #fff;}

.pro-man{min-height: 550px;    height: auto!important;    height: 550px;    overflow: hidden;  padding: 10px 15px;}
.pro-man img{ display: block;max-width: 800px;    height: auto;    width: auto\9;    vertical-align: bottom;  margin: 0 auto;}

.ca-list{min-height: 550px;    height: auto!important;    height: 550px;    overflow: hidden;  padding: 40px 0 10px 0;}
.ca-list li{width: 380px; height: 300px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 30px; }
.ca-list li a{display: block; height: auto; overflow: hidden;}

.ca-list li a span{display: block;width: 100%; height: 250px; background-repeat: no-repeat; background-position: center top; background-size: 100% auto;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.ca-list li a p{ padding: 10px; text-align: center;}
.ca-list li a:hover span{background-size: 110%}
.ca-pj{height: auto; overflow: hidden; padding: 5px; background: #f7f7f7; }
.ca-pj dt{ font-weight: bolder; padding: 5px; text-align: center;}
.ca-pj dd{color: #666; font-size: 14px;  padding: 5px 0; }
.ca-list li a:hover dl{background:#d50d15; color: #fff; }
.ca-list li a:hover dl dt{ color: #fff; }
.ca-list li a:hover dl dd{ color: #fff; }


.pic-nav{height: 220px; overflow: hidden; margin-bottom: 10px; margin-top: 10px; }
.pic-nav a{display: block; height: auto; overflow: hidden;}
.pic-nav a dt{float: left;    width: 360px;       height: 220px;background-repeat: no-repeat; background-position: center top; background-size: 100% auto;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; }
.pic-nav a dd{height: 220px; background: #f7f7f7; overflow: hidden; padding: 30px 30px;}
.pic-nav a:hover dt{background-size: 110%}

.yg-list{height: auto; overflow: hidden; padding-top: 30px;}
.yg-list dl {width:560px; height: 372px; overflow: hidden; margin-right: 40px; margin-bottom: 20px; float: left; border: 1px solid #ddd;}
.yg-list dl dt{width: 260px; height: 372px; overflow: hidden; float: left;}
.yg-list dl dt img{width: 100%;}
.yg-list dl dd{margin-left: 300px;}

	.wap981{display: block;}
     .wap980 {display: none;}

@media screen and (max-width: 980px) {
	.wap980{display: block;}
     .wap981 {display: none;}
	
	
}
























