﻿@media only screen and (max-width: 1920px) {
	.ban-txt .tit h2{font-size: 6.77vw;}
	.ban-txt .tit h3{font-size: 3.125vw;}
	.ban-txt .tips{font-size: 1.9791vw;}
	.m-t1,.m-t2,.m-t3,.ul-num li span{font-size: 7.8125vw;}/*150*/
	.g-t1,.g-t2,.g-t3,.m-form .txt h3,.ul-num li,.m-list2 .i4 .item .txt h3{font-size: 1.875vw;}/*36*/
	.g-tips h3{font-size: 2.0833vw;}/*40*/
	.g-tips span,.g-tit1 span,.m-list2 .tit em,.m-list1 h3,.g-tab li a{font-size: 1.5625vw;}/*30*/
	.g-tit1 h3,.m-list2 .tit h3{font-size: 2.5vw;}/*48*/
	.m-list2 .txt h3{font-size: 2.2916vw;}/*44*/
	.m-tit1{font-size: 3.75vw;}/*72*/
	.lang{font-size: 1.4583vw;}
	.ul-num li b{font-size: 5.2083vw;}
	.row-a3{
		-o-background-size: 45.677vw auto;
		-ms-background-size: 45.677vw auto;
		-moz-background-size: 45.677vw auto;
		-webkit-background-size: 45.677vw auto;
		background-size: 45.677vw auto;
	}

	.m-form .inp{width: 13.75vw;margin-left: 1.302vw;}
	.m-form .c-pic{top: 0.260vw;right: 0.260vw;bottom: 0.260vw;width: 5.208vw;}
	.m-form .btn {
	    width: 7.708vw;
	    margin-left: 2.083vw;
	}
	.row-a3 .m-form .inp{width: 12vw;}

}
@media only screen and (max-width: 1680px) {
	.row-a2{padding-top: 80px;}
	.m-tab-1{left: 400px;top: 110px;}
	.g-t1{padding-bottom: 90px;}
	.m-pic1{max-width: 870px;}
	.m-txt1{top: 620px;left: 330px;}
	.m-txt1:after{height: 50px;width: 110px;left: -110px;
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	.m-t1{margin-left: 68px;}
	.row-2{padding-bottom: 160px;}
	.m-tab-3{right: 110px;}
	.m-form .con{padding-left: 50px;}
	/*.m-form .inp{margin-left: 20px;}*/
	/*.m-form .btn{margin-left: 30px;}*/
	.m-form .txt p{font-size: 16px;}
	.m-list2{margin-bottom: 90px;}
	.ul-num li b{margin-right: 40px;}
	.ul-num{margin-bottom: 60px;}

}

@media only screen and (max-width: 1600px) {
	.nav{padding-top: 120px;}
	.nav li a{height: 100px;padding-top: 15px;}
	.ban-txt .tit{margin-bottom: 10px;}
	.g-tab li{margin-bottom: 20px;}
	.g-tips{margin-bottom: 80px;}
	/*.m-form .inp{width: 310px;}*/
	.m-form .inp input{font-size: 14px;}
	.m-form .con{padding-left: 20px;}
	.m-pic1{max-width:825px;margin-right: 120px;}
	.m-txt1:after{left: -90px;}
	.m-txt1{left: 300px;}
	/*.m-pic2,.m-pic3{max-width: 825px;}*/
	.header .logo{margin-left: 100px;line-height: 60px;}
	.header{height: 60px;}
	.lang{line-height: 60px;}
	.menu{margin-top: 18px;}
 
}
@media only screen and (max-width: 1450px) {
	.g-tab{bottom: 80px;}
	.nav li a{font-size: 14px;}
	.nav li{width: 130px;}
	.nav:after{left: 130px;}
	.banner:after{left: 130px;}
	.nv-btn{width: 130px;}
	.menu{margin-left: 45px;}
	.lang{margin-right: 60px;}
	.row-a2:after{left: 130px;}
	.m-t1{margin-left: 50px;}
	.g-t1{left: 119px;}
	.m-tab{width: 235px;padding: 20px 25px 10px 35px;}
	.m-tab li i{width: 35px;height: 50px;
		-o-background-size: auto 30px;
		-ms-background-size: auto 30px;
		-moz-background-size: auto 30px;
		-webkit-background-size: auto 30px;
		background-size: auto 30px;
	}
	.m-tab li{margin-bottom: 10px;}
	.m-tab li a{padding-left: 50px;font-size: 16px;line-height: 50px;}
	.m-tab li a::before{left: 50px;font-size: 16px;}
	.m-tab-1{top: 80px;}
	.m-tab{box-shadow: 9px 11px 20px 0px rgba(60, 60, 60, 0.26);}
	.m-pic1,.m-pic2,.m-pic3{max-width: 740px;}
	.m-txt1{font-size: 14px;line-height: 18px;width: 280px;
		left: 240px;top: 600px;
	}
	.m-txt1:after{height: 40px;width: 80px;left: -80px;}
	.g-tips{margin-bottom: 50px;}
	.m-t2{left: 115px;}
	.m-tab-2{left: 270px;top: 530px;}
	.g-t2{margin-left: 580px;margin-bottom: 25px;}
	.m-txt2{margin-left: 580px;font-size: 14px;line-height: 18px;}
	.m-pic2{margin-bottom: 40px;}
	.row-2{
		-o-background-size: 250px auto;
		-ms-background-size: 250px auto;
		-moz-background-size: 250px auto;
		-webkit-background-size: 250px auto;
		background-size: 250px auto;
	}
	.m-t3{top: -80px;}
	.row-3{margin-left: 270px;}
	.m-txt3{font-size: 14px;line-height: 18px;}
	.g-t3{line-height: 1.2;}
	.m-tab-3{right: 222px;}
	.m-form .txt p{font-size: 14px;}
	.m-form .txt h3{margin-bottom: 3px;}
	.m-form .con{margin-top: 20px;}
	.m-form .inp input{height: 50px;}
	.m-form .inp{width: 280px;}
	.m-form .btn{height: 50px;font-size: 18px;width: 120px;}
	.m-form{padding-bottom: 50px;clear: both;margin-left: 125px;}
	.row-3{padding-bottom: 20px;}
	.row-a2:after{bottom: 160px;}
	.row-a2:before{left: 126px;bottom: 160px;}
	.row-a3{padding-top: 100px;}
	.m-list2 .txt{padding-left: 15px;}
	.warp{margin: 0 100px 0 130px;}
	.m-list2 .i1{width: 21%;}
	.m-list2 .i2{padding-left: 30px;width: 27%;}
	.m-list2 .i3{padding-left: 30px;width: 27%;}
	.m-list2 .i4{width: 25%;padding-left: 30px;}
	.m-list2 .i1 .item1{margin-bottom: 20px;}
	.m-list2 .icon{
		-o-background-size: auto 65px;
		-ms-background-size: auto 65px;
		-moz-background-size: auto 65px;
		-webkit-background-size: auto 65px;
		background-size: auto 65px;
	}
	.m-list2 .i1 .item1 .icon{
		-o-background-size: 120px auto;
		    -ms-background-size: 120px auto;
		    -moz-background-size: 120px auto;
		    -webkit-background-size: 120px auto;
		    background-size: 120px auto;
	}
	.m-list2 .con:hover .icon{
		-o-background-size: auto 40px;
		-ms-background-size: auto 40px;
		-moz-background-size: auto 40px;
		-webkit-background-size: auto 40px;
		background-size: auto 40px;
	}
	.m-list2 .i2 .item2 .icon,.m-list2 .i6 .item2 .icon{
		-o-background-size: auto 23px;
	    -ms-background-size: auto 23px;
	    -moz-background-size: auto 23px;
	    -webkit-background-size: auto 23px;
	    background-size: auto 23px;
	}
	.m-list2 .i5 .item1 .icon{
		-o-background-size: auto 43px;
	    -ms-background-size: auto 43px;
	    -moz-background-size: auto 43px;
	    -webkit-background-size: auto 43px;
	    background-size: auto 43px;
	}
	.m-list2 .item .txt{font-size: 18px !important;}
	.m-list1 .desc{font-size: 14px;line-height: 20px;padding: 0 20px 0 30px;}
	.m-list1 .txt .icon{margin-bottom: 15px;}
	.m-list1 .con{height: 350px;}
	.m-list1 .txt{width: 240px;margin-left: -120px;}
	.m-list1 .pic .ico{height: 100px;
		-o-background-size: auto 100%;
		-ms-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	.m-list1{padding: 20px 0;}
	
	.ul-num li{height: 150px;line-height: 150px;}
	.g-tab{left: 126px;}
	.g-tab li a{padding-left: 60px;}
	.wp2{margin: 0 185px;}
	.ban-txt .tips{line-height: 1.2;}
	.g-tab li{margin-bottom: 10px;}
	.g-tab{bottom: 40px;}
	.nav-dian li a{width: 12px;height: 12px;}
	.nav-dian li{padding: 15px 0;}
	.nav-dian{right: 30px;}
	.m-form .btn{margin-left: 10px;}
	.m-form .con{padding-left: 15px;}
	.m-form .inp{width: 180px;margin-left: 10px;}
	.nav li .icon{height: 30px;
		-o-background-size: auto 30px;
		-ms-background-size: auto 30px;
		-moz-background-size: auto 30px;
		-webkit-background-size: auto 30px;
		background-size: auto 30px;
	}
	.nav li a{height: 80px;padding-top: 10px;}
	.nav{padding-top: 100px;}

	
}



@media only screen and (max-width: 1199px) {
	.m-pic1, .m-pic2, .m-pic3{max-width: 495px;}
	.g-tips span, .g-tit1 span, .m-list2 .tit em, .m-list1 h3, .g-tab li a{font-size: 16px;}
	.m-t1{margin-left: 78px;}
	.lang{font-size: 18px;}
	.m-tab-1{left: 200px;}
	.m-txt1{top: 545px;}
	.row-1{padding-bottom: 270px;}
	.m-tab-2{left: 220px;top: 370px;}
	.m-txt2{margin-left: 495px;}
	.g-t2{margin-left: 495px;}
	.row-2{padding-bottom: 200px;
		-o-background-size: 150px auto;
		-ms-background-size: 150px auto;
		-moz-background-size: 150px auto;
		-webkit-background-size: 150px auto;
		background-size: 150px auto;
	}
	.row-3{margin-left: 220px;}
	.m-t3{top: -50px;right: 65px;}
	.m-t2{left: 122px;}
	.m-tab-3{right: 60px;}
	.m-tab{width: 220px;padding: 10px 20px 0 20px;}
	.m-pic3{margin-bottom: 115px;}
	.header{height: 50px;}
	.menu{width: 30px;margin-left: 15px;margin-top: 16px;position: relative;z-index: 2;}
	.menu b{height: 3px;border-radius: 3px;}
	.menu b.i2{top: 7px;}
	.menu b.i3{top: 14px;}
	.menu.open b.i1, .menu.open b.i3{top: 7px;}
	.header .logo{position: absolute;top: 0;bottom: 0;line-height: 50px;
		left: 0;right: 0;text-align: center;margin: 0;
	}
	.header .logo img{height: 34px;}
	.lang{position: absolute;top: 0;bottom: 0;line-height: 50px;right: 15px;z-index: 2;margin-right: 0;}

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	.wp2{margin: 0 0 0 90px;}
	.banner:after{left: 60px;}
	.g-tab{left: 56px;bottom: 50px;}
	.g-tab li a{padding-left: 30px;}
	.g-tab li{margin-bottom: 5px;}
	.nav-dian{right: 10px;}
	.ban-txt .b-logo img{margin-bottom: 0;height: 40px;}
	.ban-txt .tit h2{font-size: 40px;}
	.ban-txt .tit h3{font-size: 20px;}
	.ban-txt .tips{font-size: 14px;padding-right: 10px;}
	.row-a2:after{display: none;}

	.m-txt1{position: static;}
	.m-pic1, .m-pic2, .m-pic3{position: static;}
	.m-tab{position: static;width: auto;margin: 0 10px;}
	.m-t1,.m-t3{margin: 0;text-align: center;font-size: 32px;color: #333;}
	.row-a2{padding-top: 50px;}
	.g-t1,.g-t2,.g-t3{position: static;font-size: 24px;background-color: transparent;
		padding: 0 10px;text-align: center;margin-top: 40px;margin-bottom: 20px;
		line-height: 1.2;
	}
	.g-t1 br,.g-t3 br{display: none;}
	.m-txt2{margin: 0;width: auto;}
	.row-a2:before,.g-t1:after{display: none;}
	.m-t1{margin-bottom: 20px;}
	.m-txt1{width: auto;float: none;margin: 10px 10px 0;}
	.m-pic1, .m-pic2, .m-pic3{width: auto;margin: 0 10px;float: none;}
	.row-1{padding-bottom: 30px;margin-bottom: 25px;}
	.g-tips{margin: 0 10px 20px;}
	.g-tips h3{font-size: 16px;margin-bottom: 10px;}
	.g-t2{margin: 0 10px 20px;}
	.m-t2{position: static;writing-mode: horizontal-tb;color: #333;text-align: center;
		margin-bottom: 20px;
	}
	.m-tab-2{margin-bottom: 30px;}
	.m-txt2,.m-txt3{margin: 0 10px;padding-top: 20px;}
	.row-2{padding-bottom: 30px;background-image: none;}
	.row-3{margin: 0;padding-top: 10px;}
	.m-t3{position: static;margin-bottom: 20px;}
	.g-t3{float: none;margin-right: 0;display: none;}
	.g-t3-mo{display: block;}
	.m-form{margin: 0 10px;text-align: center;}
	.m-form .txt{float: none;}
	.m-form .txt h3{font-size: 24px;}
	.m-form .con{padding-left: 0;}
	.m-form .inp,.m-form .btn{width: auto;float: none;margin: 0 0 10px 0;}
	.row-a3{padding-top: 50px;}
	.warp{margin: 0 10px;}
	.g-tit1 h3, .m-list2 .tit h3,.m-tit1{font-size: 24px;}
	.m-list2 li{width: auto !important;float: none !important;padding: 0 !important;}
	.m-list2 li .item{margin-bottom: 10px !important;}
	.m-list2 .i6 .item{width: auto !important;float: none !important;padding-left: 0 !important;}
	.m-list2 .txt h3{font-size: 20px;}
	.m-list2{margin-bottom: 30px;}
	.m-txt4{margin-bottom: 30px;}
	.ul-num li span{font-size: 40px;}
	.ul-num li{height: auto;line-height: 60px;font-size: 16px;}
	.ul-num li b{font-size: 18px;top: 0;margin: 0 10px;}
	.ul-num{margin-bottom: 30px;}
	.footer p,.footer span{float: none;}
	.footer{text-align: center;padding-bottom: 10px;}
	.m-list1{margin: 0 -5px;}
	.m-list1 li{width: 50%;margin-bottom: 10px;float: none;width: auto;}
	.m-list1 .i1 .con .pic .ico{background-image: url(../images/i-b1-on.png);}
	.m-list1 .i2 .con .pic .ico{background-image: url(../images/i-b2-on.png);}
	.m-list1 .i3 .con .pic .ico{background-image: url(../images/i-b3-on.png);}
	.m-list1 .i4 .con .pic .ico{background-image: url(../images/i-b4-on.png);}
	.m-list1 li .con{margin: 0 5px;}
	.m-list1 li .con h3{color: #094;}
	.m-list1 li .con .txt{opacity: 1;width: auto;margin: 0;left: 0;right: 0;padding-top: 20px;
		/*-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);*/
	}
	.m-list1 li .con{
		transform:rotateY(180deg);
	}
	.m-list1 li:after{display: none;}
	.m-list1 li .con .desc{padding: 0 10px;height: 140px;}
	.m-list1 .con{height: 265px;}
	.row-a3 .m-form,.m-form{padding-bottom: 30px;}
	.nav-dian li a{width: 10px;height: 10px;}
	.nav-dian{right: 5px;}
	.m-list2{padding-top: 20px;}
	.m-list2 .tit{margin-top: 30px;margin-bottom: 15px;}
	.m-txt4{font-size: 14px;line-height: 20px;}
	.g-t2{display: none;}
	.g-t2-mo{display: block;}
	.js-state{line-height: 20px;display: inline-block;}
	.m-list1 .pic{opacity: 0;}


}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	.caseDetailBan i{background-attachment: scroll;}
}
