@charset "utf-8";



/*浮动样式*/
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px; overflow:hidden;}
.clearfix{ zoom:1}




.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{ height: 80px; border-bottom: 1px solid #ddd; font-size: 36px; margin-top: 20px;}
.cpxq .xq1 .xq1R .text{ padding: 40px 0; border-bottom: 1px solid #ddd;}
.cpxq .xq1 .xq1R .text p{ font-size: 16px; line-height: 40px; background: url(/images/cpd.png) left no-repeat; text-indent: 20px;}
.cpxq .xq1 .xq1R .an{ width: 540px; margin-top: 60px;}
.cpxq .xq1 .xq1R .an a{ width: 220px; height: 74px; background: url(/images/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(/images/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(/images/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;margin:5px 0px;}

.cpxq .xq3{ margin-top: 30px;}
.cpxq .xq3 .nr{ margin-top: 20px;}


.cpxq .xzxq .bt{ width: 560px; height: 60px; background: url(/images/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(/images/but.gif) no-repeat; font-size: 18px; color: #fff; text-indent: 25px; line-height: 50px; display: block; margin-top: 25px;}


.cpxq .xq6{margin:60px auto;}
.cpxq .xq6 .nr{ margin-top: 40px;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;border: 1px solid #ccc;}
.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;margin:0 auto;}
.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 .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(/images/ystb1.png) center no-repeat;}
.cpxq .xq7 .nr dl .dt2{ width: 240px; height: 200px; background: url(/images/ystb2.png) center no-repeat;}
.cpxq .xq7 .nr dl .dt3{ width: 240px; height: 200px; background: url(/images/ystb3.png) center no-repeat;}
.cpxq .xq7 .nr dl .dt4{ width: 240px; height: 200px; background: url(/images/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(/images/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(/images/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(/images/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(/images/zsL1.png) no-repeat; cursor: pointer;}
.cpxq .xq9 .sub2_2 a.plus:hover{ background: url(/images/zsL2.png) no-repeat;}
.cpxq .xq9 .sub2_2 a.minus{ width:120px; height:50px; display:block; position:absolute; right:-160px; top:155px; background:  url(/images/zsR1.png) no-repeat; cursor: pointer;}
.cpxq .xq9 .sub2_2 a.minus:hover{ background: url(/images/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(/images/sy3jtL.png) no-repeat; cursor: pointer;}
.cpxq .xq11 .sub2_2 a.plus:hover{ background: url(/images/sy3jtL2.png) no-repeat;}
.cpxq .xq11 .sub2_2 a.minus{ width:60px; height:60px; display:block; position:absolute; right:-100px; top:100px; background:  url(/images/sy3jtR.png) no-repeat; cursor: pointer;}
.cpxq .xq11 .sub2_2 a.minus:hover{ background: url(/images/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;}



.shop-product-content .an{ width: 540px; margin-top: 40px;}
.shop-product-content .an a{ width: 220px; height: 74px; background: url(/images/zxan.png) no-repeat; display: block; font-size: 20px; color: #fff; line-height: 70px; text-indent: 95px; float: left; text-decoration:none;}
.shop-product-content .an .tact{ margin-left: 40px; width: 240px; float: left; margin-top: 10px;}
.shop-product-content .an .tact p{ font-size: 15px;}
.shop-product-content .an .tact .call{ font-size: 28px; font-weight: bold; color: #1f8bfb; font-family: arial; margin-top: 5px;}