/*common*/
.bg {display:block;height:350px;overflow: hidden;}
.bg h3 {font-size:3.2em;color:#f0f0f0;margin-bottom:20px;}
.bg p {font-size:1.5em;color:#f0f0f0;}
.fbc {background:#f7f7f7;}
.onc,.onc i,.onc p {color:#c70008 !important;}
.onbc {background:#c70008 !important;color:#f0f0f0 !important;}
.onbc a {background:#c70008 !important;color:#f0f0f0 !important;}
h2 { font-size: 2.6em;text-align:center;color:#333333;margin: 50px 0 10px 0; }
.page-icon {margin:20px 0 20px 0;font-size:0;text-align:center;}
.page-icon a,.page-disabled,.page-next {border:1px solid #ccc;border-radius:3px;padding:4px 10px 5px;font-size:14PX;margin-right:10px;}
.page-icon a {text-decoration:none;color:#333333;}
.page-icon a:hover {color:#f0f0f0;background:#9e9e9e;}
.page-current {color:#c70008;padding:4px 10px 5px;font-size:14PX;}
.page-disabled {color:#ccc;}
.ftitle {font-size:1.5em;margin-bottom:30px;color:#626060;line-height: 30px;}
@media (max-width:540px) {
.bg {margin-top:55px;height:200px;text-align:center;}
.h180 { height:50px}
.bg h3 { font-size: 2.0em; margin-bottom: 10px;  }
.bg p { font-size: 1.3em;}
}
@media (min-width: 540.7px) and (max-width: 768px) {
.bg {margin-top:55px;height:200px;}
.h180 { height:80px}
.bg h3 { font-size: 2.0em; margin-bottom: 10px;  }
.bg p { font-size: 1.3em;}
}
@media (min-width: 768px) and (max-width: 991px) {
.bg {margin-top:55px;height:300px;}
.h180 { height:100px}
.bg h3 { font-size: 2.0em; margin-bottom: 10px;  }
.bg p { font-size: 1.3em;}
}
/**********************Legal Notice********************/

.lgl h4 {font-size:2.4em;margin:30px 0 15px 0;}
.lgl p {font-size:1.4em;line-height:28px;margin-bottom:20px;color:#626060;text-indent:2em;}
.lgl img {display:block;margin:0 auto;}

/************************3D Show**********************/

.d3 .allbg {background:url('/zg/images/3d-bg.jpg') no-repeat top center;position:relative;}
.d3 .allShow {height:635px;margin:0 auto;position:relative;}
.d3 .allbg h1 {font-size:3.0em;color:#333;text-align:center;font-weight:100;margin:0 auto;line-height:80px}
.d3 .allbg .list {right:0;top:20px;width:250px;}
.d3 .allbg .list button {cursor:pointer;float:left;width:200px;height:45px;line-height:45px;background-color:#f0f0f0;border:0;}
.d3 .allbg .list span {float:left;width:45px;height:45px;display:block;background-color:#c70008;cursor:pointer}
.d3 .allbg .list span i {font-size:3.2em;color:#f0f0f0;padding-left:7px;}
.d3 .allbg .list ul {position:absolute;top:44px;left:0;width:200px;float:left;height:auto;display:none;z-index:999;border-top:1px solid #c70008;}
.d3 .allbg .list ul li {font-size:1.4em;width:200px;float:left;height:50px;display:block}
.d3 .allbg .list ul li a {line-height:50px;text-align:center;width:100%;display:block;background-color:#f0f0f0}
.d3 .allbg .btn {position:absolute;bottom:30px;left:50%;margin-left:-180px;width:440px}
.d3 .allbg .btn button {display:block;width:180px;height:50px;text-align:center;background:#c70008;float:left;margin-right:40px;color:#FFF;border-radius:5px;cursor:pointer;border:none;}
.d3 .allbg .btn button.jiegou {background:#3a3a3a;}
#allImg {width:734px;margin:0 auto;padding-top:80px;background:url('/zg/images/360_btn.png') no-repeat center 25px;cursor:url("/zg/images/mouse.png"),url("/zg/images/mous.cur"),auto;}
#allJiegou {display:none;width:800px;margin:0 auto;}
#bg {width:100%; height:100%; position:absolute; left:0; top:0;z-index:1;}
#prog {width:365px; height:45px; background:url(//www.zzboiler.com/360display/images/bar.png) no-repeat center bottom; position:absolute; z-index:2; top:35%; left:50%; margin:-20px 0 0 -162px; font-size:14px; text-align:center;color:#dcdcdc;}
#bar {width:0%; height:16px; background:url(//www.zzboiler.com/360display/images/bar_line.png) repeat-x; overflow:hidden; position:absolute; bottom:-1px; left:0;}

@media (max-width:540px) {
	#allImg {width:100%;padding-top:180px;}
	.d3 .allShow {height:470px;}
	.d3 .allbg .btn {left:calc(50% + 25px);}
	.d3 .allbg .btn button {width:135px;height:40px;}
	#allJiegou {width:auto;padding-top:170px;}
}
@media (max-width:768px) {
	#allImg {width:100%;margin-left:15px;}
}

/************************Hr Page**********************/

.hr_bg {background:url("/zg/images/hr-bg.jpg") center;height: 600px;}
.hr .recruit {text-align:center;}
.hr .recruit li {display:inline-block;width:377px;margin-right:30px;position:relative;cursor:pointer;}
.hr .recruit li span {font-size:2.4em;font-weight:600;color:#f0f0f0;position:absolute;top:15px;left:25px;}
.hr .recruit li:hover span {color:#c70008;}
.hr .recruit li:first-child+li+li {margin-right:0;}
.hr .standard {height:580px;background:url("/zg/images/hr-4.jpg");color:#f0f0f0;}
.hr .standard .lbox {margin-top:120px;margin-left:43px;}
.hr .standard .lbox p {font-size:1.6em;line-height:32px;}
.hr .standard .lbox span {display:block;font-size:4.5em;font-weight:500;line-height:67px;letter-spacing:4px;margin-bottom:30px;}
.hr .standard .rbox {margin-top:42px;width:600px;text-align:center;}
.hr .standard .rbox li {display:inline-block;width:249px;height:240px;text-align:left;background:url('/zg/images/hr-7.png');margin:0 20px 20px 0;opacity:0.9;}
.hr .standard .rbox li:first-child+li {background-position-x:250px;color:#000000;margin-right:0;}
.hr .standard .rbox li:first-child+li+li {background-position-y:240px;color:#000000;}
.hr .standard .rbox li:first-child+li+li+li {color:#f0f0f0;background-position-x:250px;background-position-y:240px;margin-right:0;}
.hr .standard .rbox li span {display:block;font-size:2.0em;font-weight:600;margin:40px 0 25px 30px;}
.hr .standard .rbox li p {font-size:1.5em;line-height:30px;padding:0 30px;}
.hr .apply li {display:inline-block;width:397px;height:300px;text-align:center;margin-bottom:50px;vertical-align:top;}
.hr .apply li:fisrt-child +li +li {margin-right:0;}
.hr .apply li p {line-height:35px;font-size:1.4em;}
.hr .apply li:hover p:not(.title) { color:#c70008;}
.hr .apply li .title {font-size:1.6em;margin-bottom:20px;}
.hr .apply li span {display:block;width:90px;height:90px;background:#dcdcdc; border-radius:50px;margin:20px auto;position:relative;-webkit-transition-property:background-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function:ease;z-index:2;behavior:url(./PIE.htc);}
.hr .apply li:hover span {background:#c70008;}
.hr .apply li i {position:absolute;top:13px;left:22px;z-index:9;font-size:4.6em;color:#c70008;}
.hr .apply li:hover i {color: #ffffff;}
.hr .sign p {font-size:1.4em;}
.hr .sign p a {float:right;color:#9e9e9e !important;}
.hr .sign ul {position:relative;width:100%;height:200px;margin:30px 0;}
.hr .sign ul:before {content:'';position:relative;top:108px;transform:translateY(-50%);display:block;width:100%;height:15px;background:#f1f1f1;}
.hr .sign li {position:relative;left:10px;top:-20px;display:inline-block;width:237px;padding-bottom:30px;}
.hr .sign li:first-child +li,.hr .sign li:first-child +li +li +li {top:0;padding-top:10px;padding-bottom:0;transform:translateY(calc( 100% + 24px ));}
.hr .sign li:before {content:'';position:absolute;bottom:-14px;display:block;width:20px;height:20px;border-radius:50%;background:#c70008;color:inherit;-webkit-user-select:none;vertical-align:bottom;z-index:2;behavior:url(./PIE.htc);}
.hr .sign li:nth-child(2n):before {top:0;transform:translateY(-100%);}
.hr .sign li strong {display:block;font-size:1.6em;line-height:26px;margin-bottom:10px;color:#333333;font-weight:600;}
.hr .welfare li {display:inline-block;width:189px;height:140px;margin-bottom:50px;cursor:pointer;margin-right:144px;background:#ffffff;}
.hr .welfare li.yu,.hr .welfare li.qiu {margin-right:0;}
.hr .welfare li p {font-size:1.8em;line-height:40px;text-align:center;color:#626060;}
.hr .welfare li i {display:block;width:80px;height:70px;margin:10px auto;background:url(/zg/images/hr-6.png);}
.hr .welfare li.xin i {background-position-x:-3px;background-position-y:1px;}
.hr .welfare li.xin:hover i {background-position-y:153px;transition:all 0.4s;}
.hr .welfare li.hun i {background-position-x:-85px;background-position-y:-1px;}
.hr .welfare li.hun:hover i {background-position-y:151px;transition:all 0.4s;}
.hr .welfare li.xian i {background-position-x:-169px;background-position-y:-1px;}
.hr .welfare li.xian:hover i {background-position-y:151px;transition:all 0.4s;}
.hr .welfare li.yu i {background-position-x:-256px;background-position-y:1px;}
.hr .welfare li.yu:hover i {background-position-y:151px;transition:all 0.4s;}
.hr .welfare li.can i {background-position-x:-3px;background-position-y:-79px;}
.hr .welfare li.can:hover i {background-position-y:73px;transition:all 0.4s;}
.hr .welfare li.fu i {background-position-x:-85px;background-position-y:-82px;}
.hr .welfare li.fu:hover i {background-position-y:70px;transition:all 0.4s;}
.hr .welfare li.lan i {background-position-x:-163px;background-position-y:-82px;}
.hr .welfare li.lan:hover i {background-position-y:70px;transition:all 0.4s;}
.hr .welfare li.qiu i {background-position-x:-256px;background-position-y:-82px;}
.hr .welfare li.qiu:hover i {background-position-y:69px;transition:all 0.4s;}

@media (max-width:540.7px) {
	.hr .recruit li {width:100%;margin-bottom:20px;margin-right:0; }
	.hr .recruit li img {width:100%;border-radius: 5px;}
	.hr .standard { height: 435px; }
	.hr .standard .lbox {float:none;margin:0;padding-top:20px;text-align:center;}
	.hr .standard .lbox span {display:none;}
	.hr .standard .lbox em { display: none; }
	.hr .standard .rbox {float:none;margin:0 auto;padding-top:30px;width:auto;}
	.hr .standard .rbox ul { width: 310px;margin:0 auto; }
	.hr .standard .rbox li { width: 140px;height: 140px;border-radius:0 28px;text-align: center;vertical-align:top;margin:0; }
	.hr .standard .rbox li:first-child+li,.hr .standard .rbox li:first-child+li+li { border-radius: 28px 0; }
	.hr .standard .rbox li p { display: none;font-size: 1.2em;padding: 30px 0 0 10px;line-height: 25px; }
	.hr .standard .rbox li span { display: block; font-size: 2.4em;padding-top: 36%;margin:0; }
	.hr .standard .rbox li:hover span { display: none; }
	.hr .standard .rbox li:hover p { display: block; }
	.hr .apply li {width:100%;height: auto; margin:0 auto;}
	.hr .welfare {text-align:center;}
	.hr .welfare li {width:140px;margin-right:10px;margin-bottom:30px;}
	.hr .welfare li:nth-child(4n) {margin-right:10px;}
	.hr .sign ul {position:static;height:auto;overflow:hidden;}
	.hr .sign ul:before {display:none;}
	.hr .sign li {position:relative;top:0;display:block;padding:0 0 20px 30px;transform:none !important;margin:10px 0;}
	.hr .sign li:first-child +li, .hr .sign li:first-child +li +li +li {padding-bottom:20px;padding-top: 0;}
	.hr .sign li:before {position:absolute;top:13px;left:0;bottom:auto;transform:translateY(-50%) !important;width:15px;height:15px;}
	.hr .sign li:nth-child(2n):before {top:12px;}
	.hr .sign p a { float: none; }
	h2 { margin:30px 0;font-size: 2.0em; }
	.ftitle { font-size: 1.4em; }
	.hr_bg {background:url("/zg/images/hr-bg-4.jpg") center;height: 150px;margin-top:55px;}
    .hrhh { height:20px;}
}
@media (min-width:540.7px) and (max-width:768px) {
	.hr .recruit li {width:30%;margin-right:13px;}
	.hr .standard {height:650px;background:url("/zg/images/hr-4.jpg") repeat-y;}
	.hr .standard .lbox {float:none;margin:0;padding-top:20px;text-align:center;}
	.hr .standard .lbox span {display:none;}
	.hr .standard .rbox {float:none;margin:0 auto;padding-top:30px;width:auto;}
	.hr .apply li {width:90%;margin:0 5%;}
	.hr .apply li {height:320px;}
	.hr .welfare {text-align:center;}
	.hr .welfare li {margin-right:60px;}
	.hr .welfare li:nth-child(3n) {margin-right:60px;}
	.hr .welfare li:nth-child(2n) {margin-right:0;}
	.hr .recruit li span {font-size:1.6em;}
	.hr .sign ul {position:static;height:auto;overflow:hidden;}
	.hr .sign ul:before {display:none;}
	.hr .sign li {position:relative;top:0;display:block;width:100%;padding:0 0 0 30px;transform:none !important;margin:10px 0;}
	.hr .sign li:before {position:absolute;top:20%;left:0;bottom:auto;transform:translateY(-50%) !important;width:20px;height:20px;}
    .hr .sign li:nth-child(2n):before { top:34%; }
    .ftitle { font-size: 1.4em; }
    .hr .standard .rbox li { width: 230px;height: 230px; }
    .hr_bg {background:url("/zg/images/hr-bg-4.jpg") center;height: 200px;margin-top:55px;}
    .hrhh { height:20px;}
}
@media (min-width:768px) and (max-width:991px) {
	.hr .recruit li {width:30%;}
	.hr .standard {height:650px;}
	.hr .standard .lbox {float:none;margin:0;padding-top:20px;text-align:center;}
	.hr .standard .lbox span {display:none;}
	.hr .standard .rbox {float:none;margin:0 auto;padding-top:30px;text-align:center;}
	.hr .apply li {height:378px;width:247px;}
	.hr .welfare {text-align:center;}
	.hr .welfare li:nth-child(4n) {margin-right:61px;}
	.hr .welfare li:nth-child(3n) {margin-right:0;}
	.hr .welfare li {margin-right:61px;}
	.hr .sign ul:before {top:64%;}
	.hr .sign li {width:147px;}
	.hr .sign p a {float:none;}
	.hr_bg {background:url("/zg/images/hr-bg-3.jpg") center;height: 300px;margin-top:55px;}
    .hrhh { height:30px;}
}
@media (min-width:992px) and (max-width:1199px) {
	.hr .recruit li {width:304px;}
	.hr .standard .rbox {width:577px;}
	.hr .standard .lbox span {font-size:3.6em;}
	.hr .apply li {height:320px;width:309px;margin-right:15px;}
	.hr .welfare li {margin-right:71px;}
	.hr .sign ul:before {top:64%;}
	.hr .sign li {width:193px;}
	.hr_bg {background:url("/zg/images/hr-bg-2.jpg") center; height: 400px;}
}
/************************Contact Us**********************/
#allmap{height:400px; width:1200px; margin:0 auto;}
#allmap div,#allmap p{font-size:14px;}
.contact_bg {background:url("../images/contact-bg.jpg") no-repeat center;}
.ctt .addtel {position:relative;height:500px;text-align:center;}
.ctt .addtel dl {display:inline-block;width:49%;min-height:290px;background:url("../images/contact-2.jpg") no-repeat center;overflow:hidden;margin-right:20px;text-align:center;color:#f0f0f0;}
.ctt .addtel dl.tel {background:url("../images/contact-1.jpg") no-repeat center;margin-right:0;}
.ctt .addtel dt {font-size:2.8em;padding:100px 0 20px 0;}
.ctt .addtel dd {font-size:1.6em;}
.ctt .addtel dd span {padding-right:15px;}
.ctt .addtel ul {position:absolute;bottom:-140px;background:#ffffff;box-shadow:#f7f7f7 0px 0px 30px 5px;z-index:2;margin-bottom:30px;}
.ctt .addtel li {display:inline-block;width:297px;font-size:1.6em;text-align:center;color:#626060;margin:30px 0;overflow:hidden;}
.ctt .addtel li span {display:block;width:100px;height:100px;background:#f1f1f1;margin:0 auto;border-radius:50px;margin-bottom:30px;behavior:url(./PIE.htc);}
.ctt .addtel li span i {display:block;padding:13px;font-size:50px;color: #c70008;}
.ctt .addtel li:nth-child(2) span i { font-size: 40px;padding-top: 22px; }
.ctt .addtel li:hover span { background: #c70008;transition: all .6s; }
.ctt .addtel li:hover span i { color: #ffffff;transition: all .6s; }
.ctt .addtel li a {display:block;margin-top:20px;}
.ctt .sns ul li {display:inline-block;width:237px;font-size:1.6em;text-align:center;color:#333333;margin-bottom:40px;}
.ctt .sns ul li img {margin:0 auto 30px;}
.ctt .sns ul li:hover p {color:#c70008;}
.ctt .biaodan form {display:block;height:330px;font-size:1.4em;}
.ctt .biaodan form .form_l {width:568px;margin-right:20px;margin-left:20px;float:left;height:100%;overflow:hidden;position:relative}
.ctt .biaodan form input {line-height:45px;border:1px solid #e5e5e5;height:45px;margin-bottom:20px;width:566px;text-indent:14px;float:left;opacity:.8;}
.ctt .biaodan form .form_r {width:568px;float:left;height:100%;overflow:hidden;position:relative}
.ctt .biaodan form .form_r textarea {height:110px;width:560px;text-indent:10px;border:1px solid #e5e5e5;line-height:30px;opacity:.8;}
.ctt .biaodan form .form_l button {cursor:pointer;width:120px;height:40px;background-color:#999999;color:#FFF;line-height:40px;float:right;border:none;position:absolute;right:100px;bottom:50px;border-radius:5px;}
.ctt .biaodan form .form_r button {cursor:pointer;width:120px;height:40px;background-color:#c70008;color:#FFF;line-height:40px;border:none;position:absolute;left:100px;bottom:50px;border-radius:5px;}
.ctt .form_l select#title {line-height:45px;border:1px solid #e5e5e5;height:45px;margin-bottom:20px;width:568px;text-indent:14px;float:left;opacity:.8;}
.ctt .map {position:relative;}
.ctt .map .mapbox {height:550px;}
.BMap_shadow div img { display: none !important; }
.BMap_pop div:nth-child(1) { border-radius: 10px 0 0 0;}
.BMap_pop div:nth-child(3) div { border-radius: 0 10px 0 0;}
.BMap_pop div:nth-child(5) div { border-radius: 0 0 0 10px;}
.BMap_pop div:nth-child(7) div { border-radius: 0 0 10px 0;}
.ctt .map .mapz {width:50%;height:550px;z-index:1;position:absolute;background:#c70008;bottom:0;opacity:0.8;filter:alpha(opacity=80);}
.ctt .map .mapz li {display:inline-block;padding:30px 40px;text-align:center;float:right;margin-top:270px;}
.ctt .map .mapz li span {display:block;margin-top:5px;font-size:1.4em;color:#f0f0f0;}
.ctt .hotel {text-align:center;}
.ctt .hotel li p {line-height:35px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ctt .hotel li { display:inline-block;width: 377px; text-align:center;font-size:1.4em;overflow:hidden;background:#e9e9e9;margin-right:30px;padding:20px 0;}
.ctt .hotel li:first-child+li+li { margin-right:0px; }
.ctt .hotel li img {width: 90%; margin:0 5%;transition:all 0.6s;}
.ctt .hotel li img:hover {transform:scale(0.9);}
.ctt .hotel li p:nth-child(3) {width:350px;height:290px;margin:0 15px;overflow:hidden;}

@media (max-width:768px) {
	.ctt .addtel {position:unset;height:auto;}
	.ctt .addtel dl {width:90%;margin-right:0;border-radius:5px;min-height: 190px}
	.ctt .addtel ul {position:unset;margin-top:20px;}
	.ctt .sns { text-align:center;}
	.ctt .sns ul li { width:135px;}
  .ctt .sns ul li:first-child+li+li { display:none; }
	.ctt .addtel li { width:147px;margin:0;}
	.ctt .map .mapbox {width:90%;margin:0 auto;height:350px;}
	.ctt .biaodan form .form_l {width:100%;height:auto;margin-left:0;}
	.ctt .biaodan form .form_r {width:100%;height:320px;}
	.ctt .biaodan form {height:510px;}
	.ctt .biaodan form .form_r button {left:calc(50% - 50px);}
	.ctt .hotel li img { width:80%;margin:10px 0;border-radius:5px;}
	.ctt .form_l select#product {width:100%;}
	.ctt .addtel dt { font-size: 1.8em;font-weight: 600;padding-top: 60px; }
	.ctt .addtel dd { font-size: 1.4em;padding:0 20px; }
	.ctt .addtel li p { display: none; }
	.ctt .biaodan form input { width: 98%; }
	.ctt .biaodan form .form_r textarea { width: 98%; }
	.ctt .hotel li { width: 100%;margin-right:0; }
	.ctt .addtel li span { width: 80px;height: 80px; }
	.ctt .addtel li span i { font-size: 40px;padding:10px; }
	.ctt .addtel li:nth-child(2) span i { font-size: 33px; padding-top: 17px; }
	.ctt .sns ul li img { width: 80%;margin:0 0 10px 0; }
}
@media (min-width:768px) and (max-width:991px) {
	.ctt .addtel dl {margin-right:11px;}
	.ctt .addtel ul {position:unset;margin-top:20px;}
	.ctt .addtel li {width:164px;}
	.ctt .map .mapbox {width:750px;margin:0 auto;}
	.ctt .hotel li {width:240px;margin-right:10px;}
	.ctt .biaodan form .form_l {width:355px;}
	.ctt .biaodan form .form_r {width:355px;}
  .ctt .sns ul li { width:147px; }
}
@media (min-width:992px) and (max-width:1199px) {
	.ctt .addtel dl {margin-right:19px;}
	.ctt .addtel li {width:243px;}
	.ctt .sns ul li {width:193px;}
	.ctt .map .mapbox {width:980px;margin:0 auto;}
	.ctt .hotel li {width:314px;margin-right:10px;}
	.ctt .biaodan form .form_l {width:470px;}
	.ctt .biaodan form .form_r {width:470px;}
}
/************************About Us**********************/
.about_bg {background:url("/zg/images/about-bg.jpg") no-repeat center;}
.main .nav {background:#f7f7f7;height:100px;height:30px;padding:20px 0;text-align:center;line-height:30px;}
.main .nav li {display:inline-block;width:19%;font-size:2.0em;border-right:1px dashed #999999;text-align:center;font-weight:600;color:#626060;}
.main .nav li:first-child+li+li+li+li {border-right:0;}
.abt .vio { cursor: pointer; }
.abt .advantage {text-align:center;}
.abt .advantage li {display:inline-block;width:24%;font-size:1.6em;text-align:center;color:#626060;}
.abt .advantage li i {display:block;width:60px;height:60px;background:url("/zg/images/about-1.png");margin:20px auto;background-position-x:65px;}
.abt .advantage li:first-child+li i {background-position-y:-65px;background-position-x:65px;}
.abt .advantage li:first-child+li+li i {background-position-y:-125px;background-position-x:56px;}
.abt .advantage li:first-child+li+li+li i {background-position-y:-190px;background-position-x:58px;}
.abt .advantage li span {color:#c70008;font-size:2.8rem;font-weight:600;}
.abt .degree h2 {color:#f0f0f0;}
.abt .degree {color:#f0f0f0;background:url('/zg/images/about-4.jpg');padding-bottom:30px;position:relative;text-align:center;}
.abt .degree p {color: #ffffff;}
.abt .degree li {display:inline-block;width:297px;text-align:center;margin-bottom:60px;}
.abt .degree li span {display:block;font-size:1.4em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.abt .degree li i {display:block;width:65px;height:60px;font-size:5.2em;margin:0 auto 20px;}
.abt .degree li:hover i {color:#c70008;}
.abt .useto {background:url("/zg/images/about-5.jpg");position:relative;text-align:center;}
.abt .useto p {text-align:center;font-size:1.4em;color:#f0f0f0;}
.abt .useto li {display:inline-block;margin:50px 30px 20px 0;width:274px;background:url('/zg/images/about-6.jpg') no-repeat center;}
.abt .useto li:first-child+li {background:url('/zg/images/about-7.jpg') no-repeat;}
.abt .useto li:first-child+li+li {background:url('/zg/images/about-8.jpg') no-repeat;}
.abt .useto li:first-child+li+li+li {background:url('/zg/images/about-9.jpg') no-repeat;margin-right:0;}
.abt .useto li a {display:block;font-size:1.6em;color:#f0f0f0;cursor:pointer;margin:50px;text-align:center;font-weight: 600;padding-bottom: 10px;}
.abt .honor {text-align:center;}
.abt .honor li {display:inline-block;width:340px;text-align:center;background:#f7f7f7;margin:20px 10px;padding:40px 20px;}
.abt .honor li:first-child+li+li,.abt .honor li:first-child+li+li+li+li {margin-right:0;}
.abt .honor li img {transition:all 0.3s;}
.abt .honor li img:hover {transform:scale(1.1);}
.abt .honor li span {display:block;font-size:1.6em;margin-top:25px;}
.abt .honor li:hover span {color:#c70008;}
.abt .factory img {margin-bottom:14px;}
.abt .factory img.farm {margin-left:14px;}
.abt .duty li { position: relative; }
.abt .duty .lbox,.abt .duty .rbox {width:50%;margin-bottom:50px;}
.abt .duty .rmclass:after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:#242020;z-index:1;opacity:0.6;}
.abt .duty li span { position:absolute;left:50px;top:30px;z-index:2;font-size:2.4em;color:#f0f0f0;font-weight:600;}
.abt .duty .lbox li.staff {display:inline-block;width:50%;height:269px;background:url("/zg/images/about-14.jpg");}
.abt .duty .lbox li.indus {display:inline-block;width:50%;height:269px;background:url("/zg/images/about-15.jpg");}
.abt .duty .lbox li.custom {display:block;width:100%;height:296px;background:url("/zg/images/about-16.jpg");margin-top:-6px;}
.abt .duty .rbox li.society {display:block;width:100%;height:563px;background:url("/zg/images/about-17.jpg") no-repeat;}
.abt .duty li:hover:after {display:none;}


@media (max-width:768px) {
	.abt .advantage li span {font-size:1.4em;}
	.abt .factory img:nth-child(5) {display:none;}
	.abt .factory img:nth-child(6) {display:none;}
	.main .nav li {font-size:1.4em;width:18%;}
	.abt .useto li {margin:10px;border-radius: 5px;height:80px;line-height:80px;width:145px;vertical-align:top;}
    .abt .useto li a  { margin:0;font-size:1.4em; }
	.abt .honor li {display:block;width:auto;}
    .abt .advantage li { font-size:1.4em; }
	.abt .honor li:nth-child(3n) {margin:20px auto;}
	.abt .useto p,.abt .degree p { display: none; }
	.abt .degree li { width: 49%;margin-bottom: 30px;vertical-align: top; }
	.abt .degree li span { white-space:unset; }
	.abt .duty li:after { display: none; }
	.abt .honor li span { font-size: 1.4em; }
	.abt .useto li:first-child+li+li+li { margin-right: 10px; }
	.abt .duty .lbox { display: none; }
	.abt .duty .rbox  { float: none;width: 100%;margin:0 auto;}
	.abt .duty .rbox li.society { background-position: center;margin-bottom:20px; }
	.abt .duty .rbox li.society span { display: none; }
}
@media (min-width:768px) and (max-width:991px) {
	.abt .factory img:nth-child(5) {display:none;}
	.abt .factory img:nth-child(6) {display:none;}
	.abt .honor li {width:190px;padding:20px;}
	.abt .degree p { display: none; }
	.abt .degree li { width: 350px; margin-bottom: 30px; }
	.abt .advantage li span { font-size: 2.2em; }
	.abt .useto li { margin:10px; }
	.abt .useto li:first-child+li+li+li { margin-right: 10px; }
}
@media (min-width:992px) and (max-width:1199px) {
	.abt .degree li {width:242px;}
	.abt .useto li {margin:50px 3px 20px 0;width:233px;vertical-align:top;}
	.abt .factory img:nth-child(5) {display:none;}
	.abt .factory img:nth-child(6) {display:none;}
	.abt .honor li { width: 267px; }
	.abt .advantage li span { font-size: 2.4em; }
}

/************************Zg Strength**********************/
.stg .aptitude li {display:inline-block;width:287px;text-align:center;background:#f7f7f7;margin:0 10px 20px 0;border:1px solid #dcdcdc;}
.stg .aptitude li:nth-child(4n) {margin-right:0;}
.stg .aptitude li { position: relative; }
.stg .aptitude li .zoom {display: none; position: absolute;left: 0; top: 0;z-index: 9;width: 287px;height:100% ;background: rgba(199,0,8,0.8);cursor: pointer; }
.stg .aptitude li .zoom i {  display: block;font-size: 4.2em;color: #f0f0f0;margin:80px 0 40px; }
.stg .aptitude li .zoom h4 { font-size: 1.6em;color: #f0f0f0;margin:0 20px; }
.mask-img { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,.2);}
.picture { display: none; position: fixed; top: 50%; left:50%; transform: translate(-50%,-50%); width: 70%; height: 800px; line-height: 800px; text-align:center; background: #666; z-index: 20;}
.picture .phone { vertical-align: middle; max-width: 100%; max-height: 90%; }
.picture .left { position: absolute; left: 30px; top: 320px; width: 25px; height: 40px; line-height: 40px;}
.picture .right { position: absolute; right: 30px; top: 320px; width: 25px; height: 40px; line-height: 40px;}
.picture i {  font-size: 3.2em;color:#f0f0f0;cursor: pointer;  }

.stg .honor {text-align:center;}
.stg .honor li {display:inline-block;width:340px;text-align:center;background:#ffffff;margin:20px 10px;padding:40px 20px;}
.stg .honor li:nth-child(3n) {margin-right:0;}
.stg .honor li p {font-size:1.8em;margin-top:50px;margin-bottom:20px;}
.stg .honor li span {display:block;font-size:1.6em;margin-top:25px;}
.stg .honor li:hover span {color:#c70008;}
.stg .tech {position:relative;}
.stg .tech li {display:inline-block;width:289px;text-align:center;background:#f7f7f7;margin:0 10px 30px 0;}
.stg .tech li:nth-child(4n) {margin-right:0;}
.stg .tech table { width: 100%;text-align:center; }
.stg .tech table thead tr td {height: 55px; background:#c70008;color:#f0f0f0;font-size:2.2em;}
.stg .tech table tr td { height:40px;font-size: 1.4em;padding:0.2rem;border: 0.02rem solid #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.stg .tech table tbody { display: block;width: 100%; height: 200px;overflow-y: scroll; }
.stg .tech table thead,tbody tr { display: table;width: 100%;table-layout: fixed;background: #f2f2f4;margin-top: -1px;}
.stg .tech table tbody::-webkit-scrollbar {display: none;}
.stg .create {height:800px;}
.stg .create .create_l {float:left;width:313px;}
.stg .create .create_l li {width:313px;height:87px;background:#333333;text-align:center;font-size:1.8em;color:#f0f0f0;margin-bottom:1px;line-height:82px;cursor:pointer;}
.stg .create .create_l li a {color:#f0f0f0 !important;}
.stg .create .create_l li:hover {background:#c70008;}
.stg .create .create_r {float:right;width:887px;background:#ffffff;}
.stg .create .create_r .high {height:441px;}
.stg .create .create_r .high .high_left {float:left;width:390px;padding-top:100px;margin:0 20px;font-size:1.4em;line-height:35px;}
.stg .create .create_r .high .high_left span {font-size:1.5em;padding-top:10px;}
.stg .create .create_r .high .high_right {display:inline-block;width:410px;margin-top:100px;}
.stg .create .create_r .standard table {display:block;overflow:auto;height:440px;overflow-x:hidden;}
.stg .create .create_r .standard table tr td {height:55px;width:855px;font-size:1.4em;text-align:left;padding-left:60px;border:1px solid #dcdcdc;}
.stg .create .create_r .authen {background:#666666;}
.stg .create .create_r .authen li {display:inline-block;width:293px;height:189.5px;padding-top:30px;}
.stg .create .create_r .authen li span {display:block;width:135px;height:80px;background:url("/zg/images/strength-5.png") no-repeat;margin:30px auto 10px;}
.stg .create .create_r .authen li p {text-align:center;color:#f0f0f0;}
.stg .create .create_r .authen .span1 {background-position-x:0;}
.stg .create .create_r .authen .span2 {background-position-x:-136px;}
.stg .create .create_r .authen .span3 {background-position-x:-276px;}
.stg .create .create_r .authen .span4 {background-position-x:-412px;}
.stg .create .create_r .authen .span5 {background-position-x:-542px;}
.stg .create .create_r .authen .span6 {background-position-x:-684px;}
.stg .create .create_r .production ul {height:440px;overflow-y:scroll;}
.stg .create .create_r .production li {display:inline-block;width:257px;margin:0 20px 30px 10px;position:relative;}
.stg .create .create_r .production li:after {content:"";width:100%;height:20%;position:absolute;left:0;bottom:0;background:#c70008;z-index:1;opacity:0.6;}
.stg .create .create_r .production li img {width:100%;}
.stg .create .create_r .production li p {text-align:center;width:100%;height:20%;color:#f0f0f0;font-size:1.4em;line-height:38px;position:absolute;left:0;bottom:0;z-index:2;}
.stg .create .create_r .device ul {height:440px;overflow-y:scroll;}
.stg .create .create_r .device li {display:inline-block;width:257px;margin:0 20px 30px 10px;position:relative;}
.stg .create .create_r .device li:after {content:"";width:100%;height:20%;position:absolute;left:0;bottom:0;background:#c70008;z-index:1;opacity:0.6;}
.stg .create .create_r .device li img {width:100%;}
.stg .create .create_r .device li p {text-align:center;width:100%;height:20%;color:#f0f0f0;font-size:1.4em;line-height:38px;position:absolute;left:0;bottom:0;z-index:2;}
.stg .create .create_r .content:nth-of-type(n+2) {display:none;}
.stg .science h2 {color:#f0f0f0;}
.stg .science .sci_top {height:700px;background:url("/zg/images/strength-7.jpg") no-repeat center;color:#f0f0f0;}
.stg .science .sci_top .science_title {font-size:2.4em;padding:50px 0;text-align:center;font-weight:600;}
.stg .science .sci_top ul li {width:520px;display:inline-block;font-size:1.5em;margin:50px 126px 50px 0;line-height:30px;}
.stg .science .sci_top ul li span {font-size:1.4em;}
.stg .science .sci_top ul li i {display:block;font-size:2.8em;text-align:left;padding-left:21px;padding-bottom:20px;}
.stg .science .sci_top ul li:hover i {color:#c70008;}
.stg .science .sci_top ul li:nth-child(2n) {margin-right:0;}
.stg .science .sci_bottom {text-align:center;}
.stg .science .sci_bottom li {width:210px;height:260px;display:inline-block;font-size:1.5em;margin:50px 33px 50px 0;line-height:35px;text-align:center;background:#ffffff;color:#999999;}
.stg .science .sci_bottom li i {font-size:3.2em;display:block;margin:70px auto;}
.stg .science .sci_bottom li:hover i {color:#c70008;}
.stg .science .sci_bottom li p {display:block;margin:0 auto;width:150px;padding-bottom:10px;font-size:1.2em;position:relative;}
.stg .science .sci_bottom li:hover p {color:#333333;}
.stg .science .sci_bottom li p:after {content:" ";display:block;width:0;height:2px;background:#c70008;position:absolute;bottom:0;transition:all 0.2s cubic-bezier(0.55,0.09,0.68,0.53);}
.stg .science .sci_bottom li:hover p:after {width:100%;}
.stg .science .sci_bottom li:last-child {margin-right:0;}
.stg .lead .title {font-size:2.4em;font-weight:600;margin:60px 0;color:#333333;}
.stg .lead .content {width:1200px;height:252px;overflow:hidden;}
.stg .lead .content li {width:1200px;height:252px;background:#f7f7f7;}
.stg .lead .content li:not(:first-child) {display:none;}
.stg .lead .content .lt {width:471px;float:left;}
.stg .lead .content .rt {padding-left:550px;padding-top:80px;line-height:50px;font-size:1.8em;color:#626060;}
.stg .lead .content .rt span {display:block;font-size:1.2em;color:#333333;background:url("/zg/images/strength-line-1.png") no-repeat left bottom;margin-bottom:20px;}
.stg .lead .timeline {width:1200px;height:100px;margin:50px 0;}
.stg .lead .timeline .lt {display:block;float:left;width:100px;height:100px;}
.stg .lead .timeline .lt span,.timeline .rt span {display:block;width:40px;height:40px;border:1px solid #dcdcdc;border-radius:5px;text-align:center;margin:25px auto;cursor:pointer;}
.stg .lead .timeline .lt i {font-size:2.4em;color:#626060;padding-left:9px;}
.stg .lead .timeline .rt i {font-size:2.4em;color:#626060;padding-right:9px;}
.stg .lead .timeline .lt i:hover,.stg .lead .timeline .rt i:hover {color:#c70008;}
.stg .lead .timeline .rt {display:block;float:right;width:100px;height:100px;}
.stg .lead .timeline .line {display:inline-block;width:95px;height:100px;background:url("/zg/images/strength-line-2.png") no-repeat center center;}
.stg .lead .timeline .mid {display:block;float:left;width:1000px;height:100px;position:relative;overflow:hidden;}
.stg .lead .timeline .mid ul {width:1400px;position:absolute;left:0px;top:0;float:left;}
.stg .lead .timeline .mid li {float:left;width:100px;height:100px;background:url("/zg/images/strength-line-2.png") no-repeat center center;text-align:center;}
.stg .lead .timeline .mid li i {display:block;font-size:3.8em;color:#626060;padding-top:2px;}
.stg .cooperate p a {color:#c70008;}

@media (max-width:540px) {
	.stg .tech table thead tr td { font-size: 1.4em; }
	.stg .tech table tr td { font-size: 1.2em; }
	.stg .science .sci_top ul li i { font-size: 0.8em;color: #ff2212; }
	.stg .science .sci_top ul li span { font-size: 1.0em;color: #ff2212; }
	.stg .science .sci_bottom li:nth-child(2n) { margin-right: 0 !important; }
	.stg .science .sci_bottom li { height: 120px !important; margin:15px 15px 15px 0 !important;}
	.stg .science .sci_bottom li:last-child { display: none; }
  .stg .aptitude li { display:block;margin:10px auto;border:0;width:100%; }
  .stg .honor li { padding:0 20px; }
}

@media (max-width:768px) {
	.stg .science .sci_top ul li { width:100%;display:block;margin:15px auto;text-align:left;font-size: 1.4em;}
	.stg .science .sci_top ul li i {float:left;margin-right:10px;font-size:1.6em;padding-bottom:0;}
	.stg .science .sci_top {height:auto;}
	.stg .honor li {display:block;width:auto;}
	.stg .tech li {display:block;width:95%;margin:20px auto;}
	.stg .tech li:nth-child(4n) {margin-right:auto;}
	.stg .honor li span { font-size: 1.4em;padding: 15px 0;margin:0; }
	.stg .science .sci_bottom li { width: 126px;height: 170px;margin:35px 15px 35px 0;border-radius:10px; }
	.stg .science .sci_bottom li i { font-size: 2.8em;margin:15px auto;color:#c70008; }
	.stg .science .sci_bottom li p { width: 127px;font-size: 1.0em; }
    .stg .science .sci_bottom li p:after { display:none; }
}
@media (min-width:768px) and (max-width:991px) {
	.stg .science .sci_top ul li {width:310px; vertical-align: top;}
	.stg .science .sci_top {height:750px;}
	.stg .tech .table_title span {width:216px;}
	.stg .tech .table_title span:nth-child(2) {width:352px;}
	.stg .tech .table_title span:nth-child(3) {width:181px;}
	.stg .honor li {width:187px;padding:20px;}
	.stg .honor li:nth-child(3n) {margin-right:10px;}
	.stg .tech ul {width:90%;margin:0 auto;}
	.stg .tech li {margin:20px;}
	.stg .aptitude li { width: 175px; }
	.stg .tech .table_title { height: 88px; } 
	.stg .science .sci_bottom li { width: 126px;height: 170px;margin:35px 15px 35px 0; }
	.stg .science .sci_bottom li i { font-size: 2.8em;margin:35px auto; }
	.stg .science .sci_bottom li p { width: 127px;font-size: 1.0em; }
}
@media (min-width:992px) and (max-width:1199px) {
	.stg .science .sci_top ul li {width:425px;}
	.stg .tech li {width:234px;}
	.stg .tech .table_title span {width:261px;}
	.stg .tech .table_title span:nth-child(2) {width:476px;}
	.stg .tech .table_title span:nth-child(3) {width:242px;}
	.stg .science .sci_top ul li {width:425px;}
	.stg .aptitude li { width: 232px; }
	.stg .science .sci_bottom li { width: 166px;height: 214px; }
	.stg .science .sci_bottom li i { margin:50px auto; }
	.stg .honor li{ width:264px; }
}
/************************Zg Humanity**********************/

.hum .vision {height:500px;background:url("/zg/images/humanity-1.jpg") no-repeat center;margin-bottom:100px;}
.hum .vision p {text-align:left;padding-top:100px;font-size:1.4em;color:#f0f0f0;}
.hum .vision p span {font-size:1.6em;font-weight:600;}
.hum .culture .brand .lbox {display:inline-block;width:300px;float:left;}
.hum .culture .brand .rbox {display:inline-block;width:calc(100% - 355px);background:#f7f7f7;padding-left:55px;min-height:264px;}
.hum .culture .brand .rbox span {display:block;font-size:2.6em;color:#333333;font-weight:600;padding:30px 0;}
.hum .culture .sprite li {display:inline-block;width:300px;height:260px;background:#c70008;vertical-align:top;}
.hum .culture .sprite li:first-child+li,.hum .culture .sprite li:first-child+li+li+li { background: none; }
.hum .culture .sprite li span {display:block;font-size:2.6em;color:#f0f0f0;padding:60px 0 15px 30px;font-weight:600;}
.hum .culture .sprite li p {font-size:1.5em;color:#f0f0f0;padding:20px 45px 0 30px;line-height:30px;}
.hum .culture .idea li {display:inline-block;width:50%;height:257px;background:url('/zg/images/humanity-10.jpg') no-repeat center;position:relative;}
.hum .culture .idea li:first-child+li {background:url('/zg/images/humanity-11.jpg') no-repeat center;}
.hum .culture .idea li:after {content:"";width:100%;height:56px;position:absolute;left:0;bottom:0;background:#000000;opacity:0.6;z-index:2;}
.hum .culture .idea li:hover:after {opacity:0.8;}
.hum .culture .idea li:last-child:after {background:#c70008;}
.hum .culture .idea p {font-size:1.4em;color:#f0f0f0;width:100%;height:56px;position:absolute;left:30px;bottom:-6px;z-index:99;}
.hum .culture .idea span {font-size:2.0em;font-weight:600;}
.hum .activity {margin:60px 0;}
.hum .activity .goddess {height:379px;background:url("/zg/images/humanity-6.jpg") no-repeat;margin-bottom:20px;}
.hum .activity .goddess .smalltext {float:right;width:407px;height:379px;background:#c70008;color:#f0f0f0;position:relative;}
.hum .activity .goddess .smalltext i {position:absolute;color:#c70008;top:60px;left:-20px;font-size:3.2em;}
.hum .activity .goddess span {display:block;font-size:2.8em;font-weight:600;padding-top:60px;padding-left:30px;}
.hum .activity .goddess p {padding-top:30px;font-size:1.6em;padding-left:30px;}
.hum .activity li {display:inline-block;width:383px;height:372px;background:url("/zg/images/humanity-3.jpg") no-repeat center;position:relative;margin-right:21px;}
.hum .activity li:last-child {margin-right:0;}
.hum .activity li:after {content:"";width:100%;height:120px;position:absolute;left:0px;bottom:0px;background:#c70008;opacity:0.6;z-index:2;}
.hum .activity li:hover:after {opacity:0.9;transition:all 0.6s;}
.hum .activity li p {text-align:left;font-size:1.6em;color:#f0f0f0;position:absolute;left:40px;bottom:20px;z-index:9}
.hum .activity li span {display:block;font-size:2.8em;color:#f0f0f0;font-weight:600;padding-top:60px;position:absolute;left:40px;bottom:55px;z-index:9}
.hum .activity li:first-child+li {background:url('/zg/images/humanity-4.jpg') no-repeat center;}
.hum .activity li:nth-child(2):after {display:none;}
.hum .activity li:first-child+li p {color:#333333;top:80px;}
.hum .activity li:first-child+li span {color:#333333;top:-30px;}
.hum .activity li:first-child+li+li {background:url('/zg/images/humanity-5.jpg') no-repeat center;margin-right:0;}
.hum .activity li:last-child:after {background:#1c9cd2;}

@media (max-width:768px) {
	.hum .vision { height:300px;margin-bottom:30px;display:none;}
	.hum .culture .brand .lbox {display:none;}
	.hum .culture .brand .rbox {width:auto;padding:20px;}
	.hum .culture .idea p {font-size:1em;left:unset;bottom:-19px;text-align:center;}
	.hum .culture .idea span {display:none;}
	.hum .activity .goddess .smalltext {width:45px;}
	.hum .activity .goddess p {display:none;}
	.hum .activity .goddess span {font-size:1.8em;padding-left:14px;}
	.hum .activity .goddess {background:url("/zg/images/humanity-6.jpg") no-repeat center;}
	.hum .activity li span {bottom:8px;}
	.hum .culture .idea li {width:100%;}
	.hum .activity {height:auto;margin-bottom:0 !important;}
	.hum .culture .brand .rbox span { font-size: 2.0em; }
	.hum .culture .brand .rbox span { text-align: center; }
	.hum .culture .sprite ul { width: 300px; margin:0 auto; }
	.hum .culture .sprite li:first-child {width:150px;height: 130px; border-radius: 10px 0 0 0;margin-top: 20px;}
	.hum .culture .sprite li:first-child+li img { border-radius:0 10px 0 0;margin-top: 20px; }
	.hum .culture .sprite li:nth-child(3) {width:150px;height: 130px;margin-bottom: 20px;border-radius: 0 0 10px 0;}
	.hum .culture .sprite li:last-child {float:left;}
	.hum .activity li { display: block;width: 100%;margin-bottom: 20px;}
	.hum .activity li span { font-size: 1.8em;width: 100px;left: calc(50% - 50px);text-align: center; }
	.hum .activity li p { font-size: 1.4em;bottom: 10px;left:20px;padding-right: 20px; display: none;  }
	.hum .activity li:after { height: 40px; }
	.hum .culture .sprite li:first-child+li, .hum .culture .sprite li:first-child+li+li+li { width: 150px;height: auto; }
	.hum .culture .sprite li:first-child+li+li+li img { border-radius: 0 0 0 10px; }
	.hum .culture .sprite li p { display: none; }
	.hum .culture .sprite li span { padding-top: 50px;font-size: 2.0em; }
	.hum .activity .goddess:hover { background:url('/zg/images/humanity-6.jpg'); }
}

@media (min-width:768px) and (max-width:991px) {
	.hum .culture .brand .lbox {display:none;}
	.hum .culture .brand .rbox {width:auto;padding-right:55px;}
	.hum .culture .sprite ul { width: 600px; margin:0 auto; }
	.hum .culture .sprite li:first-child {width:300px;border-radius: 66px 0 0 0;margin-top: 20px;}
	.hum .culture .sprite li:first-child+li img { border-radius:0 66px 0 0;margin-top: 20px; }
	.hum .culture .sprite li:nth-child(3) {width:300px;margin-bottom: 20px;border-radius: 0 0 66px 0;}
	.hum .culture .sprite li:last-child {float:left;}
	.hum .culture .idea p {font-size:1em;left:20px;bottom:-14px;}
	.hum .activity .goddess .smalltext {width:150px;}
	.hum .activity li {width:240px;margin-right:10px;}
	.hum .culture .brand .rbox span { text-align: center; }
	.hum .culture .sprite li:first-child+li+li+li img{ border-radius: 0 0 0 66px; }	
	.hum .culture .idea li,.hum .culture .idea li:after { border-radius: 10px;}
	.hum .activity li span { font-size: 1.8em;width: 100px;left: calc(50% - 50px);text-align: center; }
	.hum .activity li p { font-size: 1.4em;bottom: 10px;left:20px;padding-right: 20px;  }
	.hum .activity .goddess:hover { background:url('/zg/images/humanity-6.jpg'); }
}

@media (min-width:992px) and (max-width:1199px) {
	.hum .culture .sprite li {width:245px;height:212px;}
	.hum .activity .goddess .smalltext {width:188px;}
	.hum .activity li {width:310px;}
	.hum .activity li span { font-size: 1.8em;width: 100px;left: calc(50% - 50px);text-align: center; }
	.hum .activity li p { font-size: 1.4em;bottom: 10px;left:20px;padding-right: 20px;  }
}
/************************Brand Process**********************/

.his .clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.his .left {width:140px;border-bottom:2px solid #DDD;background:#FFF;float:left;}
.his .left li:hover {border-left:3px solid #c70008;}
.his .left li a {height:40px;line-height:40px;display:block;color:#333}
.his .left li a:hover,.left li.active a {color:#0066FF}
.his .left li.active {border-left:3px solid #c70008;}
.his .left li {border-left:3px solid #f0f0f0;border-bottom:1px solid #EEEEEE;font-size:14px;height:40px;margin-bottom:1px;overflow:hidden;padding-left:25px;}
.his .event_year {width:60px;border-bottom:2px solid #DDD;text-align:center;float:left;margin-top:10px;}
.his .event_year li {height:40px;line-height:40px;background:#FFF;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer;}
.his .event_year li.current {width:61px;background:#c70008 url('/zg/images/history-1.png') 60px 0 no-repeat;color:#f7f7f7;text-align:left;padding-left:9px;}
.his .event_list {width:90%;float:right;background:url('/zg/images/dian.png') 139px 0 repeat-y;margin:10px 0 20px 0;}
.his .event_list h3 {margin:0 0 10px 132px;font-size:24px;font-family:Georgia;color:#c70008;padding-left:25px;background:url('/zg/images/history-1.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic;text-align:center;}
.his .event_list li {background:url('/zg/images/history-1.png') 136px -80px no-repeat;}
.his .event_list li span {width:127px;text-align:right;display:block;float:left;margin-top:10px;font-size:1.4em;}
.his .event_list li p {width:75%;margin-left:40px;display:inline-block;padding-left:10px;background:url('/zg/images/history-1.png') -21px 0 no-repeat;line-height:25px;_float:left;}
.his .event_list li p span {width:100%;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px;background:#FFF;margin:0;font-size:1.4em;}
.his .event_list li p span img {max-width:400px;}

@media (max-width:768px) {
	.his .event_list {width:100%;background:url(/zg/images/dian.png) 25px 0 repeat-y;}
	.his .event_list h3 {margin-left:18px;}
	.his .event_list li {background:url('/zg/images/history-1.png') 20px -80px no-repeat;}
	.his .event_list li span {width:65px;}
  .his .event_list li p span img {max-width:80%;}
}
@media (min-width:768px) and (max-width:991px) {
	.his .event_list li p {margin-left:150px;}
  .his .event_list li p span img {max-width:80%;}
}
/************************Industrial Park**********************/

.park_bg { background: url('/zg/images/park-bg.jpg') center;height: 600px; }
.pak .brief li {display:inline-block;width:50%;height:398px;vertical-align:top;}
.pak .brief li:first-child+li {background-color:#f7f7f7;}
.pak .brief li h3 {font-size:2.8em;text-align:left;padding-left:40px;padding-top:20px;margin-bottom:30px;}
.pak .brief li p {font-size:1.4em;padding:0 40px;line-height:30px;color:#626060;}
.pak .project {background:url("/zg/images/park-3.jpg") no-repeat;}
.pak .project h2 {color:#f0f0f0;}
.pak .project span {display:block;font-size:2.8em;padding:40px 0 0 40px;color:#f0f0f0;font-weight:600;position:absolute;z-index:9;}
.pak .project .lbox {display:inline-block;width:688px;height:510px;background:url("/zg/images/park-4.jpg") no-repeat center;position: absolute;left: 0;position:relative;}
.pak .project .lbox p { font-size:1.6em;line-height:36px;padding:40px;color:#f0f0f0;position:absolute;bottom:46%;z-index:9;opacity:0;transition:all 0.6s; }
.pak .project .lbox:hover p { opacity:1;transition:0.6s }
.pak .project .lbox:after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:#c70008;opacity:0;z-index:2;}
.pak .project .lbox:hover:after {opacity:0.6;transition:0.6s}
.pak .project .rbox {display:inline-block;position: absolute; right:0;}
.pak .project .rbox dl {width:488px;height:248px;background:url("/zg/images/park-5.jpg") no-repeat center;position:relative;}
.pak .project .rbox dl dt {font-size:2.8em;padding:40px 0 0 40px;color:#f0f0f0;font-weight:600;position:absolute;z-index:9;}
.pak .project .rbox dl dd {display:block; font-size:1.5em;color:#f0f0f0;padding:0 20px;position:absolute;bottom:50px;z-index:9;opacity:0;transition:all 0.6s;}
.pak .project .rbox dl:first-child+dl {background:url("/zg/images/park-6.jpg") no-repeat center;margin-top:14px;}
.pak .project .rbox dl:hover dd { opacity:1;transition:0.6s }
.pak .project .rbox dl:after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:#c70008;opacity:0;z-index:2;}
.pak .project .rbox dl:hover:after {opacity:0.6;transition:0.6s}
.pak .project li {display:inline-block;width:350px;height:430px;background:url("/zg/images/park-9.jpg") no-repeat;margin-right:71px;position:relative;transition:all 0.9s;}
.pak .project li span {display:block;width:100px;text-align:center;font-size:8em;color:#c70008;position:absolute;left:calc(50% - 95px);top:0;z-index:2;}
.pak .project li i {width:150px;height:100px;background:url("/zg/images/youjian.png") no-repeat;background-size:40%;position:absolute;left:50%;bottom:-45px;margin-left:-30px;z-index:2;}
.pak .project li p {position:absolute;width:250px;text-align:center;left:calc(50% - 125px);top:50%;color:#333333;z-index:2;font-size:2.4em;font-weight:600;}
.pak .project li:after {content:"";width:100%;height:100%;position:absolute;left:0;bottom:0;background:#f7f7f7;z-index:1;opacity:0.8;}
.pak .project li:nth-child(2) {background:url("/zg/images/park-7.jpg") no-repeat;}
.pak .project li:last-child {background:url("/zg/images/park-8.jpg") no-repeat;margin-right:0;}
.pak .project li:hover:after {background:#c70008;}
.pak .project li:hover h4 {color:#f0f0f0;top:118px;}
.pak .project li:hover i {background-position-y:-45px;}
.pak .project li p {display:none;font-size:1.6em;color:#f0f0f0;font-weight:500;}
.pak .project li h4 {width:260px;text-align:center;position:absolute;left:calc(50% - 130px);top:50%;color:#333333;z-index:2;opacity:0.9;font-size:2.4em;font-weight:600;}
.pak .advantage dl {background:url("/zg/images/park-10.jpg") no-repeat center;width:100%;height:350px;padding-top:50px;margin-bottom:20px; text-align:center;color:#f0f0f0;}
.pak .advantage dl div {background:#c70008;width:290px;height:300px;margin-bottom:30px;}
.pak .advantage dt {font-size:2.4em;font-weight:600;padding:30px;text-align:center;}
.pak .advantage dd {padding:0 30px;font-size:1.4em;text-align:left;}
.pak .advantage dl:first-child+dl {background:url("/zg/images/park-11.jpg") no-repeat center;}
.pak .advantage dl div.one {margin-left:50px;}
.pak .advantage dl div.two {background:#000000;margin-left:850px;}
.pak .progress {background:url("/zg/images/park-12.jpg") no-repeat;position:relative;}
.pak .progress h2 {text-align:left;color:#f0f0f0;font-size:2.8em;margin:60px 0;}
.pak .progress .rebox {position:relative;}
.pak .progress .probox {width:100%;height:272px;overflow:hidden;}
.pak .progress .btn {width:35px;height:35px;border-radius:5px;position:absolute;top:38%;left:40px;z-index:10;background:rgba(247,247,247,.3);border:1px solid transparent}
.pak .progress .btn:hover {cursor:pointer;background:rgba(247,247,247,.6);border:1px solid #ffffff;}
.pak .progress .btn i {color:#333333;font-size:2.4em;padding-left:10px;}
.pak .progress .btn:nth-child(3) {left:unset;right:40px;}
.pak .progress .btn:nth-child(3) i {padding-right:10px;padding-left:0;}
.pak .progress .next i {padding-right:10px;}
.pak .progress .probox ul {width:6000px;height:272px;padding:0;margin:0;}
.pak .progress .probox li {float:left;width:380px;margin-right:30px;overflow:hidden;position: relative; }
.pak .progress .probox li p {display:block;height:30px;color:#626060;font-size:1.4em;background:#ffffff;padding:20px;transition:all 0.3s;}
.pak .progress .probox li span {display:block;float:right;}
.pak .probox li .zoom {display: none; position: absolute;left: 0; top: 0;z-index: 9;width: 380px;height:100% ;background: rgba(199,0,8,0.8);cursor: pointer;text-align:center; }
.pak .probox li .zoom i {  display: block;font-size: 4.2em;color: #f0f0f0;margin:80px 0 40px; }
.pak .probox li .zoom h4 { font-size: 1.6em;color: #f0f0f0;margin:0 20px; }


@media (max-width:540.7px) {
	.pak .project li {background:content-box !important;}
	.pak .project .rbox dl:first-child+dl { border-radius: 0 0 10px 10px;margin-top:0; }
	.park_bg {background:url("/zg/images/park-bg-4.jpg") center;height: 150px;margin-top:55px;}
}

@media (max-width:768px) {
	.pak .brief { padding: 0; }
	.pak .brief li:first-child {display:none;}
	.pak .brief li {width:100%;height:320px;}
	.pak .brief li p {padding:0 10%;}
	.pak .project { background:url("/zg/images/park-3.jpg") repeat-y;}
	.pak .project .lbox {width:100%;height:200px;left: 0;opacity: 1;border-radius: 10px 10px 0 0;}
	.pak .project .rbox {display:block;position:unset;margin-top:-4px;}
	.pak .project .rbox dl {width:100%;height:180px;background-size:cover;}
	.pak .project .rbox dl dt { font-size: 1.6em;padding:30px 0 0 10px; }
	.pak .project span { font-size: 1.6em;padding:30px 0 0 10px; }
    .pak .project .lbox p { opacity:1;font-size:1.2em;line-height:24px;padding:0 10px;bottom:unset;top:70px; }
    .pak .project .rbox dl dd { opacity:1;position:unset;font-size:1.2em;padding:80px 10px 30px;background:rgba(0,0,0,0.3)}
    .pak .project .lbox:after,.pak .project .rbox dl:after { display:none; }
	.pak .project li {display:block;width:90%;height:200px;margin:20px auto;border-radius: 20px;background-size:cover !important;}
	.pak .project li i {height:50px;bottom:0;display:none;}
	.pak .project li h4 {font-size:1.6em;top:55%;}
	.pak .project li:last-child {margin-right:auto;}
	.pak .project li:after { border-radius: 20px; }
	.pak .project li:hover h4 { top:30px; }
	.pak .project li p { font-size: 1.3em;width:240px;left: calc(50% - 120px);top:38%; }
    .pak .advantage dl { height:300px; }
	.pak .advantage dl div {margin:0 auto !important;border-radius: 20px;height:260px;}
	.pak .advantage dt { font-size: 2.0em; }
	.pak .progress .btn { left: 15px;opacity: 0.2; }
	.pak .progress .btn:nth-child(3) { right: 15px; }
  .pak .project li span { font-size:5em; left:calc(50% - 50px);padding:40px 0 0 0;top:-15px; }
  .pak .progress .probox li { width:334px;border-radius:10px; }
  .pak .progress .probox li p { padding:10px;font-size:0.9em; }
  .pak .progress h2 { font-size:2.0em;margin:30px 0;text-align:center; }
}
@media (min-width: 540.7px) and (max-width: 768px) {
	.park_bg {background:url("/zg/images/park-bg-4.jpg") center;height: 200px;margin-top:55px;}
}
@media (min-width:768px) and (max-width:991px) {
	.pak .brief li {height:249px;}
	.pak .brief li h2 {margin:25px 0 15px 0;font-size:2.0em;}
	.pak .project .lbox {width:450px;}
	.pak .project .rbox dl {width:276px;}
	.pak .project .rbox dl dt {padding:20px 0 0 20px;}
	.pak .project .rbox dl dd {font-size:1.4em;bottom:25px;}
	.pak .project li {width:230px;height:300px;margin-right:26px;}
	.pak .project li:last-child p {width:200px;left:15px;font-size:1.4em;}
	.pak .project li span {font-size:6em;}
	.pak .project li h4 {font-size:2.0em;top:56%;}
	.pak .project li:hover h4 { top:70px; }
	.pak .project li p { width:180px;left: calc(50% - 90px);top:44%; }
	.pak .project li i {background-size:35%;bottom:-55px;display:none;}
	.pak .advantage dl div.two {margin-left:410px;}
	.pak .progress .btn { left: 15px; }
	.pak .progress .btn:nth-child(3) { right: 15px; }
	.pak .project li p { font-size: 1.4em; }
	.park_bg {background:url("/zg/images/park-bg-3.jpg") center;height: 300px;margin-top:55px;}
  .pak .project .lbox p { bottom:34%; font-size:1.4em; }
  .pak .progress .probox li { width:363px; }
}

@media (min-width:992px) and (max-width:1199px) {
	.pak .brief li {height:325px;}
	.pak .project .lbox {width:500px;}
	.pak .project .rbox dl {width:456px;}
	.pak .project .rbox .scale {width:456px;}
	.pak .project .rbox .content {width:456px;}
	.pak .project li {width:300px;height:400px;margin-right:36px;}
	.pak .project li span {top:18px;}
	.pak .advantage dl div.two {margin-left:640px !important;}
	.pak .progress .probox li {width:307px;}
	.park_bg {background:url("/zg/images/park-bg-2.jpg") center;height: 400px;}
}