@charset "utf-8";


/*----内容区----*/
.cpxq{ background: url(../images/index/bg.jpg) repeat; padding-bottom: 100px;}
.cpxq .xq1{ padding-top: 40px;}
.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:378px;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:88px;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:#f39700;color:#fff; text-decoration:none;}

.cpxq .xq1 .xq1R{ width: 540px;}
.cpxq .xq1 .xq1R h3{ height: 60px; border-bottom: 1px solid #ddd; font-size: 32px; margin-top: 10px;}
.cpxq .xq1 .xq1R .text{ padding: 30px 0; border-bottom: 1px solid #ddd; line-height: 32px; font-size: 15px; height: 128px; overflow: hidden; background: #fff;}
.cpxq .xq1 .xq1R .text b{ font-size: 18px; font-weight: bold;}
.cpxq .xq1 .xq1R .tact{ height: 60px; background: url(../images/cpxq/tact.png) left no-repeat; text-indent: 50px; margin-top: 40px;}
.cpxq .xq1 .xq1R .tact p{ font-size: 16px;}
.cpxq .xq1 .xq1R .tact .call{ font-size: 28px; font-weight: bold; font-family: "arial"; color: #850085; margin-top: 5px;}
.cpxq .xq1 .xq1R .more{ margin-top: 40px;}
.cpxq .xq1 .xq1R .more .a1{ width: 190px; height: 56px; background: url(../images/cpxq/zx1.png) no-repeat; display: block; font-size: 18px; color: #fff;  text-indent: 75px; line-height: 56px; float: left;}
.cpxq .xq1 .xq1R .more .a1:hover{ background: url(../images/cpxq/zx2.png) no-repeat;}
.cpxq .xq1 .xq1R .more .a2{ width: 190px; height: 56px; background: url(../images/cpxq/ly1.png) no-repeat; display: block; font-size: 18px; color: #fff;  text-indent: 75px; line-height: 56px; float: left; margin-left: 20px;}
.cpxq .xq1 .xq1R .more .a2:hover{ background: url(../images/cpxq/ly2.png) no-repeat;}


.xq2{ padding: 80px 0;}
.cpxq .bt{ height: 96px; background: url(../images/cpxq/bt.png) center no-repeat; text-align: center;}
.cpxq .bt h4{ font-size: 36px; color: #850085; margin-top: 15px;}
.cpxq .bt p{ font-size: 14px; font-family: "arial"; color: #999; text-transform: uppercase; margin-top: 5px;}
.xq2 .nr{ margin-top: 40px; height: 462px;}
.xq2 .nr .img{ width: 378px; height: 460px; border: 1px solid #ddd;}
.xq2 .nr .img img{ width: 378px; height: 460px;}
.xq2 .nr table{ border: 1px solid #ddd; border-collapse: collapse;}
.xq2 .nr table td{ border: 1px solid #ddd; font-size: 15px; line-height: 26px;}


.xq3 .nr{ width: 1230px; margin-top: 40px;}
.xq3 .nr .nr1{ width: 380px; height: 520px; float: left; margin-right: 30px;}
.xq3 .nr .nr1 img{ width: 380px; height: 260px;}
.xq3 .nr .nr1 dl{ width: 316px; height: 176px; border: 2px solid #850085; text-align: center; padding: 40px 30px; background: #fff;}
.xq3 .nr .nr1 dl dt{ font-size: 30px; font-weight: bold; color: #850085;}
.xq3 .nr .nr1 dl .dd1{ width: 30px; height: 2px; background: #850085; margin: 20px auto;}
.xq3 .nr .nr1 dl .dd2{ font-size: 15px; line-height: 30px;}


.xq4{ padding: 80px 0;}
.xq4 .nr{ margin-top: 40px;}
.xq4 .nr .dt{ width: 600px; height: 680px; overflow: hidden;}
.xq4 .nr .dt img{ width: 600px; height: 600px;}
.xq4 .nr .dt p{ width: 600px; height: 80px; background: #850085; text-align: center; font-size: 30px; color: #fff; line-height: 80px;}
.xq4 .nr .xt{ width: 580px; height: 680px; overflow: hidden;}
.xq4 .nr .xt .xt1{ width: 580px; height: 220px; margin-bottom: 10px; background: #fff;}
.xq4 .nr .xt .xt1 dl{ width: 256px; height: 188px; border: 1px solid #ddd; padding: 30px 0 0 30px;}
.xq4 .nr .xt .xt1 dl .dt1{ width: 38px; height: 38px; background: url(../images/cpxq/01.png) no-repeat;}
.xq4 .nr .xt .xt1 dl .dt2{ width: 38px; height: 38px; background: url(../images/cpxq/02.png) no-repeat;}
.xq4 .nr .xt .xt1 dl .dt3{ width: 38px; height: 38px; background: url(../images/cpxq/03.png) no-repeat;}
.xq4 .nr .xt .xt1 dl .dd1{ font-size: 28px; font-weight: bold; margin-top: 25px;}
.xq4 .nr .xt .xt1 dl .dd2{ font-size: 16px; margin-top: 20px;}
.xq4 .nr .xt .xt1 .img{ width: 290px; height: 220px; overflow: hidden;}
.xq4 .nr .xt .xt1 .img img{ width: 290px; height: 220px;}


.xq5 ul{ width: 1220px; margin-top: 40px;}
.xq5 ul li{ width: 285px; height: 442px; float: left; margin-right: 20px;}
.xq5 ul li img{ width: 285px; height: 402px;}
.xq5 ul li p{ width: 285px; font-size: 20px; text-align: center; margin-top: 20px;}


.xq6{ padding: 80px 0;}
.xq6 .nr{ margin-top: 40px;}
.xq6 .nr .fw1{ width: 580px; height: 484px; background: url(../images/cpxq/fwk1.png) no-repeat;}
.xq6 .nr .fw1 h5{ font-size: 26px;font-weight: bold; color: #fff; text-align: center; line-height: 60px;}
.xq6 .nr .fw1 dl{ padding-left: 280px; padding-top: 100px; width: 260px;}
.xq6 .nr .fw1 dl dt{ font-size: 20px; color: #fff;}
.xq6 .nr .fw1 dl .dd1{ font-size: 36px; font-weight: bold; color: #f39700; margin-top: 10px;}
.xq6 .nr .fw1 dl .dd2{ font-size: 24px; color: #fff; margin-top: 20px;}
.xq6 .nr .fw1 dl .dd3 a{ width: 160px; height: 46px; background: #f39700; font-size: 18px; color: #fff; font-weight: bold; display: block; line-height: 46px; border-radius: 23px; text-align: center; margin-top: 30px;}
.xq6 .nr .fw1 dl .dd3 a:hover{ background: #850085;}
.xq6 .nr .fw2{ width: 580px; height: 484px; background: url(../images/cpxq/fwk2.png) no-repeat;}
.xq6 .nr .fw2 h5{ font-size: 26px;font-weight: bold; color: #fff; text-align: center; line-height: 60px;}
.xq6 .nr .fw2 dl{ padding-left: 270px; padding-top: 100px; width: 280px;}
.xq6 .nr .fw2 dl dt{ height: 71px; background: url(../images/cpxq/18.png) left no-repeat; padding-left: 81px; font-size:30px; font-weight: bold; color: #f39700; line-height: 35px;}
.xq6 .nr .fw2 dl .dd1{ width: 196px; height: 34px; background: #f39700; font-size: 20px; text-align: center; line-height: 34px; font-weight: bold; color: #fff; margin-top: 20px; border-radius: 5px;}
.xq6 .nr .fw2 dl .dd2{ font-size: 16px; color: #fff; margin-top: 10px; line-height: 26px;}
.xq6 .nr .fw2 dl .dd3 a{ width: 160px; height: 46px; background: #f39700; font-size: 18px; color: #fff; font-weight: bold; display: block; line-height: 46px; border-radius: 23px; text-align: center; margin-top: 30px;}
.xq6 .nr .fw2 dl .dd3 a:hover{ background: #850085;}


.xq7 .sub2_2{ position:relative; height:280px; margin-top: 40px;}
.xq7 .sub2_2 a.plus{ width:50px; height:50px; display:block; position:absolute; left:-90px; top:100px; background:  url(../images/cpxq/jtL1.png) no-repeat; cursor: pointer;}
.xq7 .sub2_2 a.plus:hover{ background: url(../images/cpxq/jtL2.png) no-repeat;}
.xq7 .sub2_2 a.minus{ width:50px; height:50px; display:block; position:absolute; right:-90px; top:100px; background:  url(../images/cpxq/jtR1.png) no-repeat; cursor: pointer;}
.xq7 .sub2_2 a.minus:hover{ background: url(../images/cpxq/jtR2.png) no-repeat;}
.xq7 .box{ position:absolute; left:0px; top:0px; width:1200px; height:280px; overflow:hidden;}
.xq7 ul.list{ position:absolute; left:0px; top:0px; width:200000px; height:280px; overflow:hidden;}
.xq7 ul li{ float:left; width:410px; height:280px;}
.xq7 ul li p{ width: 380px; text-align: center; font-size: 18px; margin-top: 20px;}
.xq7 ul li .img{ width: 380px; height: 240px; overflow: hidden;}
.xq7 ul li .img img{ width: 380px; height: 240px;}
.xq7 ul li:hover img{transition:all 0.5s;   transform: scale(1.2) ;}
.xq7 ul li:hover p{ color: #850085;}