@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td {margin: 0;padding: 0;}
input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,button, input, select, textarea {font-family: "Microsoft Yahei"; color: #666; font-size: 13px;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */}

/* 重置表格元素 */
table {border-collapse: collapse;border-spacing: 0;}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1300px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1400px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}
.line-clamp-1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.line-clamp-2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line-clamp-3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#333333; font-family:"Microsoft YaHei"; font-family:'Microsoft yahei'; min-width:1400px; overflow-x:hidden; }
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #0575e9;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
h1,h2,h3,h4,h5,h6,h7 {font-weight: normal;}
.w1400{ width:1300px; margin:0 auto;}
.w86{width:86%;margin:0 auto;min-width:1300px;}
.fl{ float:left;}
.fr{ float:right;}

/*抬头*/
.htop{border-bottom: 1px solid #ebebeb;line-height: 44px; background:#0575e9}
.htop,.htop a{font-size: 0.8rem;color: #fff}
.htop b{vertical-align: sub;font-size: 22px;color: #fff; font-family: arial;}
.htop p.fl{ color:#fff}
.htop p span{padding: 0 25px 0 50px; color:#fff}
.htop p span+span{border-left: 1px solid #e5e7e8;}
.htop p span:nth-child(1){background: url(../images/002.png) no-repeat 20px center;}
.htop p span:nth-child(2){background: url(../images/003.png) no-repeat 20px center;}
.htop p span:nth-child(3){background: url(../images/004.png) no-repeat 20px center;}
.hsecond{height: 108px;width:80%;margin:0 auto;min-width:1300px; position: relative;}
.hlogo{font-size: 0; margin-top: 20px;}
.hlogo p:first-of-type{padding-top: 10px;}
.hlogo p{display: inline-block;vertical-align:middle;}
.hlogo p a{display: block;}
.hlogo p a img{height: 63px;width: auto;}
.hlogo p+p{ font-size: 16px;color: #888;}
.hlogo p b{display: block;font-size: 30px;margin-bottom: 3px;color: #222;}
.hlogo p b i{font-style: normal;color: #0575e9;}
.hlogo p b font{font-style: normal;color: #ff0000;}

.hlogo p span{  letter-spacing: 1.2px;}
/*导航*/
.navbor{ width: auto;color: #333;font-size: 16px;margin:39px 0  0 0;position:relative; }
.nav{}
.NavCeshi.page{ position: relative; }
.nav > ul > li{ float: left;display:block;line-height:45px;width:auto; box-sizing: border-box;  position:relative; z-index: 99; text-align:center; margin-left: 20px;}
.nav > ul > li > a{ display: block;  font-size:1.1rem;color:#333; padding: 0 20px; }
.nav > ul > li:hover{ height:45px;}
.nav > ul > li:hover  a{color:#fff;}
.nav > ul > .block{ background-color:#0575e9; height:45px; color:#fff !important;display: block; box-sizing: border-box; position: absolute; top: 0;padding: 0 20px;  margin-left:20px;}
.erji_menu { display: none; position: absolute; left: 0; width: 100%; z-index: 1111;top: 45px; }
.erji_menu ul li a{ display: block; box-sizing: border-box;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; padding: 0 10px; text-align: center; font-size: 14px; color: #555 !important; line-height:45px; border-top:1px solid #e4e4e4; background: #f5f5f5; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;}
.erji_menu ul li a:hover{background:#0575e9 ;color:#fff !important;}  
.navcurrent a{color:#fff !important;  background:#0575e9 !important;}
.rightarrowpointer{display:none;}


@media screen and (max-width:1800px){
.nav > ul > li{ margin-left: 15px;}
.nav > ul > .block{ margin-left: 15px; padding: 0 15px;}
.nav > ul > li > a{ padding: 0 15px;}
}

   
@media screen and (max-width:1700px){
.nav > ul > li{ margin-left: 12px;}
.nav > ul > .block{ margin-left: 12px; padding: 0 15px;}
.nav > ul > li > a{ padding: 0 15px;}
.head_all{ padding:35px 50px 30px 60px;}
}   
 

@media screen and (max-width:1600px){
.nav > ul > li{ margin-left: 5px;}
.nav > ul > .block{ margin-left: 5px; padding: 0 15px;}
.nav > ul > li > a{ padding: 0 15px; }
.head_all{ padding:35px 50px 30px 50px;}
.top_all{ padding:0 50px 0 50px; }
.top_all:after{width: 500px;}
}   
 

@media screen and (max-width:1400px){
.nav > ul > li{ margin-left: 0;}
.nav > ul > .block{  margin-left: 0; padding: 0 12px;}
.nav > ul > li > a{ padding: 0 12px;}
.head_all{ padding:35px 0 30px 0;}
.top_all{ padding:0 30px 0 0; }
.top_all:after{width: 480px;}
}  
   
   
   /*主营范围*/
.main{position: relative; margin-top: -50px; background: #fff; padding: 50px 0px; box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index: 22; border-radius:15px;}
.maina{width:25%; float: left; background: url(../images/009.jpg) right no-repeat; padding-left:4%;box-sizing: border-box; }
.mainai{ width: 100%; text-align:center;float: left; }
.mainail{width: 100%; float: left; height: 44px;} 
.mainairt{float: left; font-size: 16px; color: #999; line-height: 28px; width:100%; font-weight: 100;text-align:center}
.mainairt span{font-size: 20px; display: block; margin-bottom:10px; margin-top:55px; color: #333; font-weight:bold;}
.maina:nth-of-type(4){background: none;}
.shilbox{width: 100%; background: #fafafa; padding-top:60px;}
.shil{height: 400px;margin-top:0px; }
.shil dl {background: url(../images/20191229/20191229093245_1553367836.png) no-repeat left top;padding:35px 0 0 99px;height: 452px;}
.shil dt {float:left;font-size:0;line-height: 0;width:411px;}
.shil dt img {width:411px;height: 280px;}
.shil dd {float:right;width:730px;padding-top:20px;}
.shil dd h4 {height: 50px;line-height: 50px;font-size:29px;color: #292929; width: 480px;}
.shil dd p {padding-top:15px;height: 155px;font-size:15px;color: #666;line-height: 27px; font-weight: 100; letter-spacing: 1px; padding-bottom: 10px;}    
    
.prod_all{width: 100%;min-width: 1400px;background: #fff; margin-top:60px;}
.prod_t{ text-align: center; }
.prod_t p{ display: inline-block;position: relative; font-size: 44px;line-height: 44px;font-weight: bold;color: #222;}
.prod_t p span{ display: block;position: relative;z-index: 2; }
.prod_t p:after{ display: block; position: absolute;z-index: 1; content: ""; width: 170px; height: 10px; background:#0575e9;left:2px; top:40px;}
.prod_t dl{ margin-top:20px;font-size: 18px;font-weight: lighter;line-height:32px;color: #888;}     
     
/*分类*/
.list{text-align:center; margin: 30px auto 10px auto;}
.list_l{width: 260px;background: #0575e9 url(../images/list_bg.png) bottom center no-repeat;line-height:40px;box-sizing: border-box;padding:20px 0;color:#fff;height:110px;text-align:center; }
.list_l p{ font-size: 30px;font-weight: bold;}
.list_l i{font-style: normal; display: block; font-size: 14px;font-family: "arial";color: rgba(255,255,255,0.6);text-transform: uppercase;}
.list_r{padding: 31px 21px;width:1040px;overflow: hidden;border: 1px solid #ddd;border-left: none; box-sizing: border-box; height: 110px;}  
.list_r li{display: block; width:184px;  margin:0 0 10px 15px; padding: 0; background: #eee; float: left;transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.list_r li a{ display: block; line-height: 48px;font-size: 16px; color: #333; text-align: center;}
.list_r li:nth-of-type(5n){ margin-right: 0;}
.list_r .cur a, .list_r li:hover a{ background:#0575e9;color:#fff;}
.tuijian{padding: 0 70px;width: 100%;height: 400px;background: #f5f5f5;margin-top: 40px;box-sizing: border-box;}
.tuijian .pic{width: 802px;}
.tuijian .word{width: 450px;padding: 50px 0 0 0;font-size:15px;line-height:30px;font-weight: lighter;}
.tuijian .word p{padding-top: 15px;color: #888;}
.tuijian .word p strong{color: #0575e9;}
.tuijian .word dl{font-size: 32px; color: #222;line-height: 50px;}
.tuijian .word a{ margin-top: 40px; font-size: 15px;display: block;width: 50%;line-height:50px;background: #0575e9;color: #fff;text-align: center;float: left;}
.tuijian .word a+a{ background: #0067d2;        }
.tuijian .word a:hover{background: #e5000d;}
    /*产品滚动*/
.prod_b{ margin-top:30px; width:100%;min-width:1300px;}
.prod_b{overflow:hidden;}
.prod_b li{float: left;  margin-left:.5%;margin-right:.5%; margin-bottom:15px;width:24%;position: relative;overflow: hidden;}
.prod_b li .prod_img{width: 360px; height: 270px;}
.prod_b li .prod_img img{display: block; width: 100%; height: 100%;}
.prod_b li .prod_t{position: relative; width: 360px; height:70px; text-align: center; font-size: 16px; color: #555; line-height: 70px; background: #f5f5f5;}
.prod_b li .prod_t span{position: relative; display: block; z-index: 9;}
.prod_b li .prod_t:after{display: block; position: absolute; content: " "; top: 0; left: 0; width: 0; height: 70px; transition: all 0.3s; background: #0575e9;}
.prod_b li:hover .prod_t:after{width: 360px;}
.prod_b li:hover .prod_t {color: #fff; }
    
    
/*产品特点    */
.feature{ margin-top: 80px; padding: 80px 0;width: 100%;min-width: 1400px;background: url(../images/feature_bg.jpg) bottom center no-repeat;}    
.feature .prod_t p span{color:#fff;}
.feature .prod_t dl{color: rgba(255,255,255,0.7)}
.feature .prod_t p:after{background: #ffba00; width: 213px;}
.feature_b{ margin-top: 70px;}
.feature .picScroll-left{ position:relative; }
.feature .picScroll-left .hd{overflow:hidden;height:60px;z-index:99;position:absolute;text-align:center;width:83%;min-width:1500px;margin:0 auto;left:0;right:0;top:250px;}
.feature .picScroll-left .hd .prev{ display:block;width:60px;height:60px;cursor:pointer; background:url(../images/013.png) 0 0 no-repeat; position:absolute;left:0;top: 0;}
.feature  .picScroll-left .hd .next{ display:block;width:60px;height:60px;position:absolute;right:0;top: 0;cursor:pointer; background:url(../images/014.png) 0 0 no-repeat;}
.feature .picScroll-left .hd .prevStop{ background-position:-60px 0; }
.feature .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.feature .picScroll-left .bd{ padding:0; position:relative; overflow:hidden; margin-top:-25px; }
.feature .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.feature_b li{ margin:0 20px 0 20px; float:left; _display:inline; overflow:hidden; width: 426px !important;text-align: center; padding: 60px;display: block;background: rgba(255,255,255,10%);box-sizing: border-box; border-radius: 40px;overflow: hidden;}
.feature_b li .pic{ width:130px; padding-top:34px; border-radius: 50%;overflow: hidden;height: 130px; margin: 0 auto;background: rgba(255,255,255,10%);box-sizing: border-box;margin-bottom: 20px;animation:mymove1 3s infinite; -moz-animation:mymove1 3s linear infinite;-ms-animation:mymove1 3s linear infinite; -o-animation:mymove1 3s linear infinite; -webkit-animation:mymove1 3s linear infinite;}
.feature_b li .pic img{  display: block;margin: 0 auto;}
.feature_b li .txt{ font-size: 15px;line-height: 32px;color:rgba(255,255,255,0.7);  }
.feature_b li .txt p{ line-height: 50px;font-size: 32px;  color: #fff;}
.feature_b li .txt dl{ font-weight: lighter;}
.feature_b li .txt dt{position: relative;display: block;font-size: 14px;text-transform: uppercase;font-family: "arial";}
.feature_b li .txt dt:after{   display: block;content: "";width: 100px;height: 3px;margin:30px auto;background: rgba(255,255,255,0.2);}
.feature_b li a{ font-size: 16px; display: block;width: 100%;background: rgba(255,255,255,10%);text-align: center;line-height: 45px;color: rgba(255,255,255,0.7);margin-top: 25px;}
.feature_b li:hover a{   background: #ffba00; color: #fff;}
    
           @-webkit-keyframes mymove1
{
0% { transform: rotate(0)}
100%{transform: rotate(360deg)}
}
@-moz-keyframes mymove1
{
0% { transform: rotate(0)}
100%{transform: rotate(360deg)}
}


/*公司优势*/ 
.adv_all{width: 100%;min-width: 1400px; padding: 80px 0;background: url(../images/feature_bg.jpg) bottom center no-repeat; background-size:100% 100%; margin-top:60px;}    
.adv_all .prod_t p:after{width: 153px; background:#ffba00}
.adv_all .prod_t p span{ color:#fff;}
.adv_all .prod_t dl {color: rgba(255,255,255,0.7);}

#adv_tablit{width:1400px; height:auto; background-repeat:no-repeat; margin:0 auto;}
#adv_tablit .on .adv_dt_m{color:#ff8f21}
#adv_tablit dl{width:1400px; margin:0 auto; height:170px;}
#adv_tablit dl dd{float:left;display:block;width:25%;height:170px;box-sizing:border-box;border:1px solid #eee;border-left:none;text-align:center;background:#fff;font-size:20px;transition:all 0.5s linear;position:relative;padding:19px 0px;}
#adv_tablit dl dd:nth-of-type(1){border-left:1px solid #eee;}
#adv_tablit .on{text-decoration:blink; transition: all 0.5s linear; color:#fff;}
.adv_tabcon{width:1400px; margin:0 auto;clear:both;box-sizing:border-box;margin-top:25px; background:#fff; padding:60px; height:542px;}
.adv .dis{display:none;}
.adv_dd_l{float:left; width:600px; background:#f8f8f8; height:422px; overflow:hidden;}
.adv_dd_l img{width:600px;}
.adv_dd_r{float:right; width:620px;}
.adv_dd_rtn{color:#222; font-size:22px; line-height:30px; margin-top:20px; letter-spacing: 1px; font-weight:lighter;}
.adv_dd_rm{font-size:32px; line-height:60px; color:#ff0000}
.adv_dd_rm:after {content: "";width: 75px;height: 3px;background: #ff0000;position: relative;margin:20px 0 2px 0;display: block;}
.adv_dd_rdn{margin-top:20px; overflow:hidden; height:199px;}
.adv_dd_rdn_i{overflow:hidden; padding-top:10px;}
.adv_dd_rdn_il{float:left; width:30px; text-align:center; font-size:30px; font-weight:bold; color:#ddd; line-height:30px;}
.adv_dd_rdn_ir{float:left; width:590px; font-size:17px; line-height:32px; color:#333;  }
.adv_dd_rdn_ir strong{font-weight:bold; color:#de0000;}
.adv_dd_tel{background:#ff0000 url(../images/adv_tel.png)30px center no-repeat;line-height:70px;color: rgba(255,255,255,0.6); padding-left:65px;}
.adv_dd_tel i{display: block;font-style: normal;font-size: 15px;float: left;}
.adv_dd_tel em{display:block;float: left;font-size:28px;font-family: "DIN Medium";color: #fff;}
.adv_dt{width:1400px; margin:0 auto; overflow:hidden;}

.adv_dt_line{width:22px; height:22px; margin:0 auto; border:solid 5px rgba(5,117,233,0.1); border-radius:50%; margin-top:-31px; transition: all 0.5s linear; position:relative; z-index:2;}
.adv_dt_line_i{width:13px; height:13px; border:solid 4px rgba(5,117,233,0.3);border-radius:50%; background:#fff; transition: all 0.5s linear;}
.adv_dt_s{text-align:center; position:relative; z-index:2;padding-top: 12px;}
.adv_dt_s img{ width:60px;}
.adv_dt_m{font-size:24px; line-height:38px; position:relative; z-index:2; font-weight: 500; color: #666;}
.adv_dt_en{font-size:12px; line-height:20px; color:#ccc;  text-transform:uppercase; transition: all 0.5s linear; position:relative; z-index:2;}

#adv_tablit dd::before{content:""; display:block; background:#fff3e7; transition: all 0.3s linear; width:100%; height:0; left:0; top:0; position:absolute; z-index:1; display: block;}
#adv_tablit .on::before{transition: all 0.3s linear; height:100%;}
#adv_tablit .on .adv_dt_line{border:solid 5px rgba(255,255,255,0.3); transition: all 0.5s linear;}
#adv_tablit .on .adv_dt_line_i{ border:solid 4px #ffba00; transition: all 0.5s linear;}
#adv_tablit .on .adv_dt_s{color:#fff; transition: all 0.5s linear;}
#adv_tablit .on .adv_dt_en{color:rgba(255,255,255,0.6); transition: all 0.5s linear;}

/*案例*/
.case_all{width: 100%;min-width: 1400px;margin-top: 80px; background: url(../images/case_bg.jpg) center bottom no-repeat; padding-bottom:130px;}
.case_c{ min-height: 200px; margin-top: 40px;}
.case_c li{ float: left; background: #f9f9f9; width: 31%;box-sizing: border-box;padding: 20px;border: 1px solid #eee;}
.case_c li+li{ margin-left:3.5%;}
.case_c li .pic{width: 100%;height: 260px;overflow: hidden;}
.case_c li .pic img{width:100%;height:auto;}
.case_c li .title{padding: 0 20px;}
.case_c li .title a {display: block; padding:40px 0 30px 0;}
.case_c li .title a p{ display: block;font-size:22px;font-weight: bold; color: #222;     line-height: 50px; margin-bottom:10px;}
.case_c li .title a dl{font-size: 15px;font-weight: lighter;color: #888;line-height: 32px;}
.case_c li .title a dt{text-align: center;  width: 100%;background: #eee;line-height: 50px;color: #555;margin-top: 30px; font-size: 16px; font-weight: lighter;}
.case_c li:hover .title dt{background: #0575e9;color: #fff;}
.case_b{ min-height: 300px; margin-top: 50px; overflow: hidden;}
.case_b li{float: left; margin-right: 20px;  height: 285px;position: relative; width: 380px;position: relative;overflow: hidden;}
.case_b li .case_img{width: 380px; height: 285px;}
.case_b li .case_img img{display: block; width: 100%; height: 100%;}
.case_b li .case_title{position:absolute;left:0;bottom:0;width:380px;height:60px;transition:all ease 0.5s;text-align:center;line-height:60px;background:rgba(0,0,0,0.6);color:#fff;}
.case_b li a span { padding: 0 10px; position: relative;font-size: 16px; display: block; color: #fff; z-index: 9;}
.case_b li:hover .case_title{line-height: 285px;height: 285px;}

/*简介*/
.about_all{width: 100%;min-width: 1400px;background: #fff; margin-top: 80px;}      
.about_b{margin-top: 40px;}  
.about_l{width: 520px;font-size: 15px;color: #666;line-height: 34px;font-weight: 400}
.about_l p{text-align: justify;padding-top: 20px;}
.about_l dl{ line-height: 50px;font-size: 34px;font-weight: bold;color:#333;}
.about_l dt{display: block;font-size: 16px;color: #999; line-height:30px;text-transform: uppercase;font-family: "arial";}
.about_l a{ background: #0575e9;transition:all ease 0.5s;display: block;margin-top: 40px;width: 200px;line-height: 50px;text-align: center;color: #fff;font-size: 16px;}
.about_l a:hover{ background: #e5000d;color:#fff;width: 100%;}
.linkTagcs li{display: inline-block;}
.linkTagcs span{ color:#fff;}
.linkTagcs span:last-of-type{display: none;}
/*流程*/
.process{width: 100%;min-width: 1400px;margin-top: 50px;}    
.process_b{ padding: 50px 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);background:#fff;}
.process_b li{ position: relative; font-size: 18px;color: #666;line-height:40px;display: block;box-sizing: border-box; padding:0 80px;text-align: center;}
.process_b li:after{position:absolute;display: block;content:"";width: 1px;height: 110px; background: #eaeaea;top: 0;right: 0;}
.process_b li:last-of-type:after{ display:none;}
    
    
    
/*内页代码*/
.n_box{width: 1400px;margin:60px auto 120px; position: relative;}
.n_box:after{display: block;content:"";clear: both;}



.plant_all{ margin-top:50px; width:100%;min-width:1400px;}
.plant_b{overflow:hidden;}
.plant_b li { box-sizing: border-box;border: 1px solid #f5f5f5;float: left;margin-right: 20px;width: 360px;position: relative;overflow: hidden;}
.plant_b li .plant_img{width: 360px;height: 270px;}
.plant_b li .plant_img img{display: block;width: 100%;height: 100%;}
.plant_b li .plant_t{position: relative;width: 360px;height: 50px;text-align: center;font-size: 15px;color: #555;line-height: 50px;background: #f5f5f5;}
.plant_b li .plant_t span{position: relative;display: block;z-index: 9;}
.plant_b li .plant_t:after{display: block;position: absolute;content: " ";top: 0;left: 0;width: 0;height: 50px;transition: all 0.3s;background: #0575e9;}
.plant_b li:hover .plant_t:after{width: 360px;}
.plant_b li:hover .plant_t {color: #fff; }
 
 
 
.news_bg{padding: 80px 0 130px 0; margin-top: 95px;background: #f5f5f5;}
.news_box{width: 1486px;margin: 0 auto;}
.news_title h1{display: block;font-size: 36px;font-weight: normal;line-height: 60px;color: #363636;border-bottom: 1px solid #eee;}
.news_title .news_tile{display: flex;justify-content: space-between;line-height: 60px;}
.news_title .news_tile span{display: block;font-family: "Arial";font-size: 36px;font-weight: bold;color: #808182;}
.news_title .news_tile a{font-size:12px;height:28px;line-height:28px;padding:0 18px;border-radius:14px;border:1px solid #ccc;color:#4a4a4a;font-weight:500;transform:translate3d(0, 50%,0)}
.news_top{margin-top: 40px;width: 96%;padding: 2%;background: #fff;}
.news_top ul.swiper-wrapper{padding-bottom: 2%;}
.news_top .swiper-pagination .swiper-pagination-bullet{background: #0575e9;border-color: #0575e9;}
.news_top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e5000d;border-color: #e5000d;}
.news_top li{display: flex;justify-content: space-between;align-items: stretch;}
.news_top li .news_img{width: 30%;}
.news_top li .news_img a{display: block;width: 100%;height: 0;padding-bottom: 60%;max-height: 100%;border: 1px solid #ccc;overflow: hidden;}
.news_top li .news_img a img{display: block;width: 100%; margin-top: -30px;}
.news_top li .news_txt{width: 67%;position: relative;}
.news_top li .news_txt a{display: block;margin: 18px 0;font-size: 32px;color: #333;line-height: 60px;transition: color 0.4s;}
.news_top li .news_txt p{font-size: 14px;color: #555;line-height: 36px;}
.news_top li .news_txt span{display: block;position: absolute;bottom: 10%;font-size: 14px;color: #555;}
.news_top li .news_txt a:hover{color: #0575e9;}
.news_top .swiper-pagination{bottom: 0;}
    
.news_d{margin-top: 50px;}
.news_d ul{display: flex;justify-content: space-between;}
.news_d li a{display: block;}
.news_d li{width: 32%;border: 1px solid #eee;box-sizing: border-box;background-color: #fff;overflow: hidden;}
.news_d li .news_txt{padding: 6% 6% 14%;}
.news_d li .news_txt span{display: block;position: relative;font-size: 22px;line-height: 60px;color: #333;transition: border 0.5s;}
.news_d li .news_txt span:after{position: absolute;display: block;content: " ";width: 0;height: 1px;bottom: 0;left: 0;transition: width 0.5s ease-in-out;background-color: #0575e9;}
.news_d li .news_txt p{color: #888;font-size: 14px;line-height: 32px;}
.news_d li .news_time{display: flex;justify-content: space-between;padding: 0 3%;min-width: auto;height: 60px;line-height: 60px;color: #333;background: #f9f9f9;}
.news_d li .news_time span{font-size: 14px;}
.news_d ul li:hover .news_txt span:after{width: 100%;}
.news_d li:hover .news_time{color: #fff;background: #0575e9;}


.footer .copyright{background:#222;}
.footer .copyright,.footer .copyright a{ font-size:15px; color:#808185;}
.footer .copyright a:hover{ color:#fff;}
.footer .links{position: relative;top: -48px; height:96px; background:url(../images/100424_copyright_012_bg.png) no-repeat center; line-height:96px;}
.footer .links .box {display:flex;}
.footer .links p{ margin:0 25px; font-size:16px; color:#fff; font-weight:bold; padding-left:35px; background:url(jump-url/SVbU390yC2K8hVk4TPh40UbRiHQA5SZAYJOfcSYJao8PphZkPRK21S981veK30WR83cnJgjv48dSm54sOs6kMo4ehdp4A0tt1FzdSP8cGMwvXLDLmvbkBGequGpRR41K.png) no-repeat left center;}
.footer .links p span{ font-size:18px; padding-left:5px;}
.footer .copyright .links .linkTagcs a {color: #fff;}
.footer .crcon{ padding-top:50px; padding-bottom:50px; border-bottom:1px solid #323337;}
.footer .crcon .box {display: flex;justify-content: space-between;}
.footer .end{ line-height:32px; border-top:1px solid #0a0a0b; padding: 20px 0;}
.footer .end a,.footer .end{ font-size:15px;text-align:center;}
.footer .cr_t{ font-size:20px; color:#fff; margin-bottom:30px;}
.footer .kslj {margin-right: 20px;}
.footer .kslj ul li{ float:left;}
.footer .kslj ul li:nth-child(2){padding:0 75px; height:190px; margin:0 75px; border-left:1px dashed #343538; border-right:1px dashed #343538;} 
.footer .kslj ul li a{ display:block; line-height:38px;}
.footer .crcode ul li{ float:left; text-align:center;} 
.footer .crcode img{ display:block; width:140px; height:140px; padding:9px; border:1px solid #3e3f43; margin-bottom:10px;}
.footer .crcode ul li+li{ margin-left:20px;}
.footer .cr_phone{ font-size:36px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; line-height:32px;}
.footer .cr_addr{ line-height:37px;}



.banner .swiper-container,.mod1019 .banner .ban_bg,.mod1019 .banner .ban_nbg { width: 100%; } 
.banner .swiper-pagination-bullet-active {background: #e5000d;}
.banner .ban_bg	{ background: url(../images/news_bg.jpg) no-repeat center;}
.banner .ban_nbg { background: url(files/images/banner01.jpg) no-repeat center;}
.banner .slide_01{ background: url(files/images/banner01.jpg) no-repeat center;}
.banner .slide_02{ background: url(files/images/banner02.jpg) no-repeat center;}
.banner .slide_03{ background: url(files/images/banner03.jpg) no-repeat center;}
.banner .swiper-slide{ background-position: center; background-repeat: no-repeat;}
.banner .swiper-slide a{ display: block; width: 100%; height: 100%;}
.banner .swiper-pagination-bullet-active {width:50px; border-radius:6px; background: #0575e9;}


.navigation {text-overflow:ellipsis;white-space: nowrap;overflow:hidden;width: 100%;line-height: 60px;height: 60px;margin-bottom: 60px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align: left;font-size:15px;color:#555;}
.navigation .dicon{ font-size:18px; padding:0 5px; color:#0575e9;}
.navigation_w{ float:right; padding-right:5px; font-size:15px;font-style: normal;font-weight: 300;font-family: arial;color: #ccc;}
.navigation a:hover{ color:#0575e9;}
.link{ display:none;}


.news_d_list {width: 100%;margin: 0 auto;}
.news_list_box {border: #dedede solid 1px;overflow: hidden;padding: 22px;margin-bottom: 20px;}
.news_list_box:hover {border: #0575e9 solid 1px;}
.news_list_img {width: 25%;float: left;font-size: 0;}
.news_list_img img {max-width: 100%;display: table-cell;}
.news_list_content{width: 75%;float: left;padding: 0 30px 0 40px;box-sizing: border-box;}
.news_list_box .news_content_title{height: 40px;line-height: 40px;font-size: 18px;color: #333;width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.news_list_box:hover .news_content_title{color: #0575e9;}
.news_list_box .news_content_txt {font-weight: normal;line-height:32px;margin-top: 5px;color: #888; font-weight: lighter;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_list_box .news_content_more{margin-top:25px;width:134px;height:40px;float:left;display:inline-block;font-size:16px;color:#333;line-height:40px;text-align:center;background: #f5f5f5;}
.news_list_box:hover .news_content_more {background: #0575e9;border-color: #0575e9;color: #fff;}
.news_content_time {float:left;padding-top: 35px;padding-left: 20px;font-size: 16px;color: #666;}

.flip_pages { margin-top:40px; text-align: center; line-height:22px; }
.flip_pages span{ border:1px solid #ddd; padding:0 6px; margin-right:5px; display:inline-block; height:22px;}
.flip_pages select{height:24px; vertical-align: initial;}

 



.news_detail_bg{display: flex;justify-content: space-between;}
/*主要内容*/
.news_detail_d{position: relative;padding: 3% 0 0;width: 74%;background: #f5f5f5;}
.news_detail_d .news_d_back{position: absolute;top: 0;left: -58px;}
.news_detail_name{position: relative;margin: 0 3%;padding-bottom: 20px;border-bottom: 1px solid #dcdcdc;}
.news_detail_name h1{display: block;padding-bottom: 20px;font-size: 22px;font-weight: normal;color: #333;line-height: 22px;}
.news_detail_name p{display: flex;align-items: center;height: 14px;font-weight: normal;font-size: 14px;color: #999;}
.news_detail_name p i{display: block;margin: 0 5px;height: 14px;border-left: 1px dotted #ccc;}
.news_detail_name .news_detail_share{position: absolute;right: 30px;bottom: 30px;}
.news_detail_content{padding: 20px 3% 0; line-height: 32px; color: #555; font-size:16px;}
.news_detail_content img{max-width: 100%;display: block;padding: 20px 0;}
.news_detail_content p{margin-bottom: 20px;}
.news_detail_content .news_detail_txt{text-indent: 2em;font-size: 16px;color: #333;line-height: 32px;}


/*上下翻页*/
.news_detail_next{display: flex;font-size:16px;position: relative;border-top: 1px solid #e7e7e7;}
.news_detail_next span{display: flex;align-items: center;width: 50%;padding-left: 30px;height: 70px;line-height: 70px;font-size: 16px;color: #333;background: #f5f5f5;}
.news_detail_next:after{position: absolute;display: block;content: " ";left: 50%;width: 1px;height: 100%;background: #e7e7e7;transform: translatex(-50%);}
.news_detail_next span a{padding-left: 10px; font-size: 16px;}
.news_detail_next span:last-of-type{justify-content: flex-end;padding-left: 0;padding-right: 30px;}
.news_detail_next span:last-of-type span{padding-left: 0;padding-right: 10px;}
.news_detail_next span:hover{background: #0575e9;color: #fff;}
.news_detail_next span:hover a{color: #fff;}

/*热门推荐*/
.news_detail_r{width: 21%;padding: 1.5%;background: #f5f5f5;}
.news_detail_title{position: relative;height: 36px;border-bottom: 1px solid #ccc;}
.news_detail_title:after{position: absolute;display: block;content: " ";left: 0;bottom: -1px;width: 35%;height: 1px;background: #0575e9;}
.news_detail_title span{display: block;font-size: 20px;color: #222;}
.news_detail_title span b{color: #0575e9;}
.news_detail_r_d{padding: 4% 0;}
.news_detail_r_d li{height: 36px;line-height: 36px;}
.news_detail_r_d li:last-of-type{border-bottom: none;}
.news_detail_r_d a{display: block;padding-left: 20px;font-size: 14px;color: #333;background: url(../images/news_tj_tb.png) left no-repeat;}
.news_detail_r_d li a:hover{color: #0575e9;}

 

.protemptwo{width:100%;}
.protemptwo li{ float:left; width:23.5%; box-shadow:0px 0px 10px #eee;transition: all .5s ease; position:relative; margin:0 2% 2% 0;}
.protemptwo li:nth-of-type(4n){margin-right: 0;}
.protemppic{overflow:hidden; position:relative;}
.protemppic img{ width:100%; transition:all .5s ease;}
.protemptitl a{ display:block; position:relative; font-size:16px; line-height:60px; padding:0px 3%;}
.protemptitl{position:relative;}
.protemptitl a:after,.protemptitl:before, .protemppic a:after{content:''; display:block; position:absolute;}
.protemptitl a:after{ width:18px; height:18px; border-radius:50%; right:20px; top:22px; background: url(jump-url/SVbU390yC2K8hVk4TPh40UbRiHQA5SZAYJOfcSYJao8PphZkPRK21S981veK30WRUr8KXpRfJNocsOrfwR-PLyWTYc4yxbOjm3JDskN_FfCaIP-Z1xDhl80PTzl5HwCa.png) no-repeat top center;}
.protemptitl:before{ width:100%; height:0px; bottom:0px; left:0px; background:#0575e9; transition:all 0.5s ease;}
.protemppic a:after{ width:100%; height:0px; background: linear-gradient(to bottom, rgba(0,0,0,0.3), transparent);top:0px; left:0px; transition:all 0.5s ease;}
.protemptwo li:hover .protemppic a:after{ height:100%;}
.protemptwo li:hover .protemptitl:before{height: 100%;transition: 0.6s;}
.protemptwo li:hover .protemptitl a:after{ background-position-y:-18px;}
.protemptwo li:hover .protemptitl a{ color:#fff;}
.protemptwo li:hover .protemppic img{ transform:scale(1.5) rotate(-15deg);}



.n_about{padding-top:20px; background: #fff;margin-bottom: 60px;  width: 1300px; margin: 0 auto;} 
.n_about_t{ padding:0px 0 50px 0;margin-top:20px;margin-bottom: 60px;}
.n_about_t p{ line-height:32px; color:#333; padding:5px; font-size:16px; text-indent:2em; font-weight:400}    
.media{ margin-right: 50px;}
.media img{width: 670px;  }
.digital_box{background: #f5f5f5;  height: 310px;}   
.ny_Plant{width:85%;  min-width: 1400px;margin: 0 auto; margin-top:40px;}
.ny_Plant li{ width: 23.5%; margin-right: 2%; float: left;} 
.ny_Plant li:nth-child(4n){margin-right: 0;}
.ny_Plant li:nth-child(n+5){margin-top: 2%;  }
.ny_Plant li img{ width: 100%; height:auto;} 
.ny_Plant li p{ text-align: center; font-size: 16px; height: 50px; line-height: 50px;}
.prod_t{margin-top: 80px;}

 

.inner-nav{width: 100%;height: 80px;background-color:#f5f5f5;border-bottom: solid 1px #ebebeb;min-width: 1280px;}
.inner-nav.fixer{position: fixed;top: 0;left: 0;z-index: 100000000;}
.inner-nav nav{height: 100%;margin-left: 13.4%;float: left;}
.inner-nav nav ul li{line-height: 80px;margin-right: 38px;position: relative;float: left;}
.inner-nav nav ul li::after{content: "";width: 0;height: 2px;background-color: #cc2237;position: absolute;bottom: -1px;left: 0;transition: 0.3s;}
.inner-nav nav ul li a{display: block;font-size: 16px;line-height: 80px;color: #333;}
.inner-nav nav ul li.active::after{width: 100%;}
.inner-nav nav ul li:hover::after{width: 100%;}
.inner-nav nav ul li:hover a{color: #cc2237;}
.inner-nav .add{float: right;margin-right: 13.4%;height: 80px; line-height: 80px;}
.add img{ float:left; margin-top:32px; margin-right:10px;}
.add a{ font-size:16px; color:#333}
 
 
 
.pro_detail_img{text-align: center;}
.pro_detail_img img {max-width: 100%;}
.pro_detail_name {font-size: 15px;font-weight: bold;line-height: 32px;text-align: center;}
.pro_detail_next {padding: 6px 0;text-align: center;}
.pro_content {line-height: 28px;}
.pro_content img {max-width: 100%;display: block;}
.pro_content_title {position: relative;height: 40px;border-bottom: 1px solid #ddd;line-height: 40px;font-size: 14px;color: #444;margin-bottom: 15px;padding-left: 5px;}
.pro_content_title strong{ font-size: 16px;font-weight: bold;color: #0575e9;}
.pro_content_title span{color: #999;}
.pro_content_title i {display: block;width: 100px;position: absolute;bottom:-1px;z-index: 2;left:0;border-bottom: 2px solid #0575e9;}
.pro_content_con {line-height: 28px;}
.pro_content_con img {max-width: 100%;display: block;padding: 20px 0;}
.pro_content_con p {margin-bottom: 20px;}
.pro_content_con td {border: 1px solid #dbdbdb;padding-left: 10px;line-height: 30px;vertical-align: middle;}
.pro_detail_recommend {margin-top: 30px;}
.pro_detail_recommend .pro_detail_recommend_title {margin-bottom: 30px;line-height: 50px;background:#f5f5f5;padding: 0 30px;box-sizing: border-box;   }
.di-pro-class3:before{font-size:22px;}
.pro_detail_recommend .pro_detail_recommend_title i {padding-left: 5px;font-size: 30px;color: #333;}
.pro_detail_recommend .pro_detail_recommend_title span {padding-left:5px;font-size: 20px;color: #333;font-weight: bold;}
.pro_detail_recommend ul li:nth-child(n+5) {margin-top: 15px;}
.pro_detail_recommend ul li {float: left;margin-left:2%;width: 23.5%;}
.pro_detail_recommend ul li:nth-of-type(4n+1){ margin-left:0;}
.pro_detail_recommend ul li .pro_detail_recommend_img {border: 1px solid #eee;}
.pro_detail_recommend ul li .pro_detail_recommend_img img {display: block;width: 100%;height: 100%;}
.pro_detail_recommend ul li .pro_detail_recommend_t {height: 35px;line-height: 35px;}
.pro_detail_recommend ul li .pro_detail_recommend_t span {display: block;text-align: center;font-size: 16px;color: #333;}
.pro_detail_recommend ul li:hover .pro_detail_recommend_img {border-color: #0575e9;}
.pro_detail_recommend ul li:hover span {color: #0575e9;}


.protemptwo{width:100%;}
.protemptwo li{ float:left; width:23.5%; box-shadow:0px 0px 10px #eee;transition: all .5s ease; position:relative; margin:0 2% 2% 0;}
.protemptwo li:nth-of-type(4n){margin-right: 0;}
.protemppic{overflow:hidden; position:relative;}
.protemppic img{ width:100%; transition:all .5s ease;}
.protemptitl a{ display:block; position:relative; font-size:16px; line-height:60px; padding:0px 3%;}
.protemptitl{position:relative;}
.protemptitl a:after,.mod1491 .protemptitl:before,.mod1491 .protemppic a:after{content:''; display:block; position:absolute;}
.protemptitl a:after{ width:18px; height:18px; border-radius:50%; right:20px; top:22px; background: url(jump-url/SVbU390yC2K8hVk4TPh40UbRiHQA5SZAYJOfcSYJao8PphZkPRK21S981veK30WRUr8KXpRfJNocsOrfwR-PLyWTYc4yxbOjm3JDskN_FfCaIP-Z1xDhl80PTzl5HwCa.png) no-repeat top center;}
.protemptitl:before{ width:100%; height:0px; bottom:0px; left:0px; background:#0575e9; transition:all 0.5s ease;}
.protemppic a:after{ width:100%; height:0px; background: linear-gradient(to bottom, rgba(0,0,0,0.3), transparent);top:0px; left:0px; transition:all 0.5s ease;}
.protemptwo li:hover .protemppic a:after{ height:100%;}
.protemptwo li:hover .protemptitl:before{height: 100%;transition: 0.6s;}
.protemptwo li:hover .protemptitl a:after{ background-position-y:-18px;}
.protemptwo li:hover .protemptitl a{ color:#fff;}
.protemptwo li:hover .protemppic img{ transform:scale(1.5) rotate(-15deg);}



.pro_detail_img{text-align: center;}
.pro_detail_img img{max-width: 100%;}
.pro_detail_name{padding-bottom: 15px;font-size: 24px;font-weight: bold;line-height: 32px;text-align: center;}
.pro_detail_next{padding: 6px 0;}
.pro_detail_next a{display: block;margin-bottom: 1px;padding-left: 2em;height: 40px;font-size: 16px;color: #333;line-height: 40px;background: #f5f5f5;}
.pro_detail_next a:hover{color: #fff;background: #0575e9;}
.pro_content{line-height: 28px;}
.pro_content img{max-width: 100%;display: block;}
.pro_content_title{position: relative;height: 40px;border-bottom: 1px solid #ddd;line-height: 40px;font-size: 14px;color: #444;margin-bottom: 15px;padding-left: 5px;}
.pro_content_title strong{font-size: 16px;font-weight: bold;color: #0575e9;}
.pro_content_title span{color: #999;}
.pro_content_title i{display: block;width: 100px;position: absolute;bottom:-1px;z-index: 2;left:0;border-bottom: 2px solid #0575e9;}
.pro_content_con img{max-width: 100%;display: block;margin: 0 auto;padding: 20px 0;}
.pro_content_con span{display: block;padding-top: 20px;font-size: 20px;color: #333;font-weight: bold;}
.pro_content_con p{display: block;text-indent: 2em;font-size: 16px;color: #333;line-height: 32px;}
.pro_content_con td{border: 1px solid #dbdbdb;padding-left: 10px;line-height: 30px;vertical-align: middle;}



.cs{width:86%;min-width:1400px;margin:0 auto;}
.ny_c{min-width: 1300px;margin: 0 auto;width: 100%;}
.ny_contact{display: flex;margin-bottom:40px;}
.contact_one{display: inline-block;width: 33%;}
.contact_one span{font-size:40px;line-height: 30px; color:#0575e9;    margin-bottom: 22px;display: block; font-weight: bold;}
.contact_one div{ font-size: 30px;line-height: 30px;}
.contact_one i {width: 40px;height: 3px;background: #0575e9; display:block;margin-bottom: 30px; margin-top:30px;}
.contact_two{ width: 33%; position:relative;background: #f2f2f2 url() no-repeat; background-position:325px 315px;padding: 50px 38px; font-size:16px;line-height: 35px; margin-left: 18px;display: inline-block; float: left;box-sizing: border-box;}
.contact_two strong{ font-size: 16px;}
.contact_title{ position:absolute;width:172px;height:45px;background:#0575e9;border-radius:10px; font-size:24px; color:#fff; line-height:45px; font-weight:bold; padding-left:40px; left:28px;}
.contact_content1{ color: #8e8e8e;line-height: 42px;font-size: 16px;}
.contact_content1 span{font-size: 17px;font-weight: bold;}
.contact_content{ margin-top:70px;color: #555;}
.contact_content a{ text-decoration: none;font-size: 14px;}
.contact_img { text-align:center; width:130px; margin-top:40px;}
.contact_img img{ width:130px; background:#fff; border:1px solid #ccc; padding:3px; background:#fff;}
.tup {margin-bottom: 0px;}
.tup img {width: 100%;}



.zp_list{ width:100%; float:left; margin-bottom:10px;}
.zp_list li{ width:43.5%; float:left; margin-left:2%; margin-bottom:10px; border:1px #ccc solid; padding:1.5% 2%; border-radius:10px;}
.zp_list li h4{ font-size:18px; color:#232323; width:100%; line-height:36px; font-weight:600}
.zp_list li p{ color:#666; width:100%; float:left; line-height:24px; height:50px; font-size:15px; overflow:hidden}
.zp_list li span{ width:100%; float:left; line-height:26px; color:#ff0000; font-size:16px;}
.zp_list li span i{ color:#999; margin-left:5px; font-size:14px;  font-style:normal}