/*首页轮播*/
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner_index img{ width: 100%;line-height: 0;}
.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: 16px; 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: 16px; height: 16px; border-radius: 50%; background: #fff; margin: 0 8px; cursor: pointer; transition: .3s;}
.slideBox .btn ul li.on{ background: #940a08;}


/*产品*/

.product{ font-size: 0;}
.product .cpleft{ width: 300px;}
.product .cpleft .bk{ background-color: rgba(255, 255, 255, 0); border: 5px solid rgb(41, 65, 126); width: 294px; height: 737px;}
.product .cpleft .top{ margin-bottom: 2px; text-align: center; color: #fff; background: #29417e; height: 139px; padding-top: 38px;}
.product .cpleft .top p{ font-size: 30px; line-height: 30px; font-weight: bold; margin-bottom: 13px;}
.product .cpleft .top b{ text-transform: uppercase; font-size: 12px; line-height: 12px;}
.product .cpleft .sideMenu h6{ height: 90px; line-height: 90px; border-bottom: 1px solid #e5e5e5; background: #fafafa;}
.product .cpleft .sideMenu h6 a{ display: block; padding-left: 20px; color: #464e52; font-size: 22px;}
.product .cpleft .sideMenu h6.on a{ background: #940a08; color: #fff;}
.product .cpleft .more{ padding: 60px 0 0 45px; background: #fafafa;}
.product .cpleft .more img{ margin-right: 25px; display: inline-block; vertical-align: middle;}
.product .cpleft .more a{ color: #464e52; font-size: 24px;}
.product .cpleft .more a:hover{ color: #940a08;}
.product .cpright{ width: 863px; margin-left: 37px;}
.product .cpright ul li{ position: relative; width: 863px; height: 738px;overflow: hidden;}
.product .cpright ul li .pic{ width: 863px; height: 738px; overflow: hidden;}
.product .cpright ul li .pic img{ width: 100%;}
.product .cpright ul li .text{ display: none; background-color: rgba(0, 0, 0, 0.749); width: 538px; height: 489px; overflow: hidden; padding: 70px 0 0 30px;}
.product .cpright ul li .button{ cursor: pointer; margin-left: 140px; background: #940a08; width: 258px; height: 57px; line-height: 57px; text-align: center; color: #fff; font-size: 21px;}
.product .cpright ul li .text h5{ margin-left: -30px; text-align: center; margin-bottom: 40px; color: #b29962; font-size: 36px; line-height: 36px; font-weight: bold;}
.product .cpright ul li .text dl dt{ margin-bottom: 5px; color: #cecccc; font-size: 16px; line-height: 21px; font-weight: bold;}
.product .cpright ul li .text dl dd{ color: #cecccc; font-size: 17px; line-height: 27px;}
.product .cpright ul li .text dl{ margin-bottom: 25px;}
.product .cpright ul li .js{ width: 538px; height: 686px; overflow: hidden;}
.product .cpright ul li .more{ position: absolute; left: 0; bottom: 0; z-index: 5; display: block; padding-left: 115px; margin-top: 85px; background: url(../images/proicon3.png)no-repeat 75px center; border: 3px solid rgb(178, 153, 98); width: 302px; height: 52px; line-height: 48px; color: #b29962; font-size: 24px;}
.product .cpright ul li .more:hover{ background: url(../images/proicon3s.png)no-repeat 75px center #b29962; color: #fff;}
.product .cpright ul li .js{ position: absolute; left: 50px; top: 0; z-index: 5;}
.fa-chevron-down{ margin-left: 15px;}
.accordion .js.open i.fa-chevron-down{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; vertical-align: middle;}
.product .cpdqlist{ margin-top: 60px;}
.product .cpdqlist dt{ border-bottom: 1px solid #c6c6c6; padding-bottom: 15px; margin-bottom: 45px;}
.product .cpdqlist dt a{ position: relative; color: #29417e; font-size: 24px; line-height: 24px; text-align: center; width: 169px; margin-left: 10px;}
.product .cpdqlist dt a:before{ content: ""; position: absolute; left: 0; bottom: -14px; z-index: 1; width: 169px; height: 4px; background: #940a08;}
.product .cpdqlist ul li{ float: left; border: 1px solid #c6c6c6; width: 284px!important; height: 234px; margin-right: 16px; overflow: hidden; padding: 3px;}
.product .cpdqlist ul li .pic{ overflow: hidden; width: 275px; height: 183px; margin: 0 auto;}
.product .cpdqlist ul li .pic img{ width: 100%;}
.product .cpdqlist ul li:hover .pic img{ transform: scale(1.1); transition: .3s;}
.product .cpdqlist ul li .name{ margin-top: 5px; height: 39px; line-height: 39px; padding-left: 15px; font-size: 14px;}
.product .cpdqlist ul li .name a{ width: 141px; display: inline-block; vertical-align: top; color: #000;}
.product .cpdqlist ul li .name .xq{ display: inline-block; vertical-align: top; background: url(../images/promc.png)no-repeat; color: #fff; width: 115px; height: 39px; overflow: hidden; text-align: center;}
.product .cpdqlist ul li:hover .name .xq{ background: url(../images/promc2.png)no-repeat;}

/*小图*/

.smallbanner1{ margin-top: 60px; background: url(../images/smallbanner.png)no-repeat center; background: url(../images/smallbanner.png)\9 no-repeat center; width: 100%; height: 656px; overflow: hidden;}
.smallbanner1 .font{ padding-top: 170px;}
.smallbanner1 .font h5{ line-height: 0;}
.smallbanner1 .font h6{ line-height: 23px; margin-top: 25px; color: #fff; font-size: 20px;  margin-left: 10px;}
.smallbanner1 .font h6 b{ font-weight: bold;}
.smallbanner1 .rx{display: inline-block; width: 380px; vertical-align: top; margin-top: 236px; margin-left: 146px;}
.smallbanner1 .font .rx a{margin-top: 32px; display: inline-block; vertical-align: middle; background-color: rgb(220, 196, 157); text-align: center; width: 302px; height: 52px; margin-right: 45px; color: #000000; font-size: 24px; line-height: 52px;}
.smallbanner1 .font .rx a:hover{ background: #940a08; color: #fff;}
.smallbanner1 .font .rx img{ display: inline-block; vertical-align: middle; margin-right: 15px;}
.smallbanner1 .font .rx i{ font-family: impact; color: #fff; font-size: 32px; line-height: 32px; display: inline-block; vertical-align: middle;}

/*优势*/

.advantage{ font-size: 0; margin-top: -80px; position: relative; width: 100%; height: 2120px;}
.advantage ul li{ margin: 0 auto; position: relative; z-index: 6;}
.advantage ul li .text{ width: 510px;}
.advantage ul .li1{ width: 1408px; height: 415px; padding: 142px 0 0 60px; background: url(../images/adpic1.png)no-repeat;}
.advantage ul li dt h5{ font-weight: bold; color: #29417e; font-size: 30px; line-height: 30px;}
.advantage ul li dt h6{ margin: 10px 0 30px; color: #535353; font-size: 12px; line-height: 12px;}
.advantage ul li dd{ width: 440px; margin-bottom: 20px; color: #464e52; font-size: 18px; line-height: 26px;}
.advantage ul .li2{ text-align: right; width: 1220px; height: 414px; padding: 142px 75px 0 0; background: url(../images/adpic2.png)no-repeat;}
.advantage ul .li3{ width: 1200px; height: 396px; padding: 142px 0 0 60px; background: url(../images/adpic3.png)no-repeat;}
.advantage ul .li4{ text-align: right; width: 1200px; height: 396px; padding: 142px 75px 0 0; background: url(../images/adpic4.png)no-repeat;}
.advantage:before{ content: ""; background: url(../images/smallbanner2.png)no-repeat center; background: url(../images/smallbanner2.png)\9 no-repeat center; position: absolute; left: 0; bottom: -210px; width: 100%; height: 940px; overflow: hidden;}

/*客户*/

.case .bd{ margin-bottom: 75px; height: 459px; overflow: hidden;}
.case .bd ul li .text{ width: 514px;   position: relative;}
.case .bd ul li .text h5{ font-weight: bold; margin-left: 15px; color: #29417e; font-size: 20px; line-height: 20px;}
.case .bd ul li .text h6{ margin: 25px 0 30px; color: #29417e; font-size: 36px; line-height: 48px; text-indent: -15px;}
.case .bd ul li .text dd{ text-align: left; margin: 0 0 30px; color: #464e52; font-size: 18px; line-height: 30px; text-indent: 40px;}
.case .bd ul li .text dl{ text-align: right;}
.case .bd ul li .text dl .more{ color: #464e52; font-size: 18px; line-height: 18px; text-indent: 18px; position: absolute; right: 9px; top: 403px;}
.case .bd ul li .text dl .more:hover{ color: #940a08;}
.case .bd ul li .pic{ margin-left: 70px; width: 616px; height: 459px; overflow: hidden;}
.case .bd ul li .pic img{ width: 100%;}
.case .bd ul li .pic:hover img{ transform: scale(1.1); transition: .3s;}
.case .hd ul li{ margin-right: 16px; float: left; width: 288px; height: 137px; border: 1px solid #e9e9e9; background: #fafafa; overflow: hidden; padding-right: 20px;}
.case .hd ul li .top{ margin: 25px 0 10px; border-left: 8px solid #29417e; height: 25px; font-weight: bold; padding-left: 30px; color: #464e52; font-size: 20px; line-height: 20px;}
.case .hd ul li .js{ margin: 0 0 0 30px; color: #464e52; font-size: 16px; line-height: 24px; text-indent: -10px;}
.case .hd ul li .more{ text-align: right;margin-top: -5px;}
.case .hd ul li .more a{ display: inline-block; vertical-align: top; font-size: 16px; line-height: 16px; color: #464e52;}
.case .hd ul li .more a:hover{ color: #940a08;}
.case .hd ul li:last-child{ margin-right: 0;}
.case .hd ul li.on .top{ border-left: 8px solid #940a08;}

/*流程*/

.process{ margin-top: 30px; font-size: 0; position: relative; z-index: 6; background: url(../images/smallbanner3.png)no-repeat center; background: url(../images/smallbanner3.png)\9 no-repeat center; width: 100%; height: 854px; overflow: hidden;}
.process .text{ padding: 230px 0 0;}
.process .text dt{ line-height: 0; margin-left: -90px;}
.process .text dl li{ display: inline-block; vertical-align: top; background: url(../images/processicon.png)no-repeat; width: 20px; height: 27px; margin:56px 12px 0 12px;}
.process .text dl dd{ text-align: center; display: inline-block; vertical-align: top; background-color: rgb(248, 248, 248); width: 139px; height: 139px; border-radius: 50%; overflow: hidden;}
.process .text dl dd .icon{ margin-top: 30px; height: 54px; line-height: 54px;}
.process .text dl dd .icon img{ vertical-align: middle;}
.process .text dl dd p{ margin-top: 10px; font-weight: bold; color: #000000; font-size: 19px; line-height: 19px;}
.process .text dl{ margin-left: -108px; margin-top: 50px;}
.process .text dl dd:hover{ transform: rotateZ(360deg); transition: all .4s;}
.process .form{ padding-top: 160px;}
.process .form dt{ text-align: center;}
.process .form p{ color: #fff; font-weight: bold; font-size: 24px; line-height: 24px;}
.process .form i{ display: block; color: #fff; font-size: 30px; line-height: 30px; margin-top: 10px;}
.process .form i img{ vertical-align: top; margin: 8px 10px 0 0;}
.process .form form{ margin-top: 30px; background: #fff; height: 404px;}
.process .form form h6{ background: #d4bc9d; text-align: center; height: 83px; line-height: 83px; color: #fff; font-size: 22px;}
.process .form form .shuru{ padding: 30px 30px 0;}
.process .form form .input{ margin-bottom: 12px;}
.process .form form .input input{ width: 269px; height: 40px; line-height: 40px; border: 1px solid #ebebeb; text-indent: 5px; color: #aeaeae; font-size: 18px;}
.process .form form .inputtext textarea{ font-family: "微软雅黑"; resize: none; width: 269px; height: 80px; padding-top: 10px; border: 1px solid #ebebeb; text-indent: 5px; color: #aeaeae; font-size: 18px;}
.process .form form .button{ outline: none; display: inline-block; vertical-align: top; border: none; margin: 40px 0 0 40px; background: #d4bc9d; text-align: center; width: 190px; height: 40px; line-height: 40px; color: #fff; font-size: 22px;}
.process .form form .input input::-webkit-input-placeholder{/* WebKit browsers */
    color: #aeaeae;}
.process .form form .input input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aeaeae;}
.process .form form .input input::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aeaeae;}
.process .form form .input input:-ms-input-placeholder{/* Internet Explorer 10+ */
    color: #aeaeae;}
.process .form form .inputtext textarea::-webkit-input-placeholder{/* WebKit browsers */
    color: #aeaeae;}
.process .form form .inputtext textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aeaeae;}
.process .form form .inputtext textarea::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aeaeae;}
.process .form form .inputtext textarea:-ms-input-placeholder{/* Internet Explorer 10+ */
    color: #aeaeae;}

/*关于我们*/

.about{ width: 100%; height: 767px; margin-top: -60px;}
.about .pic{ margin: 177px -150px 0 0; width: 803px; height: 590px; overflow: hidden;}
.about .pic img{ width: 100%;}
.about .text{ width: 530px;}
.about .text dl dd{ margin-bottom: 30px; color: #464e52; font-size: 18px; line-height: 32px; text-indent: 40px;}
.about .text dt{ margin: 0 0 85px; background: url(../images/about_title.png)no-repeat; width: 545px; height: 191px; text-align: center;}
.about .text dt p{ padding: 80px 0 15px; color: #29417e; font-size: 70px; line-height: 70px; font-weight: bold;}
.about .text dt i{ display: block; color: #29417e; font-size: 24px; line-height: 24px;}
.about .text .more{ display: block; padding-left: 115px; margin: 120px 0 0 10px; background: url(../images/proicon3.png)no-repeat 75px center; border: 3px solid rgb(178, 153, 98); width: 302px; height: 52px; line-height: 48px; color: #b29962; font-size: 24px;}
.about .text .more:hover{ background: url(../images/proicon3s.png)no-repeat 75px center #b29962; color: #fff;}

/*研发实力*/

.strength{ position: relative; background: #f7f7f7; width: 100%; height: 454px; overflow: hidden;}
.strength:before{ content: ""; left: 0; top: 142px; position: absolute; z-index: 0; background-color: rgb(173, 173, 173); width: 100%; height: 2px;}
.strength .hd{ padding: 70px 0 35px; margin-bottom: 50px;}
.strength .hd ul li{ cursor: pointer; position: relative; float: left; color: #464e52; font-size: 36px; line-height: 36px;}
.strength .hd ul li:first-child{ margin: 0 45px 0 10px;}
.strength .hd ul li.on{ color: #29417e;}
.strength .hd ul li.on:before{ transform: scale(1); transition: all .3s;}
.strength .hd ul li:before{ transform: scale(0); content: ""; left: 0; bottom: -39px; position: absolute; z-index: 1; background-color: rgb(148, 10, 8); width: 100%; height: 5px;}
.strength .bd{ height: 215px; overflow: hidden;}
.strength .bd ul li{ position: relative; float: left; text-align: center; width: 228px; margin-right: 15px;}
.strength .bd ul li .pic{ width: 228px; height: 179px; overflow: hidden;}
.strength .bd ul li .pic img{ width: 228px; height: 179px; transition: .3s;}
.strength .bd ul li .pic:hover img{ transform: scale(1.1, 1.1);}
.strength .bd ul li .mc{ color: #000000; font-size: 16px; line-height: 16px; margin-top: 20px;}
.strength .bd ul li:hover .mc{ color: #940a08;}

/*新闻*/

.new{ margin: 60px auto 0; height: 424px; overflow: hidden;}
.new .newtab{ width: 785px; border-bottom: 1px solid #535353;}
.new .newtab .hd ul li{ float: left; width: 355px;}
.new .newtab .hd ul dd{ float: left; color: #b5b5b5; font-size: 24px; margin: 0 24px; line-height: 24px;}
.new .newtab .hd{ padding-bottom: 15px; border-bottom: 1px solid #c6c6c6;}
.new .newtab .hd ul li .liz{ position: relative; color: #535353; font-size: 24px; line-height: 24px; cursor: pointer;}
.new .newtab .hd ul li .liz.on{ color: #29417e;}
.new .newtab .hd ul li .liz.on:before{ transform: scale(1); transition: all .3s;}
.new .newtab .hd ul li .liz:before{ transform: scale(0); content: ""; left: 0; bottom: -18px; position: absolute; z-index: 1; background-color: rgb(148, 10, 8); width: 100%; height: 5px;}
.new .newtab .hd ul li .liy{ margin-top: 7px; color: #535353; text-transform: uppercase; font-size: 12px; line-height: 15px; padding-right: 25px; background: url(../images/newicon.png)no-repeat right;}
.new .newtab .hd ul li .liy:hover{ color: #d4bc9d;}
.new .newtab .bd{ margin: 35px 40px 40px 18px; height: 304px; overflow: hidden;}
.new .newtab .bd ul li .tjnew{ height: 159px; overflow: hidden; margin-bottom: 25px;}
.new .newtab .bd ul li .pic:first-child{ margin-right: 55px;}
.new .newtab .bd ul li .pic img{ width: 323px; height: 195px; transition: .3s; }
.new .newtab .bd ul li .pic:hover img{ transform: scale(1.1);}
.new .newtab .bd ul li .tjnew>div{ float: left; position: relative; width: 323px; height: 159px; overflow: hidden;}
.new .newtab .bd ul li .tjnew .js{ position: absolute; left: 0; bottom: 0; z-index: 5; width: 323px; height: 29px; background: rgba(0, 0, 0, 0.4); padding: 0 15px; line-height: 29px;}
.new .newtab .bd ul li .tjnew .js a i{ width: 245px; display: inline-block; vertical-align: top; margin-top: 5px;}
.new .newtab .bd ul li .tjnew .js a{ color: #fff; font-size: 16px; line-height: 18px;}
.new .newtab .bd ul li dl dd{ width: 350px; float: left; margin: 0 27px 10px 0; line-height: 14px;}
.new .newtab .bd ul li dl dd:nth-child(2n){ margin-right: 0;}
.new .newtab .bd ul li dl dd a{ color: #000; font-size: 14px; line-height: 14px;}
.new .newtab .bd ul li dl dd a:hover{ color: #940a08;}
.new .newlb{ width: 335px; margin-right: 25px;}
.new .newlb .top{ margin-bottom: 35px; overflow: hidden;}
.new .newlb .top .liz{ color: #535353; font-size: 24px; line-height: 24px;}
.new .newlb .top .liy{ margin-top: 7px; color: #535353; text-transform: uppercase; font-size: 12px; line-height: 15px; padding-right: 25px; background: url(../images/newicon.png)no-repeat right;}
.new .newlb .top .liy:hover{ color: #d4bc9d;}
.new .newlb .bd ul li{ margin-bottom: 30px; height: 61px!important;}
.new .newlb .bd ul li .wen{ line-height: 14px; margin-bottom: 5px;}
.new .newlb .bd ul li .wen a{ font-weight: bold; color: #000; font-size: 14px; line-height: 14px;}
.new .newlb .bd ul li .da a{ color: #333; font-size: 14px; line-height: 20px;}
.new .newlb .bd ul li:hover .wen a,.new .newlb .bd ul li:hover .da a{ color: #940a08;}