.products,.title,.about,.case,.news{overflow: hidden;width:96%;max-width:1170px;}
.title{margin:0 auto; margin-top:10px;}
.title h3{font-size:32px; font-family: Helvetica, Arial, sans-serif; text-align:center;}
.title h3 a{color:#000;}
.title p{width:80px;background:#ffcc00;height:3px;margin:7px auto 0;}

/*--------------banner--------------------*/
.banner{ max-width:1920px;overflow:hidden;margin:0 auto 25px;}
.swiper-container {width:100%;overflow:hidden;margin:0 auto;cursor:pointer;}
.swiper-container img{width:100%;}
.banner .swiper-pagination-bullet{background:#e7e7e7;width:20px;height:5px;margin-right:1px;opacity:1;border-radius:0;}
.banner .swiper-pagination-bullet-active{background:#ffb445;}

/*--------------shejiaopingtai--------------------*/
.shejiao_css{width:96%; max-width:1170px; margin:0 auto; overflow:hidden; margin-top:10px;text-align:center;}
.shejiao_css a{ width:18%;overflow:auto;text-align:center;}
.shejiao_css a img{width:100%;max-width:100px;}
.shejiao_css a:nth-of-type(2n){ margin-left:8%;}
.shejiao_css a:nth-of-type(3n){ margin-left:8%;}
.shejiao_css a:nth-of-type(5n){ margin-left:8%;}

/*-------------products-list-------------*/
.products{margin:60px auto;}
.products dl{float:left;width:19.2%;margin-right:1%;margin-top:30px;}
.products dl:nth-of-type(5n){margin-right:0;}
.products dl dt {width: 100%;}
.products dl dt a {width:100%;display:block;display: block;margin: 0 auto;text-indent: -999em;}
.products dl dt img{width:100%;max-width:155px;margin:0 auto;}
.psp{display:block;}
.psn{display:none;}
.products dl dd a h1,.products dl dd a h3{font-size:18px;color:#666;line-height:26px;height:26px;overflow:hidden;text-align:center;display: block;font-weight: 400;margin-top: 8px;}
.products dl dd a h1:hover,.products dl dd a h3:hover{color:#fc3343;}
/*---------------------products-------------------------*/
.index-h1{display:none;}
.pstxt{text-align:center;font-size:16px;color:#666;margin-top:10px;}

.cp{width:96%;max-width:1170px;margin:25px auto 0;overflow:hidden; }
.cp li{width:23.5%;float: left;overflow:hidden;margin-bottom:35px;margin-right:2%;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;background: #fff;box-shadow:2px 0 10px rgba(21, 53, 129, 0.2);}
.cp li:nth-of-type(4n){ margin-right:0;}
.cp_con {width:100%;overflow:hidden;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s; -o-transition: .3s;transition: .3s;position: relative;top: 0;}
.cp_con a {width:100%;display: block;overflow: hidden;color: #333;}
.cp_con img {display: block;width: 100%;}
.cp_con .cp_conpadd{margin: 5px 10px 25px;}
.cp_con a h3 {display: block;font-size:16px;font-weight:600;color: #333;line-height:26px;text-overflow: ellipsis;margin: 5px 0;}
.cp_con .cp_conpadd p {font-size: 13px;color: #666;line-height: 26px;}
.cp_con:hover{-moz-box-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2);top:-5px;}
.cp_con::after{content:"";position:absolute;right:100%;bottom:0;width:100%;height:2px;background-color:#e73527;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:alpha(Opacity=0);-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.cp_con:hover::after{right:0;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100);}
.cp_con:hover a h3{color:#cb0100;}
/*---------------------about-------------------------*/
.indexysul{width:96%;max-width:1170px;margin:30px auto 20px;clear: both; display:block;position:relative;overflow:hidden;}
.indexysul .ip_left{float: right;width: 54%;box-sizing: border-box;margin: 5px 0;padding-left:30px;}
.indexysul .ip_left h1{font-size: 24px;color: #333;text-transform: uppercase;font-weight: normal;}
.ip_left .tit{ font-size:36px; margin-bottom:10px; color:#333;margin-top: 5px;}  
.ip_left .tit span{ color:#ef011c; font-weight:600;display: inline-block;}
.indexysul .ip_left .c{font-size: 16px;text-indent: 2em;line-height: 32px; color:#666;}

.line1 {height: 3px;width: 120px;background: #fc0; display:block;margin-bottom:15px;}
.indexysul .ip_left .box{ position: absolute;right:0;background:#fff;border-radius: 5px;box-shadow:2px 0 15px rgba(21, 53, 129, 0.2); padding:0 20px; width:60%; z-index:2; margin:25px 13px 5px 5px;}

.indexysul .ip_left .box dl{float:left;width:33.33333333%;text-align:center;}
.indexysul .ip_left .box dl dt{width: 30%;float: left;}
.indexysul .ip_left .box dl dt em{display:block;width:55px;height:55px;margin:0 auto 24px;text-align:center;line-height:2.5em;font-size:65px;font-style:normal; margin-top:20px;color:#fff;}
.indexysul .ip_left .box dl dd{width: 68%;float: right;margin-top: 20px;}
.indexysul .ip_left .box dl dd h3{font-size: 28px;text-align: left;}
.indexysul .ip_left .box dl dd p{font-size: 14px;text-align: left;width: 100%;overflow: hidden;}
#ys1{background:url(../images/com_1.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
#ys2{background:url(../images/com_2.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
#ys3{background:url(../images/com_3.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
.indexysul .ip_right{float:left;width: 45%;}
.indexysul .ip_right img{width: 100%;height: 100%}

/*---------------------fahuo-------------------------*/
.fahuo{ width:96%; max-width:1170px; margin:0 auto; overflow:hidden; margin-top:30px;}
.fahuo li{ width:23.5%; overflow:hidden; float:left; margin-right:2%;margin-bottom: 20px;}
.fahuo li:nth-of-type(4n){ margin-right:0;}
.fahuo li img{ display:block; width:100%; overflow:hidden;}
.fahuo li p{ display:block; width:100%;height:52px; line-height:28px; overflow:hidden; text-align:center; overflow:hidden; margin-top:10px;}
.fahuo li p a{ font-size:16px; color:#666;  font-family: Helvetica, Arial, sans-serif; }
.fahuo li p a:hover{color:#fc3343;}
/*---------------------case--------------------------*/
.case{margin:30px auto;}
.case dl{display:block;width:23.5%;margin-right:2%;overflow:hidden;float:left;}
.case dl:nth-of-type(4n){ margin-right:0;}
.case dl dt{width:100%;overflow:hidden;}
.case dl a{display:block;width:100%;}
.case dl dt img{width:100%;display:block;overfloat:hidden;}
.case dl dd{line-height: 25px;width:100%;padding:5% 0;background: #f9f9f9;overflow: hidden;}
.case dl dd h4{color: #333;margin-bottom: 5px;font-size: 16px;height:50px;overflow:hidden;}
.case dl dd p{margin-bottom: 3px;font-size: 15px;color:#666;overflow: hidden;}
.casetxt{height:50px;}
.case dl dd:hover h4{ color:#fc3343;text-decoration:underline;}
/*-------------------news-----------------------*/
.news{margin:30px auto 0;}
.news dl,.news ul{float:left;width:31%;overflow:hidden;}
.news dl{margin-right:3.5%;}
.news dl a{display:block;}
.news dl dt{width:100%;}
.news dl dt img{width:100%;display:block;}
.news dl dd{width:100%;padding:4% 0 5% 0;overflow: hidden;}
.news dl dd h4{width:100%;color:#333;margin-bottom: 5px;font-size: 16px;line-height: 24px;height:48px;overflow:hidden;}
.news dl dd p{width:100%;margin-bottom:3px;line-height: 24px;font-size:14px;height:72px;overflow:hidden;color:#666;}
.news dl dd .shijian{width: 100%;margin-bottom:19px;line-height: 24px;font-size: 14px;overflow: hidden;color: #888;}
.news dl dd span{display:block;width:100%;color:#fc3343;font-size:16px;}
.news dl:hover dd h4{color:#fc3343;text-decoration:underline;}
.newslist li{width:100%;overflow:hidden;margin-bottom:10px;}
.newslist li span{display: block;float: left;margin-right: -18px;background: url(../images/news1.jpg) no-repeat left;z-index: 30;height: 24px;width: 18px;}
.newslist li a{float:left;padding-left:18px;box-sizing: border-box;display:block;height: 48px;width:100%;overflow:hidden;font-size:15px;color:#333;line-height:22px;margin-bottom: 4px;}
.newslist li .shijian{width:100%;display:block;width:100%;padding-left: 18px;color: #888;}
.newslist p{width:100%;display:block;width:100%;margin-top:15px;}
.newslist p a{color:#fc3343;font-size:16px;}
.newslist li:hover a{color:#fc3343;text-decoration:underline;}

@media screen and (max-width:980px){
.products dl{width:18.4%;margin-right:2%;}
/*----------------about------------------*/
.about-img{margin:0 2%;}
.about-right{float:right;width:64%;}
}
@media (max-width:950px) {
.banner{margin-top: 40px;}
}
@media screen and (max-width:760px){
/*-------------products-list-------------*/
.products{margin:30px auto;}
.psp{width:100%;max-width:120px;margin:0 auto;}
.psn{width:100%;max-width:120px;}
.products dl dt img{width:95%;}
.products dl dd a h3{font-size:16px;}
/*---------------products-----------------*/
.cp li{width:49%;margin-right:2%;}
.cp li:nth-of-type(4n){ margin-right:2%;}
.cp li:nth-of-type(2n){ margin-right:0;}
.cp_con .cp_conpadd{padding: 5px 20px 25px;}
.cp_con a h3 {font-size:16px;}
.products dl dd a h3{height:52px;}
/*---------------fahuo-----------------*/
.fahuo li{width:48%;margin:0 4% 20px 0;}
.fahuo li:nth-of-type(2n){ margin-right:0;}
/*----------------about------------------*/
.indexysul .ip_left{width:100%;padding-left:0;}
.indexysul .ip_right{width:100%;margin-top:120px;}
.indexysul .ip_left .box{ position:absolute;right:0;background:#fff;border-radius: 5px;box-shadow:2px 0 20px rgba(21, 53, 129, 0.2); padding:0 20px; width:100%; z-index:999; margin:5px 0 5px 5px;}
.about-right{float:right;width:55%;}
.artop{width:100%;font-size:23px;font-weight:500;margin:23px auto 20px;}
.banner{margin-top: 76px;}
/*---------------case-----------------*/
.case dl{width:48%;margin:0 4% 20px 0;}
.case dl:nth-of-type(2n){ margin-right:0;}
/*-------------------news-----------------------*/
.news dl,.news ul{width:96%;max-width:450px;float:inherit;margin:0 auto 20px;}
}
@media screen and (max-width:640px){
.indexysul .ip_left .box{display:none;}
.indexysul .ip_right{margin-top:10px;}

}
@media screen and (max-width:600px){
.products dl dt img{width:90%;}
.products dl dd a h3{height:78px;}
.about-img{width:100%;margin-top:10px;}
.about-img img{margin:0 auto;}
.about-right{width:100%;margin-bottom:10px;}
/*----------------case------------------*/
.case dl{width:96%;max-width:450px;float:inherit;margin:0 auto 20px;}
.case dl:nth-of-type(2n) {margin-right:auto;}
}

@media screen and (max-width:480px){
.cp_con .cp_conpadd{padding: 5px 10px 25px;}
.cp_con .cp_conpadd p{font-size:12px;}
}