@charset "utf-8";

/*具体内容部分*/

.product_read{padding-bottom:120px;}
.product_read .inner h6{margin-bottom:20px; font-size:22px; color:#0a4595; font-weight:bold; padding-left:20px; position:relative; box-sizing:border-box; width:100%; margin-top:50px;}
.product_read .inner h6:before{content:""; width:8px; height:8px; border-radius:50%;display:block; background:#0a4595; position:absolute; left:0; top:12px;}



/*顶部内容*/
.product_read .top{padding:100px 0 60px;}
.product_read .top .slider_box{width:calc(50% - 20px); height:590px; float:left; box-sizing:border-box; border:1px solid #eaeaea; border-radius:10px; position:relative; overflow:hidden; }
.product_read .top .slider_box .img_box{height:100%; position: absolute; width:100%;}
.product_read .top .slider_box img{width:100%; height:590px; position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); border-radius:10px; }
.product_read .top .text{ width:50%; float:left; padding:10px 0 0 60px; box-sizing:border-box;}
.product_read .top .text span{display:block; font-size:18px; color:#222; font-weight:500;}
.product_read .top .text h5{margin:0; font-size:48px; color:#0a4595; font-weight:bold; margin-bottom:20px; }
.product_read .top .text .merit { min-height: 100px; font-size:15px;letter-spacing:1px }
.product_read .top .text .merit li{ list-style-type:circle; margin-left:18px;margin-top:10px; line-height:24px }
.product_read .top .text > p{font-size:16px; color:#666; letter-spacing:-0.045em; font-weight:200; min-height:72px;}
.product_read .top .text .tel_box{margin-top:60px; margin-bottom:90px;}
.product_read .top .text .tel_box span{font-size:16px; color:#222; letter-spacing:-0.045em; font-weight:500;}
.product_read .top .text .tel_box span img{display:inline-block; vertical-align:middle; margin-right:4px; position:relative; top:-2px;}
.product_read .top .text .tel_box .contact_box{background:#0a4595; padding:25px 35px; box-sizing:border-box; margin-top:10px; border-radius:5px;font-size:15px; color:#FFF; letter-spacing:-0.025em; font-weight:200; }
.product_read .top .text a{margin:0 auto; display:block; color:#fff; width:200px; height:53px; line-height:53px; border-radius:30px; background:#0a4595; text-align:center; font-size:16px; color:#fff;}
.product_read .top .text a:hover { background-color:#115bc0; filter: drop-shadow(2px 2px 5px #0a4595);}

/*轮播*/
.product_read .slider_box .slider_prev, .product_read .slider_box .slider_next{position: absolute;z-index: 2000;top: 50%;width: 40px;height: 40px;border: 8px solid #FFF;text-indent: -90000px;margin-top: -20px;    cursor: pointer; background: transparent;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);    transform: rotate(45deg)}
.product_read .slider_box .slider_prev{left:5%;border-right: none;	border-top: none;}
.product_read .slider_box .slider_next{right:5%;	border-left: none;	border-bottom: none}
.product_read .slider_box .slider_prev:hover,.product_read .slider_box .slider_next:hover{border-color: rgba(222,222,222,0.5)}
.product_read .slider_box .slider_dots_box { position:absolute; bottom:30px; width:100%; text-align:center}
.product_read .slider_dots_box .slider_dots { width:12px; height:12px; background-color:#ccc; display:inline-block; margin:0px 5px; border-radius:100%; cursor:pointer}
.product_read .slider_dots_box .slider_dots:hover { background-color:#115bc0}
.product_read .slider_dots_box li.on { background-color:#0a4595}

/*导航按钮*/
.product_read .tab_btn_blank{display:none;width:100%; height:64px;}
.product_read .tab_btn{height:64px; background:#fff; z-index:20; width:100%;}
.product_read .tab_btn ul li{width:20%; float:left; overflow:hidden}
.product_read .tab_btn ul li a{display:block; font-size:18px; color:#333; text-align:center; padding: 0px; position:relative; width:100%; font-weight:550; height:64px; line-height:60px}
.product_read .tab_btn ul li a:hover{ color:#0a4595}
.product_read .tab_btn ul li a:after{content:""; width:100%; height:1px; background:#eee; position:absolute ;display:block; left:0; bottom:0;}
.product_read .tab_btn ul li.on a{color:#0a4595; font-weight:550;}
.product_read .tab_btn.fixed_on{position:fixed; left:50%; top:65px; width:100%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); background-color:#eee; border-bottom:1px solid #000; border-top:1px solid #FFF;}
.product_read .tab_btn.fixed_on a{ color:#333}
.product_read  .tab_btn .inner { position:relative; height:100%}
.product_read  .tab_btn .inner .line{ height:4px; width:20%; position:absolute; left:0px; bottom:-2px; z-index:2; background-color:#115bc0}


/* feature*/
.product_read  .feature_con { margin-bottom:10px; }
.product_read  .feature_con li { width:50%; float:left ;}
.product_read  .feature_con li .img_box { width:100%; overflow:hidden}
.product_read  .feature_con li .img_box img{ width:100%; height:100%; position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.product_read  .feature_con li .text { background-color:#eaeaea; padding:0px 20px; color:#666; min-height:200px; line-height:28px; font-size:15px}
.product_read  .feature_con li .text b{ font-size:15px; color:#000; display:inline-block; padding-bottom:8px;}
.product_read  .feature_con li:nth-of-type(2n) .text{ background-color:#f4f4f4;}


/*软件内容*/
.product_read .lineBlock  .img_text{margin-bottom:30px; position:relative}
.product_read .lineBlock  .img_text .img_box{float:left; width:340px; height:340px; z-index:12 ; position:relative; overflow:hidden; border-radius:10px 0px 0px 10px; border:1px solid #d5d5d5;  box-sizing:border-box; }
.product_read .lineBlock  .img_text .img_box img{width:100%; height:100%; transition:all 1s ease; position:relative; z-index:12; }
.product_read .lineBlock  .img_text .img_box img:hover{ transform:scale(1.03,1.03);}
.product_read .lineBlock  .img_text .text{float:left; background:#f9f9f9 /*linear-gradient(#fff,#eee 10%,#eee 90%,#fff)*/;width:calc(100% - 340px); margin-left:-1px; padding:35px 40px; box-sizing:border-box; height:340px; position:relative;top:0px; border:1px solid #d5d5d5; border-radius:0px 10px 10px 0px; z-index:1; overflow-y:auto}
.product_read .lineBlock  .img_text .text span{display:block; font-size:18px; color:#222; font-weight:bold; margin-bottom:10px;}
.product_read .lineBlock  .img_text .text pre{font-size:15px; color:#111; letter-spacing:0.025em; font-weight:300; margin-bottom:30px; white-space:pre-wrap }
.product_read .lineBlock  .img_text .text a{display:block; width:178px; height:46px; line-height:44px; border:1px solid #b3b7b7; border-radius:5px; font-size:16px; color:#535353; letter-spacing:0em; background:#d7d7d7; text-align:center;}

/*附件内容*/
.product_read .inner .accessory_con ul li{width:calc(33.3% - 15px); margin-right:20px; float:left; margin-bottom:20px; transition: all 1.3s }
.product_read .inner .accessory_con ul li:hover{ transform:scale(1.03,1.03)}
.product_read .inner .accessory_con ul li:nth-of-type(3n){margin-right:0;}
.product_read .inner .accessory_con ul li .img_box{width:100%; height:auto;  box-sizing:border-box;}
.product_read .inner .accessory_con ul li .img_box img{width:100%; height:100%; position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); border:1px solid #d5d5d5;border-radius:4px;}
.product_read .inner .accessory_con ul li p{font-size:16px; color:#222; letter-spacing:-0.045em; font-weight:400; text-align:center; padding:10px 0;}

.product_read .application_con ul li{border:1px solid #f0f1f4; box-sizing:border-box; width:calc(20% - 16px); margin-right:20px; float:left; margin-bottom:20px; border-radius:5px}
.product_read .application_con ul li:nth-of-type(5n){margin-right:0;}
.product_read .application_con ul li .img_box{width:100%; padding:11px 0;}
.product_read .application_con ul li .img_box img{width:60%; max-width:188px; display:block; margin:20px auto;}
.product_read .application_con ul li p{padding:5px 0 20px; text-align:center; font-size:16px; color:#222; letter-spacing:-0.045em;}

.product_read .silibings_product { text-align:center}
.product_read .silibings_product li { width:calc(33.3% - 15px); margin-right:20px; float:left; margin-bottom:20px; transition: all 1.3s; position:relative }
.product_read .silibings_product li:hover{ transform:scale(1.03,1.03)}
.product_read .silibings_product li:nth-of-type(3n){margin-right:0;}
.product_read .silibings_product li .img_box{width:100%; height:auto;  box-sizing:border-box;}
.product_read .silibings_product li .img_box img{width:100%; height:100%; position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); border:1px solid #d5d5d5;border-radius:0px;}
.product_read .silibings_product li .text { position:absolute; bottom:0px; right:0px; height:50px; width:190px; background-color:rgba(1,1,1,0.05);  text-align:right; padding:15px 12px 12px;}
.product_read .silibings_product li .text span { color: #aaa; display:inline-block; overflow:hidden;white-space:nowrap; width:100%;text-overflow: ellipsis;
 white-space: nowrap; font-size:13px}
.product_read .silibings_product li .text h5{ margin-top:4px; font-size:16px; color:#777}

.longText ul.logo_list { margin:0px}
.longText .logo_list li { list-style-type:none; margin-left:0px; float:left ; width:240px;height:75px; margin:20px 30px;}
.longText .logo_list li img { width:100%;height:75px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box}

@media all and (max-width:1200px){
	.product_read .top .slider_box{height:49.1666666667vw}
	.product_read .top .slider_box img{height:49.1666666667vw}
	.product_read .top .text{padding:40px 0 0 40px;}
	.product_read .top .text > p br{display:none}
	.product_read .top .text .tel_box{margin-top:40px; margin-bottom:50px;}
	
		
	.product_read .silibings_product li{width:calc(50% - 15px);}
	.product_read .silibings_product li:nth-of-type(3n){margin-right:15px;}
	.product_read .silibings_product li:nth-of-type(2n){margin-right:0px;}
	.product_read .silibings_product li .img_box{height:45vw}
	.longText .logo_list li {width:21%;height:5vw; margin:15px 2%;}
	.longText .logo_list li img {height:5vw;}

}
@media all and (max-width:1000px){
	
	.product_read .inner .accessory_con ul li{width:calc(50% - 15px);}
	.product_read .inner .accessory_con ul li:nth-of-type(3n){margin-right:15px;}
	.product_read .inner .accessory_con ul li:nth-of-type(2n){margin-right:0px;}
	.product_read .inner .accessory_con ul li .img_box{height:45vw}



	.product_read .top .slider_box{height:49.1666666667vw}
	.product_read .top .slider_box img{height:49.1666666667vw}
	.product_read .top .text a{margin:0 auto; display:block; color:#fff; width:120px; height:40px; line-height:40px; border-radius:20px; font-size:14px; }
	.product_read .tab_box .tab_con .img_two ul li .img_box{height:26.1vw}

	.product_read .lineBlock .img_text .img_box{width:80%; float:none; height:auto; margin:0px auto; border-radius:10px 10px 0px 0px;}
	.product_read .lineBlock .img_text .text{width:80%; float:none; border-radius:10px; margin:0px auto; top:-7px; background:#f9f9f9; border:1px solid #d5d5d5; }

	.product_read .application_con ul li{width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
	.product_read .application_con ul li:nth-of-type(5n){margin-right:20px;}
	.product_read .application_con ul li:nth-of-type(4n){margin-right:20px;}
	.product_read .application_con ul li:nth-of-type(2n){margin-right:0;}

	.product_read  .feature_con li { width:80% ;  border:1px solid #d5d5d5; border-radius:10px; overflow:hidden; margin:0px auto 15px; float:none}
	
	.longText .logo_list li {width:29%;} 
	.longText .logo_list li img {height:7.5vw;}
}

@media all and (max-width:768px){
	
	.product_read .top .slider_box{width:100%; float:none; height:500px;}
	.product_read .top .slider_box img{width:100%; float:none; height:500px;}
	.product_read .top .text{ width:100%; float:none;}
	.product_read .top .text span{font-size:14px;}
	.product_read .top .text .merit { font-size:14px;}
	
	.product_read .lineBlock .img_text .img_box{width:100%; }
	.product_read .lineBlock .img_text .text{width:100%; height:100%; min-height:340px; overflow:visible}
	.product_read  .feature_con li { width:100% ;}
	.product_read .top .text a { width:260px; height:60px; line-height:60px; border-radius:30px;}
	.product_read  .feature_con li .text {font-size:15px}
	
	.product_read .silibings_product li{width:calc(100%); margin-right:0px}
	.product_read .silibings_product li .img_box{height:85vw}
	
	.product_read .logo_list li {width:46%;}
	.product_read .logo_list li img { height:10vw ;margin:10px 2%;}

}