
/*首页轮播*/

.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: 46%; bottom: 39px; z-index: 1;}
.slideBox .btn ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .btn ul li{ float: left; width: 38px; height: 12px; border-radius: 6px; background: #9c9c9c; margin: 0 8px; cursor: pointer; transition: .3s;}
.slideBox .btn ul li.on{ background: #de771b;}

/*模块1*/

.model1{ width: 100%; background: #f5f5f5; font-size: 0;height: 321px; overflow: hidden;}
.model1 .general_size{ padding-top: 60px;}
.model1 ul li{ width: 24%; display: inline-block; vertical-align: top; text-align: center; height: 183px; border-right: 1px solid #e1e1e1;}
.model1 ul li .icon{ height: 60px; margin: 0 auto;}
.model1 ul li .icon img{ margin-top: 5px; transition: all .8s;}
.model1 ul li:last-child{ margin-right: 0; border-right: none;}
.model1 ul li dt{ margin-bottom: 10px; color: #333; font-size: 24px; line-height: 24px;}
.model1 ul li dt i{ color: #004198; font-weight: bold;}
.model1 ul li dd{ color: #666; font-size: 14px; line-height: 24px;}
.model1 ul li:hover .icon img{ transform: rotateZ(360deg);}

/*产品*/

.product .general_size>div{ display: inline-block; vertical-align: top; overflow: hidden; font-size: 0;}
.product .left{ width: 270px;background: #f6f6f6; margin-right: 15px;}
.product .left .top{ box-sizing: border-box; padding: 25px 0 0 25px; background: url(../images/cptop.png)no-repeat; height: 97px;}
.product .left .top .icon{ line-height: 0;margin-right: 15px;}
.product .left .top>div{ display: inline-block; vertical-align: top;}
.product .left .top h4{ color: #362864; font-size: 24px;}
.product .left .top h5{ color: #999; font-size: 12px; text-transform: uppercase;}
.product .left .sideMenu{ box-sizing: border-box; width: 270px; padding: 30px 20px 27px;}
.product .left .sideMenu h3:first-child{ margin-top: 0;}
.product .left .sideMenu h3{ width: 100%; height: 38px; line-height: 18px; border-bottom: 1px dashed #d8d8d8; margin: 20px auto 0;}
.product .left .sideMenu h3 a{ display: block; color: #362864; font-size: 18px;}
.product .left .sideMenu h3 img{ margin: -2px 0 0 5px; vertical-align: middle;}
.product .left .sideMenu ul{ padding: 15px 0; border-bottom: 1px dashed #d8d8d8;}
.product .left .sideMenu ul li{; margin-bottom: 15px; line-height: 14px;}
.product .left .sideMenu ul li a{ display: block; color: #666; font-size: 14px;}
.product .left .sideMenu ul li i{ margin: -2px 5px 0 0; background: url(../images/cpicon1.png)no-repeat; width: 11px; height: 11px; display: inline-block; vertical-align: middle;}
.product .left .sideMenu ul li:hover i{ background: url(../images/cpicon2.png)no-repeat;}
.product .left .fwrx{ box-sizing: border-box; padding: 20px 15px 0; background: url(../images/cpbottom.png)no-repeat; height: 156px; overflow: hidden;}
.product .left .fwrx p{ margin-bottom: 13px; line-height: 24px; color: #fff; font-size: 16px; border-bottom: 1px dashed #fff; padding-bottom: 5px;}
.product .left .fwrx .rx>div{ display: inline-block; vertical-align: middle;}
.product .left .fwrx .rx .icon{ line-height: 0; margin-right: 10px;}
.product .left .fwrx .rx .dh i{ display: block; margin-bottom: 5px; line-height: 18px; color: #fff; font-size: 18px;}
.product .left .fwrx .rx .dh b{ display: block; font-family: arial; line-height: 24px; color: #fff; font-size: 24px;}
.product .right{ width: 910px;height: 644px;}
.product .right .more{ background: url(../images/cpmore.png)no-repeat; height: 39px; margin-bottom: 15px;}
.product .right .more a{ margin-right: 10px; display: block; float: right; width: 80px; height: 40px;}
.product .right ul li{ display: inline-block;vertical-align: top; width: 290px; margin: 0 17px 20px 0;}
.product .right ul li:nth-child(3n){ margin-right: 0;}
.product .right ul li .pic{ width: 290px; height: 250px; overflow: hidden;}
.product .right ul li .pic img{ width: 100%; transition: all .3s ease-in;}
.product .right ul li:hover .pic img{ transform: scale(1.1);}
.product .right ul li .title{ background: url(../images/cptitle.png)no-repeat; box-sizing: border-box; padding: 15px 0 0 95px; color: #fff; font-size: 16px; width: 290px; height: 45px; margin-top: -10px; position: relative; z-index: 1;}

/*问题*/

.question{ margin-top: 80px; font-size: 0;}
.question .bg{ background: url(../images/worrypic.png)no-repeat center; width: 100%; height: 788px; overflow: hidden; padding-top: 105px; box-sizing: border-box;}
.question .general_size ul li dt>div{ display: inline-block; vertical-align: top;}
.question .general_size .fr{ text-align: right;}
.question .general_size .fl li .icon{ padding-left: 5px;}
.question .general_size .fr li .icon{ padding-right: 8px;}
.question .general_size ul li dt .icon{ box-sizing: border-box; color: #fff; font-size: 24px; font-weight: bold; background: url(../images/wentiicon.png)no-repeat; width: 40px; height: 51px; line-height: 45px; font-family: arial;}
.question .general_size ul li dt .bt{ color: #004198; font-weight: bold; font-size: 24px; line-height: 24px; margin: 6px 0 0 5px;}
.question .general_size ul li dt .bt i{ color: #999; font-weight: normal; font-size: 16px; text-transform: uppercase; font-family: arial;}
.question .general_size .fr li dt .bt{ margin: 6px 5px 0 0;}
.question .general_size ul li:first-child{ height: 235px;}
.question .general_size ul li:first-child+li{ height: 210px;}
.question .general_size ul li dd{ color: #666; font-size: 16px; line-height: 24px; margin-top: 5px;}

/*模块2*/

.model2{ background: url(../images/model2bg.png)no-repeat center top; width: 100%; box-sizing: border-box; height: 960px; padding-top: 80px; overflow: hidden; font-size: 0;}
.model2 .top h3{ color: #fff; font-size: 38px; line-height: 38px; margin-bottom: 25px;}
.model2 .top h3 b{ color: #de771b; font-weight: bold;}
.model2 .top h4{ color: #fefefe; font-size: 22px; line-height: 22px;}
.model2 .ulnr ul{ display: inline-block; vertical-align: top;}
.model2 .ulnr ul li{ margin: 0 18px 45px 0;}
.model2 .ulnr ul li:nth-child(2n){ margin-right: 0;}
.model2 .ulnr ul li>div{ display: inline-block; vertical-align: top;}
.model2 .ulnr ul li .icon{ transition: all .8s; width: 180px; height: 180px; line-height: 0; overflow: hidden; margin-right: 15px;}
.model2 .ulnr ul li .text{ background: #fff; box-shadow: 0px 5px 12.35px 0.65px rgba(0, 0, 0, 0.16); width: 387px; height: 174px; overflow: hidden;}
.model2 .ulnr ul li .text dt{ text-align: center; font-weight: bold; color: #fff; font-size: 18px; height: 46px; line-height: 46px; background: #de771b;}
.model2 .ulnr ul li .text dd{ padding-left: 15px; padding-top: 20px; color: #666; font-size: 16px; line-height: 24px;}
.model2 .ulnr ul li:hover .icon{ transform: rotateZ(360deg);}

/*模块3*/

.model3{ background: url(../images/model3bg.png)no-repeat center; width: 100%; box-sizing: border-box; height: 341px; padding-top: 40px;}
.model3 .text{ background: url(../images/model3text.png)no-repeat; width: 598px; height: 262px; overflow: hidden; font-family: arial; font-weight: bold; font-size: 24px; color: #fff; text-align: center; padding-top: 220px;}

/*案例*/

.case .general_size{ position: relative;height: 523px;overflow: hidden;}
.case .hd{ position: absolute; left: 0; top: 0; z-index: 6; width: 536px; overflow: hidden; background: #fff;}
.case .hd .title{ line-height: 0; margin-bottom: 5px;}
.case .hd ul li{ margin-bottom: 10px; margin-right: 26px; width: 158px; height: 32px; text-align: center; line-height: 32px; color: #999; font-size: 16px; float: left; cursor: pointer; border: 1px solid rgb(232, 232, 232);}
.case .hd ul li:nth-child(3n){ margin-right: 0;}
.case .hd ul li.on{ border: 1px solid #de771b;}
.case .bd ul li>div{ float: left; overflow: hidden;}
.case .bd ul li .left{ margin: 227px 22px 0 0; width: 533px; height: 296px; overflow: hidden;}
.case .bd ul li .right{ width: 645px; margin-top: 30px;}
.case .bd ul li .right .top{ background: url(../images/casetop.png)no-repeat; height: 53px; overflow: hidden; margin-bottom: 8px;}
.case .bd ul li .right .top .more{ display: block; float: right; width: 57px; height: 53px; margin-right: 15px;}
.case .bd ul li .pic img{ width: 100%; transition: all .3s ease-in;}
.case .bd ul li .pic:hover img{ transform: scale(1.1);}

/*优势*/

.advantage{ box-sizing: border-box; background: #eee; width: 100%; padding-top: 50px; font-size: 0; margin-top: 75px;}
.advantage ul li .text{ width: 580px;}
.advantage ul li .text>div{ display: inline-block; vertical-align: top;}
.advantage ul li .text .icon{ line-height: 0;}
.advantage ul li .text .by i{ display: block; color: #666; font-size: 30px; line-height: 30px; text-transform: uppercase;}
.advantage ul li .text .by b{ display: block; color: #333; font-size: 36px; line-height: 36px; margin: 15px 0 20px;}
.advantage ul li .text .by b em{ color: #de771b; font-style: normal;}
.advantage ul li .text .by .hr{ width: 450px; height: 45px; padding-left: 40px; font-size: 22px; line-height: 45px; color: #fff; background: url(../images/yshr.png)no-repeat;}
.advantage ul li .text p:before{ content: ""; background: url(../images/ysicon.png)no-repeat; width: 8px; height: 8px; display: inline-block; vertical-align: top; margin: 8px 10px 0 0;}
.advantage ul li .text p span{ display: inline-block; vertical-align: top; color: #333; font-size: 14px; line-height: 24px;}
.advantage ul li .wb{ margin-left: 10px; width: 450px;}
.advantage ul li .text .by{ margin-bottom: 25px;}
.advantage ul li .text p{ margin-bottom: 25px; width: 450px;}
.advantage ul li .text dl{ margin-top: 50px;}
.advantage ul li .text dl dd{ text-align: center; display: inline-block; vertical-align: top;}
.advantage ul li .text dl dd .top i{ color: #de771b; font-size: 30px; font-weight: bold;}
.advantage ul li .text dl dd .top{ color: #333; font-size: 22px; line-height: 30px;}
.advantage ul li .text dl dd .bottom{ color: #474747; font-size: 16px;}
.advantage ul li .text dl dd:last-child{ margin-right: 0;}
.advantage ul li{ overflow: hidden; width: 100%; box-sizing: border-box;}
.advantage ul .li1{ background: url(../images/ys1.png)no-repeat center; height: 610px; padding-top: 65px;}
.advantage ul .li2{ background: url(../images/ys2.png)no-repeat center; width: 100%; height: 615px; padding-top: 150px;}
.advantage ul .li3{ background: url(../images/ys3.png)no-repeat center; width: 100%; height: 613px; padding-top: 65px;}
.advantage ul .li4{ background: url(../images/ys4.png)no-repeat center; width: 100%; height: 616px; padding-top: 155px;}
.advantage ul .li5{ background: url(../images/ys5.png)no-repeat center; width: 100%; height: 645px; padding-top: 145px;}

/*流程*/

.process{ background: url(../images/processbg.png)no-repeat center; width: 100%; height: 600px; overflow: hidden; margin-top: 75px;}
.process .general_size{ background: url(../images/process.png)no-repeat center; width: 1220px; height: 540px; overflow: hidden; margin: 40px auto 0;}
.process .right{ margin-top: 45px; float: right; width: 431px; height: 540px; text-align: center;}
.process .right dt{ color: #de771b; font-size: 32px; line-height: 32px;}
.process .right i{ display: block; margin: 10px 0 30px; color: rgba(51, 51, 51, 0.471); font-size: 12px; line-height: 12px;}
.process .right dl{ text-align: center;}
.process .right dl dd{ float: left; border-radius: 5px; background-color: rgb(0, 65, 152); width: 157px; height: 37px; line-height: 37px; font-weight: bold; color: #fff; font-size: 18px;}
.process .right dl dd:first-child{ margin: 0 20px 0 45px;}
.process .right .wechat{ background: url(../images/processicon.png)no-repeat center top; padding-top: 28px; margin-top: 17px;}
.process .right .wechat p{ color: #333; font-size: 16px; line-height: 16px; margin-top: 25px;}

/*客户评价*/

.ryjz .honor{ width: 225px; float: left; margin-right: 37px;}
.ryjz .honor .title{ background: url(../images/honortitle.png)no-repeat; width: 225px; height: 59px; margin-bottom: 13px;}
.ryjz .honor .title a{ display: block; width: 100%; height: 59px;}
.ryjz .honor .bd{ text-align: center; height: 435px; border: 1px solid #eeeeee;}
.ryjz .honor .bd ul li>div{ margin: 0 auto; width: 199px; height: 135px; overflow: hidden;}
.ryjz .honor .bd ul li .big-img{ margin: 15px auto 20px; height: 265px; overflow: hidden;}
.ryjz .khjz{ float: left; background: url(../images/khjzbg.png)no-repeat; width: 938px; height: 534px; overflow: hidden; margin-top: 10px; position: relative;}
.ryjz .khjz .bd{ float: left; width: 611px; height: 463px; overflow: hidden; margin-top: 35px;}
.ryjz .khjz .bd ul li{ position: relative; width: 611px; height: 463px; overflow: hidden;}
.ryjz .khjz .bd ul li img{ width: 100%; transition: all .3s ease;}
.ryjz .khjz .bd ul li:hover img{ transform: scale(1.1, 1.1);}
.ryjz .khjz .bd ul li .text{ position: absolute; left: 0; bottom: 0; z-index: 1; background-color: rgba(49, 49, 49, 0.722); width: 611px; height: 113px;}
.ryjz .khjz .bd ul li .text>div{ float: left; height: 113px; overflow: hidden;}
.ryjz .khjz .bd ul li .text .wb{ margin: 20px 0 0 35px; width: 463px;}
.ryjz .khjz .bd ul li .text h3{ color: #fff; font-size: 18px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px dashed #fff;}
.ryjz .khjz .bd ul li .text p{ color: #fff; font-size: 16px; margin-top: 5px;}
.ryjz .khjz .bd ul li .text .more{ line-height: 150px; background: url(../images/jzmore.png)no-repeat center 20px; text-align: center; color: #fff; font-size: 16px; width: 113px; background-color: rgb(0, 65, 152);}
.ryjz .khjz .bd ul li:hover .more{ background: url(../images/jzmore.png)no-repeat center 20px #de771b;}
.ryjz .khjz .hd{ float: right; width: 301px; margin-top: 65px; position: relative; height: 380px;}
.ryjz .khjz .hd:before{ content: ""; width: 1px; background: #ccc; height: 380px; position: absolute; left: 5px; top: 0; z-index: 1;}
.ryjz .khjz .hd ul li{ position: relative; margin-bottom: 19px; z-index: 2; font-size: 18px; width: 301px; height: 71px; line-height: 71px; padding-left: 98px; color: #333; cursor: pointer; box-sizing: border-box;}
.ryjz .khjz .hd ul li.on{ color: #fff; background: #004198;}
.ryjz .khjz .hd ul .more{ text-align: center; font-size: 16px; color: #333; margin-left: 98px;}
.ryjz .khjz .hd ul .more:hover{ color: #004198;}

/*关于我们*/

.about{ font-size: 0; background: url(../images/aboutbg.png)no-repeat 0 center #f5f5f5; width: 100%; height: 1182px; overflow: hidden; margin-top: 75px;}
.about .nr{ position: relative; height: 605px; overflow: hidden; border-bottom: 1px solid #ddd;}
.about .nr .text dt{ line-height: 0; margin-bottom: 20px;}
.about .nr .text{ width: 505px; margin-top: 100px;}
.about .nr .text dd{ color: #666; font-size: 14px; line-height: 30px;}
.about .nr .text dl{ height: 310px; overflow: hidden;}
.about .nr .text ul li{ display: inline-block; vertical-align: top; margin-right: 20px; border-radius: 5px; background-color: rgb(221, 221, 221); width: 110px; height: 38px; text-align: center; font-size: 16px; line-height: 38px;}
.about .nr .text ul li a{ display: block; color: #666;}
.about .nr .text ul li:hover a{ color: #fff;}
.about .nr .text ul li:hover{ background: #004198; box-shadow: 3.152px 2.463px 4.5px 0.5px rgba(27, 27, 27, 0.43);}
.about .nr .text ul li:last-child{ margin-right: 0;}
@media screen and (max-width: 1880px){ .about{ background: url(../images/aboutbg.png)no-repeat center #f5f5f5;}
}

/*生产实力*/

.scsl{ width: 1300px; margin: 35px auto 0;}
.scsl>div{ display: inline-block; vertical-align: top; height: 256px; overflow: hidden;}
.scsl .bd ul li{ display: inline-block; vertical-align: top; width: 283px; margin-right: 20px; text-align: center}
.scsl .bd ul li .img{ width: 283px; height: 220px; overflow: hidden;}
.scsl .bd ul li .title{ background: #dddddd; width: 283px; line-height: 36px; height: 36px; overflow: hidden; color: #333; font-size: 16px;}
.scsl .bd ul li .img img{ width: 100%; transition: all .8s;}
.scsl .bd ul li:hover .img img{ transform: scale(1.1);}
.scsl .bd ul li:hover .title{ background: #de771b;color: #fff;}
.scsl .btn{ width: 31px; height: 68px; margin-top: 75px; cursor: pointer;}
.scsl .prev{ margin-right: 20px; background: url(../images/btn1.png)no-repeat;}
.scsl .prev:hover{ background: url(../images/btn2.png)no-repeat;}
.scsl .next{ margin-left: 18px; background: url(../images/btn3.png)no-repeat;}
.scsl .next:hover{ background: url(../images/btn4.png)no-repeat;}

/*留言*/

.feedback_model{ font-size: 0; margin-top: 60px; background: url(../images/feedbackbg.png)no-repeat center; width: 100%; height: 399px; overflow: hidden;}
.feedback_model .left{ margin: 50px 0 0 5px;}
.feedback_model .left dt p{ color: #fff; font-size: 36px;}
.feedback_model .left dt p b{ font-weight: bold; color: #de771b;}
.feedback_model .left dt p:after{ content: ""; display: block; background-color: rgb(222, 119, 27); margin: 8px 0 20px; width: 402px; height: 1px;}
.feedback_model .left dt span{ line-height: 14px; font-size: 14px; color: #e9e3e3; text-transform: uppercase;}
.feedback_model .left dl{ width: 555px; margin-top: 30px;}
.feedback_model .left dl dd{ margin-bottom: 35px; box-sizing: border-box; width: 298px; display: inline-block; vertical-align: top; background: url(../images/feedicon.png)no-repeat; font-size: 18px; color: #fff; padding-left: 40px;}
.feedback_model .right{ margin-top: 10px; background-color: rgb(247, 247, 247); box-shadow: 3.152px 2.463px 8.1px 0.9px rgba(0, 98, 143, 0.43); width: 365px; height: 369px;}
.feedback_model .right p{ margin: 35px 0 25px; text-align: center; line-height: 22px; font-size: 22px; color: #333;}
.feedback_model .right form{ margin-left: 25px;}
.feedback_model .right .input{ margin-bottom: 10px;}
.feedback_model .right .input label{ display: inline-block; vertical-align: middle; color: #333; font-size: 16px;}
.feedback_model .right .input input{ display: inline-block; vertical-align: middle; border: 1px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); text-indent: 10px; color: #999; font-size: 14px; line-height: 38px; width: 234px; height: 38px;}
.feedback_model .right .input textarea{ display: inline-block; vertical-align: top; font-family: "微软雅黑"; width: 234px; border: 1px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); height: 76px; padding-top: 10px; text-indent: 10px; color: #999; font-size: 14px; resize: none;}
.feedback_model .right .input input::-webkit-input-placeholder{ font-family: "微软雅黑"; color: #999;}
.feedback_model .right .input input:-moz-placeholder{ color: #999;}
.feedback_model .right .input input::-moz-placeholder{ color: #999;}
.feedback_model .right .input input:-ms-input-placeholder{ color: #999;}
.feedback_model .right .input textarea::-webkit-input-placeholder{ font-family: "微软雅黑"; color: #999;}
.feedback_model .right .input textarea:-moz-placeholder{ color: #999;}
.feedback_model .right .input textarea::-moz-placeholder{ color: #999;}
.feedback_model .right .input textarea:-ms-input-placeholder{ color: #999;}
.feedback_model .right .xbj{ margin-top: 15px; margin-left: 47px; width: 234px; overflow: hidden;}
.feedback_model .right .button{ display: inline-block; vertical-align: top; width: 78px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; background: #de771b; cursor: pointer;}
.feedback_model .right .button+.button{ float: right; background: #333; margin-left: 35px;}
.feedback_model .right dd{ margin-top: 15px; color: #333; font-size: 18px;}
.feedback_model .right dd b{ color: #de771b; font-weight: bold;}

/*新闻*/

.new{ font-size: 0;}
.new .rhdt{ margin-bottom: 30px;}
.new .top{ margin-bottom: 20px; background: url(../images/newtopbg.png)no-repeat; height: 40px; text-align: right; padding-right: 20px;}
.new .top a{ display: inline-block; padding-top: 8px; color: #666; font-size: 18px; font-family: arial; text-transform: uppercase;}
.new .top a:hover{ color: #de771b;}
.new .copy>div{ display: inline-block; vertical-align: top; width: 580px;}
.new .newtj>div{ display: inline-block; vertical-align: top;}
.new .newtj .newpic{ width: 290px; height: 187px; overflow: hidden;}
.new .newtj .newpic img{ width: 100%;transition: all .5s;}
.new .newtj .newpic:hover img{ transform: scale(1.1);}
.new .newtj .js{ margin-left: 25px; width: 265px;height: 187px; overflow: hidden;}
.new .newtj .js dt em{ font-style: normal; line-height: 14px; color: #666; font-size: 14px;}
.new .newtj .js dt a{ margin: 10px 0; display: block; color: #333; font-size: 16px;line-height: 16px;}
.new .newtj .js dt a:hover{ color: #de771b;}
.new .newtj .js p{ line-height: 24px; color: #666; font-size: 14px;}
.new .newtj .js p:hover{ text-decoration: underline;}
.new .newtj .js .morea{ margin-top: 5px; float: right; display: block; background: url(../images/newmore.png)no-repeat; width: 100px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 14px;}
.new .newtj .js .morea:hover{ color: #004198;}
.new .rhdt .newlist{ margin-left: 40px;}
.new .newlist dd:first-child{ margin-top: 0;}
.new .newlist dd{ padding-bottom: 8px; margin-top: 20px; line-height: 14px; font-size: 14px; border-bottom: 1px dashed #f4f4f4;}
.new .newlist dd i{ color: #666;}
.new .newlist dd span{ color: #999; float: right;}
.new .newlist dd:hover i,.new .newlist dd:hover span{ color: #de771b;}
.new .nr2>div{ display: inline-block; vertical-align: top; height: 515px; overflow: hidden; width: 580px;}
.new .xwzx .newtj{ margin-bottom: 30px;}
.new .xwzx .top{ background: url(../images/newtopbg2.png)no-repeat;}
.new .cjwd{ width: 582px; margin-left: 38px;}
.new .cjwd .top{ background: url(../images/newtopbg3.png)no-repeat;}
.new .cjwd ul li{ height: 84px!important; overflow: hidden; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px dashed #f4f4f4;}
.new .cjwd ul li .wen a{ color: #333; font-size: 16px;}
.new .cjwd ul li .wen{ margin-bottom: 15px;}
.new .cjwd ul li .wen:before{ content: ""; background: url(../images/wen.png)no-repeat; width: 23px; height: 23px; display: inline-block; vertical-align: top; margin-right: 10px;}
.new .cjwd ul li .da:before{ content: ""; background: url(../images/da.png)no-repeat; width: 23px; height: 23px; display: inline-block; vertical-align: top; margin-right: 10px;}
.new .cjwd ul li .da i{ display: inline-block; vertical-align: top; width: 547px; margin-top: -2px;}
.new .cjwd ul li .da a{ color: #666; font-size: 14px; line-height: 24px;}
.new .cjwd ul li .wen:hover a{ color: #de771b;}
.new .cjwd ul li .da:hover i{ text-decoration: underline;}


/*details_page*/
.details_page{ width: 880px; font-size: 14px; margin: 0 auto;}
.details_page .modeltytop{ box-sizing: border-box; background: url(../images/modeltytop.png)no-repeat; height: 51px; width: 586px; margin: 20px auto 40px; text-align: center; padding-top: 5px;}
.details_page .modeltytop h3{ color: #013f94; font-size: 26px; line-height: 26px; margin-bottom: 5px; font-weight: bold; font-style: italic;}
.details_page .modeltytop p{ color: #666; font-size: 12px; text-transform: uppercase; line-height: 12px;}

/*cp_js*/

.details_page .cp_js{ font-size: 0; margin-top: 35px;}
.details_page .cp_js>div{ display: inline-block; vertical-align: top;}
.details_page .cp_js .left{ width: 363px; height: 295px; margin-left: 55px;}
.details_page .cp_js .bd{ width: 362px; height: 258px; overflow: hidden; border: 1px solid #ddd; margin-bottom: 10px;}
.details_page .cp_js .bd img{ width: 100%;}
.details_page .cp_js .hd{ box-sizing: border-box; width: 363px; height: 78px; overflow: hidden; border: 1px solid #ddd; padding: 3px 2px;}
.details_page .cp_js .hd .btn{ cursor: pointer; display: inline-block; vertical-align: middle; width: 19px; height: 33px;}
.details_page .cp_js .hd ul{ display: inline-block; vertical-align: middle; margin: 0 3px; height: 70px; overflow: hidden;}
.details_page .cp_js .hd ul li{ box-sizing: border-box; width: 84px; height: 70px; border: 1px solid #dcdcdc; display: inline-block; vertical-align: top; margin-right: 20px;}
.details_page .cp_js .hd ul li img{ width: 82px; height: 68px;}
.details_page .cp_js .hd ul li.on{ border: 1px solid #e0791a;}
.details_page .cp_js .right{ margin-left: 82px; width: 380px;}
.details_page .cp_js .right ul li{ border-bottom: 1px dashed #666; color: #333; font-size: 18px; margin-bottom: 13px;}
.details_page .cp_js .right ul li i{ width: 76%; color: #666; display: inline-block; vertical-align: top;}
.details_page .cp_js .right ul .sdj .bdsharebuttonbox{ display: inline-block; vertical-align: middle; margin-left: 30px;}
.details_page .cp_js .right ul .djzx{ background: #004097; display: inline-block; vertical-align: middle; width: 101px; height: 25px; text-align: center; line-height: 25px; color: #fff; font-size: 14px;}
.details_page .cp_js .right ul .djzx:hover{ background: #e0791a;}

/*js_model2*/

.details_page .js_model2 .xqpic{ text-align: center; line-height: 0;}

/*js_model3*/

.details_page .js_model3 .general_size{ width: 740px;}
.details_page .js_model3 .bg{ background: url(../images/worrypicny.png)no-repeat center -1px; height: 478px;padding-top: 55px;}
.details_page .js_model3 .question .general_size ul li dt .icon{ font-size: 16px; background: url(../images/wentiiconny.png)no-repeat; width: 28px; height: 36px; line-height: 35px;}
.details_page .js_model3 .question .general_size ul li dt .bt{ font-size: 16px; line-height: 16px; margin: 6px 0 0 5px;}
.details_page .js_model3 .question .general_size ul li dt .bt i{ font-size: 12px;}
.details_page .js_model3 .question .general_size .fr li dt .bt{ margin: 6px 5px 0 0;}
.details_page .js_model3 .question .general_size ul li dd{ font-size: 12px; line-height: 16px; margin-top: 5px;}
.details_page .js_model3 .question .general_size ul li:first-child{ height: 130px;}
.details_page .js_model3 .question .general_size ul li:first-child+li{ height: 150px;}

/*js_model4*/

.details_page .js_model4 .model2{ background: url(../images/model2bg.png)no-repeat center top; width: 100%; box-sizing: border-box; height: 980px; padding-top: 55px; overflow: hidden; font-size: 0;}
.details_page .js_model4 .model2 .top h3{ color: #fff; font-size: 26px; line-height: 26px; margin-bottom: 15px;}
.details_page .js_model4 .model2 .top h3 b{ color: #de771b; font-weight: bold;}
.details_page .js_model4 .model2 .top h4{ color: #fefefe; font-size: 16px; line-height: 16px;}
.details_page .js_model4 .model2 .ulnr ul li{ margin: 0 16px 45px 0;}
.details_page .js_model4 .model2 .ulnr ul li .icon{ width: 128px; height: 130px; margin-right: 10px;}
.details_page .js_model4 .model2 .ulnr ul li .text{ width: 274px; height: 125px; overflow: hidden;}
.details_page .js_model4 .model2 .ulnr ul li .text dt{ font-size: 16px; height: 32px; line-height: 32px;}
.details_page .js_model4 .model2 .ulnr ul li .text dd{ padding: 20px 8px; font-size: 12px; line-height: 17px;}
.details_page .js_model4 .model2 .ulnr{ margin: 0 12px;}
.details_page .js_model4 .model3{ background: url(../images/model3bgny.png)no-repeat center; width: 100%; height: 192px; padding-top: 20px;}
.details_page .js_model4 .model3 .general_size{ width: 880px; margin-left: 170px;}
.details_page .js_model4 .model3 .text{ background: url(../images/model3textny.png)no-repeat; width: 325px; font-size: 14px; padding-top: 118px; padding-left: 20px;}

/*js_model5*/

.details_page .js_model5{ margin-bottom: 50px;}
.details_page .js_model5 .ryjz .khjz{ float: none; background: url(../images/khjzbgny.png)no-repeat -15px 0; width: 823px; height: 479px; overflow: hidden; position: relative; margin: 0 auto;}
.details_page .js_model5 .ryjz .khjz .bd{ width: 548px; height: 416px; margin-top: 31px;}
.details_page .js_model5 .ryjz .khjz .bd ul li{ width: 548px; height: 416px; overflow: hidden;}
.details_page .js_model5 .ryjz .khjz .bd ul li .text{ position: absolute; left: 0; bottom: 0; z-index: 1; background-color: rgba(49, 49, 49, 0.722); width: 611px; height: 101px;}
.details_page .js_model5 .ryjz .khjz .bd ul li .text>div{ height: 101px;}
.details_page .js_model5 .ryjz .khjz .bd ul li .text .wb{ margin: 12px 0 0 35px; width: 412px;}
.details_page .js_model5 .ryjz .khjz .bd ul li .text p{ color: #fff; font-size: 14px; margin-top: 5px;}
.details_page .js_model5 .ryjz .khjz .bd ul li .text .more{ background: url(../images/jzmorenr.png)no-repeat center 20px #004198; font-size: 14px; width: 101px;}
.details_page .js_model5 .ryjz .khjz .bd ul li:hover .more{ background: url(../images/jzmorenr.png)no-repeat center 20px #de771b;}
.details_page .js_model5 .ryjz .khjz .hd{ float: right; width: 255px; margin-top: 65px; position: relative; height: 340px;}
.details_page .js_model5 .ryjz .khjz .hd:before{ content: ""; width: 1px; background: #ccc; height: 340px; position: absolute; left: 5px; top: 0; z-index: 1;}
.details_page .js_model5 .ryjz .khjz .hd ul li{ margin-bottom: 16px; color: #333; font-size: 16px; width: 270px; height: 63px; line-height: 63px; padding-left: 65px;}
.details_page .js_model5 .ryjz .khjz .hd ul .more{ margin-left: 65px;}
.details_page .js_model5 .ryjz .khjz .hd ul li.on{ color: #fff;}

/*js_model6*/

.details_page .js_model6{ background: #eee; padding-top: 30px;}
.details_page .js_model6 .advantage{ margin-top: 0; padding-top: 0;}
.details_page .js_model6 .advantage ul li .general_size{ width: 100%;}
.details_page .js_model6 .advantage ul li .text{ width: 410px;}
.details_page .js_model6 .advantage ul li .text .by i{ font-size: 20px; line-height: 20px;}
.details_page .js_model6 .advantage ul li .text .by b{ font-size: 26px; line-height: 26px; margin: 5px 0 15px;}
.details_page .js_model6 .advantage ul li .text .by .hr{ width: 328px; height: 32px; padding-left: 25px; font-size: 16px; line-height: 32px; background: url(../images/yshrny.png)no-repeat;}
.details_page .js_model6 .advantage ul li .text p:before{ background: url(../images/ysiconny.png)no-repeat; width: 6px; height: 6px; margin: 8px 10px 0 0;}
.details_page .js_model6 .advantage ul li .text p span{ font-size: 12px; line-height: 18px;}
.details_page .js_model6 .advantage ul li .wb{ margin-left: 7px; width: 326px;}
.details_page .js_model6 .advantage ul li .text .by{ margin-bottom: 15px;}
.details_page .js_model6 .advantage ul li .text p{ margin-bottom: 5px;}
.details_page .js_model6 .advantage ul li .text dl{ margin-top: 25px;}
.details_page .js_model6 .advantage ul li .text dl dd .top i{ font-size: 22px;}
.details_page .js_model6 .advantage ul li .text dl dd .top{ font-size: 16px; line-height: 22px;}
.details_page .js_model6 .advantage ul li .text dl dd .bottom{ font-size: 12px;}
.details_page .js_model6 .advantage ul li .text dl dd:last-child{ margin-right: 0;}
.details_page .js_model6 .advantage ul .li1{ background: url(../images/ysny1.png)no-repeat left; height: 425px; padding-top: 45px;}
.details_page .js_model6 .advantage ul .li2{ background: url(../images/ysny2.png)no-repeat right; width: 100%; height: 425px; padding-top: 105px;}
.details_page .js_model6 .advantage ul .li3{ background: url(../images/ysny3.png)no-repeat left; width: 100%; height: 425px; padding-top: 45px;}
.details_page .js_model6 .advantage ul .li4{ background: url(../images/ysny4.png)no-repeat center; width: 100%; height: 425px; padding-top: 100px;}
.details_page .js_model6 .advantage ul .li5{ background: url(../images/ysny5.png)no-repeat center; width: 100%; height: 425px; padding-top: 100px;}
.details_page .js_model6 .advantage ul .li2 .text .by .hr{ background: url(../images/yshrny2.png)no-repeat; width: 316px;}
.details_page .js_model6 .advantage ul .li3 .text .by .hr{ background: url(../images/yshrny3.png)no-repeat; width: 311px;}
.details_page .js_model6 .advantage ul .li4 .text .by .hr{ background: url(../images/yshrny4.png)no-repeat; width: 312px;}
.details_page .js_model6 .advantage ul .li5 .text .by .hr{ background: url(../images/yshrny5.png)no-repeat; width: 312px;}

/*js_model7*/

.details_page .js_model7{ margin-top: 50px;}
.details_page .js_model7 .general_size{ padding-top: 30px; width: 100%; background: #f5f5f5; margin: 0 0 0 0px;padding-bottom: 20px;}
.details_page .js_model7 .abny{ line-height: 0; margin-bottom: 15px;}
.details_page .js_model7 .abpiclb{ margin: 0 auto; width: 835px; padding-top: 20px; border-top: 2px solid #e8e8e8; overflow: hidden;}
.details_page .js_model7 .abpiclb ul li{ float: left; text-align: center;width: 155px;margin-right: 15px;}
.details_page .js_model7 .abpiclb ul li .img{ width: 155px; height: 121px; overflow: hidden;}
.details_page .js_model7 .abpiclb ul li .img img{ width: 100%;}
.details_page .js_model7 .abpiclb ul li .mc{ color: #666; font-size: 12px; background: #ddd; height: 20px; line-height: 20px;}
.details_page .js_model7 .abpiclb ul li:last-child{ margin-right: 0;}
