﻿


.cpxq .xq1{ padding: 80px 0;}
.details_con01_left{position:relative;float:left;}

.details_con01_left_pic_box_img{display:none;position:relative;}
.details_con01_left_pic_box_img img{display:block;width:100%;height:100%;}
.details_con01_left_pic_box_img_number{position:absolute;right:15px;bottom:15px;font-size:18px;}

.details_con01_left_pic_box{width:598px;height:409px;border:1px solid #ccc;position:relative;overflow:hidden;}
.details_con01_left_focus_box_wrap{width:600px;overflow:hidden;margin-top:10px;height:104px;position:relative;}
.details_con01_left_focus_box{width:5000px;position:relative;transition:0.3s;}
.details_con01_left_focus_box a{float:left;width:140px;height:96px;border:1px solid #ccc;overflow:hidden;position:relative;margin-right:10px;opacity:0.7;filter:alpha(opacity=70);}
.details_con01_left_focus_box a:hover,.details_con01_left_focus_box a.active{border:1px solid #296dde;opacity:1;filter:alpha(opacity=100);}
.details_con01_left_focus_box a img{display:block;width:100%;height:100%;}

.details_prevBtn{display:block;width:50px;height:50px;text-align:center;line-height:50px;color:#7f7f7f;position:absolute;font-family:"iconfont";position:absolute;left:10px;top:173px;z-index:2;font-size:50px;font-weight:bold;border-radius:100%;}
.details_prevBtn:after{content:"\e736";}
.details_nextBtn{display:block;width:50px;height:50px;text-align:center;line-height:50px;color:#7f7f7f;position:absolute;font-family:"iconfont";position:absolute;left:540px;top:173px;z-index:2;font-size:50px;font-weight:bold;border-radius:100%;}
.details_nextBtn:after{content:"\e735";}
.details_prevBtn:hover,.details_nextBtn:hover{background:#296dde;color:#fff;}

.cpxq .xq1 .xq1R{ width: 540px;}
.cpxq .xq1 .xq1R h3{  border-bottom: 1px solid #ddd; font-size: 28px; margin-top: 20px; padding-bottom:20px;}
.cpxq .xq1 .xq1R .text{ padding: 30px 0; border-bottom: 1px solid #ddd;}
.cpxq .xq1 .xq1R .text p{ font-size: 16px; line-height: 30px; /*background: url(../image/cpd.png) 0 12px no-repeat;*/ text-indent: 20px; margin-top:10px;}
.cpxq .xq1 .xq1R .an{ width: 540px; margin-top: 60px;}
.cpxq .xq1 .xq1R .an a{ width: 220px; height: 74px; background: url(../image/zxan.png) no-repeat; display: block; font-size: 20px; color: #fff; line-height: 70px; text-indent: 95px; float: left;}
.cpxq .xq1 .xq1R .an a:hover{ background: url(../image/zxan2.png) no-repeat; color: #333;}
.cpxq .xq1 .xq1R .an .tact{ margin-left: 40px; width: 240px; float: left; margin-top: 10px;}
.cpxq .xq1 .xq1R .an .tact p{ font-size: 15px;}
.cpxq .xq1 .xq1R .an .tact .call{ font-size: 28px; font-weight: bold; color: #296dde; font-family: arial; margin-top: 5px;}

.cpxq .tybt{ height: 60px; background: url(../image/bt.png) no-repeat; line-height: 60px; font-size: 26px; font-weight: bold; color: #fff; text-indent: 30px;}
.cpxq .xq2 .nr{ margin-top: 40px;}
.cpxq .xq2 .wgt{ width: 560px; height: 360px; float: left;}
.cpxq .xq2 .wgt img{ width: 558px; height: 358px; border: 1px solid #ccc;}
.cpxq .xq2 .td{ width: 590px; height: 360px; margin-left: 50px; float: left;}
.cpxq .xq2 .td p{ font-size: 15px; line-height: 40px;}

.cpxq .xq3{ margin: 80px 0;}
.cpxq .xq3 .nr{ margin-top: 40px;}

.cpxq .xzxq .bt{ width: 560px; height: 60px; background: url(../image/bt2.png) no-repeat; line-height: 60px; font-size: 26px; font-weight: bold; color: #fff; text-indent: 30px;}
.cpxq .xzxq dl{ width: 560px; margin-top: 40px;}
.cpxq .xzxq dl dt{ width: 300px; height: 205px; float: left;}
.cpxq .xzxq dl dt img{ width: 298px; height: 203px; border: 1px solid #ddd;} 
.cpxq .xzxq dl dd{ width: 200px; float: left; margin-left: 60px;}
.cpxq .xzxq dl .dd1{ font-size: 20px; font-weight: bold; line-height: 30px; margin-top: 30px;}
.cpxq .xzxq dl .dd2 a{ width: 180px; height: 69px; background: url(../image/but.gif) no-repeat; font-size: 18px; color: #fff; text-indent: 25px; line-height: 50px; display: block; margin-top: 25px;}


.cpxq .xq6{ padding-top: 80px;}
.cpxq .xq6 .nr{ margin-top: 40px; height: 574px; overflow: hidden;}
.cpxq .xq6 .nr .xt{ width: 300px;}
.cpxq .xq6 .nr .dt{ width: 540px; margin-left:30px;}
.cpxq .xq6 .nr .xt dl{ margin-bottom: 30px;}
.cpxq .xq6 .nr .xt dl dt{ width: 300px; height: 205px; position: relative;}
.cpxq .xq6 .nr .xt dl dt img{ width: 300px; height: 205px;}
.cpxq .xq6 .nr .xt dl dt p{ width: 300px; height: 46px; background-color: rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0; text-align: center; font-size: 18px; color: #fff; line-height: 46px;}
.cpxq .xq6 .nr .xt dl dd{ width: 300px; margin-top:15px; font-size: 15px; line-height: 26px; color: #666;}
.cpxq .xq6 .nr .dt dl{ width: 540px; text-align: center;}
.cpxq .xq6 .nr .dt dt{ width: 540px; height: 369px;}
.cpxq .xq6 .nr .dt dt img{ width: 540px; height: 369px;}
.cpxq .xq6 .nr .dt .dd1{ width: 540px; font-size: 24px; font-weight: bold; margin-top: 30px;}
.cpxq .xq6 .nr .dt .dd2{ font-size: 16px; line-height: 30px; color: #666; padding: 30px 80px;}

.cpxq .xq7{ padding: 80px 0;}
.cpxq .xq7 .nr{ margin-top:40px; width: 1280px;}
.cpxq .xq7 .nr dl{ width: 240px; float: left; margin-right: 80px; text-align: center;}
.cpxq .xq7 .nr dl .dt1{ width: 240px; height: 200px; background: url(../image/ystb1.png) center no-repeat;}
.cpxq .xq7 .nr dl .dt2{ width: 240px; height: 200px; background: url(../image/ystb2.png) center no-repeat;}
.cpxq .xq7 .nr dl .dt3{ width: 240px; height: 200px; background: url(../image/ystb3.png) center no-repeat;}
.cpxq .xq7 .nr dl .dt4{ width: 240px; height: 200px; background: url(../image/ystb4.png) center no-repeat;}
.cpxq .xq7 .nr dl .dd1{ font-size: 24px; font-weight: bold; margin-top: 30px;}
.cpxq .xq7 .nr dl .dd2{ width: 240px; font-size: 15px; color: #666; line-height: 26px; margin-top: 20px;}

.cpxq .xq8 .nr{ margin-top: 50px;}
.cpxq .xq8 .nr dl{ width: 300px; height: 480px; float: left; position: relative}
.cpxq .xq8 .nr .dl1 dt{ width: 300px; height: 240px; position: absolute; left: 0; top: 240px;}
.cpxq .xq8 .nr .dl1 dd{ width: 300px; height: 102px; background: url(../image/slk1.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 1; text-align: center; font-size: 24px; font-weight: bold; color: #fff; line-height: 40px; padding: 80px 0;}
.cpxq .xq8 .nr .dl2 dt{ width: 300px; height: 240px; position: absolute; left: 0; top:0px;}
.cpxq .xq8 .nr .dl2 dd{ width: 300px; height: 152px; background: url(../image/slk2.png) no-repeat; position: absolute; left: 0; top: 218px; z-index: 1; text-align: center; font-size: 24px; font-weight: bold; color: #fff; line-height: 40px; padding-top: 110px;}
.cpxq .xq8 .nr2 dl{ width: 600px; height: 240px; float: left; position: relative;}
.cpxq .xq8 .nr2 dl dt{ width: 300px; height: 240px; position: absolute; left: 300px; top: 0;}
.cpxq .xq8 .nr2 dl dd{ width: 300px; height: 170px; background: url(../image/slk3.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 1; text-align: center; padding-right: 22px; font-size: 24px; font-weight: bold; color: #fff; line-height: 40px; padding-top:70px;}

.cpxq .xq9{ padding: 80px 0;}
.cpxq .xq9 .sub2_2{ position:relative; height:400px; margin-top: 50px;}
.cpxq .xq9 .sub2_2 a.plus{ width:120px; height:50px; display:block; position:absolute; left:-160px; top:155px; background:  url(../image/zsL1.png) no-repeat; cursor: pointer;}
.cpxq .xq9 .sub2_2 a.plus:hover{ background: url(../image/zsL2.png) no-repeat;}
.cpxq .xq9 .sub2_2 a.minus{ width:120px; height:50px; display:block; position:absolute; right:-160px; top:155px; background:  url(../image/zsR1.png) no-repeat; cursor: pointer;}
.cpxq .xq9 .sub2_2 a.minus:hover{ background: url(../image/zsR2.png) no-repeat;}
.cpxq .xq9 .box{ position:absolute; left:0px; top:0px; width:1200px; height:400px; overflow:hidden;}
.cpxq .xq9 ul.list{ position:absolute; left:0px; top:0px; width:200000px; height:400px; overflow:hidden;}
.cpxq .xq9 ul.list li{ float:left; width:305px; height:360px; position:relative;}
.cpxq .xq9 ul.list li img{ width: 283px; height: 358px; border: 1px solid #ddd;}
.cpxq .xq9 ul.list li p{ width: 285px; font-size: 16px; text-align: center; margin-top: 20px;}
.cpxq .xq9 ul.list li:hover img{ border: 1px solid #296dde;}
.cpxq .xq9 ul.list li:hover p{ color: #296dde;}

.cpxq .xq10 .nr{ margin-top: 40px; width: 1230px;}
.cpxq .xq10 .nr dl{ width:380px; float: left; margin-right: 30px;}
.cpxq .xq10 .nr dl dt{ width: 380px; height: 260px; position: relative;}
.cpxq .xq10 .nr dl dt img{ width: 380px; height: 260px;}
.cpxq .xq10 .nr dl dt p{ width: 200px; height: 40px; background: #296dde; border-radius: 20px;text-align: center; line-height: 40px;  font-size: 16px; color: #fff; position: absolute; left: 90px; bottom: -20px;}
.cpxq .xq10 .nr dl .dd1{ font-size: 20px; font-weight: bold; margin-top: 50px;}
.cpxq .xq10 .nr dl .dd2{ width: 380px; height: 60px; overflow: hidden; font-size: 15px; line-height: 30px; color: #666; margin-top: 20px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.cpxq .xq10 .nr dl .dd3 a{  width: 150px; height: 40px; background: #296dde; display: block; margin: 30px auto 0 auto;text-align: center; line-height: 40px; border-radius: 20px; font-size: 16px; color: #fff;}
.cpxq .xq10 .nr dl .dd3 a:hover{ background: #ffc600; color: #333;}


.cpxq .xq11{ padding: 80px 0 100px 0;}
.cpxq .xq11 .sub2_2{ position:relative; height:310px; margin-top: 40px;}
.cpxq .xq11 .sub2_2 a.plus{ width:60px; height:60px; display:block; position:absolute; left:-100px; top:100px; background:  url(../image/sy3jtL.png) no-repeat; cursor: pointer;}
.cpxq .xq11 .sub2_2 a.plus:hover{ background: url(../image/sy3jtL2.png) no-repeat;}
.cpxq .xq11 .sub2_2 a.minus{ width:60px; height:60px; display:block; position:absolute; right:-100px; top:100px; background:  url(../image/sy3jtR.png) no-repeat; cursor: pointer;}
.cpxq .xq11 .sub2_2 a.minus:hover{ background: url(../image/sy3jtR2.png) no-repeat;}
.cpxq .xq11 .box{ position:absolute; left:0px; top:0px; width:1200px; height:310px; overflow:hidden;}
.cpxq .xq11 ul.list{ position:absolute; left:0px; top:0px; width:200000px; height:310px; overflow:hidden;}
.cpxq .xq11 ul.list li{ float:left; width:410px; height:340px; position:relative;}
.cpxq .xq11 ul.list li img{ width: 378px; height: 258px; border: 1px solid #ddd;}
.cpxq .xq11 ul.list li p{ width: 380px; font-size: 18px; text-align: center; margin-top: 20px;}
.cpxq .xq11 ul.list li:hover img{ border: 1px solid #296dde;}
.cpxq .xq11 ul.list li:hover p{ color: #296dde;}




.xnv{width: 1200px;height: 80px;margin: 0 auto;border-bottom:1px dashed #7f7f7f;line-height: 80px;}
.xnv a{color: #333;padding: 0 5px;}
.xnv span{padding-right: 10px;font-size: 24px;display: block;float: left;}



/*产品切换*/
.neir{font-size: 0.28rem;color: #333;line-height: 1rem;font-weight: bold; text-align: center;}
.section03_swiper{width: 100%; height:5.4rem; position: relative;}
.shil{width: 100%;margin: 0 auto;}
.shil img{display:block;width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.section03_swiper .swiper-pagination-bullet{ width: 16px; height: 16px;}
.section03 .swiper-pagination-bullet-active{background: #2a66d7;}


/*产品参数*/
.xq1{ width: 100%; }
.xq1 .bt{height: 0.65rem; background:url(../images/cpxq/bt.png) no-repeat; font-size: 0.32rem; color: #fff; font-weight: bold; line-height: 0.65rem; text-indent: 0.3rem;}
.xq1 .nr{ width: 94%; margin: 0.4rem 3%;}
.xq1 .nr p{ font-size: 0.2rem; color:#666; line-height: 0.3rem; margin: 2% 0; background:url(../images/cpxq/dian.png) 0 0.12rem no-repeat; text-indent: 0.2rem;}

/*外观特点*/
.xq2{ width: 100%;}
.xq2 .bt{height: 0.65rem; background:url(../images/cpxq/bt.png) no-repeat; font-size: 0.32rem; color: #fff; font-weight: bold; line-height: 0.65rem; text-indent: 0.3rem;}
.xq2 .img{ width: 100%; margin-top: 0.3rem;}
.xq2 .img img{ border: 1px solid #ccc; width: 100%; height: auto;}
.xq2 .nr{ width: 94%; margin: 0.3rem 3%;}
.xq2 .nr p{ font-size: 0.2rem; color: #666; line-height: 0.4rem;}


/*产品细节图片*/
.xq3{ width: 100%;}
.xq3 .bt{height: 0.65rem; background:url(../images/cpxq/bt.png) no-repeat; font-size: 0.32rem; color: #fff; font-weight: bold; line-height: 0.65rem; text-indent: 0.3rem;}
.xq3 .dl1{ width: 45%; height: 3.8rem; margin: 0.3rem 3% 0 3%; float: left;}
.xq3 .dl2{ width: 45%; height: 3.8rem; margin-right: 3%; float: right; margin-top: 0.3rem;}
.xq3 .dl3{ width: 94%; margin: 0 3%;}
.xq3 .dl4{ width: 45%; margin: 0 3%; float: left; margin-top: 0.3rem;}
.xq3 .dl5{ width: 45%; margin-right: 3%; float: right; margin-top: 0.3rem;}
.xq3 dl img{ width: 100%;}
.xq3 dl .dd1{ font-size: 0.3rem; font-weight: bold;}
.xq3 dl .dd2{ font-size: 0.2rem; color: #666; line-height: 0.3rem; margin-top: 0.1rem;}


/*产品核心优势*/
.xq4{ width: 100%; margin-top: 0.4rem;}
.xq4 .bt{height: 0.65rem; background:url(../images/cpxq/bt.png) no-repeat; font-size: 0.32rem; color: #fff; font-weight: bold; line-height: 0.65rem; text-indent: 0.3rem;}
.xq4 .nr{ width: 94%; margin:0.3rem 3%;}
.xq4 .nr dl{ width: 45%; margin: 0.2rem 0;}
.xq4 .nr dl dt{ width: 100%; height: 100%;}
.xq4 .nr dl dt img{ width: 100%;}
.xq4 .nr dl .dd1{ font-size: 0.3rem; text-align: center; font-weight: bold; margin-top: 0.1rem;}
.xq4 .nr dl .dd2{ font-size: 0.2rem; line-height: 0.3rem; text-align: center; margin-top: 0.1rem; color: #666;}


/*应用案例*/
.xq5{ width: 100%; margin-top: 0.4rem;}
.xq5 .bt{height: 0.65rem; background:url(../images/cpxq/bt.png) no-repeat; font-size: 0.32rem; color: #fff; font-weight: bold; line-height: 0.65rem; text-indent: 0.3rem;}
.xq5 ul{ width: 94%; margin:0.1rem 3%;}
.xq5 ul li{ width: 48%; float: left; margin-top: 0.2rem;}
.xq5 ul li:nth-child(2n){ float: right; margin-right: 0;}
.xq5 ul li img{ width: 100%;}
.xq5 ul li a{ font-size: 0.2rem; color: #666; line-height: 0.3rem; display: block;}
.xq5 .more{ width: 2rem; height: 0.5rem; display: block; border: 2px solid #2a66d7; font-size: 0.2rem; color: #2a66d7; text-align: center; line-height: 0.5rem; border-radius: 0.25rem; margin: 0.3rem auto;}

/*推荐产品*/
.xq6{ width: 100%; margin-top: 0.4rem;}
.xq6 .bt{height: 0.65rem; background:url(../images/cpxq/bt.png) no-repeat; font-size: 0.32rem; color: #fff; font-weight: bold; line-height: 0.65rem; text-indent: 0.3rem;}
.xq6 ul{ width: 94%; margin:0.1rem 3%;}
.xq6 ul li{ width: 48%; float: left; margin-top: 0.2rem; text-align: center;}
.xq6 ul li:nth-child(2n){ float: right; margin-right: 0;}
.xq6 ul li img{ width: 100%; border: 1px solid #ddd;}
.xq6 ul li a{ font-size: 0.2rem; color: #666; line-height: 0.3rem; display: block;}
.xq6 .more{ width: 2rem; height: 0.5rem; display: block; border: 2px solid #2a66d7; font-size: 0.2rem; color: #2a66d7; text-align: center; line-height: 0.5rem; border-radius: 0.25rem; margin: 0.3rem auto;}









/*联系我们*/
#lianxi{width: 100%;height: 4.2rem;background: #296dde;margin-top: 0.8rem;text-align: center;color: #fff;font-size: 0.22rem;line-height: 0.4rem;color: rgba(255,255,255,0.7)}
#lianxi p{font-size: 0.34rem;color: #fff;opacity: 1;line-height: 1rem;padding-top: 0.5rem;}

#di{width: 100%;height: 0.9rem;background: #14366f;color: rgba(255,255,255,0.5);text-align: center;font-size: 0.2rem;line-height: 0.3rem;padding-top: 0.3rem;}