.chanpin_left{ width: 300px; float: left;}
.chanpin_left .chanpin_menu{ width: 100%; position:relative; box-shadow: rgba(0,0,0,0.13) 0 0 10px;}
.chanpin_left .chanpin_menu li{ position: relative;}
.chanpin_left .chanpin_menu .chanpin_icon{ position: absolute; right:16px; width: 15px; height:60px; padding: 22px 0; cursor: pointer;}
.chanpin_left .chanpin_menu .chanpin_icon div:nth-child(1){ width: 15px; height: 1px; background: #666666; position: absolute; left: 0; top: 29px;}
.chanpin_left .chanpin_menu .chanpin_icon div:nth-child(2){ width: 1px; height: 15px; background: #666666; position: absolute; left: 7px; top: 22px;}
.chanpin_left .chanpin_menu .chanpin_menu_title{ width: 100%; height: 60px; display: inline-block; float: left; padding-right: 20px; padding-left: 13px; overflow: hidden; text-overflow: ellipsis; white-space: pre; font-size: 15px;  border-bottom: #e8e8e8 solid 1px;  color: #666666; background: #FFFFFF; line-height: 60px;}
.chanpin_left .chanpin_menu .chanpin_menu_drop{ display: none; float: left; width: 100%; padding: 0px 0px; background: #f0f0f0;}
.chanpin_left .chanpin_menu .chanpin_menu_drop a.erjilanmu_title_text{ width: 100%; float: left; display: inline-block; height: 38px; line-height: 38px; font-size: 15px; color: #666666; font-weight: bolder; padding:0 13px; background:rgba(13, 108, 189,0.15)}

.chanpin_left .chanpin_menu .chanpin_menu_drop a.erjilanmu_title_text:hover{ color: #0d6cbd;}
.chanpin_left .chanpin_menu .chanpin_menu_drop a.erjilanmu_title_text.on{ color: #0d6cbd;}
.chanpin_left .chanpin_menu .chanpin_menu_drop .erjilanmu{ width:100%;}
.chanpin_left .chanpin_menu .chanpin_menu_drop .erjilanmu .erjilanmu_title{ width:100%; position:relative;}
.chanpin_left .chanpin_menu .chanpin_menu_drop .erjilanmu .erjilanmu_title_icon{ position:absolute;}
.chanpin_left .chanpin_menu .chanpin_menu_drop .erjilanmu .erjilanmu_title_icon{ width:100%; position: absolute; right:16px; width: 15px; height:38px; padding: 2px 0; cursor: pointer;}
.chanpin_left .chanpin_menu .chanpin_menu_drop .erjilanmu .erjilanmu_title_icon div:nth-child(1){ width: 15px; height: 1px; background: #666666; position: absolute; left: 0; top: 20px;}
.chanpin_left .chanpin_menu .chanpin_menu_drop .erjilanmu .erjilanmu_title_icon div:nth-child(2){ width: 1px; height: 15px; background: #666666; position: absolute; left: 7px; top:13px;}

.chanpin_left .chanpin_menu .chanpin_menu_drop .erjilanmu .sanjilanmu{ width:100%; float:left; display:none;}
.chanpin_left .chanpin_menu .chanpin_menu_drop .erjilanmu .sanjilanmu a{ padding: 0 28px; display:inline-block; width:100%; float:left; line-height:36px;}



.chanpin_left .chanpin_menu li.on{}
.chanpin_left .chanpin_menu li.on .chanpin_icon{}
.chanpin_left .chanpin_menu li.on .chanpin_icon div:nth-child(1){ background: #FFFFFF;}
.chanpin_left .chanpin_menu li.on .chanpin_icon div:nth-child(2){ background: #FFFFFF;
    -webkit-transform: rotateZ(-90deg);
       -moz-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
         -o-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
           transition: all 1.5s ease;
    -webkit-transform: all 1.5s ease; 
}
.chanpin_left .chanpin_menu .chanpin_menu_drop .erjilanmu.on .erjilanmu_title_icon div:nth-child(2){
    -webkit-transform: rotateZ(-90deg);
       -moz-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
         -o-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
           transition: all 1.5s ease;
    -webkit-transform: all 1.5s ease; 
}
.chanpin_left .chanpin_menu li.on .chanpin_menu_title{ background: #0d6cbd; color: #fff;}
.chanpin_right{ width: 892px; float: right; background: #FFFFFF}
.chanpin_title{ border-left: #018fcf solid 3px; padding-left: 5px; width: 100%; float: left; line-height: 18px; color: #666666;}


.chanpin_right .chanpin_text{ width: 100%;}
.chanpin_right .chanpin_text .chanpin_sel{ width: 100%;}
.chanpin_right .chanpin_text .chanpin_sel .chanpin_sel_xun{ cursor: pointer; width: 50%; float: left; border: #eeeeee solid 1px; background: #f8f8f8;}
.chanpin_right .chanpin_text .chanpin_sel .chanpin_sel_xun .chanpin_zi{ width: 100%; text-align: center;  line-height: 39px; font-size: 15px; color: #666666;}
.chanpin_right .chanpin_text .chanpin_sel .chanpin_sel_xun .chanpin_arrow{ display: none; width: 100%; text-align: center; float: left; margin-top: -3px; height: 0;}
.chanpin_right .chanpin_text .chanpin_sel .chanpin_sel_xun .chanpin_arrow div{ width:0; height:0; border-left:10px solid transparent;  border-right:10px solid transparent; border-top:10px solid #e10018; display: inline-block;}

.chanpin_right .chanpin_text .chanpin_sel .chanpin_sel_xun.on .chanpin_zi{ background: #e10018; color: #fff;}
.chanpin_right .chanpin_text .chanpin_sel .chanpin_sel_xun:hover .chanpin_zi{ background: #e10018; color: #fff;}
.chanpin_right .chanpin_text .chanpin_sel .chanpin_sel_xun.on .chanpin_arrow{ display: block;}
.chanpin_right .chanpin_text .chanpin_sel .chanpin_sel_xun:hover .chanpin_arrow{ display: block;}

.chanpin_right .chanpin_text .chanpin_option{ padding: 30px 7px; width: 100%; font-size: 14px; line-height: 24px; color: #848484;}
.chanpin_right .chanpin_text .chanpin_option  .ti{ padding-left: 5px; border-left: #0d6cbd solid 3px; line-height: 15px; color: #333333; font-size: 14px; margin: 7px 0;}
.chanpin_right .chanpin_text .chanpin_option p{ padding: 0 7px;}
.chanpin_right .chanpin_text .chanpin_option .chanpin_option_xun{ width: 100%; display: none;opacity: 0; }

.chanpin_lxwm{ width: 100%;}
.chanpin_lxwm .chanpin_lxwm_left{ float: left; width: 50% ; text-align: center;}
.chanpin_lxwm .chanpin_lxwm_left .chanpin_lxwm1{ display: inline-block; padding-left: 42px; background: url(/skin/images/dianhua.png) no-repeat 0 50%;}

.chanpin_lxwm .chanpin_lxwm_left .chanpin_lxwm1 div:nth-child(1){ font-size: 15px; color: #a6a6a6;}
.chanpin_lxwm .chanpin_lxwm_left .chanpin_lxwm1 div:nth-child(2){ font-size: 19px; color: #018fcf;}
.chanpin_lxwm .chanpin_lxwm_right{ float: left; width: 50%; text-align: center;}
.chanpin_lxwm .chanpin_lxwm_right div{ cursor: pointer; display:inline-block; font-size: 18px; color: #FFFFFF; display: inline-block; height: 45px; line-height: 45px; padding:0 18px 0 55px; background: url(/skin/images/dianhua2.png) no-repeat 22px 50%,#018fcf; border-radius: 10px;}

.chanpin_right .pro_box {
    width: 90%;
    margin-bottom: 40px;
    height: 44px;
    background: #f9f9f9;
    border: #dcdcdc solid 1px;
    float: left;
	margin-left:50px;
}
.chanpin_right .pro_box div.on {
    background: url(../images/icon8.png) no-repeat 50% -4px;
    color: #FFFFFF;}
	
.chanpin_right .pro_box div {
    cursor: pointer;
    float: left;
    height: 53px;
    width: 50%;
    text-align: center;
    line-height: 44px;
    color: #666666;
    font-size: 16px;
}
	
	
	.chanpin_right .pro_newstext {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
	padding: 0px 50px;
}
	
	
	
	
	
	

.shanpin_pic{ width: 100%; margin: 20px auto; padding: 30px 47px 0px 47px;/*box-shadow: rgba(0,0,0,0.13) 0 0 15px;*/  float: left; position:relative;}

.shanpin_pic .pro_detail_title{ width: 100%;text-align: center; font-size: 18px; color: #333333; line-height: 20px; padding: 35px 0; float: left;}

.img_box{width: 100%; position:relative}
.img_box .img_bg{ position: absolute; width:100%; height:100%; z-index:0;}
.img_box .img_dian{ position: relative; height:100%; width:100%; z-index:9999; cursor:pointer;}
.img_box .img_dian .dianwei{ width:14px; height:14px; position:absolute;}

.img_box .img_dian .dianwei .obj_box{ position:absolute; height:100px; display:none;}
.img_box .img_dian .dianwei .svg_box{ height:100px;}
.img_box .img_dian .dianwei .xjt_box{ width:100px; height:100px; position:absolute; opacity:0;}
.img_box .img_dian .dianwei .obj_title{ opacity:0;}

.img_box.on{ }
.img_box.on .img_dian .dianwei .obj_box{ transform:scale(2); display:block;}
.img_box.on .img_dian .dianwei .obj_title.on{ opacity:1; transition:all ease 0.5s;}
.img_box.on .img_dian .dianwei .xjt_box.on{ opacity:1; transition:all ease 0.5s;}

/*先上后右*/
.img_box .img_dian .dianwei.up_right .obj_box{ top:-142px; left:80px;}
.img_box .img_dian .dianwei.up_right .obj_title{ position:absolute; right:0px; top:5px;}
.img_box .img_dian .dianwei.up_right .obj_box td:nth-child(1){ width:150px; position:relative;}
.img_box .img_dian .dianwei.up_right .svg_box { width:150px;}
.img_box .img_dian .dianwei.up_right .xjt_box{ top:-50px;}

/*先右后上*/
.img_box .img_dian .dianwei.right_up .obj_box{ top:-45px; left:105px;}
.img_box .img_dian .dianwei.right_up .obj_title{ position:absolute; right:0px; top:5px;}
.img_box .img_dian .dianwei.right_up .obj_box td:nth-child(1){ width:200px; position:relative;}
.img_box .img_dian .dianwei.right_up .svg_box { width:200px;}
.img_box .img_dian .dianwei.right_up .xjt_box{ top:-10px; left:100px; font-size:12px; width:25%;}
.img_box .img_dian .dianwei.right_up .xjt_box img{ }
/*先左后下*/
.img_box .img_dian .dianwei.left_down .obj_box{ top:56px; left:-292px;}
.img_box .img_dian .dianwei.left_down .obj_title{ position:absolute; right:0px; top:5px;}
.img_box .img_dian .dianwei.left_down .obj_box td:nth-child(1){ width:200px; position:relative;}
.img_box .img_dian .dianwei.left_down .svg_box { width:200px;}
.img_box .img_dian .dianwei.left_down .xjt_box{ top:40px; left:50px; font-size:12px; width:25%;}
.img_box .img_dian .dianwei.left_down .xjt_box img{ }
/*先左后下*/
.img_box .img_dian .dianwei.down_right .obj_box{ top:54px; left:80px;}
.img_box .img_dian .dianwei.down_right .obj_title{ position:absolute; right:0px; top:75px;}
.img_box .img_dian .dianwei.down_right .obj_box td:nth-child(1){ width:300px; position:relative;}
.img_box .img_dian .dianwei.down_right .svg_box { width:150px;}
.img_box .img_dian .dianwei.down_right .xjt_box{ bottom:-51px;}
/*先下后左*/
.img_box .img_dian .dianwei.right_down .obj_box{ top:57px; left:155px;}
.img_box .img_dian .dianwei.right_down .obj_title{ position:absolute; right:0px; top:25px;}
.img_box .img_dian .dianwei.right_down .obj_box td:nth-child(1){ width:150px; position:relative;}
.img_box .img_dian .dianwei.right_down .svg_box { width:300px;}
.img_box .img_dian .dianwei.right_down .xjt_box{ top:5px;}




.container {width: 100%; display:none;}

.line-wrap {width: 300px;margin: 0 auto;}

.circle-load-rect-svg { margin: 0px;}

.g-rect-path {
fill: none;
stroke-width: 2;
stroke: #d3dce6;
stroke-linejoin: round;
stroke-linecap: round;
}

.svg_box.on .g-rect-fill {
fill: none;
stroke-width: 1;
stroke: #0d6cbd;
stroke-linejoin: round;
stroke-linecap: round;
stroke-dasharray: 0, 1370;
stroke-dashoffset: 0;
-webkit-animation: lineMove 7s ease-out forwards ;
animation: lineMove 17s ease-out forwards ;
}

@-webkit-keyframes lineMove {
0% {
stroke-dasharray: 0, 1350;
}
100% {
stroke-dasharray: 1350, 1350;
}
}

@keyframes lineMove {
0% {
stroke-dasharray: 0, 1350;
}
100% {
stroke-dasharray: 1350, 1350;
}
}


.dian_icon{ width:14px; height:14px; display:block; cursor:pointer; position:absolute;
 display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-moz-flex; display:-ms-flexbox; display:flex; /* 水平居中*/ -webkit-box-align:center; -moz-box-align:center; -ms-flex-pack:center;/* IE 10 */ -webkit-justify-content:center; -moz-justify-content:center; justify-content:center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack:center; -moz-box-pack:center; -ms-flex-align:center;/* IE 10 */ -webkit-align-items:center; -moz-align-items:center; align-items:center;
  animation:myfirst 2s ease infinite; 
}


.dian_icon .dian_icon1{ width:14px; height:14px; border:#0d6cbd solid 2px; border-radius:33px ;box-shadow: rgba(13, 108, 189, 0.4) 0 0 5px, rgba(13, 108, 189, 0.4) 0 0 5px inset;

 display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-moz-flex; display:-ms-flexbox; display:flex; /* 水平居中*/ -webkit-box-align:center; -moz-box-align:center; -ms-flex-pack:center;/* IE 10 */ -webkit-justify-content:center; -moz-justify-content:center; justify-content:center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack:center; -moz-box-pack:center; -ms-flex-align:center;/* IE 10 */ -webkit-align-items:center; -moz-align-items:center; align-items:center; }

.dian_icon .dian_icon1 .dian_icon2{ width:6px; height:6px; background:#0d6cbd; border-radius:10px;}

@keyframes myfirst
{
	0%{
		transform:scale(0.1);
	}
	50%{			
		transform:scale(1.0);
	}
	100%{			
		transform:scale(0.1);
	}
}