﻿.productDetails{ overflow:hidden; background:#f6f6f6;}
.product_bg{ overflow:hidden; background:#f6f6f6;}
.productDetails .information:after{content:"";height:0;display:block;clear:both}
.productDetails .product_one_l{ float:left;width:620px;/* overflow:hidden;*/ position:relative; }
.productDetails .product_one_l .pro_big2{ overflow:hidden; margin-bottom:15px;border:1px solid #eeeeee;}
.productDetails .product_one_l .big_img{width:100%;}
.productDetails .information{ background:#fff; overflow:hidden;/*margin-bottom:4%;*/}
.productDetails .information .boxs2{ margin:0 auto; width:96%; max-width:1480px; margin-top:4%; margin-bottom:4%;}
.productDetails .information .conten{ overflow:hidden; position:relative; }
.productDetails .information .conten .boxs{ max-width:1200px; width:96%;overflow:hidden; margin:0 auto; text-align:center;}
.productDetails .information .h2{font-weight:700; line-height:48px;color: #000; overflow:hidden;font-size:32px; margin-top:2%;}
.productDetails .information .p{ color:#999; font-size:15px; overflow:hidden; line-height:1.8;}
.productDetails .information .p span{ color:#333; font-weight:700;}
.productDetails .information .p2{ color:#172c55; font-size:18px; overflow:hidden; line-height:1.8;}
.productDetails .information .p2 span{ color:#017b2c; font-weight:700;}
.productDetails .information .desc{overflow:hidden; color:#999999; font-size:15px; line-height:30px; margin-top:3%; }
.productDetails .information .txt{overflow:hidden; color:#666666; font-size:14px; line-height:32px; margin-top:5%; padding-top:4%; padding-bottom:4%;/*border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;*/}
.productDetails .information .rend{ margin-top:3%; overflow:hidden;}
.productDetails .information .zhixun{ float:left;display:block; height:42px; line-height:40px;  overflow:hidden;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;color:#999999; background:url(../images/product_bg1.png) #fff 27px center no-repeat; background-size:20px 19px; font-size:16px; width:151px;  text-align:left;  text-indent:60px; border:1px solid #eeeeee; border-radius:6px;}
.productDetails .information .zhixun:hover{color:#fff;  background-image:url(../images/product_bg1_on.png);background-color:#ff4620; }
.productDetails .information .zhixun.bgs2{ background-image:url(../images/product_bg3.png); background-color:#ff4620; color:#fff; margin-right:13px;}
.productDetails .information .ptel{ float:right;  font-size:18px; color:#000000;}
.productDetails .information .ptel a{ color:#ff4620;}
.productDetails .information .zhixun.bgs2:hover{opacity:0.8;filter:Alpha(opacity=80); }

.product_title{ height:80px; line-height:80px; margin-top:30px; border-bottom:1px solid #dddddd; font-size:20px;background:#dddddd; font-weight:700}
.product_title a{ float:left; overflow:hidden; margin-left:1% !important;margin-right:1% !important; color:#666666;  cursor:pointer; position:relative;}
.product_title a:after{ content:""; position:absolute; bottom:0; left:0; width:0;transition:all 0.3s; height:2px; background:#f18c1a;}
.product_title a.on:after{ width:100%;}
.product_title a.on{ color:#f18c1a;}
.product_con2{ width:75%;background:#fff; overflow:hidden;  margin-top:3%; float:left;}
.product_con2 .boxs{ margin:0 auto; width:96%; overflow:hidden; max-width:1480px;}
.product_two{  overflow:hidden;  line-height:32px; color:#000; margin-top:4%; padding-bottom:5%;}
.product_two img{ max-width:100%;}
.product_two .table{ overflow:hidden;}
.product_two .table table{border-collapse:collapse;border-spacing:0; color:#999999; font-size:14px;}
.product_two .table table th{ line-height:22px;height:30px;padding-top:5px; padding-bottom:5px;  border:1px solid #eeeeee; font-weight:bold; color:#666666; text-align:left;}
.product_two .table table td{ line-height:30px;height:58px; padding-top:5px; padding-bottom:5px; border:1px solid #eeeeee;}
.product_two .table table .w1{ width:103px; padding-left:22px; padding-right:5px; font-weight:bold; color:#666666;}
.product_two .table table .w2{ width:264px;padding-left:54px; padding-right:5px; }
.product_two .table table .p1{ max-width:230px;}
.product_two .h3{ overflow:hidden;   font-size:18px; color:#333333; margin-bottom:1%;  font-weight:bold;}
.product_two p{padding:10px 0;}

.J-floor-nav {/*position:fixed;left: 0px;top:100px;*/width:100%;z-index:999;} 
.J-floor-nav .navtit{width:100%; height:50px;background:#f18c1a; font-size:24px; color:#fff; line-height:50px; text-align:center;border-radius:10px 10px 0 0;}
.floor-nav-icon {width:100%;border:0px solid #172c55; padding:15px;background:#eee;} 
.floor-nav-icon .current a {background:#f18c1a;padding:10px 10px;color: #fff;font-weight: bold;} 
.floor-nav-icon li { float:none;}
.floor-nav-icon li a {display:block;width:100%; font-size:18px; padding:10px 10px;border-top:0px solid #172c55;border-bottom:1px solid #d3d3d3;background:#FFF;text-align:left;cursor:pointer} 
.floor-nav-icon .current em {display:inline-block;width:30px;color:#FFF} 
.floor-nav-icon a em {display:none;color:#172c55;line-height:16px} 
.floor-nav-icon a:hover em {display:block;width:28px;margin:0 auto;text-align:center} 
.floor-nav-icon a:hover i {display:none} 
.floor-nav-icon a:hover {background:#f18c1a;padding:10px 10px;color: #fff;font-weight: bold;} 
.floor-nav-icon .current i {display:none}

.product_con3{ width:23%;background:#fff; overflow:hidden;  margin-top:3%; float:right;}
.product_con3 .boxs{ margin:0 auto; width:90%; overflow:hidden;}
.product_con3 .box{margin-top:30px;margin-bottom:40px}
.product_con3 .box .headerWrapper{height:52px;display:flex;padding-left:28px;align-items:center;background-color:#172c55;background-image: linear-gradient(to right bottom , #0d63a0,#134f78, #172c55);border-radius:10px 10px 0 0}
.product_con3 .box .headerWrapper h2 {margin-left: 10px;font-size: 24px;font-weight: 500;color: #fff;}
.product_con3 .box .cont {background: #f18c1a;text-align: right;border-radius: 0 0 10px 10px;color: #fff;}
.product_con3 .box ul {padding: 20px 6px 20px 20px;}
.product_con3 .box ul li {display: flex;justify-content: flex-start;line-height: 30px;}
.product_con3 .box ul li a{color: #fff;font-size: 18px;}
.product_con3 .box ul li a:hover{color: #fff;}

.product_con3 .interest_box{margin-bottom: 40px;width: 100%;height: 240px;;background-size: 100% 100%;background-color:#172c55;background-image: linear-gradient(to left bottom , #0d63a0,#134f78, #172c55);border-radius:10px;}
.product_con3 .interest_box h2{color: #fff;text-align: center;padding-top: 15px;font-weight: 400;font-size: 24px;}
.product_con3 .interest_box .cont {padding: 20px 20px 0;color: #fff;text-align: left;line-height: 22px;}
.product_con3 .interest_box .btn {color: #fff;background-color:#f18c1a;border-radius: 17px;line-height: 30px;height: 34px;text-align: center;max-width: 210px;margin: 20px auto 0;width: 100%;cursor: pointer;}
.product_con3 .color_F09 {color: #172c55;}

.product_con3 .provide {margin-bottom: 40px;width: 100%;height: 240px; background-size: 100% 100%;background-color:#172c55;background-image: linear-gradient(to right bottom , #0d63a0,#134f78, #172c55);border-radius:10px;}
.product_con3 .provide .cont {padding: 20px 20px 0;color: #fff;text-align: left;line-height: 22px;}
.product_con3 .provide a {color: #fff;background-color:#f18c1a;border-radius: 17px;line-height: 30px;height: 34px;text-align: center;max-width: 210px;margin: 20px auto 0; width: 100%;display: block;}

#request{width:100%;min-height:100%;background-color:rgba(0,0,0,.2);position:fixed;top:0;left:0;z-index:999}
#request .request::-webkit-scrollbar{display:none}
#request .request{background-color:#fff;color:#666;overflow:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px 0 rgba(0,0,0,.5);border-radius:20px;padding:60px;font-size:12px;max-width:1000px;width:90%;max-height:88vh;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto}
#request .request h2{color:#333;text-align:center;margin-top:-20px;margin-bottom:20px;font-size: 24px; font-weight:700;}
#request .request p{line-height:24px}
#request .request .el-form .el-button--primary{background:none;color:#333;border:none;font-size:16px;font-weight:500;padding-left:0}
#request .request .el-form .el-button--primary:focus,#request .request .el-form .el-button--primary:hover{background:none;color:#333}
#request .request .el-form .el-upload__tip{font-size:16px;font-weight:500}
#request .request .el-form .el-form-item{margin-bottom:15px}
@media screen and (max-width:768px){#request .request .el-form .el-form-item .el-form-item__label{padding:0;line-height:25px}}
#request .request .el-form .input-with-select .el-input-group__prepend .el-select .el-input__inner{background-color:#ddd;border:1px solid #ccc;border-right:none;border-radius:4px 0 0 4px}
#request .request .el-form .input-with-select .el-input__inner{border-left:0;border-radius:0 4px 4px 0!important}
#request .request .el-form .el-input__inner{-webkit-appearance:none;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:35px;line-height:35px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}
#request .request .el-form .el-form-item__label{display:flex;justify-content:flex-end;color:#333}
@media screen and (max-width:800px){#request .request .el-form .el-form-item__label{width:100%!important;display:flex;justify-content:flex-start}#request .request .el-form .el-form-item__content{margin-left:0!important}}
#request .request .el-form .is-required .el-form-item__label:after{content:"*";color:#de4716;margin-left:4px;display:block;margin-top:3px}
#request .request .el-form .el-textarea .el-textarea__inner{background:#f5f5f5;border:1px solid #ccc}
#request .request .el-form .input_code{display:flex;align-items:center}
#request .request .el-form .input_code span:after{content:"*";color:#de4716;position:relative;top:3px;margin-left:4px}
#request .request .el-form .input_code .el-input{width:30%!important;margin-left:20px}
#request .request .el-form .input_code img{max-width:30%!important;height:40px;margin-left:5%!important;vertical-align:middle}
@media screen and (max-width:768px){#request .request .el-form .input_code img{margin-left:0!important}}
#request .request .el-form .is-checked .el-checkbox__inner{background-color:#08388c;border-color:#5d5d5d;color:#5d5d5d}
#request .request .el-form .el-checkbox__inner{background-color:#fff;border-color:#08388c;color:#5d5d5d}
#request .request .closeBox{position: absolute;top:40px;right:40px;cursor:pointer}
@media screen and (max-width:768px){
#request .request .closeBox{top:20px;right:20px}}
#request .request .el-form .but{text-align:center;margin-top:20px}
#request .request .el-form .but button{border-width:0;width:100%;max-width:643px;height:30px;padding:0;border-radius:0;background:#00388c;font-weight:700;color:#fff}
@media screen and (max-width:768px){#request .request{padding:30px 20px}}



@media screen and (max-width: 1360px) {
.productDetails .information .ptel{ float:none; clear:both; padding-top:3%;}
.product_two .table table .w1{ width:113px; padding-left:12px;}
.product_two .table table .w2{ width:304px;padding-left:14px; }
}

@media screen and (max-width: 1200px) {
.productDetails .product_one_l{ width:500px;}
.productDetails .information .ptel{ font-size:16px;}
.productDetails .information .conten .content_timgr{ width:500px; height:453px;}
.productDetails .information .desc{ font-size:14px; line-height:30px;}
.productDetails .information .txt{ font-size:14px; line-height:30px; padding-top:2%;}
.productDetails .information .h2{ font-size:31px;}
.productDetails .information .rend{ margin-top:5%;}
.product_two .table table{ font-size:13px;}
.product_two .table table td{ line-height:26px;}
}

@media screen and (max-width: 960px) {
.productDetails .product_one_l{ width:100%; float:none;}
.productDetails .information .conten{ min-height:inherit; margin-top:3%;}
.productDetails .information .conten .boxs{ width:100%;}
.productDetails .information .txt{ padding-top:0;}
.productDetails .information .rend{ margin-top:3%;}
.product_two .h3{ font-size:16px;}
.product_two{ font-size:14px; line-height:28px;}
.product_ul2 ul li{ width:49%;}
.product_ul2 ul li:nth-child(3n+0){ margin-right:2%;}
.product_ul2 ul li:nth-child(2n+0){ margin-right:0;}
}
@media screen and (max-width: 640px) {
.about-page .message{padding: 20px 20px;}
.main .banner{display:none;}
.productDetails .information .h2{ font-size:24px; margin-top:5%;}
.productDetails .information .zhixun{ font-size:15px; text-indent:50px; background-position:20px center;}
.productDetails .information .ptel{ font-size:14px;}
.productDetails .information .ptel a{ font-size:20px;}
.product_two .h3{ font-size:15px;}
.product_two{ font-size:13px; line-height:24px;}
.product_ul2 ul li .txts .cons{ padding-top:15px; padding-bottom:15px;}
.product_ul2 ul li .txts .p{ line-height:20px; font-size:13px;}
.product_ul2 ul li:hover .txts .p{margin-top:5px; height:40px;}
.product_ul2 ul li .txts .h3{ font-size:18px;}
.pro_more{ font-size:15px; height:40px; line-height:40px; width:170px;}

.product_title{ height:50px; line-height:50px; border-bottom:1px solid #dddddd; font-size:18px;}
.product_two{  overflow:hidden;  font-size:18px; line-height:32px; color:#000; margin-top:4%; padding-bottom:5%;}
.product_con2{ width:100%;}
.product_con3{ display:none;}
}
@media screen and (max-width: 480px) {
.productDetails .information .h2{ font-size:20px; line-height:30px;}
.productDetails .information .desc{ font-size:12px; line-height:22px;}
.productDetails .information .txt{ font-size:12px; line-height:24px;}
.productDetails .information .zhixun{ margin-top:20px;  height:40px; line-height:40px;  width:140px; background-position:20px center; text-indent:50px; background-size:20px auto; font-size:14px;}
.productDetails .information .zhixun.bgs2{ margin-right:8px;}
.productDetails .information .p{ font-size:12px;}
.productDetails .information .ptel{ font-size:13px;}
.product_title{ line-height:50px; height:50px; font-size:13px;}
.product_two .h3{ font-size:14px;}
.product_two{ font-size:16px; line-height:22px;}
.product_two .table table .w2{ padding-left:8px; width:310px;}
.product_ul2 ul li{border-radius: 6px;}
.product_ul2 ul li .txts .cons{ padding-top:10px; padding-bottom:10px;}
.product_ul2 ul li:hover .txts .p{ height:0; margin-top:0;}
.product_ul2 ul li:hover .txts{ background:#fff;}
.product_ul2 ul li .txts .h3{ font-size:16px;height:20px; line-height:20px;}
.product_ul2 ul li:hover .txts .h3{ color:#444444; }
.pro_more{ font-size:13px; height:36px; line-height:36px; width:140px;}
}