.proserv-page .banner img{
	width: 100%;
}
.proserv-page .sec1{
	padding: 5.2% 0;
	text-align: center;
}
.proserv-page .sec1 .title{
	font-size: 36px;
	margin-bottom: 50px;
	color: #277bd1;
	background-image:linear-gradient(135deg, rgba(1,169,217,1) , rgba(39,123,209,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 3px;
}
.proserv-page.innovate .sec1 .title{
	background-image:linear-gradient(135deg, #333 , #333);
}
.proserv-page .sec1 ul{
	text-align: left;
	font-size: 0;
}
.proserv-page .sec1 ul li{
	display: inline-block;
	vertical-align: top;
	width: 32.57%;
	margin-right: 1.145%;
	margin-bottom: 1.145%;
	position: relative;
	text-align: center;
}
.proserv-page .sec1 ul li:nth-child(3n){
	margin-right: 0;
}
.proserv-page .sec1 ul li > img{
	width: 100%;
}
.proserv-page .sec1 ul li .cover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 12.7% 0;
}
.proserv-page .sec1 ul li .cover h5{
	font-size: 28px;
	color: #333;
	font-weight: normal;
	margin-bottom: 4.4%;
	line-height: 1.2;
}
.proserv-page .sec1 ul li .cover p{
	font-size: 16px;
	color: #999;
	font-family: "HelveticaRoman";
}
.proserv-page.innovate .sec1 ul li .cover p{
	color: #333;
}
.proserv-page .sec1 ul li .cover a{
	display: block;
	font-size: 18px;
	color: #277bd1;
	border: 1px solid #277bd1;
	width: 140px;
	height: 42px;
	line-height: 40px;
	border-radius: 21px;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	bottom: 12.7%;
}
.proserv-page .sec1 ul li .cover a:hover{
	color: #fff;
	background-image:linear-gradient(135deg, #6cc2e4 , #277bd1);
	border: 0 none;
	line-height: 42px;
}
.proserv-page .sec1 ul li .cover .dot{
	margin-top: 18.4%;
}
.proserv-page .sec1 ul li .cover .table-box{
	width: 100%;
	height: 100%;
	display: table;
}
.proserv-page .sec1 ul li .cover .middle-box{
	display: table-cell;
	vertical-align: middle;
}
.proserv-page .sec2{
	padding: 5.2% 0;
	text-align: center;
	background-color: #f2f2f2;
}
.proserv-page .sec2 .title{
	font-size: 36px;
	margin-bottom: 100px;
	color: #277bd1;
	background-image:linear-gradient(135deg, rgba(1,169,217,1) , rgba(39,123,209,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 3px;
}
.proserv-page .sec2 ul{
	font-size: 0;
}
.proserv-page .sec2 ul li{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding: 2% 0 1.43%;
}
.proserv-page .sec2 ul li:nth-child(1){
	border-right: 1px dotted #999;
}
.proserv-page .sec2 ul li .top{
	margin-bottom: 5%;
}
.proserv-page .sec2 ul li .top img{
	width: 10.7%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 7.14%;
}
.proserv-page .sec2 ul li:nth-child(1) .top img{
	background-image: url(../images/proserv_sec2_img1.png);
}
.proserv-page .sec2 ul li:nth-child(2) .top img{
	background-image: url(../images/proserv_sec2_img2.png);
}
.proserv-page .sec2 ul li:nth-child(1):hover .top img{
	background-image: url(../images/proserv_sec2_img1_2.png);
}
.proserv-page .sec2 ul li:nth-child(2):hover .top img{
	background-image: url(../images/proserv_sec2_img2_2.png);
}
.proserv-page .sec2 ul li .text-box{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.proserv-page .sec2 ul li .text-box h5{
	font-size: 28px;
	color: #333;
	font-weight: normal;
	margin-bottom: 15px;
}
.proserv-page .sec2 ul li:hover .text-box h5{
	background-image:linear-gradient(135deg, rgba(1,169,217,1) , rgba(39,123,209,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 3px;
    margin-bottom: 12px;
}
.proserv-page .sec2 ul li .text-box p{
	font-size: 16px;
	color: #999;
	font-family: 'HelveticaRoman';
}
.proserv-page .sec2 ul li a{
	display: block;
	width: 114px;
	border-radius: 18px;
	border: 1px solid #333;
	font-size: 14px;
	color: #333;
	margin: 0 auto;
	padding: 10px 0;
}
.proserv-page .sec2 ul li:hover a{
	color: #277bd1;
	border-color: #277bd1;
}
.proserv-page .sec2 ul li a span{
	display: inline-block;
	vertical-align: bottom;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	overflow: hidden;
	background-color: #999;
	margin-left: 8px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 28.57% auto;
	background-image: url(../images/index_sec4_text_icon.png);
}
.proserv-page .sec2 ul li:hover a span{
	background-color: #277bd1;
}


.prolist-page .banner img{
	width: 100%;
}
.prolist-page .sec1{
	padding-top: 3.125%;
}
.prolist-page .sec1 .list-nav{
	margin-bottom: 3.57%;
	border-bottom: 1px solid #ebebeb;
	font-size: 0;
	text-align: center;
}
.prolist-page .sec1 .list-nav li{
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/prolist_nav_line.png);
	width: 15.65%;
}
.prolist-page .sec1 .list-nav li:last-child{
	background-image: none;
}
.prolist-page .sec1 .list-nav li a{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	/*font-weight: lighter;*/
	color: #999;
	padding: 19px 0 17px;
	border-bottom: 2px solid transparent;
}
.prolist-page .sec1 .list-nav li.active a{
	font-weight: bold;
	color: #106dcc;
	border-bottom: 2px solid #106dcc;
}
.prolist-page .sec1 .content{
	font-size: 0;
}
.prolist-page .sec1 .content li{
	display: inline-block;
	vertical-align: top;
	width: 31.29%;
	margin-right: 3.065%;
	margin-bottom: 4.57%;
}
.prolist-page .sec1 .content li:nth-child(3n){
	margin-right: 0;
}
.prolist-page .sec1 .content li .img-box{
	position: relative;
	overflow: hidden;
}
.prolist-page .sec1 .content li .img-box .nicescroll-rails{
	border-radius: 5px;
}
.prolist-page .sec1 .content li .img-box img{
	width: 100%;
}
.prolist-page .sec1 .content li .img-box .cover{
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	padding: 10% 0;
	overflow: hidden;
}
.prolist-page .sec1 .content li:hover .img-box .cover{
	top: 0;
}
.prolist-page .sec1 .content li .img-box .cover .table-box{
	width: 100%;
	height: 100%;
}
.prolist-page .sec1 .content li .img-box .cover .table-box .middle-box{
	height: 100%;
}
.prolist-page .sec1 .content li .img-box .cover .table-box .middle-box .box{
	height: 100%;
}
.prolist-page .sec1 .content li .img-box .cover .table-box .middle-box .box div{
	width: 50%;
	vertical-align: top;
	text-align: center;
	height: 20%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	-webkit-display: inline-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
}
.prolist-page .sec1 .content li .img-box .cover .table-box .middle-box .box a{
	font-size: 18px;
	color: #bbb;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.prolist-page .sec1 .content li .img-box .cover .table-box .middle-box .box a:hover{
	text-decoration: underline;
	color: #fff;
}
.prolist-page .sec1 .content li .text-box{
	padding: 7.3% 0;
	border-bottom: 3px solid transparent;
}
.prolist-page .sec1 .content li:hover .text-box{
	border-color: #277bd1;
}
.prolist-page .sec1 .content li.nodata:hover .text-box{
	border-color: transparent;
}
.prolist-page .sec1 .content li .text-box h3{
	font-size: 28px;	
	color: #333;
	font-weight: normal;
	position: relative;
	margin-bottom: 3.9%;
}
.prolist-page .sec1 .content li:hover .text-box h3{
	color: #277bd1;
}
.prolist-page .sec1 .content li.nodata:hover .text-box h3{
	color: #333;
}
.prolist-page .sec1 .content li .text-box h3 span{
	font-size: 12px;
	color: #999;
	position: absolute;
	right: 0;
	bottom: 0;
}
.prolist-page .sec1 .content li .text-box p{
	font-size: 14px;
	color: #999;
	/*font-weight: lighter;*/
	line-height: 18px;
	height: 36px;
}
.prolist-page .sec1 .content li:hover .text-box p{
	color: #333;
}

.prodetail-page01 .banner img{
	width: 100%;
}
.prodetail-page01 .sec1{
	padding: 4.167% 0 5.2%;
	font-size: 0;
}
.prodetail-page01 .sec1 .top .tab-box{
	float: left;
}
.prodetail-page01 .sec1 .top .tab-box a{
	font-size: 18px;
	color: #333;
	background-color: #e3e3e3;
	display: inline-block;
	vertical-align: top;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 0 2.6em;
}
.prodetail-page01 .sec1 .top .tab-box a.active{
	background-color: #277bd1;
	color: #fff;
	font-size: 24px;
	padding: 0 1.3em;
}
.prodetail-page01 .sec1 .top .sel-box{
	float: right;
	position: relative;
	border: 1px solid #bbb;
	border-radius: 10px;
	background-color: #f8f8f8;
}
.prodetail-page01 .sec1 .top .sel-box p{
	height: 44px;
	line-height: 44px;
	width: 178px;
	font-size: 16px;
	color: #277bd1;
	padding: 0 20px;
	background-repeat: no-repeat;
	background-image: url(../images/prodetail_01_sec1_icon.png);
	background-position: 83.7% center;
	background-size: auto 13.64%;
	cursor: pointer;
}
.prodetail-page01 .sec1 .top .sel-box .option-box{
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 10px;
	padding: 0 8px;
	text-align: center;
	box-shadow: 0 0 8px rgba(0,0,0,0.16);
	display: none;
	z-index: 2;
}
.prodetail-page01 .sec1 .top .sel-box .option-box a{
	display: block;
	height: 45px;
	line-height: 44px;
	font-size: 16px;
	color: #999;
	border-bottom: 1px solid #e9e9e9;
}
.prodetail-page01 .sec1 .top .sel-box .option-box a:nth-last-child(2){
	border-bottom: 0 none;
}
.prodetail-page01 .sec1 .top .sel-box .option-box a:hover{
	color: #444;
}
.prodetail-page01 .sec1 .top .sel-box .option-box .tri{
	position: absolute;
	right: 11%;
	bottom: 100%;
}
.prodetail-page01 .sec1 .bottom{
	border-top: 2px solid #277bd1;
	background-color: #f8f8f8;
}
.prodetail-page01 .sec1 .bottom .left{
	width: 50%;
	vertical-align: middle;
}
.prodetail-page01 .sec1 .bottom .right{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	text-align: center;
}
.prodetail-page01 .sec1 .bottom .right .middle-box{
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
.prodetail-page01 .sec1 .bottom .right h3{
	font-size: 30px;
	color: #222;
	font-weight: normal;
	margin-bottom: 40px;
}
.prodetail-page01 .sec1 .bottom .right h3 span{
	font-size: 18px;
	color: #555;
}
.prodetail-page01 .sec1 .bottom .right p{
	font-size: 18px;
	color: #555;
	line-height: 28px;
}
.prodetail-page01 .sec1 .bottom .right p span{
	color: #277bd1;
}
.prodetail-page01 .sec1 .bottom .right h5{
	margin: 16px 0 48px;
	font-size: 18px;
	color: #277bd1;
	font-weight: bold;
}
.prodetail-page01 .sec1 .bottom .right img{
	max-width: 80%;	
}
.prodetail-page01 .sec2{
	background-color: #f8f8f8;
	font-size: 0;
	padding: 2.34375% 0 2.6%;
}
.prodetail-page01 .sec2 .title{
	font-size: 24px;
	color: #333;
	margin-bottom: 2.14%;
}
.prodetail-page01 .sec2 .content{
	background-color: #fff;
}
.prodetail-page01 .sec2 .content .top{
	border: 1px solid #e3e3e3;
	width: 100%;
}
.prodetail-page01 .sec2 .content .top th,.prodetail-page01 .sec2 .content .top td{
	width: 16.6666%;
	text-align: center;
}
.prodetail-page01 .sec2 .content .top th{
	font-size: 18px;
	color: #277bd1;
	font-weight: normal;
	height: 62px;
	background-repeat: no-repeat;
	background-size: 73.3% 1px;
	background-position: center bottom;
	background-image: url(../images/prodetail_01_sec2_line.png);
}
.prodetail-page01 .sec2 .content .top th i{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	margin-right: 4px;
}
.prodetail-page01 .sec2 .content .top th img{
	display: block;
	opacity: 0;
}
.prodetail-page01 .sec2 .content .top th .icon1{
	background-image: url(../images/prodetail_01_sec2_icon1_web.png);
}
.prodetail-page01 .sec2 .content .top th .icon2{
	background-image: url(../images/prodetail_01_sec2_icon2_web.png);
}
.prodetail-page01 .sec2 .content .top th .icon3{
	background-image: url(../images/prodetail_01_sec2_icon3_web.png);
}
.prodetail-page01 .sec2 .content .top th .icon4{
	background-image: url(../images/prodetail_01_sec2_icon4_web.png);
}
.prodetail-page01 .sec2 .content .top th .icon5{
	background-image: url(../images/prodetail_01_sec2_icon5_web.png);
}
.prodetail-page01 .sec2 .content .top th .icon6{
	background-image: url(../images/prodetail_01_sec2_icon6_web.png);
}
.prodetail-page01 .sec2 .content .top td{
	font-size: 14px;
	color: #999;
	height: 88px;
}
.prodetail-page01 .sec2 .content .bottom{
	padding: 2.35% 0;
}
.prodetail-page01 .sec2 .content .bottom .left{
	width: 26.5%;
	display: inline-block;
	vertical-align: middle;
	border-right: 1px dotted #333;
	padding-left: 5%;
}
.prodetail-page01 .sec2 .content .bottom .left h3{
	font-size: 18px;
	color: #333;
	font-weight: normal;
	margin-bottom: 20px;
}
.prodetail-page01 .sec2 .content .bottom .left h5{
	font-size: 16px;
	color: #106dcc;
	font-weight: normal;
	margin-bottom: 12px;
}
.prodetail-page01 .sec2 .content .bottom .left p{
	font-size: 12px;
	color: #999;
	/*font-weight: lighter;*/
}
.prodetail-page01 .sec2 .content .bottom .right{
	width: 73.5%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
.prodetail-page01 .sec2 .content .bottom .right li{
	width: 7.6%;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 4%;
}
.prodetail-page01 .sec2 .content .bottom .right li img{
	width: 100%;
}
.prodetail-page01 .sec2 .content .bottom .right li p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #277bd1;
	color: #fff;
	text-align: center;
	line-height: 20px;
	height: 20px;
	font-size: 12px;
	/*font-weight: lighter;*/
}
.prodetail-page01 .sec3{
	padding: 5.2% 0;
}
.prodetail-page01 .sec3 .inner{
	position: relative;
}
.prodetail-page01 .sec3 .swiper-container{
	float: right;
	width: 73.5%;
}
.prodetail-page01 .sec3 .swiper-slide img{
	width: 100%;
}
.prodetail-page01 .sec3 .swiper-prev,.prodetail-page01 .sec3 .swiper-next{
	cursor: pointer;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #333;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	z-index: 51;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.prodetail-page01 .sec3 .swiper-prev{
	left: 5%;
	background-image: url(../images/prodetail_01_sec3_prev.png);
}
.prodetail-page01 .sec3 .swiper-next{
	right: 5%;
	background-image: url(../images/prodetail_01_sec3_next.png);
}
.prodetail-page01 .sec3 .swiper-prev:hover,.prodetail-page01 .sec3 .swiper-next:hover{
	background-color: #0067cf;
	border-color: #0067cf;
}
.prodetail-page01 .sec3 .swiper-prev:hover{
	background-image: url(../images/prodetail_01_sec3_prev_hover.png);
}
.prodetail-page01 .sec3 .swiper-next:hover{
	background-image: url(../images/prodetail_01_sec3_next_hover.png);
}
.prodetail-page01 .sec3 .text-box{
	width: 26.5%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #106dcc;
}
.prodetail-page01 .sec3 .text-box .table-box{
	display: table;
	width: 100%;
	height: 100%;
}
.prodetail-page01 .sec3 .text-box .table-box .middle-box{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.prodetail-page01 .sec3 .text-box .table-box .middle-box .box{
	text-align: left;
	display: inline-block;
	padding: 0 10%;
}
.prodetail-page01 .sec3 .text-box h5{
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 10%;
}
.prodetail-page01 .sec3 .text-box ul{
	font-size: 0;
}
.prodetail-page01 .sec3 .text-box li{
	color: #fff;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 2.125% 0;
	position: relative;
	padding-left: 18px;
}
.prodetail-page01 .sec3 .text-box li span{
	font-size: 8px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 0;
}
.prodetail-page01 .sec4{
	padding: 2.34375% 0 0.677%;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(../images/prodetail_01_sec4_bg.jpg);
	background-position: center top;
	background-size: auto 100%;
	font-size: 0;
}
.prodetail-page01 .sec4 .inner{
	padding: 0 5.2%;
	position: relative;
}
.prodetail-page01 .sec4 .title{
	font-size: 24px;
	color: #106dcc;
	margin-bottom: 4.58%;
}
.prodetail-page01 .sec4 li{
	display: inline-block;
	vertical-align: top;
	width: 16.666%;
	margin-bottom: 4.75%;
}
.prodetail-page01 .sec4 li a{
	display: block;
	width: 30%;
	border-radius: 50%;
	background-color: #106dcc;
	margin: 0 auto 9%;
	position: relative;
}
.prodetail-page01 .sec4 li a img{
	width: 100%;
	border-radius: 50%;
}
.prodetail-page01 .sec4 li a .line{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #106dcc;
}
.prodetail-page01 .sec4 li a .line:nth-child(2){
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	-moz-animation-delay: 1s;
}
@keyframes circle {
	100% {
	   opacity: 0;
	   transform: scale(1.5,1.5);
	}
}
@-webkit-keyframes circle {
	100% {
	   opacity: 0;
	   -webkit-transform: scale(1.5,1.5);
	}
}
@-o-keyframes circle {
	100% {
	   opacity: 0;
	   -o-transform: scale(1.5,1.5);
	}
}
@-moz-keyframes circle {
	100% {
	   opacity: 0;
	   -moz-transform: scale(1.5,1.5);
	}
}
.prodetail-page01 .sec4 li:hover a .line,.prodetail-page01 .sec4 li.active a .line{
	animation-play-state: running;
	-webkit-animation-play-state: running;
	-o-animation-play-state: running;
	-moz-animation-play-state: running;
	animation-name: circle;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: circle;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-o-animation-name: circle;
	-o-animation-duration: 2s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	-moz-animation-name: circle;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}
.prodetail-page01 .sec4 li p{
	font-size: 18px;
	color: #106dcc;
}
.prodetail-page01 .sec4 .tip-box.web{
	position: absolute;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 13.33%;
	background-color: rgba(0,0,0,0.1);
	width: 831.25%;
	display: none!important;
	top: 0;
	z-index: 1;
}
.prodetail-page01 .sec4 li.left .tip-box.web{
	left: 100%;
	margin-left: 33.33%;
}
.prodetail-page01 .sec4 li.right .tip-box.web{
	right: 100%;
	margin-right: 33.33%;
}
.prodetail-page01 .sec4 a:hover .tip-box.web{
	display: block!important;
}
.prodetail-page01 .sec4 .tip-box.web .text-box{
	background-color: #eeeeee;
	border-radius: 4px;
	text-align: left;
	padding: 4.64%;
}
.prodetail-page01 .sec4 .tip-box.web .text-box div{
	margin-bottom: 4.3%;
}
.prodetail-page01 .sec4 .tip-box.web .text-box h5{
	font-size: 18px;
	color: #333;
	font-weight: normal;
	margin-bottom: 1.36%;
}
.prodetail-page01 .sec4 .tip-box.web .text-box p{
	font-size: 16px;
	color: #666;
	line-height: 26px;
}

.prodetail-page02 .banner img{
	width: 100%;
}
.prodetail-page02 .sec1{
	padding: 4.167% 0 5.2%;
	font-size: 0;
}
.prodetail-page02 .sec1 .top .tab-box{
	float: left;
}
.prodetail-page02 .sec1 .top .tab-box a{
	font-size: 18px;
	color: #333;
	background-color: #e3e3e3;
	display: inline-block;
	vertical-align: top;
	padding: 0 2.6em;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.prodetail-page02 .sec1 .top .tab-box a.active{
	background-color: #277bd1;
	color: #fff;
	font-size: 24px;
	padding: 0 1.3em;
}
.prodetail-page02 .sec1 .top .sel-box{
	float: right;
	position: relative;
	border: 1px solid #bbb;
	border-radius: 10px;
	background-color: #f8f8f8;
}
.prodetail-page02 .sec1 .top .sel-box p{
	height: 44px;
	line-height: 44px;
	width: 178px;
	font-size: 16px;
	color: #277bd1;
	padding: 0 20px;
	background-repeat: no-repeat;
	background-image: url(../images/prodetail_01_sec1_icon.png);
	background-position: 83.7% center;
	background-size: auto 13.64%;
	cursor: pointer;
}
.prodetail-page02 .sec1 .top .sel-box .option-box{
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 10px;
	padding: 0 8px;
	text-align: center;
	box-shadow: 0 0 8px rgba(0,0,0,0.16);
	display: none;
	z-index: 2;
}
.prodetail-page02 .sec1 .top .sel-box .option-box a{
	display: block;
	height: 45px;
	line-height: 44px;
	font-size: 16px;
	color: #999;
	border-bottom: 1px solid #e9e9e9;
}
.prodetail-page02 .sec1 .top .sel-box .option-box a:nth-last-child(2){
	border-bottom: 0 none;
}
.prodetail-page02 .sec1 .top .sel-box .option-box a:hover{
	color: #444;
}
.prodetail-page02 .sec1 .top .sel-box .option-box .tri{
	position: absolute;
	right: 11%;
	bottom: 100%;
}
.prodetail-page02 .sec1 .bottom{
	border-top: 2px solid #277bd1;
	background-color: #f8f8f8;
}
.prodetail-page02 .sec1 .bottom .left{
	width: 50%;
	vertical-align: middle;
}
.prodetail-page02 .sec1 .bottom .right{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	text-align: center;
}
.prodetail-page02 .sec1 .bottom .right .middle-box{
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	width: 75%;
}
.prodetail-page02 .sec1 .bottom .right h3{
	font-size: 30px;
	color: #222;
	font-weight: bold;
	margin-bottom: 1.9%;
}
.prodetail-page02 .sec1 .bottom .right h5{
	font-size: 18px;
	color: #999;
	font-weight: normal;
	font-family: "HelveticaRoman";
	margin-bottom: 5.3%;
}
.prodetail-page02 .sec1 .bottom .right p{
	font-size: 18px;
	color: #555;
	line-height: 28px;
}
.prodetail-page02 .sec1 .bottom .right h4{
	margin-top: 3.8%;
	font-size: 18px;
	color: #106dcc;
	font-weight: bold;
	line-height: 28px;
}
.prodetail-page02 .sec2{
	background-color: #f8f8f8;
	padding: 4.95% 0;
}
.prodetail-page02 .sec2 .title{
	font-size: 24px;
	color: #333;
	/*font-weight: lighter;*/
	margin-bottom: 2.14%;
}
.prodetail-page02 .sec2 table{
	width: 100%;
}
.prodetail-page02 .sec2 th,.prodetail-page02 .sec2 td{
	text-align: center;
}
.prodetail-page02 .sec2 th{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	height: 78px;
	background-color: #277bd1;
	border-right: 1px solid rgba(255,255,255,0.3);
	padding: 0 1.6%;
}
.prodetail-page02 .sec2 th:last-child{
	border-right: 0 none;
}
.prodetail-page02 .sec2 th img{
	vertical-align: middle;
	margin-right: 6px;
}
.prodetail-page02 .sec2 td{
	font-size: 14px;
	color: #333;
	height: 92px;
}
.prodetail-page02 .sec2 td:nth-child(odd){
	background-color: #f4f4f4;
}
.prodetail-page02 .sec2 td:nth-child(even){
	background-color: #fafafa;
}
.prodetail-page02 .sec2 td:nth-child(1){
	background-color: #fff;
	border-bottom: 1px solid #f4f4f4;
	font-size: 18px;
}
.prodetail-page02 .sec2 tr:last-child td{
	border-bottom: 0 none;
}
.prodetail-page02 .sec3{
	padding: 5.2% 0;
}
.prodetail-page02 .sec3 .title{
	font-size: 24px;
	color: #333;
	/*font-weight: lighter;*/
	margin-bottom: 2.14%;
}
.prodetail-page02 .sec3 ul{
	font-size: 0;
}
.prodetail-page02 .sec3 li{
	border: 1px solid #bbb;
	display: inline-block;
	vertical-align: top;
	padding: 27px 0;
	width: 19.3%;
	margin-right: 0.875%;
	text-align: center;
	border-radius: 2px;
}
.prodetail-page02 .sec3 li:last-child{
	margin-right: 0;
}

.prodetail-page03 .banner img{
	width: 100%;
}
.prodetail-page03 .sec1{
	padding: 4.167% 0 5.2%;
	font-size: 0;
}
.prodetail-page03 .sec1 .top .tab-box{
	float: left;
}
.prodetail-page03 .sec1 .top .tab-box a{
	font-size: 18px;
	color: #333;
	background-color: #e3e3e3;
	display: inline-block;
	vertical-align: top;
	padding: 0 2.6em;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.prodetail-page03 .sec1 .top .tab-box a.active{
	background-color: #277bd1;
	color: #fff;
	font-size: 24px;
	padding: 0 1.3em;
}
.prodetail-page03 .sec1 .top .sel-box{
	float: right;
	position: relative;
	border: 1px solid #bbb;
	border-radius: 10px;
	background-color: #f8f8f8;
}
.prodetail-page03 .sec1 .top .sel-box p{
	height: 44px;
	line-height: 44px;
	width: 178px;
	font-size: 16px;
	color: #277bd1;
	padding: 0 20px;
	background-repeat: no-repeat;
	background-image: url(../images/prodetail_01_sec1_icon.png);
	background-position: 83.7% center;
	background-size: auto 13.64%;
	cursor: pointer;
}
.prodetail-page03 .sec1 .top .sel-box .option-box{
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 10px;
	padding: 0 8px;
	text-align: center;
	box-shadow: 0 0 8px rgba(0,0,0,0.16);
	display: none;
	z-index: 2;
}
.prodetail-page03 .sec1 .top .sel-box .option-box a{
	display: block;
	height: 45px;
	line-height: 44px;
	font-size: 16px;
	color: #999;
	border-bottom: 1px solid #e9e9e9;
}
.prodetail-page03 .sec1 .top .sel-box .option-box a:nth-last-child(2){
	border-bottom: 0 none;
}
.prodetail-page03 .sec1 .top .sel-box .option-box a:hover{
	color: #444;
}
.prodetail-page03 .sec1 .top .sel-box .option-box .tri{
	position: absolute;
	right: 11%;
	bottom: 100%;
}
.prodetail-page03 .sec1 .bottom{
	border-top: 2px solid #277bd1;
	background-color: #f8f8f8;
}
.prodetail-page03 .sec1 .bottom .left{
	width: 50%;
	vertical-align: middle;
}
.prodetail-page03 .sec1 .bottom .right{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	text-align: center;
}
.prodetail-page03 .sec1 .bottom .right .middle-box{
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	width: 88%;
}
.prodetail-page03 .sec1 .bottom .right h3{
	font-size: 30px;
	color: #222;
	font-weight: bold;
	margin-bottom: 1.9%;
}
.prodetail-page03 .sec1 .bottom .right h5{
	font-size: 18px;
	color: #999;
	font-weight: normal;
	font-family: "HelveticaRoman";
	margin-bottom: 5.3%;
}
.prodetail-page03 .sec1 .bottom .right p{
	font-size: 18px;
	color: #555;
	line-height: 28px;
}
.prodetail-page03 .sec2{
	background-color: #f8f8f8;
	padding: 5.2% 0 4.167%;
	font-size: 0;
}
.prodetail-page03 .sec2 .title{
	font-size: 24px;
	color: #333;
	margin-bottom: 2.14%;
	position: relative;
}
.prodetail-page03 .sec2 .title .button-box{
	position: absolute;
	right: 0;
	bottom: 0;
}
.prodetail-page03 .sec2 .title .button-box .swiper-prev,.prodetail-page03 .sec2 .title .button-box .swiper-next{
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
}
.prodetail-page03 .sec2 .title .button-box .swiper-prev.swiper-button-disabled,.prodetail-page03 .sec2 .title .button-box .swiper-next.swiper-button-disabled{
	opacity: 0;
}
.prodetail-page03 .sec2 .table-box{
	width: 86.7%;
	display: inline-block;
	vertical-align: top;
}
.prodetail-page03 .sec2 table.thead{
	width: 13.3%;
	vertical-align: top;
	display: inline-table;
}
.prodetail-page03 .sec2 table{
	width: 100%;
	margin-bottom: 25px;
	text-align: center;
	background-color: #fff;
}
.prodetail-page03 .sec2 .swiper-slide.f4 table{
	background-color: #f4f4f4;
}
.prodetail-page03 .sec2 .swiper-slide.fa table{
	background-color: #fafafa;
}
.prodetail-page03 .sec2 table th{
	background-color: #277bd1;
	height: 78px;
	border-right: 1px solid #fff;
}
.prodetail-page03 .sec2 table th p{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.prodetail-page03 .sec2 table th img{
	vertical-align: middle;
	margin-right:8px;
}
.prodetail-page03 .sec2 table td{
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #ebebeb;
	height: 78px;
}
.prodetail-page03 .sec2 table.thead td{
	font-size: 18px;
}
.prodetail-page03 .sec2 .swiper-slide.data table td{
	font-size: 22px;
	color: #277bd1;
}
.prodetail-page03 .sec2 table td p{
	height: 50%;
	line-height: 39px;
	font-size: 14px;
	color: #333;
}
.prodetail-page03 .sec2 .swiper-slide.data table td p{
	font-size: 22px;
	color: #277bd1;
}
.prodetail-page03 .sec2 table td p:nth-child(1){
	border-bottom: 1px solid #f4f4f4;
}
.prodetail-page03 .sec2 .tip li{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	position: relative;
	padding-left: 14px;
}
.prodetail-page03 .sec2 .tip li span{
	font-size: 8px;
	color: #277bd1;
	position: absolute;
	left: 0;
	top: 8px;
	line-height: 1;
}
.prodetail-page03 .sec3{
	padding: 4.167% 0 5.2%;
	font-size: 0;
}
.prodetail-page03 .sec3 .title{
	font-size: 24px;
	color: #333;
	position: relative;
	margin-bottom: 2.14%;
}
.prodetail-page03 .sec3 .title .button-box{
	position: absolute;
	right: 0;
	bottom: 0;
}
.prodetail-page03 .sec3 .title .button-box .swiper-prev,.prodetail-page03 .sec3 .title .button-box .swiper-next{
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
}
.prodetail-page03 .sec3 .title .button-box .swiper-prev.swiper-button-disabled,.prodetail-page03 .sec3 .title .button-box .swiper-next.swiper-button-disabled{
	opacity: 0;
}
.prodetail-page03 .sec3 table.thead{
	width: 10%;
	vertical-align: top;
	display: inline-table;
}
.prodetail-page03 .sec3 .table-box{
	width: 90%;
	display: inline-block;
	vertical-align: top;
}
.prodetail-page03 .sec3 table{
	width: 100%;
	margin-bottom: 25px;
	text-align: center;
	background-color: #f6f6f6;
}
.prodetail-page03 .sec3 table th{
	height: 80px;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
}
.prodetail-page03 .sec3 table.thead th{
	background-color: #333;
	border-bottom: 1px solid #575757;
}
.prodetail-page03 .sec3 table.thead tr:last-child th{
	border-bottom: 0 none;
}
.prodetail-page03 .sec3 .swiper-slide table th{
	background-color: #277bd1;
	border-left: 1px solid #e8e8e8;
}
.prodetail-page03 .sec3 table td{
	font-size: 14px;
	color: #333;
	height: 80px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
.prodetail-page03 .sec3 .tip li{
	font-size: 14px;
	color: #666;
	position: relative;
	padding-left: 14px;
}
.prodetail-page03 .sec3 .tip li span{
	font-size: 8px;
	color: #277bd1;
	position: absolute;
	left: 0;
	top: 3px;
}


.prodetail-page04 .banner img{
	width: 100%;
}
.prodetail-page04 .sec1{
	padding: 3.125% 0 4.167%;
}

.prodetail-page04 .sec1 .bottom{
	text-align: center;
}
.prodetail-page04 .sec1 .bottom .title{
	margin-bottom: 3.64%;
}
.prodetail-page04 .sec1 .bottom .title h5{
	font-size: 32px;
	color: #000;
	font-weight: normal;
	margin-bottom: 1.43%;
}
.prodetail-page04 .sec1 .bottom .title p{
	font-size: 20px;
	/*font-weight: lighter;*/
	color: #999;
}
.prodetail-page04 .sec1 .bottom ul{
	font-size: 0;
}
.prodetail-page04 .sec1 .bottom ul li{
	display: inline-block;
	vertical-align: middle;
	width: 11.11%;
}
.prodetail-page04 .sec1 .bottom ul li img{
	margin-bottom: 20px;
}
.prodetail-page04 .sec1 .bottom ul li p{
	font-size: 16px;
	/*font-weight: lighter;*/
	color: #106dcc;
}
.prodetail-page04 .sec2{
	background-color: #f8f8f8;
	padding: 4.167% 0 4.375%;
	text-align: center;
}
.prodetail-page04 .sec2 .title{
	width: 70.7%;
	margin: 0 auto 4.75%;
}
.prodetail-page04 .sec2 .title h5{
	font-size: 28px;
	color: #333;
	font-weight: normal;
	margin-bottom: 2.6%;
}
.prodetail-page04 .sec2 .title p{
	font-size: 20px;
	color: #999;
	/*font-weight: lighter;*/
	line-height: 28px;
}
.prodetail-page04 .sec2 .swiper-slide img{
	width: 100%;
}
.prodetail-page04 .sec2 .swiper-slide p{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #106dcc;
	height: 86px;
	line-height: 86px;
	font-size: 20px;
	color: #e9e9e9;
	/*font-weight: lighter;*/
}
.prodetail-page04 .sec2 .swiper-pagination{
	position: static;
	margin-top: 3.57%;
}
.prodetail-page04 .sec2 .swiper-pagination .swiper-pagination-bullet{
	vertical-align: top;
	opacity: 1;
	background-color: #bbb;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	margin: 0 5px;
}
.prodetail-page04 .sec2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #106dcc;
	width: 30px;
}
.prodetail-page04 .sec3{
	text-align: center;
	padding: 4.167% 0 5.2%;
}
.prodetail-page04 .sec3 .title{
	margin-bottom: 3.3%;
}
.prodetail-page04 .sec3 .title h5{
	font-size: 28px;
	color: #333;
	font-weight: normal;
	margin-bottom: 1.86%;
}
.prodetail-page04 .sec3 .title p{
	font-size: 20px;
	color: #999;
	/*font-weight: lighter;*/
	line-height: 28px;
}
.prodetail-page04 .sec3 .content{
	position: relative;
	font-size: 0;
	overflow: hidden;
}
.prodetail-page04 .sec3 .content .tab-box{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 52;
	width: 342px;
	height: 100%;
	background-color: #f8f8f8;
}
.prodetail-page04 .sec3 .content .tab-box ul{
	display: table;
	width: 100%;
	height: 100%;
}
.prodetail-page04 .sec3 .content .tab-box ul li{
	display: table-row;
	height: 16.66%;
	position: relative;
	cursor: pointer;
}
.prodetail-page04 .sec3 .content .tab-box ul li.active{
	background-color: rgba(39,123,209,0.88);
}
.prodetail-page04 .sec3 .content .tab-box ul li .tri{
	background-color: rgba(39,123,209,0.88);
	height: 100%;
	width: 62px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/prodetail_04_sec3_tri.png);
	background-size: 17.74% auto;
	position: absolute;
	left: -62px;
	top: 0;
	z-index: 51;
	opacity: 0;
}
.prodetail-page04 .sec3 .content .tab-box ul li.active .tri{
	opacity: 1;
}
.prodetail-page04 .sec3 .content .tab-box ul li .cell-box{
	display: table-cell;
	vertical-align: middle;
	padding: 0 50px;
	text-align: left;
	font-size: 0;
}
.prodetail-page04 .sec3 .content .tab-box ul li .icon-box{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.prodetail-page04 .sec3 .content .tab-box ul li .icon-box.icon1{
	background-image: url(../images/prodetail_04_sec3_icon1_hover.png);
}
.prodetail-page04 .sec3 .content .tab-box ul li .icon-box.icon2{
	background-image: url(../images/prodetail_04_sec3_icon2_hover.png);
}
.prodetail-page04 .sec3 .content .tab-box ul li .icon-box.icon3{
	background-image: url(../images/prodetail_04_sec3_icon3_hover.png);
}
.prodetail-page04 .sec3 .content .tab-box ul li .icon-box.icon4{
	background-image: url(../images/prodetail_04_sec3_icon4_hover.png);
}
.prodetail-page04 .sec3 .content .tab-box ul li .icon-box.icon5{
	background-image: url(../images/prodetail_04_sec3_icon5_hover.png);
}
.prodetail-page04 .sec3 .content .tab-box ul li .icon-box.icon6{
	background-image: url(../images/prodetail_04_sec3_icon6_hover.png);
}
.prodetail-page04 .sec3 .content .tab-box ul li.active .icon-box{
	background-image: none;
}
.prodetail-page04 .sec3 .content .tab-box ul li .icon-box img{
	opacity: 0;
}
.prodetail-page04 .sec3 .content .tab-box ul li.active .icon-box img{
	opacity: 1;
}
.prodetail-page04 .sec3 .content .tab-box ul li .text-box{
	display: inline-block;
	vertical-align: middle;
	width: 194px;
}
.prodetail-page04 .sec3 .content .tab-box ul li .text-box h5{
	font-size: 16px;
	color: #333;
	font-weight: normal;
}
.prodetail-page04 .sec3 .content .tab-box ul li.active .text-box h5{
	color: #f8f8f8;
}
.prodetail-page04 .sec3 .content .tab-box ul li .text-box p{
	font-size: 12px;
	color: #f8f8f8;
	margin-top: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: none;
}
.prodetail-page04 .sec3 .content .tab-box ul li.active .text-box p{
	display: block;
}
.prodetail-page04 .sec3 .content .swiper-container{
	width: 1058px;
	float: left;
}
.prodetail-page04 .sec3 .content .swiper-slide img{
	width: 100%;
}
.prodetail-page04 .sec3 .content .swiper-slide .text-box{
	background-color: rgba(39,123,209,0.88);
	position: absolute;
	left: 25px;
	top: 25px;
	bottom: 25px;
	width: 310px;
	padding: 4.7% 3.3% 0;
	text-align: left;
}
.prodetail-page04 .sec3 .content .swiper-slide .text-box h5{
	font-size: 20px;
	color: #f0f0f0;
	font-weight: normal;
	margin-bottom: 10%;
}
.prodetail-page04 .sec3 .content .swiper-slide .text-box .line{
	width: 16px;
	height: 5px;
	margin-bottom: 10%;
	background-color: #f0f0f0;
}
.prodetail-page04 .sec3 .content .swiper-slide .text-box p{
	font-size: 14px;
	color: #f0f0f0;
	/*font-weight: lighter;*/
	line-height: 24px;
	margin-bottom: 9%;
}
.prodetail-page04 .sec3 .content .swiper-slide .text-box p:last-child{
	margin-bottom: 0;
}
.prodetail-page04 .sec3 .content .swiper-slide .text-box p b{
	font-weight: bold;
}

.prodetail-page .sec1 .list-nav{
	margin-bottom: 5.7%;
	border-bottom: 1px solid #ebebeb;
	font-size: 0;
	text-align: center;
}
.prodetail-page .sec1 .list-nav li{
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/prolist_nav_line.png);
	width: 15.65%;
}
.prodetail-page .sec1 .list-nav li:last-child{
	background-image: none;
}
.prodetail-page .sec1 .list-nav li a{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	color: #999;
	padding: 19px 0 17px;
	border-bottom: 2px solid transparent;
}
.prodetail-page .sec1 .list-nav li.active a{
	font-weight: bold;
	color: #106dcc;
	border-bottom: 2px solid #106dcc;
}
.prodetail-page .sec-slide{
	text-align: center;
	padding: 5.2% 0;
	background-color: #f8f8f8;
}
.prodetail-page .sec-slide .title{
	font-size: 24px;
	color: #222;
	/*font-weight: lighter;*/
	margin-bottom: 2.14%;
}
.prodetail-page .sec-slide .slide-box{
	padding: 0 40px;
	position: relative;
}
.prodetail-page .sec-slide .swiper-slide .img-box{
	width: 100%;
	margin-bottom: 7.2%;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.prodetail-page .sec-slide .swiper-slide .img-box img{
	width: 100%;
}
.prodetail-page .sec-slide .swiper-slide .img-box .cover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(39,123,209,0.8);
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.prodetail-page .sec-slide .swiper-slide:hover .img-box .cover{
	opacity: 1;
}
.prodetail-page .sec-slide .swiper-slide .img-box .cover .table-box{
	display: table;
	width: 100%;
	height: 100%;
}
.prodetail-page .sec-slide .swiper-slide .img-box .cover .cell-box{
	display: table-cell;
	vertical-align: middle;
	font-size: 0;
}
.prodetail-page .sec-slide .swiper-slide .img-box .cover .box{
	border: 1px solid #fff;
	width: 158px;
	height: 36px;
	line-height: 34px;
	border-radius: 18px;
	font-size: 18px;
	color: #fff;
	display: inline-block;
}
.prodetail-page .sec-slide .swiper-slide p{
	font-size: 20px;
	color: #333;
	font-weight: bold;
	line-height: 120%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	background-repeat: no-repeat;
	background-size: auto 90%;
	background-position: right center;
	padding-right: 10%;
}
.prodetail-page .sec-slide .swiper-slide:hover p{
	text-align: left;
	color: #277bd1;
	background-image: url(../images/prodetail_slide_icon.png);
}
.prodetail-page .sec-slide .swiper-prev,.prodetail-page .sec-slide .swiper-next{
	cursor: pointer;
	width: 15px;
	height: 28px;
	position: absolute;
	top: 50%;
	margin-top: -14px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.prodetail-page .sec-slide .swiper-prev{
	left: 0;
	background-image: url(../images/prodetail_01_sec5_prev.png);
}
.prodetail-page .sec-slide .swiper-next{
	right: 0;
	background-image: url(../images/prodetail_01_sec5_next.png);
}
.prodetail-page .sec-slide .swiper-prev:hover{
	background-image: url(../images/prodetail_01_sec5_prev_hover.png);
}
.prodetail-page .sec-slide .swiper-next:hover{
	background-image: url(../images/prodetail_01_sec5_next_hover.png);
}



.service-page .banner img{
	width: 100%;
}
.service-page .sec1{
	padding-top: 3.125%;
}
.service-page .sec1 .list-nav{
	border-bottom: 1px solid #ebebeb;
	font-size: 0;
	text-align: center;
}
.service-page .sec1 .list-nav li{
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/prolist_nav_line.png);
	width: 15.65%;
}
.service-page .sec1 .list-nav li:last-child{
	background-image: none;
}
.service-page .sec1 .list-nav li a{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	color: #999;
	padding: 19px 0 17px;
	border-bottom: 2px solid transparent;
}
.service-page .sec1 .list-nav li.active a{
	font-weight: bold;
	color: #106dcc;
	border-bottom: 2px solid #106dcc;
}
.service-page .sec4{
	background-color: #f3f3f3;
	font-size: 0;
	padding: 5.2% 0 4.167%;
}
.service-page .sec4 .left{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	text-align: left;
}
.service-page .sec4 .left p{
	font-size: 22px;
	color: #333;
}
.service-page .sec4 .right{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	text-align: right;
}
.service-page .sec4 .right img{
	vertical-align: middle;
	margin-right: 14px;
}
.service-page .sec4 .right h5{
	vertical-align: middle;
	display: inline-block;
	font-size: 48px;
	color: #005bac;
	font-weight: bold;
}
.service-page.page1 .sec2{
    text-align: center;
    margin: 5.2% 0 2.6%;
}
.service-page.page1 .sec2 .title{
    display: inline-block;
    vertical-align: top;
	font-size: 36px;
	color: #333;
	background-image:linear-gradient(176deg, rgb(1,169,217) , rgb(39,123,209));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 3px;
}
.service-page.page1 .sec3{
	font-size: 0;
	overflow: hidden;
	background-color: #277bd1;
	background-repeat: no-repeat;
	background-size: 50% 100%;
	background-position: right center;
	background-image: url(../images/service_01_sec3_right_img.jpg);
}
.service-page.page1 .sec3 .left{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	position: relative;
}
.service-page.page1 .sec3 .left .bg{
	width: 100%;
}
.service-page.page1 .sec3 .left .img{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}
.service-page.page1 .sec3 .right{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding-left: 5.7%;
}
.service-page.page1 .sec3 .right h5{
	font-size: 22px;
	line-height: 32px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 1.61%;
}
.service-page.page1 .sec3 .right h3{
	font-size: 28px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 8.1%;
}
.service-page.page1 .sec3 .right p{
	font-size: 16px;
	color: #fff;
	line-height: 2;
	margin-bottom: 3.87%;
}
.service-page.page1 .sec3 .right li{
	width: 32.26%;
	margin-right: 1.61%;
	background-image:linear-gradient(0deg, rgb(234,234,234) , rgb(247,247,247));
	border-radius: 2px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.service-page.page1 .sec3 .right li:last-child{
	margin-right: 0;
}
.service-page.page1 .sec3 .right li:hover{
	box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
}
.service-page.page1 .sec3 .right li a{
	display: block;
	padding: 21px 0;
}
.service-page.page1 .sec3 .right li .icon-box{
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.service-page.page1 .sec3 .right li .icon-box.icon1{
	background-image: url(../images/service_01_sec3_right_icon1.png);
}
.service-page.page1 .sec3 .right li .icon-box.icon2{
	background-image: url(../images/service_01_sec3_right_icon2.png);
}
.service-page.page1 .sec3 .right li .icon-box.icon3{
	background-image: url(../images/service_01_sec3_right_icon3.png);
}
.service-page.page1 .sec3 .right li:hover .icon-box{
	background-image: none;
}
.service-page.page1 .sec3 .right li .icon-box img{
	vertical-align: middle;
	opacity: 0;
}
.service-page.page1 .sec3 .right li:hover .icon-box img{
	opacity: 1;
}
.service-page.page1 .sec3 .right li .text-box{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.service-page.page1 .sec3 .right li .text-box .name{
	font-size: 22px;
	color: #333;
	margin-bottom: 8px;
}
.service-page.page1 .sec3 .right li:hover .text-box .name{
	color: #005bac;
}
.service-page.page1 .sec3 .right li .text-box .eng{
	font-size: 14px;
	color: #999;
	font-family: "HelveticaRoman";
}
.service-page.page1 .cover{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 62;
	display: none;
}
.service-page.page1 .cover.active{
	display: block;
}
.service-page.page1 .cover .pop-box{
	background-color: #fff;
	border-radius: 10px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	width: 700px;
	padding: 2.6%;
}
.service-page.page1 .cover .pop-box .close{
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 2.85%;
	width: 22px;
	display: block;
}
.service-page.page1 .cover .pop-box .close img{
	width: 100%;
}
.service-page.page1 .cover .pop-box ul{
	margin-bottom: 5%;
}
.service-page.page1 .cover .pop-box li{
	margin-bottom: 3.33%;
	border-radius: 5px;
	border: 1px solid #bbbbbb;
	overflow: hidden;
	font-size: 0;
}
.service-page.page1 .cover .pop-box li.error{
	border-color: #ff4242;
	border-width: 2px;
}
.service-page.page1 .cover .pop-box li p{
	display: inline-block;
	vertical-align: middle;
	width: 23.4%;
	text-align: right;
	font-size: 22px;
	color: #333333;
	height: 40px;
	line-height: 40px;
}
.service-page.page1 .cover .pop-box li p span{
	font-size: 18px;
	color: #ff0000;
	margin-right: 0.5em;
}
.service-page.page1 .cover .pop-box li input{
	font-size: 18px;
	color: #666;
	height: 40px;
	line-height: 40px;
	width: 66%;
	padding: 0 4.2%;
}
.service-page.page1 .cover .pop-box li .icon{
	vertical-align: middle;
	display: none;
}
.service-page.page1 .cover .pop-box li.error .icon{
	display: inline-block;
}
.service-page.page1 .cover .pop-box h5{
	font-size: 22px;
	color: #333;
	font-weight: normal;
	text-align: center;
	margin-bottom: 3.333%;
}
.service-page.page1 .cover .pop-box select{
	margin-bottom: 5%;
	border-radius: 5px;
	border: 1px solid #bbbbbb;
	width: 100%;
	padding: 0 3.3333%;
	-o-appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;
	background-repeat: no-repeat;
	background-image: url(../images/service_01_cover_icon2.png);
	background-position: 96.5% center;
	background-size: auto 38.5%;
	font-size: 22px;
	color: #333;
	line-height: 60px;
	height: 60px;
}
.service-page.page1 .cover .pop-box textarea{
	font-size: 18px;
	color: #666;
	height: 100px;
	line-height: 1.5;
	width: 100%;
	padding: 2.1% 4.2%;
	resize: none;
	border-radius: 5px;
	border: 1px solid #bbbbbb;
	margin-bottom: 10%;
}
.service-page.page1 .cover .pop-box .submit{
	display: block;
	width: 46.67%;
	height: 82px;
	line-height: 82px;
	text-align: center;
	margin: 0 auto;
	background-color: #277bd1;
	border-radius: 5px;
	font-size: 26px;
	color: #fff;
}

.service-page.page2 .sec2{
    text-align: center;
    font-size: 0;
    margin: 5.2% 0 4.167%;
}
.service-page.page2 .sec2 .title{
	font-size: 36px;
	color: #0b59a8;
	background-image:linear-gradient(176deg, rgb(1,169,217) , rgb(39,123,209));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 3px;
    margin-bottom: 3.57%;
    display: inline-block;
    vertical-align: top;
}
.service-page.page2 .sec2 .box{
	position: relative;
}
.service-page.page2 .sec2 .box img{
	width: 100%;
}
.service-page.page2 .sec2 .cover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.service-page.page2 .sec2 .table-box{
	display: table;
	width: 100%;
	height: 100%;
}
.service-page.page2 .sec2 .cell-box{
	display: table-cell;
	vertical-align: middle;
	padding: 0 12%;
}
.service-page.page2 .sec2 .box h5{
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	line-height: 36px;
	margin-bottom: 8px;
}
.service-page.page2 .sec2 .box p{
	font-size: 18px;
	color: #fff;
	line-height: 28px;
}
.service-page.page2 .sec2 ul{
	margin-top: 3.57%;
}
.service-page.page2 .sec2 ul li{
	width: 29.3%;
	margin-right: 6.05%;
	display: inline-block;
	vertical-align: top;
}
.service-page.page2 .sec2 ul li:last-child{
	margin-right: 0;
}
.service-page.page2 .sec2 ul li .top{
	padding: 12.2% 0 6.83%;
}
.service-page.page2 .sec2 ul li:hover .top{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/service_02_sec2_top_hoverbg.png);
}
.service-page.page2 .sec2 ul li .top .icon{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 7.3%;
}
.service-page.page2 .sec2 ul li .top .icon.icon1{
	background-image: url(../images/service_02_sec2_icon1_hover.png);
}
.service-page.page2 .sec2 ul li .top .icon.icon2{
	background-image: url(../images/service_02_sec2_icon2_hover.png);
}
.service-page.page2 .sec2 ul li .top .icon.icon3{
	background-image: url(../images/service_02_sec2_icon3_hover.png);
}
.service-page.page2 .sec2 ul li:hover .top .icon img{
	opacity: 0;
}
.service-page.page2 .sec2 ul li .top p{
	font-size: 26px;
	color: #444;
}
.service-page.page2 .sec2 ul li:hover .top p{
	color: #fff;
}
.service-page.page2 .sec2 ul li .bottom{
	border-color: #bbb transparent transparent transparent;
	border-style: solid;
	border-width: 1px;
	padding: 7.3% 12.2%;
}
.service-page.page2 .sec2 ul li:hover .bottom{
	border-color: transparent #106dcc #106dcc #106dcc;
}
.service-page.page2 .sec2 ul li .bottom .text{
	margin-bottom: 10%;
}
.service-page.page2 .sec2 ul li .bottom .text:last-child{
	margin-bottom: 0;
}
.service-page.page2 .sec2 ul li .bottom h5{
	font-size: 18px;
	color: #444;
	font-weight: normal;
	margin-bottom: 6px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.service-page.page2 .sec2 ul li .bottom h5 span{
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #106dcc;
	position: absolute;
	left: -16px;
	top: 50%;
	margin-top: -3px;
}
.service-page.page2 .sec2 ul li .bottom p{
	font-size: 14px;
	color: #999;
	line-height: 18px;
}
.service-page.page2 .sec3{
	text-align: center;
	font-size: 0;
}
.service-page.page2 .sec3 .title{
	margin-bottom: 30px;
}
.service-page.page2 .sec3 .title h3{
	font-size: 36px;
	color: #0b59a8;
	font-weight: normal;
	background-image:linear-gradient(90deg, rgb(1,169,217) , rgb(39,123,209));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 3px;
    display: inline-block;
    vertical-align: top;
}
.service-page.page2 .sec3 .title h5{
	font-size: 18px;
	color: #333;
	font-weight: normal;
	margin: 20px 0 12px;
}
.service-page.page2 .sec3 .title p{
	font-size: 14px;
	color: #999;
}
.service-page.page2 .sec3 .slide-box{
	position: relative;
}
.service-page.page2 .sec3 .slide-box .inner{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	margin: auto;
	z-index: 52;
}
.service-page.page2 .sec3 .slide-box img{
	width: 100%;
}
.service-page.page2 .sec3 .slide-box .swiper-prev,.service-page.page2 .sec3 .slide-box .swiper-next{
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	margin-top: -25px;
}
.service-page.page2 .sec3 .slide-box .swiper-prev{
	left: 4.3%;
	background-image: url(../images/service_02_sec3_prev.png);
}
.service-page.page2 .sec3 .slide-box .swiper-next{
	right: 4.3%;
	background-image: url(../images/service_02_sec3_next.png);	
}
.service-page.page2 .sec3 .slide-box .swiper-prev:hover{
	background-image: url(../images/service_02_sec3_prev_hover.png);
}
.service-page.page2 .sec3 .slide-box .swiper-next:hover{
	background-image: url(../images/service_02_sec3_next_hover.png);	
}

.service-page.download .sec2{
	padding: 5.2% 0;
	font-size: 0;
	text-align: center;
}
.service-page.download .sec2 .title{
	font-size: 36px;
	margin-bottom: 1.5625%;
	color: #277bd1;
	background-image:linear-gradient(135deg, rgba(1,169,217,1) , rgba(39,123,209,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 3px;
    display: inline-block;
    vertical-align: top;
}
.service-page.download .sec2 .inner{
	background-color: rgba(235,235,235,0.5);
	padding: 5.2% 5.2% 3.9%;
	text-align: left;
}
.service-page.download .sec2 .slide-box{
	position: relative;
	border-bottom: 1px solid #cecece;
	margin-bottom: 4.166%;
	padding-bottom: 4.166%;
}
.service-page.download .sec2 .slide-box:last-child{
	margin-bottom: 0;
}
.service-page.download .sec2 .slide-box h5{
	font-size: 26px;
	color: #333;
	font-weight: normal;
	margin-bottom: 2.5%;
}
.service-page.download .sec2 .slide-box .swiper-slide .img{
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 7.4%;
}
.service-page.download .sec2 .slide-box .swiper-slide .text-box{
	padding: 0 3.7%;
}
.service-page.download .sec2 .slide-box .swiper-slide .text-box p{
	float: left;
	font-size: 16px;
	color: #333333;
}
.service-page.download .sec2 .slide-box .swiper-slide .text-box .icon{
	float: right;
}
.service-page.download .sec2 .slide-box .scrollbar{
	height: 5px;
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
}
.service-page.download .sec2 .slide-box .scrollbar .swiper-scrollbar-drag{
	background-color: #277bd1;
	border-radius: 5px;
}

@media only screen and (max-width:1400px){
	.service-page.page1 .sec3 .right{
		padding-left: 2%;
	}
	.service-page.page2 .sec2 .box h5{
		font-size: 20px;
	}
}
@media only screen and (max-width:1366px){
	.prodetail-page01 .sec3 .text-box .table-box .middle-box .box{
		padding: 0 5%;
	}
	.prodetail-page01 .sec3 .text-box h5{
		margin-bottom: 5%;
		font-size: 20px;
	}
	.prodetail-page01 .sec3 .text-box li{
		font-size: 14px;
	}


	.service-page.page1 .sec3 .right li .icon-box img{
		height: 48px;
	}
	.service-page.page1 .sec3 .right li .text-box .name{
		font-size: 20px;
		margin-bottom: 8px;
	}
	.service-page.page1 .sec3 .right li .text-box .eng{
		font-size: 12px;
	}
}
@media only screen and (max-width:1200px){
	.prolist-page .sec1 .content li{
		width: 48.5%;
		margin-right: 3%;
	}
	.prolist-page .sec1 .content li:nth-child(3n){
		margin-right: 3%;
	}
	.prolist-page .sec1 .content li:nth-child(2n){
		margin-right: 0;
	}


	.prodetail-page01 .sec1 .bottom .right h3{
		margin-bottom: 20px;
	}
	.prodetail-page01 .sec1 .bottom .right h5{
		margin: 16px 0 30px;
	}
	.prodetail-page01 .sec2 .content .bottom .left{
		padding-left: 3%;
	}


	.prodetail-page02 .sec1 .bottom .right .middle-box{
		width: 90%;
	}

	.service-page.page1 .sec3 .right li .icon-box{
		margin-right: 4px;
	}
	.service-page.page1 .sec3 .right li .icon-box img{
		height: 40px;
	}
	.service-page.page1 .sec3 .right li .text-box .name{
		font-size: 18px;
		margin-bottom: 4px;
	}
	.service-page.page1 .sec3 .right li .text-box .eng{
		font-size: 10px;
	}
}
@media only screen and (max-width:1100px){
	.prodetail-page01 .sec3 .text-box li{
		font-size: 12px;
	}
}
@media only screen and (max-width:1024px){
	.proserv-page .sec1{
		padding: 1.5625rem 0;
	}
	.proserv-page .sec1 .title{
		font-size: 1.125rem;
		margin-bottom: 0.9375rem;
	    padding-bottom: 1px;
	}
	.proserv-page .sec1 ul li{
		width: 48.26%;
		margin-right: 3.48%;
		margin-bottom: 4.35%;
	}
	.proserv-page.innovate .sec1 ul li.wait:nth-child(odd){
		display: none;
	}
	.proserv-page .sec1 ul li:nth-child(3n){
		margin-right: 3.48%;
	}
	.proserv-page .sec1 ul li:nth-child(2n){
		margin-right: 0;
	}
	.proserv-page .sec1 ul li .cover{
		padding: 1.375rem 0;
	}
	.proserv-page .sec1 ul li .cover h5{
		font-size: 0.875rem;
		margin-bottom: 0.625rem;
	}
	.proserv-page .sec1 ul li .cover p{
		font-size: 0.5rem;
	}
	.proserv-page .sec1 ul li .cover a{
		font-size: 0.5rem;
		height: 1.3125rem;
		line-height: 1.25rem;
		border-width: 0.03125rem;
		width: 4.375rem;
		margin-left: -2.1875rem;
		bottom: 1.6875rem;
		color: #fff;
		background-image:linear-gradient(135deg, #6cc2e4 , #277bd1);
		border: 0 none;
	}
	.proserv-page .sec1 ul li .cover a:hover{
		line-height: 1.3125rem;
	}
	.proserv-page .sec1 ul li .cover .dot{
		height: 0.5rem;
	}
	.proserv-page .sec2{
		padding: 3.125rem 0 3.75rem;
	}
	.proserv-page .sec2 .title{
		font-size: 1.125rem;
		margin-bottom: 2.5rem;
	    padding-bottom: 1px;
	}
	.proserv-page .sec2 ul li{
		padding: 0.875rem 0 0.625rem;
	}
	.proserv-page .sec2 ul li .top{
		margin-bottom: 0.625rem;
	}
	.proserv-page .sec2 ul li .top img{
		width: 2.3125rem;
		margin-right: 0.75rem;
	}
	.proserv-page .sec2 ul li .text-box h5{
		font-size: 0.875rem;
		margin-bottom: 0.5rem;
	}
	.proserv-page .sec2 ul li:hover .text-box h5{
	    padding-bottom: 0;
	    margin-bottom: 0.5rem;
	}
	.proserv-page .sec2 ul li .text-box p{
		font-size: 0.5rem;
	}
	.proserv-page .sec2 ul li a{
		width: 4.75rem;
		border-radius: 0.75rem;
		font-size: 0.5625rem;
		padding: 0.4375rem 0;
	}
	.proserv-page .sec2 ul li a span{
		width: 0.4375rem;
		height: 0.4375rem;
		margin-left: 0.25rem;
		vertical-align: baseline;
	}

	.prolist-page .sec1{
		padding-top: 1rem;
	}
	.prolist-page .sec1 .list-nav{
		margin-bottom: 1.25rem;
		text-align: left;
	}
	.prolist-page .sec1 .list-nav li{
		background-size: 1px 0.625rem;
		width: 50%;
		margin-bottom: 0.5rem;
		text-align: center;
	}
	.prolist-page .sec1 .list-nav li:last-child{
		background-image: url(../images/prolist_nav_line.png);
	}
	.prolist-page .sec1 .list-nav li:nth-child(2n){
		background-image: none;
	}
	.prolist-page .sec1 .list-nav li a{
		font-size: 0.75rem;
		padding: 0.625rem 0 0.5625rem;
		border-bottom: 0.09375rem solid transparent;
	}
	.prolist-page .sec1 .list-nav li.active a{
		border-bottom: 0.09375rem solid #106dcc;
	}
	.prolist-page .sec1 .content li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.5rem;
	}
	.prolist-page .sec1 .content li:nth-child(3n){
		margin-right: 0;
	}
	.prolist-page .sec1 .content li .img-box .cover .table-box .middle-box .box div{
		margin: 0.625rem 0;
	}
	.prolist-page .sec1 .content li .img-box .cover .table-box .middle-box .box a{
		font-size: 0.6875rem;
	}
	.prolist-page .sec1 .content li .text-box{
		padding: 0.875rem 0 0.6875rem;
		border-bottom: 0.09375rem solid transparent;
	}
	.prolist-page .sec1 .content li .text-box h3{
		font-size: 0.875rem;
		margin-bottom: 0.6875rem;
	}
	.prolist-page .sec1 .content li .text-box h3 span{
		font-size: 0.5rem;
	}
	.prolist-page .sec1 .content li .text-box p{
		font-size: 0.5625rem;
		line-height: 1rem;
		height: 2rem;
	}




	.prodetail-page01 .sec1{
		padding: 1.5625rem 0;
	}
	.prodetail-page01 .sec1 .top .tab-box a{
		font-size: 0.5625rem;
		width: 5.8125rem;
		height: 1.875rem;
		line-height: 1.875rem;
	}
	.prodetail-page01 .sec1 .top .tab-box a.active{
		font-size: 0.75rem;
	}
	.prodetail-page01 .sec1 .top .sel-box{
		margin-top: 0.25rem;
		border-radius: 0.3125rem;
	}
	.prodetail-page01 .sec1 .top .sel-box p{
		height: 1.375rem;
		line-height: 1.375rem;
		width: 5.5625rem;
		font-size: 0.5625rem;
		padding: 0 0.5rem;
	}
	.prodetail-page01 .sec1 .top .sel-box .option-box{
		margin-top: 10px;
		border-radius: 0.3125rem;
		padding: 0 0.25rem;
		box-shadow: 0 0 0.25rem rgba(0,0,0,0.16);
	}
	.prodetail-page01 .sec1 .top .sel-box .option-box a{
		height: 1.40625rem;
		line-height: 1.375rem;
		font-size: 0.5625rem;
	}
	.prodetail-page01 .sec1 .top .sel-box .option-box .tri{
		width: 0.625rem;
	}
	.prodetail-page01 .sec1 .bottom{
		border-top: 1px solid #277bd1;
	}
	.prodetail-page01 .sec1 .bottom .left{
		width: 100%;
	}
	.prodetail-page01 .sec1 .bottom .right{
		display: block;
		width: 100%;
		text-align: left;
		background-color: #fff;
		padding-top: 0.9375rem;
	}
	.prodetail-page01 .sec1 .bottom .right .middle-box{
		display: block;
	}
	.prodetail-page01 .sec1 .bottom .right h3{
		font-size: 0.9375rem;
		margin-bottom: 1rem;
	}
	.prodetail-page01 .sec1 .bottom .right h3 span{
		font-size: 0.5625rem;
	}
	.prodetail-page01 .sec1 .bottom .right p{
		font-size: 0.625rem;
		line-height: 0.8125rem;
	}
	.prodetail-page01 .sec1 .bottom .right h5{
		margin: 0.4375rem 0 1rem;
		font-size: 0.5625rem;
	}
	.prodetail-page01 .sec2{
		padding: 1.5625rem 0 1.875rem;
	}
	.prodetail-page01 .sec2 .title{
		font-size: 0.75rem;
		margin-bottom: 0.9375rem;
	}
	.prodetail-page01 .sec2 .content{
		background-color: transparent;
	}
	.prodetail-page01 .sec2 .content .top{
		border: 0 none;
	}
	.prodetail-page01 .sec2 .content .top th,.prodetail-page01 .sec2 .content .top td{
		border-right: 1px solid #d5d5d5;
	}
	.prodetail-page01 .sec2 .content .top th:last-child,.prodetail-page01 .sec2 .content .top td:last-child{
		border-right: 0 none;
	}
	.prodetail-page01 .sec2 .content .top th{
		font-size: 0.5625rem;
		height: 2.4375rem;
		background-image: none;
		background-color: #333;
		color: #fff;
	}
	.prodetail-page01 .sec2 .content .top th span{
		font-size: 0.4375rem;
	}
	.prodetail-page01 .sec2 .content .top th i{
		display: block;
		margin :0 auto 0.4375rem;
		background-image: none!important;
		height: 0.5rem;
		text-align: center;
	}
	.prodetail-page01 .sec2 .content .top th img{
		opacity: 1;
		height: 100%;
		display: inline;
	}
	.prodetail-page01 .sec2 .content .top td{
		font-size: 0.5625rem;
		line-height: 0.6875rem;
		height: 2.8125rem;
		padding: 0 0.3125rem;
		background-color: #fff;
	}
	.prodetail-page01 .sec2 .content .bottom{
		padding: 1.5625rem 0 0;
	}
	.prodetail-page01 .sec2 .content .bottom .left{
		width: 100%;
		display: block;
		border-right: 0 none;
		padding-left: 0;
		margin-bottom: 0.9375rem;
	}
	.prodetail-page01 .sec2 .content .bottom .left h3{
		font-size: 0.75rem;
		margin-bottom: 0;
	}
	.prodetail-page01 .sec2 .content .bottom .left h5{
		display: none;
	}
	.prodetail-page01 .sec2 .content .bottom .left p{
		display: none;
	}
	.prodetail-page01 .sec2 .content .bottom .right{
		width: 100%;
		display: block;
		text-align: center;
	}
	.prodetail-page01 .sec2 .content .bottom .right li{
		width: 13.77%;
		border-radius: 0.125rem;
		margin: 0 1.45%;
	}
	.prodetail-page01 .sec2 .content .bottom .right li p{
		line-height: 0.8125rem;
		height: 0.8125rem;
		font-size: 0.5625rem;
	}
	.prodetail-page01 .sec3{
		padding: 1.5625rem 0;
	}
	.prodetail-page01 .sec3 .swiper-container{
		float: none;
		width: 100%;
	}
	.prodetail-page01 .sec3 .swiper-prev,.prodetail-page01 .sec3 .swiper-next{
		width: 1.0625rem;
		height: 1.0625rem;
		margin-top: -0.53125rem;
	}
	.prodetail-page01 .sec3 .swiper-prev{
		left: 0.9375rem;
	}
	.prodetail-page01 .sec3 .swiper-next{
		right: 0.9375rem;
	}
	.prodetail-page01 .sec3 .text-box{
		width: 100%;
		height: auto;
		position: static;
	}
	.prodetail-page01 .sec3 .text-box .table-box{
		height: auto;
	}
	.prodetail-page01 .sec3 .text-box .table-box .middle-box{
		text-align: left;
	}
	.prodetail-page01 .sec3 .text-box .table-box .middle-box .box{
		padding: 0.9375rem 0.625rem 0.5rem;
	}
	.prodetail-page01 .sec3 .text-box h5{
		font-size: 0.75rem;
		margin-bottom: 0.5rem;
	}
	.prodetail-page01 .sec3 .text-box li{
		font-size: 0.5rem;
		width: 25%;
		margin: 0.40625rem 0;
		padding-left: 0.5rem;
	}
	.prodetail-page01 .sec3 .text-box li span{
		font-size: 0.25rem;
		margin-top: -0.125rem;
	}
	.prodetail-page01 .sec4{
		padding: 0;
		background-size: auto 13.8125rem;
	}
	.prodetail-page01 .sec4 .inner{
		padding: 1.375rem 0 0;
		height: 13.8125rem;
	}
	.prodetail-page01 .sec4 .title{
		font-size: 0.75rem;
		margin-bottom: 1.75rem;
	}
	.prodetail-page01 .sec4 li{
		margin-bottom: 1.25rem;
	}
	.prodetail-page01 .sec4 li a{
		width: 52.2%;
		margin: 0 auto 0.625rem;
	}
	.prodetail-page01 .sec4 li:hover a .line{
		animation-play-state: paused;
		-webkit-animation-play-state: paused;
		-o-animation-play-state: paused;
		-moz-animation-play-state: paused;
	}
	.prodetail-page01 .sec4 li p{
		font-size: 0.5625rem;
	}
	.prodetail-page01 .sec4 a:hover .tip-box.web{
		display: none!important;
	}
	.prodetail-page01 .sec4 .tip-box.mobile{
		padding: 1.875rem 4% 1.5625rem;
		text-align: left;
		background-color: #eee;
		display: none!important;
	}
	.prodetail-page01 .sec4 .tip-box.mobile.active{
		display: block!important;
	}
	.prodetail-page01 .sec4 .tip-box.mobile .text-box{
		display: none;
	}
	.prodetail-page01 .sec4 .tip-box.mobile .text-box.active{
		display: block;
	}
	.prodetail-page01 .sec4 .tip-box.mobile .text-box div{
		margin-bottom: 1.25rem;
	}
	.prodetail-page01 .sec4 .tip-box.mobile .text-box div:last-child{
		margin-bottom: 0;
	}
	.prodetail-page01 .sec4 .tip-box.mobile .text-box h5{
		font-size: 0.6875rem;
		color: #333;
		font-weight: normal;
		margin-bottom: 0.25rem;
	}
	.prodetail-page01 .sec4 .tip-box.mobile .text-box p{
		font-size: 0.5625rem;
		color: #666;
		line-height: 0.875rem;
	}



	.prodetail-page02 .sec1{
		padding: 1.5625rem 0;
	}
	.prodetail-page02 .sec1 .top .tab-box a{
		font-size: 0.5625rem;
		height: 1.875rem;
		line-height: 1.875rem;
	}
	.prodetail-page02 .sec1 .top .tab-box a.active{
		font-size: 0.75rem;
	}
	.prodetail-page02 .sec1 .top .sel-box{
		margin-top: 0.25rem;
		border-radius: 0.3125rem;
	}
	.prodetail-page02 .sec1 .top .sel-box p{
		height: 1.375rem;
		line-height: 1.375rem;
		width: 5.5625rem;
		font-size: 0.5625rem;
		padding: 0 0.5rem;
	}
	.prodetail-page02 .sec1 .top .sel-box .option-box{
		margin-top: 10px;
		border-radius: 0.3125rem;
		padding: 0 0.25rem;
		box-shadow: 0 0 0.25rem rgba(0,0,0,0.16);
	}
	.prodetail-page02 .sec1 .top .sel-box .option-box a{
		height: 1.40625rem;
		line-height: 1.375rem;
		font-size: 0.5625rem;
	}
	.prodetail-page02 .sec1 .top .sel-box .option-box .tri{
		width: 0.625rem;
	}
	.prodetail-page02 .sec1 .bottom{
		border-top: 1px solid #277bd1;
	}
	.prodetail-page02 .sec1 .bottom .left{
		width: 100%;
	}
	.prodetail-page02 .sec1 .bottom .right{
		display: block;
		width: 100%;
		text-align: left;
		background-color: #fff;
		padding-top: 0.9375rem;
	}
	.prodetail-page02 .sec1 .bottom .right .middle-box{
		display: block;
		width: 100%;
	}
	.prodetail-page02 .sec1 .bottom .right h3{
		font-size: 0.9375rem;
		margin-bottom: 0.4375rem;
	}
	.prodetail-page02 .sec1 .bottom .right h5{
		font-size: 0.5625rem;
		margin-bottom: 0.875rem;
	}
	.prodetail-page02 .sec1 .bottom .right p{
		font-size: 0.625rem;
		line-height: 0.8125rem;
	}
	.prodetail-page02 .sec1 .bottom .right h4{
		margin-top: 0.625rem;
		font-size: 0.5625rem;
		line-height: 0.8125rem;
	}
	.prodetail-page02 .sec1 .bottom .right h4 br{
		display: none;
	}
	.prodetail-page02 .sec2{
		padding: 1.5625rem 0;
	}
	.prodetail-page02 .sec2 .title{
		font-size: 0.75rem;
		margin-bottom: 0.9375rem;
	}
	.prodetail-page02 .sec2 th{
		font-size: 0.5625rem;
		height: 2.4375rem;
		padding: 0 0.25rem;
	}
	.prodetail-page02 .sec2 th img{
		margin: 0 auto 0.125rem;
		display: block;
		height: 0.5rem;
	}
	.prodetail-page02 .sec2 td{
		font-size: 0.4375rem;
		line-height: 0.5625rem;
		height: 2.875rem;
		padding: 0 0.25rem;
	}
	.prodetail-page02 .sec2 td:nth-child(1){
		font-size: 0.5625rem;
	}
	.prodetail-page02 .sec2 tr:last-child td{
		border-bottom: 0 none;
	}
	.prodetail-page02 .sec2 td img{
		height: 0.75rem;
	}
	.prodetail-page02 .sec3{
		padding: 1.5625rem 0;
	}
	.prodetail-page02 .sec3 .title{
		font-size: 0.75rem;
		margin-bottom: 0.9375rem;
	}
	.prodetail-page02 .sec3 li{
		padding: 0.25rem 0;
	}
	.prodetail-page02 .sec3 li img{
		height: 1.375rem;
	}



	.prodetail-page03 .sec1{
		padding: 1.5625rem 0;
	}
	.prodetail-page03 .sec1 .top .tab-box a{
		font-size: 0.5625rem;
		height: 1.875rem;
		line-height: 1.875rem;
	}
	.prodetail-page03 .sec1 .top .tab-box a.active{
		font-size: 0.75rem;
	}
	.prodetail-page03 .sec1 .top .sel-box{
		margin-top: 0.25rem;
		border-radius: 0.3125rem;
	}
	.prodetail-page03 .sec1 .top .sel-box p{
		height: 1.375rem;
		line-height: 1.375rem;
		width: 5.5625rem;
		font-size: 0.5625rem;
		padding: 0 0.5rem;
	}
	.prodetail-page03 .sec1 .top .sel-box .option-box{
		margin-top: 10px;
		border-radius: 0.3125rem;
		padding: 0 0.25rem;
		box-shadow: 0 0 0.25rem rgba(0,0,0,0.16);
	}
	.prodetail-page03 .sec1 .top .sel-box .option-box a{
		height: 1.40625rem;
		line-height: 1.375rem;
		font-size: 0.5625rem;
	}
	.prodetail-page03 .sec1 .top .sel-box .option-box .tri{
		width: 0.625rem;
	}
	.prodetail-page03 .sec1 .bottom{
		border-top: 1px solid #277bd1;
	}
	.prodetail-page03 .sec1 .bottom .left{
		width: 100%;
	}
	.prodetail-page03 .sec1 .bottom .right{
		display: block;
		width: 100%;
		text-align: left;
		background-color: #fff;
		padding-top: 0.9375rem;
	}
	.prodetail-page03 .sec1 .bottom .right .middle-box{
		display: block;
		width: 100%;
	}
	.prodetail-page03 .sec1 .bottom .right h3{
		font-size: 0.9375rem;
		margin-bottom: 0.4375rem;
	}
	.prodetail-page03 .sec1 .bottom .right h5{
		font-size: 0.5625rem;
		margin-bottom: 0.875rem;
	}
	.prodetail-page03 .sec1 .bottom .right p{
		font-size: 0.625rem;
		line-height: 0.8125rem;
	}
	.prodetail-page03 .sec2{
		padding: 1.5625rem 0 2.25rem;
	}
	.prodetail-page03 .sec2 .title{
		font-size: 0.75rem;
		margin-bottom: 0.9375rem;
	}
	.prodetail-page03 .sec2 .title .button-box .swiper-prev,.prodetail-page03 .sec2 .title .button-box .swiper-next{
		margin: 0 0.625rem;
	}
	.prodetail-page03 .sec2 .title .button-box .swiper-prev img,.prodetail-page03 .sec2 .title .button-box .swiper-next img{
		height: 0.875rem;
	}
	.prodetail-page03 .sec2 .table-box{
		width: 80%;
	}
	.prodetail-page03 .sec2 table.thead{
		width: 20%;
	}
	.prodetail-page03 .sec2 table{
		margin-bottom: 0.875rem;
	}
	.prodetail-page03 .sec2 table th{
		height: 2.4375rem;
	}
	.prodetail-page03 .sec2 table th p{
		font-size: 0.5625rem;
		line-height: 0.75rem;
		display: block;
		text-align: center;
	}
	.prodetail-page03 .sec2 table th img{
		height: 0.40625rem;
		margin-right: 0;
		margin-bottom: 0.3125rem;
	}
	.prodetail-page03 .sec2 table td{
		font-size: 0.4375rem;
		height: 2.75rem;
	}
	.prodetail-page03 .sec2 table.thead td{
		font-size: 0.5625rem;
	}
	.prodetail-page03 .sec2 .swiper-slide.data table td{
		font-size: 0.6875rem;
	}
	.prodetail-page03 .sec2 table td p{
		font-size: 0.5625rem;
		line-height: 1.375rem;
	}
	.prodetail-page03 .sec2 .swiper-slide.data table td p{
		font-size: 0.6875rem;
	}
	.prodetail-page03 .sec2 .tip li{
		font-size: 0.5625rem;
		line-height: 0.75rem;
		padding-left: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.prodetail-page03 .sec2 .tip li:last-child{
		margin-bottom: 0;
	}
	.prodetail-page03 .sec2 .tip li span{
		font-size: 0.25rem;
		top: 0.25rem;
		line-height: 1;
	}
	.prodetail-page03 .sec3{
		padding: 4.167% 0 5.2%;
	}
	.prodetail-page03 .sec3 .title{
		font-size: 0.75rem;
		margin-bottom: 2.14%;
	}
	.prodetail-page03 .sec3 .title .button-box .swiper-prev,.prodetail-page03 .sec3 .title .button-box .swiper-next{
		margin: 0 0.625rem;
	}
	.prodetail-page03 .sec3 .title .button-box .swiper-prev img,.prodetail-page03 .sec3 .title .button-box .swiper-next img{
		height: 0.875rem;
	}
	.prodetail-page03 .sec3 table.thead{
		width: 16%;
	}
	.prodetail-page03 .sec3 .table-box{
		width: 84%;
	}
	.prodetail-page03 .sec3 table{
		margin-bottom: 0.5rem;
	}
	.prodetail-page03 .sec3 table th{
		height: 2.5rem;
		font-size: 0.5625rem;
		line-height: 0.6875rem;
	}
	.prodetail-page03 .sec3 table td{
		font-size: 0.4375rem;
		height: 2.5rem;
	}
	.prodetail-page03 .sec3 .tip li{
		font-size: 0.5625rem;
		line-height: 0.75rem;
		padding-left: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.prodetail-page03 .sec3 .tip li:last-child{
		margin-bottom: 0;
	}
	.prodetail-page03 .sec3 .tip li span{
		font-size: 0.25rem;
		top: 0.25rem;
		line-height: 1;
	}

	.prodetail-page04 .sec1{
		padding: 1rem 0 1.75rem;
	}
	.prodetail-page04 .sec1 .bottom .title{
		margin-bottom: 1rem;
	}
	.prodetail-page04 .sec1 .bottom .title h5{
		font-size: 1rem;
		margin-bottom: 0.625rem;
	}
	.prodetail-page04 .sec1 .bottom .title p{
		font-size: 0.5625rem;
	}
	.prodetail-page04 .sec1 .bottom ul li{
		width: 20%;
		margin-bottom: 0.75rem;
	}
	.prodetail-page04 .sec1 .bottom ul li:nth-child(5n){
		background-image: none;
	}
	.prodetail-page04 .sec1 .bottom ul li img{
		margin-bottom: 0.625rem;
		height: 1.3125rem;
	}
	.prodetail-page04 .sec1 .bottom ul li p{
		font-size: 0.5rem;
	}
	.prodetail-page04 .sec2{
		padding: 1.5625rem 0 2rem;
	}
	.prodetail-page04 .sec2 .title{
		width: 100%;
		margin: 0 auto 0.75rem;
	}
	.prodetail-page04 .sec2 .title h5{
		font-size: 1rem;
		margin-bottom: 0.5rem;
	}
	.prodetail-page04 .sec2 .title p{
		font-size: 0.5625rem;
		line-height: 0.875rem;
	}
	.prodetail-page04 .sec2 .swiper-slide p{
		height: 2.625rem;
		line-height: 2.625rem;
		font-size: 0.625rem;
	}
	.prodetail-page04 .sec2 .swiper-pagination{
		margin-top: 0.9375rem;
	}
	.prodetail-page04 .sec2 .swiper-pagination .swiper-pagination-bullet{
		width: 0.3125rem;
		height: 0.3125rem;
		border-radius: 0.15625rem;
		margin: 0 0.15625rem;
	}
	.prodetail-page04 .sec2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		width: 0.9375rem;
	}
	.prodetail-page04 .sec3{
		padding: 1.5625rem 0 2.5rem;
	}
	.prodetail-page04 .sec3 .title{
		margin-bottom: 0.75rem;
	}
	.prodetail-page04 .sec3 .title h5{
		font-size: 1rem;
		margin-bottom: 0.5rem;
	}
	.prodetail-page04 .sec3 .title p{
		font-size: 0.5625rem;
		line-height: 0.875rem;
	}
	.prodetail-page04 .sec3 .content{
		background-color: transparent;
	}
	.prodetail-page04 .sec3 .content .tab-box{
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 0.625rem;
		background-color: transparent;
	}
	.prodetail-page04 .sec3 .content .tab-box ul{
		display: block;
		height: auto;
		font-size: 0;
	}
	.prodetail-page04 .sec3 .content .tab-box ul li{
		display: inline-table;
		vertical-align: top;
		height: 1.6875rem;
		width: 30%;
		margin-right: 5%;
		margin-bottom: 0.3125rem;
		border-radius: 0.125rem;
		overflow: hidden;
	}
	.prodetail-page04 .sec3 .content .tab-box ul li:nth-child(3n){
		margin-right: 0;
	}
	.prodetail-page04 .sec3 .content .tab-box ul li .tri{
		display: none;
	}
	.prodetail-page04 .sec3 .content .tab-box ul li .cell-box{
		display: table-cell;
		padding: 0;
		text-align: center;
	}
	.prodetail-page04 .sec3 .content .tab-box ul li .icon-box{
		margin-right: 0.5rem;
	}
	.prodetail-page04 .sec3 .content .tab-box ul li .icon-box img{
		height: 0.9375rem;
	}
	.prodetail-page04 .sec3 .content .tab-box ul li .text-box{
		width: auto;
		text-align: left;
	}
	.prodetail-page04 .sec3 .content .tab-box ul li .text-box h5{
		font-size: 0.5625rem;
		line-height: 0.6875rem;
		width: 5.5em;
	}
	.prodetail-page04 .sec3 .content .tab-box ul li .text-box h5 span{
		display: none;
	}
	.prodetail-page04 .sec3 .content .tab-box ul li.active .text-box p{
		display: none;
	}
	.prodetail-page04 .sec3 .content .swiper-container{
		width: 100%;
		float: none;
	}
	.prodetail-page04 .sec3 .content .swiper-slide .text-box{
		left: 0.625rem;
		top: 0.625rem;
		bottom: 0.625rem;
		width: 10rem;
	}
	.prodetail-page04 .sec3 .content .swiper-slide .text-box h5{
		font-size: 0.75rem;
	}
	.prodetail-page04 .sec3 .content .swiper-slide .text-box .line{
		width: 0.5rem;
		height: 0.15625rem;
	}
	.prodetail-page04 .sec3 .content .swiper-slide .text-box p{
		font-size: 0.5rem;
		line-height: 0.875rem;
		margin-bottom: 0.75rem;
	}




	.prodetail-page .sec1 .list-nav{
		margin-bottom: 1.5625rem;
		text-align: left;
	}
	.prodetail-page .sec1 .list-nav li{
		background-size: 1px 0.625rem;
		width: 50%;
		margin-bottom: 0.5rem;
		text-align: center;
	}
	.prodetail-page .sec1 .list-nav li:last-child{
		background-image: url(../images/prolist_nav_line.png);
	}
	.prodetail-page .sec1 .list-nav li:nth-child(2n){
		background-image: none;
	}
	.prodetail-page .sec1 .list-nav li a{
		font-size: 0.75rem;
		padding: 0.625rem 0 0.5625rem;
		border-bottom: 0.09375rem solid transparent;
	}
	.prodetail-page .sec1 .list-nav li.active a{
		border-bottom: 0.09375rem solid #106dcc;
	}
	.prodetail-page .sec-slide{
		padding: 2.5rem 0;
	}
	.prodetail-page .sec-slide .title{
		font-size: 0.875rem;
		margin-bottom: 0.9375rem;
	}
	.prodetail-page .sec-slide .slide-box{
		padding: 0;
	}
	.prodetail-page .sec-slide .swiper-slide .img-box{
		margin-bottom: 0.625rem;
		border-radius: 0.125rem;
	}
	.prodetail-page .sec-slide .swiper-slide:hover .img-box .cover{
		opacity: 0;
	}
	.prodetail-page .sec-slide .swiper-slide .img-box .cover .box{
		border-width: 0.03125rem;
		width: 4.9375rem;
		height: 1.125rem;
		line-height: 1.0625rem;
		border-radius: 0.5625rem;
		font-size: 0.5625rem;
	}
	.prodetail-page .sec-slide .swiper-slide p{
		font-size: 0.6875rem;
	}
	.prodetail-page .sec-slide .swiper-slide:hover p{
		text-align: center;
		color: #333;
		background-image: none;
	}
	.prodetail-page .sec-slide .swiper-prev,.prodetail-page .sec-slide .swiper-next{
		display: none;
	}



	.service-page .sec1{
		padding-top: 1rem;
	}
	.service-page .sec1 .list-nav{
		text-align: left;
	}
	.service-page .sec1 .list-nav li{
		background-size: 1px 0.625rem;
		width: 50%;
		text-align: center;
	}
	.service-page .sec1 .list-nav li:last-child{
		background-image: url(../images/prolist_nav_line.png);
	}
	.service-page .sec1 .list-nav li:nth-child(2n){
		background-image: none;
	}
	.service-page .sec1 .list-nav li a{
		font-size: 0.75rem;
		padding: 0.625rem 0 0.5625rem;
		border-bottom: 0.09375rem solid transparent;
	}
	.service-page .sec1 .list-nav li.active a{
		border-bottom: 0.09375rem solid #106dcc;
	}
	.service-page .sec4{
		padding: 10.67% 0;
	}
	.service-page .sec4 .left{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 0.9375rem;
	}
	.service-page .sec4 .left p{
		font-size: 0.6875rem;
	}
	.service-page .sec4 .right{
		display: block;
		width: 100%;
		text-align: center;
	}
	.service-page .sec4 .right img{
		margin-right: 0.4375rem;
		width: 1.375rem;
	}
	.service-page .sec4 .right h5{
		font-size: 1.5rem;
	}
	.service-page.page1 .sec2{
	    margin: 2.125rem 0 1.1875rem;
	}
	.service-page.page1 .sec2 .title{
		font-size: 1.125rem;
		line-height: 1.8125rem;
	    padding-bottom: 0;
	}
	.service-page.page1 .sec3{
		background-size: 100% 55%;
		background-position: right bottom;
		background-image: url(../images/service_01_sec3_right_img.jpg);
	}
	.service-page.page1 .sec3 .left{
		display: block;
		width: 100%;
	}
	.service-page.page1 .sec3 .left .bg{
		display: none;
	}
	.service-page.page1 .sec3 .left .img{
		position: relative;
		width: 108%;
		left: -4%;
		right: -4%;
	}
	.service-page.page1 .sec3 .right{
		display: block;
		width: 100%;
		padding: 1.5625rem 0.625rem 0.9375rem;
	}
	.service-page.page1 .sec3 .right h5{
		font-size: 0.6875rem;
		line-height: 1;
		margin-bottom: 0.375rem;
	}
	.service-page.page1 .sec3 .right h3{
		font-size: 1.125rem;
		margin-bottom: 0.75rem;
	}
	.service-page.page1 .sec3 .right p{
		font-size: 0.5625rem;
		line-height: 1rem;
		margin-bottom: 0.6875rem;
	}
	.service-page.page1 .sec3 .right li{
		width: 32.3%;
		margin-right: 1.55%;
	}
	.service-page.page1 .sec3 .right li:hover{
		box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
	}
	.service-page.page1 .sec3 .right li a{
		padding: 0.6875rem 0;
	}
	.service-page.page1 .sec3 .right li .icon-box{
		margin-right: 0.3125rem;
	}
	.service-page.page1 .sec3 .right li:hover .icon-box.icon1{
		background-image: url(../images/service_01_sec3_right_icon1.png);
	}
	.service-page.page1 .sec3 .right li:hover .icon-box.icon2{
		background-image: url(../images/service_01_sec3_right_icon2.png);
	}
	.service-page.page1 .sec3 .right li:hover .icon-box.icon3{
		background-image: url(../images/service_01_sec3_right_icon3.png);
	}
	.service-page.page1 .sec3 .right li .icon-box img{
		height: 1.6875rem;
	}
	.service-page.page1 .sec3 .right li:hover .icon-box img{
		opacity: 0;
	}
	.service-page.page1 .sec3 .right li .text-box .name{
		font-size: 0.75rem;
		margin-bottom: 0.25rem;
	}
	.service-page.page1 .sec3 .right li:hover .text-box .name{
		color: #333;
	}
	.service-page.page1 .sec3 .right li .text-box .eng{
		font-size: 0.4375rem;
	}



	.service-page.page2 .sec2{
	    margin: 2.5rem 0 1.5625rem;
	}
	.service-page.page2 .sec2 .title{
		font-size: 1.125rem;
	    padding-bottom: 1px;
	    margin-bottom: 1.5625rem;
	}
	.service-page.page2 .sec2 .cell-box{
		padding: 0 1rem;
	}
	.service-page.page2 .sec2 .box h5{
		font-size: 0.8125rem;
		line-height: 1.375rem;
		margin-bottom: 0.5rem;
	}
	.service-page.page2 .sec2 .box p{
		font-size: 0.5625rem;
		line-height: 0.875rem;
	}
	.service-page.page2 .sec2 ul{
		margin-top: 1.5625rem%;
	}
	.service-page.page2 .sec2 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.625rem;
	}
	.service-page.page2 .sec2 ul li:last-child{
		margin-bottom: 0;
	}
	.service-page.page2 .sec2 ul li .top{
		padding: 1.25rem 0;
		display: inline-block;
		vertical-align: middle;
		width: 39%;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-image: url(../images/service_02_sec2_top_hoverbg.png);
	}
	.service-page.page2 .sec2 ul li .top .icon{
		margin-bottom: 0.9375rem;
	}
	.service-page.page2 .sec2 ul li .top .icon img{
		opacity: 0;
		height: 1.875rem;
	}
	.service-page.page2 .sec2 ul li .top p{
		font-size: 0.8125rem;
		color: #fff;
	}
	.service-page.page2 .sec2 ul li .bottom{
		border-width: 0;
		padding: 0 0 0 9.5%;
		display: inline-block;
		vertical-align: middle;
		width: 61%;
		text-align: left;
	}
	.service-page.page2 .sec2 ul li .bottom .text{
		margin-bottom: 0.625rem;
	}
	.service-page.page2 .sec2 ul li .bottom h5{
		font-size: 0.6875rem;
		margin-bottom: 0.1875rem;
	}
	.service-page.page2 .sec2 ul li .bottom h5 span{
		width: 0.1875rem;
		height: 0.1875rem;
		left: -0.5rem;
		margin-top: -0.09375rem;
	}
	.service-page.page2 .sec2 ul li .bottom p{
		font-size: 0.5625rem;
		line-height: 0.8125rem;
	}
	.service-page.page2 .sec3 .title{
		margin-bottom: 0.9375rem;
	}
	.service-page.page2 .sec3 .title h3{
		font-size: 1.125rem;
	    padding-bottom: 1px;
	}
	.service-page.page2 .sec3 .title h5{
		font-size: 0.5625rem;
		margin: 0.625rem 0 0.25rem;
	}
	.service-page.page2 .sec3 .title p{
		font-size: 0.5625rem;
	}
	.service-page.page2 .sec3 .slide-box .swiper-prev,.service-page.page2 .sec3 .slide-box .swiper-next{
		width: 1.5625rem;
		height: 1.5625rem;
		margin-top: -0.78125rem;
	}
	.service-page.page2 .sec3 .slide-box .swiper-prev{
		left: 0.625rem;
	}
	.service-page.page2 .sec3 .slide-box .swiper-next{
		right: 0.625rem;
	}




	.service-page.download .sec2{
		padding: 3.125rem 0 0;
	}
	.service-page.download .sec2 .title{
		font-size: 1.125rem;
		margin-bottom: 0.9375rem;
	    padding-bottom: 1px;
	}
	.service-page.download .sec2 .inner{
		padding: 2.5rem 4% 1.5625rem;
		max-width: 100%;
	}
	.service-page.download .sec2 .slide-box{
		margin-bottom: 1.5625rem;
		padding-bottom: 1.5625rem;
	}
	.service-page.download .sec2 .slide-box h5{
		font-size: 0.8125rem;
		margin-bottom: 0.9375rem;
	}
	.service-page.download .sec2 .slide-box .swiper-slide .img{
		border-radius: 0.125rem;
		margin-bottom: 0.5rem;
	}
	.service-page.download .sec2 .slide-box .swiper-slide .text-box{
		padding: 0 0.3125rem;
	}
	.service-page.download .sec2 .slide-box .swiper-slide .text-box p{
		font-size: 0.6875rem;
	}
	.service-page.download .sec2 .slide-box .swiper-slide .text-box .icon{
		height: 0.5rem;
	}
}
@media only screen and (max-width: 768px){
	
	.service-page.page1 .cover .pop-box{
		border-radius: 0.3125rem;
		width: 92%;
		padding: 1.5625rem 1.40625rem;
	}
	.service-page.page1 .cover .pop-box .close{
		position: absolute;
		left: 50%;
		top: 100%;
		margin-left: -0.34375rem;
		margin-top: 1.56256rem;
		width: 0.6875rem;
	}
	.service-page.page1 .cover .pop-box ul{
		margin-bottom: 1.4375rem;
	}
	.service-page.page1 .cover .pop-box li{
		margin-bottom: 0.625rem;
		border-radius: 0.125rem;
	}
	.service-page.page1 .cover .pop-box li p{
		width: 27%;
		font-size: 0.75rem;
		height: 1.875rem;
		line-height: 1.875rem;
	}
	.service-page.page1 .cover .pop-box li p span{
		font-size: 0.5625rem;
	}
	.service-page.page1 .cover .pop-box li input{
		font-size: 0.625rem;
		height: 1.875rem;
		line-height: 1.875rem;
		width: 63%;
	}
	.service-page.page1 .cover .pop-box li .icon{
		width: 1.09375rem;
	}
	.service-page.page1 .cover .pop-box h5{
		font-size: 0.875rem;
		margin-bottom: 0.625rem;
	}
	.service-page.page1 .cover .pop-box select{
		border-radius: 0.125rem;
		font-size: 0.6875rem;
		line-height: 2.5rem;
		height: 2.5rem;
	}
	.service-page.page1 .cover .pop-box textarea{
		font-size: 0.625rem;
		height: 3.125rem;
		border-radius: 0.125rem;
	}
	.service-page.page1 .cover .pop-box .submit{
		width: 8.75rem;
		height: 2.5rem;
		line-height: 2.5rem;
		border-radius: 0.125rem;
		font-size: 0.8125rem;
	}
}