/********4s**********/
#common_div_4s section{background-repeat: no-repeat;height: 671px;background-position: center;padding: 15px; }
#common_div_4s > a{display:block;}
#common_div_4s > a:HOVER{opacity:1;}
/* #common_div_4s > section > a{display: block;} */
#common_div_4s .div1{height: 100%;border: 2px solid rgba(255,255,255,0.1);padding: 17.5px 58px;}
#common_div_4s .div2{background-repeat: no-repeat;height: 606px;background-position-x: 100%;}
#common_div_4s .div2 *{text-align: left;}
#common_div_4s .div2 h1{color: #fff;font-size: 36px;padding-top: 175px;}
#common_div_4s .div2 p{font-size: 52px;font-weight: bold;color:#e6d6a3;line-height: 60px;margin-bottom: 35px; }
#common_div_4s .div2 span{border:1px solid #fff;color: #fff;width: 200px;text-align: center;height: 50px;line-height: 50px;border-radius: 3px;display: inline-block;}
/********4s**********/

/********gng**********/
.custom_p30{font-size: 30px; font-weight: bold;color: #000;line-height: 37px;
/* margin: 50px 0 20px 0; */
}
/* #common_div_gng .ul2 li img{margin-top: 25px;} */

#common_div_gng .ul1{height: 506px;}

#common_div_gng{padding: 55px;background-repeat: repeat;}
#common_div_gng .ul1 > .li1{width: 23%;height: 100%;overflow: hidden;}
#common_div_gng .ul1 > .li2{width: 77%;height: 100%;overflow: hidden;}

#common_div_gng .ul1 > .li2 ul,
#common_div_gng .ul1 > .li1 ul{height: 100%;background-color: #fff;}
#common_div_gng .ul1 > .li1 li{height: 20%;float: none;font-size: 20px;color: #74777e;font-weight: bold;display: table;border-bottom: 1px solid #d0d1d5;background: #e1e2e6;cursor: pointer;
border-left: 6px solid #e1e2e6;}
#common_div_gng .ul1 > .li1 .li5{border-bottom: none;}
#common_div_gng .ul1 > .li1 li span{display: table-cell;vertical-align: middle;padding-left: 18%;}
#common_div_gng .ul1 > .li1 .on{color: #343434;background: #fff;border-left-color: #2e90d7;border-top-color: #2e90d7;}
#common_div_gng .ul1 > .li2 li{height: 100%;float: none;height: 0;overflow: hidden;background-color: #fff;background-position: right;background-repeat: no-repeat;padding-left: 35px;}
#common_div_gng .ul1 > .li2 li *{text-align: left;}
#common_div_gng .ul1 > .li2 .on {
    height: 100%;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
}
#common_div_gng .ul1 > .li2 li > div{display: table;height: 100%;}
#common_div_gng .ul1 > .li2 li > div > span{display: table-cell;vertical-align: middle;}
#common_div_gng .ul1 > .li2 li .p1{margin: 20px 0 30px 0;}

#common_div_gng .ul1 > .li2 .li1{background-image: url("/img/common_tail/s04_cn02_06.jpg");background-position-x:97.5%;}
#common_div_gng .ul1 > .li2 .li2{background-image: url("/img/common_tail/s04_cn02_07.jpg");}
#common_div_gng .ul1 > .li2 .li3{background-image: url("/img/common_tail/s04_cn02_08.jpg");}
#common_div_gng .ul1 > .li2 .li4{background-image: url("/img/common_tail/s04_cn02_09.jpg");}
#common_div_gng .ul1 > .li2 .li5{background-image: url("/img/common_tail/s04_cn02_10.jpg");    background-position-x: 125%;}
/********gng**********/

/********op**********/
#common_div_op > section{background-repeat: no-repeat;height: auto;background-position: top center;padding: 55px;}
#common_div_op > section > h1{margin-bottom: 40px;}
#common_div_op > section > .div1{float: left;width: 37%;height: 432px;background-repeat: no-repeat;background-position:center;}
#common_div_op > section > .div2{float: left;background: rgba(255,255,255,0.9);height: 432px;width: 63%;}
#common_div_op > section > .div2 ul li{height: 216px;padding: 35px;position: relative;}
#common_div_op > section > .div2 ul .li1:AFTER{content: "";border-bottom: 1px solid #dbdbdb;width: 174px;display: block;position: absolute;bottom: -1px;left: 35px;}
#common_div_op > section > .div2 p{text-align: left;}
#common_div_op > section > .div2 p span{color: #fb5b5b;font-weight: bold;}
#common_div_op > section > .div2 h3{margin-bottom: 25px;}

#common_div_op > section > .div3{background: rgba(0,45,78,0.9);}
/********op**********/

/********insurance**********/
#common_div_insurance{background: url("/img/s01_cn04_bg05.gif") repeat;}
#common_div_insurance .insurance_div1{max-width: 1200px;margin: 0 auto;padding: 15px;}
#common_div_insurance .insurance_div1 a{display: block;}
/********insurance**********/

@media only screen and (max-width: 1023px) {
	/********4s**********/
	#common_div_4s .div1{padding: 3px;}
	#common_div_4s .div2{background-size:contain;background-position-y: 100%;height: 100%;background-position-x: 50%;padding-top: 40px;padding-left: 20px;max-width: 420px;}
	#common_div_4s .div2 h1{padding-top: 0;font-size:28px;}
	#common_div_4s .div2 p{font-size:40px;margin-bottom: 25px;}
	#common_div_4s .div2 a{width: 150px;}
	/********4s**********/
	
	/********gng**********/
	#common_div_gng section .ul1 > .li2 > .ul2 li{background-image: none;background-color: #fff;}
	#common_div_gng p br{display: block;}
	#common_div_gng .ul1 > .li1 li{font-size: 15px;}
	.custom_p30{font-size: 20px;line-height: 28px;}
	/********gng**********/
	
	/********op**********/
	#common_div_op > section{padding: 40px 15px;}
	#common_div_op > section > h1{margin-bottom: 30px;}
	#common_div_op > section > .div1{width: 31%;}
	#common_div_op > section > .div2{width: 69%}
	#common_div_op > section > .div2 ul li{padding: 20px 15px;}
	#common_div_op > section > .div2 h3{margin-bottom: 15px;font-size: 14px;}
	#common_div_op > section > .div2 p{font-size: 12px;}
	#common_div_op > section > .div2 ul .li1:AFTER{width: 50%;left: 15px;}
/* 	#common_div_4s .div2{background-size:contain;background-position-y: 100%;height: 100%;background-position-x: 50%;padding-top: 40px;padding-left: 20px;max-width: 420px;} */
	#common_div_op > section > .div3{overflow: hidden;}
	#common_div_op > section > .div3 img{ 
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.12);
    -ms-transform:scale(1.12);   
    -o-transform:scale(1.12);
    transform:scale(1.12);
    }
	/********op**********/
	
	/********insurance**********/
	/********insurance**********/
}

@media only screen and (max-width: 800px) {
	/********gng**********/
	#common_div_gng .ul1 > .li1{width: 100%;}
	#common_div_gng .ul1 > .li1{height: 68px;}
	#common_div_gng .ul1 > .li1 li{height: 68px;width: 20%;float: left;border: none;border-top: 6px solid #e1e2e6;border-right: 1px solid #d0d1d5;    word-break: break-all;}
	#common_div_gng .ul1 > .li1 .li5{border-right: none;}
	#common_div_gng .ul1 > .li2{width: 100%;}
	#common_div_gng .ul1 > .li2 li{padding: 0 20px 0 20px;}
	#common_div_gng .ul1 > .li1 li span{padding:0 5px 0 5px;text-align: center;}
	#common_div_gng{padding: 40px 20px;}
	#common_div_gng .ul1 > .li2{height: 438px;}
	#common_div_gng .p1 br{display: none;}
	/********gng**********/
}

@media all and (min-width:1024px) and (max-width:1199px) {
	/********4s**********/
	#common_div_4s .div2 h1{padding-top: 0;}
	/********4s**********/
	
	/********gng**********/
	#common_div_gng  section .ul1 > .li2 > .ul2 li{background-image: none;background-color: #fff;}
	/********gng**********/
	
	/********op**********/
	#common_div_op > section > .div2 p br{display: none;}
	/********op**********/
}