@charset "utf-8";
/* CSS Document */

*{padding: 0; margin: 0;}
body{ overflow-x: hidden;}
img{ border:none; font-size: 0; }
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
a{ text-decoration: none; color: black;display: inline-block; }
li{ list-style: none; }

.banner{width:100%;position: relative;}
.banner img{width:100%;position: relative;}
.banner h3{font-size:2.2vw;font-weight:bold;color:#fff;position:absolute;top:300px;left:50%;text-shadow: 3px 3px 7px #333;margin-left:-50%;width:100%;text-align:center;}
.banner dd{font-size:1vw;font-weight:normal;color:#fff;position:absolute;top:370px;left:50%;text-shadow: 3px 3px 7px #333;margin-left:-50%;width:100%;text-align:center;}

.jscs{width:100%;margin:0vw auto 2vw;padding: 0vw 0;}
.jscs h3{font-size:1.7vw;color: #fff;text-align: center;font-weight:bold;margin-bottom:3vw;}
.jscs p{line-height: 35px;color: #fff !important;font-size: 16px;}
.jscs table{border-collapse:collapse; width:100%;background: #fff;}
.jscs table thead tr td{font-size:1.2vw;color:#505050;}
.jscs table tr td{font-size:0.8vw;color:#505050;border:1px solid #fff;text-align:center;padding:0.9vw 0;width:25%}

.canshu{width:100%;margin:5vw auto;overflow: hidden;max-width: 1280px;}
.canshu h3{font-size:1.7vw;color: #182a4a;text-align: center;font-weight:bold;margin-bottom:3vw;}
.canshu img{width:100%;transition: all .8s ease;}
.canshu p{color:#7a7a7a;font-size:0.7vw;padding-top:0.4vw;padding-left: 1vw;}
.canshu table{margin: 0 auto;    border-spacing: 0!important;border-collapse: collapse;width:100%}
.bghui {
    background: #e7e8e9;
}
.canshu table tr td {
    font-size: 0.8vw;
    color: #505050;
    border: 1px solid #a0a0a0;
    text-align: center;
    padding: 0.9vw 0;
    width: 16.5%;
}

/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding: 100px 0 100px 0;background: #f1f1f1;margin-top:120px;}
.pro-center .title{font-size: 36px;text-align: center;padding-bottom: 5px;color: #000;letter-spacing: 1px;font-weight: bold;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: left;width: 25%;box-sizing: border-box;box-shadow:0px 10px 10px #e1dede;background: #fff;margin-top: 70px;}
.pro-content{width: 100%;padding-top: 40px;}
.pro-right{float: right;width: 94%;background: #fff;padding:3%;margin-top: 2vw;text-align:left;}
.pro-left .left-title{background: #e95412;height: 70px;line-height: 70px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 20px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul li{height: 60px;line-height: 60px;font-size: 16px;text-align: center;cursor: pointer;color: #999999;border-bottom: 1px solid #ddd;}
.pro-left .left-category ul li a{color: #999999;}
.pro-left .left-category ul li.on{background: #fff;color: #e95412;font-weight: bold;}
.pro-left .left-category ul li:hover{background: #087fd2;color: #FFFFFF;}
.pro-left .left-contact {margin-top: 20px;margin-bottom: 20px;text-indent: 0px;background: url(../images/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #666;font-size: 14px;padding: 3px 0 10px 20px;text-align: left;}
.pro-left .left-contact p.tel{font-size: 14px;text-align: left;
    padding: 3px 0 10px 20px;
    color: #e95412;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;}
/*产品展示右侧*/
.pro-right{display: none;}
.pro-right h4{font-size:18px;color:#087fd2;padding-bottom:15px;}
.pro-right p{font-size:16px;color:#999;padding-bottom:10px;}
.pro-right p img{width:100%;}
.pro-right div img{width:100%;}
.pro-right ul h5{font-size:18px;color:#087fd2;padding-bottom:15px;}
.pro-right dd{font-size:16px;color:#999;line-height: 30px;}
.pro-right ul li{float: left;width: 32.666%;background: #ededed;margin-right: 1%;;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;padding:2%;}
.pro-right ul li:nth-child(4n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}

/**shebei**/
.shebei{width:80%;margin:150px auto;overflow: hidden;}
.shebeil{float:right;width:66%;margin-top:0px;}
.shebeil h3{font-size:36px;color:#000;padding-bottom:35px;}
.shebeil h3 span{color:#e95412;}
.shebeil p{font-size:17px;color:#999;line-height:35px;padding-bottom:15px;}
.shebeil p span{font-weight:bold;color:#000;padding-right:10px;}

.shebeir{float:left;width:23%;}
.shebeir img{width:100%;}


/**tuan**/
.tuanall{background:#f3f7f4;width:100%;padding:10px 0;}
.tuan{width:80%;margin:150px auto;overflow: hidden;}
.tuanl{float:left;width:66%;margin-top:0px;}
.tuanl h3{font-size:36px;color:#000;padding-bottom:35px;}
.tuanl h3 span{color:#e95412;}
.tuanl p{font-size:18px;color:#999;line-height:35px;padding-bottom:15px;}
.tuanl p span{font-weight:bold;color:#000;padding-right:10px;}

.tuanr{float:right;width:23%;}
.tuanr img{width:100%;}

.aboutm{
    min-height: 66px;
    border-bottom: solid 1px #e1e1e1;
}

.menu{font-size: 20px}
.menu ul{padding:0;margin:0;}
.menu ul li{float:left;margin-right:0.8vw;list-style: square;color: #f08519;}
.menu ul li a{padding:0 2vw 0 0px;font-size:18px;color:#333;line-height: 60px;font-weight: bold;}
.menu ul li a.active{color:#004ea2;font-weight:bold;}

.container {width:95%;margin: 0 auto;}

.about{width:80%;position: relative;overflow: hidden;margin:100px auto 50px auto;}
.about h3{font-size:36px;font-weight:bold;color:#333;margin:0 0 50px 0;line-height:55px;text-align: center;}

.aboutl{width:45%;margin-right:3%;float:left;}
.aboutl img{width:100%;}

.aboutr{float:left;width:50%;}
.aboutr p{font-size:16px;color:#666;line-height:32px;margin-bottom: 15px;}
.aboutr a{background: #f08519;
    color: #fff;
    padding: 10px 50px;
    margin-top: 2vw;}

.youshi{width:80%;margin:100px auto;}
.youshi h3{font-size:36px;font-weight:bold;color:#333;margin:0 0 50px 0;line-height:55px;text-align: center;}
.youshi ul{padding:0;margin:0;overflow:hidden;}
.youshi ul li{float:left;overflow:hidden;width:23%;border-left: 0px solid #f4f3f3;margin-right:2%;background: #f4f3f3;text-align: center;padding-bottom: 2vw;}
.youshi ul li:nth-child(4){margin-right: 0;}
.youshi ul li img{width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.youshi ul li:hover img{transform: scale(1.05,1.05);}

.youshixia{width:100%;text-align: center;height:199px;background:#f4f3f3;padding: 25px 0;}
.youshixia img{width:auto;margin-top: 25px;border-radius: 50%;}
.youshixia h4{font-size:16px;color:#666;font-weight:normal;padding:20px 0 30px 0;}
.youshixia p{font-size: 14px;
    color: #fff;
    text-align: center;
    width: 100%;
    background: #f08519;
    height: 35px;
    line-height: 35px;}

.gg{height: 575px;background: url(../images/about/zzbanner.jpg) no-repeat center top fixed;}
.gg h3{font-size: 36px;color: #fff;line-height: 82px;font-weight: 700;width: 80%;margin:0 auto;padding:150px 0 1px 0;}
.gg h3 span{color:#e95412;}
.gg p{color: #fff;font-size:16px;width: 80%;margin: 0 auto 3vw auto;}
.gg a{color: #fff;
    font-size: 16px;
    width: 150px;
    margin-left: 10%;
    background: #e95412;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;}

.bao{width:80%;margin:100px auto;overflow: hidden;}
.bao h3{font-size:36px;font-weight:bold;color:#333;margin:0 0 50px 0;line-height:55px;text-align: center;}
.bao ul{padding:0;margin:0;}
.bao ul li{float:left;width:23%;margin-right:2%;text-align:center;border: 1px solid #ddd;padding:30px 0 50px 0;}
.bao ul li:nth-child(4){margin-right: 0;}
.bao ul li img{width:100px;padding: 25px 0;}
.bao ul li dd{font-size:16px;color:#666;font-weight:normal;}


/**功能**/
.gongneng{width:80%;margin:150px auto;overflow: hidden;}
.gongnengl{float:right;width:38%;margin-top:0px;}
.gongnengl h3{font-size:36px;color:#000;padding-bottom:35px;}
.gongnengl p{font-size:17px;color:#999;line-height:35px;padding-bottom:15px;list-style: square;}
.gongnengl p span{font-weight:bold;color:#000;padding-right:10px;}

.gongnengr{float:left;width:55%;}
.gongnengr img{width:100%;}


/**效益**/
.xyall{background:#f3f7f4;width:100%;padding:10px 0;}
.xy{width:80%;margin:150px auto;overflow: hidden;}
.xyl{float:left;width:36%;margin-top:0px;}
.xyl h3{font-size:36px;color:#000;padding-bottom:35px;}
.xyl p{font-size:18px;color:#999;line-height:35px;padding-bottom:15px;list-style: square;}
.xyl p span{font-weight:bold;color:#000;padding-right:10px;}

.xyr{float:right;width:55%;}
.xyr img{width:100%;}

.more1{ width: 160px; height: 40px; display: inline-block; line-height: 40px; border: 1px solid #e95412; text-align: center; margin-top: 50px; position: relative;border-radius: 5px; }
.more1 a{ display: block; font-size: 16px; font-weight: normal; color: #e95412; position: relative;left: 10px;}
.more1:after{ content: ""; position: absolute; left: 25px; top: 20px; width: 27px; height: 2px; background-color: #e95412; }
.more1:before{ content: ""; position: absolute; left: 0; width: 0; height: 40px; color: #fff; background: #e95412;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;border-radius: 5px;  }
.more1:hover:before{ width:160px; }
.more1:hover:after{ background-color: #fff;  }
.more1:hover{ border: 1px solid #e95412;}
.more1:hover a{ color: #fff; }

@media screen and (max-width: 767px) and (min-width: 0px){
.banner img {
    width: 100%;
    position: relative;
    margin-top: 10vw;
}
.banner h3 {
    font-size: 5vw;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 22vw;
    left: 50%;
    text-shadow: 3px 3px 7px #333;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}
.banner dd {
    font-size: 4vw;
    font-weight: normal;
    color: #fff;
    position: absolute;
    top: 28.5vw;
    left: 50%;
    text-shadow: 3px 3px 7px #333;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}
.aboutm {
    min-height: 66px;
    border-bottom: solid 1px #e1e1e1;
    overflow: hidden;
}

.menu ul li {
    float: left;
    margin: 1% 0.5%;
    list-style: none;
    background: #f08519;
    width: 49%;
    color: #fff;
    text-align: center;
}
.menu ul li a {
    padding: 0 2vw 0 0px;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
}
.menu ul {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
}
.about h3 {
    font-size: 5vw;
    font-weight: bold;
    color: #333;
    margin: 0 0 30px 0;
    line-height: 30px;
    text-align: center;
}	
.about {
    width: 94%;
    position: relative;
    overflow: hidden;
    margin: 20px auto 0px auto;
}
.aboutl {
    width: 100%;
    margin-right: 0%;
    float: left;
}
.aboutr {
    float: left;
    width: 100%;
}
.aboutr p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-bottom: 8px;
}
.aboutr a {
    background: #f08519;
    color: #fff;
    padding: 10px 30px;
    margin-top: 2vw;
}
.pro-center {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 30px 0 27px 0;
    background: #f1f1f1;
    margin-top: 35px;
}
.pro-center .title {
    font-size: 5vw;
    text-align: center;
    padding-bottom: 5px;
    color: #000;
    letter-spacing: 1px;
    font-weight: bold;
}
.pro-left {
    float: left;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0px 10px 10px #e1dede;
    background: #fff;
    margin-top: 0;
}
.pro-left .left-title span {
    display: inline-block;
    color: #FFFFFF;
    font-size: 3.8vw;
    font-weight: bold;
}
.pro-right {
    float: right;
    width:94%;
    background: #fff;
    padding: 3%;
	margin-top: 4vw;
}
.container {
    width: 98%;
    margin: 0 auto;
}
.pro-right h4 {
    font-size: 16px;
    color: #087fd2;
    padding-bottom: 15px;
}
.pro-right p {
    font-size: 14px;
    color: #999;
    padding-bottom: 25px;
}
.pro-right ul li .img {
    width: 100%;
    height: auto;
    overflow: auto;
}

.jscs table tr td {
    font-size: 3.3vw;
    color: #505050;
    border: 1px solid #fff;
    text-align: center;
    padding:5vw;
    width: 25%;
    height: auto;
    line-height: 5vw;
}
.shebei {
    width: 94%;
    margin:30px auto;
    overflow: hidden;
}
.shebeir img {
    width: auto;
    height: 73vw;
}
.shebeir {
    float: left;
    width: 100%;
}
.shebeil {
    float: right;
    width: 100%;
    margin-top: 0px;
}
.shebeil h3 {
    font-size: 5vw;
    color: #000;
    padding-bottom: 13px;
	padding-top: 3vw;
}
.shebeil p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    padding-bottom: 15px;
}
.tuanr img {
    width: auto;
    height: 73vw;
}
.more1 {
    width: 160px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    border: 1px solid #e95412;
    text-align: center;
    margin-top: 10px;
    position: relative;
    border-radius: 5px;
}
.tuanl {
    float: left;
    width: 100%;
    margin-top: 0px;
}
.tuanl h3 {
    font-size: 5vw;
    color: #000;
    padding-bottom: 20px;
}
.tuan {
    width: 94%;
    margin: 20px auto;
    overflow: hidden;
}
.tuanl p {
    font-size: 14px;
    color: #999;
    line-height: 35px;
    padding-bottom: 15px;
}
.tuanr {
    float: right;
    width: 100%;
	margin-top: 30px;
}
.gg {
    height: 375px;
    background: url(../images/about/zzbanner.jpg) no-repeat center top;
}
.gg h3 {
    font-size: 5vw;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
    width: 80%;
    margin: 0 auto;
    padding: 80px 0 1px 0;
}
.gg p {
    color: #fff;
    font-size: 14px;
    width: 80%;
    margin: 0 auto 3vw auto;
    line-height: 25px;
}
.bao {
    width: 94%;
    margin:40px auto;
    overflow: hidden;
}
.bao h3 {
    font-size: 5vw;
    font-weight: bold;
    color: #333;
    margin: 0 0 50px 0;
    line-height:30px;
    text-align: center;
}
.bao ul li {
    float: left;
    width: 48.4%;
    margin-right:2%;
    text-align: center;
    border: 1px solid #ddd;
    padding: 15px 0 0px 0;
    height: 200px;
    margin-bottom: 2vw;
}
.bao ul li dd {
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.bao ul li:nth-child(2n) { margin-right:0%;}

.gongnengr {
    float: left;
    width: 100%;
}
.gongnengl {
    float: right;
    width: 100%;
    margin-top: 0px;
}
.gongneng {
    width: 94%;
    margin: 30px auto;
    overflow: hidden;
}
.gongnengl h3 {
    font-size: 5vw;
    color: #000;
    padding-bottom: 30px;
	padding-top: 10px;
}
.gongnengl p {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    padding-bottom: 15px;
    list-style: square;
}
.xyall {
    background: #f3f7f4;
    width: 94%;
    padding: 10px 0;
    margin: 0 auto;
}
.xy {
    width: 94%;
    margin: 20px auto;
    overflow: hidden;
}
.xyl {
    float: left;
    width: 100%;
    margin-top: 0px;
}
.xyl h3 {
    font-size: 5vw;
    color: #000;
    padding-bottom: 30px;
}
.xyr {
    float: right;
    width: 100%;
	margin-top:5vw;
}
.xyl p {
    font-size: 14px;
    color: #999;
    line-height:20px;
    padding-bottom: 15px;
    list-style: square;
}
}