@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
img{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ol,ul,li{list-style-type:none;text-justify:inter-ideograph;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1; }
html{overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#333;font-size:14px;line-height:24px;font-family:"Microsoft YaHei","SimSun", Arial, Helvetica, sans-serif;padding-top:90px;}
a{color:#333;text-decoration:none;outline:none;transition:all ease 0.3s;}
a:hover{color:#db2d22;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.w1340{width:1340px;margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.center{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}


/* 头部  */
.header{height:65px;padding-top:25px;position:fixed;z-index:10;top:0;left:0;width:100%;background:#fff;box-shadow:0 2px 8px #ddd;}
.header .w1340{position:relative;}
.lang_box{float: right;width: 50px;height: 20px;position:absolute;top:3px;right:0px;}
.lang_box .lang_list { width: 100%; position: absolute; top: 30px; left: 0px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); transition: all 220ms linear; }
.lang_box:hover .lang_list { top: 25px; visibility: visible; opacity: 1; filter: alpha(opacity=100); }
.nav{height:65px;max-width:920px;font-size:18px;line-height:35px;padding-right:300px;}
.nav li{float:left;margin-left:30px;}
.nav li a{color:#000;position: relative;display:inline-block;height:80px;}
.nav li .cur,.nav li a:hover{color:#db2d22;}
.nav li.has_sub {
  position: relative;
}
.nav li.has_sub ul {
  position: absolute;
  left: 0;
  top: 65PX;
  width: 450px;
  background: #db2d22;
  display: none;
}
.nav li.has_sub:hover ul{
  display: block;
}
.nav li.has_sub ul li {
  margin-left: 0;
  float: none;
  height: 35px;
  line-height: 20px;
  padding-left: 20px;
  color: #fff;
  font-size:14px;
  line-height: 35px;
}
.nav li.has_sub ul li a {
  color: #fff;
}
.nav li.has_sub ul li:hover a{
  transform: translateX(10px);
}
.headR{width:260px;padding-top:8px;position:absolute;right:60px;text-align:right;}
.headR a{position: relative;display:inline-block;}
.headR .sIcon{width:18px;height:20px;background: url('../images/topIcon.png') no-repeat;}
.headR .tel{margin-left:15px;font-size:22px;font-family:Arial;color:#f00;border-left: 1px dotted #555;padding-left:15px;top:-3px}
.headR .tel i{float:left;width:18px;height:20px;background: url('../images/topIcon.png') no-repeat -18px center;margin-right:5px;}

.search{position: absolute;padding:20px;background:url('../css/opc2.png'); background: rgba(0,0,0,.5);left:0;top:90px;display:none;width:100%;padding-top:0;}
.search form{width:700px;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;padding:0 50px 0 15px;}
.search .txt{width:100%;height:50px; line-height:40px;color:#666;float:left;}
.search .btn{float:left;width:50px;height:50px; cursor:pointer;transition:all 0.3s;background:#333 url('../images/sIcon.png') no-repeat center;border-left:1px solid #666;margin-right:-50px;}
.search .btn:hover{background-color:#db2d22;}

/*  广告轮播图 */
.banner{margin: 0 auto;position:relative;overflow:hidden;height:565px;}
.banner .bd{/* z-index:0; */position:relative;l;/* left:50%; */*margin-left:-960px; */}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:40px;height:40px; background: url('../images/ctrl.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -40px 0px;}
.banner_ctr a:hover{opacity:1;filter:alpha(opacity=100);}
.banner .hd{position:absolute;bottom: 122px;text-align: center;z-index:5;left:50%;font-size: 0;line-height: 0;height: 0px;margin-left:-30px;height:14px;}
.banner .hd li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all 0.3s;}
.banner .hd li:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%;}
.banner .hd li:hover,.banner .hd .on{border:2px solid #db2d22;transform:scale(1.1);}
.banner .hd .on:after{background:#db2d22;}


/*  产品中心 */
.hTitle{text-align:center;color:#191919;margin-bottom:35px;font-size:44px;line-height:44px;}
.hTitle span{font-size:14px;display:block;opacity:.8;}
.product{padding:60px 0;overflow:hidden;padding-top: 0;}
.product_cont {
  width: 100%;
  display: flex;
}
.proL{-webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  line-height:28px;
  background:#db2d22;
  height: 100%;
  padding:10px;
  border-radius:5px;
}
#focus li {
	max-width:100%;
}

#focus img {
	max-width:100%;
}
#focus ul {
	max-width:100%;
	max-height: 100%;
}
  .proL .title{font-size:30px;color:#fff;position:relative;font-weight:bold;padding:15px 0;margin-bottom:15px;line-height:32px;background:#db2d22;}
  .proL .title::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:15px;background: #ffffff;;}
  .proL .side{padding:25px;background:#fff;}
  .proL .m{font-size:16px;color:#de2522;position:relative;font-weight:bold;padding-bottom:12px;display:inline-block;}
  .proL .m::after{content:"";position:absolute;left:0;bottom:0;width:15px;height:1px;background:#de2522;transition:all .3s;}
  .proL li ul{padding:12px 0;}
  .proL li ul .cur a{color:#db2d22;}
  .proL .m:hover::after,.proL .cur::after{width:100%;}

.proR{    -webkit-box-flex: 0;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;}
.proSlide {
  margin: 0 10px;
}
.proSlide ul {width:100%; display: flex;flex-wrap: wrap;}
.proSlide li{
  margin: 0 10px;
  width: calc(25% - 25px);
  margin-bottom: 20px;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.proSlide li a {
  display: block;
  width: 100%;
  display: block;
  background-color: #FFFFFF;
  box-sizing: border-box;
  position: relative;
}
.proSlide li .pImg{display:block;}
.proSlide li img,.proSlide li .pImg{width:100%;height:auto;transition:all .5s;}
.proSlide li .pImg {
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  padding-bottom: 40px;
  box-sizing: border-box;
}

.proSlide li p{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  padding: 16px 10px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.proSlide li:hover {
  -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem);
    -webkit-box-shadow: 0.1rem 0.08rem 0.6rem rgb(0 0 0 / 7%);
    box-shadow: 0.1rem 0.08rem 0.6rem rgb(0 0 0 / 7%);
}
.proSlide li:hover p {
  background-color: #db2d22;
}
/* 优势 */
.adv{position:relative;font-size:15px;}
.advMenu{height:90px;overflow: hidden;}
.advMenu li{float:left;width:335px;height:40px;color:#fff;line-height:40px;overflow: hidden;font-size:20px;cursor:pointer;z-index:1;position:relative;background:#939393;padding:25px 0;}
.advMenu li:nth-child(2){background:#707070;}
.advMenu li:nth-child(3){background:#606060;}
.advMenu li:nth-child(4){background:#545454;}

.advMenu li i{float:left;width: 40px;font-style:normal;text-align:center;border-right:1px solid #0d81eb;border-right: 1px solid rgba(255, 255, 255,.2);font-size:22px;font-family:Arial;font-weight:bold;margin-right:25px;}
.advMenu li::after{content:"";position:absolute;background:#db2d22;left:0;top:0;width:0;height:100%;z-index:-1;transition:all .5s;}
.advMenu li.on::after{width:100%;}

.advMain{background-image: url('../images/odds_bg.jpg');background-repeat: no-repeat;background-size:cover;background-attachment:fixed; padding:60px 0;}
.advMain,.advMain li{height:420px;overflow:hidden;}
.advMain li .pImg,.advMain li .pImg img{width:660px;height:420px;transition:all .5s;overflow:hidden;}
.advMain li .txt{width:620px;overflow: hidden;padding-top:15px;}
.advMain li h4{font-size:28px;line-height:30px;margin-bottom:25px;padding-bottom:20px;position:relative;color:#333;}
.advMain li h4::after{content:"";position: absolute;left:0;bottom:0;width:20px;height:1px;background:#007df1;}
.advMain li p{background: url('../images/ly_li.png') no-repeat left 8px;padding-left:15px;margin-bottom:20px;color:#333;}
.advMain li .zxBtn{width:160px;height:40px;text-align:center;border:1px solid #333;display: inline-block;line-height:40px;color:#fff;margin-top:25px;background:#333;}
.advMain li .zxBtn i{width:18px;height:18px;background: url('../images/zxIcon.png') no-repeat;display:inline-block;margin-right:15px;position:relative;top:3px;}
.advMain li .zxBtn:hover{background:#db2e23;width:200px;border:1px solid #b40c01;}


/* 应用案例 */
.case{padding:60px 0;overflow:hidden;}
.case ul{width:1360px;}
.case li{float:left;width:330px;height:280px;overflow:hidden;margin-bottom:6px;margin-right:6px;position:relative;}
.case li img{width:350px;height:280px;transition:all .5s;}
.case li p{width:100%;position:absolute;left:0;bottom:0;width:90%;padding:0 5%;color:#fff;text-align:center;background: url('../images/opc2.png');height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .5s;}
.case li.big,.case li.big img{width:640px;height:566px;}
.case li:hover img{transform: scale(1.1);}
.case li:hover p{height:280px;line-height:280px;}
.case li.big:hover p{height:566px;line-height:566px;}

/*  关于我们 */
.about{background:#f4f4f4;overflow:hidden;}
.aboutFont{width:620px;overflow:hidden;}
.aboutFont .title{font-size:44px;color:#111;line-height:44px;padding-top:40px;}
.aboutFont .title span{font-size:18px;display:block;color:#db2d22;}
.aboutFont .txt{padding-bottom:40px;}

.strength{overflow:hidden;width:600px;}
.strength li{float:left;width:140px;font-size:14px;}
.strength li:first-child{width:150px;}
.strength li strong{font-size:40px;font-family:Arial;line-height:42px;color:#db2d22;font-weight:normal;}
.aboutR{width:680px;}
.aboutR img{width:960px;height:590px;margin-right:-280px;transition:all .4s;}

/* 新闻 */
.news{padding:60px 0;overflow:hidden;}
.newsTop {margin-bottom:35px;overflow:hidden;}
.news .hTitle{text-align:left;margin-bottom:0;}
.newsTop .menu{font-size:20px;padding-top:10px;}
.newsTop .menu a{color:#333;margin-left:60px;}
.newsTop .menu .on{color:#db2d22;}
.newsMain{height:395px;overflow: hidden;font-size:12px;}
.newsBox{height:395px;overflow: hidden;position:relative;}
.newsMain ul{width:1380px;}
.newsMain li{float: left;width:305px;margin-right:40px;border-bottom: 1px solid #d7d7d7;padding-bottom:15px;position:relative;}
.newsMain li .pImg{width:305px;height:215px;display:block;overflow: hidden;}
.newsMain li::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:#db2d22;transition:all .4s;}
.newsMain li img{width:305px;height:215px;transition:all .5s;}
.newsMain li h4{font-size:16px;margin-top:20;margin:15px 0 10px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;overflow:hidden;}
.newsMain li h4 a{color:#333;}
.newsMain li h4 a:hover{color:#db2d22;}
.newsMain li .date{margin-top:15px;color:#999;display:inline-block;background: url('../images/nIcon.png') no-repeat right center;padding-right:20px;}
.newsMain li:hover img{transform: scale(1.1);}
.newsMain li:hover::after{width:100%;}

/* 底部 */
.footer{font-size:12px;background:#1f1f1f;color:#999;}
.footMain{padding:40px 0;overflow:hidden;}
.footMenu{width:800px;overflow:hidden;}
.footMenu ul{float:left;width:150px;}
.footMenu li h3{font-size:16px;color:#fff;height:35px;}
.footMenu .footMenu1{width:210px;}
.footer a{color:#999;}
.footer a:hover{color:#fff;}
.footer .tel{width:200px;}
.footer .tel li{margin-bottom:20px;}
.footer .tel li:first-child{margin-bottom:0;}
.footer .tel span{display:block;color:#fff;font-size:22px;font-family:Arial;}
.footer .tel .blue span{color:#db2d22;font-size:26px;}
.footContact{width:300px;padding:0 30px;border-left: 1px dotted #4c4c4c;border-right: 1px dotted #4c4c4c;min-height:190px;}
.footIocn{margin-top:25px;}
.footIocn a{float:left;margin-right:20px;width:29px;height:29px;background: url('../images/footIcon.png') no-repeat;position:relative;z-index:2;}
.footIocn a span{position:absolute;background:#fff;padding:5px;top:35px;left:100px;top:-20px;display:none;}
.footIocn .wb{background-position: -29px 0;}
.footIocn .wx:hover span {
  display: inline-block;
}
.footWx{width:120px;text-align:center;}
.footWx span{display:block;text-align:center;margin-top:5px;}
.firendLink{border-top: 1px solid #363636;padding:20px 0;}
.firendLink span{color:#fff;font-size:14px;}
.firendLink a{margin:0 10px;}

/* 内页公用 */
.listBanner{width: 100%;position: relative;left: 0;margin-left: 0;height:auto;overflow:hidden;}
.listBanner img {
	width:100%;
	height: auto;
}
.listWrapper{padding:60px 0;overflow:hidden;}
.breadCrumb{height:40px;margin-top:40px;background:url('../images/home_icon.png') no-repeat left 4px; padding-left:25px;font-size:14px;width:1315px;}
.breadCrumb .back{float:right;height:28px;line-height:28px;text-align:center;border-radius:5px;margin-top:20px;background: url('../images/back.png') no-repeat left center;padding-left:20px;}
.partnerList,.honorList,.case_list,.newsList,.videoList,div.searList,.newsList2{ width:1340px;overflow: hidden;}
.honorList ul,.case_list ul,.videoList ul,div.searList ul,.proList ul,.newsList2 ul{ width:1390px;}
.proSear{margin-bottom:50px;}
.proSear .searSelect span:after{top:20px;}
.proSear .searSelect ul{top: 40px;}
.proSear form{width:825px;margin:0 auto;margin-top:15px;background:#fff;height:40px;line-height:40px;}
.proSear .searSelect{border:1px solid #ccc;border-right:none;}
.proSear .txt{width:688px;float:left;height:40px; line-height:40px;color:#666;padding:0 10px;border:1px solid #ccc;}
.proSear .btn{float:left;width:50px;height:42px; cursor:pointer;transition:all 0.3s;background:#db2d22 url('../images/sIcon.png') no-repeat center;}
.proSear .btn:hover{opacity:.8;}

/* 内页公用菜单 */
.listMenu{text-align: center;font-size:20px;margin-top:20px;}
.listMenu a{display:inline-block;width:12.5%;height:60px;line-height: 60px;border: 1px solid #ccc;color: #333;margin-bottom:10px;margin-left:-1px;}
.listMenu a.cur,.listMenu a:hover{border:1px solid #b40b00;background: #db2d22;color: #fff;} 


/*  产品列表 */
.proList{width:1030px;}
.proList ul{width:1080px;}
.proList li{border: 1px solid #d6d6d6;text-align: center;width: 320px;float: left;transition: all 0.3s;position: relative;margin: 0 30px 30px 0;}
.proList li .pImg{display: block; width: 320px;height: 360px;overflow: hidden;}
.proList li img{width: 320px;height: 360px;transition: all 0.5s;}
.proList li h4{font-size: 14px;padding: 0 10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top: 10px;padding-bottom: 25px;font-weight: normal;}
.proList li i{display: block;width: 14px;height: 14px;line-height: 14px;border-radius: 100%;border: 1px solid #a8a8a8;color: #a8a8a8;margin: 0 auto;font-style: normal;font-family: "宋体";margin-top: 10px;transition: all 0.3s;}
.proList li:hover img{transform: scale(1.1);}
.proList li:hover i{background: #db2d22;color: #fff;border: 1px solid #db2d22;}
.proList li:hover {box-shadow: 0 0 10px #ddd;z-index: 2;}
.searList{width:1340px;}
.searList ul{width:1380px;}
.searList li{margin-right:17px;}

/* 产品详情放大镜 */
.proShowBox1{height:auto;border:1px solid #d8d8d8;overflow:hidden;margin-bottom:50px;}
.proShow_pic{width:600px;border-right:1px solid #d8d8d8;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width: 100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.jqzoom img {margin-top: 50px;
  height: auto;width: 100%;
}
.spec-preview{width:100%;height:auto;display: table-cell;vertical-align: middle;}
/* .spec-scroll{width:100px;height:495px;overflow:hidden;position:relative;padding:60px 0;}
.spec-scroll .items{height:495px;overflow:hidden;position: relative;}
.spec-scroll .items ul{position:absolute;width:100px;height:650px;}
.spec-scroll .items li{width:98px;height:125px;position:relative;z-index:2;}
.spec-scroll .items li img{width:98px;height:110px;cursor:pointer;border:1px solid #ddd;}
.spec-scroll .items .on img{border-color: #db2d22;}
.spec-scroll .btn{position:absolute;left:0;top:0;width:100px;color:#fff;background:#666;height:30px;text-align:center;line-height:30px;font-family:"宋体";font-size:12px;font-weight:bold;z-index:3;cursor:pointer;}
.spec-scroll .next{top:auto;bottom:0;}
.spec-scroll .btn:hover{background:#333;;} */


/* 产品详情简介 */
.proShow_font{width:630px;padding:40px 50px 0 47px;height:580px;position:relative;}
.proShow_font:after{content:"";position:absolute;left:0;top:320px;height:1px;background:#d8d8d8;width:100%;}
.proShow_font .title{font-size:18px; color:#333;margin-bottom:25px;font-weight:normal;line-height:40px;}
.proShow_font .txt{height:220px;margin-bottom:50px;}
.proShow_font .left{width:270px;}
.proShow_font .left p{margin-bottom:35px;background: url('../images/show_icon1.png') no-repeat left 3px;padding-left:25px;}
.proShow_font .left p span{font-size:28px;color:#db2d22;font-family:Arial;font-weight:bold;line-height:30px;display:block;margin-left:-25px;}
.proShow_font .left .zx{display:block;height:60px;line-height:60px;background:#db2d22;color:#fff;text-align:center;font-size:18px;border-radius:5px;}
.proShow_font .left .zx:hover{background:#b40b00;}
.proShow_font .right{width:230px;}
.proShow_font .right p{background: url('../images/show_icon2.png') no-repeat left center;padding-left:25px;}
.proShow_font .right .p2{background: url('../images/show_icon3.png') no-repeat left center;margin-bottom:35px;}
.bshare-custom span{display:block;margin-bottom:10px;}

/* 产品说明标签切换样式 */
.gr-tab-list{overflow:hidden; margin-top:30px; margin-bottom:20px;}
.gr-tab-list .hd{height:34px;line-height:34px;border-bottom:1px solid #dadada}
.gr-tab-list .hd li{padding:0 30px;float:left;text-align:center;background:#dadada;margin-right:5px;cursor:pointer;}
.gr-tab-list .hd li.on{background:#db2d22;color:#fff;}
.gr-tab-list .bd{overflow:hidden;padding-top:15px;}
.gr-tab-list table {
  width: 100%;
}
.gr-tab-list iframe {
  width: 800px;
  max-width: 100%;
  height: 400px;
}
.gr-tab-list table td{padding-left: 15px;}

/* 相关产品样式 */
.related-product {overflow:hidden;}
.related-product ul{width:1380px;margin-top:20px;}
.related-product .title,.relatedTitle{background:#e1e1e1;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#db2d22;width:120px;height:45px;text-align:center;font-size:14px;}
.related-product li{float:left;width:320px;margin-bottom:20px;margin-right:17px;border:1px solid #ddd;background:#eee;text-align:center;}
.related-product li a{display:block;width:320px;}
.related-product li img{width:310px;height:350px;padding:5px;background:#fff;}
.related-product li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.related-product li:hover{border:1px solid #db2d22;}
.related-product li a:hover{background:#db2d22;color:#fff;}

/* 关于我们 */
.aboutBox1{margin-top:60px;background:none}

.aboutBox2{overflow:hidden;padding:60px 0;}
.aboutBox2 ul{width:1380px;}
.aboutBox2  li{float:left;width:420px;background:#f5f5f5;margin-right:40px;transition:all .3s;}
.aboutBox2  li .pImg{display:block;width:420px;height:280px;overflow:hidden;position:relative;}
.aboutBox2  li img{width:420px;height:280px;transition:all .5s;}
.aboutBox2  li .pImg span{width:200px;height:50px;line-height:50px;font-size:20px;color:#fff;font-weight:normal;background:#db2d22;left:50%;bottom:0;margin-left:-100px;position:absolute;text-align:center;}
.aboutBox2 li .txt{padding:30px 35px;overflow:hidden;text-align:center;}
.aboutBox2 li .txt h4{font-size:16px;color:#333;font-weight:normal;margin-bottom:10px;}
.aboutBox2 li .txt p{height:60px;margin-bottom:10px;}
.aboutBox2 li .txt a{display:inline-block;width:120px;height:30px;line-height:30px;text-align:center;background:#db2d22;color:#fff;border-radius:15px;}
.aboutBox2 li .txt a:hover{width:160px;}
.aboutBox2 li:hover img{transform:scale(1.1);}
.aboutBox2 li:hover{box-shadow:0 0 10px #ccc;}

.honor{background:#f5f5f5;padding:60px 0;overflow:hidden;}
.honorSlide{position: relative;height:330px;}
.honorSlide .ohbox{height:330px;overflow: hidden;}
.honorSlide ul{width:1380px;}
.honorSlide li{float:left;width:250px;margin-right:22px;}
.honorSlide li .pImg{width:250px;height:330px;overflow:hidden;display:block;background:#db2d22;}
.honorSlide li img{width:250px;height:330px;transition:all 0.5s;}
.honorSlide li p{text-align:center;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.honorSlide li img:hover{transform:scale(.92);}
.honorSlide .pageBtn span{position:absolute;cursor:pointer;left:-60px;top:160px;width:45px;height:45px;border-radius:100%;background:#666;color:#fff;font-size:20px;font-family:"宋体";font-weight:bold;text-align:center;line-height:45px;}
.honorSlide .pageBtn .next{left:auto;right:-60px;}
.honorSlide .pageBtn span:hover{background:#db2d22;}
.hdIcon{ text-align: center; z-index:5;left:50%;font-size: 0; line-height: 0;height: 0px; height:14px;margin-top:30px;}
.hdIcon ul{text-align:center;}
.hdIcon li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1;border-radius:100%;border:2px solid #ccc;position:relative;transition:all 0.3s;}
.hdIcon li:after{content:"";position:absolute;width:6px;height:6px;background:#ccc;top:2px;left:2px;border-radius:100%;}
.hdIcon .on{border:2px solid #db2d22;transform:scale(1.1);}
.hdIcon .on:after{background:#db2d22;}

.setting{padding:60px 0;overflow:hidden;}
.settingL{width:670px;height:465px;overflow:hidden;position:relative;}
.settingL .bd li{width:670px;height:465px;overflow:hidden;position:relative;transition:all 0.3s;}
.settingL img{width:670px;height:465px;transition:all 0.5s;}
.settingL h4{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:20px 20% 20px 5%;position:absolute;background: url('../images/opc2.png');bottom:0;left:0;width:75%;color:#fff;}
.settingL:hover img,.settingR li:hover img{transform:scale(1.1);}
.settingL .hdIcon{position:absolute; bottom:20px; z-index:5;right:15px;font-size: 0; line-height:0;height:0px; margin-left:-50px;height:14px;overflow:hidden;left:auto;}
.settingR{width:670px;overflow:vhidden;}
.settingR li{float:left;width:326px;height:230px;overflow:hidden;margin-bottom:5px;margin-left:5px;}
.settingR li img{width:326px;height:230px;transition:all .5s;}
.settingR li p{position:relative;padding:0;height:40px;line-height:40px;text-align:center;color:#fff;background: url('../images/opc2.png');transition:all .3s;z-index:2;}
.settingR li:hover p{margin-top:-40px;}

.jobBox{background:#f5f5f5;padding:60px 0;overflow:hidden;}
.jobSlide{height:305px;overflow:hidden;}
.jobBox .pic{width:680px;height:450px;overflow:hidden;}
.jobBox .hTitle{text-align:left;}
.jobBox .hTitle span{line-height:24px;margin-top:15px;}
.jobBox .hTitle b{color:#db2d22;font-weight:bold;}
.jobBox .main{width:620px;}
.jobBox .main .aTie{text-align:left;margin-bottom:20px;}
.jobBox .main li{height:60px;line-height:60px;border-bottom:1px solid #cbccce;}
.jobBox .main li span{float:left;width:140px;}
.jobBox .main li span:nth-child(1){width:195px;padding-left:5px;}
.jobBox .main li a{display:block;overflow:hidden;}
.jobBox .main li a:hover{background:#fff;color:#333;}

/* 招聘列表 */
.jobList li{border-bottom:1px dashed #dbdbdb;margin-bottom:20px;}
.jobList h4{font-size:28px;font-weight:normal;background: url('../images/gicon19.png') no-repeat right center;padding-right:20px;padding-bottom:20px;line-height:32px;}
.jobList h4 span{display:block;font-size:16px;margin-top:8px;}
.jobList h4 span i{display:inline-block;font-style:normal;background: url('../images/job_icon.png') no-repeat left -35px;padding-left:30px;margin-right:15px;}
.jobList h4 span .num{background-position: 0 0;}
.jobList .font{background:#f2f2f2;padding:25px;display:none;}
.jobList .font .tie{color:#555;margin-bottom:10px;display:block;}
.jobList .font h5{margin-top:15px;font-size:16px;}
.jobList h4.on{color:#333;background: url('../images/gicon18.png') no-repeat right center;}
.jobBan img{position:relative;left:50%;margin-left:-960px;}


/* 荣誉资质列表 */
.honorList ul li{width:280px;float:left;margin-right:32px;margin-bottom:25px;text-align:center;padding:15px 15px 0 15px;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}
.honorList ul li .pImg{display:block;width:270px;height:355px;padding:4px;border:1px solid #e3e3e3;background:#fff;display: table-cell;vertical-align: middle;}
.honorList ul li img{width:270px;vertical-align: middle;height:355px;}
.honorList ul li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}
.honorList ul li:hover::before{width:100%;background:#db2d22;transition:all 0.5s;}
.honorList ul li p{height:35px;line-height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}
.lb-data .lb-caption{color:#fff;}
.honorList ul li:hover{background:#eee;box-shadow:0 0 10px #ccc;}

/* 公司坏境 */
.case_list {
  display: flex;
  flex-wrap: wrap;
}
.case_list li{margin: 0 20px 30px 0;position: relative;border-bottom: 1px solid #d9d9d9; width: calc(25% - 20px);}
.case_list li .pImg{display: block;width: 100%;;overflow: hidden;}
.case_list li img{width: 100%;height: auto;transition: all .5s;}
.case_list li p{height: 60px;line-height: 60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.case_list li:hover img{transform: scale(1.1);}
.case_list li::after{content: "";position: absolute;left:0;bottom: -1px;width: 100%;height: 1px;background:#db2d22; transition: transform 0.3s;transform-origin: right;transform: scale(0.1);}
.case_list li:hover::after{transform: scale(1); transform-origin: left;}

/* 常见问题 */
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#db2d22;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:0 60px 0 25px; background-color:#f1f1f1; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;border:1px solid #e1e1e1;}
.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}


/* 案例 */
.caseShow .title{text-align:center;font-size:24px;color:#000;margin-bottom:10px;font-weight:normal;}
.caseShow .p1{margin-bottom:25px;text-align:center;color:#666;border-bottom:1px dotted #ccc;padding-bottom:10px}
.caseShow .p1 span{margin-right:15px;}
.caseShow_font1{margin-bottom:30px;overflow:hidden;}

/* 新闻中心 */
.newsLit_top{height:425px;overflow:hidden;margin-bottom:40px;}
.newsLit_top .nImg{float:left;width:600px;height:425px;overflow:hidden;}
.newsLit_top .nImg img{width:600px;height:425px;transition:all .8s;}
.newsLit_top .txt{border:1px solid #eaeaea;padding:49px 69px;border:1px solid #eaeaea;float:right;width:600px;height:325px}
.newsLit_top .txt h4{font-size:24px;color:#333;font-weight:normal;margin-bottom:30px;line-height:30px;}
.newsLit_top .txt  h4 a{color:#333;}
.newsLit_top .txt  h4 a:hover{color:#db2d22;}
.newsLit_top .txt h4 span{display:block;font-size:14px;color:#db2d22;font-family:Arial;}
.newsLit_top .txt p{min-height:160px;margin-bottom:30px;}
.newsLit_top .txt .more{display:inline-block;width:160px;height:45px;line-height: 45px;background:#db2d22;color:#fff;text-align:center;border-radius:23px;}
.newsLit_top .txt .more:hover{width:200px;background:#b40b00;}
.newsLit_top:hover img{transform:scale(1.06);}

.newsList li{border:1px solid #e2e2e2;padding:30px;overflow:hidden;margin-bottom:30px;transition:all 0.3s;}
.newsList li .font{width:920px;overflow:hidden;color:#333;padding-top:40px;}
.newsList li .date{width:80px;height:110px;background:#2b2b2b;color:#fff;padding-left:20px;font-size:20px;font-family:'Arial';position:relative;margin-right:40px;transition:all 0.4s;}
.newsList li .date span{display:block;opacity:.8;padding-top:35px;font-size:14px;}
.newsList li .date:after{position:absolute;content:"";width:50px;left:60px;background:#555;height:1px;top:10px;width:0;transition:all 0.3s;}
.newsList li h4{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.newsList li  .txt{color:#666;}
.newsList li .pic{width:260px;height:185px;overflow:hidden;}
.newsList li img{width:260px;transition:all 0.5s;height:185px;}
.newsList li:hover .date{margin-right:60px;}
.newsList li:hover .date:after{width:80%;}
.newsList li:hover h4{color:#db2d22;}
.newsList li:hover img{transform:scale(1.1);}
.newsList li:hover{box-shadow:0 5px 10px #eee;}

/* 新闻详细样式 */
.articleBox1 .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;font-weight:normal;}
.articleBox1 .p1{margin-bottom:15px;padding-bottom: 10px; text-align:center;color:#888;}
.detailLeft  .p1,.picShow .p1{border-bottom:1px dotted #adadad;;}
.articleBox1 .p1 span{margin-right:15px;}
.solution .p1{margin-bottom:40px;}
.review{background:#f7f7f7 url(../images/nShow_icon.png) no-repeat left top;padding:20px 20px 20px 20px;border:1px dotted #adadad;text-indent:2em;font-size:14px;color:#333;margin-bottom:20px;}
.fontResizer a{padding:0 5px;}
.article_key{background:#f7f7f7 url(../images/nShow_icon2.png) no-repeat 15px 7px;color:#adadad;margin-bottom:20px;padding-left:35px;line-height:28px;}
.fontsizebox{padding-bottom: 40px;border-bottom:1px dotted #adadad;font-size:13px;color:#424242;}
.fontSize a.active{color:#0099e6;}
.detailShare{overflow:hidden;padding:25px 0;border-bottom:1px dotted #adadad;}
.detailShare span{border-left:1px dotted #adadad;padding:0 15px;}
.detailShare span.date{margin-left:15px;}
.detail_fenx{font-size:14px;padding-top:10px;overflow:hidden;margin-bottom:20px;border-bottom:1px dotted #adadad;padding-bottom: 10px}
.detail_fenx div{width:48%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.relatedNews_font{overflow:hidden;font-size:13px;margin-top:15px;}
.relatedNews_font ul{width:1380px;}
.relatedNews_font ul li{float:left;padding-right:50px;width:640px;height:40px;line-height:40px;border-bottom:1px dotted #ddd;}
.relatedNews_font ul li a{display:block;width:500px;line-height:40px;background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.relatedNews_font ul li span{float:right;color:#999;}

/*  合作伙伴 */
.partnerList{padding:60px 0;overflow:hidden;padding:1px;}
.partnerList li{float:left;width:190px;height:124px;position:relative;transition:all 0.3s;position:relative;border:1px solid #e2e2e2;margin-top:-1px;margin-left:-1px;}
.partnerList li img{width:190px;height:124px;position:absolute;z-index:2;transform:rotateY(0deg);transition:all 0.5s ease 0s;backface-visibility:hidden;}
.partnerList li span{position:absolute;width:188px;height:124px;background:#db2d22;line-height:124px;text-align:center;transform:rotateY(-180deg);transition:all 0.5s ease 0s;backface-visibility:hidden;color:#fff;padding:0 5px;}
.partnerList li:hover img{transform:rotateY(180deg);}
.partnerList li:hover span{transform:rotateY(0deg);}

/* 视频中心 */
.videoList ul li{width:310px;float:left;margin-right:32px;margin-bottom:25px;text-align:center;font-size:14px;position:relative;cursor:pointer;}
.videoList ul li img{display:block;width:300px;height:230px;padding:4px;border:1px solid #e3e3e3;background:#fff;}
.videoList ul li span{height:35px;line-height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;padding:0 5px;}
.videoList ul li:hover span{color:#db2d22;}
.videoList ul li i{position:absolute;top:0;left:5px;top:5px;width:300px;height:230px;background:#000 url('../images/vIcon.png') no-repeat center center;opacity:.6;}
.videoList ul li:hover img{border:1px solid #db2d22;}

/* 内页留言样式 */
.contactBox1{overflow:hidden;}
#dituContent{float:left;width:450px;height:390px;border:1px solid #ddd;}
.contactBox1 .font{width:640px;margin-left:30px;}
.contactBox1 .font span {
  line-height: 40px;
}
.contactBox1 h3{font-size:32px;color:#333;padding:15px 0;border-bottom: 1px dotted #ddd;}
.contactBox1 .tel{padding:15px 0;border-bottom: 1px dotted #ddd;background: url('../images/tel2.png') no-repeat left center;padding-left:50px;}
.contactBox1 .tel span{display:block;font-size:22px;font-family:Arial;color:#555;font-weight:bold;}
.contactBox1 .txt{margin-top:10px;}
.contactBox1 .p1{background-image: url('../images/tel1.png');}
.contactBox1 .p1 span{font-size:26px;color:#db2d22;}
.contactBox1 .p3{margin-top:10px;}
.contactBox1 .wx{width:160px;text-align:center;padding-right:10px;}
.contactBox1 .wx img{width:158px;border:1px solid #ddd;margin-bottom:10px;}
.contactBox1 .zxBtn{height:40px;text-align:center;display: block;line-height:40px;color:#fff;background: #db2d22;box-shadow:0 0 15px #db2d22;margin-top:15px;}
.contactBox1 .zxBtn i{width:18px;height:18px;background: url('../images/zxIcon.png') no-repeat;display:inline-block;margin-left:15px;position:relative;top:3px;}
.contactBox1 .zxBtn:hover{background:#0069ca;}

.feedback{background: url('../images/news_bg.jpg');padding:80px 0;overflow: hidden;}
.feedback .p1{text-align:center;color:#333;margin-bottom:40px;;}
.feedback li{overflow:hidden;margin-bottom:5px;overflow:hidden;float:left;width:595px;height:48px;border:1px solid #dcdcdc;background:#fff;line-height:48px;overflow:hidden;padding-left:60px;margin-bottom:10px}
.feedback li:nth-child(2),.feedback li:nth-child(4){float:right;}
.feedback li label{float:left;margin-left:-60px;text-align:right;width:60px;color:#666;}
.feedback li.msg{height:120px;width:1268px;line-height:24px;padding:10px;padding-left:60px;}
.feedback li.msg textarea{font-size:14px;width:100%;height:120px;line-height:24px;}
.feedback li input{width:95%;padding-right:5%;height:48px;line-height:48px;}
.feedback .code{width:100%;background:none;padding-left:0;border:none;}
.feedback li.code input{width:170px;float:left;padding:0 15px;}
.feedback li.code img{float:left;background:#fff;padding:13px;border-left: 1px solid #ddd;}
.feedback li.code .btns{float:right;margin-right:5px;background:#db2d22;color:#fff;width:240px;cursor:pointer;font-size:14px;}
.feedback li.code .btns:hover{background:#0069ca;}
.feedback .sub{cursor:pointer;text-align:center;width:180px;height:48px;border-radius:24px;display:block;margin:0 auto;transition:all 0.3s;}
.feedback .sub:hover{width:240px;}
.pc_show {
  display: block;
}
.m_show {
  display: none;
}
@media screen and (max-width: 768px) {
  .nav li.has_sub:hover ul {
    display: none;
  }
  .nav li.has_sub ul {
    position: relative;
    top: 0;
    background: none;
  }
  .nav li.has_sub::after {
    content: '+';
    position: absolute;
    color: #fff;
    right: 20px;
    top: 0px;
    font-size: 28px;
    transition: all .5s linear;
  }
  .nav li.has_sub.active::after {
    transform: rotate(90deg);
  }
  .nav li.has_sub.active ul {
    display: block;
    width: 100%;
  }
  .nav li.has_sub ul li {
    height: auto;
    line-height: 1em;
  }
  .nav li.has_sub ul li a {
    color: #fff;
    height: auto;
    line-height: 21px;
    padding: 10px;
    box-sizing: border-box;
  }
}

.sp-thumbs {
	text-align: left;
	display: inline-block;
	margin: 10px 0 0 0;
}
.sp-thumbs img {
	width: 100%;
	height: auto;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
    border: 1px solid #ccc;
	width: 80px;
  height: 80px;
    margin:0 5px 5px 0;
	overflow: hidden;
	opacity: .6;
	display: inline-block;
    background: no-repeat;
	background-size: 100%;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
  -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;
}
.sp-thumbs a:hover {
	opacity: 1;
}

/* Styles for the currently selected thumbnail */

.sp-thumbs a:active, .sp-current {
	opacity: 1!important;
	position: relative;
    border: 1px solid #c9252b   !important;

}

.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
  border: 1px solid #e6e6e6;
  -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;
}
+.sp-large a img {
	width: 100%;
	height: auto;
}
.sp-large a {
	display: block;
	width: 100%
}
.sp-large a img{
    display: block;
    width: 100%;
    height: auto;
}

/* Panning Zoomed Image */

.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
}
/* Lightbox */

.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 999999999;
	display: none;
	cursor: pointer;
}
.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;
}
#sp-prev, #sp-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 501;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s;
}
#sp-prev {
	left: 10px;
}
#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px;
}
#sp-next {
	right: 10px;
}
#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px;
}
#sp-prev:hover, #sp-next:hover {
	background: #444;
}

/* Tweak styles for small viewports */

@media screen and (max-width: 400px) {
	.sp-wrap {
		margin: 0 0 15px 0;
	}
	#sp-prev, #sp-next {
		top: auto;
		margin-top: 0;
		bottom: 25px;
	}
}