.topic{ width: 1200px; margin: 60px auto 45px;}
.topic h3{ font-size: 36px; color: #444444; font-weight: bold; line-height: 36px;}
.topic h4{ margin: 10px 0 0; line-height: 16px; font-size: 16px; color: #999;}

/*首页轮播*/
.banner_index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner_index .slideBox .tab img{ width: 100%;}
.banner_index .slideBox .tab ul li:first-child{ display: block;}
.banner_index .slideBox .tab ul li{ display: none;}
.slideBox .btn{ height: 12px; overflow: hidden; position: absolute; left: 47%; bottom: 20px; z-index: 1;}
.slideBox .btn ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .btn ul li{ float: left; width: 12px; height: 12px; border-radius: 6px; background: #2a2a2a; margin: 0 8px; cursor: pointer; transition: .3s;}
.slideBox .btn ul li.on{ width: 36px; background: #cb211a;}


/*产品*/
.product{ margin-top: 60px; font-size: 0;}
.product .cpleft{ width: 230px;}
.product .cpleft .top{ background: url(../images/protop.png)no-repeat; height: 70px; padding: 30px 0 0 17px;}
.product .cpleft .top>div{ display: inline-block; vertical-align: middle;}
.product .cpleft .top .icon{ line-height: 0; margin-right: 15px;}
.product .cpleft .top .by{ font-weight: bold; color: #fff; font-size: 30px; line-height: 30px;}
.product .cpleft .sideMenu{ background: #f7f7f7;}
.product .cpleft .sideMenu h6{ margin-bottom: 1px; height: 64px; line-height: 64px; padding-right: 35px; background: #2a2a2a;}
.product .cpleft .sideMenu h6.on{ background: #cb211a; margin-bottom: 0px;}
.product .cpleft .sideMenu h6 a{ padding-left: 28px; background: url(../images/proicon2.png)no-repeat right center; color: #fff; font-size: 18px; display: block;}
.product .cpleft .sideMenu h6.on a{ background: url(../images/proicon.png)no-repeat right center;}
.product .cpleft .sideMenu ul li{ height: 60px; line-height: 60px; border-bottom: 1px solid #e5e5e5;}
.product .cpleft .sideMenu ul li a{ color: #333; font-size: 16px; display: block; padding-left: 50px;}
.product .cpleft .sideMenu ul li:hover a{ color: #cb211a; border-left: 3px solid #cb211a;}
.product .cpleft .rx{ margin-top: 1px; background: #cb211a; height: 116px; padding: 0 0 0 30px; overflow: hidden;}
.product .cpleft .rx span{ margin: 20px 0 5px 0; display: block; color: #f1d6d6; font-size: 14px; line-height: 14px;}
.product .cpleft .rx p{ font-family: arial; font-weight: bold; font-size: 26px; color: #fff; line-height: 30px;}
.product .cpright{ width: 950px; margin-left: 20px;}
.product .cpright p{ line-height: 0; margin-bottom: 20px;}
.product .cpright ul li{ width: 310px; display: inline-block; vertical-align: top; text-align: center;}
.product .cpright .ul1 li{ margin-right: 10px;}
.product .cpright ul li .pic{ width: 310px; height: 200px; overflow: hidden;}
.product .cpright ul li .pic img{ width: 100%; transition: .3s;}
.product .cpright ul li:hover .pic img{ transform: scale(1.1);}
.product .cpright ul li .name{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #2a2a2a;}
.product .cpright ul li:hover .name{ background: #cb211a;}
.product .cpright .cplist{ margin: 30px 0 0;}
.product .cpright .cplist .ul2 li{ margin: 0 10px 10px 0;}
.product .cpright .ul2 li:nth-child(3n){ margin-right: 0;}

/*模块1*/
.model1 .topic{ background: url(../images/titleone.png)no-repeat center 15px; text-align: center;}
.model1 .general_size{ position: relative; font-size: 0; height: 355px; overflow: hidden;}
.model1 ul .dl1 li{ background: url(../images/model1kk1.png)no-repeat;}
.model1 ul .dl1 li:hover{ background: url(../images/model1kk3.png)no-repeat;}
.model1 ul .dl2 li{ background: url(../images/model1kk2.png)no-repeat; text-align: right;}
.model1 ul .dl2 li:hover{ background: url(../images/model1kk4.png)no-repeat;}
.model1 ul li{ width: 411px; height: 146px; overflow: hidden;}
.model1 ul li>div{ display: inline-block; vertical-align: top;}
.model1 ul li .text{ width: 260px;}
.model1 .pic{ margin: 0 37px; line-height: 0;}
.model1 ul li:first-child+li{ margin: 63px 0 0;}
.model1 ul li .icon{ width: 130px; height: 130px; line-height: 0; overflow: hidden; margin: 8px;}
.model1 ul li dt{ margin: 15px 0 35px 10px; font-weight: bold; color: #333; font-size: 20px; line-height: 20px;}
.model1 ul .dl1 li dd{ margin-left: 5px;}
.model1 ul .dl2 li dd{ width: 250px; margin-right: 5px;}
.model1 ul .dl2 li dt{ margin: 15px 10px 35px 0;}
.model1 ul li dd{ color: #666; font-size: 16px;}

/*小图*/

.smallbanner1{ margin-top: 70px; background: url(../images/smallbanner.png)no-repeat center; background: url(../images/smallbanner.png)\9 no-repeat center; width: 100%; height: 300px; overflow: hidden;}
.smallbanner1 .font{ margin: 65px 0 0 -22px; background: url(../images/smallbannerfont2.png)no-repeat 0 45px; height: 204px; width: 621px;}
.smallbanner1 .font h5{ padding: 0 0 0 106px; color: #fff; font-size: 30px; line-height: 30px;}
.smallbanner1 .font h5 b{ color: #fff; font-weight: bold; font-size: 42px;}
.smallbanner1 .font h6{ padding: 0 0 0 60px; margin: 42px 30px 0 0; color: #d6d6d6; font-size: 22px;}
.smallbanner1 .font h6 b{ font-weight: bold;}
.smallbanner1 .rx{ padding: 45px 0 0 106px;}
.smallbanner1 .font i{ color: #fae5e4; font-size: 32px; font-style: italic; line-height: 32px; display: inline-block; vertical-align: middle;}

/*优势*/

.advantage .topic{ box-sizing: border-box; background: url(../images/titletwo.png)no-repeat center; text-align: center; height: 153px; padding-top: 45px;}
.advantage .topic img{ margin-top: -20px; vertical-align: middle;}
.advantage .topic h3{ font-size: 36px; color: #fff; font-weight: bold; line-height: 36px;}
.advantage .topic h4{ margin: 10px 0 0; line-height: 16px; font-size: 16px; color: #b3b3b3;}
.advantage{ font-size: 0; background: url(../images/adbg.png)no-repeat center; background: url(../images/adbg.png)\9 no-repeat center; width: 100%; height: 1688px; overflow: hidden;}
.advantage ul li dt>div{ display: inline-block; vertical-align: top;}
.advantage ul li dt h5{ margin: 20px 0 10px; font-weight: bold; color: #333; font-size: 30px; line-height: 30px;}
.advantage ul li dt h6{ color: #333; font-size: 22px; line-height: 22px;}
.advantage ul li dd{ margin-left: 110px; margin-bottom: 15px; color: #666; font-size: 16px; line-height: 30px; width: 500px;}
.advantage ul li dt .icon{ width: 107px; height: 125px; line-height: 0;}
.advantage ul li .text{ width: 605px;}
.advantage .general_size{ padding: 0 50px; box-sizing: border-box;}

/*见证*/

.case .topic{ background: url(../images/titlethree.png)no-repeat center 15px; text-align: center;}
.case .general_size .dl1 dd{ width: 385px; height: 530px; overflow: hidden;}
.case .general_size .dl1{ width: 385px;}
.case .general_size .dl2{ width: 795px; margin-left: 20px;}
.case .general_size .dl2 dd{ width: 385px; height: 250px; overflow: hidden; float: left;}
.case .general_size .dl2 dd:nth-child(1){ margin-right: 25px;}
.case .general_size .dl2 dd:nth-child(3){ margin-top: 30px; margin-right: 25px;}
.case .general_size .dl2 dd:nth-child(4){ margin-top: 30px;}
.case .general_size dl dd{ position: relative;}
.case .general_size dl dd img{ transition: .3s; width: 100%;}
.case .general_size dl dd:hover img{ transform: scale(1.1);}
.case .general_size dl dd .text{ background-color: rgba(42, 42, 42, 0.8); position: absolute; left: 0; bottom: 0; width: 385px; height: 50px; z-index: 10; text-align: center; color: #edf1e5; font-size: 16px; line-height: 50px;}
.case .general_size .dl1 dd .text{ height: 250px; padding: 35px 0 0;}
.case .general_size .dl1 dd .text h6{ color: #edf1e5; font-size: 20px; line-height: 20px; margin-bottom: 25px;}
.case .general_size .dl1 dd .text p{ text-align: justify; padding: 0 37px 0 40px; color: #edf1e5; font-size: 14px; line-height: 30px;}

/*合作*/

.custom{ font-size: 0; margin-top: 60px; background: url(../images/smallbanner2.png)no-repeat center; background: url(../images/smallbanner2.png)\9 no-repeat center; width: 100%; height: 396px; overflow: hidden;}
.custom .topic{ background: url(../images/titlefour.png)no-repeat center 15px; text-align: center;}
.custom .topic h3{ font-size: 36px; color: #fff; font-weight: bold; line-height: 36px;}
.custom .topic h4{ margin: 10px 0 0; line-height: 16px; font-size: 16px; color: #ccc;}
.custom .general_size{ position: relative; z-index: 20;}
.custom .general_size>div{ display: inline-block; vertical-align: middle;}
.custom .general_size .btn{ line-height: 0; cursor: pointer;}
.custom .bd{ width: 1100px; margin: 0 25px; height: 100px; overflow: hidden;}
.custom .bd ul li{ display: inline-block; vertical-align: top; width: 200px; height: 100px; overflow: hidden; margin-right: 25px;}
.custom .bd ul li img{ width: 100%; transition: .8s;}
.custom .bd ul li:hover img{ transform: rotateY(180deg);}
.custom .rx{ text-align: center; margin: 30px auto 0; width: 100%;}
.custom .rx img{ vertical-align: middle;}
.custom .rx i{ margin-left: 20px; display: inline-block; vertical-align: middle; font-style: italic; font-size: 32px; color: #ccc;}

/*关于我们*/

.about{ position: relative; background: url(../images/aboutbg.png)no-repeat center; margin: 65px auto 0; width: 1200px; height: 414px;}
.about>div{ position: relative; z-index: 10;}
.about .pic{ width: 650px; height: 414px; overflow: hidden;}
.about .pic img{ width: 100%;transition: .3s;}
.about .pic:hover img{ transform: scale(1.1, 1.1);}
.about .text{ width: 550px; box-sizing: border-box; padding: 40px 40px 0 45px;}
.about .text dt{ line-height: 0; margin-bottom: 35px;}
.about .text dd{ color: #666; font-size: 14px; line-height: 30px; margin-bottom: 25px;}
.about .text .more{ display: block; color: #fff; font-size: 18px; background-color: rgb(203, 33, 26); text-align: center; width: 150px; height: 50px; line-height: 50px;}
.about:before{ content: ""; position: absolute; left: -145px; bottom: -74px; z-index: 1; background: url(../images/aboutyyc.png)no-repeat center; height: 74px; width: 1597px;}

/*研发实力*/
.strength{ font-size: 0; margin-top: 50px!important;}
.strength>div{ display: inline-block; vertical-align: middle;}
.strength .bd{ width: 1116px; margin: 0 20px 0; overflow: hidden;}
.strength .bd ul li{ position: relative; float: left; text-align: center; width: 260px; height: 180px; overflow: hidden; margin-right: 25px;}
.strength .bd ul li .pic{ width: 260px; height: 180px; overflow: hidden;}
.strength .bd ul li .pic img{ width: 100%; transition: .3s;}
.strength .bd ul li .pic:hover img{ transform: scale(1.1, 1.1);}
.strength .bd ul li .mc{ color: #fff; font-size: 14px; line-height: 40px; bottom: -40px; transition: .3s; background-color: rgba(42, 42, 42, 0.8); position: absolute; left: 0; width: 100%; height: 40px;}
.strength .bd ul li:hover .mc{ bottom: 0;}
.strength .icon_hover{ cursor: pointer;}

/*新闻*/

.newtabzx{ box-sizing: border-box; padding: 25px 20px 0; position: relative; margin: 78px auto 0!important; font-size: 0; height: 392px; border: 1px solid #ccc;}
.newtabzx .hd ul li{ cursor: pointer; display: inline-block; vertical-align: top; background: #a8a8a8; text-align: center; width: 110px; height: 38px; line-height: 38px; color: #fff; font-size: 16px; margin-right: 30px;}
.newtabzx .hd ul li+li{ margin-right: 0;}
.newtabzx .hd ul li.on{ background: #cb211a;}
.newtabzx .hd{ position: absolute; left: 472px; top: -20px; z-index: 10;}
.newtabzx .bd ul li .newlist>div{ display: inline-block; vertical-align: top;}
.newtabzx .bd ul li .newlist{ width: 540px; display: inline-block; vertical-align: top; margin: 0 78px 20px 0;}
.newtabzx .bd ul li>div:nth-child(2n){ margin-right: 0;}
.newtabzx .bd ul li .pic{ width: 230px; height: 160px; overflow: hidden;}
.newtabzx .bd ul li .pic img{ width: 100%; transition: .3s;}
.newtabzx .bd ul li .pic:hover img{ transform: scale(1.1, 1.1);}
.newtabzx .bd ul li .js{ margin-left: 20px; width: 290px;}
.newtabzx .bd ul li .js dt{ line-height: 16px;}
.newtabzx .bd ul li .js dt a{ color: #2a2a2a; font-size: 16px; line-height: 16px;}
.newtabzx .bd ul li .js p{ margin: 10px 0 15px; line-height: 14px; color: #b9b9b9; font-size: 14px;}
.newtabzx .bd ul li .js dd{ line-height: 24px; color: #666; font-size: 14px;}
.newtabzx .bd ul li .js .more{ display: block; width: 50px; height: 11px; background: url(../images/newjt.png)no-repeat center; margin: 15px 0 0;}
.newtabzx .bd ul li .js dt a:hover{ color: #cb211a;}

/*问答*/

.newwdzx{ background: url(../images/wendabg.png)no-repeat center; height: 147px; overflow: hidden; margin-top: 25px!important;}
.newwdzx .bd{ margin: 20px 0 0 102px;}
.newwdzx .bd ul li{ float: left; width: 310px; margin-right: 56px;}
.newwdzx .bd ul li .wen{ margin-bottom: 15px; background: url(../images/wen.png)no-repeat left center; line-height: 26px; padding-left: 26px;}
.newwdzx .bd ul li .wen a{ color: #333; font-size: 16px; margin-left: 10px;}
.newwdzx .bd ul li .da{ background: url(../images/da.png)no-repeat left top; line-height: 26px; padding-left: 26px;}
.newwdzx .bd ul li .da a{ display: inline-block; vertical-align: top; margin-left: 10px; text-align: justify; color: #666; font-size: 14px; line-height: 24px;}
.newwdzx .bd ul li .wen a:hover{ color: #cb211a;}
.newwdzx .bd ul li .da a:hover{ text-decoration: underline;}