@charset "utf-8";


.banner{height: 0; min-height:200px;width: 100%; padding-bottom: 29%; position: absolute; z-index: -1; overflow: hidden;}
@media screen and (max-width: 1280px){
       .banner{height: 0; min-height:200px;width: 100%; max-width: 1280px; padding-bottom: 29%; position: absolute; left: 0; z-index: -1; overflow: hidden;}
    }



.banner .slider{height: 0; padding-bottom: 35%; position: relative; background-position: right center; background-size: cover; background-repeat: no-repeat;}

    @media screen and (max-width: 700px){
        .banner{margin-top:0;}
    }

    @media screen and (max-width: 600px){
        .banner{margin-top:0;}
    }


/**针对于案例页面的css**/
.bannerPlaceholderAnli{height: 0; padding-bottom: 1.6%; position: relative; overflow: hidden;}

    @media screen and (max-width: 1024px){
        .bannerPlaceholderAnli{padding-bottom: 0%;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .bannerPlaceholderAnli{padding-bottom: 0%;}
	}

    @media screen and (max-width: 700px){
        .bannerPlaceholderAnli{padding-bottom: 5%;}
    }
/*******/


.bannerPlaceholder{height: 0; padding-bottom: 30%; position: relative; overflow: hidden;}

    @media screen and (max-width: 1024px){
        .bannerPlaceholder{padding-bottom: 21%;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .bannerPlaceholder{padding-bottom: 21%;}
	}

    @media screen and (max-width: 700px){
        .bannerPlaceholder{padding-bottom: 18%;}
    }



.window{height: 0; padding-bottom: 26%; position: relative;}
.window .bannerHandler{width: 70%; height: 100%; position: absolute; top: 0; left: 0;}
.window .bannerHandler .pagination{position: absolute; width: 96%; top: 95%; left: 30%; text-align: right; padding: 1% 2%;}
.window .bannerHandler .pagination span{width: 6px !important; height: 6px !important; display: inline-block !important; border-radius: 50% !important; border: 1px solid #fff; background-color: transparent !important; opacity: 1 !important; margin-left: 1%;}
.window .bannerHandler .arrow{display:none;position: absolute; left: -13%; top: 100%; width: 12%; height: 0; padding-bottom: 6%;}
.window .bannerHandler .arrow .prev,
.window .bannerHandler .arrow .next{width: 49%; height: 0; padding-bottom: 49%; float: left; opacity: .6; background-position: center; background-repeat:no-repeat; background-size: cover; cursor: pointer; margin-left: 1%;}
.window .bannerHandler .arrow .prev{background-image: url(../images/iconPrev.png);}
.window .bannerHandler .arrow .next{background-image: url(../images/iconNext.png);}
.window .bannerHandler .arrow div:hover{opacity: 1;}



.bannerVideo{position: absolute; right: 10%; top: 20%; display: block; height: 60%;}
.bannerVideo img{height: 100%;}
    @media screen and (max-width: 600px){
        .bannerVideo{right: 10px;}
    }


.bannerText{padding: 5% 50% 0 5%; color: #444;}
.bannerText h3{font-size: 187.5%;}
.bannerText p{font-size: 100%; padding: 1.5em 0; line-height: 1.6;}
.english .bannerText p{font-size: 100%;}

    @media screen and (max-width: 1024px){
        .bannerText{padding: 2.8% 40% 0 5%;}
        .bannerText h3{font-size: 120%;}
        .bannerText p{padding: .5em 0;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .bannerText{padding: 2.8% 40% 0 5%;}
        .bannerText h3{font-size: 120%;}
        .bannerText p{padding: .5em 0;}
	}
    @media screen and (max-width: 600px){
        .bannerText{padding: 0;}
    }


.bannerText2{padding: 5% 5% 5% 50%;}
.bannerText2 h1{font-size: 187.5%; color: #fff;}
.bannerText2 span{display: inline-block; padding: .25em 1.5em; color: #fff; font-size: 100%; background-color: #326cbc;}

.bannerText2 h3 span{font-size: 100%; line-height: 1.6; color: #fff; padding: 2em 0; background-color:transparent; font-weight:normal; text-align:justify; text-justify:inter-ideograph;}

.bannerText2 p,
.bannerText2 p span{font-size: 100%; line-height: 1.6; color: #fff; padding: 2em 0; background-color:transparent; font-weight:normal; text-align:justify; text-justify:inter-ideograph;}
.bannerText2 p span{padding: 0; display: inline;}

    @media screen and (max-width: 1024px){
        .bannerText2{padding: 2% 2% 0 44%;}
        .bannerText2 h1{font-size: 20px;}
        .bannerText2 p{padding: .5em 0; font-size:12px !important;}
		.bannerText2 span{font-size:16px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .bannerText2{padding: 2% 2% 0 44%;}
        .bannerText2 h1{font-size: 20px;}
        .bannerText2 p{padding: .5em 0; font-size:12px !important;}
		.bannerText2 span{font-size:16px;}
	}


.bannerProimg{position: absolute; right: 0; top: 0; height: 100%;}
.bannerProimg img{height: 100%;}


.bannerProimg2{position: absolute; left: 10%; top: 5%; height: 100%;}
.bannerProimg2 img{height: 80%;}


.colorLight{color: #fff;}



/*.pageMain{background-color: #fff; box-shadow: -2px 2px 2px rgba(0,0,0,.05);}*/
.pageMain{width: 80%;margin: 0 auto;margin-top: 3%;}

.pageOverflow{overflow: hidden;}


.piclistLeft{padding-right:0;}
.piclistLeft .list-group-item{font-weight:bold;padding: 20px 15px;margin-bottom:10px;background-color: #edecea;border: 0;}
.piclistLeft .list-group-item.active, .piclistLeft .list-group-item.active:focus,.piclistLeft .list-group-item.active:hover,.piclistLeft .list-group-item:hover {
    z-index: 2; color: #fff; background-color: #00a3ec; border-color: #00a3ec; 
}
.piclistLeft .list-group-item:first-child,.piclistLeft .list-group-item:last-child { border-radius: 0;}
 
.piclistRight{border-left:1px solid #00a3ec;background:#fff;}
.boxshadow{box-shadow: 1px 1px 5px 5px rgba(0,0,0,.05);}
.productList{width:88%;margin:0 auto;margin-top:50px;margin-bottom:30px;}
.productListNew {
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
}
.piclistRight .productshow{background:url(../images/gray_bg.png) no-repeat center 40px};
.piclistRight .productshow img{margin-top:20px;}
.piclistRight .productshow h3{font-size:16px;text-align: center;height:20px;overflow: hidden}
.piclistRight .productshow h3 a{color:#333;font-weight:bold;}
.piclistRight .productshow h3 a:hover{color:#00a3ec;}
.piclistRight .productshow .key{color:#a2a19e;height:70px;overflow: hidden;}
.piclistRight .productshow .more{text-align: right;}
.piclistRight .productshow .more a{color:#eb0028;}
.piclistRight .productshow .more a:hover{color:#00a3ec;}

.bannerproductTop{clear:both;min-height:370px;background:url(../images/productTopBg.png) no-repeat;}
.productTopArea{width:80%;margin:0 auto;}
#gallery-white .image-block {
	width:350px;
	margin:0px auto;
    margin-top:30px;
	float:left;
    position: relative;
    overflow: hidden;
}
#gallery-white .image-block .truepic{
    position: absolute;
    top:20px;
}

#gallery-white .reflection {
	position:relative;
    margin-top:150px;
    height:130px;
    overflow: hidden;
}

#gallery-white .reflection img {  
	-webkit-transform: scaleY(-1);
 	   -moz-transform: scaleY(-1);
	    -ms-transform: scaleY(-1);
	     -o-transform: scaleY(-1);
		    transform: scaleY(-1);
			   filter: flipv;
	opacity:0.10;
	filter: alpha(opacity='10'); 
}
.productTopArea .banner-text{width: 90%;margin-top:65px;}
.productTopArea .banner-text h3 a{color:#333;font-weight:bold;}
.productTopArea .banner-text h3 a:hover{color:#00a3ec;}
.productTopArea .banner-text .key{margin-top:40px;color:#a2a19e;height:70px;overflow: hidden;}
.productTopArea .banner-text .more{margin-top:30px;text-align: left;}
.productTopArea .banner-text .more a,.productTopArea .banner-text .more a:link{display: block;width: 115px; height: 30px;line-height: 30px;border-radius: 4px; color: #fff; background-color: #00a2de;font-size: 14px;text-align: center;text-decoration: none;}
.productTopArea .banner-text .more a:hover{background: #fff;border:1px solid #00a2de;color:#00a2de;}

@media screen and (max-width: 1024px){
    .bannerPlaceholder-product{padding-bottom: 32%; background: url(../images/pageBanner04.png) no-repeat center; background-size: cover;}
    .bannerPlaceholder-product-bg{background: url(../images/pageBanner04.png) no-repeat center; background-size: cover;}
    .bannerPlaceholder-product .bannerText,
    .bannerPlaceholder-product .bannerText2{color: #fff;}
    .bannerPlaceholder-product .bannerText h3,
    .bannerPlaceholder-product .bannerText2 h3{font-size: 16px;}
    .bannerPlaceholder-product .bannerText p,
    .bannerPlaceholder-product .bannerText2 p{font-size: 12px; padding-top:10px;}
    .bannerPlaceholder-product .bannerText{padding: 5% 45% 0 5%;}
    .bannerPlaceholder-product .bannerText2{padding: 5% 5% 0 45%;}
    .productTopArea{width:90%;}
}
@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
    .bannerPlaceholder-product{padding-bottom: 32%; background: url(../images/pageBanner04.png) no-repeat center; background-size: cover;}
    .bannerPlaceholder-product-bg{background: url(../images/pageBanner04.png) no-repeat center; background-size: cover;}
    .bannerPlaceholder-product .bannerText,
    .bannerPlaceholder-product .bannerText2{color: #fff;}
    .bannerPlaceholder-product .bannerText h3,
    .bannerPlaceholder-product .bannerText2 h3{font-size: 16px;}
    .bannerPlaceholder-product .bannerText p,
    .bannerPlaceholder-product .bannerText2 p{font-size: 12px; padding-top:10px;}
    .bannerPlaceholder-product .bannerText{padding: 5% 45% 0 5%;}
    .bannerPlaceholder-product .bannerText2{padding: 5% 5% 0 45%;}
    .productTopArea{width:95%;}
}
@media screen and (max-width: 860px){
    .picleft{display: none;}
    .bannerproductTop {
        clear: both;
        min-height: 270px;
    }
    .productTopArea .banner-text {
        margin-top: 30px;
    }
    .pageMain{width: 90%;}

}
@media screen and (max-width: 600px){
    .bannerPlaceholder-product{height: 210px; padding-bottom: 0; position: relative; overflow: hidden; background: url(../images/pageBanner04.png) no-repeat center; background-size: cover;}
    .bannerPlaceholder-product .bannerVideo{right: auto; top: 15px; left: 25%; width: 50%; height: auto;}
    .bannerPlaceholder-product .bannerVideo img,
    .bannerPlaceholder-product .bannerProimg img,
    .bannerPlaceholder-product .bannerProimg2 img{width: 100%; height: auto;}
    .bannerPlaceholder-product .bannerProimg,
    .bannerPlaceholder-product .bannerProimg2{right: auto; top: 15px; left: 25%; height: auto; width: 50%;}
    .bannerPlaceholder-product .bannerText,
    .bannerPlaceholder-product .bannerText2{padding: 15px 15px 15px 15px; color: #fff;}
    .bannerPlaceholder-product .bannerText2{padding-top: 60%;}
    .bannerPlaceholder-product .bannerText h3,
    .bannerPlaceholder-product .bannerText2 h3{font-size: 14px;}
    .bannerPlaceholder-product .bannerText2 h1{font-size: 20px;}
    .bannerPlaceholder-product .bannerText p,
    .bannerPlaceholder-product .bannerText2 p{font-size: 12px;}
    .bannerPlaceholder-product-bg{background: url(../images/pageBanner04.png) no-repeat center; background-size: cover;}
    /* add 20170725*/
    .pageMain{width: 99%;margin: 0 auto;}
    .productTopArea{width:100%;}
    .picleft{display: none;}
    .piclistRight .productshow {
        background: url(../images/gray_bg.png) no-repeat center 90px;
    }
}



.bk1 .bkt{height: 0; padding-bottom: 4%; background: #2d2d2d url(../images/arrowbtx.png) no-repeat right center; margin-top: 0%; position: relative; z-index: 100;}
.bk1 .bkt.show{background-image:url(../images/arrowbts.png);}
.bk1 .bkt .text{color: #0061ab; font-size: 137.5%; padding: 0.8% 1.5%; display: inline-block;}
.bk1 .bkc{background-color: #444; color: #fff;}
.bk1 .bkc .item{width: 50%; float: left; box-sizing: border-box;}
.bk1 .bkc .item:first-child{border-right: 1px solid #515151;}
.bk1 .bkc .item .lis{display: table; width: 100%; padding: 2% 0;}
.bk1 .bkc .item .lis .t,
.bk1 .bkc .item .lis .c{display: table-cell; padding: 1% 5%; vertical-align: top;}
.bk1 .bkc .item .lis .c{padding-left: 0; line-height: 2;}
.bk1 .bkc .item .lis .c a{color: #aaa; text-decoration: none; display: inline-block; margin-right: 4%; font-size: 87.5%;}
.bk1 .bkc .item .lis .c a:hover{color: #fff;}
.bk1 .bkc .item .lis .t{width: 20%; padding-right: 0; padding-top: 1.8%;}
.bk1 .bkc .item .lis .t strong{font-weight: normal; font-size: 100%; border-left: .15em solid #fff; padding-left: .5em; padding-bottom: .05em;}

div#banner-pagination{display:none !important;}

    @media screen and (max-width: 1024px){
        .bk1 .bkt{margin-top: 0;}
        .bk1 .bkt{height: auto; padding: 5px 0;}
        .bk1 .bkc .item .lis .t{width: 30%;}
		.bk1 .bkt .text{font-size:16px;}
		.bk1 .bkc .item .lis .t,
		.bk1 .bkc .item .lis .c a,
		.bk1 .bkc .item .lis .c .bubian{font-size:11px !important;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .bk1 .bkt{margin-top: 0;}
        .bk1 .bkt{height: auto; padding: 5px 0;}
        .bk1 .bkc .item .lis .t{width: 30%;}
		.bk1 .bkt .text{font-size:16px;}
		.bk1 .bkc .item .lis .t,
		.bk1 .bkc .item .lis .c a,
		.bk1 .bkc .item .lis .c .bubian{font-size:11px !important;}
	}

    @media screen and (max-width: 600px){
        .bk1 .bkt{margin-top: 0;}
        .bk1 .bkt{height: auto; padding: 5px 0;}
        .bk1 .bkt .text{font-size: 16px;}
        .bk1 .bkc .item{width: 100%;}
        .bk1 .bkc .item:first-child{border-right: 0;}
        .bk1 .bkc .item .lis .t,
        .bk1 .bkc .item .lis .c{display: block;}
        .bk1 .bkc .item .lis .c{padding-left: 5%;}
        .bk1 .bkc .item .lis .t strong{font-size: 14px;}
        .bk1 .bkc .item .lis .c a,
		.bk1 .bkc .item .lis .c .bubian{font-size: 12px !important;}
    }



.bk2 .bitem{width: 50%; float: left;}
.bk2 .bitem .c{padding: 6% 8%;}
.bk2 .bitem .c h3,
.bk2 .bitem .c h4{font-size: 287%; font-weight: normal; color: #444; line-height: 1.2;}
.bk2 .bitem .c .blue{color: #0061ab;}
.bk2 .bitem .c p{font-size: 87.5%; padding: 1em 0; color: #444; line-height: 1.8;}
.bk2 .bitem .list{padding: 6% 0 6% 6%; display: inline-block; vertical-align: top; min-width: 40%;}
.bk2 .bitem .list h3{font-size: 125%; font-weight: normal; color: #444;}
.bk2 .bitem .list ul{list-style: none; padding: 1em 0;}
.bk2 .bitem .list li{line-height: 2; margin: 2% 0;}
.bk2 .bitem .list li a{font-size: 87.5%; text-decoration: none; white-space: nowrap; color: #999;}
.bk2 .bitem .list li a:hover{color: #0061ab; }
.bk2 .bitem .list li .icon{display: inline-block; vertical-align: middle; width: 10%; height: 0; padding-bottom: 10%; margin-right: .5em; background-repeat: no-repeat; background-position: center; background-size: contain; margin-bottom: .2em;}
.bk2 .bitem .list li .icon1{background-image: url(../images/iconPro1.png);}
.bk2 .bitem .list li .icon2{background-image: url(../images/iconPro2.png);}
.bk2 .bitem .list li .icon3{background-image: url(../images/iconPro3.png);}
.bk2 .bitem .list li .icon4{background-image: url(../images/iconPro4.png);}
.bk2 .bitem .list li .icon5{background-image: url(../images/iconPro5.png);}
.bk2 .bitem .list li .icon6{background-image: url(../images/iconPro6.png);}

	@media screen and (max-width: 1024px){
        .bk2 .bitem .c p{font-size: 11px;}
        .bk2 .bitem .list h3{font-size: 14px;}
		.bk2 .bitem .list li{ white-space:nowrap;}
        .bk2 .bitem .list li a{font-size: 11px;}
	}
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .bk2 .bitem .c p{font-size: 11px;}
        .bk2 .bitem .list h3{font-size: 14px;}
		.bk2 .bitem .list li{ white-space:nowrap;}
        .bk2 .bitem .list li a{font-size: 11px;}
	}
	
    @media screen and (max-width: 600px){
        .bk2 .bitem{width: 100%; float: none;}
        .bk2 .bitem .c h3,
        .bk2 .bitem .c h4{font-size: 20px;}
        .bk2 .bitem .c p{font-size: 12px;}
        .bk2 .bitem .list{padding-left: 8%; padding-top: 0;}
        .bk2 .bitem .list h3{font-size: 16px;}
        .bk2 .bitem .list li a{font-size: 12px;}
        .bk2 .bitem .list li .icon{padding-bottom: 0; height: 26px; width: 26px; margin-bottom: 4px;}
    }





.bk3{overflow: hidden; border-bottom: 1px solid #e4e4e4; padding-top: 4%;}
.bk3 .item{width: 50%; min-height: 120px; float: left; margin-bottom: 5%;}
.bk3 .item strong{font-size: 100%; color: #444; border-left: .25em solid #0061ab; padding-left: .5em;}
.bk3 .item p{font-size: 100%; line-height: 1.6; padding: 1em 2em 1em 1em; color: #333;}

	@media screen and (max-width: 1024px){
        .bk3 .item strong{font-size: 14px;}
        .bk3 .item p{font-size: 12px;}
	}
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .bk3 .item strong{font-size: 14px;}
        .bk3 .item p{font-size: 12px;}
	}

    @media screen and (max-width: 600px){
        .bk3 .item{width: 100%; float: none;}
        .bk3 .item strong{font-size: 14px;}
        .bk3 .item p{font-size: 12px;}
    }




.helpBk{padding: 5% 0;}
.helpBk strong{font-size: 100%; color: #444; border-left: .25em solid #0061ab; padding-left: .5em;}
.helpBk .li{width: 48%; display: inline-block; margin: 5% 0 0; white-space:nowrap;}
.helpBk .li .text{font-size:100%; color: #333; white-space:nowrap;}
.helpBk .li .icon{display: inline-block; vertical-align: middle; width: 2.6em; height: 2.6em; background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: .5em;}
.helpBk .li .ic1{background-image: url(../images/iconHlp1.png);}
.helpBk .li .ic2{background-image: url(../images/iconHlp2.png);}
.helpBk .li .ic3{background-image: url(../images/iconHlp3.png);}
.helpBk .li .ic4{background-image: url(../images/iconHlp4.png);}
    @media screen and (max-width: 1380px){
		.helpBk .li{width:100%;}
	}
    @media screen and (max-width: 1024px){
        .helpBk strong{font-size: 14px;}
        .helpBk .li{width: 100%; margin-bottom: .6em;}
        .helpBk .li .text{font-size: 14px;}
        .helpBk .li .icon{width: 32px; height: 32px; margin: 0 1em 0 0;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .helpBk strong{font-size: 14px;}
        .helpBk .li{width: 100%; margin-bottom: .6em;}
        .helpBk .li .text{font-size: 14px;}
        .helpBk .li .icon{width: 32px; height: 32px; margin: 0 1em 0 0;}
	}







.bt1{text-align: center; padding: 2% 0;}
.bt1 .text{font-size: 200%; font-weight: bold; color: #fff; display: inline-block; background-color: #424242; padding: 1% 6%;}

    @media screen and (max-width: 600px){
        .bt1 .text{font-size: 18px;}
    }




.bl1{padding: 3%;}
/*.bl1 .item{border: 1px solid #e2e2e2; padding: 1%; margin-bottom: 3%;}*/
.bl1 .item{border: 1px solid #e2e2e2; padding: 1%; margin-bottom: 0;}
.bl1 .item .thumb{float: left; width: 30%; font-size: 0;}
.bl1 .item .thumb img{width: 100%;}
.bl1 .item .info{float: left; margin-left: 3%; width: 65%; padding-top: 1em;}
.bl1 .item .info h3{margin-top:-12px;}
.bl1 .item .info h3 a{font-size: 112.5%; color: #444; text-decoration: none;}
.bl1 .item .info h3 a:hover{color: #0061ab;}
.bl1 .item .info p{padding: 1.2em 0; font-size: 100%; color: #333; line-height: 1.6; text-align:justify; text-justify:inter-ideograph;}
.bl1 .item .info .more{text-align: right;}
.bl1 .item .info .more a{font-size: 87.5%; color: #0061ab; text-decoration: none; display: inline-block; vertical-align: bottom;}
.bl1 .item .info .more i{display: inline-block; width: 0; height: 0; border-style: solid; border-width: .4em 0 .4em .4em; border-color: transparent transparent transparent #0061ab; vertical-align: bottom; margin-bottom: .2em; margin-left: .5em; position:relative; top:1px;}
.bl1 .item .info .more_button{float: right;}
.bl1 .item .info .more_button a {display:block;width:90px;height:30px;line-height:30px;border-radius:4px;color: #fff;background-color: #00a2de;font-size:14px; text-align:center;text-decoration: none;}
.bl1 .item .info .more_button a:hover{background: #fff;border:1px solid #00a2de;color:#00a2de;}

    @media screen and (max-width: 1024px){
        .bl1 .item .info h3 a{font-size: 14px;}
		.bl1 .item .info p,
		.bl1 .item .info .more a{font-size: 11px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .bl1 .item .info h3 a{font-size: 14px;}
		.bl1 .item .info p,
		.bl1 .item .info .more a{font-size: 11px;}
	}

    @media screen and (max-width: 600px){
        .bl1 .item .thumb{width: 100%; float: none;}
        .bl1 .item .info{float: none; margin-left: 0; width: auto; padding: 3em 2em; clear:both;}
        .bl1 .item .info h3 a{font-size: 16px;}
        .bl1 .item .info p{font-size: 12px;}
        .bl1 .item .info .more a{font-size: 12px;}
        .bl1 .item .info .more i{border-width: 4px 0 4px 4px;}
    }


.bl1Pro .item{border: 0; padding: 0;border-top: 1px solid #dad7d2;padding: 15px 0;}


.bl1Pro2{padding: 0;}
.bl1Pro2 .item .thumb{width: 15%;}
.bl1Pro2 .item .thumb img{border: 1px solid #e0e0e0;}
.bl1Pro2 .item .info{width: 80%;}

    @media screen and (max-width: 1024px){
        .bl1Pro2 .item .info{padding-top: 5px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .bl1Pro2 .item .info{padding-top: 5px;}
	}
    @media screen and (max-width: 600px){
        .bl1Pro2 .item{padding: 1em 0; border-bottom: 1px solid #eee;}
        .bl1Pro2 .item .thumb{width: 40%; margin: 0 1em; float: none;}
        .bl1Pro2 .item .info{float: none; margin-left: 0; width: 90%; padding:  4em 1em 2em;}
    }





.pc1 .con{width: 100%; padding: 2% 0 2% 2%; float: left;}
.pc1 .con h1{ font-size: 187.5%; color: #333333; font-weight: bold; }
.pc1 .con .content{color: #3f3f3f; font-size: 100%; line-height: 2;}
.pc1 .con .content li{color: #326cbc;}
.pc1 .con .content li span{color: #999;}
.pc1 .con .content img{width: 100%; margin: 2em 0;}
.pc1 .con .content p{ color:#3f3f3f; }
.pc1 .con .content .line{height: 1px; width: 100%; clear: both; background-color: #f1f1f1; margin: 1em 0;}
.pc1 .con .content .ht{margin: 1em 0; font-weight: bold; color: #444; border-left: .25em solid #326cbc; padding-left: .5em;}
.pc1 .con .content .ht + ul{margin-left: 5%;}
.pc1 .con .content a{color: #999; text-decoration: none;}
.pc1 .con .content a:hover{color: #444;}
.pc1 .con .content .goback a{padding:3px 20px;border-radius:4px;background: #00a2de;color: #fff;}
.pc1 .con .content .goback a:hover{background:#fff;border:1px solid #00a2de;color: #00a2de;}

.pc1 .oth{width: 26%; float: right;}
.pc1 .oth .box{border: 1px solid #e8e8e8; background-color: #fbfbfb; margin: 10% 10% 10% 0;}
.pc1 .oth .box .c{border-top: 1px solid #e8e8e8; padding: 5%;}
.pc1 .oth .box .c:first-child{border-top: 0;}
.pc1 .oth .box .tag{text-align: center; padding: 5% 2%;}
.pc1 .oth .box .tag a{display: inline-block; background-color: #eee; color: #8c8c8c; font-size: 14px; margin: 1px; padding: .5em 1em .8em; height: auto; text-decoration: none; vertical-align: middle;}
.pc1 .oth .box .lis strong{font-size: 112.5%; color: #428bca}
.pc1 .oth .box .lis ul{list-style: none; padding: 2% 0 0;}
.pc1 .oth .box .lis li{margin: .5em 0; overflow: hidden; clear: both;}
.pc1 .oth .box .lis li a{font-size: 87.5%; color: #444; text-decoration: none;}
.pc1 .oth .box .lis li a:hover{color: #0061ab;}
.pc1 .oth .box .lis li .time{float: right; font-size: 87.5%; color: #999;}
.pc1 .oth .box .lis li .icon{display: inline-block; width: 1em; height: 1em; vertical-align: middle; margin-right: .5em; background-position: center; background-repeat: no-repeat; background-size: contain;}
.pc1 .oth .box .lis li .file{background-image: url(../images/iconDownlist.png);}
.pc1 .oth .box .dls{display: block; background-color: #0061ab; font-weight: bold; font-size: 112.5%; color: #fff; text-decoration: none; padding: 8% 10% 7%; position: relative;}
.pc1 .oth .box .dls .icon{display: block; width: 16%; height: 0; padding-bottom: 16%; background: url(../images/iconDls.png) no-repeat center; background-size: contain; position: absolute; right: 5%; margin-top: 5%; top: 0;}
.pc1 .oth .box .contact .icon{width: 3em; height: 3em; background-repeat: no-repeat; background-position: center; background-size: contain;}
.pc1 .oth .box .contact .ict1{background-image: url(../images/iconCnt1.png);}
.pc1 .oth .box .contact .ict2{background-image: url(../images/iconCnt2.png); margin-top: 3%;}
.pc1 .oth .box .contact .email{font-size: 100%; font-weight: bold; color: #444;}
.pc1 .oth .box .contact .email strong{color: #0061ab;}
.pc1 .oth .box .contact .tel{color: #0061ab; font-size: 162.5%; font-weight: bold;}
.pc1 .oth .box .bps strong{font-size: 112.5%; color: #0061ab}
.pc1 .oth .box .bps .cp{padding: 2% 0;}
.pc1 .oth .box .bps .cp strong{font-size: 100%; color: #444; padding: 2% 0; display: block;}
.pc1 .oth .box .bps .cp p{color: #999; font-size: 87.5%; line-height: 1.8; padding-bottom: 2em;}

    @media screen and (max-width: 1024px){
		.pc1{font-size:16px;}
        .pc1 .con h1{padding: 2% 0;}
        .pc1 .oth .box .tag a{font-size: 12px; height: auto; line-height: 12px; width: 45%; padding: .8em 0;}
        .pc1 .oth .box .lis li .time{float: none; display: block;}
        .pc1 .oth .box .dls .icon{display: none;}
        .pc1 .oth .box .contact .email strong,
        .pc1 .oth .box .bps .cp p{word-break: break-all;}
        .pc1 .oth .box .contact .tel{font-size: 120%;}
        .pc1 .oth .box .contact .email{font-size: 14px;}
        .pc1 .oth .box .contact .tel{font-size: 20px;}
        .pc1 .oth .box .bps strong{font-size: 14px;}
        .pc1 .oth .box .bps .cp strong{font-size: 12px;}
        .pc1 .oth .box .bps .cp p{font-size: 12px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
		.pc1{font-size:16px;}
        .pc1 .con h1{padding: 2% 0;}
        .pc1 .oth .box .tag a{font-size: 12px; height: auto; line-height: 12px; width: 45%; padding: .8em 0;}
        .pc1 .oth .box .lis li .time{float: none; display: block;}
        .pc1 .oth .box .dls .icon{display: none;}
        .pc1 .oth .box .contact .email strong,
        .pc1 .oth .box .bps .cp p{word-break: break-all;}
        .pc1 .oth .box .contact .tel{font-size: 120%;}
        .pc1 .oth .box .contact .email{font-size: 14px;}
        .pc1 .oth .box .contact .tel{font-size: 20px;}
        .pc1 .oth .box .bps strong{font-size: 14px;}
        .pc1 .oth .box .bps .cp strong{font-size: 12px;}
        .pc1 .oth .box .bps .cp p{font-size: 12px;}
	}

    @media screen and (max-width: 600px){
        .pc1 .con{width: 90%; float: none;}
        .pc1 .con h1{font-size: 20px; padding: 5% 0;}
        .pc1 .con .content{font-size: 14px;}
        .pc1 .con .content> ul{margin-left: 5%;}
        .pc1v2 .con{padding: 5%;}
        .pc1 .oth{width: 100%; float: none; margin-bottom: 10%;}
        .pc1 .oth .box{margin: 2%;}
        .pc1 .oth .box .tag a{font-size: 12px; height: auto; line-height: 12px; width: 30%; padding: .8em 0;}
        .pc1 .oth .box .lis strong{font-size: 18px;}
        .pc1 .oth .box .lis li a{font-size: 12px;}
        .pc1 .oth .box .lis li .icon{width: 12px; height: 12px; margin-bottom: 5px;}
        .pc1 .oth .box .lis li .time{font-size: 12px; float: right; display: inline;}
        .pc1 .oth .box .dls{font-size: 16px;}
        .pc1 .oth .box .dls .icon{width: 30px; height: 30px; padding-bottom: 0; top: 50%; margin-top: -15px; display: block;}
        .pc1 .oth .box .contact .icon{width: 40px; height: 40px;}
        .pc1 .oth .box .contact .email{font-size: 14px;}
        .pc1 .oth .box .contact .tel{font-size: 20px;}
        .pc1 .oth .box .bps strong{font-size: 14px;}
        .pc1 .oth .box .bps .cp strong{font-size: 12px;}
        .pc1 .oth .box .bps .cp p{font-size: 12px;}
    }





.pc2 .con{width: 75%; padding: 2% 5%; float: left;}
.pc2 .oth{width: 15%; padding: 2% 0; float: left;}
.pc2 .oth .pttt{display: block; font-size: 160%; color: #0765ad; margin-left: 10%;}
/*.pc2 .oth .menubox{background-color: #f4f4f4; border: 1px solid #ddd; margin-left: 10%;}*/
.pc2 .oth .menubox{ border: 0; margin-left: 10%;}
.pc2 .oth .menubox .item{border-top: 1px solid #ddd; font-size: 100%; color: #444; padding: .6em 1.4em; position: relative;}
.pc2 .oth .menubox .item:first-child{border-top: 0;}
/*.pc2 .oth .menubox .item i{width: 1em; height: 1em; display: block; position: absolute; right: 1em; top: .7em; background: url(../images/iconArrow.png) no-repeat center; background-size: contain; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease;}*/
.pc2 .oth .menubox .item i{display: none;}
.pc2 .oth .menubox .item.current-item{color: #326cbc;}
/*.pc2 .oth .menubox .item.focus i{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}
*/
.pc2 .oth .menubox .item.focus i{display: none}
.pc2 .oth .menubox .cont{border-top: 1px solid #e8e8e8; background-color: #fcfcfc; box-shadow: inset 0 2px 5px rgba(0, 0, 0, .025); padding: .6em 1.4em; display: none;}
.pc2 .oth .menubox .item.current-item + .cont{color: #326cbc;}
.pc2 .oth .menubox .cont a{color: #444; text-decoration: none; font-size: 87.5%;}
.pc2 .oth .menubox .cont a:hover{color: #0765ad;}
.pc2 .oth .menubox .item a{color:#444; text-decoration:none;}
.pc2 .oth .menubox .item.current-item a,
.pc2 .oth .menubox .item.current-item + .cont a{color: #326cbc;}

    @media screen and (max-width: 1024px){
		.pc2{font-size:16px;}
        .pc2 .oth .menubox .item{font-size: 12px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
		.pc2{font-size:16px;}
        .pc2 .oth .menubox .item{font-size: 12px;}
	}

    @media screen and (max-width: 600px){
        .pc2 .oth{width: 100%; float: none;}
        .pc2 .oth .pttt{margin: 0 2%; font-size: 14px;}
        .pc2 .oth .menubox{margin: 0 2%;}
        .pc2 .oth .menubox .item{font-size: 12px;}
        .pc2 .oth .menubox .cont{padding: 1em 3em;}
        .pc2 .oth .menubox .cont a{font-size: 12px;}
        .pc2 .con{width: 100%; float: none; padding: 2% 0;}
        .pc2 .pc1v2{padding: 5% !important;}
    }



.pc1v2 .con .content center img{width: 50%;}

    @media screen and (max-width: 600px){
        .pc1v2 .con .content center img{width: 80%;}
    }




.ppcont{line-height: 2;}
.ppcont .st{font-size: 127%; border-left:.2em solid #0765ad; line-height: 1; font-weight: bold; padding-left: .5em; color: #444;}
.ppcont p{padding: 1em 0 2em; font-size: 100%; color: #333;}

    @media screen and (max-width: 600px){
        .ppcont{padding: 0 3%;}
        .ppcont .st{font-size: 16px;}
        .ppcont p{font-size: 14px;}
    }



.dwsearch{border-bottom: 1px solid #e4e4e4; padding: 1% 0 2%;}
.dwsearch strong{font-size: 100%; color: #444;}
.dwsearch input{height: 30px; line-height: 2; width: 20em; text-indent: 10px; margin-left: .5em; border: 1px solid #f1f1f1; background-color: #fbfbfb; border-top-left-radius: .5em; border-bottom-left-radius: .5em; font-size: 87.5%; vertical-align: middle;}
.dwsearch button{background: #0061ab url(../images/iconSearbtn.png) no-repeat 1em center; background-size: auto 50%; border: 1px solid #0061ab; color: #fff; font-size: 87.5%; line-height: 2; height: 32px; padding: 0 1em 0 2.5em; vertical-align: middle; border-top-right-radius: .5em; border-bottom-right-radius: .5em;}

    @media screen and (max-width: 1024px){
		.dwsearch{font-size: 16px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
		.dwsearch{font-size: 16px;}
	}


    @media screen and (max-width: 600px){
        .dwsearch{text-align: center;}
        .dwsearch strong{font-size: 14px; display: none;}
        .dwsearch input{height: 30px; font-size: 12px; width: 60%;}
        .dwsearch button{height: 32px; font-size: 12px;}
    }





.dwscenter{text-align: center; padding: 4% 0; border-bottom: 0;}

    @media screen and (max-width: 600px){
        .dwscenter{padding: 12% 0 4%;}
    }




.dwssword{margin: 0 10%; border-top: 1px solid #eee; text-align: center; padding: 1em 0; min-height: 15em;}
.dwssword a{font-size: 100%; text-decoration: none; color: #333; margin: 0 1em;}
.dwssword a:hover{color: #444;}

    @media screen and (max-width: 1024px){
		.dwssword{font-size: 14px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
		.dwssword{font-size: 14px;}
	}

    @media screen and (max-width: 600px){
        .dwssword a{font-size: 12px;}
    }







.dwlists{overflow: hidden; padding: 5% 0;}
.dwlists .item{display: block; min-height: 200px; float: left; width: 20%; color: #444; text-decoration: none; margin-bottom: 3%;}
.dwlists .item .icon{display:inline-block;}
/* .dwlists .item .icon img{width: 100%;} */
.dwlists .item .text{display:inline-block;text-align: center; font-size: 87.5%; padding: 1em 0;}
.dwlists .item:hover{color: #326cbc;}

    @media screen and (max-width: 600px){
        .dwlists .item{width: 33.33%;}
        .dwlists .item .text{font-size: 14px;}
    }



.strHt{font-size: 152%; text-align: center; padding: 2em; color: #444;}

    @media screen and (max-width: 1024px){
        .strHt{font-size: 16px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .strHt{font-size: 16px;}
	}

    @media screen and (max-width: 600px){
        .strHt{font-size: 16px;}
    }



.proTabs{padding: 2% 0 0; white-space: nowrap;  -webkit-overflow-scrolling: touch;}
.proTabs a{display: inline-block; background-color: #fafafa; color: #b9b9b9; text-decoration: none; box-shadow: 0 -1px 2px rgba(0,0,0,.1); padding: .8em 2em .6em; margin-left: 1em; border-top-left-radius: .5em; border-top-right-radius: .5em;}
.proTabs a:hover{color: #444;}
.proTabs a.active{background-color: #fff; color: #0065a3; box-shadow: 0 -1px 2px rgba(0,0,0,.1);}
.proTabs a .text{font-size: 100%;}
.proTabs a i{display: inline-block; width: 1.2em; height: 1.2em; vertical-align: middle; margin-bottom: .2em; margin-right: .8em; background-position: center; background-size: contain; background-repeat: no-repeat;}
.proTabs a i.i1{background-image: url(../images/iconPro01.png);}
.proTabs a.active i.i1{background-image: url(../images/iconPro01_hover.png);}
.proTabs a i.i2{background-image: url(../images/iconPro02.png);}
.proTabs a.active i.i2{background-image: url(../images/iconPro02_hover.png);}
.proTabs a i.i3{background-image: url(../images/iconPro03.png);}
.proTabs a.active i.i3{background-image: url(../images/iconPro03_hover.png);}
.proTabs a i.i4{background-image: url(../images/iconPro04.png);}
.proTabs a.active i.i4{background-image: url(../images/iconPro04_hover.png);}
.proTabs a i.i5{background-image: url(../images/iconPro05.png);}
.proTabs a.active i.i5{background-image: url(../images/iconPro05_hover.png);}
.proTabs a i.i6{background-image: url(../images/iconPro06.png);}
.proTabs a.active i.i6{background-image: url(../images/iconPro06_hover.png);}
.proTabs a i.i7{background-image: url(../images/iconPro07.png);}
.proTabs a.active i.i7{background-image: url(../images/iconPro07_hover.png);}

    @media screen and (max-width: 1024px){
        .proTabs{padding: 0;  font-size: 0;}
        .proTabs a{padding: 8px 0; width: 16.66%; text-align: center;font-size: 14px; border-radius: 0; margin-left: 0; border-bottom: 1px solid #eee; box-sizing: border-box;border-left: 1px solid #eee;}
        .proTabs a:frist-child{border-left: 0;}
        .proTabs a:last-child{border-right: 1px solid #eee;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .proTabs{padding: 0;  font-size: 0;}
        .proTabs a{padding: 8px 0; width: 14.3%; text-align: center;font-size: 14px; border-radius: 0; margin-left: 0; border-bottom: 1px solid #eee; box-sizing: border-box;border-left: 1px solid #eee;}
        .proTabs a:frist-child{border-left: 0;}
        .proTabs a:last-child{border-right: 1px solid #eee;}
	}
    @media screen and (max-width: 600px){
        .proTabs{padding:0; white-space: normal; font-size: 0; overflow: hidden;}
        .proTabs a{padding: 8px 0; width: 50%; text-align: center;font-size: 14px; border-radius: 0; margin-left: 0; border-bottom: 1px solid #eee; box-sizing: border-box; float:left;}
        .proTabs a:nth-child(2n){border-left: 1px solid #eee;}
        .proTabs a .text{font-size: 14px;}
        .proTabs a i{width: 16px; height: 16px; margin-bottom: 5px; display: inline-block !important;}
    }




.subMenu1{text-align: left; padding: 2% 2.5%; margin-top:7%; position: relative; z-index: 1;}
.subMenu1 a{background-color: #ffffff; display: inline-block;cursor:pointer; font-size: 100%; padding: .85em 1.5em; color: #444; text-decoration: none; margin: 0;}
.subMenu1 a:hover{color: #326cbc;}
.subMenu1 a.active{background-color: #e7e5e2; color: #242424; border-radius: 0em;}

    @media screen and (max-width: 1024px){
        .subMenu1 a{font-size: 14px; margin-bottom: 10px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .subMenu1 a{font-size: 14px; margin-bottom: 10px;}
	}
	
    @media screen and (max-width: 600px){
        .subMenu1{text-align: left;}
        .subMenu1 a{font-size: 12px; margin-bottom: 10px;}
    }

.subMenu1padd{padding:0;background:#e7e5e2;}

.prosubMenu {padding:10px 0;margin-top:20px;border-bottom:1px solid #c1c1c1;}
.prosubMenu a{font-weight:bold;font-size:14px;color: #444; text-decoration: none;}
.prosubMenu a:hover{color: #326cbc;}
.prosubMenu a.active{ color: #326cbc;}


.product_show .proinfo h2{margin-top:0;font-size:14px;font-weight:bold;}
.product_show .proinfo p{color:#333;margin-top:25px;line-height: 180%;}
.product_show .moredownload{margin-top:60px;}
.product_show .moredownload h2{font-size:14px;font-weight:bold;color: #326cbc;}

.pagePro{border-top-left-radius: .5em; border-bottom-left-radius: .5em;margin-top: 14%; }



.proBk1{position: relative; height: 0; padding-bottom: 35%;}
.proBk1 .proImg{position: absolute; width: 50%; top: -50%; z-index: 0;}
.proBk1 .proImg img{width: 100%;}
.proBk1 .proTxt{padding: 5% 5% 5% 50%;}
.proBk1 .proTxt h1{font-size: 187.5%; color: #444;}
.proBk1 .proTxt span{display: inline-block; padding: .25em 1.5em; color: #fff; font-size: 100%; background-color: #326cbc; font-weight: bold;}
.proBk1 .proTxt p{font-size: 87.5%; color: #999; padding: 2em 0;}

    @media screen and (max-width: 1024px){
        .proBk1{height: auto; padding-bottom: 0;}
        .proBk1 .proImg{top: -40%;}
        .proBk1 .proTxt h1{font-size: 24px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .proBk1{height: auto; padding-bottom: 0;}
        .proBk1 .proImg{top: -40%;}
        .proBk1 .proTxt h1{font-size: 24px;}
	}
    @media screen and (max-width: 600px){
        .proBk1{height: auto; padding-bottom: 0;}
        .proBk1 .proImg{top: 0; position: inherit;}
        .proBk1 .proTxt{padding: 5%;}
        .proBk1 .proTxt h1{font-size: 18px;}
        .proBk1 .proTxt span,
        .proBk1 .proTxt p{font-size: 12px;}
    }





.proBk2{border-top: 1px solid #e1e1e1; margin: 0 6%; padding: 2% 0;}
.proBk2 .bt{font-size: 130%; color: #444; border-left: .2em solid #326cbc; padding-left: .8em; line-height: 1; padding-top: .1em;}
.proBk2 .bc{overflow: hidden; padding-top: 1em;}
.proBk2 .bc .item{width: 21%; float: left; height: 0; padding: 2% 2% 28%;}
.proBk2 .bc .item .icon{width: 5em; height: 5em;}
.proBk2 .bc .item .icon img{width: 100%; height: 100%;}
.proBk2 .bc .item h3{font-size: 100%; color: #444; padding: 1.2em 0 .8em;}
.proBk2 .bc .item p{font-size: 87.5%; color: #999; line-height: 1.8;}

    @media screen and (max-width: 1024px){
        .proBk2 .bc .item{height: 350px; padding-bottom: 0; width: 46%; border-top: 1px solid #eee; padding-top: 1em;}
        .proBk2 .bc .item:nth-child(1),
        .proBk2 .bc .item:nth-child(2){border-top: 0;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .proBk2 .bc .item{height: 350px; padding-bottom: 0; width: 46%; border-top: 1px solid #eee; padding-top: 1em;}
        .proBk2 .bc .item:nth-child(1),
        .proBk2 .bc .item:nth-child(2){border-top: 0;}
	}
    @media screen and (max-width: 600px){
        .proBk2 .bt{font-size: 16px;}
        .proBk2 .bc .item{height: auto; padding-bottom: 0; width: 96%; border-top: 0;}
        .proBk2 .bc .item .icon{width: 32px; height: 32px;}
        .proBk2 .bc .item h3{font-size: 14px;}
        .proBk2 .bc .item p{font-size: 12px;}
    }



.proBk2v2{border-top: 0; padding: 2% 0; margin:0; position: relative;}
.proBk2v2 .moreBtn{position: absolute; right: 0; top: 40px; background-color: #326cbc; color: #fff; text-decoration: none; padding: .3em 2em; border-radius: 2em; font-size: 87.5%;}
.proBk2v2 .bt{font-size: 130%; color: #444; border-left: .2em solid #326cbc; padding-left: .8em; line-height: 1; padding-top: .1em; font-weight: bold;}
.proBk2v2 h1{font-size: 130%; color: #444; border-left: .2em solid #326cbc; padding-left: .8em;  padding-top: .1em; font-weight: bold;}
.proBk2v2 .bc{overflow: hidden; padding-top: 1em;}
.proBk2v2 .bc .item{width: 50%; float: left; padding: 0 2%;}
.proBk2v2 .bc h2{font-size: 120%; color: #00a2de; padding: .8em 0 .8em; font-weight: bold;}
.proBk2v2 .bc .item h3{font-size: 110%; color: #00a2de; padding: .8em 0 .8em; font-weight: bold;}
.proBk2v2 .bc .item p{font-size: 100%; color: #333; padding-bottom: 1.5em; /* border-bottom: 1px solid #e0e0e0; */ height: 120px;}
.proBk2v2 .bc .glTable{margin-top: 1%;}

    @media screen and (max-width: 1920px){
        /*.proBk2v2 .bc{font-size: 16px;}*/
	}

    @media screen and (max-width: 1024px){
        .proBk2v2 .moreBtn{top: .6em; font-size:12px;}
        .proBk2v2 .bc .item p{height: 160px;}
        .proBk2v2 .bc h2{font-size: 15px;}
        .proBk2v2 .bc .item h3{font-size: 14px;}
        .proBk2v2 .bc .item p{font-size: 12px;}
        .proBk2v2 .bt{font-size: 16px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .proBk2v2 .moreBtn{top: .6em; font-size:12px;}
        .proBk2v2 .bc .item p{height: 160px;}
        .proBk2v2 .bc  h2{font-size: 15px;}
        .proBk2v2 .bc .item h3{font-size: 14px;}
        .proBk2v2 .bc .item p{font-size: 12px;}
        .proBk2v2 .bt{font-size: 16px;}
	}

    @media screen and (max-width: 600px){
        .proBk2v2{padding-top: 4%;}
        .proBk2v2 .bt{font-size: 16px;}
        .proBk2v2 .bc .item{width: 96%;}
        .proBk2v2 .bc  h2{font-size: 15px;}
        .proBk2v2 .bc .item h3{font-size: 14px;}
        .proBk2v2 .bc .item p{font-size: 12px; height: auto;}
        .proBk2v2 .moreBtn{font-size: 12px; top: 8px;}
    }




.tb1{padding: 5% 0;}
.tb1 .hd{border-top: 2px solid #999; padding: .5em 0; border-bottom: 1px solid #e0e0e0;}
.tb1 .hd strong{font-size: 100%; color: #444;}
.tb1 .row{overflow: hidden; clear: both; line-height: 1.8; font-size: 87.5%; border-bottom: 1px solid #e0e0e0; color: #999;}
.tb1 .row .l{float: left; text-align: left; width: 20%; padding: .5em 0; font-weight: bold;}
.tb1 .row .r{float: right; text-align: right; width: 80%; padding: .5em 0;}

    @media screen and (max-width: 600px){
        .tb1 .hd strong,
        .tb1 .row{font-size: 12px;}
    }




.tbBox1{overflow: hidden;}
.tbBox1 .btm{width: 47.5%; float: left; padding-left: 2.5%;}
.tbBox1 .btm:first-child{padding-left: 0; padding-right: 2.5%;}

    @media screen and (max-width: 600px){
        .tbBox1 .btm,
        .tbBox1 .btm:first-child{width: 100%; padding: 0;}
    }






.dwnlis ul{list-style: none; padding: 2% 0 0;}
.dwnlis li{background-color: #eee; overflow: hidden; clear: both; padding: .5em 1em;}
.dwnlis li.odd{background-color: #fff;}
.dwnlis li .litm{display: inline-block; width: 33%;}
.dwnlis li a{font-size: 87.5%; color: #444; text-decoration: none;}
.dwnlis li a:hover{color: #0061ab;}
.dwnlis li .icon{display: inline-block; width: 1em; height: 1em; vertical-align: middle; margin-right: .5em; background-position: center; background-repeat: no-repeat; background-size: contain;}
.dwnlis li .file{background-image: url(../images/iconDownlist.png);}

    @media screen and (max-width: 1024px){
        .dwnlis li .litm{width: 30%;}
        .dwnlis li a{font-size: 12px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .dwnlis li .litm{width: 30%;}
        .dwnlis li a{font-size: 12px;}
	}
    @media screen and (max-width: 600px){
        .dwnlis li{background-color: #fff;}
        .dwnlis li .litm{display: block; width: 100%;}
        .dwnlis li a{font-size: 12px;}
        .dwnlis li .icon{width: 12px; height: 12px; margin-bottom: 5px;}
    }

#bianlv{color:#0061ab;}

.glTable{border: 2px solid #999; border-left: 0; border-right: 0;}
.glTable table{margin: 0; padding: 0; width: 100%;}
.glTable table td{font-size: 100%; color: #333; padding: .5em 1.5em; line-height: 1.6; border-top: 1px solid #999; border-left: 1px solid #e0e0e0;}
.english .glTable table td{font-size: 100%;}
.glTable table td img{}
.glTable table tr:first-child td{border-top: 0; /*font-weight: bold;*/ color: #444; text-align: center;}
.glTable table tr td:first-child{border-left: 1; /*font-weight: bold;*/ color: #444; text-align: left !important;}

    @media screen and (max-width: 1024px){
        .glTable table td{font-size: 12px; overflow: hidden; display: block; color: #444; border: 0; padding: 0; text-align: right; background-color: #fff; border-top: 1px dotted #e0e0e0; padding: .8em 1em;}
        .glTable table td:before{content: attr(data-cell); color: #333; float: left;}
        .glTable table tr{display: block; border-top: 1px solid #999; background-color: #fafafa}
        .glTable table tr:first-child{border-top: 0;}
        .glTable table tr:first-child td{display: none;}
        .glTable table tr:before{content: attr(data-row); font-size: 12px; padding: .8em 1em; display: block; text-align: left; color: #444;}
        .glTable table tr td:first-child{display: none;}
        .glTable table tr:first-child td:first-child{width: auto; display: block; text-align: left; background-color: #fff;}
        /*.glTable table tr:first-child td:first-child:after{content: '值'; float: right;}*/
        .glTable table tr:first-child:before{display: none;}
        .glTable table td img{width: 100px;}
		table td,
		table td p{font-size:12px !important;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .glTable table td{font-size: 12px; overflow: hidden; display: block; color: #444; border: 0; padding: 0; text-align: right; background-color: #fff; border-top: 1px dotted #e0e0e0; padding: .8em 1em;}
        .glTable table td:before{content: attr(data-cell); color: #333; float: left;}
        .glTable table tr{display: block; border-top: 1px solid #999; background-color: #fafafa}
        .glTable table tr:first-child{border-top: 0;}
        .glTable table tr:first-child td{display: none;}
        .glTable table tr:before{content: attr(data-row); font-size: 12px; padding: .8em 1em; display: block; text-align: left; color: #444;}
        .glTable table tr td:first-child{display: none;}
        .glTable table tr:first-child td:first-child{width: auto; display: block; text-align: left; background-color: #fff;}
        /*.glTable table tr:first-child td:first-child:after{content: '值'; float: right;}*/
        .glTable table tr:first-child:before{display: none;}
        .glTable table td img{width: 100px;}
		table td,
		table td p{font-size:12px !important;}
	}
@media screen and (max-width: 768px) {
	.glTable table tr:first-child td { display: block; text-align: left; }
	.glTable table tr td:first-child {display: block;}
	.glTable table td { text-align: left; }
}




.aboutBk1{padding: 2%; overflow: hidden;}
.aboutBk1none .lshow{width: 50%; float: left;margin-right:20px; height: 0; padding-bottom: 30%; background: url(../images/bgAbout.png) no-repeat center; background-size: cover;}
.aboutBk1 .l{width: 50%; float: left; height: 0; padding-bottom: 30%; background: url(../images/bgAbout.png) no-repeat center; background-size: cover;}
.aboutBk1 .r{width: 50%; float: left; height: 0; padding-bottom: 30%; position: relative;}
.aboutBk1 .r .rt{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #f4f4f4;}
.aboutBk1 .r .rt .about{padding:0 5%; width: 90%; height: 100%; overflow: auto; color: #222;}
.aboutBk1 .r .rt .about h1{font-size: 126.5%;}
.aboutBk1 .r .rt .about p{font-size: 100%; color: #444; padding: 1em 0; line-height: 1.6;}
.aboutBk1 .r .rb{position: absolute; width: 100%; height: 50%; bottom: 0; left: 0;}
.aboutBk1 .r .rb .rbl,
.aboutBk1 .r .rb .rbr{width: 50%; height: 100%; float: left;}
.aboutBk1 .r .rb .rbl{background: url(../images/temp22.png) no-repeat center; background-size: cover;}
.aboutBk1 .r .rb .rbr{background: url(../images/temp23.png) no-repeat center; background-size: cover;}

    @media screen and (max-width: 1024px){        
        .aboutBk1 .l{width: 100%; float: none; padding-bottom: 40%;}
        .aboutBk1 .r{width: 100%; float: none; height: auto; padding-bottom: 0;}
        /* .aboutBk1 .r .rt{position: static; height: auto;} */
        .aboutBk1 .r .rt .about{height: auto;}
        .aboutBk1 .r .rt .about h1{font-size: 14px;}
        .aboutBk1 .r .rt .about p{font-size: 12px;}
        .aboutBk1 .r .rb{position: static; height: 0; padding-bottom: 32%;}
        .aboutBk1 .r .rb .rbl,
        .aboutBk1 .r .rb .rbr{height: 0; padding-bottom: 32%;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .aboutBk1none .lshow{width: 100%; float: none; padding-bottom: 40%;}
        .aboutBk1none .r .rt .about{height: auto;}
        .aboutBk1 .l{width: 100%; float: none; padding-bottom: 40%;}
        .aboutBk1 .r{width: 100%; float: none; height: auto; padding-bottom: 0;}
        /* .aboutBk1 .r .rt{position: static; height: auto;} */
        .aboutBk1 .r .rt .about{height: auto;}
        .aboutBk1 .r .rt .about h1{font-size: 14px;}
        .aboutBk1 .r .rt .about p{font-size: 12px;}
        .aboutBk1 .r .rb{position: static; height: 0; padding-bottom: 32%;}
        .aboutBk1 .r .rb .rbl,
        .aboutBk1 .r .rb .rbr{height: 0; padding-bottom: 32%;}
	}
    @media screen and (max-width: 600px){
        .aboutBk1 .r .rt .about h1{font-size: 14px;}
        .aboutBk1 .r .rt .about p{font-size: 12px;}
    }




.aboutBk2{padding: 2%; text-align: center;}
.aboutBk2 .icon{display: inline-block; width: 3.2em; height: 3.2em; background: url(../images/iconAboutp.png) no-repeat center; background-size: contain;}
.aboutBk2 .iconHZ{display: inline-block; width: 4.2em; height: 4.2em; background: url(../images/iconHZ.png) no-repeat center; background-size: contain;}
.aboutBk2 h3{font-size: 124.5%; color: #444; padding: .5em 0 0;}
.aboutBk2 p{font-size: 100%; color: #444; padding-top: .5em;}
.aboutBk2v2 h3{padding-bottom: 1em;}
.aboutBk2v2 p{color: #333; padding: 1em 5%; text-align:left; line-height: 1.8; text-align:justify; text-justify:inter-ideograph;}

    @media screen and (max-width: 1024px){
		.aboutBk2 .iconHZ{width:50px; height:50px;}
        .aboutBk2 h3{font-size: 16px;}
        .aboutBk2 p{font-size: 12px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
		.aboutBk2 .iconHZ{width:50px; height:50px;}
        .aboutBk2 h3{font-size: 16px;}
        .aboutBk2 p{font-size: 12px;}
	}

    @media screen and (max-width: 600px){
        .aboutBk2 .icon{width:36px; height: 36px;}
        .aboutBk2 h3{font-size: 14px;}
        .aboutBk2 p{font-size: 12px;}
    }



.aboutBk3{background: #007ec5 url(../images/bgAboutc.png) no-repeat left top; background-size: cover; margin: 2%; color: #fff; padding-top: 4%; }
.aboutBk3 h3{padding: 1% 0 1% 40%; font-size: 125%;}
.aboutBk3 .llis{overflow: hidden; padding: 2%;}
.aboutBk3 .llis .ims{width: 40%; min-height: 150px; overflow:visible; float: left; padding: 2% 5%;}
.aboutBk3 .llis .ims .icon{width: 3.6em; height: 3.6em; float: left;}
.aboutBk3 .llis .ims .icon img{width: 100%; height: 100%;}
.aboutBk3 .llis .ims .info{float: left; width: 80%; margin-left: 1em; padding-top: 1em;}
.aboutBk3 .llis .ims .info .t{width: 40%; border-bottom: 1px solid #80bbdf; font-size: 125%; font-weight: bold; padding-bottom: .25em; white-space: nowrap;}
.aboutBk3 .llis .ims .info .c{font-size: 100%; line-height: 1.6; padding: 1em 0;}

    @media screen and (max-width: 1440px){
		.aboutBk3 h3{padding-left:45%;}
    }
	
    @media screen and (max-width: 1300px){
		.aboutBk3 h3{padding-left:50%;}
    }
	
    @media screen and (max-width: 1160px){
		.aboutBk3 h3{padding-left:55%;}
    }


    @media screen and (max-width: 1024px){
		.aboutBk3 h3{padding-left:40%;}
		.aboutBk3{height:auto;}
		.aboutBk3 .llis .ims{height:auto;}
        .aboutBk3{background-size: 100% auto;}
		.aboutBk3 h3{font-size:16px;}
		.aboutBk3 .llis .ims .info .t{font-size:14px;}
		.aboutBk3 .llis .ims .info .c{font-size:12px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
		.aboutBk3 h3{padding-left:40%;}
		.aboutBk3{height:auto;}
		.aboutBk3 .llis .ims{height:auto;}
        .aboutBk3{background-size: 100% auto;}
		.aboutBk3 h3{font-size:16px;}
		.aboutBk3 .llis .ims .info .t{font-size:14px;}
		.aboutBk3 .llis .ims .info .c{font-size:12px;}
	}
    @media screen and (max-width: 600px){
        .aboutBk3{background-image: none; padding-top: 2%;}
        .aboutBk3 h3{padding: 3% 5%; font-size: 16px;}
		.aboutBk3 h3:before{content:"企业文化 ";}
        .aboutBk3 .llis .ims{width: 90%; float: none; clear: both;}
        .aboutBk3 .llis .ims .icon{width: 40px; height: 40px;}
        .aboutBk3 .llis .ims .info .t{font-size: 14px;}
        .aboutBk3 .llis .ims .info .c{font-size: 12px;}
    }




.vLists{margin: 2% 0; overflow: hidden;}
.vLists .vItem{display: block; color: #444; text-decoration: none; font-weight: bold;}
.vLists .vItem:hover{color: #0061ab;}
.vLists .vItem{width: 30%; float: left; margin: 0 0 2.5% 2.5%;}
.vLists .vItem .thumb{background-color: #424242; position: relative;}
.vLists .vItem .thumb img{width: 100%;}
.vLists .vItem:hover .thumb img{opacity: .7;}
.vLists .vItem .thumb i{display: block; width: 3em; height: 3em; background: url(../images/iconVplay.png) no-repeat center; background-size: contain; top: 50%; left: 50%; position: absolute; margin-left: -1.5em; margin-top: -1.5em;}
.vLists .vItem .title{background-color: #fff; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); padding: .5em 0 .8em; text-align: center; font-size: 87.5%;}

    @media screen and (max-width: 600px){
        .vLists .vItem{width: 46.2%;}
        .vLists .vItem .title{font-size: 10px;}
    }




.listBk1{margin: 2%;}
.listBk1 .lbkt{font-size: 124%; font-weight: bold; color: #444; border-bottom: 1px solid #e0e0e0; padding-bottom: .25em;}
.listBk1 .lbkc{padding: 2% 0;}

    @media screen and (max-width: 1024px){
        .listBk1 .lbkt{font-size: 16px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .listBk1 .lbkt{font-size: 16px;}
	}

    @media screen and (max-width: 600px){
        .listBk1 .lbkt{font-size: 16px;}
    }





.formBk1 h3{font-size: 134%; color: #444; padding-bottom: 1em;}
.formBk1 .row{display: table; padding: .5em 0; width: 100%;}
.formBk1 .row .t,
.formBk1 .row .c{display: table-cell;}
.formBk1 .row .t{width: 5%; font-size: 87.5%; color: #999;}
.formBk1 .row .c{width: 90%; text-align: left;}
.formBk1 .row input{background-color: #fafafa; border: 1px solid #e0e0e0; font-size: 87.5%; height: 1.2em; padding: .5em 0; line-height: 1.2; text-indent: 1em; border-radius: 3em;}
.formBk1 .row select{ outline:none; min-width: 10.1em; text-indent: 1em; border: 1px solid #e0e0e0; font-size: 87.5%; height: 2.4em; border-radius: 5em; color: #999; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #fafafa url(../images/iconSelect.png) no-repeat right center; background-size: auto 100%;}
.formBk1 .row select::-ms-expand{display: none;}
.formBk1 .row button,
.formBk1 .row input[type="submit"],
.formBk1 .row input[type="button"]{background-color: #0061ab; border: 0; font-size: 100%; font-weight: bold; padding: .5em 2em; color: #fff; height:auto; line-height: 1.2; text-align: center; border-radius: 3em; text-indent:0;-webkit-appearance: none;}
.formBk1 .row select.b{width: 53.5%;}

.formBk1 .row .ts input{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.formBk1 .row .ts .a{display: inline-block; background-color: #f0f0f0; height: 1.1em; padding: .3em 0 .7em; vertical-align: top; text-align: center; color: #969696; text-decoration: none;}

#downloadForm .formBk1 .row .c input{width: 90%;}
#downloadForm .formBk1 .row .ts input{width: 60%;}
#downloadForm .formBk1 .row .ts a{width: 30%; border-top-right-radius: 3em; border-bottom-right-radius: 3em;}

    @media screen and (max-width: 1024px){
        .formBk1 .row button,
		.formBk1 .row input[type="submit"],
		.formBk1 .row input[type="button"]{font-size:14px;}
		.formBk1 .row .t{width: 20%;}
		.formBk1 .row .c{width: 80%;}
		.formBk1 .row input[type="text"]{width: 90% !important;}
		.formBk1 .row select{width: 44.5%; margin-bottom: 10px;}
		.formBk1 .row select.b{width: 90%; margin-bottom: 0;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .formBk1 .row button,
		.formBk1 .row input[type="submit"],
		.formBk1 .row input[type="button"]{font-size:14px;}
		.formBk1 .row .t{width: 20%;}
		.formBk1 .row .c{width: 80%;}
		.formBk1 .row input[type="text"]{width: 90% !important;}
		.formBk1 .row select{width: 44.5%; margin-bottom: 10px;}
		.formBk1 .row select.b{width: 90%; margin-bottom: 0;}
	}

    @media screen and (max-width: 600px){
        .formBk1 h3{font-size: 18px;}
        .formBk1 .row{padding: 1em 0; margin: .5em 0;}
        .formBk1 .row .t{display: none;}
        .formBk1 .row .c{width: 100%; display: block;}
        .formBk1 .row input{font-size: 12px; width: 96%; display: block; height: 2.4em; box-sizing: border-box;}
        .formBk1 .row select{font-size: 12px; width: 96%; margin-top: 20px;}
        .formBk1 .row .c select:first-child{margin-top: 0;}
        .formBk1 .row .t{font-size: 12px;}
        .formBk1 .row button{font-size: 14px; padding: .5em 0; width: 96%;}
        .formBk1 .row select.b{width: 96%;}
    }



.btz1{text-align: center; padding-bottom: 2em;}
.btz1 a{font-size: 100%; font-weight: bold; line-height: 1; display: inline-block; padding: .8em 2em; background-color: #d0d0d0; color: #fff; border-radius: 5em; text-decoration: none; margin: 0 .5em;}
.btz1 a.active{background-color: #0061ab;}

    @media screen and (max-width: 1024px){
        .btz1 a{font-size: 14px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .btz1 a{font-size: 14px;}
	}

    @media screen and (max-width: 600px){
        .btz1 a{font-size: 14px;}
    }





.zplists{padding: 2%;}
.zplists .zpitem{margin: .5em 0;}
.zplists .zpitem .t{background-color: #e7e5e2; padding: .5em; overflow: hidden; line-height: 1; cursor: pointer;}
.zplists .zpitem .t .icon{display: inline-block; width: 1.4em; height: 1.4em; background: #c6c6c6 url(../images/iconJ.png) no-repeat center; background-size: 100% 100%; vertical-align: middle;}
.zplists .zpitem .t .text{font-size: 100%; color: #444; margin-left: .5em; vertical-align: middle; margin-bottom: .1em; display: inline-block;}
.zplists .zpitem .t .date{float: right; font-size: 100%; color: #999; padding-top: .1em;}
.zplists .zpitem .c{color: #999; padding: 1.5% 3%; display: none;}
.zplists .zpitem .c h4{color: #444; font-size: 100%;}
.zplists .zpitem .c p{font-size: 100%; line-height: 1.6; color: #333; padding: 2em 0;}
.zplists .zpitem .c strong{font-size: 100%;}
.zplists .zpitem .c .tip{color: #444;}
.zplists .zpitem .c a{color: #0061ab; text-decoration: none;}
.zplists .zpitem .c a:hover{text-decoration: underline;}
.zplists .zpitem.focus .t .icon{background: #0061ab url(../images/iconJ2.png) no-repeat center; background-size: 100% 100%;}
.zplists .zpitem.focus .t .text{color: #0061ab;}
.zplists .zpitem.focus .c{display: block;}


    @media screen and (max-width: 1024px){
        .zplists .zpitem .t{padding: 8px;}
        .zplists .zpitem .t .icon{width: 16px; height: 16px;}
        .zplists .zpitem .t .text,
        .zplists .zpitem .t .date{font-size: 12px;}
        .zplists .zpitem .c h4,
        .zplists .zpitem .c strong{font-size: 14px;}
        .zplists .zpitem .c p{font-size: 12px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .zplists .zpitem .t{padding: 8px;}
        .zplists .zpitem .t .icon{width: 16px; height: 16px;}
        .zplists .zpitem .t .text,
        .zplists .zpitem .t .date{font-size: 12px;}
        .zplists .zpitem .c h4,
        .zplists .zpitem .c strong{font-size: 14px;}
        .zplists .zpitem .c p{font-size: 12px;}
	}

    @media screen and (max-width: 600px){
        .zplists .zpitem .t{padding: 8px;}
        .zplists .zpitem .t .icon{width: 16px; height: 16px;}
        .zplists .zpitem .t .text,
        .zplists .zpitem .t .date{font-size: 12px;}
        .zplists .zpitem .c h4,
        .zplists .zpitem .c strong{font-size: 14px;}
        .zplists .zpitem .c p{font-size: 12px;}
    }


    .zplistsnew{padding: 2%;margin-top: 5%;}
    .zplistsnew p{
        font-size: 16px;
        line-height:2em;
        text-align: justify;
        text-indent: 35px;

    }
    .ablout p{
        line-height:2em;
        text-align: justify;
        text-indent: 35px;
    }
    @media screen and (max-width: 1024px){
            .zplistsnew{padding: 2%;margin-top: 15%;
        }
    }


.pc1v1 .con{padding: 2% 5%;}
.pc1v1 .con h1{font-size: 187.5%; color: #444;}
.pc1v1 .con .acattr{font-size: 75%; color: #999;}
.pc1v1 .con .content{color: #999; padding: 2% 0; font-size: 100%; line-height: 2;}
.pc1v1 .con .content li{color: #326cbc;}
.pc1v1 .con .content li span{color: #999;}
.pc1v1 .con .content img{max-width: 100%; margin: 2em 0;}
.pc1v1 .con .content p{padding-bottom: 1em;}
.pc1v1 .con .content .line{height: 1px; width: 100%; clear: both; background-color: #f1f1f1; margin: 1em 0;}
.pc1v1 .con .content .ht{margin: 1em 0; font-weight: bold; color: #444; border-left: .25em solid #326cbc; padding-left: .5em;}
.pc1v1 .con .content .ht + ul{margin-left: 5%;}
.pc1v1 .con .content a{color: #999; text-decoration: none;}
.pc1v1 .con .content a:hover{color: #444;}

    @media screen and (max-width: 600px){
        .pc1v1 .con h1{font-size: 20px;}
        .pc1v1 .con .acattr{font-size: 12px;}
        .pc1v1 .con .content{font-size: 14px;}
    }




.xxEvents{margin: 2%;}
.xxEvents .item{height: 0; padding-bottom: 30%; background-color: #f9f9f9; position: relative; margin: 3% 0;}
.xxEvents .item .thumbs{position: absolute; height: 100%; top: 0; left: 0; width: 66%; overflow: hidden;}
.xxEvents .item .thumbs .swiper-container,
.xxEvents .item .thumbs .swiper-wrapper,
.xxEvents .item .thumbs .swiper-slide,
.xxEvents .item .thumbs .swiper-slide img{height: 100%;}
.xxEvents .item .thumbs .swiper-button-next,
.xxEvents .item .thumbs .swiper-button-prev{width: 1.4em; height: 2em; margin-top: -1em; background-size: contain;}
.xxEvents .item .thumbs .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.xxEvents .item .thumbs .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.xxEvents .item .info{margin-left: 66%; border: 1px solid #f1f1f1; height: 100%; position: absolute; box-sizing: border-box; border-left: 0;}
.xxEvents .item .info h3{border-bottom: 1px solid #f1f1f1; font-size: 100%; padding: 4% 3%; background-color: #f8f8f8;}
.xxEvents .item .info h3 a{text-decoration: none; color: #444;}
.xxEvents .item .info .attr{font-size: 87.5%; padding: 3%; color: #0061ab; border-bottom: 1px solid #f1f1f1; background-color: #fdfdfd;}
.xxEvents .item .info p{padding: 3%; font-size: 100%; color: #333; line-height: 1.6;}
.xxEvents .item .more{text-align: right; right: 5%; position: absolute; bottom: 5%;}
.xxEvents .item .more a{font-size: 87.5%; color: #0061ab; text-decoration: none; display: inline-block; vertical-align: middle;}
.xxEvents .item .more i{display: inline-block; width: 0; height: 0; border-style: solid; border-width: .4em 0 .4em .4em; border-color: transparent transparent transparent #0061ab; vertical-align: middle; margin-bottom: .2em; margin-left: .5em; position:relative; top:2px;}

    @media screen and (max-width: 1024px){
        .xxEvents .item{height: auto; padding-bottom: 0;}
        .xxEvents .item .thumbs{width: 100%; height: auto; position: static;}
        .xxEvents .item .thumbs .swiper-container,
        .xxEvents .item .thumbs .swiper-wrapper,
        .xxEvents .item .thumbs .swiper-slide,
        .xxEvents .item .thumbs .swiper-slide img{height: auto; width: 100%;}
        .xxEvents .item .more a{font-size: 12px;}
        .xxEvents .item .more i{border-width: 4px 0 4px 4px;}
        .xxEvents .item .info{margin: 0; border: 1px solid #f1f1f1; border-top: 0; position: static; padding-bottom: 40px;}
        .xxEvents .item .info h3{font-size: 12px; padding: .8em 1em;}
        .xxEvents .item .info h3 a{font-size: 14px;}
        .xxEvents .item .info .attr{font-size: 12px; padding: .8em 1em;}
        .xxEvents .item .info p{font-size: 12px; padding: 1em;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .xxEvents .item{height: auto; padding-bottom: 0;}
        .xxEvents .item .thumbs{width: 100%; height: auto; position: static;}
        .xxEvents .item .thumbs .swiper-container,
        .xxEvents .item .thumbs .swiper-wrapper,
        .xxEvents .item .thumbs .swiper-slide,
        .xxEvents .item .thumbs .swiper-slide img{height: auto; width: 100%;}
        .xxEvents .item .more a{font-size: 12px;}
        .xxEvents .item .more i{border-width: 4px 0 4px 4px;}
        .xxEvents .item .info{margin: 0; border: 1px solid #f1f1f1; border-top: 0; position: static; padding-bottom: 40px;}
        .xxEvents .item .info h3{font-size: 12px; padding: .8em 1em;}
        .xxEvents .item .info h3 a{font-size: 14px;}
        .xxEvents .item .info .attr{font-size: 12px; padding: .8em 1em;}
        .xxEvents .item .info p{font-size: 12px; padding: 1em;}
	}




.sgCon{margin: 5%;}
.sgCon h3{font-size: 120%; color: #333;text-align:center;}
.sgCon p{font-size: 100%; line-height: 1.6; color: #333; padding: 1em 0;text-align:center;}
.sgCon img{border: 2px solid #909090; box-shadow: 0 1px 6px rgba(0,0,0,.5); border-radius: 1px;}
.sgCon .line{height: 1px; width: 100%; background-color: #e0e0e0;}
.sgCon .bit{padding: 3% 0;}
.sgCon .bit .text{text-align: center; padding-bottom: 1em;}
.sgCon .bit img{width: 100%;}
.sgCon .cw{overflow: hidden;}
.sgCon .cw img{float: left; max-width: 100%;}
.sgCon .cw .text{float: left; width: 90%; padding: 5% 0 0 4%; text-align: left;}

    @media screen and (max-width: 1024px){
		.sgCon{font-size: 16px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
		.sgCon{font-size: 16px;}
	}

    @media screen and (max-width: 600px){
        .sgCon h3{font-size: 14px;}
        .sgCon p{font-size: 12px;}
        .sgCon .cw img{float: none;}
        .sgCon .cw .text{padding: 5% 0 0 0; float: none; width: 100%;}
    }


.loginbanner img{width: 100%; box-shadow: none; border: 0;}



.lbgsbk1{overflow: hidden; padding: 2% 0;}
.lbgsbk1 img{width: 40%; float: left; margin: 0 5%;}
.lbgsbk1 .text{float: left; width: 40%; padding: 2.5% 0;}
.lbgsbk1 .text h3{font-size: 112%; color: #444;}
.lbgsbk1 .text p{color: #999; font-size: 87.5%; padding: 1em 0;}
.lbgsbk1v2 img{width: 50%; float: right;}
.lbgsbk1v2 .text{padding: 5% 0 0 10%; width: 30%;}
.lbgsbk1v2 .text h3{font-size: 185%;}
.contH1{ font-size: 36px; font-weight:normal; color: #444; text-align: center;}

    @media screen and (max-width: 1024px){
        .lbgsbk1 .text h3{font-size: 14px;}
        .lbgsbk1 .text p{font-size: 12px;}
		.contH1{font-size:24px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .lbgsbk1 .text h3{font-size: 14px;}
        .lbgsbk1 .text p{font-size: 12px;}
		.contH1{font-size:24px;}
	}

    @media screen and (max-width: 600px){
		.contH1{font-size:20px;}
        .lbgsbk1 .text h3{font-size: 14px;}
        .lbgsbk1 .text p{font-size: 12px;}
    }



.lbgsbk2{text-align: center}
.lbgsbk2 .item{display: inline-block; width: 30%; vertical-align: top; padding: 5% 0;}
.lbgsbk2 .item .icon{display: inline-block; width: 5em; height: 5em; margin-bottom: 4%;}
.lbgsbk2 .item .icon img{width: 100%; height: 100%;}
.lbgsbk2 .item h3{font-size: 112%; color: #444;}
.lbgsbk2 .item p{font-size: 95%; line-height: 1.8; color: #333; padding: 1em 2em;}
.lbgsbk2v2 .item{width: 23%;}
.lbgsbk2v3 .item{padding: 0 0 5%;}

@media screen and (max-width: 1024px){
    .lbgsbk2 .item{width: 50%;}
    .lbgsbk2 .item h3{font-size: 14px;}
    .lbgsbk2 .item p{font-size: 12px;}
}
@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
    .lbgsbk2 .item{width: 50%;}
    .lbgsbk2 .item h3{font-size: 14px;}
    .lbgsbk2 .item p{font-size: 12px;}
}

@media screen and (max-width: 600px){
    .lbgsbk2 .item{width: 100%;}
    .lbgsbk2 .item .icon{width: 60px; height: 60px;}
    .lbgsbk2 .item h3{font-size: 14px;}
    .lbgsbk2 .item p{font-size: 10px;}
}



.bImg{width: 100%; display: block;}



.ftBar{width: 100%; height: 0; padding-bottom: 7%; background: url(../images/bgFT.png) no-repeat center; background-size: 100% auto; position: relative;}
.ftBar .inner{position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: right;}
.ftBar .inner a{font-size: 87.5%; color: #fff; text-decoration: none; margin: 1.8% 2%; display: inline-block; vertical-align: middle;}
.ftBar .inner a:hover{text-decoration: underline;}
.ftBar .inner a.btn{background-color: #0061ab; line-height: 1; padding: 1em 2em; border-radius: 5em;}

    @media screen and (max-width: 1024px){
        .ftBar{height: 60px; padding-bottom: 0; background-size: cover; background-position: left top;}
        .ftBar .inner a{font-size: 12px; margin-top: 12px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .ftBar{height: 60px; padding-bottom: 0; background-size: cover; background-position: left top;}
        .ftBar .inner a{font-size: 12px; margin-top: 12px;}
	}






.xhlists{border-bottom: 1px solid #e0e0e0; padding: 2% 0; margin: 0 2%;}
.xhlists h3{font-size: 112%; color: #444; padding-bottom: 1em;}
.xhlists .lis{overflow: hidden;}
.xhlists .lis .item{float: left; width: 50%; overflow: hidden;height: 200px;}
.xhlists .lis .item .thumb{float: left; width: 50%;}
.xhlists .lis .item .thumb img{width: 100%;}
.xhlists .lis .item .info{width: 45%; float: left; margin-left: 5%; padding: 8% 0;}
.xhlists .lis .item .info strong{font-size: 100%;}
.xhlists .lis .item .info strong a{color:#444; text-decoration: none;}
.xhlists .lis .item .info strong a:hover{color: #0061ab;}
.xhlists .lis .item .info p{font-size: 87.5% !important; color: #999 !important; padding: 1em 0;}
.xhlists .lis .item .info p span{color: #999 !important; font-size: 100% !important;}
.xhlists .lis .item .info p a{color: #999 !important; text-decoration:none !important;}

    @media screen and (max-width: 1024px){
		.xhlists h3{font-size: 18px;}
		.xhlists .lis .item{min-height: 200px;}
        .xhlists .lis .item .info strong{font-size: 14px !important;}
        .xhlists .lis .item .info p{font-size: 12px !important;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
		.xhlists h3{font-size: 18px;}
		.xhlists .lis .item{min-height: 200px;}
        .xhlists .lis .item .info strong{font-size: 14px !important;}
        .xhlists .lis .item .info p{font-size: 12px !important;}
	}
	
    @media screen and (max-width: 600px){
        .xhlists h3{font-size: 16px;}
        .xhlists .lis .item{float: none; width: 100%;}
        .xhlists .lis .item .info strong{font-size: 14px !important;}
        .xhlists .lis .item .info p{font-size: 12px !important;}
    }



.ftK1{text-align: center; padding: 3% 0 10%; color: #444; line-height: 1.6;}
.ftK1 strong{display: block; font-size: 120%;}
.ftK1 a{color: #0065a3; text-decoration: none;}
.ftK1 span{font-size: 87.5%;}

    @media screen and (max-width: 1024px){
        .ftK1 strong{font-size: 14px;}
        .ftK1 span{font-size: 12px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .ftK1 strong{font-size: 14px;}
        .ftK1 span{font-size: 12px;}
	}

    @media screen and (max-width: 600px){
        .ftK1 strong{font-size: 14px;}
        .ftK1 span{font-size: 12px;}
    }





.bgEVB{width: 100%; background: url(../images/bgEVB.png) no-repeat; background-size: cover; text-align: center; padding: 6em 0; color: #fff;}
.bgEVB h1{font-size: 320%;}
.bgEVB div span{font-size: 200%; display: inline-block; margin: 0 1em;}

    @media screen and (max-width: 600px){
        .bgEVB h1{font-size: 24px;}
        .bgEVB div span{font-size: 14px;}
    }





.norP1{font-size: 100% !important; line-height: 1.6 !important; padding: 2em; color: #333 !important; text-align: center; line-height: 2;}
.norP1 img{width: 100%;}

    @media screen and (max-width: 1024px){
        .norP1{font-size: 12px;}
        /*.banner{top: 0;}*/
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .norP1{font-size: 12px;}
        /*.banner{top: 0;}*/
	}

    @media screen and (max-width: 600px){
        .norP1{font-size: 12px;}
        /*.banner{top: 0;}*/
    }





.norForm{text-align: center; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 3em 0;}
.norForm .formBk1 .row{display: block; text-align: center;}
.norForm .formBk1 .row .c{float: none; display: block; width: 100%; text-align: center;}
.norForm .formBk1 input{margin: 1em; width: 20%;}

    @media screen and (max-width: 1024px){
        .norForm .formBk1 input{font-size: 12px;}
    }
	@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
        .norForm .formBk1 input{font-size: 12px;}
	}

    @media screen and (max-width: 600px){
        .norForm .formBk1 input{width: 96%;}
    }





.evLis{overflow: hidden; text-align: center;}
.evLis .item{width: 30%; display: inline-block; padding: 0 1%; margin: 3% 0;}
.evLis .item .thumb{display: block; width: 100%;}
.evLis .item .thumb img{width: 100%;}
.evLis .item .info{padding-top: 1em; border-bottom: 1px solid #e0e0e0; text-align: left;}
.evLis .item .info strong{font-size: 120%;}
.evLis .item .info strong a{color: #444; text-decoration: none;}
.evLis .item .info strong a:hover{color: #0065a3;}
.evLis .item .info p{font-size: 87.5%; color: #999; padding: 1em 0;}

    @media screen and (max-width: 600px){
        .evLis .item{width: 90%;}
        .evLis .item .info strong{font-size: 14px;}
        .evLis .item .info p{font-size: 12px;}
    }



.moreBk{text-align: right; padding: 3% 2.8% 4%;}
.moreBk a{background-color: #0065a3; color: #fff; text-decoration: none; font-size: 87.5%; padding: .5em 1em;}

    @media screen and (max-width: 600px){
        .moreBk{width: 90%; padding: 0 0 4%; margin: 0 auto; clear: both; text-align: center;}
        .moreBk a{display: block; padding: .5em 0; text-align: center; font-size: 14px;}
    }


.input_big{width: 431px;}


.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	font-size: 14px !important;
}
.comProductList__item__name {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #bbb;
    font-size: 1.5rem;
    color: #00a2de;
    font-weight: bold;
}
.comProductList__item__description {
    margin-bottom: 1em;
    line-height: 1.2em;
}
  .comTags {
    display: inline-block;
    text-align: center;
    font-size: .625rem;
    background-color: #ebebeb;
    color: #616770;
    line-height: 1;
    padding: 0 5px;
    margin-right: 4px;
    margin-bottom: 5px;
    width: auto;
    height: 30px;
    border-radius: 3px;
}
  .comTags__content {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 30px;
  }
  .comSectionHeader__header {
    text-align: left;
    margin-bottom: 24px;
    margin-top: 0;
    display: table;
    width: 100%;
    /*border-bottom: 1px solid #bbbbbd;*/
}
.comSectionHeader__title {
    /*font-weight: 300;
    font-size: 1.5rem;
    line-height: 2.5rem;*/
font-size: 130%;
color: #444;
border-left: .2em solid #326cbc;
padding-left: .8em;
line-height: 2.5rem;
background: #ffffff;
padding-top: .1em;
font-weight: bold;
}