@charset "utf-8";

/* 当前位置 */
.location{ overflow: hidden; padding: 10px 0;box-shadow: 0 0 6px rgba(0,0,0,.3);}
.location .here{width: 30%; color: #666;}
.location .here a{ color: #666;height: 40px;line-height: 40px;}
.location .here i{font-size: 18px;}

/* 内页BANNER */
.ny-banner{ text-align: center; height: 204px;}
.ny-banner .text{color: #FFF; padding-top: 80px;}
.ny-banner .text h2{ font-size: 38px;}

.main_left{ width: 70%;}
.main_left ul{}
.main_left ul li{ float: left; margin: 0 15px;}
.main_left ul li a{display: block;  height: 40px;line-height: 40px;}
.main_left ul li a:hover{color: #f1501a;}
.main_left ul li.active a{color: #f1501a;font-weight: bold;}

.page_title{margin: 50px 0;padding-bottom: 30px; background: url(../images/pline.png) no-repeat bottom;}
.page_title h2{color: #f1501a;font-size: 36px;font-weight: bold; margin-bottom: 20px;}
.page_title h3{color: #f1501a;font-size: 30px;font-weight: bold; padding-top: 15px;}
.page_title em{font-size: 13px; color: #666;text-transform: uppercase;}

/* 关于我们 */
.about1-01{line-height: 24px;}

.about1-02{overflow: hidden; margin: 50px 0;} 
.about1-02 .list{float: left; width:20%}
.about1-02 .text{color:#666;font-size:16px;text-align:center;margin: 15px 0;}
.about1-02 .numbox{text-align:center;}
.about1-02 .numUp{color:#222;font-size:60px;font-weight:bold;font-family:'din';line-height:1;display:initial}
.about1-02 .add{font-size:24px;font-family:'din';color:#666;display:initial}

.about1-03{padding-bottom: 50px;}
.about1-03 .list{width:33.3333%;position:relative; cursor: pointer;}
.about1-03 .list .img{font-size: 0;}
.about1-03 .list .img img{max-width: 100%;}
.about1-03 .list .textbox{width:100%;position:absolute;bottom:1.5vw;left:0;padding:0 44px;}
.about1-03 .list .textbox .cntitle{color:#fff;font-size:22px;}
.about1-03 .list .textbox .entitle{color:#fff;margin-top:6px;}
.about1-03 .list:hover .textbox{
	width:100%;
	height:100%;
	background-color:#f1501a;
	bottom:0;
	padding:0 15px;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	transition: 0.6s;
}
.about1-03 .list:hover .box{width:100%;height:100%;	margin-top: 30%;}
.about1-03 .list:hover .textbox .cntitle, 
.about1-03 .list:hover .textbox .entitle{text-align:center;}


.about2-02{overflow: hidden;}
.about2-02 ul{}
.about2-02 ul li{float: left;width: 49%; margin-right: 2%;margin-bottom: 30px;}
.about2-02 ul li h2{text-align: center; height: 50px; line-height: 50px; background: #f3f3f3;}
.about2-02 ul li img{max-width: 100%;}
.about2-02 ul li:nth-of-type(2n){margin-right: 0;}

.about3-03{overflow: hidden;}
.about3-03 ul{}
.about3-03 ul li{float: left;width: 49%; margin-right: 2%;margin-bottom: 30px;}
.about3-03 ul li h2{text-align: center; height: 50px; line-height: 50px; background: #f3f3f3;}
.about3-03 ul li img{max-width: 100%;}
.about3-03 ul li:nth-of-type(2n){margin-right: 0;}


.about4-04{overflow: hidden; margin-bottom: 50px;}
.about4-04 ul{}
.about4-04 ul li{float: left; width: 33.333333%;}
.about4-04 ul li h2{text-align: center; height: 50px; line-height: 50px; background: #f3f3f3;}
.about4-04 ul li img{max-width: 100%;}
.about4-04 ul li:first-child{width: 100%;}

.about5-05{overflow: hidden; margin-bottom: 50px;}
.about5-05 ul{}
.about5-05 ul li{float: left; width: 277px; margin-right: 30px; margin-bottom: 30px;}
.about5-05 ul li:nth-of-type(4n+0){margin-right: 0;}
.about5-05 ul li h2{text-align: center; height: 50px; line-height: 50px; background: #f3f3f3;}
.about5-05 ul li .img{position: relative;height: 230px; overflow: hidden; border: 1px solid #f3f3f3;}
.about5-05 ul li .img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.about5-05 ul li .img img:hover{transform: scale(1.2);}

.quali3item{padding:80px 0;overflow: hidden; background-image:url(../images/quabg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.quali3item:nth-of-type(2n){padding:74px 0;background-image:none}
.quali3item .titlebox .num{width:46px;height:46px;border-radius:46px;background-color:#f1501a;color:#fff;line-height:46px;font-size:24px;font-family:'dinpro';text-align:center}
.quali3item .titlebox .textbox{margin-left:19px}
.quali3item .titlebox .textbox .cntitle{color:#332c2b;font-size:20px;font-weight:bold;line-height:1}
.quali3item .titlebox .textbox .entitle{color:#332c2b;font-size:18px;margin-top:7px;font-family:Arial}
.quali3item .box{margin-top:64px}
.quali3item .box .name{height:50px;background-color:#f1501a;margin-bottom:50px;border-radius:5px;color:#fff;line-height:50px;font-size:18px;padding:0 32px;display:inline-block}
.quali3item .box .item{margin-right:58px}
.quali3item .box .item:nth-last-of-type(1){margin-right:0}
.quali3item .box .item .content{border-radius:5px;border:1px solid #d5d5d5;padding:16px 32px;position:relative;min-height:82px}
.quali3item .box .item .content:after{content:"";width:20px;height:23px;background-image:url(../images/quaicon.png);position:absolute;top:50%;margin-top:-11px;right:-40px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.quali3item .box .item:nth-last-of-type(1) .content:after{display:none}
.quali3item .box .item .content .t{color:#332c2b;font-size:18px;text-align:center}
.quali3item .box .item .content .b{color:#666;text-align:center;margin-top:5px}
.quali3item .box .item .otext{text-align:center;margin-top:22px}
.quali3item .box .item .otext .text{font-size:18px;display:inline-block}
.quali3item .box .item .otext .yuan{width:12px;height:12px;border-radius:12px;background-color:#f1501a;display:inline-block;margin-right:4px}
.quali3item .box .list{}
.quali3item .box .list:nth-last-of-type(1){margin-top:50px;}
.quali3item .box .item.cur .otext .yuan{background-color:#ee791d}

.warehnumbox{margin:60px 0}
.warehnumlist{margin-right:4.7916vw}
.warehnumlist:nth-last-of-type(1){margin-right:0}
.warehnumlist .numbox{text-align:center}
.warehnumlist .numUp{color:#f1501a;font-size:60px;font-weight:bold;font-family:'din';line-height:1;display:initial}
.warehnumlist .add{font-size:24px;font-family:'din';color:#f1501a;display:initial}
.warehnumlist .text{margin-top:8px;font-size:20px;color:#666;text-align:center}

/* 案例中心 */
.caselist{overflow: hidden; margin-bottom: 50px;}
.caselist ul{}
.caselist ul li{float: left; width: 277px; margin-right: 30px; margin-bottom: 30px;}
.caselist ul li:nth-of-type(4n+0){margin-right: 0;}
.caselist ul li .img{position: relative;height: 230px;width: 277px; overflow: hidden; border: 1px solid #f3f3f3;}
.caselist ul li .img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.caselist ul li .img img:hover{transform: scale(1.2);}
.caselist ul li h2{text-align: center; height: 50px; line-height: 50px; background: #f3f3f3; clear: both;}

/* 下载中心 */
.down{overflow: hidden;}
.down h2{font-size: 24px; margin: 20px 0;}
.down ul{ border-bottom: 1px solid #E7E7E7; margin-bottom: 20px; padding-bottom: 20px;}
.down ul li{ float: left; width: 307px; border: 1px solid #E7E7E7; margin-right: 20px; padding: 20px; }
.down ul li h3{font-size: 18px; line-height: 26px;}
.down ul li time{display: block; font-size: 13px; color: #999; margin: 5px 0;}
.down ul li span{display: block; border-radius: 30px; width: 140px; text-align: center; padding: 8px 0; background: url(../images/down.png) no-repeat 17px; background-size: 18px; border: 1px solid #e7e7e7;}


/* 经销商专区 */
.jm01-l{float: left; width: 800px;}
.jm01-l ul{}
.jm01-l ul li{float:left; width:370px; border: 1px solid #E7E7E7; margin-right: 30px; padding: 30px; margin-bottom: 30px; min-height: 200px;}
.jm01-l ul li h2{font-size: 52px; margin-bottom: 20px;font-weight: bold; color: #f1501a;}
.jm01-l ul li p{font-size: 14px; line-height: 28px; color: #999;}
.jm01-r{float: left; width: 400px; height: 428px; background: url(../images/jm01.jpg) no-repeat; background-size: 100% 100%;border: 1px solid #E7E7E7;}
.jm01-r .text{padding: 30px; padding-top: 125px;}
.jm01-r .text h2{font-size: 52px; margin-bottom: 20px;font-weight: bold; color: #f1501a;}
.jm01-r .text span{font-size: 26px; line-height: 28px; color: #222;}
.jm01-r .text span em{display: block; color: #999; font-size: 13px; text-transform: uppercase;}

.jm02bg{overflow: hidden; background: url(../images/attr_4.jpg) no-repeat center;}
.jm02{ margin-bottom: 60px;}
.jm02 ul{}
.jm02 ul li {
    position: relative;
    float: left;
    width: 206px;
    height: 206px;
    margin-right: 42px;
    padding:30px;
    border-radius: 50%;
    background: #fff;
	text-align: center;
    box-sizing: border-box;
}
.jm02 ul li:last-child{margin-right: 0;}
.jm02 ul li span { display: block;}
.jm02 ul li span i {display: block; width: 60px;height: 60px;margin: 0 auto 10px;}   
.jm02 ul li span em{ color: #666;}
.jm02 ul li i.i1 {background: url(../images/attr_1_1.png);}
.jm02 ul li i.i2 {background: url(../images/attr_2_1.png);}
.jm02 ul li i.i3 {background: url(../images/attr_3_1.png);}
.jm02 ul li i.i4 {background: url(../images/attr_4_1.png);}
.jm02 ul li i.i5 {background: url(../images/attr_5_1.png);}

.jm03{overflow: hidden; }
.jm03 ul{}
.jm03 ul li{float: left; width: 277px; margin-right: 30px; margin-bottom: 30px;}
.jm03 ul li:nth-of-type(4n+0){margin-right: 0;}
.jm03 ul li h2{text-align: center; height: 50px; line-height: 50px; background: #f3f3f3;}
.jm03 ul li .img{position: relative;height: 190px; overflow: hidden; border: 1px solid #f3f3f3;}
.jm03 ul li .img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.jm03 ul li .img img:hover{transform: scale(1.2);}


/* 服务支持 */
.fw01{}
.fw01 ul{}
.fw01 ul li{float:left;}
.fw01 ul li h2{font-size: 22px; margin-bottom: 20px;}
.fw01 ul li p{font-size: 14px; line-height: 28px; color: #999;}
.fw01 ul li:nth-of-type(1){width: 30%;}
.fw01 ul li:nth-of-type(2){width: 30%;}
.fw01 ul li:nth-of-type(3){width: 40%;}


.fw04{}
.fw04 ul{}
.fw04 ul li{float:left; width: 33.333333%; margin-bottom: 30px;}
.fw04 ul li h2{font-size: 22px; margin: 15px 0; color: #222;}
.fw04 ul li p{font-size: 14px; line-height: 28px; color: #666; padding-right: 40px;}
.fw04 .azb-biao{text-align: center; background: #ebebeb; overflow: hidden; clear: both; margin: 30px 0; padding: 30px 0;}
.fw04 .azb-biao dd{float: left; width: 46%; margin: 0 2%;}
.fw04 .azb-biao dd video{ display: block; width: 100%; margin: 0 auto;}

.fw06{}
.fw06 h2{font-size: 32px; margin: 15px 0; color: #222; font-weight: bold;}
.fw06 h3{font-size: 22px; margin: 15px 0; color: #222;}







/* 产品中心 */
.main_l{float: left; width: 230px; margin-right: 40px; margin-top: 50px; margin-bottom: 50px;}
.main_r{float: right; width:930px ;}

.left_pro{overflow: hidden;}
.left_pro h2{display: block; background: #212121; font-size: 26px; color: #FFF; height: 75px; line-height: 75px; text-align: center;}
.left_pro ul{}
.left_pro ul li{font-size: 14px;}
.left_pro ul li h3{ background: #f2f2f2;border-bottom: 1px solid #e9e9e9; height: 50px; line-height: 50px; padding-left: 30px;}
.left_pro ul li h4{ background: #FFF; border-bottom: 1px solid #F1F1F1; height: 50px; line-height: 50px; padding-left: 40px;}


.product-list{overflow: hidden; margin-bottom: 50px;}
.product-list ul{}
.product-list ul li{float: left; width: 210px; margin-right: 30px; margin-bottom: 30px;}
.product-list ul li:nth-of-type(4n+0){margin-right: 0;}
.product-list ul li .img{position: relative;height: 160px;overflow: hidden; border: 1px solid #f3f3f3;}
.product-list ul li .img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.product-list ul li .img img:hover{transform: scale(1.2);}
.product-list ul li h2{text-align: center; height: 50px; line-height: 50px; background: #f3f3f3; clear: both;}


/* 人力资源 */
.joblist{ margin-bottom: 100px;}
.joblist .jobtitle{ text-align: center; border-bottom: 1px solid #dddddd;}
.joblist .jobtitle h2{ font-size: 30px; }
.joblist .jobtitle p{ color: #9c9b9b; line-height: 40px;}
.joblist ul{ margin-top: 30px; }
.joblist ul li{ width: calc((100% - 2%) / 2); margin-right: 2%; float: left; border:1px solid #dddddd; margin-top: 20px; padding: 20px;}
.joblist ul li:nth-child(2n){ margin-right: 0%; }
.joblist ul li h4{ font-size: 22px; line-height: 40px; }
.joblist ul li p { font-size: 14px; line-height: 30px; }
.joblist ul li p span{ color: #555555; }
.joblist ul li p b{ margin: 0 20px; color: #c4c4c4; }
.joblist ul li a{ display: block; height: 30px; line-height: 30px; float: right; background: #f1501a; color: #fff; margin-top: 20px; width: 120px; text-align: center; }

.jobinfo{ margin-bottom: 100px;}
.jobinfo .hd{background: #f3f3f3;padding: 20px 30px;}
.jobinfo .hd h2{font-size: 28px;}
.jobinfo .hd dl{ margin-top: 10px; }
.jobinfo .hd dl span{ color: #777777; }
.jobinfo .jobcontent{ margin-top: 30px; padding: 0 30px;}
.jobinfo .jobcontent h4{ color: #f1501a; font-size: 18px; margin-bottom: 10px; font-weight: bold;}
.jobinfo .jobcontent dd{ line-height: 25px; color: #555555; }
.jobinfo .jobemail{background: #f3f3f3; text-align: center; margin-top: 50px; line-height: 25px; padding: 20px;}
.jobinfo .jobemail span{ color: #f1501a; font-weight: bold; }


/* 联系我们 */
.contitle{ text-align: center; border-bottom: 1px solid #dddddd;}
.contitle h2{ font-size: 30px; padding-bottom: 20px;}


.contact{}
.contact h2{font-size: 32px; border-bottom: 1px solid #E7E7E7; padding-bottom: 20px; margin: 30px 0;}
.contact ul{}
.contact ul li{ float: left; width: 50%; font-size: 18px; margin-bottom: 20px;}
.contact ul li i{ margin-right: 10px; font-size: 22px;}

.message{ margin: 50px auto;}
.message .layui-form-label{ text-align: left; padding: 0;line-height: 38px; font-size: 22px;}
.message .layui-input{ border: 1px solid #e2e3e4; }
.message span{ padding-left: 10px; color: #FF0000;}
.message .layui-btn{ display: block; background: #ec151f; text-align: center; margin: 0 auto; border: none; padding: 8px 40px;}


/* 新闻资讯列表页 */
.newsfl{ text-align: center; margin: 50px 0;}
.newsfl ul{ display: inline-block;}
.newsfl ul li{ float: left;  margin:0 10px ;}
.newsfl ul li a{display: block; height: 40px; line-height: 40px; padding: 0 20px;background: #FFF; border-radius: 40px;}
.newsfl ul li a:hover{color: #FFF;background: #0093dd;}
.newsfl .active a{color: #FFF;background: #0093dd;}


.newslist{ margin: 50px 0;}
.newslist ul{}
.newslist ul li{padding: 20px; overflow: hidden;background: #FFF; margin-bottom: 40px; width: 100%;cursor: pointer; box-shadow: 0 10px 30px 0 rgba(0,0,0,.19);transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.newslist ul li .img{overflow: hidden; width: 200px; height: 160px;}
.newslist ul li .img img{ width: 100%;}
.newslist ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist ul li .text{padding-left: 20px; width: 960px;}
.newslist ul li .text h2{font-size: 18px;}
.newslist ul li .text h2:hover{color: #f1501a; }
.newslist ul li .text time{display: block; margin: 10px 0; color: #999; }
.newslist ul li .text time i{float: left; }
.newslist ul li .text p{ text-align: justify; line-height: 24px; color: #999; margin: 8px 0;}
.newslist ul li .text .more{display: inline-block; border-bottom: 1px solid #E7E7E7; line-height: 26px;}


/* 新闻资讯详情页 */
.newsinfo{overflow: hidden; background: #f4f4f4; padding: 60px 0;}
.ninfo { width: calc(100% - 318px); background: #FFF; border: 1px solid #e6e6e6; padding: 40px 50px;} 
.ninfo dd{ padding: 20px 0; text-align: center;} 
.ninfo dd h2{ font-size: 28px; margin-bottom: 20px;} 
.ninfo dd time{display: block; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7; font-size: 13px; padding: 15px 0; color: #999;} 
.ninfo .info{ line-height: 32px; font-size: 14px;} 
.ninfo .info img{max-width: 100%;} 

/* 新闻资讯详情--右侧 */
.ninfo-R{ width: 278px; margin-left: 40px;background: #FFF; border: 1px solid #e6e6e6; padding: 30px 20px;}

.ninfo-list{overflow: hidden; margin: 20px 0 50px 0;}
.ninfo-list h2{ color: #f1501a; font-size: 23px; margin-bottom: 10px;}
.ninfo-list ul{overflow: hidden; padding: 10px 0; border-top: 1px solid #dfe0e1;border-bottom: 1px solid #dfe0e1;}
.ninfo-list ul li{ float: left; width: 50%; text-align: left;}
.ninfo-list ul li a{display: block; height: 30px; line-height: 30px; font-size: 15px; color: #666;}
.ninfo-list ul li a:hover{color: #f1501a;}
.ninfo-list .active a{color: #f1501a;}

.ninfo-xg{}
.ninfo-xg h3{font-size: 18px; border-bottom: 1px solid #dfe0e1; margin-bottom: 10px; padding-bottom: 8px; color: #666;}
.ninfo-xg ul{}
.ninfo-xg ul li{ margin-bottom: 10px;}
.ninfo-xg ul li a{color: #999; margin-left: 10px;}
.ninfo-xg ul li a:hover{color: #333;}
.ninfo-xg ul li::before{
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: #979797;
	border-radius: 50px;
	margin-top: 8px;
}


/* 上一条下一条 */
.nextpage{display: inline-block; width: 100%; border-bottom: 2px solid #e1e1e1; border-top: 2px solid #e1e1e1; margin-top: 50px; line-height: 50px; clear: both;}
.nextpage span{font-size: 14px;color: #9f9f9f;}
.nextpage a{font-size: 14px;color: #9f9f9f;transition: all .3s;}
.nextpage a:hover{color: #f1501a;}
/* 上一条下一条 */