/*首页轮播*/

.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;}

/*搜索*/

.search{ font-size: 0; width: 100%; height: 70px; background-color: rgb(255, 255, 255); line-height: 70px; border-bottom: 1px solid rgb(232, 232, 232); overflow: hidden;}
.search>div>div{ display: inline-block; vertical-align: top;}
.searchlist img{ vertical-align: middle; margin: -7px 10px 0 0;}
.searchlist b{ color: #333; font-size: 14px;}
.searchlist a{ color: #666; font-size: 14px; margin-right: 10px;}
.searchlist a:hover{ color: #1a3288;}
#searchForm{ background: url(../images/search.png)no-repeat; width: 350px; height: 35px; overflow: hidden; margin-top: 20px;}
#searchForm>input{ display: inline-block; vertical-align: top; height: 35px; line-height: 35px; background: none; outline: none; border: none;}
#searchForm .search-input{ color: #bbb; width: 90%; text-indent: 10px;}
#searchForm #s_btn{ width: 35px; height: 35px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{ color: #bbb;}
#searchForm .search-input:-moz-placeholder{ color: #bbb;}
#searchForm .search-input::-moz-placeholder{ color: #bbb;}
#searchForm .search-input:-ms-input-placeholder{ color: #bbb;}


/*产品*/

.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;}


/*留言*/

.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;}

/*新闻*/



/*尾部*/

.foot{ margin-top: 40px; font-size: 0; background: #f1f1f1;}
.foot .nav{ width: 100%; height: 47px; line-height: 47px; background: #e8e8e8; overflow: hidden;}
.foot nav{ padding: 0 20px; box-sizing: border-box;}
.foot nav a{ color: #666; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 55px;}
.foot nav a:last-child{ margin-right: 0;}
.foot nav a:hover{ color: #de771b;}
.foot .content{ margin-top: 35px; overflow: hidden; height: 240px;}
.foot .content .left{ width: 300px; margin-top: 35px; line-height: 0;}
.foot .content dt{ color: #333; font-size: 24px; line-height: 24px; margin-bottom: 20px;}
.foot .content .zb ul li img{ margin-right: 8px;}
.foot .content ul li,.foot .content ul li a{ margin-bottom: 10px; color: #666; font-size: 14px; line-height: 14px;}
.foot .content .right{ margin-right: 60px; width: 170px;}
.foot .content .right ul li{ display: inline-block; vertical-align: top; width: 50%;margin-bottom: 15px;}
.foot .content .right ul li a:hover{ color: #de771b;}
.foot .bottom{ color: #fff; font-size: 14px; width: 100%; height: 44px; line-height: 44px; text-align: center; background: #004198;}
.foot .bottom a{ color: #fff; font-size: 14px;}
.foot .bottom a:hover{ text-decoration: underline;}
.foot .content .wechat{ margin-top: 30px; overflow: hidden;}
.foot .content .wechat dd{ float: left; text-align: center;}
.foot .content .wechat p{ color: #666; font-size: 14px; line-height: 14px; margin-top: 10px;}

/*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;}


/* 公司介绍 */
.cp_content .gsjs{width: 900px; height: 706px; background: url("../images/cpddy2.jpg"); position: relative; margin-top: -5px;}
.cp_content .gsjs .p1{position: absolute; color: white; font-size: 28px; left: 78px; top: 80px; font-weight: bold;}
.cp_content .gsjs .p2{width: 642px; color: white; left: 78px; top: 134px; line-height: 28px; position: absolute;}

/*资质*/
.ryzz_1 {width: 900px; position: relative; height: 230px; padding: 0 20px; margin: 60px 0; overflow: hidden;}
.ryzz_1 .tempWrap{width: 900px!important;}
.ryzz_1 .bd{ width: 100%; height: 728px; overflow: hidden;}
.ryzz_1 .bd ul li{ display: inline-block; vertical-align: top; width: 165px; height: 230px; margin-right: 8px;}
.ryzz_1 .bd ul li .pic img{ width: 165px; height:230px; transition: all 1.5s ease;}
.ryzz_1 .bd ul li:hover .pic img{ transform: scale(1.1);}

/* 发展历程 */
.cp_content .fzlc{width: 901px; height: 826px; background: url("../images/cpddy3.jpg"); position: relative;}
.cp_content .fzlc .ul_left{display: inline-block; width: 340px; margin: 210px 0 0 68px; vertical-align: top;}
.cp_content .fzlc .ul_left li{width: 340px; text-align: right;  margin-bottom: 80px;}
.cp_content .fzlc .ul_left li .p1{font-size: 22px; color: #000000; margin-bottom: 10px; }
.cp_content .fzlc .ul_left li .p2{font-size: 14px; color: #999999; line-height: 28px;}

.cp_content .fzlc .ul_right{display: inline-block; width: 340px; margin: 296px 0 0 70px; vertical-align: top;}
.cp_content .fzlc .ul_right li{width: 340px; text-align: left;  margin-bottom: 80px;}
.cp_content .fzlc .ul_right li .p1{font-size: 22px; color: #000000; margin-bottom: 10px; }
.cp_content .fzlc .ul_right li .p2{font-size: 14px; color: #999999; line-height: 28px;}