
.banner{width: 1100px; height: 536px; margin: 40px auto;position: relative;}

.bannerbox{width: 100%;height: 100%;}

.bannertext{float: left;position: absolute;bottom: 30px;left: 35px;width: auto;height: auto;z-index: 50;}
.bannertext li:nth-child(1) p{font-size: 24px;color: #010101;line-height: 70px;font-family: "microsoft yahei";}
.bannertext li:nth-child(2) p{font-size: 12px;color: #444242;line-height: 20px;}
.bannertext li:nth-child(3) a{font-size: 12px;color: #e60012;line-height: 20px;text-decoration: none;}


.bannerbtn{float: left;position: absolute;width: auto;height: auto;bottom: 25px; right: 35px;z-index: 55;}
.bannerbtn li:nth-child(1){margin-bottom: 10px;}


.indexPClass{width: 1100px;height: 250px;margin: 0 auto;}
.pctitle{float: left;width: 100%; height: 35px;}
.pctitle li{float: left;}
.pctitle li:nth-child(1),.pctitle li:nth-child(3){width: 485px; height: 17px; border-bottom: dotted 1px #888887;}
.pctitle li:nth-child(2){width: 130px; height: 100%;}
.pctitle li:nth-child(2) p{font-size: 18px; color: #1c1c1c;line-height: 35px; text-align: center;font-family: "microsoft yahei";}

.pclistbox{float: left;width: 100%; height: 190px;margin-top: 25px;}
.pclistbox>ul{float: left;width: 210px;height: 100%;margin-left: 12px;position: relative;}
.pclistbox>ul:first-child{margin-left: 1px;}
.pclistbox>ul>li:nth-child(1){width: 100%; height: 100%;background-position: center;background-repeat: no-repeat; background-size: 100%;transition: background-size 0.5s;-webkit-transition: background-size 0.5s;-moz-transition: background-size 0.5s;;-o-transition: background-size 0.5s;}

.pclistbox>ul:nth-child(1)>li:nth-child(1){background-image: url(../img/index/productClass1.jpg);}
.pclistbox>ul:nth-child(2)>li:nth-child(1){background-image: url(../img/index/productClass2.jpg);}
.pclistbox>ul:nth-child(3)>li:nth-child(1){background-image: url(../img/index/productClass3.jpg);}
/*.pclistbox>ul:nth-child(4)>li:nth-child(1){background-image: url(../img/index/productClass4.jpg);}*/
.pclistbox>ul:nth-child(4)>li:nth-child(1){background-image: url(../img/index/productClass6.jpg);}
.pclistbox>ul:nth-child(5)>li:nth-child(1){background-image: url(../img/index/productClass5.jpg);}


.pclistbox>ul.pcfirst>li:nth-child(2){width: 100px;height: 111px;position: absolute;top: 0px; left: 50px;background: url(../img/index/productClassimg1.png) no-repeat center;background-size: 100%;}

.pclistbox>ul.pcfirst>li:nth-child(2)> p{text-align: center;font-family: "microsoft yahei";}
.pclistbox>ul.pcfirst>li:nth-child(2)> p:nth-child(1){font-size: 28px;color: #FFFFFF;margin-top: 13px;}
.pclistbox>ul.pcfirst>li:nth-child(2)> p:nth-child(2){font-size: 18px; color: #df3c41;margin-top: 17px;}
.pclistbox>ul.pcfirst>li:nth-child(3){position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(230,0,18,0.7);opacity: 0;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.pclistbox>ul.pcfirst>li:nth-child(3)> a{display: block;width: 100%;height: 100%;position: relative;}
.pclistbox>ul.pcfirst>li:nth-child(3) img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.pclistbox>ul.pcfirst:hover>li:nth-child(1){background-size: 110%;transition: background-size 1s;-webkit-transition: background-size 1s;-moz-transition: background-size 1s;;-o-transition: background-size 1s;}

.pclistbox>ul.pcfirst:hover>li:nth-child(3){opacity: 1;transition: opacity 1s; -webkit-transition:opacity 1s;-moz-transition: opacity 1s;-o-transition: opacity 1s;}

.pclistbox>ul.pcother>li:nth-child(2){position: absolute;top: 0;left: 0;width: 100%; height: 135px; background: rgba(230,0,18,0.7);opacity: 0;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.pclistbox>ul.pcother>li:nth-child(2) a{display: block;width: 100%;height: 100%;position: relative;}
.pclistbox>ul.pcother>li:nth-child(2) img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.pclistbox>ul.pcother>li:nth-child(3){position: absolute;bottom: 0;left: 0;width: 100%; height: 55px; background: rgba(31,31,31,0.9);}
.pclistbox>ul.pcother>li:nth-child(3):before{content: url(../img/index/ProductClassmoreico.png);display:block; width: 12px; height: 33px; position: absolute; left: 180px;top: 10px;z-index: 99;}
.pclistbox>ul.pcother>li:nth-child(3) p{padding-left: 15px;font-family: "microsoft yahei";letter-spacing: 5px;}
.pclistbox>ul.pcother>li:nth-child(3) p:nth-child(1){font-size: 14px; line-height: 18px; color: #fff;padding-top: 7px;}
.pclistbox>ul.pcother>li:nth-child(3) p:nth-child(2){font-size: 12px; line-height: 23px; color: #8b8b8b;}


.pclistbox>ul.pcother:hover>li:nth-child(2){opacity: 1;transition: opacity 1s; -webkit-transition:opacity 1s;-moz-transition: opacity 1s;-o-transition: opacity 1s;}
.pclistbox>ul.pcother:hover>li:nth-child(1){background-size: 110%;transition: background-size 1s;-webkit-transition: background-size 1s;-moz-transition: background-size 1s;;-o-transition: background-size 1s;}


.indexbottom{width: 1100px; height: 330px;margin: 0 auto;}
.indexbottombox{float: left;width: 100%;height: 290px;margin-top: 40px;}

.Cooperation{float: left;width: 355px;height: 100%;}
.Cootitle{float: left;height: 20px;width: 100%;}
.Cootitle li{float: left;}
.Cootitle li:nth-child(1){width: 80px;height: 100%;}
.Cootitle li:nth-child(1) p{font-size: 16px; line-height: 20px;color: #1c1c1c;font-family: "microsoft yahei";}
.Cootitle li:nth-child(1) p span{padding-right: 5px;}

.Cootitle li:nth-child(2){width: 50px; height: 4px;background-color: #df3c41;margin-top: 15px;}
.Cootitle li:nth-child(3){width: 225px; height: 1px; background-color: #acacac;margin-top: 18px;}

.CooList{float: left; width: 100%;height: auto;margin-top: 10px;}
.CooList li{float: left;width: 72px; height: 72px;border-radius: 50%; overflow: hidden;margin-left: 22px;margin-top: 20px;position: relative;}
.CooList li:nth-child(4n+1){margin-left: 0px;}

.CooList li img{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 100%; max-height: 100%;}

.Coomore{display: block;float: left; width: 326px; height: 36px; border: solid 2px #b2b2b2;margin-left: 12px;margin-top: 30px;text-align: center;line-height: 36px;text-decoration: none;font-size: 12px;color: #1c1c1c;font-family: "microsoft yahei";}
.Coomore:hover{border-color: #e60012;color: #e60012;}

.Newsbbox{float: left;width: 355px;height: 100%;margin-left: 45px;}
.NewsList{float: left;width: 100%; height: 184px;margin-top: 10px;}
.NewsList li{float: left;width: 100%;height: 40px;}
.NewsList li a{display: block;width: 100%; height: 100%;text-decoration: none;}
.NewsList li a p{font-size: 12px; line-height: 40px;}


.NewsList li a p:nth-child(1){color: #1c1c1c;display:block;width:260px;float:left;overflow:hidden;margin-left:5px;height:35px;}
.NewsList li a p:nth-child(2){color: #686868;text-align: right;display:block;float:right;width:70px;margin-right:5px;}


.NewsList li a:hover p{color: #E60012;}


.indexcontact{float: right;width: 300px; height: 100%;}
.indexcontact li{float: left;width: 100%; height: 74px;margin-top: 20px;}

.indexcontact li:nth-child(2){background: url(../img/index/indexTelbg.png) no-repeat right center;}
.indexcontact li:nth-child(1){background: url(../img/index/indexlineorderbg.png) no-repeat right center;}
.indexcontact li:nth-child(3){background: url(../img/index/indexzixunbg.png) no-repeat right center;}

.indexcontact li p{text-align: right;letter-spacing: 1px;padding-right: 20px;font-family: "microsoft yahei";font-size: 20px;}

.indexcontact li:nth-child(2) p{color: #1c1c1c;line-height: 74px;}


.indexcontact li:nth-child(3) a{display: block;width: 100%; height: 100%;text-decoration: none;}
.indexcontact li:nth-child(3) a p{ line-height: 74px; color: #1C1C1C; }
.indexcontact li:nth-child(3) a:hover p{color: #E60012;}

.indexcontact li:nth-child(1) a{display: block;width: 100%; height: 100%;text-decoration: none;}
.indexcontact li:nth-child(1) a p{ line-height: 74px; color: #1C1C1C; }
.indexcontact li:nth-child(1) a:hover p{color: #E60012;}

