body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td{font-family: Arial,font2018;font-weight: normal;text-align: justify;}
body,html{ height:100%; }



.pa-banner{display: block;position: relative;overflow: hidden;    max-height: 100%;   }
.pa-banner img{ display: block;width: 100%;}
.pa-banner dd{position: absolute;top: 50%;left: 1%;width: 100%;height: auto;z-index:5;margin-top: -94px;}
.pa-banner dd h3{ display: block;overflow: hidden;margin-bottom: 20px;}
.pa-banner dd h3 span{ display: block;float: left;width: 100px;height: 1px;background: #fff;margin: 18px 12px 0 0;}
.pa-banner dd h3 font{ text-transform: uppercase;display: block;float: left;color: #fff;line-height: 40px;font-size: 2.8em;letter-spacing: 2px; height: 40px; font-family: font2018; }
.pa-banner dd h4{ color: #fff;letter-spacing: 2px;font-size: 24px;margin: 20px 0 20px 112px; height: 26px; line-height: 26px;}
.pa-banner dd a{ transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s; display: inline-block;  font-size: 1em;margin: 20px 0 0 112px;width: 40px;height: 40px;border: 1px solid #fff;border-radius: 50%;line-height: 40px;text-align: center;}
.pa-banner dd a .fa{    color: #fff;}
.pa-banner dd a strong{animation: downico 1.5s ease-out infinite;position: relative;display: block;line-height: 30px;}
.pa-banner h6{ width: 40%;background-image: radial-gradient(#ffffff 15%, #af666600 16%), radial-gradient(#ffffff 15%, transparent 16%);background-size: 120px 120px;background-position: 0 0, 60px 60px;min-height: 720px;overflow: hidden;top: 0;right: 0;position: absolute;height: 100%;}


 @keyframes downico{
	0%{
		top: 0;
		opacity: 1;
	}
	35%{
		top: 40%;
		opacity: 0;
	}
	65%{
		top: -40%;
		opacity: 0;
	}
	100%{
		top: 0;
		opacity: 1;
	}
}

.in-company-2{ display: block;overflow: hidden;  margin:1%; width: 98%; position: relative;margin-bottom: 3%;}
.in-company-2 dd{ display: block;overflow: hidden;width: 32.666%;position: absolute;top: 0;left: 0;height: 100%; background-image: url(/style/images/in-service-01.jpg);background-size: cover;background-repeat: no-repeat;background-position: left center; }
.in-company-2 dd a{ width: 16%; }
.in-company-2 dd p{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0.1);    transition: all .5s;}
.in-company-2 dt img{ width:100%; display: block; }
.in-company-2 dt{ position: relative; display: block;float: right;width:32.666%;overflow: hidden;}
.in-company-2 dt h3,.in-company-2 dd h3{ position: absolute;width: 100%;top: 50%;left: 0;z-index: 4;    margin-top: -51px;}
.in-company-2 dt h3 span,.in-company-2 dd h3 span{ display: block;text-align: center;color: #fff;font-size: 24px;    text-shadow: 0 0 10px #000;margin-bottom: 10px;letter-spacing: 2px;height: 50px;line-height: 50px;}
.in-company-2 dt h3 a{color: #fff;border: 1px solid #eee;    width: 16%;    padding-top: 0;}
.in-company-2 dt h3 a .fa{ color: #fff;}
.in-company-2 dt p{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: rgba(16, 165, 111, 0.86);}
.in-company-2 dt video{ display: block;width: 100%;}
.in-company-2 #i-c-dd{display: block;overflow: hidden;width: 32.666%;position: absolute;top: 0;left:33.666%;height: 100%; background-image: url(/style/images/in-service-03.jpg);background-size: cover;background-repeat: no-repeat;background-position: left center;}
.in-company-2-h4{    display: block;font-size: 40px;margin: 50px 0 50px 1%;}
.in-company-2 dt h3 a font{ color:#fff; }
.index-banner{width: 100%;display: block;overflow: hidden; height: 100%; position: relative;}
.index-banner .swiper-button-next, .index-banner .swiper-button-prev{opacity: 0;}
.index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{ opacity: 1;-webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}

.index-banner .swiper-button-next img,.index-banner .swiper-button-prev img{ height:60px; }
  

 

.in-case dl dd a .i-c-img .in-l-h6,.in-case dl dt a .i-c-img .in-l-h6{ transition: 0.5s;opacity: 0;position: absolute;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);height: 100%;}
.in-case dl dd a .i-c-img .in-l-h6 #h5,.in-case dl dt a .i-c-img .in-l-h6 #h5{    margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.in-case dl dd a .i-c-img .in-l-h6 #h5 #h4,.in-case dl dt a .i-c-img .in-l-h6 #h5 #h4{ transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.in-case dl dd a .i-c-img .in-l-h6 #h5 #title,.in-case dl dt a .i-c-img .in-l-h6 #h5 #title{    display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.in-case dl dd a:hover .i-c-img .in-l-h6 #h5 #h4,.in-case dl dt a:hover .i-c-img .in-l-h6 #h5 #h4{ width:5%;}
.in-case dl dd a:hover .i-c-img .in-l-h6,.in-case dl dt a:hover .i-c-img .in-l-h6{opacity: 1;}
.in-case dl dd a img,.in-case dl dt a img{-webkit-transition:1s; -moz-transition:1s; transition:1s;}
.in-case dl dd a:hover img,.in-case dl dt a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}




.in-banner-txt{ display: block;position: absolute;background: rgba(0, 0, 0, 0.7);right: 0;bottom: 0;padding:5%;}
.in-banner-txt p{ display: none;height: 1px;background: #fff;margin-left: -23%;width: 20%;position: absolute;top: 50%;margin-top: -50px;}
.in-banner-txt dl{}
.in-banner-txt dl h3{    line-height: 1em;display: block;font-size: 2.6em;margin: 0 0 26px 0;letter-spacing: 1px;      font-family: font2018;  width: 100%;text-align: left; color:#fff; }
.in-banner-txt dl h4{ display: block;font-size: 17px;letter-spacing: 2px;margin: 0 0 26px 0; color:#fff;}
.index-banner .in-banner-txt dl a{ color: #10A56F;border: 1px solid #10A56F;display: inline-block;padding: 8px 40px;font-size: 14px;letter-spacing: 2.4px; position: relative;    overflow: hidden; }
.index-banner .in-banner-txt dl a strong{margin-left:6px;}
.index-banner .in-banner-txt dl a:hover font,.index-banner .in-banner-txt dl a:hover strong{ color:#fff; }
.index-banner .in-banner-txt dl a font,.index-banner .in-banner-txt dl a strong{ position: relative; z-index: 3; }
.index-banner .in-banner-txt dl a #a-bg{ position: absolute; background: #10A56F; width: 100%; height: 100%; top: 0; left:-100%; z-index: 1;     opacity: 0;      -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; }
.index-banner .in-banner-txt dl a:hover #a-bg{  opacity: 1; left:0; }


#wrapper #numimg{ display: block;width: 100%;position: absolute;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, 0.4);}



.page-ys-right-3 a{ display: block;overflow: hidden;margin-bottom: 24px;}
.page-ys-right-3 a span{ display: inline-block;color: #333;font-size: 16px; letter-spacing: 2px; }
.page-ys-right-3 a .fa{ color: #333;font-size: 16px;margin-left: 20px;}
.page-ys-right-3 a:hover span,.page-ys-right-3 a:hover .fa{ color:#10A56F; }



.index-info{ display: block;overflow: hidden;position: relative;background: #f4f5f7;}
.index-info dd{ display: block;overflow: hidden;float: right;width: 50%;}
.index-info dd h3{     overflow: hidden; display: block;width: 90%;margin: 10% 5% 16%;}
.index-info dd h3 span{ display: block;float: left;font-size: 20px;letter-spacing: 2px;color: #333;}
.index-info dd h3 strong{ display: block;float: left;width: 50px;margin: 16px 10px 0 0;height: 1px;background: #ccc;}
.index-info dd .index-info-txt{    overflow: hidden;display: block;width: 95%;margin: 0 0 0 5%;}
.index-info dd .index-info-txt p{ display: block;float: left;width: 50px;margin: 34px 10px 0 0;height: 1px;background: #ccc;}
.index-info dd .index-info-txt h4{    display: block;float: left;width: 85%;}
.index-info dd .index-info-txt h4 span{    display: block;font-size: 2.8em;letter-spacing:4px;font-weight: bold;     font-family: font2018;    text-align: left; }
.index-info dd .index-info-txt h4 font{    display: block;font-size: 18px;letter-spacing: 2px;color: #666;    margin: 1em 0 2em;}
.index-info dd .index-info-txt h4 strong{}
.index-info dd .index-info-txt h4 a{    width: 24%;margin: 0;}
.index-info dt{display: block;float: left;width:50%; position: relative;}
.index-info dt img{ display: block;width: 100%;}

.index-info dt a{}
.index-info dt .in-l-h6{transition: 0.5s;opacity: 0;position: absolute;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);height: 100%;}
.index-info dt .in-l-h6 #h5{margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.index-info dt .in-l-h6 #h5 #h4{    transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.index-info dt .in-l-h6 #h5 #title{display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.index-info dt a:hover .in-l-h6{opacity:1;}
.index-info dt a:hover .in-l-h6 #h5 #h4{ width:5%;}


.in-service{ display: block;overflow: hidden;background: #eef0f3;padding: 100px 0; }
.in-service dl{ display: block;width: 50%;margin: 0 auto;overflow: hidden;}
.in-service dl dd{ display: block;overflow: hidden;}
.in-service dl dd .in-service-dd{ display: block;float: left;width: 65%; padding: 10% 0 0; }
.in-service dl dd .in-service-dd p{ display: block;float: left;width: 10%;margin: 10px 10px 0 0;height: 1px;background: #999;}
.in-service dl dd .in-service-dd h4{ display: block;float: right;     margin-right: 18%;   width: 70%;}
.in-service dl dd .in-service-dd h4 span{ display: block;font-size: 17px;letter-spacing: 2px;color: #333;margin-bottom: 1em;}
.in-service dl dd .in-service-dd h4 font{display: block;letter-spacing: 2px;font-size: 18px;margin-bottom: 2em;}
.in-service dl dd .in-service-dd h4 a{ margin: 0;width: 30%;}
.in-service dl dd img{ display: block;float: right;width: 35%;}
.in-service dl dt{    display: block;overflow: hidden;}
.in-service dl dt img{display: block;width: 65%;}
.in-service dl dt .in-service-dd{    display: block;overflow: hidden;float: right;width: 30%;padding: 10% 0 5%;}
.in-service dl dt .in-service-dd p{ display: block;float: left;width: 15%;margin: 10px 10px 0 0;height: 1px;background: #999;}
.in-service dl dt .in-service-dd h4{ display: block;float: right;     margin-right: 10%;   width: 70%;}
.in-service dl dt .in-service-dd h4 span{ display: block;font-size: 17px;letter-spacing: 2px;color: #333;margin-bottom: 1em;}
.in-service dl dt .in-service-dd h4 font{display: block;letter-spacing: 2px;font-size: 18px;margin-bottom: 2em;}
.in-service dl dt .in-service-dd h4 a{ margin: 0;width: 56%;}


#wrapper section #section-home #block-4 ul > li input{      width: 180px !important;left: 50%;margin-left: -90px !important;}



/*
.in-com{ display: block;overflow: hidden;margin: 200px 0 1%;position: relative;}
.in-com .i-c-left{    padding-left: 25%;     position: relative;display: block;float: left;width: 24%;}
.in-com .i-c-left img{display: block;width: 100%;     -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.in-com .i-c-left:hover img{  -webkit-filter: grayscale(0%);  }
.in-com .i-c-left a{position: absolute;top: 50%;left: 75%;border: 1px solid #10A56F; color:#10A56F; width: 60px;height: 60px;display: block;text-align: center;line-height: 60px;margin: -31px 0 0 -31px; opacity: 0;   z-index: 2;}
.in-com .i-c-left a .fa{}
.in-com .i-c-left:hover a{opacity: 1; }

.i-c-right{ display: block;float: right;width:50%;  }
.i-c-right .index-info-txt{display: block;width: 100%;position: relative;overflow: hidden;}
.i-c-right .index-info-txt p{ display: block;float: left;width: 6%;height: 1px;background: #ccc;margin: 26px 0 0 0;}
.i-c-right .index-info-txt h4{ display: block;float: right;width: 92%;overflow: hidden;}
.i-c-right .index-info-txt h4 span{ display: block;font-size: 2.4em;letter-spacing: 1px;font-weight: normal;    color: #666;}
.i-c-right .index-info-txt h4 font{ display: block;font-size: 17px;letter-spacing: 2px;color: #666;margin: 1em 0 2em;}
.i-c-right .index-info-txt h4 a{ display: block;width: 16%; margin: 0;}

.i-c-right dd{ width: 25%;display: block;overflow: hidden;position: absolute;bottom: 0;}
.i-c-right dd img{display: block;width: 100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.i-c-right dd a{ opacity: 0;color: #10A56F;position: absolute;top: 50%;right: 50%;border: 1px solid #10A56F;width: 60px;height: 60px;display: block;text-align: center;line-height: 60px;margin: -31px -31px 0 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;   z-index: 2;}
.i-c-right dd:hover img{  -webkit-filter: grayscale(0%);  }
.i-c-right dd:hover a{ opacity: 1;}
*/



 
 

.index-pic{ position: relative; display: block;margin: 100px auto;max-width: 1400px;overflow: hidden; }
.index-pic img{ display: block;width: 40%;margin-left: 60%; position: relative; z-index: 5;}
.index-pic p{ position: absolute;width: 95%;height: 90%;top: 0;left: 0;background: #333;z-index: 2;}





.in-event{ display: block;margin: 50px auto;width: 98%;overflow: hidden;}
.in-event dl{ display: block;overflow: hidden;}
.in-event dl a{position: relative; display: block;float: left;width:18.4%;margin: 0 2% 2% 0; min-height: 98px;    border-bottom: 1px solid #eee;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.in-event dl a:nth-child(5n){    margin: 0 0 1% 0;}
.in-event dl a span{display: inline;font-size:19px;color: #666;  letter-spacing: 2px;border-bottom: 1px solid #fff;     font-family: font2018;   line-height: 1em; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.in-event dl a font{ display: block;color: #999;font-size: 12px;margin: 10px 0; letter-spacing: 2px;}
.in-event dl a .fa{ color: #333;font-size: 16px;position: absolute;right: 20px;bottom: 20px;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.in-event h4{display: block;font-size: 40px;margin-bottom: 50px; }
.in-event dl a:hover span{ color:#000; border-bottom: 1px solid #333;}
.in-event dl a:hover .fa{  right:0; }
.in-event dl a:hover{ border-bottom: 1px solid #fff;  }

/*

.index-t-a{display: block;max-width: 1400px;padding: 0 100px;overflow: hidden;margin: 100px auto 0;}
.index-t-a dd{ position: relative; display: block;float: left;width: 50%;background: #000; overflow: hidden; }
.index-t-a dd img{ display: block;width: 30%; margin: 0 -10% 0 70%;}
.index-t-a dd p{ position: absolute;width: 60%;top: 18%;left: 10%;text-align: left;}
.index-t-a dd p span{ display: block;font-size: 24px;color: #fff; letter-spacing: 2px; }
.index-t-a dd p font{display: block;color: #eee;font-size: 14px;letter-spacing: 2px; margin: 20px 0;      width: 60%;}
.index-t-a dd p a{ width: 30%;margin: 0;color: #fff;border: 1px solid #eee;}
.index-t-a #a img{margin: 0;}
.index-t-a #a{ background: #f3f4f8;}
.index-t-a #a p{ left: auto;right: 10%;text-align: right;}
.index-t-a #a p span{ letter-spacing: 2px;color: #333;}
.index-t-a #a p font{ color: #333;     margin: 20px 0 20px 40%;}
.index-t-a #a p a{margin-left: 60%;color: #000;border: 1px solid #333;}



.in-news-n{ display: block;overflow: hidden;}
.i-n-n-left{ display: block;float: left;width: 50%;background: #333;position: relative; padding: 5% 0;}
.i-n-n-left img{ display: block;width: 90%;float: right;margin-right: -10%;  -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.i-n-n-left:hover img{  -webkit-filter: grayscale(0%);   }
.i-n-n-left a{position: absolute;top: 50%;right: 40%;border: 1px solid #10A56F;width: 60px;height: 60px;display: block;text-align: center;line-height: 60px;margin: -31px -31px 0 0; color:#10A56F;  opacity: 0; z-index: 2;}
.i-n-n-left:hover a{opacity: 1;} 

.i-n-n-left p{ writing-mode: tb-rl;color: #20c387;text-align: left;position: absolute;left: 5%;top: 15%;letter-spacing: 2px;font-size: 12px;}
.i-n-n-left p span{}
.i-n-n-left p font{width: 1px;height: 60px;background: #20c387;display: block;position: absolute;bottom: -60px;left: 8px;}
.i-n-n-right{ overflow: hidden;   display: block;float: right;width: 42%; padding-top: 5%;}
.i-n-n-right .i-n-n-right-title{ padding-bottom: 10px;position: relative;display: block;overflow: hidden;border-bottom: 1px solid #eee; margin-bottom: 1em;}
.i-n-n-right .i-n-n-right-title span{      letter-spacing: 2px;  display: block;font-size: 2em;     color: #666;letter-spacing: 2px; }
.i-n-n-right .i-n-n-right-title p{ display: block;color: #333;font-size: 17px;letter-spacing: 2px;}
.i-n-n-right .i-n-n-right-title p strong{    display: inline-block;height: 1px;width: 50px;background: #ccc;vertical-align: top;margin: 10px 5px 0 0;}
.i-n-n-right .i-n-n-right-title a{ position: absolute;height: 40px;width: 40px;border: 1px solid #10A56F;top: 0;right: 5%;text-align: center;line-height: 40px;color: #10A56F;}
.i-n-n-right dl{ display: block;overflow: hidden;   }
.i-n-n-right dl a{    position: relative; display: block;overflow: hidden; padding: 5px 0;margin: 10px 0;}
.i-n-n-right dl a span{ display: block;color: #777;font-size: 16px;float: left;    letter-spacing: 2px;}
.i-n-n-right dl a font{ opacity: 0;color: #999;font-size: 12px;float: right;letter-spacing: 1px;}
.i-n-n-right dl a:hover font{  opacity: 1; transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; }
.i-n-n-right dl a p{  opacity: 0;   position: absolute;bottom: 0;left: -100%;width: 100%;height: 1px;background: #eee;}
.i-n-n-right dl a:hover p{ opacity: 1; left:0; transition: all 0.6s linear 0s;-webkit-transition: all 0.6s linear 0s;}
.i-n-n-right dl a:hover span{ color:#10A56F;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; }



.i-n-n-left a:hover,.in-com .i-c-left a:hover,.i-c-right dd a:hover,.i-n-n-right .i-n-n-right-title a:hover{ opacity: 1; color:#fff; background:#10A56F; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}





.in-fashion{ padding:0;overflow: hidden;    background: #000;}
.in-fashion a{ display: block;overflow: hidden;padding:0;float: left;width: 50%;}
.in-fashion a img{ display: block;width: 100%;}
.in-fashion dl{display: block;overflow: hidden;padding:8% 0 0 5%;float: left;width:40%;}
.in-fashion dl h3{ display: block;overflow: hidden;margin-bottom: 30px;}
.in-fashion dl h3 span{ display: block;color: #fff;float: left;font-size: 17px;letter-spacing: 2px;}
.in-fashion dl h3 font{ height: 1px;background: #ccc;float: left;width: 10%;margin: 10px;}
.in-fashion dl font{ display: block;color: #fff;font-size:2em; letter-spacing: 2px;   margin-bottom: 20px;     width: 60%;line-height: 36px;}
.in-fashion dl strong{ display: block;font-weight: normal;color: #fff;font-size: 17px;letter-spacing: 2px;    margin-bottom: 30px;}
.in-fashion dl h4{ display: block;height: 40px;border: 1px solid #eee;text-align: center;width: 24%;line-height: 40px;color: #fff;}
.in-fashion dl h4 .fa{ color: #fff;display: inline-block;}
*/




.page-banner{ display: block;overflow: hidden;background-image: url(/style/images/page-contact-banner.jpg);padding:8% 0 6%;position: relative;    background-size: cover;background-position: center center;}
.page-banner dl{ display: block;position: relative;z-index: 2;padding: 1%;}
.page-banner dl span{display: block;float: left;    margin-top: 12px;width: 120px;height: 1px;background: #fff;}
.page-banner dl dd{ display: block;float: left;margin: 0 0 0 10px;}
.page-banner dl dd h3{ display: block;font-size: 17px;margin-bottom: 3em;color: #fff;letter-spacing: 2px;}
.page-banner dl dd font{ display: block;color: #fff;font-size: 3em;letter-spacing: 2px;}
.page-banner dl dd strong{ display: block;color: #fff;font-weight: normal;letter-spacing: 2px;font-size: 17px;}
.page-banner p{ position: absolute;z-index: 1;width: 50%;height: 100%;background: #10a56fdb;top: 0;left: 0;}



.index-info dd .index-info-txt h4 a font{    display: inline-block;margin: 0;color: #10A56F;position: relative;font-size: 14px;z-index: 2;}
.index-info dd .index-info-txt h4 a:hover font{ color:#fff; }

.in-hr{display: block; padding: 100px 0;text-align: center;overflow: hidden;     border-top: 1px solid #eee;}
.in-hr h3{ display: block;text-align: center;font-size: 24px;letter-spacing: 2px;}
.in-hr h4{ display: block;text-align: center;font-size: 17px;letter-spacing: 2px;color: #666;margin:0 0 40px;}
.in-hr .a{ display: block;width: 8%;border: 1px solid #10A56F;color: #10A56F;text-align: center;margin: 0 auto;height: 40px;line-height: 40px;font-size: 14px;letter-spacing: 1px;}
.in-hr .a strong{ display: inline-block;font-size: 14px;margin-left: 5px; }
.in-hr h5{ text-align: center;font-size: 15px;letter-spacing: 2px;color: #999;margin: 10px 0 0 0;}
.in-hr h5 a{color: #10A56F;}
.in-hr dt{display: block;overflow: hidden;text-align: center;margin: 50px 0 0;}
.in-hr dt a{ position: relative; display: inline-block;color: #999;margin: 0 20px; height: 40px;line-height: 40px;padding: 0; letter-spacing: 1px; font-size: 1.4em;    overflow: hidden; }
.in-hr dt a p{    position: absolute;width: 100%;height: 1px;background: #000;bottom: 0;left: -100%;opacity: 0;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.in-hr dt a:hover p{left:0;opacity: 1;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.in-hr dt a:hover{color:#000;transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s;}




.in-case{display: block; margin:1% 0 50px 0; overflow: hidden;}
.in-case h4{ margin: 1% 0 50px 1%;overflow: hidden;display: block;font-size: 40px;margin-bottom: 50px;}
.in-case dl{ display: block;overflow: hidden;padding:0 1%; margin-bottom: 5%; }
.in-case dl dd{ display: block;overflow: hidden; margin-bottom: 4%;}
.in-case dl dd a{    position: relative; display: block;float: left;width: 24.25%;overflow: hidden;margin: 0 1% 0 0;}
.in-case dl dd a img{ display: block;width: 100%;}
.in-case dl dd a:first-of-type{width:49.5%; }
.in-case dl dd a:first-of-type .i-c-txt{position: absolute;bottom: 5%;left: 3%;}
.in-case dl dd a:first-of-type .i-c-txt p span,.in-case dl dd a:first-of-type .i-c-txt p font{color:#fff; }
.in-case dl dd a:nth-child(3n){float: right;margin: 0;}
.in-case dl dd a .i-c-txt,.in-case dl dt a .i-c-txt{    display: block;overflow: hidden;margin-top: 1em;}
.in-case dl dd a .i-c-txt strong,.in-case dl dt a .i-c-txt strong{ display: block;width: 100px;height: 1px;background: #999;float: left;margin: 16px 1em 0 0;}
.in-case dl dd a .i-c-txt p,.in-case dl dt a .i-c-txt p{ display: block;float: left; }
.in-case dl dd a .i-c-txt p span,.in-case dl dt a .i-c-txt p span{    display: block;color: #333;font-size:1.4em;letter-spacing:4px; font-family: font2018;font-weight: bold;}
.in-case dl dd a .i-c-txt p font,.in-case dl dt a .i-c-txt p font{    display: block;font-size: 16px;color: #666;letter-spacing: 2px;}
.in-case dl dt{ display: block;overflow: hidden;}
.in-case dl dt a{ display: block;float: left;width: 24.25%;overflow: hidden;margin: 0 1% 0 0;    position: relative;}
.in-case dl dt a img{ display: block;width: 100%;}
.in-case dl dt a:nth-child(4n){float: right;margin: 0;}
 
.in-case .dl dd a:first-of-type{width:24.25%; } 
.in-case .dl dd a:first-of-type .i-c-txt p span,.in-case .dl dd a:first-of-type .i-c-txt p font{ color:#333; }
.in-case .dl dd a:first-of-type .i-c-txt{ position: relative; }

.in-case .dl dd a:nth-child(3n){width: 49.5%;}
.in-case .dl dd a:nth-child(3n) .i-c-txt{position: absolute;bottom: 5%;left: 3%;}
.in-case .dl dd a:nth-child(3n) .i-c-txt p span,.in-case .dl dd a:nth-child(3n) .i-c-txt p font{color:#fff; }


.in-case dl dd a h3,.in-case dl dt a h3{ z-index: 2;position: absolute;top: 30%;left: 0;width: 100%;height: 40%;opacity: 0; }
.in-case dl dd a h3 img,.in-case dl dt a h3 img{ position: relative;display: block;height: 100%;width: auto;margin: 0 auto;  opacity:0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;   }
.in-case dl dd a:hover h3,.in-case dl dt a:hover h3{ opacity:1; }
.in-case dl dd a:hover h3 img,.in-case dl dt a:hover h3 img{ opacity:1; ;margin: 0 auto;   opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.in-case dl dd a .i-c-img,.in-case dl dt a .i-c-img{    display: block;position: relative;overflow: hidden;}


.in-case dl dd a h6,.in-case dl dt a h6{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;
	    position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(15, 115, 73, 0.96);  opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0);z-index: 1;}
.in-case dl dd a:hover h6,.in-case dl dt a:hover h6{    opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.in-case dl dd a:hover .i-c-txt,.in-case dl dt a:hover .i-c-txt{opacity: 0.5;}
.in-case dl dd #in-dd-big-a h3{ height:26%; top:37%; }




.in-company{ display: block;overflow: hidden;padding: 100px 0;}
.in-company dl{display: block;overflow: hidden;margin: 0 auto 50px;width:60%; padding:0;}
.in-company dl a{    position: relative; display: block;float: left;width: 50%;overflow: hidden;}
.in-company dl a .i-c-img{ display: block;width: 100%;overflow: hidden;position: relative;      margin-bottom: 50%; }
.in-company dl a .i-c-img img{ display: block;width: 100%;-webkit-filter: grayscale(100%);}
.in-company dl a .i-c-img .fa{    position: absolute;z-index: 2;background: #fff;width: 50px;height: 50px;left: 45%;top: 40%;color: #000;text-align: center;line-height: 50px;opacity: 0.5;}
.in-company dl a .i-c-txt{width: 50%;height: 33.333%;background:#10A56F;right: 0;bottom: 0;display: block;position: absolute; transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}
.in-company dl a .i-c-txt span{    font-style: italic;opacity: 0.2; position: absolute;top: 50%;font-size: 150px;height: 240px;line-height: 240px;margin-top: -120px;text-align: center;display: block;width: 100%;}
.in-company dl a .i-c-txt p{  position: absolute;top: 50%; height:80px; margin-top: -40px;text-align: center;display: block;width: 100%;}
.in-company dl a .i-c-txt p font{    display: block;font-size: 14px;letter-spacing: 1px;}
.in-company dl a .i-c-txt p strong{    display: block;font-size: 30px;font-weight: bold;font-family: 寰粺姝ｉ粦楂�;letter-spacing: 2px;}


.in-company dl .a{}
.in-company dl .b .i-c-img{ margin-bottom: 0;  margin-top: 50%;}
.in-company dl .b .i-c-txt{  transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;width: 50%;height: 33.333%;background: #333;right: auto;bottom: auto;display: block;position: absolute;top:0; left:0;}
.in-company dl .a:hover .i-c-txt{ background: #333;}
.in-company dl .b:hover .i-c-txt{ background: #10A56F;}




.index-news{ display: block;overflow: hidden; }
.i-n-center{    display: block;width: 100%;overflow: hidden;margin:0;}
.i-n-center h6{ display: block;font-size: 1.6em;color: #666;margin-bottom: 2em;letter-spacing: 2px;}
.i-n-center dl{ display: block;overflow: hidden;}
.i-n-center dl dd{ display: block;border-top: 1px solid #eee;padding: 80px 5%; overflow: hidden;    position: relative;  }
.i-n-center dl dd .i-n-left{    position: relative; display: block;float: left;width: 40%;color: #999;letter-spacing: 2px;font-size:2em;margin-top: 1em; line-height: 1em; }
.i-n-center dl dd .i-n-left a{display: block;width: 40px;height: 40px;font-size: 14px;z-index: 9;color: #000;border: 1px solid #ccc;text-align: center;line-height: 40px;background: rgba(255, 255, 255, 0.5); float: left; }
.i-n-center dl dd .i-n-left span{display: block;float: left; margin-right: 0.5em; color:#333; margin-top: 5px; }
.i-n-center dl dd .i-n-left p{ display: block;width: 100%;float: left;color: #333;font-size: 17px;}
.i-n-center dl dd .i-n-left p strong{     display: inline-block;width: 2em;height: 1px;background: #ccc;margin: 15px 10px 0 0;vertical-align: top;}
.i-n-center dl dd .i-n-center-list{     position: relative;display: block;float: left;width: 50%;margin-left: 5%;}
.i-n-center dl dd .i-n-center-list a{ display: block;overflow: hidden;line-height:1.8em;}
.i-n-center dl dd .i-n-center-list a span{ display: block;float: left;font-size: 15px;color: #555;margin-right: 2em;    letter-spacing: 2px;}
.i-n-center dl dd img{     position: absolute;right: 0;top: 0;height: 100%;width: auto;transform-origin: 50% 50%;transform: scale(0.6);transition: transform 0.68s cubic-bezier(0, 1, 0.7, 1);}
.i-n-center dl dd:hover img {transform: scale(1);}

.i-n-center dl dd h6{ position: absolute;top: 0;left: 0;background:#eef0f3;width: 100%;height: 100%;z-index: 0;transition: transform 0.44s cubic-bezier(0, 1, 0.7, 1);transform: scaleY(0);transform-origin: 100% 0;}
.i-n-center dl dd:hover h6{ transform: scaleY(1);transform-origin: 0 100%;}
.i-n-center dl dd:nth-child(2n) h6{ position: absolute;top: 0;left: 0;background: #eef0f3;width: 100%;height: 100%;z-index: 0;transition: transform 0.44s cubic-bezier(0, 1, 0.7, 1);transform: scaleY(0);transform-origin: 0 100%;}
.i-n-center dl dd:nth-child(2n):hover h6{transform: scaleY(1);transform-origin: 100% 0;}

 





.about-fa{ display: block;padding: 100px 15%;overflow: hidden;}
.about-fa h6{ display: block;text-align: right;font-size: 30px;letter-spacing: 2px;margin-bottom: 20px;margin-right: 50px;}
.about-fa dl{ display: block;float: left;width: 49.5%;}
.about-fa dl:nth-child(2n){    float: right;}
.about-fa dl dd{ display: block;overflow: hidden;position: relative;    margin-bottom: 2%;}
.about-fa dl dd img{ display: block;width: 100%;    -webkit-filter: grayscale(100%);  -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.about-fa dl dd .a-fa-txt{position: absolute;bottom: 10%;left: 10%;width:80%;z-index: 2;}
.about-fa dl dd .a-fa-txt p{display: block;height: 1px;width: 10%;background: #eee;float: left;margin: 1.5em 0 0 0;}
.about-fa dl dd .a-fa-txt h4{ display: block;float: right;width: 88%;}
.about-fa dl dd .a-fa-txt h4 span{ display: block;color: #fff;font-size: 2em;}
.about-fa dl dd .a-fa-txt h4 font{display: block;color: #fff;font-size: 16px;letter-spacing: 1px;}
.about-fa dl .aa{ display: block;width: 60%;margin-left: 40%;}
.about-fa dl:nth-child(2n) .bb{ font-size: inherit;display: block;width: 100%; }
.about-fa dl:nth-child(2n) dd{display: block;width: 60%;}
.about-fa dl:nth-child(2n) dd:last-child{margin-left:0;}


.about-fa dl dd:hover img{-webkit-filter: grayscale(0%); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }



.about{ display: block;overflow: hidden; background: url(../img/aboutbg.jpg) no-repeat center top #ebebeb;}
.about .about-title{ display: block;width: 56%; margin: 120px auto; overflow: hidden;}
.about .about-title p{ display: block;width:8%;height: 1px;background: #999;float: left;margin-top: 10px;}
.about .about-title dd{display: block;float: right;width: 90%;}
.about .about-title dd h3{ display: block;font-size: 18px;letter-spacing: 2px;margin-bottom: 2em;color: #333;}
.about .about-title dd h4{ display: block;font-size:18px;letter-spacing: 2px;line-height: 36px;width:100%;text-align: justify;margin-bottom: 0;color: #000;  font-family: font2018;  }
.about .about-title dd h5{ color: #10A56F;letter-spacing: 2px;font-size: 16px;}
.about #about-4{margin: 0 0 100px 28%;width: 50%;}

.about #about-4 dl dd .about-img-txt{    opacity: 0; width: 100%;top:auto;height:auto; left: 0;padding: 50px; transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s; padding:100% 0 50px 5%; bottom: 0; z-index: 3;}
.about #about-4 dl dd .about-img-txt h4 font{    font-size: 14px;}
.about #about-4 dl dd .about-img-txt h4 span{font-size:18px;text-transform: uppercase;}
.about #about-4 dl dd:hover .about-img-txt{  opacity: 1;}
.about #about-4 dl dd p{background:rgba(16, 165, 111, 0.9);position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1; opacity: 0;}
.about #about-4 dl dd:hover p{opacity: 1; transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}


.about-bg{ display: block;overflow: hidden;padding: 200px 0;margin: 0 0 100px;}
.about-bg dl{ display: block;color: #fff;width: 56%;margin: 0 auto; overflow: hidden;}
.about-bg dl p{display: block;width:6%;height: 1px;background: #eee;float: left;margin-top: 6px;}
.about-bg dl dd{display: block;float: right;width: 90%;}
.about-bg dl dd h3{ display: block;font-size: 18px;letter-spacing: 2px;margin-bottom: 2em;color: #fff;}
.about-bg dl dd h4{ display: block;font-size: 20px;letter-spacing: 1px;line-height: 30px;width:100%;text-align: justify;margin-bottom: 2em;color: #fff;}
.about-bg dl dd h5{ color: #fff;letter-spacing: 2px;font-size: 16px;}


.about-2info{display: block;overflow: hidden;}
.about-2info dl{ background: #eef0f3; display: block;overflow: hidden;float: left;width: 50%;}
.about-2info dl:nth-child(2n){ background: #000;}
.about-2info dl dd{display: block;width: 80%;margin:4em auto 2em;overflow: hidden;}
.about-2info dl dd h3{display: block;text-align: right; letter-spacing: 2px;font-size: 16px;}
.about-2info dl dd .about-2info-txt{ display: block; margin: 3em 0;overflow: hidden;}
.about-2info dl dd .about-2info-txt h4{display: block;width: 8%;height: 1px;background: #ccc;float: left;    margin-top: 10px;}
.about-2info dl dd .about-2info-txt h5{ display: block;float: right;width: 88%;}
.about-2info dl dd .about-2info-txt h5 span{ display: block;font-size: 18px;color: #333;line-height: 26px;margin-bottom: 2em;    letter-spacing: 2px; text-align: justify;}
.about-2info dl dd .about-2info-txt h5 a{ display: block;height: 40px;padding-top: 1px;padding-right: 20px;padding-left: 20px;-webkit-box-flex: 0;-ms-flex: 0 auto;background: none;color: #132a88;font-size: 13px;line-height: 40px;text-align: center;width: 20%;margin: 0;border: 1px solid #132a88;}
.about-2info dl dd .about-2info-txt h5 a strong{font-size: 16px;margin-left: 10px;color: #132a88;}

.about-2info dl:nth-child(2n) dd .about-2info-txt h4{display: block;width: 6%;height: 1px;background: #eee;float: left;    margin-top: 10px;}
.about-2info dl:nth-child(2n) dd .about-2info-txt h5{ display: block;float: right;width: 90%;}
.about-2info dl:nth-child(2n) dd .about-2info-txt h5 span{ display: block;font-size: 18px;color: #fff;line-height: 26px;margin-bottom: 2em;    letter-spacing: 2px; text-align: justify;}
.about-2info dl:nth-child(2n) dd .about-2info-txt h5 a{ display: block;height: 40px;padding-top: 1px;padding-right: 20px;padding-left: 20px;-webkit-box-flex: 0;-ms-flex: 0 auto;background: none;
                                                        color: #fff;font-size: 16px;line-height: 40px;text-align: center;width: 20%;margin: 0;border: 1px solid #132a88;}
.about-2info dl:nth-child(2n) dd .about-2info-txt h5 a strong{font-size: 16px;margin-left: 10px;color: #132a88;}
.about-2info dl:nth-child(2n) dd h3{display: block;text-align: right; color:#fff; letter-spacing: 2px;font-size: 17px;}


.about-img{ display: block;width: 56%;margin: 0 auto 100px;overflow: hidden;}
.about-img dl{ display: block;float: left;width: 48%;overflow: hidden;}
.about-img dl:nth-child(2n){float: right;}
.about-img dl dd{ position: relative; display: block;overflow: hidden;margin: 0 0 9%;}
.about-img dl dd img{ display: block;width: 100%;overflow: hidden; transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s; }
.about-img dl dd:hover img{  -webkit-filter: grayscale(0%); }
.about-img dl dd .about-img-txt{ position: absolute;bottom: 5%;left: 5%;width: 90%;}
.about-img dl dd .about-img-txt h3{display: block;float: left;width: 10%;height: 1px;background: #eee;margin-top: 15px;}
.about-img dl dd .about-img-txt h4{display: block;float: right;width: 86%;}
.about-img dl dd .about-img-txt h4 span{display: block;color: #fff;font-size: 20px;margin-bottom: 10px;letter-spacing: 2px;}
.about-img dl dd .about-img-txt h4 font{display: block;letter-spacing: 2px;color: #fff;font-size: 14px;text-align: justify;}



.site-loaded p{text-transform: uppercase;overflow: hidden; top: 34%;text-align: center;z-index: 2;left: 0;width: 100%;}
.site-loaded p span{color: #666;font-size: 30px;text-align: center;display: block;margin: 0;}
.site-loaded p font{display: block;color: #666;font-size: 16px;letter-spacing: 2px;    margin-bottom: 1%;}
.site-loaded p strong{ display: block;width: 1px;background: #666;height: 100px;margin: 0 auto;opacity: 0.5;}



.about-design-solution{ display: block; padding: 100px 0; border-top: 1px solid #eee;}
.about-design-solution dl{ display: block;width: 50%;margin: 0 auto;overflow: hidden;}
.about-design-solution dl dd{ display: block;float: left;width: 40%;overflow: hidden;}
.about-design-solution dl dd p{ display: block;width:20%;height: 1px;background: #ccc;float: left;margin-top:20px;}
.about-design-solution dl dd .about-design-solution-txt{ display: block;float: right;width: 75%;}
.about-design-solution dl dd .about-design-solution-txt h3{ max-width: 340px; display: block;overflow: hidden;margin-bottom: 3em;}
.about-design-solution dl dd .about-design-solution-txt h3 span{display: block;float: left;font-size: 1.6em; letter-spacing:2px;}
.about-design-solution dl dd .about-design-solution-txt h3 font{ float: left;font-size: 40px;margin: 0 0 0 1em;color: #0f7349;}
.about-design-solution dl dd .about-design-solution-txt h4{ max-width: 240px;display: block;font-size: 14px;letter-spacing: 2px;color: #666;margin-bottom: 3em; line-height: 26px; }
.about-design-solution dl dd .about-design-solution-txt a{ margin: 0; width:70%;}
.about-design-solution dl img{ float: right; width: 56%; display: block;}

.case-pic dl dd a font{display: inline-block;font-size: 14px;margin: 0;    color: #10A56F;}
.case-pic dl dd a span{ margin:0;}

.about-team a strong{ display: block;overflow: hidden;margin: 20px 0;}
.about-team a .txt1{    display: inline-block;color: #666;font-weight: normal;font-size: 14px;letter-spacing: 2px;border-right: 1px solid #ccc;padding-right: 10px;line-height: 1em;margin-right: 10px;}
.about-team a .txt2{    display: inline-block;color: #666;font-weight: normal;font-size: 14px;letter-spacing: 2px;}
.about-team a font{ display: block;color: #000;font-size: 14px;letter-spacing: 2px;    border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.team-news .about-team a p{border:0;    padding: 30px 0 0;}


.about-wh{ display: block;background: #eef0f3;padding: 100px 15%;overflow: hidden;}
.about-wh .a-w{ display: block;overflow: hidden;position: relative;  width: 100%; margin-bottom: 1%;}
.about-wh .a-w dd{ position: relative; display: block;background: #fff;float: left;width: 60%;}
.about-wh .a-w dd img{  display: block;width: 100%;}
.about-wh .a-w dd .a-w-txt{ position: absolute;height: 50%;background: #fff;width: 100%;z-index: 2;bottom: 0;left: 0;}
.about-wh .a-w dd .a-w-txt p{ display: block;width: 10%;float: left;height: 1px;background: #ccc;margin: 10px 0 0 0;}
.about-wh .a-w dd .a-w-txt h3{ display: block;float: right;width: 88%;}
.about-wh .a-w dd .a-w-txt h3 span{ display: block;font-size: 16px;letter-spacing: 2px;    height: 26px;line-height: 26px;}
.about-wh .a-w dd .a-w-txt h3 font{ color: #333; display: block;letter-spacing: 2px;font-size:20px;margin: 18px 0;line-height: 26px; min-height: 80px; font-weight: bold;     font-weight: bold;overflow: hidden;}
.about-wh .a-w dd .a-w-txt h3 strong{ display: block;font-weight: normal;letter-spacing: 2px;font-size: 14px;    height: 26px;line-height: 26px;}

.about-wh .a-w dd .a-w-txt .a-w-txt-all{ display: block;overflow: hidden;height: 140px;position: absolute;top: 50%;margin-top: -70px;width: 80%;left: 10%;}
.about-wh .a-w .a-w1{ background: #fff;width: 39%;position: absolute;z-index: 3;right: 0;bottom: 0;height: 50%; }
.about-wh .a-w .a-w1 .a-w-txt{ height: 100%; }


.a-w-2{}
.about-wh .a-w-2 dd{ float: right;}
.about-wh .a-w-2 .a-w1{ right:61%;bottom: 50%;}



 
.a-w-video{ position: relative;display: block;width: 70%;margin: 50px auto 0;overflow: hidden;}
.a-w-video video{ display: block;width: 100%;}
.a-w-video #img1{ display: block;position: absolute;top: 0;width: 100%;height: 100%;z-index: 2;}
.a-w-video #img2{ position: absolute;top: 50%;z-index: 4;margin-top: -122px;left: 50%;margin-left: -32px;width: 64px;}
.a-w-video p{ position: absolute;z-index: 5;color:#08d48a;left: 0;top: 50%;font-size: 30px;text-align: center;width: 100%;height: 90px;margin-top: -45px;line-height: 90px;}
.a-w-video span{position: absolute;z-index: 5;color: #fff;left: 0;top: 50%;font-size: 17px;text-align: center;width: 100%;letter-spacing: 2px;margin-top: px;height: 26px;line-height: 26px;margin-top: 40px;}
.a-w-video span  strong{font-weight: normal;border-bottom: 1px solid #eee;font-size: 17px;}


 
.newslist{ display: block;overflow: hidden;    margin-bottom: 100px;}
.newslist dt{ display: block;width: 100%;overflow: hidden;position: relative;}
.newslist dt img{ display: block;width: 100%;}
.newslist dt .news-list-title{position: absolute;width: 80%;top:50%;left: 10%;    margin-top: -87px;}
.newslist dt .news-list-title p{ display: block;width: 8%;height: 1px;background: #eee;float: left;margin-top: 24px;}
.newslist dt .news-list-title h4{display: block;float: left;width: 70%;overflow: hidden;margin-left:2%;}
.newslist dt .news-list-title h4 strong{ display: block;color:#fff;font-size: 2.2em;margin-bottom: 20px;}
.newslist dt .news-list-title h4 span{display: block;font-size: 17px;letter-spacing: 2px;color: #fff;}
.newslist dt .news-list-title h4 font{display: block;font-size: 22px;color: #fff;letter-spacing: 2px;margin: 1em 0;}
.newslist dt .news-list-title h5{display: block;float: right;width: 20%;overflow: hidden;}
.newslist dt .news-list-title h5 a{ color: #fff;background: #10A56F;display: block;float: right;padding: 0.8em 1.4em;font-size: 14px;letter-spacing: 1px;}
.newslist dd{ display: block;width: 70%;position: relative;margin: -8% auto 0;overflow: hidden;}
.newslist dd a{ display: block;float: left;width:30.6%;margin: 0 4% 0 0;overflow: hidden;}
.newslist dd a:nth-child(3n){ float: right; margin: 0 0 2% 0;}
.newslist dd a img{ display: block;width: 100%;}
.newslist dd a .news-list-title-txt{    display: block;overflow: hidden;margin: 1em 0;}
.newslist dd a .news-list-title-txt p{display: block;width: 16%;height: 1px;background: #999;float: left;margin-top: 10px;}
.newslist dd a .news-list-title-txt h4{    float: right;width: 80%;overflow: hidden;}
.newslist dd a .news-list-title-txt h4 span{display: block;color: #333;letter-spacing: 2px;font-size: 14px;    margin-bottom: 1em;}
.newslist dd a .news-list-title-txt h4 font{display: block;font-size: 16px;letter-spacing: 1px;color: #666;}


.newslist1{display: block;overflow: hidden;border-top: 1px solid #eee;padding: 100px 15% 80px 15%;position: relative;}
.newslist1 dt{display: block;width: 50%;float: left; position: relative;overflow:hidden;}
.newslist1 dt img{display: block;width: 100%;transition: all 1s;}
.newslist1 dt:hover img{transform: scale(1.03);}
.newslist1 dd{ position: absolute;left: 45%;width: 55%;}
.newslist1 dd p{ display: block;width: 18%;height: 1px;background: #eee;float: left;margin-top: 2em;}
.newslist1 dd h4{ display: block;float: right;width: 80%;}
.newslist1 dd h4 a{ display: block;overflow: hidden; margin-bottom: 16px;border-bottom: 1px solid #eee;padding-bottom: 16px;}
.newslist1 dd h4 a font{    float: left; display: block;font-size: 16px;color: #333;letter-spacing: 2px;   font-family: font2018; margin-bottom: 0;}
.newslist1 dd h4 a strong{    float: right;  font-size: 12px;color: #999;font-weight: normal;letter-spacing: 2px;}
.newslist1-div { position: relative; display: block;overflow: hidden;margin-bottom: 30px;}
.newslist1 dd h4 a:hover font{ color: #10A56F; }

.newslist2 dt{ position: relative; display: block;width: 50%;float: right;overflow: hidden;}
.newslist2 dt img{display: block;width: 100%;transition: all 1s;}
.newslist2 dt:hover img{transform: scale(1.03);}
.newslist2 dd{ left: 0;}
.newslist2 dd p{    float: right;}
.newslist2 dd h4{    float: left;}

.newslist1 .team-news-a{ margin: 0 0 0 70%;width: 15%;}
.newslist2 .team-news-a{ margin:0 0 0 16%;width: 15%;}
.newslist1 .n-l-1-a1{ width: 58px;height: 58px;position: absolute;right:45.65%;top: 50%;z-index: 9;color: #10A56F;border: 1px solid #fff;text-align: center;line-height: 58px;    background: rgba(255, 255, 255, 0.5); margin-top: -30px;transition: all .5s;}
.newslist1 .n-l-2-a2{ width: 58px;height: 58px;position: absolute;left: 45.65%;top: 50%;z-index: 9;color: #10A56F;border: 1px solid #fff;text-align: center;line-height: 58px;    background: rgba(255, 255, 255, 0.5);margin-top: -30px;transition: all .5s;}
.newslist1 .n-l-1-a1:hover,.newslist1 .n-l-2-a2:hover{ background: #10A56F; color: #fff; border: 1px solid #10A56F; }


.newslist-w{ display: block;overflow: hidden;    margin-bottom: 0;}
.news-list-all{ display: block;overflow: hidden;    background: #eef0f3;}
.news-list-left{ padding: 2% 0;display: block;float: left;width: 81%;margin-left: 1%;overflow: hidden;}
.news-list-left dl{ display: block; }
.news-list-left dl a{ background: #fff; position: relative;display: block;float: left;width: 47.5%;margin: 0 1% 1% 0;box-shadow: 0 0 30px 0 rgba(0,0,0,.1);padding:2% 1%;}
.news-list-left dl a:nth-child(2n){ float:right;     margin: 0 0 1% 0;  }
.news-list-left dl a img{ display: block;float: left;width: 45%;}
.news-list-left dl a h4{ display: block; float: right; width:41%; padding-left:10%; position: relative; overflow: hidden; margin-top: 40px;     padding-right: 2%;}
.news-list-left dl a h4 span{ display: block;width: 15%;height: 1px;background: #ccc;top: 12px;position: absolute;left: 0; }
.news-list-left dl a h4 font{ display: block;color: #999;font-size: 13px;letter-spacing: 2px;margin: 10px 0;}
.news-list-left dl a h4 strong{ display: block;color: #000;font-weight: bold;letter-spacing: 2px;font-size: 18px;    line-height:28px;}
.news-list-left dl a:hover h4 strong{ color:#10A56F; }
.news-list-right{ display: block;float: right;overflow: hidden;width: 15%;padding: 2% 0;margin-right: 1%;}
.news-list-right dd{ display: block;overflow: hidden; }
.news-list-right dd a{display: block;overflow: hidden;background: #333;margin-bottom: 0;    padding:22% 20%;}
.news-list-right dd a span{     letter-spacing: 2px; display: block;font-size: 17px;margin-bottom: 50px;}
.news-list-right dd a font{display: inline-block;border-top: 1px solid #eee;font-size: 12px;letter-spacing: 2px;}
.news-list-right dd a:nth-child(1n){    background: #10A56F;}
.news-list-right dd a:nth-child(2n){    background: #333;}
.news-list-right dd a:nth-child(3n){    background: #999;}
.news-list-right dd a:nth-child(4n){    background: #666;}
.news-list-right dd a:nth-child(5n){    background: #333;}

.news-show{ display: block;  padding: 61px 0;overflow: hidden;}
.news-show dd{ display: block;float: left;width: 100%; position: relative; }
.news-show dd .news-show-top{ background: #f9f9f9;padding:3% 0;overflow: hidden;}
.news-show dd h4{    display: block;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 20px; padding: 0 5%; }
.news-show dd h4 span{ display: block;font-size: 14px;letter-spacing: 1px;color: #666;margin-bottom: 10px;}
.news-show dd h4 font{ color: #000;display: block;letter-spacing: 2px; font-size: 2.2em; line-height: 1em; padding-bottom: 15px;font-family: font2018; }
.news-show dd h5{ display: block;overflow: hidden; padding: 0 5%;}
.news-show dd h5 span{ display: block;color: #666;font-size: 14px;letter-spacing: 2px;}
.news-show dd h5 span span{ display: inline-block;font-size: 14px;letter-spacing: 1px; }
.news-show dd h5 a{ color: #999;border-bottom: 1px solid #eee;margin-right: 10px;font-size: 14px;letter-spacing: 1px;}
.news-show dd h6{ position: relative;   min-height: auto; padding:3% 10% 3% 5%; width:55%;overflow: hidden;display: block; margin:0;}
.news-show dd h6 p,.news-show dd h6 span{ display: block;overflow: hidden;letter-spacing: 2px;font-size:16px !important;line-height: 28px; color: #333;}
.news-show dd h6 img{     max-width: 100%; display: block;}
 

.news-show dd h6 p a{ color: #000;}
.news-show dd h6 .n-s-d-line{ position: absolute;height: 100%;width: 1px;background: #eee;right: 0;top: 0;z-index: 3;}


.news-show dd #share{ position: absolute;right:2%;top:160px;}
.news-show dd #share h3{ display: block;float: left;height: 40px;line-height: 40px;color: #999;letter-spacing: 2px;margin-right: 5px;font-size: 16px;}
.news-show dd #share h4{ margin: 0;padding: 0;border: 0;height: 41px;line-height: 41px;}
.news-show dd #share h4 a{ width: 39px;height: 39px;padding: 0;margin: 0;background: none !important;    overflow: hidden;     border: 1px solid #ddd;border-radius: 50%;margin-left: 5px;}
.news-show dd #share h4 a:before{ color: #10a56f;font-size: 1.2em;line-height: 40px;text-align: center;display: block; }


.bd_weixin_popup .bd_weixin_popup_head{    padding-top: 25px;}
.bd_weixin_popup .bd_weixin_popup_head span{ display: block;text-align: center;font-weight: normal;color: #999;letter-spacing: 2px;font-size: 14px;}
.bd_weixin_popup .bd_weixin_popup_foot{ display: none; }
body .bd_weixin_popup{ width: 300px !important;height: 300px !important;}
body .bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close{     font-family: 瀹嬩綋;font-size: 20px !IMPORTANT;right: 5px;color: #000 !important; }


.news-show dt{ display: block;overflow: hidden;width: 100%;background: #f9f9f9;position: relative;}
.news-show dt p{ margin-right: -1px;position: absolute;width: 2px;height: 100%;background: #fff;top: 0;right: 50%;}
.news-show dt a{ position: relative; padding: 2em 5%;display: block;float: left;width: 40%;overflow: hidden;}
.news-show dt a span{color: #666;font-size: 24px;top: 50%;position: absolute;left: 10%;height: 40px;line-height: 40px;margin-top: -20px;}
.news-show dt a h3{    display: block;overflow: hidden;margin-top:0;}
.news-show dt a h3 strong{display: block;text-align: right;color: #666;font-weight: normal;margin-bottom: 6px;font-size: 13px;letter-spacing: 1px;}
.news-show dt a h3 font{color: #10A56F;font-size: 17px;letter-spacing: 2px;display: block;text-align: right;}

.news-show dt a:nth-child(3n) strong,.news-show dt a:nth-child(3n) font{    text-align: left;}
.news-show dt a:nth-child(3n) span{ left: auto;right: 10%;}

.news-show dt a:hover{background: #10A56F; -webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s; }
.news-show dt a:hover strong,.news-show dt a:hover font,.news-show dt a:hover span{ color:#fff; }


.news-show-form{ display: block;overflow: hidden;margin: 0 0 100px 0;text-align: center;}
.news-show-form span{ display: block;text-align: center;font-size: 24px;letter-spacing: 2px;color: #666;}
.news-show-form font{ color: #666;display: block;font-size: 17px;letter-spacing: 2px;margin: 0 0 10px;}
.news-show-form form{ display: block;overflow: hidden;width: 650px;margin: 0 auto;}
.news-show-form form input{ display: block;height: 49px;line-height: 49px;text-indent: 1em;width: 528px;    float: left;border: 1px solid #e2e2e2;background: #fbfbfb;letter-spacing: 2px;font-size: 14px;}
.news-show-form form .btn-submit{ text-indent: 0;height: 50px;width: 120px;display: block;float: right;border: 0;text-align: center;color: #fff;background: #10A56F;font-size: 17px;}


.n-s-right{ display: block;position: absolute;width: 20%;right: 2%;top: 350px;}
.n-s-right strong{ display: block;font-weight: normal;font-size: 24px;color: #666;border-bottom: 1px solid #eee;}
.n-s-right h3{ display: block;overflow: hidden;margin-top: 20px;}
.n-s-right h3 a{ display: block;overflow: hidden;border-bottom: 1px solid #eee;margin:20px 0;}
.n-s-right h3 a span{ display: block;letter-spacing: 1px;font-size: 13px;color: #999;}
.n-s-right h3 a font{ color: #888;display: block;font-size: 15px;letter-spacing: 2px;line-height: 24px;}
.n-s-right h3 a:hover font,.n-s-right h3 a:hover span{ color:#000; }


.m-c-title{display: block;width: 98%;overflow: hidden;margin: 0 auto;}
.m-c-title span{ display: inline;width: 100px;background: #ccc;height: 1px;float: left;margin: 20px 5px 0 0; }
.m-c-title font{display: inline;font-size: 26px;letter-spacing: 2px;color: #333;}




.p-c-banner{ display: block;overflow: hidden;position: relative;    background-image: url(/style/images/page-about-banner.jpg);background-size: cover;}
.p-c-banner dl{ position: relative;width: 100%;background: rgba(16, 165, 111, 0.9);color: #fff;z-index: 2;font-size: 24px;letter-spacing: 1px;font-family: font2018;padding: 240px 1% 200px;line-height: 30px;}
.p-c-banner dl p{ display: block;width: 50%;    display: block;width: 50%;font-size: 20px;letter-spacing: 2px;}



.case-list{ display: block;overflow: hidden;margin-bottom: 0;padding: 60px 0.5% 0;}
.case-list a{display: block;    position: relative;}
.case-list a img{  display: block;width: 100%;}
.case-list a .c-l-txt{ position: relative;display: block;width: 100%;overflow: hidden;}
.case-list a .c-l-txt strong{ margin: 22.5px 0 0 0;display: block;height: 1px;background: #ccc;width: 15%;position: absolute;top: 1em;left: 0;}
.case-list a .c-l-txt p{display: block;float: right;overflow: hidden;width: 82%;    margin-top: 1em;}
.case-list a .c-l-txt p span{ text-align: left;display: block;color: #000;font-size:28px;letter-spacing:2px;margin:0 0 0; font-family: font2018; height: 46px;line-height: 46px;}
.case-list a .c-l-txt p font{ display: block;color: #000;letter-spacing: 2px;font-size: 16px;}
.case-list a:hover p span,.case-list a:hover p font{ color:#999;}
.case-list .moreload{ display: block;overflow: hidden;}
.case-list .moreload ul{ display: block;overflow: hidden;}
.case-list .moreload ul li{display: block;width: 24%;float: left;margin: 0 0.5%;position: relative;overflow: hidden;    padding-bottom: 6%;}
.case-list .moreload .more{ display: block;text-align: center;border-bottom: 1px solid #eee;padding-bottom: 100px; }
.case-list .moreload .toa{     overflow: hidden;display: block;height: 50px;border: 1px solid #10A56F;color: #10A56F;line-height: 50px;font-size: 15px;letter-spacing: 2px;width: 12%;margin: 0 auto;     position: relative;}
.case-list .moreload .toa .fa{}


.case-web{ display: block;width: 100%;background: #333; padding: 100px 0; }
.case-web dl{ display: block;width: 50%;margin: 0 auto;overflow: hidden;}
.case-web dl dd{ display: block;overflow: hidden;border-bottom: 1px solid #444;margin-bottom: 60px;padding-bottom: 60px;}
.case-web dl dd:nth-child(2n){margin-bottom: 0;padding-bottom: 0; border-bottom:0; }
.case-web dl dd p{ display: block;overflow: hidden;float: left;width:56%; }
.case-web dl dd p span{ display: block;color: #fff;font-size: 30px;margin-bottom: 20px; letter-spacing: 2px;}
.case-web dl dd p font{ display: block;color: #ccc;font-size: 15px;letter-spacing: 2px;line-height: 22px;margin:0 0 30px 0;}
.case-web dl dd p a{ color: #fff;font-size: 14px;letter-spacing: 2px;}
.case-web dl dd p a strong{ font-size: 16px;margin-left: 10px;}
.case-web dl dd img{ display: block;float: right;width: 15%;}



.market-1{ display: block;overflow: hidden;padding: 70px 0;}
.m-1-one{display: block;overflow: hidden;border-bottom: 1px solid #ddd;padding: 1% 1% 60px 1%;width: 98%;}
.m-1-one .m-1-one-left{ display: none;float: left;font-weight: normal;font-size:30px;letter-spacing: 2px; width:20%;     color: #fff; }
.m-1-one .m-1-one-right{ display: block;float: right;font-size: 30px;overflow: hidden;width:100%;}
.m-1-one .m-1-one-right h3{ font-size:18px;letter-spacing:1px;width:50%;  overflow: hidden;    margin: auto;line-height:30px; font-weight: normal; }
.m-1-one .m-1-one-right h3 span{     display: block; font-family: font2018;font-size:18px;line-height:36px;letter-spacing: 1px;}
.m-1-one .m-1-one-right h4{ margin:0 auto 30px; display: block;overflow: hidden;width: 50%; }
.m-1-one .m-1-one-right h4 span{ display: block;float: left;width: 120px;height: 1px;background: #ccc;margin:20px 10px 0 10px; }
.m-1-one .m-1-one-right h4 font{ display: inline-block;font-size: 24px;letter-spacing: 2px;    float: left; }


.m-1-two{ display: block;overflow: hidden;padding:60px 25% 30px;  }
.m-1-two dd{ display: block;overflow: hidden;margin-bottom:50px;    float: left;width: 100%;}
.m-1-two dd strong{display: none;float: left;font-weight: normal;font-size: 30px;letter-spacing: 2px;width: 20%;font-family: font2018;color:#fff; }
.m-1-two dd span{ display: block;float: none;font-weight: normal;font-size:26px;width: 100%; line-height: 36px; margin-bottom: 20px;}
.m-1-two dd font{ display: block;float: none;width:100%;font-size: 18px;font-weight: normal;letter-spacing:1px;line-height:26px;}

.m-1-three{ padding-top: 80px; }
.m-1-three .m-1-3-left{ display: block;float: left;font-weight: normal;font-size:30px;letter-spacing: 2px;width: 20%;}
.m-1-three .m-1-3-right{ font-size: 30px;letter-spacing: 2px;width: 70%;overflow: hidden;line-height: 36px;font-weight: normal;}
.m-1-three .m-1-3-right h3{ font-size: 20px;letter-spacing: 2px;overflow: hidden;line-height: 36px;font-weight: normal; width: 80%; }
.m-1-three .m-1-3-right h4{ margin: 30px 0;display: block; font-size: 26px; }
.m-1-three .m-1-3-right h4 a{ color: #000;font-family: font2018;letter-spacing: 0;}


.partner-case{    display: block;overflow: hidden;padding:60px 0;}
.partner-case dl{ display: block;overflow: hidden; padding: 1%;}
.partner-case dl a{ position: relative;display: block;float: left;width:24.25%;overflow: hidden; margin: 0 1% 1% 0;    transition: all .8s;}
.partner-case dl a:nth-child(4n){margin: 0 0 1% 0; float:right; }
.partner-case dl a img{display: block;width: 100%;}
.partner-case dl a .p-c-txt{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);     opacity: 0;transition: all .5s;}
.partner-case dl a .p-c-txt dd{     padding: 0 15%;display: block;overflow: hidden;position: absolute;width: 70%;top: 50%;margin-top: -38.5px;}
.partner-case dl a .p-c-txt dd span{display: block;float: left;width: 10%;height: 1px;background: #10A56F;margin:20px 0 0 0;}
.partner-case dl a .p-c-txt dd p{ float: right;width: 88%;overflow: hidden;}
.partner-case dl a .p-c-txt dd p font{ display: block;letter-spacing: 2px;font-size: 17px;}
.partner-case dl a .p-c-txt dd p strong{ display: block;font-size: 2.6em;font-weight: normal;color: #10A56F; line-height: 1em;margin-bottom: 10px;     font-family: font2018;}
.partner-case dl a:hover .p-c-txt{  opacity: 1;transition: 0.3s; }


.partner-case-logo{}
.partner-case-logo dl{ display: block;overflow: hidden;padding: 1%;}
.partner-case-logo dl img{ display: block;float: left;margin: 0 4.6% 1% 0; opacity: 0.5;}
.partner-case-logo dl img:hover{  opacity:1; transition: 0.3s; }


.p-c-about{ display: block;overflow: hidden;width: 100%; position: relative;}
.p-c-about .p-c-about-txt{ display: block;height:90%;width: 39.5%;position: absolute;overflow: hidden;    padding: 5%; }
.p-c-about .p-c-about-txt span{display: block;float: left;width: 10%;margin: 16px 0 0 0;background: #666;height: 1px;}
.p-c-about .p-c-about-txt p{     color: #000;display: block;float: right;width: 85%;font-size: 1.2em;letter-spacing: 2px;line-height: 36px;padding: 0 0 0 2%;font-family: font2018;}
.p-c-about .p-c-about-txt a{ display: block;border: 1px solid #10a56f;color: #10a56f;height: 40px;line-height: 40px;text-align: center;font-size: 13px;letter-spacing: 2px;width: 20%;margin: 4em 0 0 15%;}
.p-c-about .p-c-about-txt a strong{margin-left: 5px;}
.p-c-about .p-c-about-c{ display: block;float: right;width: 49.5%;}
.p-c-about .p-c-about-c a{width: 49%; margin: 0 2% 2% 0;    transition: all .8s;}
.p-c-about .p-c-about-c a:nth-child(2n){float: right;margin: 0 0 2% 0;}


.page-form{ background: #10A56F;padding: 100px 0;display: block;overflow: hidden;}
.page-form dl{ display: block;width: 50%;margin: 0 auto;}
.page-form h3{ display: block;color: #fff;font-size: 20px;margin-bottom: 10px;letter-spacing: 2px;}
.page-form h4{letter-spacing: 2px; display: block;color: #eee;font-size: 14px;margin-bottom: 40px;}
.page-form h5{ letter-spacing: 2px; text-align: right;font-size: 13px;color: #ddd;}
.page-form h5 a{ color: #fff;text-decoration: underline;}
.page-form form{ display: block; margin-bottom: 20px; overflow: hidden;}
.page-form form input{ display: block;height: 50px;border: 0;line-height: 50px;width: 24.25%;float: left;margin: 0 1% 0 0;text-indent: 1em;  color:#fff;  background-color: rgba(0, 0, 0, .1);}
.page-form form input:last-child{ float: right;margin: 0;background: #fff;color: #0f7349;text-indent: 0;text-align: center; font-size: 15px;}


.case-web-img{ position: relative; display: block;background: #000;overflow: hidden;}
.case-web-img dt{ display: block;width: 75%;float: right;    margin-right: -25%;height: 700px;
    background-image: url(../img/case-web-img-bg.jpg);background-position: 0px 50%;background-size: 1451px;background-repeat: no-repeat;}
.case-web-img dl{ position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;}
.case-web-img dl dd{ display: block;width: 50%;overflow: hidden;margin: 12% auto;}
.case-web-img dl dd h3{ display: block;color: #fff;font-size: 20px;margin-bottom: 3%;letter-spacing: 2px;}
.case-web-img dl dd h4{letter-spacing: 2px;display: block;color: #999;font-size: 14px;margin-bottom: 40px; width: 50%; line-height: 26px;}
.case-web-img dl dd a{color: #fff;font-size: 14px;letter-spacing: 2px;}
.case-web-img dl dd a strong{font-size: 14px;margin-left: 10px;}


.case-web-bottom{  background: #eef0f3;display: block;width: 100%;overflow: hidden;}
.case-web-bottom img{ display: block;width: 100%; }
.case-web-bottom dd{ display: block;width: 50%;margin: 100px auto;overflow: hidden;}
.case-web-bottom dd h3{ font-size: 20px;text-align: center;display: block;margin: 0 0 30px;}
.case-web-bottom dd h4{ display: block;text-align: left;font-size: 15px;letter-spacing: 2px;max-width: 550px;margin: 0 auto 50px;line-height: 28px;color: #666; text-align: justify;  }
.case-web-bottom dd a{display: block;height: 40px;padding-top: 1px;padding-right: 25px;padding-left: 25px;-webkit-box-flex: 0;-ms-flex: 0 auto;background-color:#10A56F;color: #fff;font-size: 14px;line-height: 40px;text-align: center;width: 16%;margin: 0 auto;}
.case-web-bottom dd a strong{ font-size: 16px;margin-left: 10px;}





.design-banner{display: block;overflow: hidden; position: relative;     background: #f7f7f7; }
.design-banner img{ display: block;width: 100%;margin: 0;}
.design-banner dd{ position: absolute;width: 100%;top: 0;left: 0;text-transform: uppercase;z-index: 2;color: #fff;   height: 100%;background: rgba(0, 0, 0, 0.2);}
.design-banner dd span{ font-size: 60px;text-align: center;display: block;margin: 17% auto;}
.design-banner .fa-angle-down{ position: absolute;z-index: 3;bottom: 10%;text-align: center;color: #fff;width: 100%;}
.design-banner .fa-angle-down:before{ height: 40px;width: 40px;line-height: 40px;border: 1px solid #ccc;display: block;margin: 0 auto;border-radius: 50%; font-size: 1.4em; }


.design-list{ display: block;overflow: hidden;}

.design-list dl{ position: relative;display: block;width: 66%;margin: 100px auto;overflow: hidden;}
.design-list dl dd{display: block;float: left;width: 39%;background: #f7f9fb; margin: 0 2% 2% 0;overflow: hidden;padding: 5%;}
.design-list dl dd:nth-child(2n){ float: right;  margin: 0 0 2% 0; }
.design-list dl dd img{ display: block;width: 100%;overflow: hidden;}
.design-list dl dd p{ display: block;margin:30px 0 20px;letter-spacing: 2px;    text-align: center;}
.design-list dl dd p span{ display: block;     font-size: 16px; font-weight: bold; }
.design-list dl dd p font{}
.design-list dl dd h3{ color: #666; display: block;font-size: 14px;letter-spacing: 2px;     margin: 0 auto 20px;width: 80%;  text-align: center;}
.design-list dl dd a{  width: 20%;min-width: 100px;}



/*
.design-list dl{ position: relative;display: block;width: 98%;margin: 100px auto;overflow: hidden; }
.design-list dl .design-list-1{ display: block;overflow: hidden;margin-bottom:5%;position: relative;    border-bottom: 1px solid #eee;     float: left;width: 45%;padding: 1%;}
.design-list dl .design-list-1:nth-child(2n){  float: right; }
.design-list dl .design-list-1 img{ display: block;width: 42%;float: right;    margin-right: 15%; -webkit-filter: grayscale(100%); margin-bottom: 16%; }
.design-list dl .design-list-1 dd{ position: absolute;top: 0;left: 0;width:100%;height: 100%;}
.design-list dl .design-list-1 dd h3{display: block;overflow: hidden;}
.design-list dl .design-list-1 dd h3 span{display: block; line-height: 30px;letter-spacing: 2px;font-size: 19px;color: #333;width:40%; }
.design-list dl .design-list-1 dd h3 p{display: block;height: 1px;width:55%;background: #eee;margin: 30px 0;}
.design-list dl .design-list-1 dd h3 .d-l-a-txt{display: block;font-size: 14px;color: #999;margin: 0 0 40px;width: 40%;letter-spacing: 1px;}
.design-list dl .design-list-1 dd h3 .d-l-a{ display: block;height: 40px;padding-top: 1px;padding-right: 20px;padding-left: 20px;-webkit-box-flex: 0;
    -ms-flex: 0 auto;background: none;color: #10A56F;font-size: 16px;line-height: 40px;text-align: center;width: 20%;border: 1px solid #10A56F;}
.design-list dl .design-list-1 dd h3 .d-l-a font{font-size: 14px;}
.design-list dl .design-list-1 dd h3 .d-l-a span{}
.design-list dl .design-list-1 dd h3 .d-l-a strong{ font-size: 16px;margin-left: 10px;color: #10A56F;}
.design-list dl .design-list-1 dd .h4{ position: absolute;right: 0;bottom: 0;font-size: 300px;font-weight: bold;color: #f9911b;height: auto;margin: 0;padding: 0;  }


.design-list dl .design-list-2 dd h3{}
.design-list dl .design-list-2 dd h3 span{ margin-left: 60%;text-align: right;}
.design-list dl .design-list-2 dd h3 p{    margin-left: 45%;width: 55%;}
.design-list dl .design-list-2 dd h3 .d-l-a-txt{    text-align: right;margin-left: 60%;}
.design-list dl .design-list-2 dd h3 .d-l-a{    margin-left: 74%;}
.design-list dl .design-list-2 img{ float: left;    margin-left: 15%; }
.design-list dl .design-list-2 dd .h4{ position: absolute;right:auto;bottom: 0;font-size: 400px;font-weight: bold;color: #f9911b;height: auto;margin: 0;padding: 0;  }

*/


















.design-about{ background: #f4f4f4;padding: 50px 0.5%;display: block;overflow: hidden;}
.design-about dl{ display: block;overflow: hidden;}
.design-about dl a{ display: block;background: #fff;float: left;width: 24.625%;margin: 0 0.5% 0 0;overflow: hidden;}
.design-about dl a:nth-child(4n){ float: right;margin: 0 0 0 0;}
.design-about dl a img{ display: block;width: 100%;-webkit-filter: grayscale(100%);}
.design-about dl a h3{ display: block;margin: 3em 2em;}
.design-about dl a h3 span{ display: block;color: #10A56F;font-size: 2em;margin-bottom: 16px;}
.design-about dl a h3 font{ display: block;font-size: 14px;letter-spacing: 2px;color: #666;}
.design-about dl a h4{ display: block;margin: 0 2em 2em;text-align: right;    overflow: hidden;}
.design-about dl a h4:before{color: #999;width: 42px;height: 42px;line-height: 42px;border: 1px solid #ccc;display: block;text-align: center;float: right;font-size: 1em;}
.design-about dl a:hover h4:before{color: #10A56F;width: 42px;height: 42px;line-height: 42px;border: 1px solid #10A56F;display: block;text-align: center;float: right;font-size: 1em;}
.design-about dl a:hover img{ -webkit-filter: grayscale(0%);-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s; }

.team-banner .fa-angle-down{ position: absolute;z-index: 3;bottom: 10%;text-align: center;color: #fff;width: 100%;}
.team-banner .fa-angle-down:before{ height: 40px;width: 40px;line-height: 40px;border: 1px solid #ccc;display: block;margin: 0 auto;border-radius: 50%; font-size: 1.4em; }

.team-banner{ display: block;overflow: hidden;position: relative; width: 100%; }
.team-banner img{ display: block;width: 100%;margin: 0;}
.team-banner span{ position: absolute;width: 100%;top: 0;left: 0;text-transform: uppercase;z-index: 2;color: #fff;font-size: 60px;text-align: center;line-height: 12em;    height: 100%;background: rgba(0, 0, 0, 0.2);}

.team-txt{ display: block;overflow: hidden;padding: 100px 0;text-align: justify;width: 40%;margin: 0 auto;font-size: 17px;letter-spacing: 2px;line-height: 26px;    color: #666;}
.team-txt h6{ display: block;margin: 30px 0 0;}
.team-txt h6 span{ display: block;float: left;width: 10%;height: 1px;background: #10A56F;;margin: 13px 2% 0 0;}
.team-txt h6 font{ display: block;float: left;letter-spacing: 1px;text-transform: uppercase;font-size: 16px;    color: #10A56F;}

.team-s{display: block;overflow: hidden;background: #eee; padding-bottom: 100px;}
.team-s dl{ display: block;width: 80%;margin: 0 auto;    overflow: hidden;padding: 100px 0 50px;}
.team-s dl dd{ display: block;overflow: hidden;width:32.666%;float: left; margin: 0 1% 3% 0;}
.team-s dl dd:nth-child(3n){ margin:0 0 3% 0; float: right;}
.team-s dl dd:hover .team-s-img img{-webkit-filter: grayscale(0%);}
.team-s dl dd:hover .team-s-img span{    opacity: 0;}
.team-s dl dd .team-s-img{ position: relative;display: block;overflow: hidden;}
.team-s dl dd .team-s-img img{display: block;width: 100%;-webkit-filter: grayscale(100%);}
.team-s dl dd .team-s-img span{ position: absolute;width: 100%;text-align: center;color:#11c177;top: 50%;left: 0;font-size: 160px;text-shadow:0 0 0.1em rgba(255, 255, 255, 0.21);
                                -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;    opacity: 0.9;      height: 240px;line-height: 240px;margin-top: -120px; font-family: font2018; }
.team-s dl dd .team-s-o{  display: block;overflow: hidden;margin-top: 6%;}
.team-s dl dd .team-s-o h3{display: block;float: left;width:16%;height: 1px;background: #999;    margin-top: 3%;}
.team-s dl dd .team-s-o h4{    display: block;float: right;width: 80%;overflow: hidden;}
.team-s dl dd .team-s-o h4 span{    display: block;color: #000;font-size: 20px;}
.team-s dl dd .team-s-o h4 font{  display: block;color: #666;letter-spacing: 2px;  font-size: 14px;margin: 8px 0;}
.team-s dl dd .team-s-o h4 strong{color: #666;display: block;font-size: 14px;font-weight: normal;letter-spacing: 2px;line-height: 22px;}
.team-s dl dd .team-s-o h4 strong .txt1{ display: inline-block;vertical-align: top;    margin-right: 4%;    line-height: 1;border-right: 1px solid #999;padding-right: 4%;}
.team-s dl dd .team-s-o h4 strong .txt2{ display: inline-block;vertical-align: top;     line-height: 1;}




.a-wh-info{ display: block;width: 70%;margin: 0 auto 50px;overflow: hidden;margin-top: -6%;position: relative;z-index: 3;}
.a-wh-info a{ display: block;float: left;overflow: hidden;width: 32%;margin: 0 2% 0 0;}
.a-wh-info a:nth-child(3n){ float: right; margin:0; }
.a-wh-info a img{ display: block;width: 100%;border-bottom: 10px solid #063784;}
.a-wh-info a p{ display: block;overflow: hidden;padding: 30px 0 50px;border-bottom: 1px solid #ccc;}
.a-wh-info a p span{ display: block;color: #000;font-size: 16px;letter-spacing: 2px;font-weight: bold; font-weight: bold; }
.a-wh-info a p strong{ line-height: 26px;   display: block;color: #333;font-weight: normal;font-size: 16px;margin: 10px 0;  text-transform: uppercase;text-align: left;     letter-spacing: 2px; font-family: font2018;}
.a-wh-info a p font{  display: block;color: #000;font-size: 14px;letter-spacing: 2px;}
.a-wh-info a p span #line{ display: inline-block;width: 50px;height: 1px;background: #ccc;vertical-align: top;margin: 10px 10px 0 0;}

.a-wh-news{    background: #eef0f3;padding: 100px 0;display: block;overflow: hidden;}
.a-wh-news .a-wh-info{margin-top:0;}



.team-news{display: block;overflow: hidden;    margin: 0 0 100px;}
.team-news h6{ display: block;overflow: hidden;     position: relative; z-index:-1;}
.team-news h6 img{ display: block; width: 100%; }
.team-news h6 p{ position: absolute;top: 34%;text-align: center;z-index: 2;left: 0;width: 100%;}
.team-news h6 p span{color: #fff;font-size: 30px;text-align: center;display: block;margin: 0 0 10px;}
.team-news h6 p font{display: block;color: #fff;font-size: 18px;letter-spacing: 2px;    margin-bottom: 1%;}
.team-news h6 p strong{ display: block;width: 1px;background: #fff;height: 100px;margin: 0 auto;opacity: 0.5;}

.team-news dl{ display: block;width: 80%;overflow: hidden;margin: 0 auto 50px;     margin-top: -6%; position: relative;}
.team-news dl a{ display: block;float: left;width: 25%;    background: #eee;}
.team-news dl a:nth-child(2n){ background: #f7f7f7; }
.team-news dl a img{display: block;width: 100%;overflow: hidden;}
.team-news dl a dd{display: block;padding: 10%;overflow: hidden;}
.team-news dl a dd h3{ display: block;color: #000;margin-bottom: 3em;font-size: 14px;    letter-spacing: 2px;}
.team-news dl a dd h4{ display: block;color: #000;font-size: 16px;margin-bottom:3em;letter-spacing: 2px;  line-height: 26px;    font-weight: bold;}
.team-news dl a dd h5{ display: block; overflow: hidden;}
.team-news dl a dd h5 span{display: block;color: #666;margin-bottom: 10px;}
.team-news dl a dd h5 font{ display: inline-block;color: #666;font-size: 14px;letter-spacing: 2px;}

.team-news-a{display: block;height: 40px;padding-top: 1px;padding-right: 20px;padding-left: 20px;-webkit-box-flex: 0;-ms-flex: 0 auto;background:none;color: #063784;font-size: 14px;line-height: 40px;text-align: center;width: 10%;margin: 0 auto;
border: 1px solid #063784;position: relative;overflow: hidden;}
.team-news-a strong{font-size: 16px;margin-left: 10px; color:#063784; position: relative; z-index: 2; transition:all .5s;}

.team-news-a font{position: relative;z-index: 2; font-size: 14px; display: inline-block; color:#132a88;}
.team-news-a #a-bg{ opacity: 0; background: #132a88;position: absolute;width: 100%;height: 100%;top: 0;left: -100%;z-index: 1; margin: 0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;    display: block;}
.team-news-a:hover #a-bg{ opacity:1; left:0; }
.team-news-a:hover font,.team-news-a:hover .fa{ color:#fff; }
.team-news-a1:hover #a-bg{ opacity:1; left:0; background: #fff; }
.team-news-a1:hover font,.team-news-a1:hover .fa{ color:#10A56F; }
.p-c-about .p-c-about-txt a:hover{ border:1px solid #10A56F; }
.about-2info dl:nth-child(2n) dd .about-2info-txt h5 a:hover{ border:1px solid #132a88; }
.about-2info dl:nth-child(2n) dd .about-2info-txt h5 a:hover .fa{ color:#fff;}



 
.market-list dl dd .p h3 .market-list-go span,.market-list dl dd .p h3 .market-list-go .fa{letter-spacing: 0; display: inline-block;font-size: 14px;color: #063784; position: relative;z-index: 2;    font-weight: normal;  }
.market-list dl dd .p h3 .market-list-go,.market-list dl dd .p h3 .market-list-on{position: relative;    overflow: hidden;}
.market-list dl dd .p h3 .market-list-go p,.market-list dl dd .p h3 .market-list-on p{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;position: absolute;width: 100%; height: 100%;top: 0;left: -100%;background: #063784;z-index: 1;opacity: 0;}
.market-list dl dd .p h3 .market-list-go:hover p,.market-list dl dd .p h3 .market-list-on:hover p{ opacity: 1; left:0; }
.market-list dl dd .p h3 .market-list-on:hover span,.market-list dl dd .p h3 .market-list-on:hover .fa,.market-list dl dd .p h3 .market-list-go:hover span,.market-list dl dd .p h3 .market-list-go:hover .fa{ color:#fff; }
.market-list dl dd .p h3 .market-list-on span,.market-list dl dd .p h3 .market-list-on .fa{ display: inline-block;font-size: 14px;  position: relative;z-index: 2;letter-spacing: 0;font-weight: normal; }
.market-list dl dd .p h3 .market-list-go,.market-list dl dd .p h3 .market-list-on:hover{ border:1px solid #063784; }
 





.case-list .moreload .toa #a-bg{opacity: 0; background: #10A56F;position: absolute;width: 100%;height: 100%;top: 0;left: -100%;z-index: 1;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.case-list .moreload .toa font,.case-list .moreload .toa .fa{position: relative;z-index: 2;}
.case-list .moreload .toa:hover #a-bg{ opacity:1; left:0;}
.case-list .moreload .toa:hover font,.case-list .moreload .toa:hover .fa{color:#fff; }


.team-about{ margin: 0 auto;display: block;overflow: hidden;text-align: center;border-top:1px solid #eee; padding: 60px 0;width: 100%;}
.team-about a{    color: #000;}
.team-about span{ display: block;font-size: 15px;margin-bottom: 24px;}
.team-about font{ display: block;letter-spacing:2px;margin-bottom: 30px;color: #000;font-size: 20px; }
.team-about strong{ color: #063784;font-size: 18px;  border: 1px solid;  width: 40px; height: 40px; line-height: 40px; border-radius: 50%; display:block; margin:0 auto; }

.team-work{ display: block;background: #eee;padding: 100px 0;text-align: center;}
.team-work dl{ display: block;width: 50%;margin: 0 auto;overflow: hidden;}
.team-work dl a{ display: block;width: 40%;float: left;background: #fff;text-align: center;padding:7% 5%;}
.team-work dl a span{display: block;color: #000;font-size: 16px;}
.team-work dl a font{ display: block;text-align: center;font-size: 22px;color: #000;margin: 16px 0;letter-spacing: 2px;}
.team-work dl a strong{ display: inline-block;width: 36px;border: 1px solid #000;text-align: center;height: 36px;line-height: 36px;border-radius: 50%;font-size: 16px;color: #000;}
.team-work dl a:nth-child(2n){background: #10A56F; }
.team-work dl a:nth-child(2n) span,.team-work dl a:nth-child(2n) font,.team-work dl a:nth-child(2n) strong{color:#fff;}
.team-work dl a:nth-child(2n) strong{ border: 1px solid #eee;}


.team-about a strong:hover{  color: #fff; background:#063784;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;  }








.webfooer{ display: block;background: #fff;padding:70px 1%;overflow: hidden;border-top: 1px solid #eee;}
.webfooer dl{ display: block;float: left;width: 25%;overflow: hidden;}
.webfooer dl h3{ display: block;margin-bottom: 30px;}
.webfooer dl h3 a{ display: block;letter-spacing: 2px;color: #000;font-size: 17px;}
.webfooer dl dd{}
.webfooer dl dd h4{ display: block;overflow: hidden;margin-bottom: 20px;}
.webfooer dl dd h4 span{display: block;     color: #333;    margin-bottom: 5px;   font-size: 13px;letter-spacing: 2px;}
.webfooer dl dd h4 span:first-of-type a{font-weight: bold; border: 0; }
.webfooer dl dd h4 span:first-of-type{ margin-bottom: 5px;}
.webfooer dl dd h4 span a{ letter-spacing: 2px;display: inline-block;color: #333;font-size: 13px;     font-family: font2018;   border-bottom: 1px solid #ccc;}

.webfooer-bottom{}
.webfooer-bottom h3{display: block;text-align: center;font-size: 12px;color: #999;letter-spacing: 1px;border-bottom: 1px solid #eee;padding: 20px 0;margin-bottom: 20px;}
.webfooer-bottom dd{ display: block;overflow: hidden;padding: 0 1% 0;}
.webfooer-bottom dd h4{ display: block;color: #999;letter-spacing: 1px;font-size: 12px;}
.webfooer-bottom dd a{ display: inline-block;color: #999;font-size: 12px;float: left;margin: 0 10px 0 0;letter-spacing: 1px; }
.webfooer-bottom h3 #cnzz_stat_icon_1256276506{ opacity: 0.1; }




.contact-info{ display: block;overflow: hidden;}
.contact-info a{ position: relative; display: block;float: left;width: 33.333%;overflow: hidden;}
.contact-info a img{ display: block;width: 100%; }
.contact-info a dd{    z-index: 2; padding:12%; position: absolute;width: 100%;top: 0;left: 0;height: 100%;}
.contact-info a dd p{ display: block;float: left;height: 1px;width: 10%;background: #eee;margin: 10px 0 0 0;}
.contact-info a dd .contact-info-txt{ display: block;float: right;width: 86%;overflow: hidden;}
.contact-info a dd .contact-info-txt span{ letter-spacing: 2px; line-height: 1;display: block;font-size: 2em;margin-bottom: 10px;}
.contact-info a dd .contact-info-txt font{ opacity: 0;display: block;font-size: 14px;letter-spacing: 2px;    margin: 1.4em 0 1.4em 2em;}
.contact-info a dd .contact-info-txt strong{ opacity: 0;display: block;width: 40px;text-align: center;height: 40px;border: 1px solid #eee;line-height: 40px;font-size: 16px; margin: 0 0 0 2em; }
.contact-info a h4{      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;
                       background: rgba(15, 115, 73, 0.96);opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0);z-index: 1; }
.contact-info a:hover h4{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.contact-info a:hover .contact-info-txt font{opacity: 1; margin: 1.4em 0 1.4em 0;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.contact-info a:hover .contact-info-txt strong{ opacity: 1;margin: 0;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.6s;}
.webfooer dl dd h4 span:first-of-type a:hover{border:0;}
 .webfooer dl dd h4 span a:hover{border-bottom:1px solid #fff; color:#10A56F;}



.page-contact{display: block;padding:100px 1% 0; overflow: hidden; }
.page-contact .p-c-shanghai{    display: block;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 50px;padding-bottom: 50px;}
.page-contact .p-c-shanghai dd{ display: block;overflow: hidden;float: left;width:65%;}
.page-contact .p-c-shanghai dd h3{ display: block;font-size: 16px;letter-spacing: 2px;margin-bottom: 0;}
.page-contact .p-c-shanghai dd h4{ display: block;letter-spacing:4px;font-size:3em;margin-bottom: 20px;  font-weight: bold; font-family: font2018;   line-height: 1;}
.page-contact .p-c-shanghai dd h5{    display: block;overflow: hidden;}
.page-contact .p-c-shanghai dd h5 span{display: block;height: 1px;width: 10%;background: #ccc;float: left;margin: 12px 0 0 0;}
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt{ display: block;float: left;width: 88%;margin-left: 2%;}
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt strong{}
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt p{display: block;font-size: 20px;letter-spacing: 2px;width: 100%;    line-height: 1em;}
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt p a{ color: #333;border-bottom: 1px solid #ccc; font-weight: bold; font-family: font2018; }
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt font{ display: block;font-size: 16px;margin: 26px 0;}
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt font a{color: #333;border-bottom: 1px solid #ccc;letter-spacing: 2px;font-size: 14px;}
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt .team-news-a{ margin: 0; width: 15%; position: relative; overflow: hidden;}
.page-contact .p-c-shanghai dt{ position: relative;display: block;float: right;width: 35%;overflow: hidden;}
.page-contact .p-c-shanghai dt img{ display: block;width: 100%;transition:all 1s;}
.page-contact .p-c-shanghai dt img:hover{transform: scale(1.03);}
.page-contact .p-c-shanghai dt a{ position: absolute;width: 20%;left: 40%;margin-top: -20px;top: 50%;z-index: 2; background: #10A56F; color: #fff;transition:all .5s;}
.page-contact .p-c-shanghai dt a:hover{color:#10A56F;background-color:#fff;}
.page-contact .p-c-shanghai dt a:hover strong{color: #10A56F;}
.page-contact .p-c-shanghai dt:hover img{ -webkit-filter: grayscale(0%); }
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt font a:hover,.page-contact .p-c-two dd h5 .p-c-shanghai-txt font a:hover{ color:#10A56F; }

.page-contact .p-c-two{    display: block;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 50px;padding-bottom: 50px;}
.page-contact .p-c-two dl{    display: block;overflow: hidden;float: left;width: 32%; margin:0 2% 0 0;}
.page-contact .p-c-two dl:nth-child(3n){ float: right; margin:0; }
.page-contact .p-c-two dd{ display: block;overflow: hidden;float: left;width:100%;}
.page-contact .p-c-two dd h3{ display: block;font-size: 16px;letter-spacing: 2px;margin-bottom:10px;}
.page-contact .p-c-two dd h4{ display: block;letter-spacing:4px;font-size:2em;margin-bottom: 20px;     font-weight: bold; font-family: font2018; line-height: 1;}
.page-contact .p-c-two dd h5{}
.page-contact .p-c-two dd h5 span{display: block;height: 1px;width: 10%;background: #ccc;float: left;margin: 12px 0 0 0;}
.page-contact .p-c-two dd h5 .p-c-shanghai-txt{ display: block;float: left;width: 88%;margin-left: 2%;}
.page-contact .p-c-two dd h5 .p-c-shanghai-txt strong{}
.page-contact .p-c-two dd h5 .p-c-shanghai-txt p{display: block;font-size: 18px;letter-spacing: 2px;width:100%;}
.page-contact .p-c-two dd h5 .p-c-shanghai-txt p a{ color: #333;border-bottom: 1px solid #ccc; }
.page-contact .p-c-two dd h5 .p-c-shanghai-txt font{ display: block;font-size: 14px;margin: 20px 0;}
.page-contact .p-c-two dd h5 .p-c-shanghai-txt font a{color: #333;border-bottom: 1px solid #ccc;letter-spacing: 2px;font-size: 14px;}
.page-contact .p-c-two dd h5 .p-c-shanghai-txt .team-news-a{ margin: 0; width: 24%; }
.page-contact .p-c-two dt{ position: relative;display: block;float: right;width: 100%;overflow: hidden; margin-bottom: 20px;}
.page-contact .p-c-two dt img{ display: block;width: 100%;-webkit-filter: grayscale(100%); }
.page-contact .p-c-two dt a{ position: absolute;width: 20%;left: 40%;margin-top: -20px;top: 50%;z-index: 2;background: rgba(255, 255, 255, 0.6);}
.page-contact .p-c-two dt:hover img{-webkit-filter: grayscale(0%);-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

.page-contact-manages{display: block;margin:70px 0;overflow: hidden;}
.page-contact-manages dd{ display: block;overflow: hidden;margin-bottom: 50px;}
.page-contact-manages dd h3{display: block;font-size: 17px;letter-spacing: 2px;margin-bottom: 0;}
.page-contact-manages dd h4{display: block;letter-spacing: 2px;font-size: 2.4em;margin-bottom: 20px;line-height: 1; font-family: font2018; font-weight: bold;}
.page-contact-manages dd h5{display: block;height: 1px;width: 10%;background: #ccc;float: left;margin: 0;}
.page-contact-manages form{display: block;overflow: hidden;width: 60%;}
.page-contact-manages form input{display: block;width: 90%;height: 40px;line-height: 40px;font-size: 15px;color: #333;margin-bottom: 1em;border: 1px solid #ddd;text-indent: 1em;}
.page-contact-manages form textarea{ display: block;width: 90%;height: 120px;line-height: 40px;font-size: 15px;color: #333;margin-bottom: 1em;border: 1px solid #ddd;text-indent: 1em;}
.page-contact-manages form .input-text{ float: left;width: 20%;margin-right: 1em;overflow: hidden;}
.page-contact-manages form img{ display: block;float: left;height: 40px;}
.page-contact-manages form p{    display: block;overflow: hidden; }
.page-contact-manages form .btn-submit{    text-indent: 0; display: block;text-align: center;border: 0;background:#10A56F;color: #fff;letter-spacing: 2px;width: 15em;    height: 50px; line-height: 50px;}
	
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt a font,.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt a .fa,.page-contact .p-c-two dd h5 .p-c-shanghai-txt a font,.page-contact .p-c-two dd h5 .p-c-shanghai-txt a .fa{      color: #10A56F;position: relative;z-index: 2;  display: inline; font-size: 14px;}
.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt a:hover font,.page-contact .p-c-shanghai dd h5 .p-c-shanghai-txt a:hover .fa,.page-contact .p-c-two dd h5 .p-c-shanghai-txt a:hover font,.page-contact .p-c-two dd h5 .p-c-shanghai-txt a:hover .fa{   
color: #fff;}


/*
.in-m-company{background: #eef0f3;padding: 50px 0;}
.in-market-2{position: relative;display: block;min-width:76%; max-width: 1300px;margin:8em auto;overflow: hidden;}
.in-market-2 img{display: block;width: 50%;float: right;    margin-right: 1px;}
.in-market-2 .i-m-txt1{ position: absolute;background: #fff;width: 30%;left: 20%;height: 60%;z-index: 1;}
.in-market-2 .i-m-txt1 span{ display: block;color: #000;font-size: 2em;width: 80%;margin: 10% auto 5%;}
.in-market-2 .i-m-txt1 font{    display: block;color: #666;font-size: 17px;letter-spacing: 2px;margin: 0 auto;width: 80%;}
.in-market-2 .i-m-txt1 .a{cursor:pointer;position: relative;}
.in-market-2 .i-m-txt1 .b{cursor:pointer; background:#10A56F;color: #fff;    position: relative;}
.in-market-2 .i-m-txt1 a{display: block;margin:2em 0 0 10%;width: 40%;border: 1px solid #eee;text-align: center;line-height: 40px;}
.in-market-2 .i-m-txt1 a strong{}

.in-market-2 .i-m-txt1 .a #to{    z-index: 1;opacity: 0;width: 0;position: absolute;height: 100%;transition: all 0.4s linear 0s;-webkit-transition: all 0.4s linear 0s;background: #10A56F;}
.in-market-2 .i-m-txt1 .a .t{display: inline-block;position: relative;z-index: 3;    color: #10A56F;}
.in-market-2 .i-m-txt1 .a .fa{ position: relative;z-index: 2;color: #10A56F;}

 
.in-market-2 .i-m-txt1 .a:hover #to{opacity: 1;transition: all 0.4s linear 0s;-webkit-transition: all 0.4s linear 0s;width: 100%;}
.in-market-2 .i-m-txt1 .a:hover .t,.in-market-2 .i-m-txt1 .a:hover .fa{ color:#fff; }

.in-market-2 .i-m-txt1 .b #to{ z-index: 1;opacity: 0;width: 0;position: absolute;height: 100%;transition: all 0.4s linear 0s;-webkit-transition: all 0.4s linear 0s;background: #fff;}
.in-market-2 .i-m-txt1 .b .fa{position: relative;z-index: 3;}
.in-market-2 .i-m-txt1 .b .t{display: inline-block;position: relative;z-index: 3;color:#fff;}
.in-market-2 .i-m-txt1 .b:hover #to{opacity: 1;transition: all 0.4s linear 0s;-webkit-transition: all 0.4s linear 0s;width: 100%;}
.in-market-2 .i-m-txt1 .b:hover .t{ color:#10A56F; }
.in-market-2 .i-m-txt1 .b:hover .fa-long-arrow-right{ color:#10A56F; }


.i-m-2-pro{ position: absolute;left: 0;bottom: 5%;z-index: 3;width: 60%;}

.i-m-2-pro a{ display: block;overflow: hidden;position: relative;background:#eef0f3;width: 49%;float: left;margin: 0 2% 0 0;}
.i-m-2-pro a:nth-child(2n){ float: right;margin: 0;}
.i-m-2-pro a img{ display: block; width:100%; margin:0 auto;     float: none;}
.i-m-2-pro a .in-pro-txt{   position: relative;bottom: 0;left: 0;width: 80%; padding: 10%;overflow: hidden;background: #fff;}
.i-m-2-pro a .in-pro-txt p{ display: block;float: left;width: 10%;height: 1px;background: #ccc;margin: 10px 0 0 0;}
.i-m-2-pro a .in-pro-txt h4{ display: block;float: right;width: 88%;}
.i-m-2-pro a .in-pro-txt h4 span{ display: block;font-size: 17px;color: #000;letter-spacing: 2px;}
.i-m-2-pro a .in-pro-txt h4 font{display: block;font-size: 14px;color: #666;letter-spacing: 2px;margin: 10px 0 20px;}
.i-m-2-pro a .in-pro-txt h4 .a{     position: relative;display: block;border: 1px solid #10A56F;text-align: center;color: #10A56F;font-size: 16px;line-height: 40px;letter-spacing: 2px;width: 160px;}
.i-m-2-pro a .in-pro-txt h4 .a .fa{position: relative;z-index: 2;color: #10A56F;}

.i-m-2-pro a .in-pro-txt h4 .a #to{  opacity: 0;   position: absolute;width: 0;height: 100%;top: 0;left: 0;z-index: 1;background: #10A56F; }
.i-m-2-pro a .in-pro-txt h4 .a .t{display: inline-block;position: relative;z-index: 3;}
.i-m-2-pro a:hover .in-pro-txt h4 .a #to{  z-index: 1; opacity: 1; width:100%;transition: all 0.4s linear 0s;-webkit-transition: all 0.4s linear 0s; }

.i-m-2-pro a:hover .in-pro-txt h4 .a .t,.i-m-2-pro a:hover .in-pro-txt h4 .a .fa{color:#fff;}

*/




.hr-list{  display: block;overflow: hidden; padding: 100px 0 100px;}
.job-infos{ display: block; margin: 0 auto; width: 98%;}
.job-infos dl{ display: block;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 70px;padding-bottom: 50px;}
.job-infos dl:last-child{ margin-bottom: 0;padding-bottom: 0;border: 0;}
.job-infos dl h5{ display: block;margin-bottom: 30px;overflow: hidden;}
.job-infos dl h5 span{ display: block;float: left;width: 60px;height: 1px;background: #ccc;margin: 20px 5px 0 0;}
.job-infos dl h5 font{ display: block;letter-spacing: 2px;font-size: 2.4em; line-height: 1;}
.job-infos dl dd{ display: block;overflow: hidden;}
.job-infos dl dd a{ position: relative; float: left;box-sizing: border-box;width: 32%;margin: 0 2% 2% 0;}
.job-infos dl dd a:nth-child(3n){ float:right; margin:0; }
.job-infos dl dd a h6{position: relative;  z-index:3; margin: 0;padding: 50px 60px;box-shadow: none;border: 1px solid #d2d7dc; font-size: 20px;line-height: 1.1;color: #463f4a;}
.job-infos dl dd a span{ display: block;color: #000;font-size: 20px;letter-spacing: 2px;    font-weight: bold; }
.job-infos dl dd a font{ margin: 10px 0;display: block;color: #999;font-size: 14px;letter-spacing: 2px;}
.job-infos dl dd a strong{ display: block;color: #999;font-size: 12px;letter-spacing: 1px;font-weight: normal;font-family: font2018;}
.job-infos dl dd a:hover h3{ transform: scaleY(1);transform-origin: 0 100%;}
.job-infos dl dd a h3{ position: absolute;top: 0;left: 0;background: #eef0f3;width: 100%;height: 100%;z-index:1;transition: transform 0.44s cubic-bezier(0, 1, 0.7, 1);transform: scaleY(0);transform-origin: 100% 0;}

.job-infos dl dd a .fa{ opacity: 0; position: absolute;color:#10A56F;height: 40px;width: 40px;text-align: center;line-height: 40px;top: 50%;margin-top: -20px;right: 10%; z-index: 4;    font-size: 17px;}
.job-infos dl dd a:hover .fa{  opacity:1; transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.job-infos dl dd a:hover h6 span{color:#10A56F;}

.hr-nav{ display: block;overflow: hidden;}
.hr-nav a{ position: relative;    background: #eef0f3;display: block;float: left;width: 50%;overflow: hidden;}
.hr-nav a img{ display: block;float: left;width: 50%;-webkit-filter: grayscale(100%);}
.hr-nav a dd{position: relative; display: block;float: left;width: 40%;overflow: hidden; padding:7% 5% 0;}
.hr-nav a dd p{    display: block;float: left;height: 1px;width: 10%;background: #999;margin: 10px 0 0 0;}
.hr-nav a dd h4{    display: block;float: right;width: 86%;overflow: hidden;}
.hr-nav a dd h4 span{letter-spacing: 2px;line-height:30px;height: 30px;display: block;font-size: 2em;margin-bottom: 10px;color:#333;}
.hr-nav a dd h4 font{ opacity:1;display: block;font-size: 14px;letter-spacing: 2px;margin:20px 0 20px 0;  color:#666;    height: 26px;line-height: 26px;}
.hr-nav a dd h4 strong{opacity: 0;display: block;width: 40px;text-align: center;height: 40px;color:#063784; border: 1px solid #063784;line-height: 40px;font-size: 16px;margin: 0 0 0 1em;transition:all 0.7s;}
.hr-nav a:nth-child(3n) img,.hr-nav a:nth-child(4n) img{ float:right;}

.hr-nav a:hover dd h4 font{opacity: 1; margin:20px 0 20px 0;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.hr-nav a:hover dd h4 strong{ opacity: 1;margin: 0;-webkit-transition:0.7s; -moz-transition:0.7s; transition:0.7s;}
.hr-nav a:hover img{-webkit-filter: grayscale(0%);-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.hr-nav a dd h4 strong:hover{color:#fff; border: 1px solid #063784;  background: #063784; transition:all 0.7s;}


.job-show{ display: block;overflow: hidden;width: 70%;margin: 0 auto 100px;}
.job-show dd{ display: block;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 50px;    padding-bottom: 20px; margin-top:50px;}
.job-show dd p{ line-height: 42px; display: block;float: left;width: 25%;font-size: 16px;letter-spacing: 2px;}
.job-show dd p span{ color: #999;}
.job-show dd p font{}
.job-show dd a{ width: 10%; display: block;border: 1px solid #10A56F;float: right;color: #10A56F;height: 40px;line-height: 40px;text-align: center;     font-size: 14px; }
.job-show dd a strong{ margin-left: 5px;}
.job-show dt{ display: block;overflow: hidden;margin: 0 0 50px 0;}
.job-show dt strong{ display: block;float: left;width: 100%;font-weight: normal;font-size:16px; margin-bottom:16px; }
.job-show dt p{ float: left;width:98%;display: block;font-size: 16px;letter-spacing: 1px;margin: 0 0 0 2%; line-height: 30px;    color: #666 !important;line-height: 30px;font-family:font2018 !important;}
.job-show h5{ display: block;font-size: 14px;color: #666;letter-spacing: 2px;margin-top: 50px;margin-left: 0;}
.job-show h5 a{color: #10A56F;border-bottom: 1px solid;letter-spacing: 2px;font-size: 14px;}

.job-show dl{ display: block;overflow: hidden;border-top: 1px solid #eee;margin: 50px 0 0 0;padding-top: 50px;}
.job-show dl span{ display: block;font-size: 20px;margin-bottom: 20px; color: #666; }
.job-show dl h6{ text-align: left; display: block;overflow: hidden;}
.job-show dl h6 a{ letter-spacing: 1px; display: inline-block;border: 1px solid #ccc;color: #999;text-align: center;font-size: 12px;height: 40px;line-height: 40px;padding: 0 2%;margin: 0 1.6% 1.6% 0;}
.job-show dl h6 a:hover{ border: 1px solid #10A56F;color: #10A56F;  -webkit-transition:0.1s; -moz-transition:0.1s; transition:0.1s;}



.page-ys-left{ display: block;overflow: hidden;float: left;width: 15%;margin-left: 15%;padding-top: 150px;}
.page-ys-left h4{ display: block;overflow: hidden;margin-bottom: 50px;}
.page-ys-left h4 a{ display: block;border: 1px solid #10A56F;color: #10A56F;text-align: center;height: 40px;line-height: 40px;width:50%;font-size: 14px; margin: 0; }
.page-ys-left h4 a strong{ margin-left: 5px;}
.page-ys-left h5{}
.page-ys-left h5 p{ display: block;overflow: hidden;}
.page-ys-left h5 p a{ display: inline-block;color: #333;font-size: 14px;letter-spacing: 2px;border-bottom: 1px solid #ccc;margin-bottom: 20px;    font-family: font2018;}
.page-ys-right{ display: block;overflow: hidden;float: right;width:48%;margin-right: 15%;padding-top: 150px;min-height:800px;border-left: 1px solid #eee;padding-left: 5%;padding-bottom: 100px;}
.page-ys-right h3{ display: block;border-bottom: 1px solid #eee;font-size: 2em;margin-bottom: 50px;letter-spacing: 2px;    font-family: font2018; }


.page-ys-right-1,.page-ys-right-2{display: block;overflow: hidden;}
.page-ys-right-1 dd{ display: block;overflow: hidden;margin-bottom: 50px;}
.page-ys-right-1 dd span{ display: block;float: left;width: 10%;height: 1px;background: #ccc;margin: 10px 0 0 0;}
.page-ys-right-1 dd p{ display: block;float: right;width: 88%;}
.page-ys-right-1 dd p strong{ display: block;font-weight: normal;font-size: 14px;letter-spacing: 2px;color: #999;margin-bottom: 10px;}
.page-ys-right-1 dd p font{ display: block;font-size: 14px;letter-spacing: 2px;line-height: 28px; font-family: font2018; }
.page-ys-right-1 dd p font a{color: #10A56F;border-bottom: 1px solid #ccc;}


.page-ys-right-2 dt{ display: block;overflow: hidden;margin-bottom: 10px;}
.page-ys-right-2 dt p{ display: block;float: left;width: 0;height: 1px;background: #ccc;margin: 20px 0 0 0;}
.page-ys-right-2 dt h4{ display: block;overflow: hidden;float: left;width: 93%;text-align: left;}
.page-ys-right-2 dt h4 span{ display: inline-block;letter-spacing:2px;font-size: 16px;color: #000;    height: 40px;line-height: 40px;float: left;}
.page-ys-right-2 dt h4 a{ color: #999;height:30px;display: inline-block;float: left;margin-left: 8px;border: 1px solid #eee;width:30px;line-height:30px;text-align: center;}

.page-ys-right-5{ display: block;font-size: 14px;letter-spacing: 1px;line-height: 26px;color: #666;}

.page-ys-right-2 dt h4 a:hover{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; color: #10A56F;   border: 1px solid #10A56F;}
.page-ys-right-2 dt h4:hover span{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; color: #10A56F;    }


.market-title{display: block;overflow: hidden;padding:160px 0 100px; border-bottom: 1px solid #eee; }
.market-title dl{display: block;width:80%;margin: 0 auto;overflow: hidden;}
.market-title dl span{ display: block;float: left;width: 5%;height: 1px;background: #ccc;margin: 13px 1em 0 0;}
.market-title dl dd{display: block;float: left;overflow: hidden;}
.market-title dl dd h3{ letter-spacing: 2px; display: block;font-size: 16px; color: #000; }
.market-title dl dd font{    display: block;letter-spacing: 2px;font-size: 3.6em; margin:60px 0 10px;line-height: 1;    color: #333;}
.market-title dl dd strong{display: block;font-size: 15px;letter-spacing: 2px;color: #000;font-weight: normal; color:#666; font-family: font2018; }


.market-list{ overflow: hidden;display: block;padding: 100px 0 0;}
.market-list dl{ display: block;overflow: hidden;width: 80%;margin: 0 auto;}
.market-list dl dd{ display: block;overflow: hidden;margin-bottom: 70px;padding-bottom: 70px;border-bottom: 1px solid #eee;}
.market-list dl dd #m-l-a{ display: block;float: left;width: 50%;overflow: hidden;    position: relative;}
.market-list dl dd #m-l-a img{ display: block;width: 100%; border-radius: 4px; }
.market-list dl dd #m-l-a .c-l-h6{ transition: 0.5s;opacity: 0;position: absolute;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);height: 100%;    border-radius: 4px;}
.market-list dl dd #m-l-a .c-l-h6 #dd{ margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.market-list dl dd #m-l-a .c-l-h6 #dd #h4{ transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.market-list dl dd #m-l-a .c-l-h6 #dd #title{ display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.market-list dl dd #m-l-a:hover .c-l-h6{    opacity: 1;}
.market-list dl dd #m-l-a:hover .c-l-h6 #dd #h4{ width:5%}
.market-list dl dd .p{display: block;overflow: hidden;float: left;width: 45%;position: relative;padding:5% 0 0 5%;}
.market-list dl dd .p strong{ display: block; font-size:2.6em; color: #333;  margin:6px 0 30px; text-transform: uppercase;text-align: left;font-family: font2018;letter-spacing: 2px;font-weight: normal; }
.market-list dl dd .p span{ display: block;letter-spacing: 2px;font-size: 2em; line-height: 1em;font-family: font2018; font-weight: bold; }
.market-list dl dd .p font{ overflow: hidden; display: block;font-size: 17px;letter-spacing: 2px;color: #000; margin-bottom: 5em; }
.market-list dl dd .p font .span{ color: #333; display: block;margin: 0 0 10px;font-size: 16px;letter-spacing: 2px;}
.market-list dl dd .p h3{ display: block;overflow: hidden;}
.market-list dl dd .p h3 .market-list-go{border: 1px solid #063784;color: #063784;}
.market-list dl dd .p h3 .market-list-on{border: 1px solid #666;color: #666;}
.market-list dl dd .p h3 a strong{ font-size: 16px;display: inline-block;margin: 0 0 0 10px; font: normal normal normal 14px/1 FontAwesome; color: #666;}
.market-list dl dd .p h3 a{ display: block;height: 40px;text-align: center;line-height: 40px; width:30%;float: left;margin-right: 1em; }

.market-list dl dd:nth-child(2n) #m-l-a{    float: right;}
.market-list dl dd:nth-child(2n) .p{padding:5% 5% 0 0; width:45%;}
.market-list dl dd:last-child{ border:0;     padding-bottom: 0;}




/*----------------娴忚鍣ㄤ笅鎷夋潯DIV---------------------*/
/*::-webkit-scrollbar-thumb {background: #10A56F;}
::-webkit-scrollbar {background: #eee;width: 12px;}*/




.m-pageer{ display: block;overflow: hidden;border-top: 1px solid #eee;padding: 70px 0;}
.m-pageer dl{ display: block;width: 80%;margin: 0 auto;overflow: hidden;}
.m-pageer dl dd{    position: relative; display: block;float: left;width: 49%;overflow: hidden;}
.m-pageer dl dd img{ display: block;width: 100%; }
.m-pageer dl dt{ position: relative;display: block;float: right;width: 49%;overflow: hidden;padding-bottom: 28.5%;}
.m-pageer dl dt .m2{ margin-bottom:0;  position: relative;}
.m-pageer dl dt .m2 img{display: block;width: 100%;}
.m-pageer dl .m-pageer-txt{ position: absolute;width: 80%;bottom: 40px;left: 40px;}
.m-pageer dl .m-pageer-txt p{ display: block;float: left;height: 1px;width: 10%;background: #fff;margin:20px 0 0 0;}
.m-pageer dl .m-pageer-txt h4{display: block;float: right;width: 88%;}
.m-pageer dl .m-pageer-txt h4 font{ display: block;letter-spacing: 1px;font-size: 28px; color: #fff; text-transform: uppercase;font-family: font2018;}
.m-pageer dl .m-pageer-txt h4 span{ display: block;font-size: 17px;letter-spacing: 2px;color: #fff; margin: 1em 0; }
.m-pageer dl .m-pageer-txt h4 a{ display: block;border: 1px solid #eee;text-align: center;height: 40px;line-height: 40px;width: 160px; margin:0; }
.m-pageer dl .m-pageer-txt h4 a strong{font-size: 16px;margin-left: 5px;}
.m-pageer dl dt .m-p-right{ margin-bottom: 0;position: absolute;width: 100%;bottom: 0;right: 0;}

.m-pageer dl .m-pageer-txt h4 a font,.m-pageer dl .m-pageer-txt h4 a .fa{ display: inline-block;font-size: 14px;font-weight: normal;color: #fff;    position: relative;z-index: 2;}
.m-pageer dl .m-pageer-b1 .m-pageer-txt a font,.m-pageer dl .m-pageer-b1 .m-pageer-txt a .fa{ display: inline-block;font-size: 14px;font-weight: normal; color: #fff;  position: relative;z-index: 2; }
.m-pageer dl .m-pageer-txt h4 a:hover{ border:1px solid #063784; }
.m-pageer dl .m-pageer-b1 .m-pageer-txt a:hover font, .m-pageer dl .m-pageer-b1 .m-pageer-txt a:hover .fa{ color:#fff; }

.m-pageer dl .m-pageer-b{ margin-top: 2.5%;position: relative; display: block;float: left;width: 100%;overflow: hidden;}
.m-pageer dl .m-pageer-b img{ display: block;width: 100%; }
.m-pageer dl .m-pageer-b1 p{    background: #fff;}
.m-pageer dl .m-pageer-b1 .m-pageer-txt font,.m-pageer dl .m-pageer-b1 .m-pageer-txt span,.m-pageer dl .m-pageer-b1 .m-pageer-txt a{color: #fff;}
.m-pageer dl .m-pageer-b1 .m-pageer-txt a{ border: 1px solid #fff; color:#fff;    margin: 0; }
.m-pageer dl .m-pageer-b .m-pageer-txt{    bottom: auto;margin-top: -65.5px;top: 50%;}




.in-idc{   display: block;overflow: hidden;border-top: 1px solid #eee;padding: 70px 0;}
.in-idc .i-idc-title{display: block;overflow: hidden;width: 80%;margin: 0 auto;}
.in-idc .i-idc-title p{ display: block;width: 100px;height: 1px;background: #999;float: left;margin: 26px 1em 0 0;}
.in-idc .i-idc-title h4{ display: block;float: left;}
.in-idc .i-idc-title h4 span{ display: block;width: 100%;float: left;color: #333;font-size: 17px;    letter-spacing: 2px;}
.in-idc .i-idc-title h4 font{ display: block;font-size: 2em;margin-right: 0.5em;color: #333;margin-top: 5px;}
.in-idc .i-idc-title h4 strong{}
.in-idc dl{display: block;width: 100%;margin: 0 auto;overflow: hidden;padding: 50px 0; }
.in-idc dl .i-idc-partners{ display: block;width:80%;margin:0 0 0 10%;}
.in-idc dl .i-idc-partners dd{ position: relative; display: block;width: 200px;height: 200px; text-align: center;  float: left;margin:0 1% 0 0;    transition: all .5s cubic-bezier(.25,.8,.25,1);}
.in-idc dl .i-idc-partners dd img{/*opacity: .3;*/transition: opacity .5s cubic-bezier(.25,.8,.25,1);position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);/*filter: grayscale(100%);*/}
.in-idc dl .i-idc-partners dd:hover img{opacity:1;filter:none;}
.in-idc dl .i-idc-partners dd:hover{    box-shadow: 0 0 50px rgba(0,0,0,.1);  }



 a:focus {outline:none;-moz-outline:none;}


.web-icon .web-icon-title dd #a-bg{margin:0; }
.web-icon .web-icon-title dd h4 a font{ display: inline-block; }

.web-ie{ position: relative;margin-top: -500px;}
.web-ie dt{ display: block;overflow: hidden;margin-bottom: 100px;}
.web-ie dt h3{color: #10A56F; display: block;text-align: center;font-size: 1.6em;}
.web-ie dt h4{color: #000;display: block;height: 1px;min-width: 100px;background: #eee;margin: 10px auto;max-width: 5%;}
.web-ie dt h5{color: #10A56F;display: block;text-align: center;font-size:3em;letter-spacing: 2px;margin-bottom: 20px;font-family: font2018;}
.web-ie dt a{color: #10A56F;border: 1px solid #10A56F;}
.web-ie dt a strong{color:#10A56F;}

.web-ie img{ display: block;width:86%;margin: 0 auto;}
.web-ie dl{ display: block;overflow: hidden;width: 50%;margin:50px auto; color:#666; }
.web-ie dl dd{ display: block;float: left;width: 45%;border-top: 1px solid #ccc;padding:10px 0;    margin: 0 0 2em;}
.web-ie dl dd h6{ display: block;font-size: 18px;letter-spacing: 2px;margin-bottom: 4px;color: #000; font-weight: bold; }
.web-ie dl dd p{ display: block;overflow: hidden;margin: 0;}
.web-ie dl dd p span{display: block;width: 10%;height: 1px;background: #ccc;float: left;margin: 10px 0 0 0;}
.web-ie dl dd p font{ display: block;float: right;width: 88%;font-size: 16px;letter-spacing: 2px;    color: #999;}
.web-ie dl dd:nth-child(2n){    float: right;}



.web-zd{ display: block;overflow: hidden;padding: 60px 0;border-top: 1px solid #eee; margin: 60px 0 0; }
.web-zd dl{ display: block;overflow: hidden;width: 90%;margin: 0 auto;}
.web-zd dl dd{display: block;float: left;width: 25%;background: #eee;margin: 0 2% 0 0;padding: 3em 5% 3em 2%;}
.web-zd dl dd:nth-child(1n){ background:#13885d;}
.web-zd dl dd:nth-child(2n){ background: #333;}
.web-zd dl dd:nth-child(3n){float:right; margin:0;    background: #eee;}
.web-zd dl dd span{ margin-top: 10px;display: block;float: left;width: 15%;height: 1px;background: #eee;}
.web-zd dl dd p{ display: block;float: right;width: 83%;overflow: hidden;}
.web-zd dl dd p font{ display: block;font-size: 17px;letter-spacing: 2px; color:#fff;     margin-bottom: 20px;}
.web-zd dl dd p strong{ display: block;font-size: 18px;letter-spacing: 2px;font-weight: bold; color:#fff;  }

.web-zd dl dd:nth-child(3n) p font,.web-zd dl dd:nth-child(3n) p strong{ color:#10A56F;}
.web-zd dl dd:nth-child(3n) span{ margin-top: 10px;display: block;float: left;width: 15%;height: 1px;background: #10A56F;}

.web-zd h4{ display: block;overflow: hidden;width: 90%;margin: 0 auto 3em;text-align: left;}
.web-zd h4 span,.web-cb h4 span{ display: block;font-size: 1.6em;letter-spacing: 2px;}
.web-zd h4 font{    display: block;letter-spacing: 2px;font-size: 17px;float: left;margin: 20px 0 0 9%;}
.web-zd h4 .line,.web-cb h4 .line{ display: block;overflow: hidden;margin: 20px 0;}
.web-zd h4 .line .l{    display: block;float: left;width: 8%;height: 1px;background: #ccc;margin: 20px 0 0 0;}
.web-zd h4 .line strong{     display: block;font-size: 2em;letter-spacing: 2px;line-height: 1.2em;width:61%;font-weight: normal;color: #666;float: right;margin: 0 30% 0 0;}


.market-list dl dd .p font .span2{    font-size: 18px;margin: 0;line-height: 28px;}


.web-cb-bg{  background-image: url(/style/images/web-cb-bg.png); height: 100px; background-size: 100% 100%;}
.web-cb{ display: block;overflow: hidden;margin:0;    background-color: #f6f8fb;padding:30px 0 100px;}
.web-cb h4{ display: block;overflow: hidden;width: 50%;margin: 0 auto 3em;text-align: left;    border-bottom: 1px solid #eee;}
.web-cb h4 .line strong{     display: block;font-size: 16px;letter-spacing: 2px;line-height: 1.2em;width: 88%;font-weight: normal;color: #666;float: right; }
.web-cb h4 font{    display: block;letter-spacing: 2px;font-size: 2em; width:100%; float: left;margin:0 0 10px 0;}
.web-cb h4 .line .l{    display: block;float: left;min-width: 100px;max-width: 10%;height: 1px;background: #ccc;margin: 10px 0 0 0;}

.web-cb dl{display: block;width: 50%;margin: 0 auto 50px;overflow: hidden;}
.web-cb dl dd{ display: block;float: left;width: 25%;}
.web-cb dl dd h3{ display: block;font-size: 1.6em;letter-spacing: 2px;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.web-cb dl dd h4{ display: block;width: 100%;margin: 0;font-size: 16px;letter-spacing: 2px;color: #666;line-height: 38px; border:0;}

.web-cb dl .web-cb-dt{ display: block;float: right;width: 70%;overflow: hidden;    margin-top: 30px;}
.web-cb dl .web-cb-dt dt{ display: block;overflow: hidden;margin-bottom: 20px;}
.web-cb dl .web-cb-dt dt .web-cb-dt-left{ display: block;overflow: hidden;width: 70%;float: left;    border-top: 1px solid #ccc;padding-top: 1em;}
.web-cb dl .web-cb-dt dt .web-cb-dt-left .w-c-d-l{ display: block;overflow: hidden;margin-bottom: 20px;}
.web-cb dl .web-cb-dt dt .web-cb-dt-left .w-c-d-l strong{ display: block;width: 50%;height: 6px;background: #000;margin-bottom: 5px;}
.web-cb dl .web-cb-dt dt .web-cb-dt-left .w-c-d-l span{display: block;font-size: 16px;letter-spacing: 2px;}

.web-cb dl .web-cb-dt dt .web-cb-dt-right{ display: block;float: right;width: 25%; border-top: 1px solid #ccc;padding-top: 1em; }
.web-cb dl .web-cb-dt dt .web-cb-dt-right span{ font-size: 18px;letter-spacing: 2px;display: block;}
.web-cb dl .web-cb-dt dt .web-cb-dt-right font{ display: block;font-weight: bold;font-size: 2.6em;}


.web-cb dl .web-cb-dt dt .web-cb-dt-left .a1 strong{    background: #3dad2a;width: 0%;    border-radius: 3px;}
.web-cb dl .web-cb-dt dt .web-cb-dt-left .a2 strong{    background: #ce1717;width: 0%;    border-radius: 3px;}
.web-cb dl .web-cb-dt dt .web-cb-dt-left .a3 strong{    background: #1cd4de;width: 0%;    border-radius: 3px;}
.web-cb dl .web-cb-dt dt .web-cb-dt-left .a4 strong{    background: #179def;width: 0%;    border-radius: 3px;}
.web-cb dl .web-cb-dt dt .web-cb-dt-left .a5 strong{    background: #08f57e;width: 0%;    border-radius: 3px;}
.web-cb dl .web-cb-dt dt .web-cb-dt-left .a6 strong{    background: #0caae8;width: 0%;    border-radius: 3px;}
.web-cb dl .web-cb-dt dt .web-cb-dt-left .a7 strong{    background: #bae80c;width: 0%;    border-radius: 3px;}





.web-contact{ display: block;overflow: hidden;margin: 0 0 60px;    border-top: 1px solid #eee;padding-top:60px;}
.web-contact form{display: block;width: 50%;margin: 0 auto 30px;overflow: hidden;}
.web-contact form input{ display: block;overflow: hidden;border: 0;background: #f2f2f2;height: 50px;text-indent: 1em;line-height: 50px;float: left;width: 24%;margin: 0 1% 0 0;}
.web-contact form #tj{ margin: 0;text-align: center;text-indent: 0;background: #10A56F;color: #fff;}
.web-contact h6{ display: block;width: 50%;margin: 0 auto;overflow: hidden;}
.web-contact h6 img{ opacity: 0.8; display: inline-block;vertical-align: top;height:16px;margin: 0 10px;}
.web-contact dd{ display: block;overflow: hidden;width: 50%;margin: 0 auto 20px;}
.web-contact dd span{ display: block;float: left;width: 10%;height: 1px;background: #ccc;margin: 18px 0 0 0;}
.web-contact dd h5{ display: block;float: right;width: 88%;}
.web-contact dd strong{ font-weight: normal;font-size: 1.4em;letter-spacing: 2px;display: block;color: #000;}
.web-contact dd font{ display: block;color: #666;font-size: 14px;letter-spacing: 2px;}


.web-contact h6 .fa{ cursor:pointer;font-size: 16px;color: #666;margin-right: 10px;display: block;float: left;width: 36px;height: 36px;border: 1px solid #ccc;border-radius: 50%;text-align: center;line-height: 36px; transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s;}
.web-contact h6 .fa:hover{ color:#fff; background:#10A56F; }



.web-case{margin-bottom: 100px;}
.web-case .partner-case{    padding: 0;}




.web-icon{display: block; margin: 100px 0;}
.web-icon .web-icon-title{ display: block;overflow: hidden;background: #f9faff; padding-top: 80px; }
.web-icon .web-icon-title img{ display: block;margin: 0 auto;width: 60%;}
.web-icon .web-icon-title dd{display: block;width: 60%;margin: 0 auto;overflow: hidden;}
.web-icon .web-icon-title dd span{ display: block;float: left;width: 10%;height: 1px;background: #ccc;margin: 12px 0 0 0;}
.web-icon .web-icon-title dd h4{    display: block;float: right;width: 88%;}
.web-icon .web-icon-title dd h4 strong{ display: block;letter-spacing: 2px;font-weight: normal;font-size: 2em;     margin-bottom: 10px;}
.web-icon .web-icon-title dd h4 font{ display: block;font-size: 1em;letter-spacing: 2px;margin-bottom: 10px;}
.web-icon .web-icon-title dd h4 a{margin: 30px 0 0 0;width: 15%;}
.web-icon .web-icon-title dd h4 a strong{    display: inline-block;font-size: 16px;left: 0;margin: 0 0 0 5px;letter-spacing: 0;}
.web-icon dl{}
.web-icon dl h6{background-image: url(/style/images/web-icon-3g.png); height: 100px; background-size: 100% 100%;    position: relative;margin-top: -100px;}
.w-i-bg-top{background-image: url(/style/images/w-i-bg-top.png); height: 100px; background-size: 100% 100%;    position: relative;margin-top: -100px;}
.web-icon dl dt{ display: block;overflow: hidden;margin:60px auto 50px;width: 60%;}
.web-icon dl dt .w-i-all{ display: block;overflow: hidden;width:40%;float: left;padding:1% 0 0 1%;margin-bottom: 6%;}
.web-icon dl dt .w-i-all:nth-child(2n){ float:right;}
.web-icon dl dt .w-i-all .w-i-all-2o{display: block;width: 40px;height: 30px;position: relative;}
.web-icon dl dt .w-i-all .w-i-all-2o span{display: block;overflow: hidden;width: 16px;height: 16px;background: #13885d;border-radius: 50%;position: absolute;top: 0;left: 0;}
.web-icon dl dt .w-i-all .w-i-all-2o span:nth-child(2n){    left: auto;right: 0;top: auto;bottom: 0;}
.web-icon dl dt .w-i-all img{ display: block;height: 30px;width: 40px;}
.web-icon dl dt .w-i-all .w-i-all-txt{ display: block;overflow: hidden;margin-top:20px;}
.web-icon dl dt .w-i-all .w-i-all-txt span{    display: block;width: 10%;height: 1px;background: #ccc;float: left;margin: 16px 0 0 0;}
.web-icon dl dt .w-i-all .w-i-all-txt h5{    display: block;float: right;width: 88%;overflow: hidden;}
.web-icon dl dt .w-i-all .w-i-all-txt h5 strong{ display: block;font-size: 1.4em;color: #000;font-weight: normal;letter-spacing: 2px;margin-bottom: 10px;}
.web-icon dl dt .w-i-all .w-i-all-txt h5 font{ display: block;font-size: 16px;letter-spacing: 2px;color: #666;}



.web-icon dl dt .w-i-all:hover img,.web-icon dl dt .w-i-all:hover .w-i-all-2o{    -webkit-animation: clockwise .8s linear 0s infinite;animation: clockwise 0.8s linear 0s infinite;}


.news-list-left dl .fy{display: block;overflow: hidden;width: 100%;    padding-top: 50px;}
.news-list-left dl .fy a,.news-list-left dl .fy span{ transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s; display: block;color: #333;width: auto;height: 40px;text-align: center;line-height:40px;background: #fff;float: left;margin: 0 10px 0 0;padding: 0 20px;font-family: font2018;font-size: 14px;letter-spacing: 2px;box-shadow: 0 0 0 0 rgba(0,0,0,.1);}
.news-list-left dl .fy span,.news-list-left dl .fy a:hover{    background: #10a56f;color: #fff;}


.anli-bottom{ display: block;overflow: hidden;width: 100%;position: relative;}
.anli-bottom dd{cursor:pointer; position: relative; display: block;float: left;width: 25%;overflow: hidden;}
.anli-bottom dd img{ display: block;width: 100%;}
.anli-bottom dd p{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, 0.45); transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s;}
.anli-bottom dd h3{height: 100%; width:80%; position: absolute;z-index: 3;top: 50px;left: 50px;}
.anli-bottom dd h3 span{ display: block;color: #fff;font-size: 18px;LETTER-SPACING: 2PX; font-family: font2018; }
.anli-bottom dd h3 font{ width: 95%; display: block;color: #fff;font-size: 24px;letter-spacing: 1px;margin: 20px 0; font-family: font2018;text-align: left;text-transform: uppercase; }
.anli-bottom dd h3 a{ bottom:100px; position: absolute;width: 40px;height: 40px;border: 1px solid #10A56F;line-height: 40px; transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s;}
.anli-bottom dd h3 a strong{display: block;text-align: center;line-height: 40px;font-size: 16px;font-weight: normal;  transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s;   color: #10A56F;}
.anli-bottom dd:hover p{background: rgba(255, 255, 255, 0.45);}
.anli-bottom dd:hover a{ background:#10A56F; }
.anli-bottom dd:hover a strong{  color: #fff; }


.xinwen-list{ display: block;overflow: hidden;padding: 160px 1% 120px;}
.xinwen-list p{ display: block;float: left;margin: 16px 10px 0 0;background: #ccc;width: 100px;height: 1px;}
.xinwen-list h4{display: block;float: left;}
.xinwen-list h4 span{ display: block;font-size: 17px;letter-spacing: 2px;color: #333;}
.xinwen-list h4 strong{ line-height: 1em; display: block;color:#10A56F;font-size: 2.2em;margin-bottom: 10px;}




.web-lc{display: block;overflow: hidden;margin: 50px 0;    border-top: 1px solid #eee;padding-top: 50px;}
.web-lc dd{ display: block;width: 50%;margin: 0 auto 20px;overflow: hidden;    border-bottom: 1px solid #eee;padding-bottom:20px;}
.web-lc dd h3{ display: block;overflow: hidden;margin-bottom: 5px;}
.web-lc dd h3 span{ display: block;float: left;min-width: 100px;max-width: 10%;height: 1px;background: #ccc;margin: 10px 0 0 0;}
.web-lc dd h3 strong{ display: block;float: right;width: 88%;font-weight: normal;font-size: 1.4em;letter-spacing: 2px;}
.web-lc dd h4{ display: block;letter-spacing: 2px;font-size: 2em;width: 100%;float: left;margin: 0 0 10px 0;}
.web-lc dd h5{ display: block;font-size: 17px;color: #999;letter-spacing: 2px;}


.web-lc .recuite-info{  display: block;width: 45%;margin: 0 auto;position: relative;padding-left: 5%;padding-bottom: 20px;}

.web-lc .recuite-top{display: block;overflow: hidden;cursor:pointer;  border-bottom: 1px solid #eee;padding: 0 0 20px;}
.web-lc .recuite-li{ display: none;    padding: 20px 0 50px 20%; }
.web-lc .recuite-li span{ display: block;font-size: 15px;letter-spacing: 2px;line-height: 30px; color: #333; }
.web-lc .recuite-top .left-line{  height: 100%;  position: absolute;width: 60px;left: 0;top: 0;  }
.web-lc .recuite-top .fa{ display: block;width: 34px;height: 34px;background: #10A56F;border-radius: 50%;text-align: center;line-height: 34px;color: #fff;     z-index: 2;position: relative; font-size: 14px; }
.web-lc .recuite-top  p{     z-index: 1;height: 100%;background: #10A56F;width: 1px;position: absolute;top: 0;left: 17px;}




.web-lc .recuite-top .center-1{ display: block;float: left;font-size: 14px;letter-spacing: 0px;width: 20%;    color: #666;}
.web-lc .recuite-top .center-2{ display: block;float: left;width: 70%;}
.web-lc .recuite-top .center-2 h3{display: block;overflow: hidden; margin-bottom: 0;}
.web-lc .recuite-top .center-2 h3 span{ display: block;float: left;width: 10%;height: 1px;background: #ccc;margin: 16px 0 0 0;}
.web-lc .recuite-top .center-2 h3 strong{ display: block;float: left;font-weight: normal;letter-spacing: 2px;font-size: 1.4em;width: 88%;}
.web-lc .recuite-top .center-2 h4{ display: block;letter-spacing: 2px;color: #999;font-size: 14px;}
.web-lc .recuite-top .center-3{ display: block;float: right;width: 10%;text-align: center;}

.web-lc .on .recuite-top .center-3 .fa{ background: none;color: #999;width: auto;height: auto;border: 0;border-radius: inherit;text-align: right;}
.web-lc .on .recuite-top .center-3 .fa-long-arrow-up{ display: none;}
.web-lc .on .on .center-3 .fa-long-arrow-down{display: none;}

.web-lc .on .on .center-3 .fa-long-arrow-up{display: block;}


.web-lc .recuite-top:hover .center-1,.web-lc .recuite-top:hover .center-2 h3 strong,.web-lc .recuite-top:hover .center-3 .fa{ color:#10A56F; }



.webfooer-bottom h3 a{    color: #999;}



@keyframes clockwise{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}

@-webkit-keyframes scoreanimation{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
} 

@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
 
 @keyframes scoreanimation{
 0%{-webkit-transform:rotate(0);transform:rotate(0)}
 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
 }




.pc-mod-decoration .pc-mode-outer, .pc-mod-decoration .pc-mode-inner, .pc-mod-decoration .pc-mode-small {width:1600px;height: 1600px;margin-top: -800px;margin-left: -800px;}

 .pc-mod-decoration .pc-mode-outer, .pc-mod-decoration .pc-mode-inner, .pc-mod-decoration .pc-mode-small {
    width:1600px;height: 1600px;background:rgb(223, 249, 239);position: absolute;top: 50%;margin-top: -800px;left: 50%;margin-left: -800px;border-radius: 50%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
    -webkit-animation: ballScale 12s 0s linear infinite;
    -moz-animation: ballScale 12s 0s linear infinite;
    -ms-animation: ballScale 12s 0s linear infinite;
    /* animation: ballScale 12s 0s linear infinite; */
}

.pc-mod-decoration .pc-mode-small {-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-ms-animation-delay: 2s;animation-delay: 2s;}
.pc-mod-decoration .pc-mode-inner {-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-ms-animation-delay: 1s;animation-delay: 1s;}
@keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1; } 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; }}


.web-team{ display: block;position: relative;width: 100%;overflow: hidden;min-height: 700px; padding: 0;}
.pc-mod-decoration{ width: 1600px;height: 1600px;position: absolute;left: 50%;margin-left: -800px;margin-top: -800px;top: 50%;}




.web-team .team-s{    background: none;    position: relative;z-index: 9;     padding-bottom: 0;}
.web-team .team-s dl{    width: 60%; padding: 50px 0 50px;}

.web-team .team-s h4{ display: block;overflow: hidden;width:60%;margin: 0 auto;text-align: left;}
.web-team .team-s h4 span,.web-cb h4 span{ display: block;font-size:2em;letter-spacing: 2px;}
.web-team .team-s h4 font{    display: block;letter-spacing: 2px;font-size: 16px;float: left;margin: 10px 0 0 9%;}
.web-team .team-s h4 .line,.web-cb h4 .line{ display: block;overflow: hidden;margin: 20px 0;}
.web-team .team-s h4 .line .l{    display: block;float: left;width: 8%;height: 1px;background: #ccc;margin: 20px 0 0 0;}
.web-team .team-s h4 .line strong{     display: block;font-size:2em;letter-spacing: 2px;line-height: 1.2em;width:91%; color: #000;float: right;margin: 0 0 0 0;font-weight: normal;}

.web-team .team-s dl dd,.web-team .team-s dl dd:nth-child(3n){width: 48%;margin: 0 0 3% 0;    float: left;}
.web-team .team-s dl dd:nth-child(2n){    float: right;margin: 0 0 3% 0;}
.web-team .team-s dl dd strong{    width: 100%;float: left;}









.web-solution{ display: block;overflow: hidden;padding: 0 1%;margin: 100px 0;}
.web-solution dd{ display: block;float: left;width: 49.5%;overflow: hidden;position: relative;margin: 0 0 1% 0;}
.web-solution dd:nth-child(2n){ float: right; }
.web-solution dd img{ display: block;width: 100%;}
.web-solution dd .w-s-txt{ position: absolute;width: 90%;left: 5%;bottom: 4em;}
.web-solution dd .w-s-txt span{ display: block;float: left;width: 10%;height: 1px;background: #fff;margin: 22px 0 0 0;}
.web-solution dd .w-s-txt p{display: block;float: right;width: 88%;}
.web-solution dd .w-s-txt p strong{color: #fff;font-weight: bold;font-size: 28px; margin-bottom: 10px;display: block;height: 50px;line-height: 50px;}
.web-solution dd .w-s-txt p font{ display: block;width: 80%;color: #fff;font-size: 16px;letter-spacing: 2px;}



input,button,select,textarea{outline:none;}



.case-show-banner{ display: block;width: 100%;overflow: hidden;position: relative;height: 100%;}
.case-show-banner img{ display: block;width: 100%;}
.case-show-banner .fa{position: absolute;height: 40px;width: 40px;border: 1px solid #fff;line-height: 40px;text-align: center;display: block;top: 50%;margin-top: -31px;left: 1%;z-index: 2; transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s;   border-radius: 50%;}
.case-show-banner .fa-long-arrow-right{left: auto;right: 1%;}
.case-show-banner dd{ position: absolute;left: 16%;top: 40%;width: 80%;}
.case-show-banner dd strong{    display: block;width: 5%;height: 1px;background: #fff;margin: 30px 0;}
.case-show-banner dd span{display: block;color: #fff;letter-spacing: 1px;font-size:20px;margin-bottom: 20px;    font-family: font2018;}
.case-show-banner dd font{display: block;color: #ccc;letter-spacing: 2px;font-size: 16px;font-family: font2018;}
.case-show-banner dd p{ display: block;font-size:50px;color: #fff;letter-spacing:2px; font-weight: bold;  text-shadow: 0 0 0.1em #444;  font-family: font2018;}
.case-show-banner .fa:hover{ color:#fff; border: 1px solid #10A56F; background:#10A56F}
.case-show-banner dd a .fa{position: relative;top: 0;margin: 0;left: 0;background: none;font-size: 20px;} 


.case-show-title{ display: block;border-top: 1px solid #eee;padding: 100px 0 0;}
.case-show-title dd{ display: block;width: 40%;margin: 0 0 0 15%;}
.case-show-title dd span{ display: block;font-size: 1.4em;letter-spacing: 1px;margin-bottom: 30px;font-family: font2018;}
.case-show-title dd p{    display: block;overflow: hidden;}
.case-show-title dd p strong{display: block;width: 10%;height: 1px;background: #ccc;float: left;margin: 12px 0;}
.case-show-title dd p font{ font-family: font2018;   display: block;float: right;width: 88%;font-size: 18px;letter-spacing: 2px;color: #333;}




.case-show-case{display: block;overflow: hidden;  background: #eef0f3;padding: 100px 0 50px;}
.c-s-c-title{ display: block;width: 100%;overflow: hidden;margin-bottom: 50px; }
.c-s-c-title dd{ display: block;width:70%;margin:0 auto;}
.c-s-c-title dd h3{ font-size: 26px; letter-spacing: 2px; font-family: font2018; }
.c-s-c-title dd h4{ display: block;font-size: 15px;letter-spacing: 2px;margin-bottom: 10px;    color: #999;}
.c-s-c-title dd h5{    display: block;width:6%;height: 1px;background: #ccc;float: left;margin: 10px 0;}
.c-s-c-title dd h6{ display: block;float: left;width: 88%;color: #666;font-size: 15px;letter-spacing: 2px;}

.case-show-case dl{ display: block;overflow: hidden; }
.case-show-case dl dt{ display: block;overflow: hidden;width:70%;margin: 0 auto;}
.case-show-case dl dt a{ display: block;float: left;width:23.5%;margin: 0 2% 5% 0;}
.case-show-case dl dt a:nth-child(4n){ float: right; margin:0 0 5% 0;}
.case-show-case dl dt a img{ display: block;width: 100%;     margin-bottom: 10px;}
.case-show-case dl dt a .c-l-txt{}
.case-show-case dl dt a .c-l-txt strong{    display: block;width: 13%;float: left;height: 1px;background: #ccc;margin: 20px 0 0 0;}
.case-show-case dl dt a .c-l-txt p{display: block;float: right;width: 85%;overflow: hidden;}
.case-show-case dl dt a .c-l-txt p span{ font-size: 26px;letter-spacing: 1px;display: block;      font-family: font2018;  color: #333;}
.case-show-case dl dt a .c-l-txt p font{    display: block;font-size: 14px;letter-spacing: 2px;color: #666;}





.case-pic{display: block;overflow: hidden; padding:100px 15%;margin:100px 0 0;     background: #eef0f3;}
.case-pic img{ display: block;width: 40%;float: left;  }
.case-pic dl{ display: block;float: right;width: 55%;padding:5% 0 0 5%;overflow: hidden;}
.case-pic dl span{ display: block;width: 13%;background: #ccc;height: 1px;float: left;    margin-top: 10px;}
.case-pic dl dd{ display: block;width: 85%;overflow: hidden;float: right;}
.case-pic dl dd h3{ display: block;font-size: 18px;letter-spacing: 2px; font-family: font2018; }
.case-pic dl dd font{display: block;font-size: 1.4em;letter-spacing: 2px;margin: 40px 0;    font-family: font2018;}
.case-pic dl dd strong{ display: block;font-size: 15px;letter-spacing: 2px;    font-weight: normal;color: #666;}
.case-pic dl dd a{      margin: 20px 0 0 0;width: 24%;}
.case-pic dl dd a .fa{  color:#10A56F;  display: inline-block;}



.case-show-design-img{    display: block;overflow: hidden;position: relative; padding:100px 0 100px;margin: 0 0 100px;border-bottom: 1px solid #eee; }
.case-show-design-img p{}
.case-show-design-img p #img1{position: relative;display: block;width: 40%;left: 15%;z-index: 2;box-shadow: 0 0 30px 0 rgba(0,0,0,.2);}
.case-show-design-img p #img2{    position: absolute;display: block;width: 26%;top: 300px;z-index: 3;right: 16%;box-shadow: 0 0 30px 0 rgba(0,0,0,.2);}
.case-show-design-img h3{ position: absolute;width: 100%;height: 400px;top: 600px;background:#eef0f3;z-index: 1;}



.case-img-design{    display: block;overflow: hidden;width:70%;margin: 0 auto;}
.case-img-design .c-i-d-top{ display: block;overflow: hidden;margin: 0 0 1em 0;position: relative;}
.case-img-design .c-i-d-top p{ display: block;font-size: 1.4em;letter-spacing: 2px; font-family: font2018;   text-transform: uppercase;margin-bottom:50px;width:70%;color: #000;}
.c-i-d-img{     overflow: hidden; position: relative;   display: block;width: 100%;}
.c-i-d-img img{ display: block;width: 20%;float: left;margin-right: 5%;}



.case-pic-pc{    background: none;  margin: 0;}
.case-pic-pc img{float: left;width: auto; min-width:940px; }
.case-pic-pc dl{     width: 70%;   float: left; padding: 5% 0;margin: 50px 0 0 0;}



.page-ys-right-1 .in-event{ margin: 0;width: 100%;}
.page-ys-right-1 .in-event a{ min-height: 75px;   width: 47.5%;float: left;margin: 0 5% 3% 0;}
.page-ys-right-1 .in-event a:nth-child(2n){ margin: 0 0 3% 0;     float: right;}
.page-ys-right-1 .in-event dl a span{ font-size: 18px;     letter-spacing: 1px;   font-family: font2018;}
.page-ys-right-1 .in-event dl a .fa{bottom: 50px;}
.page-ys-right-1 .in-event dl a:nth-child(5n){ min-height: 75px;   width: 47.5%;float: left;margin: 0 0 3% 0; margin-right:0;}


.page-ys-right-1 .in-event .fy{ display: block;overflow: hidden;width: 100%;margin-top: 50px;}
.page-ys-right-1 .in-event .fy a,.page-ys-right-1 .in-event .fy span{ display: inline-block;vertical-align: top;color: #666;float: none;width: auto;margin: 0 10px 0 0;line-height: 36px;background: #eee;padding: 0 16px;font-size: 15px;font-family: font2018;border-radius: 1px; min-height:auto; }
.page-ys-right-1 .in-event .fy span,.page-ys-right-1 .in-event .fy a:hover,.page-ys-right-1 .in-event .fy span:hover{ background: #10A56F; color: #fff;}



.page-ys-left h5 p a:hover{color:#10A56F; border-bottom:1px solid #10A56F }

.case-list a h6{ display: block;overflow: hidden;position: relative;}
.case-list a h6 .c-l-h6{     transition: 0.5s;    opacity: 0;position: absolute;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);height: 100%;}
.case-list a h6 .c-l-h6 dd{     margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.case-list a h6 .c-l-h6 dd #h4{    transition: 0.5s; display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.case-list a h6 .c-l-h6 dd #title{ display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.case-list a:hover h6 .c-l-h6{    opacity: 1;}
.case-list a:hover h6 .c-l-h6 dd #h4{ width:5%;}
.case-list a h6 img{  -webkit-transition:1s; -moz-transition:1s; transition:1s;}
.case-list a:hover h6 img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}





	.lx_box{position: fixed;width:100%;height:100%;padding:0;transform:translate(-0,-0);left: 0;top: 0;    background: rgba(0,0,0,0.7);display: none;z-index: 99999999999;}
	.lx_box>p{margin: 0;text-align: right;}
	.lx_box>p>a{display: inline-block;}
	.lx_box h3{ font-weight: normal;font-size: 1.4em;color: #0F7349;    width: 90%;margin: 0 auto;margin-top: 5%;margin-bottom: 2%;}
	.lx_box h4{font-weight: normal;font-size: 1.2em;line-height: 4em;     width: 90%; margin: 0 auto;}
	.lx_box #cbBtn{ background: #0F7349;color: #fff;width: 200px;line-height: 2em;border-radius: 1px;    margin-left: 5%; letter-spacing: 10px; font-size: 1.2em;}
	.lx_box #vtel{ font-size: 1.2em;height: 3em;border: 0;line-height: 2em;font-weight: normal;     width: 90%;margin: 0 auto;margin-bottom: 2%;margin-top: 2%;}
	.tel_s{position: fixed;top:50%;right: 0;width:70px;height: auto;display: none;z-index: 9999999999999;}
	.tel_s>a{     opacity: 0.99;display: block;width: 100%;background: #10a56f;overflow: hidden;height: 70px;border-bottom: 1px solid #eee;}
	.tel_s a:last-child{border:0;}
	.tel_s a:hover{    opacity: 1;}
	.tel_s>a>img{ height: 35px;display: block;margin: 17.5px auto;}
	.lx_box .website-online{ position: fixed; width: 600px; height:auto; background:#10A56F; top: 30%; z-index: 99999999999; left: 50%;      margin-left: -340px;  padding: 15px;}
	.lx_box .website-online #lx{    position: absolute;top: 50px;right: 50px;}
	.lx_box .website-online #lx img{    display: block;width: 24px;transition: all .5s;}
	.lx_box .website-online #lx:hover img{transform:rotate(180deg);}
	.lx_box .w-o-dl{display: block;overflow: hidden;border: 1px dotted #eee;padding: 30px;}
	.lx_box .w-o-dl h3{ color: #fff;font-size: 18px;letter-spacing: 2px;line-height: 1em; margin: 0 0 20px;}
	.lx_box .w-o-dl h4{ display: block;color: #fff;font-size:50px;line-height: 1em;letter-spacing: 2px;font-family: font2018; margin: 0 0 20px;    font-weight: bold; }
	.lx_box .w-o-dl h5{ color: #fff;font-weight: normal;letter-spacing: 2px;font-size: 18px;line-height: 1em; margin: 0 0 30px; }
	.lx_box .w-o-dl h6{ display: block;overflow: hidden; margin: 0 0 30px; }
	.lx_box .w-o-dl h6 a{display: inline-block;color: #fff;font-weight: normal;border: 1px solid #eee;line-height: 42px;padding: 0 8%;font-family: font2018;margin: 0 3% 0 0;    overflow: hidden; font-size: 16px;letter-spacing: 2px;position: relative;}
    .lx_box .w-o-dl h6 a:hover span{position: relative;z-index: 3;color: #10a56f;}
	.lx_box .w-o-dl h6 a:hover font{left: 0;opacity:1;}
	.lx_box .w-o-dl h6 a font{    -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;opacity:0;position: absolute;width: 100%;height: 100%;top: 0;background: #fff;left: -100%;}
	.lx_box .w-o-dl dd{ display: block; overflow: hidden;}
	.lx_box .w-o-dl dd span{letter-spacing: 2px; display: block;float: left;color: #fff;font-size: 16px;margin-right: 5%;}
	.web-ie2018{ font-family: Arial,'寰蒋闆呴粦';   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
	.lx_box .w-o-dl h6>a:nth-child(1){background-color: #fff;color: #10a56f;}
.lx_box .w-o-dl h6>a:nth-child(1) font{display: none;}




.p-market2-case{    display: block;overflow: hidden;margin: 0 0 4em 0;}
 
.p-market2-case .p-m-c-dl{ display: block;width:80%;      max-width: 1400px;  margin: 2em auto 50px; }
.p-market2-case .p-m-c-dl a h3{      position: relative;  display: block;overflow: hidden;}
.p-market2-case .p-m-c-dl a h3 img{    display: block;width: 100%;     -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.p-market2-case .p-m-c-dl a h3 strong{}
.p-market2-case .p-m-c-dl .p-m-c-title{    display: block;overflow: hidden;margin-top: 1em;}
.p-market2-case .p-m-c-dl .p-m-c-title span{    display: block;width: 10%;height: 1px;background: #ccc;float: left;margin: 16px 0 0 0;}
.p-market2-case .p-m-c-dl .p-m-c-title h4{ float: right;text-align: left;width: 88%;}
.p-market2-case .p-m-c-dl .p-m-c-title h4 font{ display: block;color: #333;font-size: 1.4em;letter-spacing: 4px;font-family: font2018;font-weight: normal;}
.p-market2-case .p-m-c-dl .p-m-c-title h4 strong{ display: block;font-size: 16px;color: #666;letter-spacing: 2px;font-weight: normal;}
.p-market2-case .p-m-c-dl a:nth-child(1),.p-market2-case .p-m-c-dl a:nth-child(2){display: block;width: 49.5%;overflow: hidden;float: left;position: relative;    margin: 0 1% 1% 0;}
.p-market2-case .p-m-c-dl a:nth-child(2){float: right;    margin: 0 0 1% 0;}
.p-market2-case .p-m-c-dl a:nth-child(3),.p-market2-case .p-m-c-dl a:nth-child(4),.p-market2-case .p-m-c-dl a:nth-child(5){    display: block;overflow: hidden;float: left;width: 32.66666%;margin: 0 1% 0 0;}
.p-market2-case .p-m-c-dl a:nth-child(4){    float: left; margin: 0 1% 0 0;}
.p-market2-case .p-m-c-dl a:nth-child(5){    float: right;margin: 0 0 0 0;}
.p-market2-case .p-m-c-dl a:nth-child(1) .p-m-c-title,.p-market2-case .p-m-c-dl a:nth-child(2) .p-m-c-title{position: absolute;width: 100%;bottom: 5%;left: 3%;}
.p-market2-case .p-m-c-dl a:nth-child(1) .p-m-c-title span,.p-market2-case .p-m-c-dl a:nth-child(2) .p-m-c-title span{background: #ddd;}
.p-market2-case .p-m-c-dl a:nth-child(1) .p-m-c-title h4 font,.p-market2-case .p-m-c-dl a:nth-child(2) .p-m-c-title h4 font,.p-market2-case .p-m-c-dl a:nth-child(1) .p-m-c-title h4 strong,.p-market2-case .p-m-c-dl a:nth-child(2) .p-m-c-title h4 strong{color:#eee;}
.p-market2-case .p-m-c-dl a:hover h3 img{    -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.p-market2-case .p-m-c-dl a h3 .in-l-h6{    z-index: 99; transition: 0.5s;opacity: 0;position: absolute;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);height: 100%;}
.p-market2-case .p-m-c-dl a:hover h3 .in-l-h6{opacity:1;}
.p-market2-case .p-m-c-dl a h3 .in-l-h6 #h5{margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.p-market2-case .p-m-c-dl a h3 .in-l-h6 #h5 #h4{    transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.p-market2-case .p-m-c-dl a:hover h3 .in-l-h6 #h5 #h4{width: 5%;}
.p-market2-case .p-m-c-dl a h3 .in-l-h6 #h5 #title{display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.p-market2-case .p-m-c-dl a:hover .p-m-c-title h4 font,.p-market2-case .p-m-c-dl a:hover .p-m-c-title h4 strong{ color:#999;transition: 0.5s;}
.p-m-c-dl-title{ display: block;overflow: hidden;width: 90%;margin: 0 auto;}
.p-m-c-dl-title span{ font-size: 36px;letter-spacing: 2px;font-family: font2018;    display: block;text-align: center;}
.p-m-c-dl-title font{ display: block;width: 4%;height: 1px;background: #ccc;margin: 10px auto;}
 






.ys{width: 1200px;margin: 0 auto;position: relative;}
.ys .ys_title{height:61px;position: absolute;width: auto;  top: 40px; left: 0;z-index: 999;}
.ys .ys_title>a{display: block;width: 55px;height: 55px;margin-right: 15px;float: left;font-size:16px;color: #000000;position: relative;transition: all .5s;border-radius: 50%;border: 3px solid transparent;overflow: hidden;}
.ys .ys_title>a>img{width: 100%;-webkit-filter: grayscale(100%);  }
.ys .ys_title>.ys_act,.ys .ys_title>a:hover{border-color:#063784;}
.ys .ys_tab{ width: 100%;padding: 0;background-color: #FFFFFF;height:auto;position: relative;overflow: hidden;}
.ys .ys_tab .ys_list{width:100%;height: auto;position: absolute; left:0; top: 0;}
.ys .ys_tab .xs{opacity: 0;}
.ys .ys_tab .ys_list>h3{float: right;width: 50%; position: relative; overflow: hidden;}
.ys .ys_tab .ys_list>h3>img{width: 100%;  display: block; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;    -webkit-filter: grayscale(80%);}
.ys .ys_tab .ys_list>h3 a{   transition: 0.5s;  opacity: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;background:rgba(0, 0, 0, 0.7);}
.ys .ys_tab .ys_list>h3 a dt{ margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.ys .ys_tab .ys_list>h3 a dt span{transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.ys .ys_tab .ys_list>h3 a dt font{    display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.ys .ys_tab .ys_list>h3 a:hover span{width: 5%;}
.ys .ys_tab .ys_list>h3 a:hover{   transition: 0.5s; opacity: 1;}
.ys .ys_tab .ys_list>h3:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

.p-m-team .ys_title>.ys_act img{-webkit-filter: grayscale(0%);}
.p-m-team{ display: block;width: 80%;overflow: hidden;margin:100px auto;max-width: 1400px;}
.p-m-team .ys_tab #ys_tab{    opacity: 0; display: block;width: 50%;margin: 0 0 0 50%;}
.ys #h3{ display: block;overflow: hidden;margin-bottom: 0;}
.ys #h3 span{ display: block;float: left;width: 100px;background: #ccc;height: 1px;margin: 7px 7px 0 0;}
.ys #h3 font{display: block;float: left;font-size: 16px;   letter-spacing: 1px;color: #666;line-height: 1em;}
.ys .ys_tab .ys_list dd{display: block;overflow: hidden;margin-top:150px;float: left;width: 40%;}
.ys .ys_tab .ys_list dd h4{ font-family: font2018;font-size: 24px;letter-spacing:2px;text-align: justify;line-height: 34px;margin-bottom: 50px;}
.ys .ys_tab .ys_list dd h5{}
.ys .ys_tab .ys_list dd h5 span{ display: block;width:50px;background: #ccc;height: 1px;margin: 0 0 20px 0;}
.ys .ys_tab .ys_list dd h5 font{    font-family: font2018; display: block; font-size: 16px;letter-spacing: 1px;color: #666;line-height: 30px;}
.ys .ys_tab .ys_list dd h5 font strong{ font-weight: normal;color: #000;font-size: 30px;margin-left: 10px;   font-family: font2018;}



.p-m-partner{     position: relative;display: block;overflow: hidden;padding:60px 0;background:#f6f6f6;margin-top: 50px;}
.p-m-partner dl{display: block;width: 90%; margin: 0 auto;overflow: hidden;position: relative;}
.p-m-partner dl img{ background: #fff; display: block;width: 11.6%;float: left;margin: 0 1% 1% 0; position: relative;z-index: 3;  opacity: 0.9;  padding: 1% 2%;/*filter:grayscale(100%);*/ }
.p-m-partner dl img:nth-child(8n){float: right;margin: 0;}
.p-m-partner h6{display: block;width:90%; margin: 0 auto 2em;overflow: hidden;position: relative;}
.p-m-partner h6 span{ display: block;float: left;width: 100px;background: #ccc;height: 1px;margin: 17px 15px 0 0;}
.p-m-partner h6 font{    font-size: 26px;letter-spacing: 2px;font-family: font2018;}
.p-m-partner dl img:hover{transition: 0.5s;opacity:1; background: #efefef;filter:none;}







.p-m-partner2{display: block;overflow: hidden;    position: relative;}
.p-m-partner2 dd{ position: absolute;width: 45%;z-index: 2;left: 0;background: #10A56F;top: 0;height: auto;padding: 5%;}
.p-m-partner2 dd h4{ display: block;overflow: hidden;margin-bottom: 1em;}
.p-m-partner2 dd h4 span{ display: inline-block;color: #fff;font-size: 1.1em;letter-spacing: 1px;font-family: font2018;}
.p-m-partner2 dd h4 font{ display: inline-block;background: #fff;height: 1px;width: 50px;vertical-align: top;margin: 0.6em 0.6em 0 0;}
.p-m-partner2 dd h5{ display: block;color: #fff;font-weight: normal;letter-spacing: 1px;font-size: 1.6em;}
.p-m-partner2 dd h6{ display: block;letter-spacing: 1px;color: #fff;margin-top: 1em;    margin-bottom: 2em;}
.p-m-partner2 dd .p-m-partner2-img{ display: block; overflow: hidden;}
.p-m-partner2 dd .p-m-partner2-img img{    display: block;float: left;width: 25%;}
.p-m-partner2 a{  position: relative; display: block;width:55%;margin:5% 0 0 45%;overflow: hidden;}
.p-m-partner2 a img{display: block; width:100%;}
.p-m-partner2 a dt{ transition: 0.5s;  opacity: 0; position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0, 0, 0, 0.5);}
.p-m-partner2 a dt h3{ margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.p-m-partner2 a dt h3 span{transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.p-m-partner2 a dt h3 font{ display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.p-m-partner2 a:hover span{width: 5%;}
.p-m-partner2 a:hover dt{ transition: 0.5s; opacity: 1;}

/*

.p-m-microsoft{ display: block;width: 80%;max-width: 1400px;margin: 0 auto 50px;overflow: hidden;position: relative;}
.p-m-microsoft h6{ display: block;overflow: hidden;margin-bottom: 40px;}
.p-m-microsoft h6 span{ display: block;text-align: center;font-size: 2.2em;line-height: 1em;margin-bottom: 20px;}
.p-m-microsoft h6 font{ display: block;text-align: center;font-size: 20px;letter-spacing: 2px;color: #666;}
.p-m-microsoft h6 strong{ display: block;text-align: center;line-height: 1em;font-size: 16px;margin-top: 1em;}
.p-m-microsoft dl{ display: block;overflow: hidden;width: 100%;}
.p-m-microsoft dl dd{ display: block;overflow: hidden;margin: 0;padding: 0;border: 0;position: relative;}
.p-m-microsoft dl dd img{ display: block;width: 100%;height: auto;}
.p-m-microsoft dl dd .p-m-m-info{ position: absolute;width: 35%;height: 100%;background: rgba(13, 130, 86, 0.8);padding: 5% 5% 0;z-index: 2;}
.p-m-microsoft dl dd .p-m-m-info span{ display: block;color: #fff;font-size: 3em;margin-bottom: 1em;line-height: 1em;}
.p-m-microsoft dl dd .p-m-m-info font{display: block;color: #eee;letter-spacing: 1px;line-height: 24px;margin-bottom: 1em;}
.p-m-microsoft dl dd .p-m-m-info a{}
.p-m-microsoft dl dt{ display: block;overflow: hidden;background: #10A56F;padding: 5%;text-align: center;}
.p-m-microsoft dl dt span{display: block;text-align: center;color: #fff;font-size: 2em;line-height: 1em;margin-bottom: 1em;}
.p-m-microsoft dl dt font{display: block;text-align: center;color: #eee;font-size: 18px;width: 60%;margin: 0 auto 1em;letter-spacing: 1px;}
.p-m-microsoft dl dt a{}



.p-m-microsoft1{ display: block;width: 80%;max-width: 1400px;margin: 0 auto 0;overflow: hidden;position: relative;}
.p-m-microsoft1 dd{ display: block;float: left;width: 20%;margin: 0 6.6% 50px 0;}
.p-m-microsoft1 dd:nth-child(4n){margin:0;}
.p-m-microsoft1 dd strong{    color: #000; display: block;font-weight: normal;font-size: 22px;letter-spacing: 2px;line-height: 1em;margin-bottom: 0.5em;}
.p-m-microsoft1 dd font{ display: block;letter-spacing: 1px;color: #666;font-size: 14px;line-height: 22px;}
.p-m-microsoft1 dd span{ display: block;text-align: center;width: 80px;height:80px;border: 1px solid #ccc;font-size: 30px;line-height:80px;border-radius: 50%;margin-bottom: 0.5em;}

.p-m-microsoft1 dd:nth-child(1) span,.p-m-microsoft1 dd:nth-child(5) span{ color: #1e56d6; }
.p-m-microsoft1 dd:nth-child(2) span,.p-m-microsoft1 dd:nth-child(6) span{ color: #e3ca23; }
.p-m-microsoft1 dd:nth-child(3) span,.p-m-microsoft1 dd:nth-child(7) span{ color: #10A56F; }
.p-m-microsoft1 dd:nth-child(4) span,.p-m-microsoft1 dd:nth-child(8) span{ color: #bf3838; }

*/




.p-m-market2{ display: block;overflow: hidden;width: 90%;margin: 0 auto;}
.p-m-market2 dl{ overflow: hidden; width: 100%;margin:0 0 100px;max-width: 100%;     padding-bottom: 100px;   border-bottom: 1px solid #ccc;}
.p-m-market2 dl dd{ display: block;float: left;width:23%;overflow: hidden;border: 0;margin:50px 0 0 0;padding: 0;}
.p-m-market2 dl dd span{ display: block;font-size: 40px;color: #000;line-height: 1em; font-family: font2018; letter-spacing: 2px;  }
.p-m-market2 dl dd font{    margin-bottom: 30px; font-size: 18px;display: block;letter-spacing:2px;font-family: font2018;text-align: justify;line-height: 30px;color: #666;}
.p-m-market2 dl dd h3{ display: block;width: 15%;height: 1px;background: #ccc;margin: 30px 0;}
.p-m-market2 dl a{ position: relative;display: block;overflow: hidden;width: 70%;float: right;}
.p-m-market2 dl a img{ display: block;width: 100%;    -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.p-m-market2 dl a .in-l-h6{ transition: 0.5s;opacity: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;background: rgba(0, 0, 0, 0.7);}
.p-m-market2 dl a .in-l-h6 .in-l-h6-4{    margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.p-m-market2 dl a .in-l-h6 .in-l-h6-4 span{transition: 0.5s;display: block;width: 16%;height: 1px;background: #eee;margin: 0 auto;}
.p-m-market2 dl a .in-l-h6 .in-l-h6-4 font{    display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.p-m-market2 dl a:hover .in-l-h6 .in-l-h6-4 span{ width:3%;}
.p-m-market2 dl a:hover .in-l-h6{opacity:1;}
.p-m-market2 dl a:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.p-m-market2 dl h6{ display: block;float: left;width: 100%;overflow: hidden;}
.p-m-market2 dl h6 span{    font-family: font2018;width: 70%;margin: 1em 0 0 30%;display: block;}


.p-m-title-txt{ display: block;overflow: hidden;padding: 0 5%;}
.p-m-title-txt h3{ display: block;margin: 0 auto 50px;padding: 0;font-size:2.4em;font-weight: normal;font-family: font2018;width: 100%; text-align:center; color: #999; }
.p-m-title-txt dl{display: block;width: 100%;overflow: hidden;border-bottom: 1px solid #ccc;margin-bottom: 100px;padding-bottom: 50px;}
.p-m-title-txt dl dd{ border: 0;padding: 0;float: left;width: 21.25%;margin: 0 5% 3% 0;}
.p-m-title-txt dl dd:nth-child(4n){margin:0;}
.p-m-title-txt dl dd span{ color: #000; display: block;font-size: 1.4em;font-family: font2018;margin-bottom: 20px;font-weight: bold; letter-spacing: 1px; }
.p-m-title-txt dl dd font{ color: #777; text-align: left;display: block;font-family: font2018;font-size: 16px;letter-spacing: 1px;}




.p-markt2-t-one{  display: block;overflow: hidden;padding: 50px 15%;  background:#f2f3fa; }
.p-markt2-t-one dd{display: block;overflow: hidden;position: relative;    margin-bottom: 50px;}
.p-markt2-t-one dd .p-markt2-t-one-left{ position: relative; display: block;overflow: hidden;width: 50%;  }
.p-markt2-t-one dd .p-markt2-t-one-left #img1{     z-index: 2;display: block;overflow: hidden;width: 96%; }
.p-markt2-t-one dd .p-markt2-t-one-right{ position: absolute;top: 50%;left: 55%; width:45%; margin-top: -140px;}

.p-markt2-t-one dt{ display: block;overflow: hidden;    position: relative;   z-index: 4;     width: auto; margin: auto; padding-bottom:40px;}
.p-markt2-t-one dt .p-markt2-t-one-bottom{    display: block;overflow: hidden;float: left;width: 26.6666666%;margin: 0 10% 0 0;}
.p-markt2-t-one dt .p-markt2-t-one-bottom:nth-child(3n){margin:0;}
.p-markt2-t-one dt .p-markt2-t-one-bottom h3,.p-markt2-t-one dd .p-markt2-t-one-right h3{    display: block; overflow: hidden;}
.p-markt2-t-one dt .p-markt2-t-one-bottom h3 span,.p-markt2-t-one dd .p-markt2-t-one-right h3 span{ font-family: font2018;display: block;overflow: hidden;float: left;color: #000;font-size: 1.2em;letter-spacing: 2px;width: auto; font-weight: bold; }
.p-markt2-t-one dt .p-markt2-t-one-bottom h3 font,.p-markt2-t-one dd .p-markt2-t-one-right h3 font{font-family: font2018;display: block;float: left;width:70px;height: 1px;background: #ccc;margin: 1em;}
.p-markt2-t-one dt .p-markt2-t-one-bottom h4,.p-markt2-t-one dd .p-markt2-t-one-right h4{ font-family: font2018;display: block;font-size: 1.1em;color: #222;letter-spacing: 2px;line-height: 1.7em;margin: 0.5em 0;}
.p-markt2-t-one dt .p-markt2-t-one-bottom h5,.p-markt2-t-one dd .p-markt2-t-one-right h5{    display: block;font-size: 1.1em;color: #333;font-family: font2018;letter-spacing: 1px;text-transform: uppercase; line-height:1.7em; }
.p-markt2-t-one dd .p-markt2-t-one-right h4{ font-size: 2.5em; text-align: justify;line-height: 1.3em;}



.p-m-title-txt-title{ width: 90%; display: block;overflow: hidden;border-bottom: 1px solid #ccc; margin: 0 auto 100px; padding-bottom: 0px;}
.p-m-title-txt-title h3{ display: block;margin: 0 auto 30px;padding: 0;font-size: 40px;font-weight: normal;font-family: font2018;width: 48%;}
.p-m-title-txt-title h4{display: block;margin: 0 auto 100px;padding: 0;letter-spacing: 1px;font-weight: normal;font-family: font2018;width: 48%;color: #555;font-size: 18px;}
.p-m-title-txt-title h5{ display: block;overflow: hidden;margin: 50px 0 0; border-top: 1px solid #ccc; padding-top: 50px;}
.p-m-title-txt-title h5 img{ display: block;float: left;width:16%;margin: 0 5% 0 0;}
.p-m-title-txt-title h5 img:nth-child(5n){margin:0;}
/*
.p-m-qa{ display: block;overflow: hidden;border-top: 1px solid #ddd;padding: 50px 0;}
.p-m-qa h3{ display: block;width: 50%;margin: 0 auto 0;max-width: 700px;overflow: hidden;}
.p-m-qa h3 span{ display: block;width: 50px;height: 1px;background: #ccc;margin: 20px 0 50px;}
.p-m-qa h3 font{ display: block;font-size: 30px;}
.p-m-qa dd{ display: block;width: 50%;margin: 0 auto 20px;max-width: 700px;overflow: hidden;    border-bottom: 1px solid #eee;    padding: 0 20px 20px; }
.p-m-qa dd span{ display: block;font-weight: bold;font-family: font2018;letter-spacing: 2px;font-size: 14px;line-height: 1em;margin-bottom: 10px;}
.p-m-qa dd font{ display: block;letter-spacing: 1px;font-size: 16px;color: #777;line-height: 24px;}
*/


.p-m-infos{ display: block;overflow: hidden;background: #eee;padding: 50px 0 50px; margin: 0 0 50px 0; }
.p-market2-case .p-m-infos .p-m-c-dl a:nth-child(1),.p-market2-case .p-m-infos .p-m-c-dl a:nth-child(2){}


.p-market2-list{ display: block;overflow: hidden;}
.p-market2-list dd{   -webkit-transition: 0.4s;-moz-transition: 0.4s;transition:0.4s;   position: relative; display: block;float: left;width: 33.3333%;overflow: hidden;      border-top: 6px solid #205596;  background: #eee;}
.p-market2-list dd img{ display: block;float: left;width: 50%;}
.p-market2-list dd h3{ position: absolute;width: 45%;display: block;padding: 0;top: 50%;right: 0;z-index: 2;margin-top: -40px;}
.p-market2-list dd h3 span{ display: block;font-size: 1.8em; color: #205596; height: 40px;line-height: 40px;}
.p-market2-list dd h3 font{ display: block;color: #666;letter-spacing: 1px;height: 30px;line-height: 30px;}
.p-market2-list dd:hover{   border-top: 6px solid  #cbce1d;  background: #fff;}

 

.p-m-icon{ display: block;overflow: hidden;text-align: center;width: 90%;margin: 0 auto;}
.p-m-icon h3{display: block;overflow: hidden;}
.p-m-icon h3 span{ display: block;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;}
.p-m-icon h3 font{ display: block;text-align: center;font-size: 1.2em;color: #666;letter-spacing: 1px;}
.p-m-icon h3 strong{ display: block;height: 1px;width: 80px;margin: 20px auto;background: #ccc;}
.p-m-icon dl{text-align: center;display: block;width:80%;margin: 50px auto 100px;}
.p-m-icon dl dd{ display: block;margin: 0;border: 0;padding: 0; width:20%; float: left;}
.p-m-icon dl dd .fa{ transition: 0.3s; display: block;text-align: center;width: 100px;height: 100px;line-height: 100px;font-size: 2.4em;background: #666;border-radius: 50%;    margin: 0 auto;color: #fff;}
.p-m-icon dl dd span{ display: block;width: 50px;height: 1px;background: #ccc;margin: 10px auto;}
.p-m-icon dl dd font{ display: block;text-align: center;letter-spacing: 1px;font-size: 1em;font-weight: normal;font-family: font2018;color: #666;}
.p-m-icon dl dd:hover .fa{background: #10A56F;}


















/*******************************鍖昏嵂瑙ｅ喅鏂规寮€濮�******************************************/




.p-s-yy-title{ padding: 5% 2% 2%;display: block;overflow: hidden;  }
.p-s-yy-title dl{display: block;float: left;width: 23.5%;overflow: hidden;margin: 0 2% 3% 0;}
.p-s-yy-title dl:nth-child(4n){margin:0;}
.p-s-yy-title dl dt{display: block;float: left;width: 10%;overflow: hidden; height: 1px; background: #ccc; margin: 12px 0 0 0;}
.p-s-yy-title dl dd{display: block;float: right;width: 88%;overflow: hidden;}
.p-s-yy-title dl dd span{display: block;font-family: font2018;letter-spacing: 1px;font-size: 1.4em;line-height: 1em;margin-bottom: 10px;}
.p-s-yy-title dl dd font{ display: block;font-size: 15px;letter-spacing: 2px; color:#666; }




.p-s-yy-top{ padding: 120px 0;display: block;overflow: hidden;background: #eee; }
.p-s-yy-top dl{ display: block;overflow: hidden;width:40%;margin: 0 auto;}
.p-s-yy-top dl dd{ display: block;float: left;width: 10%;height: 1px;background: #666; margin: 16px 0 0 0; }
.p-s-yy-top dl dt{ display: block;float: right;width: 88%;overflow: hidden; margin: 0 0 0 0; }
.p-s-yy-top dl dt h3{  display: block;font-family: font2018;letter-spacing: 1px;font-size: 26px;margin-bottom: 30px; text-transform: uppercase;}
.p-s-yy-top dl dt h4{  display: block;font-family: font2018;letter-spacing: 2px;line-height: 28px;font-size: 17px;margin-bottom: 36px;}
.p-s-yy-top dl dt a{margin:0; width:20%;}

.p-s-yy-case{ padding: 60px 0;display: block;overflow: hidden;}
.p-s-yy-case .p-s-yy-case-title{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding: 0 1% 30px; margin-bottom: 60px;}
.p-s-yy-case .p-s-yy-case-title h3{display: block;float: left;width: 50%;font-size: 26px;letter-spacing: 1px;}
.p-s-yy-case .p-s-yy-case-title .team-news-a{display: block;float: right;}
.p-s-yy-case dl{ display: block;overflow: hidden;padding: 0 0.5%;  width: 100%; }
.p-s-yy-case dl a{display: block;overflow: hidden;float: left;width:24%;margin: 0 0 0 0; padding:0.5%;    position: relative; transition: all .1s; }
.p-s-yy-case dl a dd{position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #fff;}
.p-s-yy-case dl a span{ display: block;color: #666;font-family: font2018;letter-spacing: 1px;margin-bottom: 10px;}
.p-s-yy-case dl a font{ display: block;color: #000;font-family: font2018;letter-spacing: 1px;margin-bottom: 60px;font-size:22px;line-height: 1.2em;  }
.p-s-yy-case dl a strong{display: inline-block;color: #666;font-family: font2018;letter-spacing: 1px;margin-bottom: 20px;font-weight: normal;border-bottom: 1px solid #ccc; font-size: 15px;}
.p-s-yy-case dl a h4{display: block;overflow: hidden;    margin-bottom: 30px;}
.p-s-yy-case dl a h4 img{ display: block;width: 100%;}
.p-s-yy-case dl a:hover span,.p-s-yy-case dl a:hover font,.p-s-yy-case dl a:hover strong{ color:#000;}
   
.p-s-yy-case .swiper-button-next, .p-s-yy-case .swiper-button-prev{ width: 40px;height: 40px;border: 1px solid #ccc;border-radius: 50%;text-align: center;line-height: 40px;font-size: 20px;color: #10A56F;    bottom: 60px; top: auto; left:1%; }
.p-s-yy-case .swiper-button-next{ left: 80px;}
.p-s-yy-case .swiper-button-next:hover, .p-s-yy-case .swiper-button-prev:hover{ border: 1px solid #10A56F; }
.p-s-yy-case .swiper-container{ padding-bottom: 90px; }


.p-s-yy-mk{display: block;overflow: hidden;}
.p-s-yy-mk dd{display: block;overflow: hidden;}
.p-s-yy-mk dd h3{ display: block;float: left;width: 30%; padding:5% 10% 0 10%; overflow: hidden;}
.p-s-yy-mk dd h3 span{display: block;font-family: font2018;letter-spacing: 1px;font-size: 26px;margin-bottom: 1em;}
.p-s-yy-mk dd h3 font{display: block;font-family: font2018;letter-spacing: 2px;font-size: 18px;margin-bottom:2em; color:#666; }
.p-s-yy-mk dd h3 a{ margin: 0;width: 25%;}
.p-s-yy-mk dd h3 a font,.p-s-yy-mk dd:nth-child(2n) h3 a font{ position: relative;z-index: 2;font-size: 14px;display: inline-block;color: #10A56F;}
.p-s-yy-mk dd h4{display: block;}
.p-s-yy-mk dd h4 img{ display: block;float: right;width: 50%;}
.p-s-yy-mk dd:nth-child(2n){background: #333;}
.p-s-yy-mk dd:nth-child(2n) img{ display: block;float: left;width: 50%;}
.p-s-yy-mk dd:nth-child(2n) h3{float: right;}
.p-s-yy-mk dd:nth-child(2n) h3 span{ color:#fff; }
.p-s-yy-mk dd:nth-child(2n) h3 font{ color:#ddd; }
.p-s-yy-mk dd:nth-child(2n) h3 a:hover font{ color:#fff; }



.p-s-yy-icon{ padding: 60px 0 90px;display: block;overflow: hidden; position: relative;    border-top: 1px solid #eee; }
.p-s-yy-icon dl{display: block;overflow: hidden;float: left;width:17%;margin: 0 0 0 0; padding:0 1.5%;    position: relative; transition: all .3s; }
.p-s-yy-icon dl:nth-child(6n){margin-right:0;}
.p-s-yy-icon dl dd{position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #eee;}
.p-s-yy-icon dl h3{ display: block;width: 100px;height: 100px;margin: 0 auto;overflow: hidden;border-radius: 50%;border: 1px solid #10A56F;}
.p-s-yy-icon dl h3 img{display: block;width: 50px;margin: 25px;}
.p-s-yy-icon dl h4{ display: block;text-align: center;font-size: 1.5em;border-bottom: 1px solid #eee;margin: 1em 0 1em;color: #333;padding-bottom: 1em;}
.p-s-yy-icon dl h5{display: block;line-height: 1.8em;color: #666;letter-spacing: 2px;font-size: 1em;}
.p-s-yy-icon dl:nth-child(6n) dd{display: none;}





.p-s-yy-page{ padding:90px 0;display: block;overflow: hidden; position: relative;background: #eee; }
.p-s-yy-page h5{ display: block;width: 40%;margin: 0 0 50px 90px;letter-spacing:2px;font-size: 1.1em;color: #333;line-height: 1.6em;padding: 0 1%; font-family: font2018; text-transform: uppercase;}
.p-s-yy-page h4{display: block;overflow: hidden;    margin-bottom: 20px; padding: 0 1%;}
.p-s-yy-page h4 span{ display: inline-block;background: #ccc;margin: 0.7em 10px 0 0;font-size: 2em;letter-spacing: 1px;width: 80px;height: 1px;vertical-align: top;}
.p-s-yy-page h4 font{ display: inline-block; color: #000; font-size: 2em;letter-spacing:2px;    font-family: font2018;text-transform: uppercase;}

.p-s-yy-page dd{display: block;width: 80%;margin: 0 0 80px;overflow: hidden;background: #fff;}
.p-s-yy-page dd img{ display: block;overflow: hidden;float: left;width: 62.5%;}
.p-s-yy-page dd h3{display: block;overflow: hidden;float: right;width: 27.5%; padding:5% 5% 0 5%}
.p-s-yy-page dt{ display: block;width: 60%;margin: 0 auto;overflow: hidden;background: #fff;}
.p-s-yy-page dt h3{display: block;overflow: hidden;float: left;width: 40%; padding:5% 5% 0 5%}
.p-s-yy-page dt h3 span,.p-s-yy-page dd h3 span{ display: block;letter-spacing:2px; font-size: 22px;color: #444; text-transform: uppercase; font-family: font2018; }
.p-s-yy-page dt h3 font,.p-s-yy-page dd h3 font{    display: block;letter-spacing: 1px;font-size: 18px;color: #666;}
.p-s-yy-page dt h3 strong,.p-s-yy-page dd h3 strong{ display: block;width: 50px;height: 1px;background: #ccc;margin: 16px 0;}
.p-s-yy-page dt img{ display: block;overflow: hidden;float: right;width: 50%;}


.web-zd{  padding: 60px 0 0;border: 0;margin: 0; }
.web-zd h4{ width:97%; }
.web-zd h4 .line strong{font-size: 1.5em;}


.p-s-yy-title-4icon{ display: block; overflow: hidden; padding:90px 3% 40px; }
.p-s-yy-title-4icon dd,.p-s-yy-title-4icon-txt dd{ position: relative;display: block;float: left;width: 22.75%;overflow: hidden; margin:0 3% 0 0; }
.p-s-yy-title-4icon dd:nth-child(4n),.p-s-yy-title-4icon-txt dd:nth-child(4n){margin:0; }
.p-s-yy-title-4icon dd img{ display: block;width: 100%;margin: 0 auto;border-radius: 50%;}
.p-s-yy-title-4icon dd p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);border-radius: 50%;}
.p-s-yy-title-4icon dd p span{ font-size: 30px;font-family: font2018;text-align: center;text-transform: uppercase;font-weight: bold;position: absolute;top: 50%;left: 0;width: 100%;color: #fff;letter-spacing: 1px;margin-top: -42.5px;}

.p-s-yy-title-4icon-txt{display: block; overflow: hidden; padding:0 3% 90px;}
.p-s-yy-title-4icon-txt dd span{ display: block;text-align: center;font-size: 1.8em;letter-spacing: 1px;line-height: 1em;}
.p-s-yy-title-4icon-txt dd strong{ display: block;width: 50px;height: 1px;background: #ccc;margin: 20px auto;}
.p-s-yy-title-4icon-txt dd font{ display: block;font-family: font2018;letter-spacing: 2px;line-height: 28px;font-size:16px;margin-bottom: 36px;}







/*
.p-s-yy-info{ padding: 120px 10%;display: block;overflow: hidden;background:#f8f8f8; position: relative;}
.p-s-yy-info h6{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background-image: url(../img/p-s-yy-info-bg.png);}
.p-s-yy-info dl{ display: block;overflow: hidden;position: relative;z-index: 2;}
.p-s-yy-info dl dd{ display: block;float: left;width: 45%;overflow: hidden;}
.p-s-yy-info dl dd h5{ font-size: 1.6em; display: block;letter-spacing: 1px; margin-bottom: 1em;}
.p-s-yy-info dl dd h3{text-transform: uppercase;display: block;overflow: hidden;margin-bottom: 2em;font-family: font2018;}
.p-s-yy-info dl dd h3 span{ display: inline-block;background: #ccc;margin: 0.7em 10px 0 0;font-size: 2em;letter-spacing: 1px;width: 80px;height: 1px;vertical-align: top;}
.p-s-yy-info dl dd h3 font{ display: inline-block; color: #000; font-size: 2em;letter-spacing:2px;}
.p-s-yy-info dl dd h4{ display: block;letter-spacing: 1px;color: #666;font-size: 17px; line-height: 2em; margin-bottom: 50px;padding-left: 90px;}
.p-s-yy-info dl dd a{ width:20%; margin: 0 0 0 90px; }
.p-s-yy-info dl dt{ display: block;float: right;width: 36%;overflow: hidden;}
.p-s-yy-info dl dt h3{ position: relative;    display: block;overflow: hidden;background: #ccc;padding: 3em 0; margin:0 0 1em 0;}
.p-s-yy-info dl dt h3:nth-child(1){ background: #ceded8; }
.p-s-yy-info dl dt h3:nth-child(2){ background: #10A56F; }
.p-s-yy-info dl dt h3:nth-child(3){ background: #757575; }
.p-s-yy-info dl dt h3 p{display: block; overflow: hidden; width: 50%; margin: 0 auto;}
.p-s-yy-info dl dt h3 p span{ display: block; font-size: 2em;color: #fff;letter-spacing: 1px;}
.p-s-yy-info dl dt h3 p font{ display: block;color: #fff;font-size: 1.1em;letter-spacing: 1px;}
.p-s-yy-info dl dt h3:nth-child(1) span,.p-s-yy-info dl dt h3:nth-child(1) font{color: #10A56F;}
.p-s-yy-info dl dt h3 strong{position: absolute;width: 20%;height: 100%;background: rgba(255, 255, 255, 0.2);top: 0;left: 0;}
.p-s-yy-info dl dt h3 .line{ position: absolute;width: 10%;height: 1px;background: #fff;top: 45%;left: 13%;}



.p-solutions-bottom{ display: block;overflow: hidden;padding: 0 1.5%;margin: 0 0 60px 0;}
.p-solutions-bottom dd{display: block;overflow: hidden;float: left;width: 30%;}
.p-solutions-bottom dd h3{display: block;font-family: font2018;letter-spacing: 1px;font-size: 1.4em;    margin-bottom: 30px;}
.p-solutions-bottom dd h4,.p-solutions-bottom dd h5{display: block;overflow: hidden;}
.p-solutions-bottom dd h4 a{    display: block;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 16px;padding-bottom: 16px;}
.p-solutions-bottom dd h4 a span{display: block;color: #000; font-family: font2018; letter-spacing: 1px;font-size: 12px;}
.p-solutions-bottom dd h4 a font{display: block;color: #666;letter-spacing: 1px;font-size: 16px;line-height: 32px;}
.p-solutions-bottom dd h5 a{ margin: 20px 0 0 0; width: 22%; }

.p-solutions-bottom dt{ display: block;float: left;margin: 0 3%;overflow: hidden;position: relative;width:45%;}
.p-solutions-bottom dt img,.p-solutions-bottom dl a img{display: block;width: 100%;}
.p-solutions-bottom dt .p-solutions-bottom-dl{ display: block;overflow: hidden;margin-top: 20px;  }
.p-solutions-bottom dt .p-solutions-bottom-dl strong{display: block;float: left;width: 16%;height: 1px;background: #ccc; margin: 15px 0 0 0;}
.p-solutions-bottom dt .p-solutions-bottom-dl p{ display: block;float: right;width: 82%; }
.p-solutions-bottom dt .p-solutions-bottom-dl p span{display: block;color: #333;letter-spacing: 1px;font-size: 1.4em;margin-bottom:10px;}
.p-solutions-bottom dt .p-solutions-bottom-dl p font{display: block;color: #999;letter-spacing: 1px;font-size: 16px;font-family: font2018;}

.p-solutions-bottom dl{ display: block;float: right;width: 19%;overflow: hidden;}
.p-solutions-bottom dl a{display: block; width: 100%;overflow: hidden; margin-bottom: 30px; }
.p-solutions-bottom dl a .p-solutions-bottom-dl{ margin-top: 20px;display: block;overflow: hidden;}
.p-solutions-bottom dl a .p-solutions-bottom-dl strong{ display: block;float: left;width: 20%;height: 1px;background: #ccc; margin: 15px 0 0 0;}
.p-solutions-bottom dl a .p-solutions-bottom-dl p{ display: block;float: right;width: 78%;  }
.p-solutions-bottom dl a .p-solutions-bottom-dl p span{display: block;color: #333;letter-spacing: 1px;font-size: 1.2em; margin-bottom:10px;}
.p-solutions-bottom dl a .p-solutions-bottom-dl p font{display: block;color: #999;letter-spacing: 1px;font-size: 15px;font-family: font2018;}
*/



/*******************************鍖昏嵂瑙ｅ喅鏂规缁撴潫******************************************/













/*******************************鎬昏В鍐虫柟妗堝紑濮�******************************************/

  

.p-solution-txt{display: block;background: #f8f8f8;overflow: hidden;position: relative; padding:120px 0;}
.p-solution-txt dl{ position: relative;width: 80%; margin:0 auto; overflow: hidden;  }
.p-solution-txt dl h5{ display: block;float: left;width: 20%;overflow: hidden; margin: 0 0 0 0;  }
.p-solution-txt dl h5 span{ display: block;width: 50%;height: 1px;background: #ccc;float: left; margin: 1em 0 0 0;}
.p-solution-txt dl h5 font{ color: #000;display: inline-flex;width: 50%;text-transform: uppercase;font-family: font2018;font-size: 1.4em;letter-spacing: 2px;float: left;}
.p-solution-txt dl dd{ display: block;float: right;width: 70%;}
.p-solution-txt dl dd h3{ display: block; color: #000;font-family: font2018;font-size: 2.5em;line-height: 1em; text-transform: uppercase; }
.p-solution-txt dl dd h4{ display: block;color: #000;font-family: font2018;font-size: 1.4em;line-height: 1em; letter-spacing: 2px;    margin: 1.5em 0;}
.p-solution-txt dl dd h6{ color: #444;font-weight: normal;font-size: 16px; letter-spacing: 2px;   margin: 2em 0 3em;   line-height: 1.8em;}
.p-solution-txt dl dd a{ margin: 0;width: 16%;}


.p-solution-1{display: block;overflow: hidden;position: relative;  }
.p-solution-1 dl{ position: relative;width: 80%; margin:0 auto; overflow: hidden; padding: 100px 10%; background: #f8f8f8;}
.p-solution-1 dl p{ position: absolute;width:66%;top: 0;right:0;height: 100%;background: #eee;}
.p-solution-1 dl .toa{ display: block;float: left;width: 70%;position: relative;overflow: hidden;}
.p-solution-1 dl .toa img{display: block;width: 100%;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.p-solution-1 dl .toa .c-l-h6{transition: 0.5s;opacity: 0;position: absolute;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);height: 100%;}
.p-solution-1 dl .toa .c-l-h6 #dd{ margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.p-solution-1 dl .toa .c-l-h6 #dd #h4{transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.p-solution-1 dl .toa .c-l-h6 #dd #title{display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.p-solution-1 dl .toa:hover .c-l-h6{    opacity: 1;}
.p-solution-1 dl .toa:hover .c-l-h6 #dd #h4 { width: 5%;}
.p-solution-1 dl .toa:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.p-solution-1 dl .right{ position: absolute;top: 50%;right: 15%;width:15%; margin-top: -140px;}
.p-solution-1 dl .right .title{ display: block;font-size: 1.8em;letter-spacing: 2px;line-height: 1em;margin-bottom: 30px;}
.p-solution-1 dl .right .txt{ color: #444;font-weight: normal;font-size: 16px;letter-spacing: 1px;margin: 2em 0 3em;line-height: 1.8em;}
.p-solution-1 dl .right a{ margin: 0; width:35%; }
.p-solution-1 dl .right .en{ text-transform: uppercase;font-family: font2018;letter-spacing: 2px;font-size: 1.2em;color: #999;margin-bottom: 1em;}

.p-solution-1 dl:nth-child(2n){background:none; }
.p-solution-1 dl:nth-child(2n) .toa{float: right;}
.p-solution-1 dl:nth-child(2n) .right{ right:0; left:10%;     width: 20%;}

.p-solution-2{display: block; overflow: hidden;position: relative; padding:0 0 0;}
.p-solution-2 h5{ display: block; width: 80%; margin:0 auto; overflow: hidden;   }
.p-solution-2 h5 span{ display: inline-flex;width: 18%;height: 1px;background: #ccc;  margin: 0.1em 0 0 1em;}
.p-solution-2 h5 font{ color: #000;display: inline-flex; text-transform: uppercase;font-family: font2018;font-size: 14px;letter-spacing: 2px; }
.p-solution-2 dl{ display: block;overflow: hidden;width: 100%;margin: 60px 0; padding:0 1%; }
.p-solution-2 dl a{position: relative; display: block;overflow: hidden;float: left;width:32.666%; margin:0 1% 1% 0;}
.p-solution-2 dl a:nth-child(3n){ margin:0; }
.p-solution-2 dl a h4{display: block;overflow: hidden;width: 100%;position: relative; }
.p-solution-2 dl a h4 img{display: block; width: 100%; transition: all .5s;  }
.p-solution-2 dl a h4 p{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);top: 0;left: 0; transition: all .5s;  opacity: 1;}
.p-solution-2 dl a dd{position: absolute;width: 80%;height: auto;bottom: 10%;left: 10%;z-index: 2;}
.p-solution-2 dl a dd .en{ text-transform: uppercase;font-family: font2018;letter-spacing: 2px;font-size: 1.2em;color: #fff;margin-bottom: 1em;}
.p-solution-2 dl a dd .title{display: block;font-size: 1.8em;letter-spacing: 2px;line-height: 1em;margin-bottom:1em;color: #fff;}
.p-solution-2 dl a dd .txt{color: #fff;font-weight: normal;font-size: 13px;letter-spacing: 1px;margin: 0.5em 0 1em;line-height: 1.8em; font-family: font2018; text-transform: uppercase;}
.p-solution-2 dl a dd .fa{ display: block;width: 40px;height: 40px;text-align: center;border: 1px solid #fff;line-height: 40px;font-size: 18px;}
.p-solution-2 dl a:hover h4 img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.p-solution-2 dl a:hover dd .fa{ border: 1px solid #10A56F; background: #10A56F; color:#fff; }
.p-solution-2 dl a:hover h4 p{  opacity: 0; left:100%; }


.p-solution-3 p{ right:auto; left:0}
.p-solution-3 dl .toa{ float: right; }
.p-solution-3 dl .right{ right: auto;left: 10%;width: 20%;}

.p-solution-4{display: block; overflow: hidden;position: relative; padding:60px 0 0;}
.p-solution-4 .p-solution-4-title{ display: block;width: 80%;margin: 90px auto;overflow: hidden; }
.p-solution-4 .p-solution-4-title .line{    display: block;width: 10%;height: 1px;background: #ccc;float: left;margin: 1em 0 0 0;}
.p-solution-4 .p-solution-4-title h4{    display: block;overflow: hidden;width: 85%;float: right;}
.p-solution-4 .p-solution-4-title h4 span{    display: block;color: #000;font-family: font2018;font-size: 1.8em;line-height: 1em;letter-spacing: 2px;margin:0 0 1.5em 0;}
.p-solution-4 .p-solution-4-title h4 font{    color: #444;font-weight: normal;font-size: 18px;letter-spacing: 2px;margin: 2em 0 3em;line-height: 1.8em; width: 65%; display: block;font-family: font2018;     text-transform: uppercase; }

.p-solution-4 .p-solution-4-img{ background: #ededed; display: block; position: relative;    }
.p-solution-4 .p-solution-4-img img{ z-index: 2;  display: block;width: 56%;margin: 0 0 0 10%;  position: relative;}
.p-solution-4 .p-solution-4-img p {position: absolute;width: 100%;height: 50%;top: 0;left: 0;background: #fff;z-index: 1;}

.p-solution-4 .p-solution-4-info{  background: #ededed;padding: 0 15% 90px; overflow: hidden;}
.p-solution-4 .p-solution-4-info h5{ display: block;overflow: hidden;line-height: 1em;margin-bottom: 30px;font-size: 2em;letter-spacing: 2px;}
.p-solution-4 .p-solution-4-info .line{    display: block;width: 6%;height: 1px;margin: 30px 0;background: #999;}
.p-solution-4 .p-solution-4-info dl{ display: block;width: 65%;overflow: hidden;}
.p-solution-4 .p-solution-4-info dl dd{ display: block;float: left;width: 30%;font-family: font2018;letter-spacing: 2px;}
.p-solution-4 .p-solution-4-info dl dt{ color: #444;font-weight: normal;font-size: 16px;letter-spacing: 2px;margin: 0;line-height: 1.8em;float: right;width: 65%;}
.p-solution-4 .p-solution-4-info dl dt a{ width: 24%; margin: 60px 0 0 0;}
.p-solution-4 .p-solution-4-info dl dt h4{margin: 0 0 30px 0;    font-size: 18px;}
.p-solution-4 .p-solution-4-info dl dt h6{ color: #999;font-weight: normal;font-size: 16px;letter-spacing: 2px;margin: 0;line-height: 1.8em;}


.p-solution-bottom{ display: block; overflow: hidden; }
.p-solution-bottom a{ display: block;overflow: hidden;float: left;width: 33.3333%;position: relative;}
.p-solution-bottom a p{ transition: all .5s; position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);}
.p-solution-bottom a img{ display: block; width:100%; }
.p-solution-bottom a dd{ position: absolute;bottom: 10%;left: 5%;width: 90%;}
.p-solution-bottom a dd .line{display: block;float: left;width: 15%;height: 1px;background: #ddd;margin:0.5em 0 0 0;}
.p-solution-bottom a dd .center{    display: block;overflow: hidden;float: right;width: 80%;}
.p-solution-bottom a dd .center span{    display: block;line-height: 1em;font-family: font2018;letter-spacing: 2px;text-transform: uppercase;}
.p-solution-bottom a dd .center strong{font-family: font2018;text-transform: uppercase;letter-spacing: 2px;display: block;line-height: 1em;margin: 20px 0;font-size: 2.2em;}
.p-solution-bottom a dd .center font{    display: block;font-size: 14px;letter-spacing: 2px;color: #eee; margin: 0 0 20px; }
.p-solution-bottom a dd .center .fa{ transition: all .5s; OPACITY: 0;   display: block;width: 40px;height: 40px;text-align: center;border: 1px solid #10A56F;line-height: 40px;font-size: 18px;  margin-left:2em;   background: #10A56F;}
.p-solution-bottom a:hover dd .center .fa{ OPACITY: 1; margin-left:0;  }
.p-solution-bottom a:hover dd .center span,.p-solution-bottom a:hover dd .center strong,.p-solution-bottom a:hover dd .center .font{ color:#eee;}
.p-solution-bottom a:hover p{ OPACITY:0; }



/*******************************鎬昏В鍐虫柟妗堝紑濮�******************************************/











/*******************************鑳芥簮鏉愭枡寮€濮�******************************************/

.p-s-ny-1{ display: block;overflow: hidden;padding: 120px 0 0;}
.p-s-ny-1 dd{ display: block;overflow: hidden;padding: 0 10%;}
.p-s-ny-1 dd h3{ display: block;font-family: font2018;text-transform: uppercase;color: #10a56f;font-size: 3em;letter-spacing: 2px;}
.p-s-ny-1 dd h4{ text-align: center; display: block;overflow: hidden;margin: 60px 0;}
.p-s-ny-1 dd h4 p{ display: inline-flex; width:auto; margin: 0; overflow: hidden;}
.p-s-ny-1 dd h4 p span{ display: inline-flex;float: left;width:80px;height: 1px;background: #ccc;margin: 10px 1em 0 0;}
.p-s-ny-1 dd h4 p font{  display: inline-flex; font-size: 18px;letter-spacing: 4px;height: 20px;line-height: 20px;}
.p-s-ny-1 dd h4 p:nth-child(1){    float: left;}
.p-s-ny-1 dd h4 p:nth-child(2){}
.p-s-ny-1 dd h4 p:nth-child(3){    float: right;}
.p-s-ny-1 dl{ display: block;overflow: hidden;padding:60px 10% 0;position: relative; }
.p-s-ny-1 dl dt{display: block;width: 100%;overflow: hidden; position: relative; }
.p-s-ny-1 dl dt h3{display: block;top: 50%;width: 25%;position: absolute;margin-top: -80px;left: 0;   z-index:3;}
.p-s-ny-1 dl dt h3 span{ display: block;font-size: 2em;font-family: font2018;letter-spacing: 2px;margin-bottom: 20px; text-align: left; }
.p-s-ny-1 dl dt h3 font{ display: block;line-height: 28px;font-size: 18px;color: #666;letter-spacing: 2px;}
.p-s-ny-1 dl dt img{ float: right;width: 70%;display: block; position: relative; z-index:3;}
.p-s-ny-1 dl p{position: absolute;width: 40%;height: 100%;right: 0;top: 0; background: #10a56f; z-index: 1;}

.p-s-ny-2{ display: block;overflow: hidden;padding: 120px 10% 60px; background: #eceff3;}
.p-s-ny-2 dd{ display: block;overflow: hidden;float: left;width: 45%; }
.p-s-ny-2 dd .line,.p-s-ny-2 dt .line{ display: block;float: left;width: 15%;height: 1px;background: #ccc;margin: 0.5em 0 0 0;}
.p-s-ny-2 dd .center,.p-s-ny-2 dt .center{display: block;float: right;width: 80%;overflow: hidden;}
.p-s-ny-2 dd .center h3,.p-s-ny-2 dt .center h3{    display: block;font-size: 1.6em;line-height: 1em;margin-bottom: 30px;letter-spacing: 2px;}
.p-s-ny-2 dd .center h4,.p-s-ny-2 dt .center h4,.p-s-ny-5 dd .center h4{display: block;line-height: 28px;letter-spacing: 1px;color: #666;font-size: 17px;margin-bottom: 40px;}
.p-s-ny-2 dd .center a{margin: 0;width: 20%;}
.p-s-ny-2 dt{ display: block;overflow: hidden;float: right;width: 30%; padding: 5%; background: #fff; }



.p-s-ny-3{ display: block;overflow: hidden;padding:0; background: none;}
.p-s-ny-3 dd{ background: #10a56f; padding:6% 10%; width: 30%; } 
.p-s-ny-3 dd .center h3,.p-s-ny-3 dd .center h4{ color:#fff; }
.p-s-ny-3 dt{ float: left;margin: 0 0 0 3%; padding:6% 5%; }

.p-s-ny-4{ border-bottom: 1px solid #eee;    padding-bottom: 2%; }
.p-s-ny-4 dd{ background:none;padding: 5% 10% 0; }
.p-s-ny-4 dt{ padding: 5% 5% 0; }
.p-s-ny-4 dd .center h3,.p-s-ny-4 dd .center h4{ color:#000; }

.p-s-ny-5{display: block;overflow: hidden;padding:0; background: #eceff3;}
.p-s-ny-5 dd{ display: block;overflow: hidden;padding:8% 60% 3% 10%;}
.p-s-ny-5 dd .line{ display: block;float: left;width: 15%;height: 1px;background: #ccc;margin: 0.5em 0 0 0;}
.p-s-ny-5 dd .center{display: block;float: right;width: 80%;overflow: hidden;}
.p-s-ny-5 dt{ display: block;width: 100%; position: relative;}
.p-s-ny-5 dt img{display: block;width: 100%;}
.p-s-ny-5 dt p{ position: absolute;top: -110px;right:10%;background: #fff;padding: 3%; width: 30%;}
.p-s-ny-5 dt p span{ display: block;font-size: 2em;font-family: font2018;letter-spacing: 2px;line-height: 1em;margin-bottom: 30px; color: #10a56f; text-transform: uppercase; }
.p-s-ny-5 dt p font{ display: block;letter-spacing: 2px;font-family: font2018;font-size: 17px; text-transform: uppercase; text-align: left; }
.p-s-ny-5 dd .center h3{ display: block;font-size:2em;line-height: 1em;margin-bottom: 30px;letter-spacing: 2px; font-family: font2018; }



.p-s-ny-6{display: block;overflow: hidden;padding:120px 0; position: relative;}
.p-s-ny-6 h5{ display: block; width: 90%; margin:0 auto 100px; overflow: hidden; position: relative; z-index: 3;  }
.p-s-ny-6 h5 span{ display: inline-flex;width: 18%;height: 1px;background: #ccc;  margin: 0.1em 0 0 1em;}
.p-s-ny-6 h5 font{ color: #fff;display: inline-flex; text-transform: uppercase;font-family: font2018;font-size: 14px;letter-spacing: 2px; }
.p-s-ny-6 dl{ display: block; overflow: hidden;padding: 0 1%; position: relative; z-index: 3;}
.p-s-ny-6 dl a{ display: block;float: left;width: 24.25%;overflow: hidden;margin: 0 1% 0 0;position: relative; padding-bottom: 50px;}
.p-s-ny-6 dl a:nth-child(4n){margin:0;}
.p-s-ny-6 dl a img{ display: block; width:100%;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.p-s-ny-6 dl a:hover dd span{ color:#10a56f; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.p-s-ny-6 dl a:hover dd font{ color:#bbb; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.p-s-ny-6 dl a:hover img{opacity: 0.96; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.p-s-ny-6 dl a dd{ background: #eceff3;position: absolute;bottom: 0;left: 0;width: auto;padding: 5% 10%;}
.p-s-ny-6 dl a dd span{ font-size: 1.4em; display: block;color: #000;letter-spacing: 1px;font-family: font2018;}
.p-s-ny-6 dl a dd font{ display: block;letter-spacing: 1px;font-size: 14px;color: #666;font-family: font2018;}
.p-s-ny-6 p{    position: absolute;width: 40%;height: 100%;left: 0;top: 0;background: #10a56f;z-index: 1;}


.p-s-ny-7{    display: block;overflow: hidden;padding: 120px 10%;position: relative; }
.p-s-ny-7 h3{    display: block;overflow: hidden; position: relative;line-height: 1em;text-shadow: -1px -1px 0 #10a56f, 1px -1px 0 #10a56f, -1px 1px 0 #10a56f, 1px 1px 0 #10a56f;letter-spacing: 8px;color: #fff;text-transform: uppercase;font-size: 4em;text-align: left;}
.p-s-ny-7 h4{ text-align: center; display: block;overflow: hidden;margin: 60px 0 0;}
.p-s-ny-7 h4 p{ display: inline-flex; width:auto; margin: 0; overflow: hidden;}
.p-s-ny-7 h4 p span{ display: inline-flex;float: left;width:80px;height: 1px;background: #ccc;margin: 10px 1em 0 0;}
.p-s-ny-7 h4 p font{  display: inline-flex; font-size: 18px;letter-spacing: 4px;height: 20px;line-height: 20px;}
.p-s-ny-7 h4 p:nth-child(1){    float: left;}
.p-s-ny-7 h4 p:nth-child(2){}
.p-s-ny-7 h4 p:nth-child(3){    float: right;}


.p-s-yy-icon-2{ padding: 120px 3%; }





.p-s-ny-8{    display: block;overflow: hidden; padding: 0; position: relative; }
.p-s-ny-8 dd{display: block;overflow: hidden;float: left;width: 50%;position: relative; }
.p-s-ny-8 dd p{ background: #10a56f;width: 80%;height: 100%;right: 0;top: 0;position: absolute; z-index: 1; }
.p-s-ny-8 dd img{ display: block;width:90%; position: relative; z-index: 3; }
.p-s-ny-8 dd h4{ display: block;width: 60%;margin: 50px 10% 50px 30%;overflow: hidden;position: relative;z-index: 3;}
.p-s-ny-8 dd h4 span{    display: inline-flex;width: 18%;height: 1px;background: #ddd;margin: 0 0 0 1em;}
.p-s-ny-8 dd h4 font{color: #fff;display: inline-flex;text-transform: uppercase;font-family: font2018;font-size: 14px;letter-spacing: 2px;}
.p-s-ny-8 dt{ display: block;float: right;width: 40%;overflow: hidden;padding: 10% 5%;}
.p-s-ny-8 dt .line{ display: block;float: left;width: 15%;height: 1px;background: #ccc;margin: 0.5em 0 0 0;}
.p-s-ny-8 dt .center{display: block;float: right;width: 80%;overflow: hidden;}
.p-s-ny-8 dt .center h3{ display: block;font-size: 1.6em;line-height: 1em;margin-bottom: 30px;letter-spacing: 2px;}
.p-s-ny-8 dt .center h4{ display: block;line-height: 28px;letter-spacing: 1px;color: #666;font-size: 17px;margin-bottom: 40px;}
.p-s-ny-8 dt .center a{ width: 24%; margin: 0; }


.p-s-ny-9{ display: block;overflow: hidden; padding:120px 0; position: relative;  }
.p-s-ny-9 img{    display: block;float: left;width: 50%;}






/*******************************鑳芥簮鏉愭枡寮€濮�******************************************/










/*******************************宸ヤ笟鍒堕€犲紑濮�******************************************/

.p-s-Industry1{ display: block;overflow: hidden; padding:120px 0; position: relative;  background: #eee;}
.p-s-Industry1 dd,.p-s-Industry1 dt{ display: block;overflow: hidden; padding:0 3%; position: relative;}
.p-s-Industry1 dd h3{ display: block;overflow: hidden;float: left;margin: 0 3% 0 0;width: 22.75%;position: relative; background: #fff; padding-top: 2%;}
.p-s-Industry1 dd h3:nth-child(4n),.p-s-Industry1 dt h4:nth-child(4n){ margin:0; }
.p-s-Industry1 dd h3 strong{ display: block;float: left;width: 20%;height: 1px;background: #ccc;margin: 1em 5% 0 5%;}
.p-s-Industry1 dd h3 span{ float: left;font-family: font2018;font-size: 1.2em;letter-spacing: 2px;color: #000;width:70%; text-transform: uppercase; }
.p-s-Industry1 dd h3 img{ display: block;width: 85%;margin: 10% 0 0 15%; float: left;}

.p-s-Industry1 dt h4{ display: block;overflow: hidden;float: left;margin: 0 3% 0 0;width: 22.75%;position: relative; padding-top: 2%;}
.p-s-Industry1 dt h4 span{ display: block;font-family: font2018;line-height: 1em;font-size: 1.6em; color: #10a56e; }
.p-s-Industry1 dt h4 font{ display: block;font-family: font2018;line-height: 28px;font-size: 14px; color:#666; text-transform: uppercase; letter-spacing: 1px; text-align: left; }
.p-s-Industry1 dt h4 strong{ display: block;width: 10%;height: 1px;background: #aaa;margin: 1.6em 0;}

.p-s-Industry2 .h4{ text-align: center;display: block;overflow: hidden;margin: 60px 0 0;}
.p-s-Industry2 .h4 .p{display: block;width: 30%;margin: 0 5% 0 0;overflow: hidden; float: left; }
.p-s-Industry2 .h4 .p:nth-child(3){margin:0;}
.p-s-Industry2 .h4 .p p{    float: left;display: block;overflow: hidden;margin-bottom: 30px;width: 100%;}
.p-s-Industry2 .h4 .p p span{ display: inline-flex;float: left;width: 80px;height: 1px; background: #ccc; margin: 10px 1em 0 0;}
.p-s-Industry2 .h4 .p p font{ display: inline-flex;font-size: 18px;letter-spacing: 4px;height: 20px;line-height: 20px;}
.p-s-Industry2 .h4 .p .img{     float: left; display: block;overflow: hidden;width:320px;margin: 0;}
.p-s-Industry2 .h4 .p .img img{ display: block;width: 100%;margin: 0 auto;border-radius: 50%;}
.p-s-Industry2 .h4 .p .img .t{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);border-radius: 50%;}
.p-s-Industry2 .h4 .p .img .t strong{ font-size: 30px;font-family: font2018;text-align: center;text-transform: uppercase;font-weight: bold;position: absolute;top: 50%;left: 0;width: 100%;color: #fff;letter-spacing: 1px;margin-top: -42.5px;}


.p-s-Industry3{ display: block;overflow: hidden; padding:120px 10%; position: relative; border-top: 1px solid #eee;  }
.p-s-Industry3 dd{ display: block;float: left;width: 40%;overflow: hidden;}
.p-s-Industry3 dd h3{ display: block;overflow: hidden;margin-bottom: 50px;}
.p-s-Industry3 dd h3 span{    display: block;float: left;width: 25%;height: 1px;background: #ccc;margin: 1em 0 0 0;}
.p-s-Industry3 dd h3 font{font-family: font2018;letter-spacing: 2px;font-size: 1.3em;float: right;width: 70%;line-height: 1.6em;}
.p-s-Industry3 dd h4{  letter-spacing: 1px;font-family: font2018;font-size: 2em; text-transform: uppercase; }
.p-s-Industry3 dd a{ width: 20%;margin: 60px 0;}
.p-s-Industry3 img{ display: block;width: 50%;float: right;}




.p-s-Industry4{ display: block;overflow: hidden; padding:150px 10%; position: relative; border-top: 0px solid #eee;  }
.p-s-Industry4 img{ float: left; }
.p-s-Industry4 dd{ float: right;}
.p-s-Industry4 dd h3 span,.p-s-Industry4 dd h3 font,.p-s-Industry4 dd h4{ color:#fff; }

.p-s-Industry5{ display: block;overflow: hidden; padding:150px 10%; position: relative; }
.p-s-Industry5 dd{display: block;float: left;width: 40%;overflow: hidden;}
.p-s-Industry5 dd h3{ display: block;font-size: 2.4em;text-align: left;margin-bottom: 50px;font-family: font2018;letter-spacing: 2px; text-transform: uppercase;}
.p-s-Industry5 dd h4{ display: block;overflow: hidden;}
.p-s-Industry5 dd h4 span{ display: block;float: left;width: 30%;height: 1px;background: #ccc;    margin: 1em 0 0 0;}
.p-s-Industry5 dd h4 font{ display: block;float: right;width: 65%;  font-family: font2018;letter-spacing: 2px;font-size:18px; text-transform: uppercase; }
.p-s-Industry5 dt{display: block;width: 50%;float: right; font-family: font2018;letter-spacing: 2px; line-height: 34px; color:#ccc; font-size: 18px;}
 


.p-s-Industry6{ display: block;overflow: hidden; padding:150px 10%; position: relative;  background: #333; }
.p-s-Industry6 dl{ display: block; overflow: hidden; position: relative; }
.p-s-Industry6 dl dd{display: block;width: 30%;float: left;}
.p-s-Industry6 dl dd h4{display: block; overflow: hidden;margin-bottom: 50px;}
.p-s-Industry6 dl dd h4 span{display: block;float: left;width: 30%;height: 1px;background: #eee;    margin: 1em 0 0 0; }
.p-s-Industry6 dl dd h4 font{display: block;float: right;width: 65%;  font-family: font2018;letter-spacing: 2px;font-size:18px; color:#fff; }
.p-s-Industry6 dl dd h3{ display: block;font-size: 2.4em;text-align: left;margin-bottom: 50px;font-family: font2018;letter-spacing: 2px; color:#fff; text-transform: uppercase; }
.p-s-Industry6 dl dd h5{font-family: font2018;letter-spacing: 2px;text-align: left;line-height: 30px;  color:#eee;}
.p-s-Industry6 dl img{ display: block;width: 63%;float: right;margin-bottom: 7%;}
.p-s-Industry6 dl p{ position: absolute;width: auto;height: auto;background: #10a56f;bottom: 0;right: 0;padding: 5%;}
.p-s-Industry6 dl p span{ display: block;color: #fff;font-size: 1.4em;letter-spacing: 2px;font-family: font2018;line-height: 1em;margin-bottom: 20px;}
.p-s-Industry6 dl p font{ display: block;color: #fff;font-size: 16px;letter-spacing: 2px;font-family: font2018;line-height: 30px; }


.p-s-Industry7{ display: block;overflow: hidden; padding:120px 5%; position: relative; background: #f8f8f8;  }
.p-s-Industry7 dd{display: block;width: 30%;margin: 0 5% 0 0;overflow: hidden; float: left;}
.p-s-Industry7 dd:nth-child(3){margin:0;}
.p-s-Industry7 dd h4{display: block;overflow: hidden;}
.p-s-Industry7 dd h4 span{display: block;float: left;width: 30%;height: 1px;background: #ccc;    margin: 1em 0 0 0;}
.p-s-Industry7 dd h4 font{display: block;float: right;width: 65%;  font-family: font2018;letter-spacing: 2px;font-size:18px; text-transform: uppercase;  }
.p-s-Industry7 dd img{display: block;width: 100%; margin:0 0 30px 0}




/*******************************宸ヤ笟鍒堕€犲紑濮�******************************************/










/*******************************绉戞妧鏁扮爜寮€濮�******************************************/

.p-s-science1{display: block;overflow: hidden; padding: 0; position: relative; }
.p-s-science1 h5{display: block;width:100%;margin: 0 auto 50px;overflow: hidden;position: relative;z-index: 3;}
.p-s-science1 h5 span{ display: inline-flex;width: 18%;height: 1px;background: #eee;margin: 0.1em 0 0 1em;}
.p-s-science1 h5 font{ display: inline-flex;text-transform: uppercase;font-family: font2018;font-size: 14px;letter-spacing: 2px; color:#fff; }
.p-s-science1 dl{    display: block;overflow: hidden;position: relative;  padding:5% 10%;}
.p-s-science1 dl p{position: absolute;width: 50%;height: 100%;background: #10a56e;top: 0;left: 0;}
.p-s-science1 dl img{display: block;float: left;width: 50%;    position: relative;z-index: 3;}
.p-s-science1 dl dd{ display: block;float: right;width: 40%; padding:5%;position: relative;z-index: 3;}
.p-s-science1 dl dd h4{    display: block; overflow: hidden; margin-bottom:30px;  }
.p-s-science1 dl dd h4 span{display: block;float: left;width: 30%;height: 1px;background: #ccc;margin: 1em 0 0 0;}
.p-s-science1 dl dd h4 font{ display: block;float: right;width: 65%;font-family: font2018;letter-spacing: 2px;font-size: 18px;}
.p-s-science1 dl dd h3{    display: block;font-size: 2.4em;text-align: left;margin-bottom: 50px;font-family: font2018;letter-spacing: 2px;}
.p-s-science1 dl dd h6{display: block;font-family: font2018;letter-spacing: 2px; line-height: 30px;    font-size: 1.1em; color: #444;}



.p-s-science2{ display: block;overflow: hidden; padding:120px 5%; position: relative; background: #333;  }
.p-s-science2 .p-s-science2-1,.p-s-science2 .p-s-science2-2,.p-s-science2 .p-s-science2-3{ display: block;overflow: hidden; position: relative; }
.p-s-science2 .p-s-science2-1 dd{top: 50%; margin-top: -60px; right:36%;width: 33.3333%;overflow: hidden;height: auto;position: absolute;text-align: right;}
.p-s-science2 .p-s-science2-1 dd h4{ display: block;overflow: hidden;text-align: right;}
.p-s-science2 .p-s-science2-1 dd h4 span{display: inline-block;  width: 100px;height: 1px;background: #ccc;     margin: 0.6em 0 0 0.5em; vertical-align: top;}
.p-s-science2 .p-s-science2-1 dd h4 font{ display: inline-block;text-align: right;color: #fff;font-family: font2018;letter-spacing: 2px;font-size: 14px;}
.p-s-science2 .p-s-science2-1 dd h5{}
.p-s-science2 .p-s-science2-1 dd h5 span{display: block;text-align: right;color: #fff;font-family: font2018;letter-spacing: 2px;font-size: 1em;}
.p-s-science2 .p-s-science2-1 dd h5 font{ display: block;text-align: right;color: #fff;font-family: font2018;letter-spacing: 2px;font-size: 1.6em; margin:0.5em 0; }
.p-s-science2 .p-s-science2-1 dt{display: block;float: right;width: 33.333%;overflow: hidden;background: #10a56e;  position: relative; }
.p-s-science2 .p-s-science2-1 dt img{display: block;float: left;width: 50%;}
.p-s-science2 .p-s-science2-1 dt span{position: absolute;color: #fff;width: 50%;top: 50%;font-family: font2018;letter-spacing: 2px;text-align: center;height: 30px;line-height: 30px;margin-top: -15px; right: 0; }


.p-s-science2 .p-s-science2-2 dt{display: block;float: left;width: 33.333%;overflow: hidden;background: #10a56e;  position: relative; }
.p-s-science2 .p-s-science2-2 dt img{ display: block;float: left;width: 50%; }
.p-s-science2 .p-s-science2-2 dt span{position: absolute;color: #fff;width: 50%;top: 50%;right:0;font-family: font2018;letter-spacing: 2px;text-align: center;height: 30px;line-height: 30px;margin-top: -15px;}

.p-s-science2 .p-s-science2-2 dt:nth-child(3) img{float:right;}
.p-s-science2 .p-s-science2-2 dt:nth-child(3) span{right:50%;}

.p-s-science2 .p-s-science2-3 #p-s-science2-3-1{    position: absolute;width: 33.3333%;top: 0;left: 0;height: 100%;}
.p-s-science2 .p-s-science2-3 dl{ display: block;overflow: hidden;width:49.999999%;margin: 0 0 0 33.33333%;}
.p-s-science2 .p-s-science2-3 dl dd{display: block;overflow: hidden;}
.p-s-science2 .p-s-science2-3 dl dd span{ display: block;background: #10a56e; color:#fff; float: left;width: 33.333333%;padding: 8em 0;text-align: center;font-family: font2018;letter-spacing: 1px;}
.p-s-science2 .p-s-science2-3 dl dd #p-s-science2-3-3{ display: block;float: left;width: 33.3333%; }
.p-s-science2 .p-s-science2-3 dl dd #p-s-science2-3-4{ display: block;float: left;width: 66.6666%; }
.p-s-science2 .p-s-science2-3 #p-s-science2-3-2{    position: absolute;width: 16.666666%;top: 0;right: 0;height: 100%;}

.p-s-science2-4{  padding: 100px 10% 50px; }
.p-s-science2-4 dd h3,.p-s-science2-4 dd h4 font{ color:#fff;}
 
 
.p-s-science3{ display: block;overflow: hidden;  width:80%; margin:120px auto 0;  position: relative;    padding-top: 3%; }
.p-s-science3 p{position: absolute;top: 0;left: 0;background: #10a56f;padding: 10%;}
.p-s-science3 dl{display: block;overflow: hidden;  position: relative;}
.p-s-science3 dl dd{display: block;position: absolute;top: 0;width: 26%;height: 100%;right:60%; background: #f8f8f8;  padding:0 5%;}
.p-s-science3 dl dd h4{ display: block;overflow: hidden; margin: 4em 0 30px; }
.p-s-science3 dl dd h4 span{    display: block;float: left;width: 30%;height: 1px;background: #ccc;margin: 1em 0 0 0;}
.p-s-science3 dl dd h4 font{ display: block;float: right;width: 65%;font-family: font2018;letter-spacing: 2px;font-size: 18px;}
.p-s-science3 dl dd h3{ display: block;font-size: 2.4em;text-align: left;margin-bottom: 30px;font-family: font2018;letter-spacing: 2px;}
.p-s-science3 dl dd h5{font-family: font2018;letter-spacing: 2px; font-size: 1.1em; line-height: 30px;color: #444;}
.p-s-science3 dl img{ display: block;float: right;width: 60%;}



.p-s-science4{ display: block;overflow: hidden; position: relative; padding: 120px 0;  border-bottom: 1px solid #eee; }



/*******************************绉戞妧鏁扮爜缁撴潫******************************************/











/*******************************椋熷搧鍖栧伐缁撴潫******************************************/

.p-s-food1{ display: block;overflow: hidden; padding:120px 0; position: relative; }



/*******************************椋熷搧鍖栧伐缁撴潫******************************************/