*{ margin:0; padding:0; list-style:none;outline: 0;}
body, html { height: 100%; }
body {font-size: 12px; line-height: 22px; font-family: arial, sans-serif; min-width: 980px;	color: #828282;}

a { color: #ff9031; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a.dot { background: url(images/dot.png) no-repeat 0 5px; text-decoration: underline; padding-left: 7px;  }
a.dot:hover { text-decoration: none; }
a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.shell { width: 980px; margin: 0 auto; }

/* header   */
.header {background: url(images/header-bg.jpg);background-size:100% ;height: 514px; background-color: #f9a743;top: 0px;left: 0px;background-position: 50% 50%; background-size: cover; opacity: 1;}
.header .shell { position: relative; height: 100%; }/* shell   background: url(images/header-img.png) no-repeat 391px 0; */
#wrapper { min-height: 100%; height: auto !important; height: 100%;background: url(images/5-13050GTF9-50.png);}
#wrappera { min-height: 100%; height: auto !important; height: 100%;background: url(images/header-bg3.jpg);}
#wrapperb { min-height: 100%; height: auto !important; height: 100%;background: url(images/bodyback.jpg);}
#wrapperd { min-height: 100%; height: auto !important; height: 100%;}

/* contact--header   */
.header7 {background: url(images/bg_contact2.jpg);background-size:100% ;height: 744px; background-color: #f9a743;top: 0px;left: 0px;background-position: 100% 100%; background-size: cover; opacity: 1;}
.header7 .shell { position: relative; height: 100%; }/* shell   background: url(images/header-img.png) no-repeat 391px 0; */
#logo { width: 191px; font-size: 0; line-height: 0; float: left; }
#logo a { height: 111px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; display: block; }

.testimonials { width: 285px;  padding: 7px 9px 9px; position: absolute; top: 30px; left: 290px; background: url(images/testimonials.png) repeat 0 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); 
}
.testimonials h4 { color: #cf362d; font-size: 15px; text-align: center; font-family: 'museo', arial, helvetica, serif; font-weight: normal;text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; padding-bottom:  4px; }
.testimonials p { float: right; color: #b67a70; }
.testimonials .testimonials-slider { width: 285px; height: 44px; position: relative; }
.testimonials .testimonials-slider ul.slides { list-style: none; list-style-position: outside;  }
.testimonials .testimonials-slider ul.slides ul li { width: 285px; height: 44px; float: left; }
.testimonials .rating { float: left; }
.testimonials .rating  a.active { background: url(images/star.png) no-repeat 0 0; margin-left: 4px; float: left; width: 20px; height: 20px;   }
.testimonials .rating  a { background: transparent; }

.header-right { float: right; width: 264px; position: relative; margin-right: -10px;  }
.subscribe { width: 120px; height: 54px; background: url(images/subscribe.png) no-repeat 0 0; float: left; font-family: 'museo', arial, helvetica, serif; line-height: 48px; padding: 0px 20px;  }
.subscribe a { color: #fff; font-size: 16px; position: relative;padding-top:2px; padding-left: 40px; }
.subscribe a span { background: url(images/sbubscribe-ico.png) no-repeat 0px 0px; width: 34px; height: 34px; position: absolute; display: block;  top: -5px; left: 0; }
.subscribe a:hover { color: #f6c387; text-decoration: none; }

.socials a { background: url(images/socials.png) no-repeat 0 0; width: 50px; height: 52px;  font-size: 0; line-height: 0; text-indent: -4000px; float: left; transition: margin 0.2s;-moz-transition: margin 0.2s;-webkit-transition: margin 0.2s;
-o-transition: margin 0.2s; }
.socials a.twitter-ico { background-position: right 0; }
.socials a.twitter-ico:hover { background-position: right -55px; }
.socials a:hover { background-position: 0 -55px; margin-top: -5px; }
/* .main { background: url(images/wrapper.png) repeat-x 0 0; }*/

/* weixin */
.socials .socials_nr{width:90px; height:112px; padding:5px; background:#fff; text-align:center; position:absolute; left:270px; top:0px; display:none;}
.socials .socials_nr img{ margin-bottom:1px;}
.socials .socials_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.socials.on .socials_nr{ display:block;}
/* end of weixin */

#navigation { background: url(images/navigation.png) no-repeat 0 0; width: 984px; height: 90px; padding-top: 9px; padding-left: 20px;  position: absolute; top: 115px; left: -10px; z-index: 100; }
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { float: left; font-size: 18px; font-family: 'museo', arial, helvetica, serif; background: url(images/nav-border.png) no-repeat right 0; line-height: 48px; padding: 0 29px; }
#navigation ul li.last { background: transparent; }
#navigation ul li a { font-weight:bold; color: #fff; text-shadow: rgba(0,0,0,0.6) 0px 1px 0px; }
#navigation ul li a:hover { text-decoration: none; color: #f6c387; }
/* end of header */

/* about */
.slider-holder { width: 922px; height: 340px; padding: 60px 70px; overflow: hidden; position: relative; background: url(images/slider.png) no-repeat 0 0; position: absolute; top: 125px; left: -44px; z-index: 5;}
.slider-holderp { width: 922px; height: 340px; padding: 60px 70px; overflow: hidden; position: relative; background: url(images/slider6.png) no-repeat 0 0; position: absolute; top: 125px; left: -44px; z-index: 5;}
.slider-holderc { width: 922px; height: 340px; padding: 60px 70px; overflow: hidden; position: relative; background: url(images/slider3.png) no-repeat 0 0; position: absolute; top: 125px; left: -44px; z-index: 5;}
.slider-holderhr { width: 922px; height: 340px; padding: 60px 70px; overflow: hidden; position: relative; background: url(images/slider4.png) no-repeat 0 0; position: absolute; top: 125px; left: -44px; z-index: 5;}

.big-slider { width: 922px; height: 340px; overflow: visible; position: static; }
.big-slider ul.slides { position: relative; list-style: none; list-style-position: outside; overflow: visible; }
.big-slider ul.slides li { position: relative; width: 922px; height: 340px; float: left;  }
.big-slider ul.slides li img { width: 330px; height: 313px; margin-top: 26px; margin-right: 24px; margin-left: 40px; }
.big-slider ul.slides .slide-cnt { width: 490px; float: left; padding-top: 47px; }
.big-slider ul.slides .slide-cnt h2 { font-size: 36px; color: #ff9031; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; line-height: 53px; padding-bottom: 4px; }
.big-slider ul.slides .slide-cnt p { font-size: 16px; padding-bottom: 4px; }
.big-slider ul.slides .slide-cnt a.red-btn { width: 154px; height: 58px; text-align: center; line-height: 50px; margin-top: 6px;  position: relative; left: -5px; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; font-size: 14px; display:block; background: url(images/red-btn.png) no-repeat 0 0;}
.big-slider ul.slides .slide-cnt a.red-btn:hover { text-decoration: none; color: #f6c387;  }
.slider-holder span.left { background: url(images/left.png) no-repeat 0 0; width: 21px; height: 130px; position: absolute; left: 55px; top: 147px; z-index: 1000;} 
.slider-holder span.right { background: url(images/right.png) no-repeat 0 0; width: 21px; height: 130px; position: absolute; right: 51px; top: 147px; z-index: 1000;} 

#loutinav {	width: 35px;	position: fixed;	top: 100px;	left: 50px;	border: 1px solid #ddd;	display: none;	}
#loutinav ul li {	width: 35px;	height: 32px;	border-bottom: 1px dotted #DDDDDD;	list-style: none;	font-size: 12px;	text-align: center;	position: relative;	cursor: pointer;	padding: 10px 0;	background: #918888;	color: #fff;}
#loutinav ul li span {	width: 35px;	height: 32px;	padding: 10px 0;	position: absolute;	top: 0;	left: 0;}
#loutinav ul li.last {	background: #5e4a4a;	color: #fff;	border-bottom: 1px solid #ddd;}
#loutinav ul li.active span {	background: #c00;	color: #fff;	display: block;}
#loutinav ul li:hover span {	background: #c00;	color: #fff;	display: block;}
#main {	width: 980px;margin: 0 auto;padding-top: 101px; min-height: 510px;}
#main .louti {	height: auto;	width: 980px;	font-size:18px;text-align: center;padding-top: 40px;}
#main .louti h5 { font-size: 32px;text-align: center; color: #c73331; padding-bottom: 24px; text-shadow: 0 2px 0 #fff;display: block;font-weight: 400;}
#main .louti p { text-align: left; text-indent:40px;line-height: 30px; font-size: 20px;color: #404d5b; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }
#main .louti h1 {font-size: 24px;    color: #f9a743;font-weight: 400;}
/* end of about */

/* products */
.big-sliderp { width: 922px; height: 340px; overflow: visible; position: static; }
.big-sliderp ul.slidesp {}
.big-sliderp ul.slidesp li {}
.big-sliderp ul.slidesp .slide-cntp { width: 950px; float: left; padding-top: 190px;}
.big-sliderp ul.slidesp .slide-cntp h2 { font-size: 32px; color: #c73331; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; line-height: 53px; padding-bottom: 4px;  text-shadow: 0 2px 0 #fff;text-align: center; }
.big-sliderp ul.slidesp .slide-cntp p { font-size: 22px; color: #404d5b;padding: 0px 20px 0px 10px; line-height: 1.4;font-family: 'museo700',arial, STLiti, serif; font-weight: normal; text-align: center;}

.wrapperp {  margin: 0 auto;  margin-top:8%; }
.main h3 { font-size: 24px; font-family: 'museo', arial, helvetica, serif; font-weight: normal; color: #c73331; padding-bottom: 14px; text-shadow: 0 1px 0 #fff; } 
.main .products { width: 990px; padding-bottom: 58px; margin-bottom: 20px;  margin-top: 80px;}
.main .products h3 { text-align: center; }
.main .products h5 { font-size: 32px;text-align: center; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; color: #c73331; padding-bottom: 12px; text-shadow: 0 2px 0 #fff;margin-top: 40px;}
.main .products p{ }
.main .products h6 {text-align: center;}
.main .products h6 a{ font-size: 24px;text-align: center; font-family: STHeiti, "Microsoft YaHei", SimSun; color: #1fb554; text-shadow: 0 2px 0 #fff;}

.line-blue {margin: 12px auto 0;    width: 100px;    border-bottom: 4px solid #55d8ff;}
.line-green {margin: 12px auto 0;    width: 100px;    border-bottom: 4px solid #1fb554;}
.line-yellow {margin: 12px auto 0;    width: 100px;    border-bottom: 4px solid #ffb443;}
.line-gray {margin: 0 auto;    width: 600px;    border-bottom: 1px solid #e3e3e3;}

.line-green-a {width: 100px;    border-bottom: 4px solid #85bd02;}
.line-gray-a {width: 600px;    border-bottom: 1px solid #e3e3e3;}

.products ul{position:relative;z-index:1;overflow:hidden;list-style:none;padding:5px}
.products ul li{position:relative;display:inline-block;width:290px;margin:30px 15px 30px 19px;}
.products ul img{border:none;width:280px;height:280px;}
a.gallery_links{position:relative;text-decoration:none}
a.gallery_links:after{content:attr(data-tooltip);position:absolute;bottom:0;background:#fff;padding:5px 15px;color:#ff6700;font-family:'Open Sans',sans-serif;white-space:nowrap;opacity:0;transition:all .4s ease;width:auto;}
a.gallery_links:before{content:"";position:absolute;width:10px;height:10px;transition:all .4s ease;opacity:0;left:30%;bottom:90%}
a.gallery_links:hover:after{bottom:100%}
a.gallery_links:hover:before{bottom:70%}
a.gallery_links:hover:after,a.gallery_links:hover:before{opacity:1}
.products .gallery .pic{border:5px solid #fff;position:relative;display:inline-block;width:280px;height:280px;background:#fff;-webkit-box-shadow:0 1px 4px #ccc,0 0 40px #ccc inset;-moz-box-shadow:0 1px 4px #ccc,0 0 40px #ccc inset;box-shadow:0 1px 4px #ccc,0 0 40px #ccc inset}
.products ul li .pic:after,.products ul li .pic:before{content:'';z-index:-1;position:absolute;left:10px;bottom:10px;width:70%;height:55%;-webkit-box-shadow:0 15px 16px #6b6b6b;-moz-box-shadow:0 15px 16px #6b6b6b;box-shadow:0 15px 16px #6b6b6b;-webkit-transform:skew(-15deg) rotate(-6deg);-moz-transform:skew(-15deg) rotate(-6deg);-ms-transform:skew(-15deg) rotate(-6deg);-o-transform:skew(-15deg) rotate(-6deg);transform:skew(-15deg) rotate(-6deg)}
.products .gallery .pic:after{left:auto;right:11px;-webkit-transform:skew(15deg) rotate(6deg);-moz-transform:skew(15deg) rotate(6deg);-ms-transform:skew(15deg) rotate(6deg);-o-transform:skew(15deg) rotate(6deg);transform:skew(15deg) rotate(6deg)}
.main .products .gallery .desc{font-size: 15px;text-align: center; padding: 6px 6px 6px 6px;overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.main .products .gallery .price{font-size: 15px;text-align: center; padding: 1px 6px 6px 6px;overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;color: #ff6700;}
.main .products .gallery p span{font-size: 12px;text-align: center; }


/* end of products */

/* certification */
.big-sliderc { width: 922px; height: 340px; overflow: visible; position: static; }
.big-sliderc ul.slidesc {}
.big-sliderc ul.slidesc li {}
.big-sliderc ul.slidesc .slide-cntc { width: 950px; float: left; padding-top: 100px;}
.big-sliderc ul.slidesc .slide-cntc h2 { font-size: 32px; color: #c73331; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; line-height: 33px; padding-bottom: 4px;  text-shadow: 0 2px 0 #ddd;text-align: center; }
.big-sliderc ul.slidesc .slide-cntc h3 { font-size: 28px; color: #c73331; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; line-height: 33px; padding-bottom: 4px;  text-shadow: 0 2px 0 #ddd;text-align: center; }
.big-sliderc ul.slidesc .slide-cntc p { font-size: 22px; color: #404d5b;padding: 0px 20px 0px 10px; line-height: 1.4;font-family: 'museo700',arial, STLiti, serif; font-weight: normal; text-align: center;}

.main .cards { padding-bottom: 58px; margin-bottom: 20px;    margin-top: 120px;height: 330px;}
.main .cards h3 { text-align: center; }
.main .cards h5 { font-size: 32px;text-align: center; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; color: #c73331; padding-bottom: 34px; text-shadow: 0 2px 0 #fff;}
.main .cards .card-header { width: 244px;height:320px;float: left; overflow:hidden;    margin-bottom: 7px;}

.main .cardsb { width: 990px; padding-bottom: 38px;  margin-top: 20px;}
.main .cardsb h3 { text-align: left;  font-size: 22px;}
.main .cardsb h5 { font-size: 32px;text-align: center; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; color: #c73331; padding-bottom: 24px; text-shadow: 0 2px 0 #fff;}
.main .cardsb p { text-align: left; line-height: 30px;font-size:20px;margin: 15px auto;  text-indent:25px; color: #404d5b; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }

.main .certif { width: 990px; padding-bottom: 38px;  margin-top: 20px;}
.main .certif h2 { text-align: left;  font-size: 14px;}
.main .certif h4 { text-align: left; line-height: 30px;font-size:20px;margin: 15px auto;  text-indent:25px; color: #404d5b; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);font-weight: normal;}
.main .certif h5 { font-size: 32px;text-align: center; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; color: #c73331; padding-bottom: 24px; text-shadow: 0 2px 0 #fff;}
.main .certif p { text-align: left; line-height: 20px;font-size:14px;margin: 15px auto;}
.main .certif .cer{border: 1px solid #ccc;box-shadow:0 1px 1px rgba(0,0,0,.5);cursor:pointer;transition:all .5s cubic-bezier(.8,.5,.2,1.4);}

.cardt{flex:1;flex-basis:300px;flex-grow:0;height:300px;width:220px; float: left;margin-left: 10px;background:#fff;border:4px solid #fff;box-shadow:0 4px 7px rgba(0,0,0,.5);cursor:pointer;transition:all .5s cubic-bezier(.8,.5,.2,1.4);overflow:hidden;position:relative}
.cardt img{width:100%;height:100%;transition:all .5s cubic-bezier(.8,.5,.2,1.4)}
.descriptions{position:absolute;top:0;left:0;background-color:rgba(255,255,255,.7);width:100%;height:100%;transition:all .7s ease-in-out;padding:10px;box-sizing:border-box;clip-path:circle(0 at 100% 100%)}
.cardt:hover .descriptions{left:0;transition:all .7s ease-in-out;clip-path:circle(75%)}
.cardt:hover{transition:all .5s cubic-bezier(.8,.5,.2,1.4);box-shadow:0 2px 3px rgba(0,0,0,.3);transform:scale(.97)}
.cardt:hover img{transition:all .5s cubic-bezier(.8,.5,.2,1.4);transform:scale(1.6) rotate(20deg);filter:blur(3px)}
.cardt h1{color:#ff3838;letter-spacing:1px;margin:0}
.cardt p{line-height:24px;height:60%}
.cardt button{width:fit-content;height:40px;cursor:pointer;border-style:none;background-color:#ff3838;color:#fff;font-size:12px;outline:0;box-shadow:0 2px 3px rgba(0,0,0,.4);transition:all .5s ease-in-out}
.cardt button:hover{transform:scale(.95) translateX(-5px);transition:all .5s ease-in-out}

/* end of certification */

/* technology */
.main .cardtc{width: 990px; padding-bottom: 38px; margin-top: 20px;text-align: center;}
.main .cardtca{width: 990px;height: 50px; margin-top: 20px;text-align: center;}
.main .cardtc h1{font-size: 32px;text-align: center; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; color: #c73331; padding-bottom: 24px; text-shadow: 0 2px 0 #fff;}
.main .cardtc h2{font-size: 28px;text-align: center; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; color: #0ca542; padding-bottom: 24px; text-shadow: 0 2px 0 #e8f2f6;}
.main .cardtc img{border: 1px solid #dee2e6;width:990px;box-shadow: 0 4px 15px 0 #f6f9fa;}
.main .cardtc p { text-align: left; line-height: 30px;font-size:20px;margin: 15px auto;  text-indent:25px; color: #404d5b; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }

.main .cardtd{width: 990px; margin-top: 20px;text-align: center;}
.main .cardtd img{border: 1px solid #dee2e6;width:990px;box-shadow: 0 4px 15px 0 #f6f9fa;}
/* end of technology */

/* hr */
.main .hrs { width: 990px; padding-bottom: 58px;  margin-top: 80px;}
.main .hrs h3 { text-align: left;  font-size: 22px;}
.main .hrs h5 { font-size: 32px;text-align: left; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; color: #343a40; padding-bottom: 12px; text-shadow: 0 2px 0 #fff;margin-top: 20px;}
.main .hrs p { text-align: left; line-height: 30px;font-size:18px;margin: 15px auto; color: #343a40}
.main .hrs img{}
.main .hrs .hrcols{ text-align: left; width: 990px;height: 400px;margin: 0 auto; }
.hrs .hrcols .hrcols-a{ text-align: left; width: 60%; height: auto; margin-top: 15px;float: left;}
.hrs .hrcols .hrcols-b{ text-align: left; width: 40%; height: auto; margin-top: 10px;float: left;}
.hrs .hrcols .hrcols-b li{width:198px;float: inherit;}
.hrs .hrcols img{display:block;;width:560px;}
.btn-letter{display:inline-block;margin:0 .05em;position:relative;transition:transform .3s,opacity .3s ease}
.hrs .hrcols .txtBtn{margin-top: 8px; width: 140px; height: 34px; border: 1px solid #85bd02; border-radius: 18px; font-size: 18px; color: #85bd02; line-height: 34px; display: inline-block; text-align: center; text-decoration: none;}
.hrs .hrcols .tile{width:150px;height:50px;float:right;margin-left:45px;margin-bottom:10px;margin-top:20px;display:inline-block;background-size:cover;position:relative}
.hrs .hrcols .txtBtn:hover{}

.btn-hover{width: 140px; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; margin:20px 20px 20px 40px;; height: 40px; text-align:center; border: none; background-size: 300% 100%; border-radius: 50px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.btn-hover:hover{background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.btn-hover.color-5{background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);}
.btn-hover.color-8 {background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);}

.main .hrv { width: 990px; padding-bottom: 58px;  margin-top: 80px;}
.main .hrv h3 { text-align: left;  font-size: 22px;}
.main .hrv h5 { font-size: 32px;text-align: left; font-family: 'museo700',arial, STLiti, serif; font-weight: normal; color: #343a40; padding-bottom: 12px; text-shadow: 0 2px 0 #fff;margin-top: 20px;}
.main .hrv p { text-align: center; line-height: 30px;font-size:22px;margin: 15px auto; color: #343a40;}
.main .hrv ul {text-align:center;}
.main .hrv ul img{border: 1px solid #dee2e6;width:950px;background: #fff;padding: 8px;position: relative;box-shadow: 0 1px 3px rgb(0 0 0 / 10%);}
/* end of hr */

/* contact */
.contact { width: 922px; height: 340px; padding: 60px 70px; overflow: hidden; position: relative; background: url(images/slider.png) no-repeat 0 0; position: absolute; top: 125px; left: -44px; z-index: 5;}
.contact span.left { background: url(images/left.png) no-repeat 0 0; width: 21px; height: 130px; position: absolute; left: 55px; top: 147px; z-index: 1000;} 
.contact span.right { background: url(images/right.png) no-repeat 0 0; width: 21px; height: 130px; position: absolute; right: 51px; top: 147px; z-index: 1000;} 
.contact-slidera { width: 410px; height: 340px; overflow: visible; position: static;float: left; margin: 30px 30px;}
.contact-slidera .cnt h4 { color: #cf362d; font-size: 22px; text-align: left;}
.contact-slidera .cnt p { font-size: 18px;  padding: 13px;text-shadow: 0px 0px 1px #828282;} 
.contact-slidera .cnt .icono-home{    margin-top: 10px;}
.contact-sliderb { width: 448px; height: 310px; overflow: visible; position: static; float: left;margin-top: 25px;box-shadow: 2px 3px 15px rgba(0,0,0,0.1);   border: 0px solid #7fba00;}
/* end of contact */

	/* add-weixin */
.contact_main { }
.contact_shell { }
.week_weixin{margin-top:-220px;background-size:cover;background-attachment:fixed;padding:80px 0}
.week_container{margin:0 auto;padding:0 12px;max-width:1164px;min-width:1024px}
.week_container2{margin:0 auto -100px;padding:0 12px;max-width:1164px;min-width:1024px}
.week_weixin h3{margin:0 auto;font-size:32px;width:60%;line-height:1.75;text-align:center;color:#fff;font-weight:400}
.week_weixin p{margin:0 auto;font-size:16px;width:80%;line-height:1.75;text-align:center;color:#eee}
.week_weixin-p img{display:block;margin:0 auto;width:160px;height:160px;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.week_weixin-o img{display:block;margin:0 auto;width:160px}
	/* end of add-weixin */


.big-slider { width: 854px; height: 340px; overflow: visible; position: static; }
.big-slider ul.slides .slide-cnt { width: 790px; float: left; padding- top: 0px; }

.container{margin: 0px 0px 0px 75px;}

/* wave */
@keyframes move_wave{0%{transform: translateX(0) translateZ(0) scaleY(1)} 50%{transform: translateX(-25%) translateZ(0) scaleY(0.55)} 100%{transform: translateX(-50%) translateZ(0) scaleY(1)}}
.waveWrapper{overflow: hidden; position: relative; left: 0; right: 0; bottom: 0; top: 0; margin-top: -1px; height: 80px;}
.waveWrapperc{overflow: hidden; position: relative; left: 0; right: 0; bottom: 0; top: 0; margin: auto; height: 80px;background: url(images/bodyback.jpg);}
.waveWrapperd{overflow: hidden; position: relative; left: 0; right: 0; bottom: 0; top: 0; margin: auto; height: 80px;}
.waveWrapperInner{position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; background-image: linear-gradient(to top, #fff 20%, #fff 80%);background: url(images/header-bg3.jpg);}
.waveWrapperInnerp{position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; background-image: linear-gradient(to top, #fff 20%, #fff 80%);background: url(images/5-13050GTF9-50.png);}
.waveWrapperInnert{position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; background-image: linear-gradient(to top, #fff 20%, #fff 80%);background: url(images/5-13050GTF9-50.png);}
.waveWrapperInnerc{position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; background-image: linear-gradient(to top, #fff 20%, #fff 80%);background: url(images/bodyback.jpg);}
.waveWrapperInnerd{position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; background-image: linear-gradient(to top, #fff 20%, #fff 80%);}
.waveWrapperInnerh{position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; background-image: linear-gradient(to top, #fff 20%, #fff 80%);background: url(images/5-13050GTF9-50.png);}
.waveWrapperInnercc{position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; background-image: linear-gradient(to top, #fff 20%, #fff 80%);background: url(images/5-13050GTF9-50.png);}
.bgTop{z-index: 15; opacity: 0.0;}
.bgMiddle{z-index: 10; opacity: 0.75;}
.bgBottom{z-index: 5;}
.wave{position: absolute; left: 0; width: 200%; height: 100%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom;}
.waveTop{background-size: 50% 100px;}
.waveAnimation .waveTop{animation: move-wave 3s; -webkit-animation: move-wave 3s; -webkit-animation-delay: 1s; animation-delay: 1s;}
.waveMiddle{background-size: 50% 80px;}
.waveAnimation .waveMiddle{animation: move_wave 10s linear infinite;}
.waveBottom{background-size: 50% 60px;}
.waveAnimation .waveBottom{animation: move_wave 15s linear infinite;}

/* footer   */
#footer, #footer-push { height: 58px; }
#footer { background: url(images/footer2.png) repeat-x 0 0;padding-top: 10px; height: 80px;  background-color: #f3a74c;}
#footer .footer-nav { float: left;width: 700px; }
#footer .footer-nav ul { list-style: none; list-style-position: outside; }
#footer .footer-nav ul li { float: left; line-height: 21px; padding: 0 10px; font-size: 16px; color: #fbe0c0;}
#footer .footer-nav ul li span {float:left; width:30px; text-align:center; }
#footer .footer-nav .iconfooter{opacity: 0.8;}
#footer .footer-nav ul li a { color: #fbe0c0; }
#footer .footer-nav ul li a:hover { color: #fff; text-decoration: none;  }
#footer .footer-nav ul li.last { border-right: 0; padding-right: 0; }
#footer p.copy { color: #fbe0c0; font-size: 14px; float: left; line-height: 11px; padding: 0 10px; margin-left: 30px; margin-top: 4px;}
#footer p.copy span { padding: 0 20px; color: #cf8832;  }
#footer p.copy a { color: #fbe0c0; text-decoration:none; }
#footer p.copy a:hover { color: #fff; text-decoration: none; }
/* end of footer */


/* message   */
.main-group{display:flex;justify-content:center;align-items:center;padding-bottom:80px;}
.box-group{width:670px;height:430px;position:relative;}

.box-group .left-group{width:320px;height:360px;background:#f3a74d;background:url(images/oranges-1.png);position:absolute;left:0;top:35px;color:#fff;z-index:1;box-sizing:border-box;padding:40px;}
.box-group .left-group .title{font-size:16px;font-weight:bold;}
.box-group .left-group .icon-group{margin-top:33px;}
.box-group .left-group .icon-group li{margin-top:26px;display:flex;align-items:center;}
.box-group .left-group .icon-group li img{width:25px;height:25px;margin-right:10px;}

.box-group .right-group{width:670px;box-sizing:border-box;padding:45px 40px 20px 40px;height:100%;background:#fff;position:absolute;right:0;box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 10px 40px 0 #fbe0c0;border-radius:55px;margin:0 auto;    border: 1px solid #ffb443;}
.box-group .right-group .title{color:#18354a;font-size:20px;font-weight:bold;}
.box-group .right-group .form-group{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:30px;}
.box-group .right-group .form-group .input-group{position:relative;margin:0 0 35px 0;}
.box-group .right-group .form-group .input-group.w50{width:47%;}
.box-group .right-group .form-group .input-group.w100{width:100%;}
.box-group .right-group .form-group .input-group input,.box-group .right-group .form-group .input-group textarea{width:100% !important;padding:5px 0;font-size:14px;color:#666;border:0;border-bottom:1px solid #777;outline:none;resize:none;}
.box-group .right-group .form-group .input-group textarea{min-height:60px;}
.box-group .right-group .form-group .input-group span{position:absolute;left:0;padding:5px 0;font-size:14px;color:#666;transition:0.3s;pointer-events:none;}
.box-group .right-group .form-group .input-group input:focus ~ span,.box-group .right-group .form-group .input-group textarea:focus ~ span,.box-group .right-group .form-group .input-group input:valid ~ span,.box-group .right-group .form-group .input-group textarea:valid ~ span{transform:translateY(-20px);font-size:12px;letter-spacing:1px;color:#000;}
.box-group .right-group .form-group .input-group button{cursor:pointer;background:#f3a74d;color:#fff;border:0;padding:10px 30px;font-size:14px;background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);    background-size: 300% 100%;    border-radius: 50px;    margin-top: 5px;width: 100px;    height: 45px;}
.box-group .right-group .form-group .input-group button:hover {    background-position: 100% 0;    moz-transition: all .4s ease-in-out;    -o-transition: all .4s ease-in-out;    -webkit-transition: all .4s ease-in-out;    transition: all .4s ease-in-out;}
/* end of message */