i{font-style:normal}
@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:iconfont;}
.rel{position: relative;}
.abs{position: absolute;}
.elp{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
a{transition:0.3s;}
a:hover{}
.container{padding:0;}
ul:after{clear:both;display:table;content:" ";}

.pt88{padding-top:88px;}

.yan_search{margin-top:26px;width:20%;background:#eee;position:relative;}
.yan_search input{border:0;width:100%;height:36px;line-height:36px;padding:0 35px 0 25px;display:block;background:#eee;font-size:12px;}
.yan_search i{color:#e7031a;display:block;position:absolute;right:14px;top:3px;font-size:20px;cursor:pointer;}

.yan_subnav{margin-top:75px;}
.yan_daohang{}
.yan_daohang a{color:#929292;margin-right:10px;display:inline-block;padding:6px 55px;border-radius:32px;text-transform:capitalize;}
.yan_daohang a:hover,.yan_daohang a.on{background:#cf0217;color:#fff;}

.yan_contact_way{margin-top:130px;}
.yan_contact_way p{margin:0;line-height:22px;}
.yan_contact_way p span{line-height:22px;display:inline-block;}

.yan_message{width:1000px;margin:127px auto 0;}
.yan_message h3{text-align:center;font-size:18px;color:#747474;}
.yan_message p{text-align:center;font-size:18px;color:#000;text-transform:uppercase;margin-top:5px;margin-bottom:0;}
.yan_message ul{width:49.6%;margin-top:52px;}
.yan_message ul li{width:100%;margin-bottom:23px;}
.yan_message ul li input{border:1px solid #cbcbcb;width:95.36%;padding:11px 15px;}
.yan_message ul li textarea{border:1px solid #cbcbcb;width:100%;height:245px;padding:11px 15px;}
.yan_message input.submit{width:214px;height:33px;line-height:33px;border:1px solid #dedede;background:none;margin:30px auto 129px;display:block;}

.yan_recuit_tit{}
.yan_recuit_tit h2{font-size:24px;color:#404040;margin-top:80px;}
.yan_recuit1-1{margin-top:25px;}
.yan_recuit1-1 p{margin-bottom:5px;color:#404040;}

.staff ul {width:1215px;margin-top:30px;}
.staff ul li {  width:390px;  margin: 0 15px 0 0;  height:261px;  float: left;  position: relative;}
.staff ul li .pic {  width: 100%;  position: absolute;  margin: 0 auto; text-align: center;}
.staff ul li .pic img { }
.staff ul li .pic .zzc {  width: 100%;  height: 100%;  background: url(../images/hzzcbg.png);  position: absolute;  bottom: 0;display: none;}
.staff ul li .pic .zzc span {  display: inline-block;  width: 36px;  height: 36px;  background: url(../images/honorbtn.png) no-repeat center;}
.staff ul li:hover .zzc {  display: block;}
.staff ul li:nth-child(3n) {  margin-right: 0;}
.staff .owl-theme .owl-controls{width:1200px;margin-top:25px;}
.staff .owl-theme .owl-controls .owl-page span{margin:0 5px;width:7px;height:7px;opacity:1;background:#959595;border:0;}
.staff .owl-theme .owl-controls .owl-page.active span,.staff .owl-theme .owl-controls.clickable .owl-page:hover span{background:#e60012;border:0;}

.yan_sh{padding-top:85px;margin-bottom:70px;}
.yan_sh ul:after{clear:both;display:table;content:" ";}
.yan_sh ul li{float:left;width:20%;text-align:center;font-size:12px;color:#6d6d6d;cursor:pointer;}
.yan_sh ul li div.img{display:block;position:relative;width:88px;height:89px;margin:0 auto 22px;}
.yan_sh ul li div.img img{display:block;}
.yan_sh ul li div.img img.img1{position:relative;}
.yan_sh ul li div.img img.img2{position:absolute;left:0;top:0;opacity:0;transition:0.3s;}
.yan_sh ul li:hover p span,.yan_sh ul li:hover p {color:#cf0217!important;}
.yan_sh ul li:hover div.img img.img2{opacity:1;}

.yan_about1-1{margin-top:75px;}
.yan_about1-1 h2{font-size:18px;color:#6b6b6b;margin-bottom:10px;}
.yan_about1-1 span{line-height:20px;color:#1f1f1f;font-size:25px;font-weight:bold;text-transform:uppercase;display:block;float:left;}
.yan_about1-1 img{float:left;margin-left:10px;}
.yan_about1-2{margin-top:75px;}
.yan_about1-2 p{margin-bottom:0;line-height:2em;}

.about_dh{margin-top:105px;}
.about_dh ul{}
.about_dh ul li{position:relative;width:370px;height:94px;margin-right:45px;}
.about_dh ul li a{display:block;background:#eee;padding:25px 0 25px 140px;height:94px;font-weight:bold;}
.about_dh ul li span.span1{display:block;position:absolute;left:70px;top:0;font-size:48px;color:#bebebe;font-family:'arial';line-height:94px;transition:0.3s;}
.about_dh ul li span.span2{display:block;font-size:16px;color:#c1c1c1;font-family:'arial';line-height:1em;text-transform:uppercase;margin-bottom:5px;transition:0.3s;}
.about_dh ul li h4{font-size:18px;color:#3a3a3a;font-weight:bold;transition:0.3s;}
.about_dh ul li:last-child{margin-right:0;}
.about_dh ul li a:hover,.about_dh ul li a.on{background:#c50014;}
.about_dh ul li a:hover span.span1,.about_dh ul li a.on span.span1{color:#850714;}
.about_dh ul li a:hover span.span2,.about_dh ul li a.on span.span2{color:#d66e74;}
.about_dh ul li a:hover h4,.about_dh ul li a.on h4{color:#fff;}

.ab_company{width:67.5%;margin-top:80px;}
.ab_company p{font-size:14px;color:#6b6b6b;margin-bottom:0;line-height:1.8em;}
.ab_four{margin-top:110px;}
.ab_four ul{}
.ab_four ul li{font-size:14px;color:#b0b0b0;}
.ab_four ul li span{color:#323232;font-size:36px;margin-left:12px;font-family:'arial';font-weight:bold;}
.ab_four ul li em{color:#323232;}

.companypic {overflow:hidden;}
.companypic ul {width:1228px;margin-top:80px;}
.companypic ul li {  width:382px;  margin: 0 28px 0 0;  height:254px;  float: left;  position: relative;}
.companypic ul li .pic {  width: 100%;  position: absolute;  margin: 0 auto; text-align: center;}
.companypic ul li .pic img { }
.companypic ul li .pic .zzc {  width: 100%;  height: 100%;  background: url(../images/hzzcbg.png);  position: absolute;  bottom: 0;display: none;}
.companypic ul li .pic .zzc span {  display: inline-block;  width: 36px;  height: 36px;  background: url(../images/honorbtn.png) no-repeat center;}
.companypic ul li:hover .zzc {  display: block;}
.companypic ul li:nth-child(3n) {  margin-right: 0;}
.companypic .owl-theme .owl-controls{width:1200px;margin-top:25px;}
.companypic .owl-theme .owl-controls .owl-page span{margin:0 5px;width:7px;height:7px;opacity:1;background:#959595;border:0;}
.companypic .owl-theme .owl-controls .owl-page.active span,.companypic .owl-theme .owl-controls.clickable .owl-page:hover span{background:#e60012;border:0;}


.yan_tit{text-align:center;}
.yan_tit h3{font-size:18px;color:#fffefe;}
.yan_tit p{margin-bottom:0;font-size:24px;color:#747474;text-transform:uppercase;margin-top: 5px;}
.ab_ld{width:58.33%;margin-top:74px;}
.ab_ld p{margin-bottom:0;font-size:14px;color:#c9c9c9;line-height:2em;}
.ab_ldpic{width:455px;height:303px;margin-top:60px;}

.yan_honor {overflow:hidden;margin-bottom:120px;}
.yan_honor ul {width:1228px;margin-top:35px;}
.yan_honor ul li {  width:277px;  margin: 0 28px 0 0;  height:208px;  float: left;  position: relative;}
.yan_honor ul li .pic {  width: 100%;  position: absolute;  margin: 0 auto; text-align: center;}
.yan_honor ul li .pic img { }
.yan_honor ul li .pic .zzc {  width: 100%;  height: 100%;  background: url(../images/hzzcbg.png);  position: absolute;  bottom: 0;display: none;}
.yan_honor ul li .pic .zzc span {  display: inline-block;  width: 36px;  height: 36px;  background: url(../images/honorbtn.png) no-repeat center;}
.yan_honor ul li:hover .zzc {  display: block;}
.yan_honor ul li:nth-child(3n) {  margin-right: 0;}
.yan_honor .owl-theme .owl-controls{width:1200px;margin-top:25px;}
.yan_honor .owl-theme .owl-controls .owl-page span{margin:0 5px;width:7px;height:7px;opacity:1;background:#959595;border:0;}
.yan_honor .owl-theme .owl-controls .owl-page.active span,.yan_honor .owl-theme .owl-controls.clickable .owl-page:hover span{background:#e60012;border:0;}

.yanProList{}
.yanProList h2{font-size:20px;color:#010101;}
.yanProList h3{font-size:14px;color:#c9c9c9;text-transform:uppercase;margin-top:5px;font-weight:bold;}
.yanPro{margin-top:20px;height:289px;padding-left:289px;}
.yanPro .yanProimg{position:absolute;width:289px;height:289px;background:#898989;left:0;top:0;}
.yanPro .yanProimg img{width:100%;height:100%;}
.yanPro ul{width:912px;}
.yanPro ul li{float: right;width:95%;text-align:center;position: relative;height:289px;}
.yanPro ul li .pic{width:90%;margin:0 auto;}
.yanPro ul li .pic:after{padding-bottom:100%;}
.yanPro ul li .pic img{width:100%;}
.yanPro ul li a{display:block;border:1px solid #eee;height:289px;}
.yanPro ul li h4{position:absolute;width:100%;left:0;bottom:25px;font-size:13px;color:#494949;}
.yanPro ul li a:hover{border-color:#fff;box-shadow:0px 0px 20px #efefef;}
.yanPro .owl-theme .owl-controls{width:auto;margin-top:0;position:absolute;top:-48px;right:0;}
.yanPro .owl-theme .owl-controls .owl-pagination{position:absolute;right:57px;top:0;}
.yanPro .owl-theme .owl-controls .owl-page span{display:none;border-radius:0;padding:0;background:none;color:#686868;font-size:14px;border:0;margin:0;line-height:25px;}
.yanPro .owl-theme .owl-controls .owl-page.active span,.yanPro .owl-theme .owl-controls.clickable .owl-page:hover span{display:block;border:0;}
.yanPro .owl-theme .owl-controls .owl-buttons div{padding:0;width:23px;height:23px;border-radius:0;border:1px solid #e7031a;line-height:20px;opacity:1;background:none;color:#e7031a;transition:0.3s;margin:0;margin-left:63px;}
.yanPro .owl-theme .owl-controls .owl-buttons div:hover{color:#fff;background:#e7031a;border-color:#e7031a;}

.yanpage{position:absolute;right:41px;top:-46px;font-size:14px;color:#686868;}

.pro_sub{background:#cf0217;padding:65px 0;color:#e1e1e1;}
.pro_sub a{color:#e1e1e1;}
.pro_sub h2{color:#fff;font-size:18px;}
.pro_sub h2 a{margin-left:70px;color:#fff;}

/*焦点图*/
.mod18{width:743px; margin:80px auto 0;position:relative;}
.mod18 .btn{position:absolute;width:22px;height:52px;bottom:25px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:95px;background:url(../images/l1.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:213px;width:46px;height:48px;display:none;}
/*.mod18 #prevTop{background:url(images/prevBtnTop.png) 0 0 no-repeat;}*/
/*.mod18 #nextTop{background:url(images/nextBtnTop.png) 0 0 no-repeat;}*/
.mod18 .next{right:95px;background:url(../images/r1.png) no-repeat;}
.mod18 .prev:hover{background:url(../images/l1-1.png) no-repeat;}
.mod18 .next:hover{background:url(../images/r2-1.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:743px;height:530px;position:absolute;color:#fff;}
.mod18 .picBox{height:530px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:530px;position:absolute;}
.mod18 .picBox li{width:743px;height:530px;}

.mod18 .listBox{width:474px;height:93px;margin:0 auto;position:relative;overflow:hidden;}
.mod18 .listBox ul{height:93px;position:absolute;}
.mod18 .listBox li{width:120px;height:93px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}

.mod18 .listBox li a{display:block;width:110px;}
.mod18 .listBox li img{border:1px solid #d2d2d2;width:95%;padding:10px 0;}
.mod18 .listBox .on img{border:1px solid #d00015;}
.mod18 .listBox .on i{display:block;}