@charset "utf-8";
/**
 * by fengsutech
 * 09-23-2014
 */
html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body{font:12px/1.5 '微软雅黑',\5b8b\4f53,Arial,sans-serif;background:#fff;;font-family:"Adobe 黑体 Std R";}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {margin: 0;font: inherit;color: inherit;}
hr {height: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline}
sup {top: -.5em}
sub {bottom: -.25em}
img{border:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
input,label,img,th{vertical-align:middle}
ul,ol,li{list-style:none}
a{text-decoration:none;background: transparent}
a:hover,a:active{text-decoration:none}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline}
abbr[title] {border-bottom: 1px dotted}
pre {overflow: auto}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer}
fieldset {padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0}
legend {padding: 0;border: 0}
textarea {overflow: auto}
optgroup {font-weight: bold}
table{border-collapse:collapse;border-spacing:0}
/*通用样式*/
.clearfix:after,clearfix:before{display:table;content:" ";}
.clearfix:after,.clear{clear:both}

/*页面开始*/
body{}
.nav-yc{
	width:100%;
	height:140px;
	position:fixed;
	background: inherit;
	top:0;
	left:0;
	z-index:99999;
	transform:translateZ(100px);
-ms-transform:translateZ(100px); 	/* IE 9 */
-moz-transform:rtranslateZ(100px); 	/* Firefox */
-webkit-transform:translateZ(100px); /* Safari 和 Chrome */
-o-transform:translateZ(100px);
}
.nav-yc.white{background:rgba(255,255,255,0.6) !important;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .3);  -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .3);  box-shadow:0 1px 2px rgba(0, 0, 0, .3);}
.header-box{width:100%;height:140px;}	  
 .nav-yc::before {
   content: '';
   position: absolute;
   top:0;
   right: 0;
   bottom: 0;
   left: 0;
   background: inherit;
   background-attachment: fixed;
   filter: blur(4px);
}
 .nav-yc::after {
   content: "";
   position: absolute;
   top:0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(255, 255, 255, 0.9);
}	
.header-box{width:100%;height:140px;background:rgba(255,255,255,1);}
.header-box.on{  
  -webkit-box-shadow:0 0 10px rgba(123, 123, 123, .5);  
  -moz-box-shadow:0 0 10px rgba(123, 123, 123, .5);  
  box-shadow:0 0 10px rgba(123, 123, 123, .5);  
} 
.header-box .header{width:1024px;height:140px;margin:0 auto;}
.logo{width:200px;height:220px;float:left;position:relative;z-index:99}
.logo img{max-width:100%;position:absolute;right:0;top:0;height:auto; }

.nav-box{width:820px;height:140px;float: right;padding:20px 50px;}
.nav > li {float:left;position:relative;padding:0 0 32px;z-index:99}
.nav > li > a{padding:28px 0;text-align:center;margin:0 22px;letter-spacing: 2px}
.nav > li > a h2{color:#000;font-size:20px;font-family:"Adobe 黑体 Std R";}
.nav > li > a em{color:#000;font-size:12px;font-family:Myriad Pro;margin-top:5px;display:block;}
.nav > li > a:after{content: "";width: 0;height: 3px;background: #c6b383;display:block;transition: all 0.5s ease 0s;  transform:skew(-30deg);   -webkit-transform: skew(-30deg);   -moz-transform: skew(-30deg);   -o-transform:skew(-30deg);   -ms-transform:skew(-30deg);margin:20px auto 0;  }
.nav > li:hover > a:after{ width: 100%;}
.nav > li > ul{ position: absolute;top:125px;background:#fff;display:none;width:100%;padding:10px 0;text-align:center;z-index:99999}
.nav > li > ul.on{  -webkit-box-shadow:0 0 10px rgba(123, 123, 123, .5);  
  -moz-box-shadow:0 0 10px rgba(123, 123, 123, .5);  
  box-shadow:0 0 10px rgba(123, 123, 123, .5); }
.nav > li > ul > li{ }
.nav > li > ul > li > a{padding:10px 0;color:#000;font-size:16px;font-family:"Adobe 黑体 Std R";position:relative;display:inline-block}
.nav > li > ul > li > a:after{content: "";width: 0%;height: 1px;background: #000;display:block;transition: all 0.5s ease 0s;  transform:skew(-30deg);   -webkit-transform: skew(-30deg);   -moz-transform: skew(-30deg);   -o-transform:skew(-30deg);   -ms-transform:skew(-30deg); margin:10px auto 0; }
.nav > li > ul > li:hover > a:after{ width: 100%;}
.nav > li.on > a:after{ width: 100%;}

.banner-img.about{overflow:hidden;margin-top:140px;}
.banner-box{width:100%;height:100%;clear:both;background:#101010;position:relative;background-image: url(../img/banner.jpg);background-size:cover;background-attachment: fixed;}

.banner-box.about{-webkit-transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);}

.banner-box video{height:720px;width:1280px;display:block;/*object-fit: fill*/}
/*.banner-box .bf{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../img/play.png) no-repeat rgba(0,0,0,0.3) center center;text-align:center;}*/
.banner-box .bf{width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;}
.banner-box.about span:hover svg {-webkit-transform: scale(0.9);transform: scale(0.9); }
.banner-box.about span:hover svg circle { stroke-dashoffset: 0;-webkit-transform: rotate(270deg);transform: rotate(270deg); }
.banner-box.about span:hover svg polygon {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-webkit-transform: scale(0.8);transform: scale(0.8); }
.banner-box.on{-webkit-transform: scale(1.1);transform: scale(1.1);}

.icon-play {position: absolute;z-index: 2;width: 100px;height: 100px;top:50%;left:50%;margin:-50px 0 0 -50px;cursor: pointer;z-index:1}
.icon-play svg {fill: none !important;width:100px;height: 100px;-webkit-transform-origin: center;transform-origin: center; -webkit-transition: 1.2s 0.1s cubic-bezier(0.19, 1, 0.22, 1);transition: 1.2s 0.1s cubic-bezier(0.19, 1, 0.22, 1); }
.icon-play svg circle {fill: none !important;stroke: #FFFFFF !important ;stroke-width: 6px;stroke-dasharray: 190px;stroke-dashoffset: 380px;-webkit-transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate(-90deg);transform: rotate(-90deg); }
.icon-play svg polygon {stroke: #fff !important;fill: #FFFFFF !important; -webkit-transform-origin: center;transform-origin: center;-webkit-transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1); }


#dialog1{display:none;}




.content-wapper{width:100%;background:#fff;position:relative;z-index:2}
.about-content{width:1024px;margin:0 auto;}
.content1-title{text-align:center;padding:110px 0;position:relative;z-index:1;}
.content1-title h2{}
.content1-title h3{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:200px;left:50%;margin-left:-207px;}
.content1-title h3.on{animation:my1 1s; -webkit-animation:my1 1s;animation-fill-mode: forwards;}
.content1-title h5{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:200px;left:50%;margin-left:-80px;}
.content1-title h5.on{animation:my2 1s; -webkit-animation:my2 1s;animation-fill-mode: forwards;}

@font-face{
	font-family: font;
	src: url('aa.ttf');
}
.content1-title h4{font-size:30px;color:#333333;font-family:font;margin-top:30px;}
.about-content .content1-main{width:100%;height:826px;position:relative}
.about-content .content1-main1{width:434px;height:762px;/*background:url(../img/bj1.png) no-repeat 30px center;*/position:absolute;top:33px;left:33px;}

.topLine{width: 0px;height: 8px;background: #c6b383;position:absolute;left: 88px;top: -1px;}
.topLine.on{animation:my3 .3s; -webkit-animation:my3 .3s;animation-fill-mode: forwards;}
.topLine1{width: 0px;height: 8px;background: #c6b383;position:absolute;left: 0px;top: -1px;}
.topLine1.on{animation:my4 .3s; -webkit-animation:my4 .3s;animation-fill-mode: forwards;}
.bottomLine{width: 0px;height: 8px;background: #c6b383;position:absolute;right: 0;bottom: -1px;}
.bottomLine.on{animation:my5 .3s; -webkit-animation:my5 .3s;animation-fill-mode: forwards;}
.leftLine{width: 8px;height: 0px;background: #c6b383;position:absolute;left: -1;bottom: -1px;}
.rightLine{width: 8px;height: 0px;background: #c6b383;position:absolute;right: -1px;top: -1px;}
.leftLine.on{animation:my6 .3s; -webkit-animation:my6 .3s;animation-fill-mode: forwards;}
.rightLine.on{animation:my6 .3s; -webkit-animation:my6 .3s;animation-fill-mode: forwards;}
@keyframes my1{0%{width:0px;}100%{width:396px;}}
@keyframes my2{0%{width:0px;}100%{width:160px;}}
@keyframes my3{0%{width:0px;}100%{width:346px;}}
@keyframes my4{0%{width:0px;}100%{width:20px;}}
@keyframes my5{0%{width:0px;}100%{width:434px;}}
@keyframes my6{0%{height:0px;}100%{height:762px;}}

.about-content .content1-main .content1-lf{color:#3b3b3b;font-size:50px;width:60px;float:left;background:#fff;margin-left:60px;font-weight:500;line-height:60px;}
.about-content .content1-main .content1-rg{height:762px;width:880px;float:right;position:relative;z-index:2;margin-top:33px;}
.about-content .content1-main .content1-rg img{width:100%;position:absolute;top:40px;left:0;}





.about-content .content1-main .content1-rg p{color:#3b3b3b;font-size:18px;width:310px;text-align:justify;line-height:28px;padding:0 5px;position:absolute;bottom:8%;left:0;}

.content2{width:100%;height:980px;position:relative;margin-bottom:150px;overflow:hidden}
.content2 img{display:block;}
.content2 .img1{top:147px;left:290px;width:634px;position:absolute}
.content2 .img1 img{width:100%;}
.content2 img.img3{top:50px;right:0;position:absolute}
.content2 .img3{position:absolute;top:50px;right:0;width:241px;height:173px;}
.content2 .img4{position:absolute;top:50px;right:40px;}
.content2 img.img2{bottom:0;left:105px;position:absolute}
.content2 p{width:456px;height:167px;position:absolute;bottom:0;right:0;color:#3b3b3b;font-size:18px;line-height:30px;}

.content3{width:100%;height:890px;position:relative;margin-bottom:150px;}
.content3 img{display:block;}
.content3 .img2{position:absolute;top:-20px;left:50px;width:660px;height:543px;}
.content3 .img2 img{width:100%;}
.content3 img.img1{top:123px;right:70px;position:absolute}
.content3 img.img3{bottom:0;left:66px;position:absolute}
.content3 .img3{bottom:50px;left:66px;width:182px;height:360px;position:absolute;}
.content3 .img3 .win{}
.content3 .img3 .win1{top:0;position:absolute}
.content3 .img3 .win2{bottom:0;position:absolute}
.content3 .img3 .win-line{top:100px;right:0;position:absolute}


.content3 .img3 .line{height:0;width:3px;background:#f2f2f2;position:absolute;top:100px;right:0;-webkit-transform:rotate(45deg);-moz-transform-origin: 0% 0%;-webkit-transform-origin:0% 0%;-o-transform-origin:0% 0%;	transform-origin:0% 0%;			}
.content3 .img3 .line.on{animation:mymove 1s;-webkit-animation:mymove 1s;animation-fill-mode: forwards;}
@keyframes mymove{from {height:0px;}to {height:218px;}}
@-webkit-keyframes mymove {from {height:0px;}to {height:218px;}}

.content3 p{width:508px;height:206px;position:absolute;bottom:0;left:280px;color:#3b3b3b;font-size:18px;line-height:30px;}

.about-content2{width:100%;background:url(../img/bj2.jpg);background-size:cover; background-attachment: fixed;}
.about-content2 .content4{width:1024px;margin:0 auto;padding:120px 0;overflow:hidden;}
.about-content2 .content4 .content4-lf{width:50%;float:left;padding-top:70px;padding-left:50px;}
.about-content2 .content4 .content4-lf h2{font-size:80px;font-family: Arial;color:#fff;font-weight:bold}
.about-content2 .content4 .content4-lf p{font-size:18px;line-height:30px;color:#fff;width:370px;margin-top:80px;}
.about-content2 .content4 .content4-rg{width:50%;float:left;}
.about-content2 .content4 .content4-rg ul{overflow:hidden;}
.about-content2 .content4 .content4-rg ul li{width:140px;height:140px;overflow:hidden;float:left;margin:15px;background:#fff;border-radius:100%;}
.about-content2 .content4 .content4-rg ul li img{width:100%;}

.about-content3{width:100%;background:url(../img/bj3.png) no-repeat top center;}
.about-content3 .content5{width:1024px;height:905px;margin:0 auto;padding:60px 0;position:relative;overflow:hidden}
.about-content3 .content5 .content5-top{overflow:hidden}
.about-content3 .content5 .content5-top-lf{position:absolute;top:240px; left:0;}
.about-content3 .content5 .content5-top-rg{position:absolute;top:60px;right:50px;}
.about-content3 .content5 h2{color:#3b3b3b;font-size:14px;width:16px;text-align:center}
.about-content3 .content5 .content5-top-lf h2{position:absolute;top:0;right:-25px}
.about-content3 .content5 .content5-top-rg h2{position:absolute;left:-25px;top:0}

.about-content3 .content5 .content5-bottom{margin-top:50px;overflow:hidden}
.about-content3 .content5 .content5-bottom-lf{width:404px;position:absolute;bottom:150px; left:50px;}
.about-content3 .content5 .content5-bottom-rg{position:absolute;bottom:60px;right:0;}
.about-content3 .content5 .content5-bottom-lf p{color:#3b3b3b;font-size:18px}
.about-content3 .content5 .content5-bottom-rg h2{position:absolute;left:-25px;top:12px}

.about-content3 .content6{position:relative;width:1024px;margin:100px auto;height:637px;}
.about-content3 .content6 .content6-font{width:460px;position:absolute;top:0;right:0;padding:80px 0;}
/*.about-content3 .content6 .content6-font h2{font-size:60px;color:#3b3b3b;font-family: Arial;padding-left:30px;}*/
.about-content3 .content6 .content6-font h2{padding-left:30px;}
.about-content3 .content6 .content6-font p{font-size:18px;color:#3b3b3b;line-height:36px;margin-top:30px;}


.about-content3 .content6 .img1{position:absolute;top:0;left:110px;width:496px;height:330px;}
.about-content3 .content6 .img2{position:absolute;top:260px;left:0;width:342px;height:192px;}
.about-content3 .content6 .img3{position:absolute;top:444px;left:256px;width:280px;height:186px;}

.about-content4{width:100%;background:url(../img/bj4.png) no-repeat;height:750px; background-attachment: fixed;background-size:cover}
.about-content4 .content7{width:1024px;margin:0 auto;padding-top:96px;}
/*.about-content4 .content7 h2{font-size:80px;color:#3b3b3b;font-family: Arial;}*/
.about-content4 .content7 p{font-size:18px;color:#3b3b3b;width:45%;margin-top:80px;}

.about-content5{width:100%;}
.about-content5 .content8{width:100%;margin:0 auto;background:url(../img/bj5.png) no-repeat;height:800px;position: relative;overflow:hidden;background-size:cover;background-attachment: fixed;}
/*.main-box1{width:4200px;height:300px;position:absolute;left:0;top:50%;margin-top:-150px;}*/
.main-box1{width:100%;height:650px;position:absolute;left:0;top:50%;margin-top:-325px !important;overflow:hidden;}
.main_image{width:6000px;}
.main_image .img1-box{ float:left; _display:inline;  text-align:center;height:650px;width:593px; }
.main-box1 .tempWrap{width:100% !important;}
.main_image img{width:100%;height:100%;}
.main_image div h2 {color:#fff;position:absolute;font-size:14px;line-height:20px;}
.main_image .img1{width:340px;height:266px;margin-top:234px;margin-left:80px;position:relative}
.main_image .img1 h2{width:100%;bottom:-50px;left:0;text-align:right;}
.main_image .img2{width:452px !important;height:324px;margin-left:24px;position:relative}
.main_image .img2 h2{bottom:0px;left:103%;text-align:left;width:200px;}
.main_image .img3{width:230px !important;height:224px;margin-left:0px;margin-top:60px;position:relative}
.main_image .img3 h2{bottom:15px;left:108%;text-align:left;width:200px;}
.main_image .img4{width:302px !important;height:447px;margin-top:108px;margin-left:60px;position:relative;}
.main_image .img4 h2{width:100%;bottom:-50px;right:0;text-align:left;}
.main_image .img5{width:408px !important;height:219px;position:relative;}
.main_image .img5 h2{width:100%;bottom:-50px;left:0;text-align:left;}
.main_image .img6{width:282px !important;height:245px;margin-left:311px;margin-top:150px;position:relative;}
.main_image .img6 h2{bottom:0px;left:103%;text-align:left;width:200px;}
.main_image .img7{width:341px !important;height:264px;margin-top:236px;margin-left:230px;position:relative;}
.main_image .img7 h2{bottom:-50px;left:41%;width:200px;text-align: right;}
.main_image .img8{width:230px !important;height:224px;margin-left:70px;margin-top:64px;position:relative;}
.main_image .img8 h2{width:100%;bottom:0px;left:106%;text-align:left;}
.main_image .img9{width:447px !important;height:319px;margin-left:89px;position:relative;}
.main_image .img9 h2{width:100%;bottom:0;left:103%;text-align:left;}
.main_image .img10{width:302px !important;height:447px;margin-top:100px;margin-left:155px;position:relative}
.main_image .img10 h2{bottom:-50px;left:0;text-align:left;width:200px;}
.main_image .img11{width:405px !important;height:215px;position:relative}
.main_image .img11 h2{bottom:-50px;left:0;text-align:left;width:200px;}
.main_image .img12{width:282px !important;height:245px;margin-top:150px;margin-left:300px;position:relative}
.main_image .img12 h2{width:100%;bottom:0;left:106%;text-align:left;}
.main_image .img13{width:341px !important;height:264px;margin-top:60px;margin-left:95px;position:relative}
.main_image .img13 h2{width:100%;bottom:-80px;right:0;text-align:right;}
.main_image .img14{width:447px !important;height:319px;margin-top:200px;position:relative;}
.main_image .img14 h2{width:100%;bottom:0;left:106%;text-align:left;}



.main-box1 .hd{ overflow:hidden;display:none; }
.main-box1 .hd .prev{display:block; z-index:999; width:40px; height:40px;position:absolute;top:50%;left:20px;margin-top:-27px;overflow:hidden;cursor:pointer; background:url("../img/in-left.png") no-repeat;background-size:contain;transition: all 0.5s ease 0s;}
.main-box1 .hd .next{ display:block;z-index:999;  width:40px; height:40px;position:absolute;top:50%;right:020px;margin-top:-27px;overflow:hidden;cursor:pointer; background:url("../img/in-right.png") no-repeat;background-size:contain;transition: all 0.5s ease 0s;}
.main-box1:hover .hd{display:block}
.main-box1 .hd .prev:hover{-webkit-transform: scale(1.2);transform: scale(1.2);}
.main-box1 .hd .next:hover{-webkit-transform: scale(1.2);transform: scale(1.2);}

















#examples{position:absolute;bottom:8%;left:50%;z-index:99;width:400px !important;margin-left:-200px;}
.about-content6{width:100%;background:#fafafa;}
.about-content6 .content9{width:1024px;height:1400px;margin:0 auto;overflow:hidden;position:relative}

.about-content6 .content9 a{display:block;}
.about-content6 .content9 a img{max-width:100%;}
.about-content6 .content9 .q1{position:absolute;top:80px;left:30px;width:441px;height:471px;}
.about-content6 .content9 .q2{position:absolute;top:550px;left:30px;width:449px;height:473px;}
.about-content6 .content9 .q3{position:absolute;top:200px;right:30px;width:455px;height:473px;}
.about-content6 .content9 .q4{position:absolute;top:800px;right:30px;width:449px;height:464px;}
.about-content6 .content9 .q1 span{display:block;top:0;left:0;position:absolute;width:400px;height:400px;overflow:hidden;}
.about-content6 .content9 .q1 > img{display:block;bottom:0;right:0;position:absolute;}
.about-content6 .content9 .q3 span{display:block;top:0;left:0;position:absolute;width:400px;height:400px;overflow:hidden;}
.about-content6 .content9 .q3 > img{display:block;bottom:0;right:0;position:absolute;}
.about-content6 .content9 .q2 span{display:block;top:0;right:0;position:absolute;width:400px;height:400px;overflow:hidden;}
.about-content6 .content9 .q2 > img{display:block;bottom:0;left:0;position:absolute;}
.about-content6 .content9 .q4 span{display:block;top:0;right:0;position:absolute;width:400px;height:400px;overflow:hidden;}
.about-content6 .content9 .q4 > img{display:block;bottom:0;left:0;position:absolute;}
.ho:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.ho img{transition: all 0.5s ease 0s;}


.about-content7{width:100%;text-align:center;background:#fff;padding:50px 0;}
.footer-box{width:100%;padding:50px 0;background:#000;}
.footer{width:1024px;margin:0 auto;overflow:hidden}
.footer dl{width:20%;text-align:center;color:#fff;float:left;}
.footer dl dt{font-size:24px;font-family:"宋体";margin-bottom:30px;font-weight:bold}
.footer dl dt a{color:#e6e6e6}
.footer dl dt em{/*font-family:Myriad Pro;*/font-weight:normal;letter-spacing: 2px;font-family:Arial;font-style:normal;}
.footer dl dd{height:45px;line-height:40px;}
.footer dl dd a{font-size:18px;color:#e6e6e6;position:relative;display:inline-block}
.footer1{width:100%;text-align:center;font-size:14px;color:#fff;margin-top:50px;}


.footer dl dd a:after{content: "";width: 0;height: 1px;background: #fff;display:block;transition: all 0.5s ease 0s;  transform:skew(-30deg);   -webkit-transform: skew(-30deg);   -moz-transform: skew(-30deg);   -o-transform:skew(-30deg);   -ms-transform:skew(-30deg);margin:0 auto 0;  }
.footer dl dd:hover a:after{ width: 100%;}


.modal-dialog{width:1280px;height:720px;position:fixed;top:50%;left:50%;border-radius:0px;display:none;z-index:999;margin:-360px 0 0 -640px; }
#myv{max-height:100%;max-width:100%;object-fit:fill;}
.dialogTop{}
.dialogTop a{display:block;width:56px;height:56px;position:absolute;top:-28px;right:-28px;z-index:9999}
.modal-content{height:100%;margin:0 auto;background:none;border-radius:0px;position:relative}
.modal-content video{height:100%;display:block;/*object-fit: fill*/}
.icon-play1:hover svg {-webkit-transform: scale(0.9);transform: scale(0.9); }
.icon-play1:hover svg circle { stroke-dashoffset: 0;-webkit-transform: rotate(270deg);transform: rotate(270deg); }
.icon-play1:hover svg polygon {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-webkit-transform: scale(0.8);transform: scale(0.8); }
.icon-play1 {position: absolute;z-index: 2;width: 70px;height: 70px;top:50%;left:50%;margin:-35px 0 0 -35px;cursor: pointer;z-index:1;display:none}
.icon-play1 svg {width:70px;height: 70px;-webkit-transform-origin: center;transform-origin: center; -webkit-transition: 1.2s 0.1s cubic-bezier(0.19, 1, 0.22, 1);transition: 1.2s 0.1s cubic-bezier(0.19, 1, 0.22, 1); }
.icon-play1 svg circle {fill: none !important;stroke: #FFFFFF ;stroke-width: 6px;stroke-dasharray: 190px;stroke-dashoffset: 380px;-webkit-transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate(-90deg);transform: rotate(-90deg); }
.icon-play1 svg polygon {stroke: #fff !important;fill: #FFFFFF !important; -webkit-transform-origin: center;transform-origin: center;-webkit-transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1); }






/*总裁寄语*/
.banner-box1{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/bj3.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.zc-content1{width:100%;height:816px;background:#fafafa;margin-top:100px;}
.zc-content1-box{width:1024px;margin:0 auto;position:relative}
.zc-content1-lf{position:absolute;width:508px;top:80px;left:0;}
.zc-content1-lf h3 img{max-width:100%;}
.zc-content1-lf p{color:#3b3b3b;font-size:16px;width:460px;margin-top:47px;line-height:30px;text-align:justify}
.zc-content1-rg{position:absolute;width:460px;top:-93px;right:0;}

.zc-content2{width:100%;overflow:hidden;}
.zc-content2-box{width:1024px;margin:150px auto;position:relative;height:1300px;}
.zc2-1{position:absolute;top:0;left:77px;z-index:1;}
.zc2-1 img{max-width:100%;}
.zc2-2{position:absolute;top:40px;right:0;width:515px;}
.zc2-2 p{color:#3b3b3b;font-size:16px;line-height:30px;}
.zc2-3{position:absolute;top:250px;left:133px;width:770px;}
.zc2-3 img{max-width:100%;}
.zc2-4{position:absolute;bottom:0;left:0;width:510px;color:#3b3b3b;font-size:16px;}
.zc2-4 p{margin-top:43px;line-height:30px;color:#3b3b3b;}

.zc-content3{width:100%;background:#fafafa;}
.zc-content3-box{width:1024px;margin:0 auto;position:relative;height:1240px;}
.zc3-1{position:absolute;top:-15px;right:0px;}
.zc3-1 img{max-width:100%;}
.zc3-2{position:absolute;top:150px;left:0;width:666px;}
.zc3-2 img{max-width:100%;}
.zc3-3{position:absolute;top:650px;right:10px;z-index:1}
.zc3-3 img{max-width:100%;}
.zc3-4{position:absolute;bottom:125px;left:0;width:510px;color:#3b3b3b;font-size:16px;}
.zc3-4 p{margin-top:43px;line-height:30px;color:#3b3b3b;}

.zc-content4{width:100%;overflow:hidden;margin-top:-20px;}
.zc-content4-box{width:1024px;margin:0 auto;position:relative;height:1230px;}
.zc4-1{position:absolute;top:115px;left:80px;}
.zc4-1 p{line-height:30px;width:510px;color:#3b3b3b;font-size:16px;text-align: justify}
.zc4-2{position:absolute;top:0px;right:50px;z-index:999;}
.zc4-2 img{max-width:100%;}
.zc4-3{position:absolute;top:280px;left:170px;width:768px;z-index:1}
.zc4-3 img{max-width:100%;}
.zc4-4{position:absolute;bottom:120px;left:80px;width:510px;color:#3b3b3b;font-size:16px;}
.zc4-4 p{margin-top:43px;line-height:30px;color:#3b3b3b;text-align: justify}

.zc-content5{width:100%;background:url(../img/bj7.jpg) no-repeat;height:1000px; background-attachment: fixed;background-size:cover}
.zc-content5-box{width:1024px;margin:0 auto;overflow:hidden;}
.zc-content5-font{width:700px;float:right;text-align:left;position:relative;margin-top:368px;height:344px;}
.zc-content5-font h3{}
.zc-content5-font h3 img{max-width:100%;}
.zc-content5-font h5{font-family: "华文中宋";color:#3b3b3b;font-size:24px;margin-top:30px;line-height:35px}
.zc-content5-font h6{text-align:right;margin-top:40px;}
.zc-content5-font h6 img{max-width:100%;}

.zc-content5-font h4{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:35px;left:9%;margin-left:-44px;z-index:99;}
.zc-content5-font h4.on{animation:my8 1s; -webkit-animation:my8 1s;animation-fill-mode: forwards;}
@keyframes my8{0%{width:0px;}100%{width:88px;}}




/*社会贡献*/
.banner-box-sh{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/bj8.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.content1.sh h3{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:190px;left:50%;margin-left:-287px;}
.content1.sh h3.on{animation:my9 1s; -webkit-animation:my9 1s;animation-fill-mode: forwards;}
@keyframes my9{0%{width:0px;}100%{width:575px;}}



.sh-content1{width:100%;margin-bottom:200px;}
.sh-content1-box{width:1024px;margin:0 auto;position:relative;height:723px}
.sh-content1-box .sh1{width:424px;height:660px;position:absolute;left:176px;top:0;}
.sh-content1-box .sh1 .sh1-top{width:0px;height:60px;background:#efecd5;position:absolute;top:0;left:0;}
.sh-content1-box .sh1 .sh1-right{width:60px;height:0px;background:#efecd5;position:absolute;top:0;right:0;}
.sh-content1-box .sh1 .sh1-top.on{animation:my10 .3s; -webkit-animation:my10 .3s;animation-fill-mode: forwards;}
.sh-content1-box .sh1 .sh1-right.on{animation:my11 .3s; -webkit-animation:my11 .3s;animation-fill-mode: forwards;}
@keyframes my10{0%{width:0px;}100%{width:424px;}}
@keyframes my11{0%{height:0px;}100%{height:660px;}}
.sh-content1-box .sh2{width:100%;position:absolute;left:-60px;top:60px;}
.sh-content1-box .sh2 img{width:100%;}
.sh-content1-box .sh3{position:absolute;right:220px;top:300px;}
.sh-content1-box .sh4{position:absolute;right:20px;bottom:50px;width:440px;height:200px;}
.sh-content1-box .sh4 p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify}

.sh-content2{width:100%;background: url(../img/bj9.png) no-repeat left bottom;height:2010px;}
.sh-content2-box{width:1024px;padding:50px 0;position:relative;margin:0 auto;}


.title-box{width:100%;text-align:center;position:relative}
.title-box h2{}
.title-box h2 img{max-width:100%;}
.title-box h3{width:0px;height:5px;position:absolute;top:80px;left:50%;margin-left:-75px; transform:skew(-30deg);   -webkit-transform: skew(-30deg);   -moz-transform: skew(-30deg);   -o-transform:skew(-30deg);   -ms-transform:skew(-30deg);background:#e1340c;  }
.title-box h3.on{animation:my12 .3s; -webkit-animation:my12 .3s;animation-fill-mode: forwards;}
@keyframes my12{0%{width:0px;}100%{width:150px;}}

.sh-content2-1{position:relative;height:810px;margin-top:140px;}
.sh-content2-1 .sh1{position:absolute;top:135px;right:0;}
.sh-content2-1 .sh2{position:absolute;top:0;left:290px;}
.sh-content2-1 .sh3{position:absolute;top:300px;left:90px;}
.sh-content2-1 .sh4{position:absolute;bottom:0;right:120px;}

.sh-content2-2{position:relative;height:680px;margin-top:20px;}
.sh-content2-2 .sh1{position:absolute;top:0;left:0;width:410px;}
.sh-content2-2 .sh1 p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify}
.sh-content2-2 .sh2{position:absolute;top:-113px;right:0;z-index:1}
.sh-content2-2 .sh3{position:absolute;top:45px;right:38px;}
.sh-content2-2 .sh4{position:absolute;top:266px;right:305px;}
.sh-content2-2 .sh5{position:absolute;bottom:0;left:0;width:410px;}
.sh-content2-2 .sh5 p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify}

.sh-content3{width:100%;background: url(../img/bj10.png) no-repeat 95% center;height:1850px;}
.sh-content3-box{width:1024px;padding:50px 0;position:relative;margin:0 auto;}
.sh-content3-1{width:100%;height:750px;position:relative;margin-top:130px}
.sh-content3-1 .sh1{position:absolute;top:0;left:113px;width:850px;height:460px;}
.sh-content3-1 .sh1 .sh3-1-top{width:0px;height:60px;background:#efecd5;position:absolute;top:0;left:0;}
.sh-content3-1 .sh1 .sh3-1-left{width:60px;height:0px;background:#efecd5;position:absolute;bottom:0;left:0;}
.sh-content3-1 .sh1 .sh3-1-top.on{animation:my13 .3s; -webkit-animation:my13 .3s;animation-fill-mode: forwards;}
.sh-content3-1 .sh1 .sh3-1-left.on{animation:my14 .3s; -webkit-animation:my14 .3s;animation-fill-mode: forwards;}
@keyframes my13{0%{width:0px;}100%{width:850px;}}
@keyframes my14{0%{height:0px;}100%{height:460px;}}
.sh-content3-1 .sh2{position:absolute;top:60px;left:60px;width:100%;}
.sh-content3-1 .sh3{position:absolute;bottom:0px;left:180px;width:550px;}
.sh-content3-1 .sh3 p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify}
.sh-content3-1 .sh4{position:absolute;bottom:-145px;left:70px;}

.sh-content3-2{width:100%;height:726px;position:relative;margin-top:80px;}
.sh-content3-2 .sh1{position:absolute;top:50px;right:5px;}
.sh-content3-2 .sh2{position:absolute;bottom:120px;left:67px;}
.sh-content3-2 .sh3{position:absolute;bottom:0px;right:50px;width:345px;}
.sh-content3-2 .sh3 p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify}

.sh-content4{width:100%;background: url(../img/bj11.jpg) no-repeat center center;background-attachment: fixed;height:750px;background-size:cover}
.sh-content4-box{width:1024px;margin:0 auto;position:relative;height:670px;}
.sh-content4-box .font{width:100%;height:100px;position:absolute;left:0;top:50%;margin-top:-50px;text-align:center;padding:0 55px;}
.sh-content4-box .font p{color:#fff;font-size:20px;line-height:50px;}
.sh-content4-box .font .line{width:45px;height:2px;background:#fff;margin:20px auto 0;}




/*事业部介绍*/
.banner-shiye{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/lbj_1.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.content-sy2{ width:1024px;margin:0 auto;position:relative;overflow:hidden;height:1000px;}
.content-sy1{ height:826px;width:1024px;margin:0 auto;}
.content-sy1 .font{width:870px;margin:0 auto;}
.content-sy1 .font p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify}

		.slideBox{ width:100%;height:600px; overflow:hidden; position:relative;margin:136px 0 50px;   }
		.slideBox .hd{ height:130px;  z-index:1; position:absolute;width:100%;bottom:0;left:0;background:url(../img/yy.png) repeat-x;}
		.slideBox .hd ul{ overflow:hidden; zoom:1;padding:0 60px;}
		.slideBox .hd ul li{ float:left;width:98px; height:130px;margin:0 40px; }
		.slideBox .hd ul li a{color:#fff;font-size:16px;display:block;line-height:200px; text-align:center;}
		.slideBox .hd ul li.li1 a{background:url(../img/lk1.png) no-repeat center 10px;}
		.slideBox .hd ul li.li2 a{background:url(../img/lk2.png) no-repeat center 10px;}
		.slideBox .hd ul li.li3 a{background:url(../img/lk3.png) no-repeat center 10px;}
		.slideBox .hd ul li.li4 a{background:url(../img/lk4.png) no-repeat center 10px;}
		.slideBox .hd ul li.li5 a{background:url(../img/lk5.png) no-repeat center 10px;}
		.slideBox .hd ul li.li1.on a{background:url(../img/lk1-1.png) no-repeat center 10px;}
		.slideBox .hd ul li.li2.on a{background:url(../img/lk2-1.png) no-repeat center 10px;}
		.slideBox .hd ul li.li3.on a{background:url(../img/lk3-1.png) no-repeat center 10px;}
		.slideBox .hd ul li.li4.on a{background:url(../img/lk4-1.png) no-repeat center 10px;}
		.slideBox .hd ul li.li5.on a{background:url(../img/lk5-1.png) no-repeat center 10px;}
		.slideBox .bd{ position:relative; width:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle;width:100%;}
		.slideBox .bd img{ width:100%;height:100%; display:block;  }

.content-sy2 .zc-content2-box{ height:1110px; }
.content-sy2 .zc-content2-box .zc2-4{ width:400px;left:70px}
.content-sy3{ width:100%}
.content-sy3 .zc-content4-box{ margin:0 auto 70px; height:855px}
.lsy1-box{}
.lsy1-1{ position:absolute;top:277px;right:30px; width:814px; height:543px}
.lsy1-1-1{ position:absolute; top:0; left:0; background:#dedabd; height:76px; width:0;}
.lsy1-1-2{ position:absolute; top:0; right:0; background:#dedabd; width:76px; height:0;}

.lsy1-1-1.on{animation:my15 .3s; -webkit-animation:my15 .3s;animation-fill-mode: forwards;}
.lsy1-1-2.on{animation:my16 .3s; -webkit-animation:my16 .3s;animation-fill-mode: forwards;}
@keyframes my15{0%{width:0px;}100%{width:814px;}}
@keyframes my16{0%{height:0px;}100%{height:543px;}}

.sy2-1{position:absolute;top:0;left:60px;z-index:1;}
.sy2-1 img{max-width:100%;}
.sy2-2{position:absolute;top:100px;right:0;width:515px;}
.sy2-2 p{color:#3b3b3b;font-size:16px;line-height:30px;}

.lsy1-2{ position:absolute;top:353px;right:106px; width:817px; }
.lsy4-1{ position:absolute;top:250px;left:65px; width:580px;}
.lsy4-2{ position:absolute;top:100px;right:80px; width:491px;}
.lsy4-3{ position:absolute;bottom:0;left:65px; width:491px; line-height: 30px; font-size:16px}
.content-sy3 .zc4-2{ z-index:1;top:-40px;right:50px;}
.lsy1-2 img,.lsy4-1 img,.lsy4-2 img{ max-width:100%}
.content-sy4{width:100%;background:url(../img/lbj_2.jpg) no-repeat;height:1000px; background-attachment: fixed;background-size:cover;padding:200px 0}
.content-sy4-box{width:810px;height:600px;margin:0 auto;position:relative}
.content-sy4-box .title{position:absolute;top:0;left:0;}
.content-sy4-box .font{position:absolute;top:95%;right:-70px;text-align:right;z-index:99;}

.content-sy4-box ul{width:100%;height:100%;}
.content-sy4-box ul li{width:180px;height:180px;overflow:hidden;text-align:left;cursor: pointer;background:#000;}
/*.content-sy4-box ul li img{width:100%;}

.content-sy4-box .li1{position:absolute;bottom:0;right:0;width:600px;height:390px;}
.content-sy4-box .li1 img{display:block;position:absolute;top:0;right:0%;}
.content-sy4-box .li2{position:absolute;top:0;right:0;}
.content-sy4-box .li2 img{display:block;position:absolute;top:0;left:0%;}
.content-sy4-box .li3{position:absolute;top:0;right:210px;}
.content-sy4-box .li3 img{display:block;position:absolute;top:0;left:0%;}
.content-sy4-box .li4{position:absolute;top:0;right:420px;}
.content-sy4-box .li4 img{display:block;position:absolute;top:0;left:0%;}
.content-sy4-box .li5{position:absolute;top:210px;left:0;}
.content-sy4-box .li5 img{display:block;position:absolute;left:0;bottom:0%;}
.content-sy4-box .li6{position:absolute;top:420px;left:0;}
.content-sy4-box .li6 img{display:block;position:absolute;left:0;bottom:0%;}
*/
.content-sy4-box .li0{position:absolute;bottom:0;right:0;width:600px;height:390px;z-index:998;opacity:0}
.content-sy4-box .li1{position:absolute;bottom:0;right:0;width:600px;height:390px;cursor: auto;}
.content-sy4-box .li1 p{position:absolute;top:0;left:0;width:100%;height:100%;}
.content-sy4-box .li1 p img{width:600px;display:block;}

.content-sy4-box .font0{position:absolute;top:95%;right:-70px;width:450px;height:160px;overflow:hidden;z-index:999;opacity:0;text-align:right;}
.content-sy4-box .font{position:absolute;top:95%;right:-70px;z-index:99;width:450px;height:160px;overflow:hidden;}
.content-sy4-box .font p{display:block;position:absolute;top:0;left:0;height:100%;width:100%;text-align:right;}
.content-sy4-box .font p span{display:block;width:450px;}
.content-sy4-box .font p img{max-width:450px;}

.content-sy4-box .li2{position:absolute;top:0;right:0;}
.content-sy4-box .li2 p{position:absolute;bottom:0;left:0;width:100%;height:100%;}
.content-sy4-box .li2 p img{width:180px;display:block;}
.content-sy4-box .li3{position:absolute;top:0;right:210px;}
.content-sy4-box .li3 p{position:absolute;top:0;right:0%;width:100%;height:100%;}
.content-sy4-box .li3 p img{display:block;width:180px;}
.content-sy4-box .li4{position:absolute;top:0;right:420px;}
.content-sy4-box .li4 p{position:absolute;top:0;right:0%;width:100%;height:100%;}
.content-sy4-box .li4 p img{display:block;width:180px;}
.content-sy4-box .li5{position:absolute;top:210px;left:0;}
.content-sy4-box .li5 p{position:absolute;left:0;top:0%;width:100%;height:100%;}
.content-sy4-box .li5 p img{display:block;width:180px;}
.content-sy4-box .li6{position:absolute;top:420px;left:0;}
.content-sy4-box .li6 p{position:absolute;left:0;top:0;width:100%;height:100%;}
.content-sy4-box .li6 p img{display:block;width:180px;}

.content-sy4-box ul li span{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/yy2.png)}


/*海外事业部*/
.banner-box-hw{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/banner2.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.content1-title h3.hw{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:190px;left:50%;margin-left:-286px;}
.content1-title h3.hw.on{animation:my17 .3s; -webkit-animation:my17 .3s;animation-fill-mode: forwards;}
@keyframes my17{0%{width:0px;}100%{width:572px;}}

.content1-title h3.hw1{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:180px;left:50%;margin-left:-91px;}
.content1-title h3.hw1.on{animation:my18 .3s; -webkit-animation:my18 .3s;animation-fill-mode: forwards;}
@keyframes my18{0%{width:0px;}100%{width:182px;}}



.hy-content1{width:1024px;margin:0 auto;}
.hy-content1 .font{width:870px;margin:0 auto;}
.hy-content1 .font p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify}
.hy-content2{width:1024px;margin:120px auto;}
.hy-content2 img{width:100%;}
.hy-content3{width:1024px;margin:0 auto 120px;overflow:hidden;}
.hy-content3 .hy3-lf{width:270px;float:left;text-align:center}
.hy-content3 .hy3-rg{width:720px;float:right;}
.hy-content3 .hy3-rg p{line-height:30px;color:#22202b;font-size:16px;text-align: justify;width:650px;}
.hy-content4{background:#fafafa;padding-bottom:130px;}

.hy-member{width:1024px;margin:0 auto;}
.hy-member ul.ul1{overflow:hidden;}
.hy-member ul.ul1 li{width:200px;height:230px;float:left;margin:0 25px 25px; border-radius:0 0 100px 100px;text-align:center;overflow:hidden;position:relative}
.hy-member ul.ul1 li a{display:block;width:200px;height:200px;border-radius:100%;position:absolute;bottom:0;}
.hy-member ul.ul1 li img{display:block;position:absolute;top:0;left:50%;margin-left:-100px;}
.hy-member ul.ul1 li.color1 a{background:url(../img/test1.png);}
.hy-member ul.ul1 li.color2 a{background:url(../img/test2.png);}
.hy-member ul.ul1 li.color3 a{background:url(../img/test3.png);}
.hy-member ul.ul1 li.color4 a{background:url(../img/test4.png);}



.hy-member ul.ul2{overflow:hidden;}
.hy-member ul.ul2 li{width:200px;height:220px;float:left;margin:15px 25px;position:relative;border-radius:100%;}
.hy-member ul.ul2 li a{display:block;width:200px;height:200px;border-radius:100%;}
.hy-member ul.ul2 li img{display:block;position:absolute;bottom:0;left:0;width:200px; }
.hy-member ul.ul2 li .img2{display:none;z-index:1;}
.hy-member ul.ul2 li .img2 img{transition: all 0.6s;}


#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;z-index:9;display:none;}
#dialog{width:1024px;height:750px;background-color:#fafafa;position:fixed;top:50%;left:50%;margin:-375px 0 0 -512px;z-index:10000;overflow:hidden; -webkit-box-shadow:0 0 20px 5px rgba(0, 0, 0, .5);  -moz-box-shadow:0 0 20px 5px rgba(0, 0, 0, .5);  box-shadow:0 0 20px 5px rgba(0, 0, 0, .5); opacity:0;z-index:-1; }
.tc-banner{width:100%;height:360px;overflow:hidden;position:relative;}
.tc-banner > img{width:100%;}

.tc-font{width:100%;height:111px;background:url(../img/bj12.png) repeat-x top center;position:absolute;bottom:0;left:0;padding-left:295px;}
.tc-font h3 img{max-width:100%;margin-left:10px;}
.tc-font h5{font-family: "华文中宋";color:#fff;font-size:24px;margin-top:30px;line-height:35px;opacity:0}
.tc-font h3{opacity:0;}
.tc-font h4{width:0px;border-bottom:1px #fff solid;height:1px;position:absolute;top:45px;left:322px;z-index:99;}
.tc-font h4.on{animation:my8 1s; -webkit-animation:my8 1s;animation-fill-mode: forwards;}
.tc-lf{width:290px;height:510px;position:absolute;bottom:20px;left:0;padding:0 55px;text-align:center;}
.tc-lf img{max-width:100%;}
.tc-lf > img{opacity:0}
.tc-lf1{opacity:0}
.tc-lf2{opacity:0}
.tc-lf h2{color:#000;font-size:36px;margin-top:30px;opacity:0}
.tc-lf h2 p{font-size:14px;margin-top:16px;}
.tc-lf h4{color:#000;font-size:18px;margin-top:14px;}
.tc-lf h4 p{font-size:12px;margin-top:10px;}
.tc-lf h6{color:#000;font-size:18px;margin-top:14px;}
.tc-lf h6 p{font-size:12px;margin-top:10px;}
.tc-lf h3{margin-top:25px;}
.tc-lf h5{margin-top:25px;}
.tc-rg{width:710px;height:360px;position:absolute;bottom:20px;right:20px;padding:0 30px 20px 0;overflow-y:auto;opacity:0;}
.tc-rg p{color:#595959;font-size:14px;line-height:30px;margin-bottom:30px;}
.tc-rg img{max-width:100%;}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.tc-rg::-webkit-scrollbar  {  width: 1px;  height: 16px;  background-color: #F5F5F5;  }   
/*定义滚动条轨道 内阴影+圆角*/  
.tc-rg::-webkit-scrollbar-track  {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);   background-color: #F5F5F5;  }   
/*定义滑块 内阴影+圆角*/  
.tc-rg::-webkit-scrollbar-thumb  {  width:7px;height:7px;background-color: #1b1b1b;  }  


/*品质管理部*/
.banner-box-pz{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/pz-banner.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.pz-content1{width:1024px;margin:0 auto 120px;}
.pz-content1 .font{width:870px;margin:0 auto;}
.pz-content1 .font p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify}
.hy-content3 .hy3-rg.pad{padding:15px 0;}

/*商品开发部*/
.banner-box-sp{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/sp-banner.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
/*内贸事业部*/
.banner-box-nm{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/nm-banner.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
/*行政管理部*/
.banner-box-xz{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/xz-banner.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.hy-content3 .hy3-rg.pad1{padding:30px 0;}

/*新闻资讯*/
.lbanner-news{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/lbj_3.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.lnews-box{ width:1024px; margin:0 auto 100px; }
.lnews-top{ }
.lnews-top img{ max-width:100%}
.lnews{ overflow:hidden; border-left:1px #cccccc solid;}
.lnews .lf{ width:330px; float:left; height:100px;background:#fff;margin-left:0 !important;}
.lnews .lf span{ display:inline-block; border-top:9px #968c71 solid;margin: 30px 0 0 -16px;   /*width: 94px; */  
    font-size: 27px;   
    line-height: 24px;  
    transform:rotate(-90deg);  
    -ms-transform:rotate(-90deg);    /* IE 9 */  
    -moz-transform:rotate(-90deg);   /* Firefox */  
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */  
    -o-transform:rotate(-90deg);     /* Opera */  }
.lnews .rg{ width:681px; float:right; border-left:1px #cccccc solid; border-right:1px #cccccc solid; padding:0 68px 0 32px}
.lnews .rg ul{}
.lnews .rg ul li.li1{ margin:0 0 40px}
.lnews .rg ul li.li1 span{ background:url(../img/limg_8.png) no-repeat top left; padding:18px 0 0; font-size:18px; display:block; color:#232323; }
.lnews .rg ul li.li2{ padding:0 0 50px; background:url(../img/limg_7.png) no-repeat bottom center; margin:0 0 37px}
.lnews .rg ul li.li2 span{ background:url(../img/limg_8.png) no-repeat top left; padding:18px 0 0; font-size:18px; display:block; color:#232323}
.lnews .rg ul li.li2 .tit{ background:#222222; color:#fff; font-size:18px; padding:4px 8px; margin:0 0 25px; display:inline-block;font-weight:bold}
.lnews .rg ul li.li2 .text{ font-size:14px; color:#3b3b3b; line-height:24px}

.content1-title.title-new h3{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:185px;left:50%;margin-left:-57px;}
.content1-title.title-new h3.on{animation:my19 1s; -webkit-animation:my19 1s;animation-fill-mode: forwards;}
@keyframes my19{0%{width:0px;}100%{width:114px;}}

/*贸易与商品开发*/
.banner-box-my{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/my-banner.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.my-content1{width:1024px;height:555px;margin:0 auto;position:relative}
.my-content1 .my1{position:absolute;top:-30px;left:0;width:550px;z-index:1}
.my-content1 .my2{position:absolute;bottom:0;right:0;width:830px;height:490px;background:#f2f2f2;}
.my-content1 .font1{position:absolute;top:185px;right:64px;z-index:2;}
.my-content1 .font2{position:absolute;top:310px;right:94px;}
.my-content1 .font2 span{width:100px;height:35px;display:inline-block;background:#fff;text-align:center;line-height:35px;margin:0 8px;color:#3b3b3b;font-size:16px;}
.my-content1 .font3{position:absolute;bottom:50px;right:50px;}
.my-content1 .font3 p{width:390px;line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify}
.my-content2{width:100%;clear:both;height:844px;position:relative;background-image: url(../img/my-pic4.jpg);background-size:cover;background-attachment: fixed;margin-top:150px;padding:180px 0;}
.my-content2-box{width:1024px;margin:0 auto;position:relative;height:580px;}
.my-content2-box .my1{width:512px;height:262px;position:absolute;top:0;left:0;}


.my-content2-box .my1 .my1-top{width:0px;height:3px;background:#fff;position:absolute;top:0;right:0}
.my-content2-box .my1 .my1-right{width:3px;height:0px;background:#fff;position:absolute;bottom:0;right:0;z-index:0;}
.my-content2-box .my1 .my1-bottom{width:0px;height:3px;background:#fff;position:absolute;bottom:0px;left:0;z-index:0;}
.my-content2-box .my1 .my1-left{width:3px;height:0px;background:#fff;position:absolute;top:0px;left:0}
.my-content2-box .my1 .my1-top.on{animation:my20 .3s; -webkit-animation:my20 .3s;animation-fill-mode: forwards;}
.my-content2-box .my1 .my1-right.on{animation:my21 .3s; -webkit-animation:my21 .3s;animation-fill-mode: forwards;}
.my-content2-box .my1 .my1-bottom.on{animation:my22 .3s; -webkit-animation:my22 .3s;animation-fill-mode: forwards;}
.my-content2-box .my1 .my1-left.on{animation:my23 .3s; -webkit-animation:my23 .3s;animation-fill-mode: forwards;}
@keyframes my20{0%{width:0px;}100%{width:512px;}}
@keyframes my21{0%{height:0px;}100%{height:262px;}}
@keyframes my22{0%{width:0px;}100%{width:512px;}}
@keyframes my23{0%{height:0px;}100%{height:262px;}}

.my-content2-box .my1 .my1-box{width:488px;height:238px;margin:12px;background:#fafafa;padding:65px 45px;z-index:1;position:relative}
.my-content2-box .my1 .my1-box p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify;}
.my-content2-box .my2{width:646px;height:418px;position:absolute;top:80px;left:380px;}
.my-content2-box .my3{position:absolute;bottom:20px;right:20px;}

.my-content3{width:1024px;margin:145px auto;height:1060px;position:relative}
.my-content3 .my1{position:absolute;top:0;left:119px;}
.my-content3 .my2{position:absolute;top:150px;right:119px;}
.my-content3 .my3{position:absolute;top:480px;left:119px;}
.my-content3 .my4{position:absolute;top:600px;right:119px;}
.my-content3 .my1 h2{position:absolute;right:0px;bottom:0;color:#3b3b3b;font-size:18px;overflow:hidden;}
.my-content3 .my2 h2{position:absolute;right:0px;bottom:0;color:#3b3b3b;font-size:18px;overflow:hidden;}
.my-content3 .my3 h2{position:absolute;left:0px;bottom:0;color:#3b3b3b;font-size:18px;overflow:hidden;}
.my-content3 .my4 h2{position:absolute;right:0px;bottom:52px;color:#3b3b3b;font-size:18px;overflow:hidden;}



.my-content3 .my5{position:absolute;top:0;right:119px;width:400px;}
.my-content3 .my5 p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify;}
.my-content3 .my6{position:absolute;bottom:0;left:119px;}
.my-content3 .my6 p{margin-top:20px}



.my-content4{width:100%;overflow:hidden;position:relative}
.my-content4 img{display:block;width:100%;}
.my-content4 .zz{width:50%;height:100%;position:absolute;top:0;left:0;background:url(../img/my-bj3.png);z-index:9}
.my-content4 .zz p{width:340px;height:150px;position:absolute;top:200px;right:94px;line-height:30px;color:#fff;font-size:16px;text-align: justify;letter-spacing:3px}

.my-content5{width:1024px;margin:112px auto 0;}
.my-content5 .title{text-align:center;position:relative}
.my-content5 .title ul{}
.my-content5 .title ul li{display:inline-block;font-size:100px;font-family: Arial;color:#22202b;font-weight:bold;margin:0 30px;}
.my-content5 .title h3{width:0px;height:10px;background:#22202b;position:absolute;top:170px;left:50%;margin-left:-20px;}
.my-content5-box{overflow:hidden;margin-top:70px;}
.my-content5 .title h3.on{animation:my88 .8s; -webkit-animation:my88 .8s;animation-fill-mode: forwards;}
@keyframes my88{0%{width:0px;}100%{width:40px;}}



.my-content5 .my5-1{width:236px;float:left;}
.my-content5 .my5-1 .img{width:100%;display:block;margin-top:27px;overflow:hidden;}
.my-content5 .my5-2{width:320px;float:left;margin:0 27px}
.my-content5 .my5-2 .img{width:100%;display:block;margin-top:27px;overflow:hidden;}
.my-content5 .my5-3{width:411px;float:left;}
.my-content5 .my5-3 .img{width:100%;display:block;margin-top:27px;overflow:hidden;}
.my-content5 img{transition: all 0.6s;}
.my-content5 .my5-1 .img:hover img{transform: translateZ(0) scale(1.1);}
.my-content5 .my5-2 .img:hover img{transform: translateZ(0) scale(1.1);}
.my-content5 .my5-3 .img:hover img{transform: translateZ(0) scale(1.1);}




/*产品详情
.banner-box-pro{width:100%;height:1000px;clear:both;background:#101010;position:relative;background-image: url(../img/pro-banner.png);background-size:cover;background-attachment: fixed;margin-top:140px;}
.pro-box{width:460px;height:320px;position:absolute;top:50%;left:50%;margin-top:-160px;margin-left:-230px}
.pro-box .pro1{position:absolute;top:32px;right:0;}
.pro-box .pro2{position:absolute;bottom:0px;right:14px;width:300px;}
.pro-box .pro2 p{color:#22202b;font-size:16px;}
.pro-box .pro3{position:absolute;bottom:0px;left:30px;}
.pro-box .pro4{position:absolute;bottom:0px;left:0px;}
.pro-box .pro5{position:absolute;top:0px;left:60px;width:3px;height:0px;background:#0b0307;}
.pro-box .pro5.on{animation:my24 .8s; -webkit-animation:my24 .8s;animation-fill-mode: forwards;}
@keyframes my24{0%{height:0px;}100%{height:320px;}}

.pro-content1{width:1024px;margin:-180px auto 0;position:relative;height:660px;}
.pro-content1 .img1{width:375px;position:absolute;top:0;left:0;line-height:660px;text-align:center;}
.pro-content1 .img2{width:290px;position:absolute;top:0;right:350px;height:660px;z-index:1;background:#333;padding:60px 40px;}
.pro-content1 .img2 h1{color:#fff;font-size:60px;font-family: Arial;font-weight:bold}
.pro-content1 .img2 p{line-height:34px;color:#fff;font-size:16px;text-align: justify;margin-top:54px;}
.pro-content1 .img3-box{width:400px;position:absolute;top:100px;right:0;height:400px;overflow:hidden;}

.pro-content2-box{width:100%;}
.pro-content2{width:1024px;height:770px;margin:50px auto 0;position:relative;overflow:hidden;}
.pro-content2 .pro-lf{width:512px;position:absolute;left:0;top:0;padding:200px 50px;}
.pro-content2 .pro-lf h2{color:#22202b;font-size:60px;font-family: Arial;font-weight:bold}
.pro-content2 .pro-lf p{line-height:34px;color:#22202b;font-size:16px;text-align: justify;margin-top:45px;}
.pro-content2 .pro-rg{width:338px;height:431px;position:absolute;right:0;top:100px;text-align:center;}

.pro-content3{width:100%;background:url(../img/pro-bj.png);}
.pro-content3-box{width:1024px;margin:0 auto;position:relative;height:1450px;}
.pro-content3-box .img1{position:absolute;top:-200px;left:50px;z-index:1;}
.pro-content3-box .img2{position:absolute;top:200px;right:0px;z-index:2}
.pro-content3-box .img3{position:absolute;top:0px;left:115px;}
.pro-content3-box .img4{width:3px;height:0;background:#0b0307;position:absolute;top:-88px;right:187px;}
.pro-content3-box .img4.on{animation:my25 1s; -webkit-animation:my25 1s;animation-fill-mode: forwards;}
@keyframes my25{0%{height:0px;}100%{height:167px;}}



.pro-content3-box .pro-main{width:1024px;height:650px;position:absolute;left:0;bottom:0;}
.pro-content3-box .pro-main h2{width:100%;text-align:center}
.pro-main-box{width:700px;overflow:hidden;margin:96px auto 0;}
.pro-main-lf{width:190px;float:left;text-align:center;}
.pro-main-lf img{width:130px;}
.pro-main-lf h2{color:#fff;font-size:30px;font-weight:bold;letter-spacing: 2px;margin-top:24px;}
.pro-main-lf h3{color:#fff;font-size:14px;margin-top:5px;}
.pro-main-rg{width:500px;height:192px;float:left;background:url(../img/pro-bj2.png) no-repeat top center;padding:40px 50px;}
.pro-main-rg p{line-height:30px;color:#fff;font-size:16px;text-align: justify;height:90px;overflow:hidden;}
.pro-content3-box .link{width:100%;text-align:center;color:#fff;font-size:16px;clear:both;margin:53px 0;}
.pro-content3-box .link a{color:#fff;font-size:16px;font-weight:lighter;text-decoration: underline;}



		.picScroll-left{ width:730px;  overflow:hidden; position:relative;  margin:0 auto;  }
		.picScroll-left .hd{ overflow:hidden; width:100%; height:130px;position:absolute;top:0;left:0;}
		.picScroll-left .hd .prev{ display:inline-block;  width:21px; height:130px; float:left;cursor:pointer; background:url("../img/pro-left.png") no-repeat center center;}
		.picScroll-left .hd .next{ display:inline-block;  width:21px; height:130px; float:right; cursor:pointer; background:url("../img/pro-right.png") no-repeat center center;}
		.picScroll-left .hd ul{display:none;}

		.picScroll-left .bd{ padding:0px 35px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 18px; float:left; _display:inline; overflow:hidden; text-align:center;width:130px;height:130px;border:1px #070708 solid;}*/


/*产品详情*/
.banner-box-pro{width:100%;height:1000px;clear:both;background:#101010;position:relative;background-image: url(../img/pro-banner.png);background-size:cover;background-attachment: fixed;margin-top:140px;}
.pro-box{width:460px;height:320px;position:absolute;top:50%;left:50%;margin-top:-160px;margin-left:-230px}
.pro-box .pro1{position:absolute;top:32px;right:0;}
.pro-box .pro2{position:absolute;bottom:0px;right:14px;width:300px;}
.pro-box .pro2 p{color:#22202b;font-size:16px;}
.pro-box .pro3{position:absolute;bottom:0px;left:30px;}
.pro-box .pro4{position:absolute;bottom:0px;left:0px;}
.pro-box .pro5{position:absolute;top:0px;left:60px;width:3px;height:0px;background:#0b0307;}
.pro-box .pro5.on{animation:my24 .8s; -webkit-animation:my24 .8s;animation-fill-mode: forwards;}
@keyframes my24{0%{height:0px;}100%{height:320px;}}

.pro-content1{width:1024px;margin:-180px auto 0;position:relative;height:660px;}
.pro-content1 .img1{width:375px;position:absolute;top:0;left:0;line-height:660px;text-align:center;}
.pro-content1 .img2{width:290px;position:absolute;top:0;right:350px;height:660px;z-index:1;background:#333;padding:60px 40px;}
.pro-content1 .img2 h1{color:#fff;font-size:60px;font-family: Arial;font-weight:bold}
.pro-content1 .img2 p{line-height:34px;color:#fff;font-size:16px;text-align: justify;margin-top:54px;}
.pro-content1 .img3-box{width:400px;position:absolute;top:100px;right:0;height:400px;overflow:hidden;}

.pro-content2-box{width:100%;}
.pro-content2{width:1024px;height:770px;margin:50px auto 0;position:relative;overflow:hidden;}
.pro-content2 .pro-lf{width:512px;position:absolute;left:0;top:0;padding:200px 50px;}
.pro-content2 .pro-lf h2{color:#22202b;font-size:60px;font-family: Arial;font-weight:bold}
.pro-content2 .pro-lf p{line-height:34px;color:#22202b;font-size:16px;text-align: justify;margin-top:45px;}
.pro-content2 .pro-rg{width:500px;height:500px;position:absolute;right:-50px;top:100px;text-align:center;}

.pro-content3{width:100%;background:url(../img/pro-bj.png);}
.pro-content3-box{width:1024px;margin:0 auto;position:relative;height:1450px;}
.pro-content3-box .img1{position:absolute;top:-200px;left:50px;z-index:1;}
.pro-content3-box .img2{position:absolute;top:170px;right:60px;z-index:2}
.pro-content3-box .img3{position:absolute;top:215px;left:-50px;}
.pro-content3-box .img4{width:3px;height:0;background:#0b0307;position:absolute;top:-88px;right:187px;}
.pro-content3-box .img4.on{animation:my25 1s; -webkit-animation:my25 1s;animation-fill-mode: forwards;}
@keyframes my25{0%{height:0px;}100%{height:167px;}}



.pro-content3-box .pro-main{width:1024px;height:650px;position:absolute;left:0;bottom:0;}
.pro-content3-box .pro-main h2{width:100%;text-align:center}
.pro-main-box{width:700px;overflow:hidden;margin:96px auto 0;}
.pro-main-lf{width:190px;float:left;text-align:center;}
.pro-main-lf img{width:130px;}
.pro-main-lf h2{color:#fff;font-size:30px;font-weight:bold;letter-spacing: 2px;margin-top:24px;}
.pro-main-lf h3{color:#fff;font-size:14px;margin-top:5px;}
.pro-main-rg{width:500px;height:192px;float:left;background:url(../img/pro-bj2.png) no-repeat top center;padding:40px 50px;}
.pro-main-rg p{line-height:30px;color:#fff;font-size:16px;text-align: justify;height:90px;overflow:hidden;}
.pro-content3-box .link{width:100%;text-align:center;color:#fff;font-size:16px;clear:both;margin:53px 0;}
.pro-content3-box .link a{color:#fff;font-size:16px;font-weight:lighter;text-decoration: underline;}


		/* 本例子css */
		.picScroll-left{ width:730px;  overflow:hidden; position:relative;  margin:0 auto;  }
		.picScroll-left .hd{ overflow:hidden; width:100%; height:130px;position:absolute;top:0;left:0;}
		.picScroll-left .hd .prev{ display:inline-block;  width:21px; height:130px; float:left;cursor:pointer; background:url("../img/pro-left.png") no-repeat center center;}
		.picScroll-left .hd .next{ display:inline-block;  width:21px; height:130px; float:right; cursor:pointer; background:url("../img/pro-right.png") no-repeat center center;}
		.picScroll-left .hd ul{display:none;}

		.picScroll-left .bd{ padding:0px 35px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 18px; float:left; _display:inline; overflow:hidden; text-align:center;width:130px;height:130px;border:1px #070708 solid;}



/*服务项目*/
.banner-box-fw{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/fw-banner.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.content1-title h3.fw{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:190px;left:50%;margin-left:-214px;}
.content1-title h3.fw.on{animation:my26 .3s; -webkit-animation:my26 .3s;animation-fill-mode: forwards;}
@keyframes my26{0%{width:0px;}100%{width:428px;}}

.fw-content1{width:1024px;height:1054px;position:relative;margin:120px auto 0;}
.fw-content1 .fw1{position:absolute;top:50px;left:0;}
.fw-content1 .fw2{position:absolute;bottom:50px;right:0;}
.fw-content1 .fw3{position:absolute;top:0px;right:84px;}
.fw-content1 .fw4{position:absolute;left:50px;bottom:0;}
.fw-content1 .fw4 p{line-height:30px;color:#3b3b3b;font-size:16px;text-align: justify;width:360px;}
.fw-content2{width:100%;clear:both;background-image: url(../img/fw-pic4.jpg);background-size:cover;background-attachment: fixed;margin-top:200px;}
.fw-content2-box{width:1024px;margin:0 auto;height:1065px;position:relative}
.fw-content2-box .img1{position:absolute;top:-57px;right:0;}
.fw-content2-box .img2{position:absolute;top:112px;right:10px;text-align:right;}
.fw-content2-box .img2 p{line-height:30px;color:#fff;font-size:16px;}
.fw-content2-box .img3{position:absolute;top:210px;left:50px;}
.fw-content2-box .img4{position:absolute;top:356px;left:418px;}
.fw-content2-box .img5{position:absolute;top:600px;left:50px;}
.fw-content2-box .img6{position:absolute;top:660px;left:418px;}
.fw-content3{width:1024px;height:1948px;position:relative;margin:0 auto;}
.fw-content3 .img1{position:absolute;top:-32px;left:413px;z-index:1;}
.fw-content3 .img2{position:absolute;top:160px;left:50px;width:320px;}
.fw-content3 .img2 h2{width:0px;height:4px;background:#3b3b3b;margin:15px 0 20px 10px}
.fw-content3 .img2 p{color:#3b3b3b;font-size:16px;line-height:30px;}
.fw-content3 .img3{position:absolute;top:422px;right:5px;width:320px;}
.fw-content3 .img3 h2{width:0px;height:4px;background:#3b3b3b;margin:15px 0 20px 10px}
.fw-content3 .img3 p{color:#3b3b3b;font-size:16px;line-height:30px;}

.fw-content3 .img2 h2.on{animation:my27 1s; -webkit-animation:my27 1s;animation-fill-mode: forwards;}
.fw-content3 .img3 h2.on{animation:my27 1s; -webkit-animation:my27 1s;animation-fill-mode: forwards;}
@keyframes my27{0%{width:0px;}100%{width:34px;}}


.fw-content3 .img4{position:absolute;left:120px;top:752px;overflow:hidden}
.fw-content3 .img4-box{background:#dedabd;width:473px;height:204px;padding:60px 50px;}
.fw-content3 .img4-box p{color:#3b3b3b;font-size:16px;line-height:30px;}
.fw-content3 .img5{position:absolute;bottom:293px;left:67px;}
.fw-content3 .img6{position:absolute;bottom:120px;right:0px;}
.fw-content3 .img7{position:absolute;bottom:0px;right:0px;width:512px;padding:0 20px}
.fw-content3 .img7 p{color:#3b3b3b;font-size:16px;line-height:30px;}

.fw-content4{width:100%;height:804px;overflow:hidden;position:relative;margin-top:118px;}
.fw-content4-box1{width:1920px;height:804px;position:absolute;left:50%;margin-left:-960px; }



.fw-content4 .img1{position:absolute;width:1590px;left:50%;bottom:-100%;z-index:1;margin-left:-795px;}
.fw-content4 .img2{position:absolute;left:-5%;bottom:-100%;}
.fw-content4 .img3{position:absolute;right:-4%;bottom:-100%;}
.fw-content4 .img1.on{animation:my30 1.5s; -webkit-animation:my30 1.5s;animation-fill-mode: forwards;}
.fw-content4 .img2.on{animation:my31 1.5s; -webkit-animation:my31 1.5s;animation-fill-mode: forwards;}
.fw-content4 .img3.on{animation:my32 1.5s; -webkit-animation:my32 1.5s;animation-fill-mode: forwards;}
@keyframes my30{0%{bottom:-100%;}100%{bottom:0;}}
@keyframes my31{0%{bottom:-100%;}100%{bottom:-2%;}}
@keyframes my32{0%{bottom:-100%;}100%{bottom:-2%;}}

.wapper8-main{width:1024px;height: 500px;margin: 0 auto;position: absolute;z-index: 2;bottom:100px;left:50%;margin-left:-512px;}
.wapper8-main .img{position:absolute;display:block;width:230px;height:230px;-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg); 
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);overflow:hidden;background:#fff;opacity:0;}
	
.wapper8-main .img img{display:block;width:100%;transition: all 0.6s; }	
.wapper8-main .img:hover img{transform: translateZ(0) scale(1.1);}
.wapper8-main .img span{line-height:230px;display:block;width:100%;height:100%;background:url(../img/fw-bj.png);position:absolute;top:0;left:0;}
.wapper8-main .img em{display:block;color:#fff;font-style:normal;-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg); 
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);position:absolute;top:50%;left:0%;width:100%;text-align:center;font-size:30px;height:50px;margin-top:-25px;line-height:50px;z-index:22;
/*
	backface-visibility: hidden;
-webkit-backface-visibility: hidden;
*/
	font-weight:lighter}
	

.wapper8-main .img-1{left:47px;top:47px;}
.wapper8-main .img-2{top:47px;left: 50%;margin-left:-115px;}
.wapper8-main .img-3{top:47px;right: 47px;}
.wapper8-main .img-4{bottom: 47px;left: 223px;}
.wapper8-main .img-5{bottom: 47px;right: 223px;}
.wapper8-main .img.on{animation:my28 2s; -webkit-animation:my28 2s;animation-fill-mode: forwards;}
@keyframes my28{0%{opacity:0px;}100%{opacity:1;}}


/*组说设计*/
.banner-box-sj{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/sj-banner.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.sj-content1{}
.sj-content1{width:1024px;margin:0 auto;position:relative;height:700px;}
.sj-content1 .sj1{position:absolute;top:0;right:50px;z-index:1;}
.sj-content1 .sj2{position:absolute;bottom:20px;left:70px;width:788px;height:560px;background:#333333;}
.sj-content1 .sj2 p{font-size:16px;color:#fff;line-height:30px;position:absolute;font-family:"Hiragino Sans GB W3";bottom:74px;left:70px;width:623px;text-align:justify;letter-spacing: 2px }
.sj-content2{width:100%;height:994px;background:url(../img/sj-bj.png) no-repeat top center;background-size:cover;margin-top:190px;background-attachment: fixed;}
.sj-content2-box{width:1024px;margin:0 auto;height:994px;position:relative}
.sj-content2 .sj1{position:absolute;top:-30px;left:10px;}
.sj-content2 .sj2{position:absolute;top:-7px;right:147px;}
.sj-content2 .sj3{position:absolute;top:-10px;right:0px;}
.sj-content2 .sj4{position:absolute;top:126px;right:-114px;}
.sj-content2 .sj5{position:absolute;top:237px;right:-165px;}
.sj-content2 .sj6{position:absolute;top:220px;left:390px;z-index:1;}
.sj-content2 .sj7{position:absolute;top:400px;left:60px;}
.sj-content2 .sj8{position:absolute;bottom:0;left:0;width:100%;padding:65px}
.sj-content2 .sj8 p{font-size:16px;line-height:30px;width:100%;text-align:justify;letter-spacing: 1px;color:#444444; }
.sj-content2 .sj9{position:absolute;top:126px;left:68px;}
.sj-content2 .sj9 p{font-size:22px;line-height:40px;width:100%;text-align:justify;letter-spacing: 1px;color:#444444; }

.sj-content3{}
.sj-content3-box{width:1024px;height:960px;position:relative;margin:0 auto;}
.sj-content3-box .sj1{position:absolute;right:110px;top:-17px;z-index:2;}
.sj-content3-box .sj2{position:absolute;right:93px;bottom:-38px;z-index:1}
.sj-content3-box .sj3{position:absolute;top:150px;left:38px;}
.sj-content3-box .sj4{position:absolute;top:545px;left:77px;}

.sj-content4{width:100%;height:512px;position:relative;background-image: url(../img/sj-bj2.png);background-size:cover;background-attachment: fixed;}
.sj-content4 p{width:550px;height:120px;position:absolute;top:50%;left:50%;margin:-60px 0 0 -275px;font-size:16px;color:#fff;letter-spacing: 1px;text-align:center;line-height:30px;}

.content1 h3.sj{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:190px;left:50%;margin-left:-347px;}
.content1 h3.sj.on{animation:my29 1s; -webkit-animation:my29 1s;animation-fill-mode: forwards;}
@keyframes my29{0%{width:0px;}100%{width:694px;}}


/*产品设计*/
.banner-box-cp{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/cp-banner.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.content1 h3.cp{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:200px;left:50%;margin-left:-164px;}
.content1 h3.cp.on{animation:my33 1s; -webkit-animation:my33 1s;animation-fill-mode: forwards;}
@keyframes my33{0%{width:0px;}100%{width:328px;}}
.cp-content1{width:1024px;margin:0 auto;height:800px;position:relative}
.cp-content1 .cp1{position:absolute;top:65px;left:75px;z-index:1;}
.cp-content1 .cp2{position:absolute;top:278px;left:180px;}
.cp-content1 .cp3{position:absolute;top:0px;right:0px;}
.cp-content1 .cp4{position:absolute;bottom:0px;left:0px;width:100%;height:60px;}
.cp-content1 .cp4 p{width:720px;height:60px;position:absolute;top:0%;left:50%;margin:0 0 0 -360px;font-size:16px;color:#3b3b3b;letter-spacing: 1px;text-align:left;line-height:30px;}

.cp-content2{width:1024px;margin:80px auto 160px;height:880px;position:relative}
.cp-content2 .cp1{position:absolute;top:68px;left:80px;}
.cp-content2 .cp2{position:absolute;top:157px;left:140px;}
.cp-content2 .cp3{position:absolute;top:258px;left:233px;}
.cp-content2 .cp4{position:absolute;top:0;right:86px;}
.cp-content2 .cp5{position:absolute;bottom:0px;left:0px;width:100%;height:60px;}
.cp-content2 .cp5 p{width:720px;height:60px;position:absolute;top:0%;left:50%;margin:0 0 0 -275px;font-size:16px;color:#3b3b3b;letter-spacing: 1px;text-align:left;line-height:30px;}

.cp-content3{width:100%;position:relative;background-image: url(../img/cp-bj.jpg);background-size:cover;background-attachment: fixed;height:1010px;}
.cp-content3-box{width:1024px;margin:0 auto;padding:64px 0;text-align:center;}
.cp-content3-box .img1{}
.cp-content3-box .img2{margin:30px 0;}
.cp-content3-box .img4{margin:146px 0;}
.cp-content3-box .img4 .span1{margin:0 60px}
.cp-content3-box .img5{width:724px;margin:0 auto;}
.cp-content3-box .img5 p{font-size:16px;color:#fff;letter-spacing: 1px;text-align:left;line-height:30px;}

.cp-content4{width:1024px;margin:170px auto 130px;height:830px;position:relative;}
.cp-content4 .img1{position:absolute;left:54px;top:0;}
.cp-content4 .img1 img{display:block;margin-top:-30px;float:right;marign-left:10px;}
.cp-content4 .img2{position:absolute;right:46px;top:160px;z-index:1}
.cp-content4 .img3{position:absolute;left:110px;top:365px;}
.cp-content4 .img4{position:absolute;right:100px;bottom:0px;width:554px;}
.cp-content4 .img4 p{font-size:16px;color:#3b3b3b;letter-spacing: 1px;text-align:left;line-height:30px;}

.cp-content5{width:1024px;margin:0 auto 100px;height:1016px;position:relative;}
.cp-content5 .img1{position:absolute;left:479px;top:50px;z-index:1}
.cp-content5 .img2{position:absolute;left:35px;top:0px;}
.cp-content5 .img3{position:absolute;right:162px;top:144px;}
.cp-content5 .img4{position:absolute;left:192px;top:397px;}
.cp-content5 .img5{position:absolute;right:107px;bottom:220px;}
.cp-content5 .img6{position:absolute;left:336px;bottom:250px;}
.cp-content5 .img7{position:absolute;left:130px;bottom:200px;}
.cp-content5 .img8{position:absolute;left:145px;bottom:0px;width:742px;}
.cp-content5 .img8 p{font-size:16px;color:#3b3b3b;letter-spacing: 1px;text-align:left;line-height:30px;}

.cp-content6{width:100%;position:relative;background-image: url(../img/cp-bj2.png);background-size:cover;background-attachment: fixed;height:1010px;}
.cp-content6-box{width:1024px;margin:0 auto;text-align:center;position:relative;height:1010px;}
.cp-content6-box .img1{position:absolute;top:105px;left:150px;}
.cp-content6-box .img2{position:absolute;top:180px;left:437px;}
.cp-content6-box .img3{position:absolute;top:230px;right:95px;}
.cp-content6-box .img4{position:absolute;left:95px;bottom:127px;width:430px;}
.cp-content6-box .img4 p{font-size:16px;color:#fff;letter-spacing: 1px;text-align:left;line-height:30px;margin-top:58px}
.cp-content6-box .img5{position:absolute;top:410px;right:100px;z-index:2;}
.cp-content6-box .img6{position:absolute;top:610px;right:0px;z-index:1;}
.cp-content6-box .img7{position:absolute;bottom:72px;right:120px;}

.cp-content7{width:1024px;margin:97px auto 0;}
.cp-content7 p{font-size:16px;color:#3b3b3b;letter-spacing: 1px;text-align:left;line-height:30px;width:712px;margin:0 auto;}
.cp-content7 img{width:100%;margin:110px 0 80px;display:block;}

/*工厂推荐*/
.banner-box-gc{width:100%;clear:both;position:relative;background: url(../img/gc-banner.jpg) no-repeat center center;background-size:cover;background-attachment: fixed;margin-top:140px;}
.content1 h3.gc{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:200px;left:50%;margin-left:-245px;}
.content1 h3.gc.on{animation:my34 1s; -webkit-animation:my34 1s;animation-fill-mode: forwards;}
@keyframes my34{0%{width:0px;}100%{width:491px;}}
.gc-content1{width:100%;height:1167px;background:url(../img/gc-bj1.jpg) no-repeat center center;position:relative}
.gc-content1-box{width:1024px;height:1167px;margin:0 auto;}
.gc-content1-box .gc-box{width:512px;height:590px;position:absolute;bottom:80px;left:50%;}
.gc-content1-box .gc{position:absolute;opacity: 0}
.gc-content1-box .gc1{top:0;left:200px;z-index:2;}
.gc-content1-box .gc2{top:50px;right:103px;z-index:2;}
.gc-content1-box .gc3{top:60px;left:236px;z-index:2;}
.gc-content1-box .gc4{top:100px;left:225px;z-index:2;}
.gc-content1-box .gc5{top:130px;left:73px;z-index:2;}
.gc-content1-box .gc6{top:140px;left:156px;z-index:2;}
.gc-content1-box .gc7{top:144px;left:278px;z-index:2;}
.gc-content1-box .gc8{top:128px;left:316px;z-index:2;}
.gc-content1-box .gc9{top:178px;left:208px;z-index:2;}
.gc-content1-box .gc10{top:190px;left:290px;z-index:2;}
.gc-content1-box .gc11{top:223px;left:144px;z-index:0;}
.gc-content1-box .gc12{top:223px;left:227px;z-index:2;}
.gc-content1-box .gc13{top:225px;left:329px;z-index:0;}
.gc-content1-box .gc14{top:282px;left:50px;z-index:2;}
.gc-content1-box .gc15{top:253px;left:187px;z-index:1;}
.gc-content1-box .gc16{top:250px;left:275px;z-index:2;}
.gc-content1-box .gc17{top:270px;left:340px;z-index:1;}
.gc-content1-box .gc18{top:330px;left:80px;z-index:2;}
.gc-content1-box .gc19{top:330px;left:158px;z-index:2;}
.gc-content1-box .gc20{top:295px;left:242px;z-index:1;}
.gc-content1-box .gc21{top:375px;left:122px;z-index:2;}
.gc-content1-box .gc22{top:365px;left:232px;z-index:2;}
.gc-content1-box .gc23{top:316px;left:321px;z-index:2;}
.gc-content1-box .gc24{top:319px;left:341px;z-index:2;}
.gc-content1-box .gc25{top:420px;left:110px;z-index:2;}
.gc-content1-box .gc26{top:465px;left:150px;z-index:2;}
.gc-content1-box .gc27{top:460px;left:220px;z-index:2;}
.gc-content1-box .gc28{bottom:10px;left:134px;z-index:1;}
.gc-content1-box .gc29{bottom:15px;left:183px;z-index:1;}


.gc-content2{width:840px;margin:150px auto;}
.gc-content2 p{font-size:16px;color:#000000;letter-spacing: 2px;text-align:justify;line-height:30px;}
.gc-content3{width:100%;padding:90px 0;background:#222;position:relative}
.gc-content3 .font{width:100%;text-align:center;}
.gc-content3 .font img{max-width:90%;}
.zy-Slide{font-size: 12px;position:relative;width:100%;height:600px;margin:-10px auto 0;overflow-x:hidden;}
.zy-Slide ul{position:relative;width:100%;height:600px;margin:0;padding:0;}
.zy-Slide li{position:absolute;list-style:none;width:0;height:0;top:146px;left:377px;z-index:0; border-radius:3px;margin:0;padding:0;}
.zy-Slide li img{width:100%;height:100%;vertical-align:middle;}
.zy-Slide .zz{width:1280px;height:600px;position:absolute;top:0;left:50%;margin-left:-640px;z-index:9;display:none;}
.gc-content3 .Slide2{position:absolute;left:50%;margin-left:-512px;bottom:40px;z-index:99;width:1024px;}
.gc-content3 .Slide2 ul{}
.gc-content3 .Slide2 ul li{float:left;width:130px;margin:0 8px;position:relative;top:0;transition: all .5s;}

.gc-content4{width:100%;background:#222;padding:50px 0}
.gc-content4-box{width:800px;margin:0 auto;}
.gc-content4-box p{font-size:16px;color:#fff;letter-spacing: 2px;text-align:justify;line-height:30px;}




/*检品*/
.banner-box-jp{width:100%;clear:both;position:relative;background: url(../img/jp-banner.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.content1 h3.jp{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:200px;left:50%;margin-left:-110px;}
.content1 h3.jp.on{animation:my35 1s; -webkit-animation:my35 1s;animation-fill-mode: forwards;}
@keyframes my35{0%{width:0px;}100%{width:220px;}}

.jp-content1{width:1024px;margin:0 auto;position:relative;height:906px;}
.jp-content1 .img1{position:absolute;top:0;right:0;z-index:1;}
.jp-content1 .img2{position:absolute;bottom:120px;left:38px;}
.jp-content1 .img3{position:absolute;bottom:0;right:40px;width:327px;}
.jp-content1 .img3 p{font-size:16px;color:#3b3b3b;letter-spacing: 1px;text-align:justify;line-height:30px;}

.jp-content2{width:1024px;margin:140px auto 0;position:relative;height:1045px;}
.jp-content2 .img1{position:absolute;top:0;right:50px;z-index:1;}
.jp-content2 .img2{position:absolute;top:338px;left:120px;}
.jp-content2 .img3{position:absolute;left:60px;bottom:70px;}
.jp-content2 .img4{position:absolute;bottom:0;right:70px;width:580px;}
.jp-content2 .img4 p{font-size:16px;color:#3b3b3b;letter-spacing: 1px;text-align:justify;line-height:30px;}

.jp-content3{width:100%;clear:both;position:relative;background: url(../img/jp-bj1.png);background-size:cover;background-attachment: fixed;margin-top:140px;height:820px;}
.jp-content3-box{width:1024px;margin:0 auto;position:relative;height:820px;text-align:center;padding-top:100px;}
.jp-content3-box .img2{margin:37px 0;}
.jp-content3-box .img4 p{font-size:16px;color:#fff;letter-spacing: 1px;text-align:justify;line-height:30px;width:428px;margin:87px auto 0;}

.jp-content4{width:1024px;margin:-140px auto 110px;position:relative;z-index:9}
.jp-content4 ul{width:1134px;overflow:hidden;}
.jp-content4 ul li{width:267px;float:left;margin-right:110px;margin-bottom:100px;}
.jp-content4 p{width:445px;margin:0 auto;font-size:16px;color:#000000;letter-spacing: 1px;text-align:justify;line-height:30px;}

.content1 h3.jp1{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:200px;left:50%;margin-left:-267px;}
.content1 h3.jp1.on{animation:my36 1s; -webkit-animation:my36 1s;animation-fill-mode: forwards;}
@keyframes my36{0%{width:0px;}100%{width:534px;}}

.jp-content5{width:100%;clear:both;position:relative;background: url(../img/jp-bj2.png);background-size:cover;background-attachment: fixed;height:820px;}
.jp-content5-box{width:1024px;margin:0 auto;position:relative;height:820px;text-align:center;}
/* 本例子css */
.slideTxtBox{ width:100%;position:relative}
.slideTxtBox .hd{/*width:650px; height:820px;*/position:relative;z-index:5}
.slideTxtBox .hd ul{position:relative;width:100%;height:100%;}
.slideTxtBox .hd ul li{ position:absolute;height:54px;font-size:24px;color:#fff;line-height:54px;cursor: pointer;padding-left:60px;}
.slideTxtBox .hd ul li.li1{left:40px;top:84px;}
.slideTxtBox .hd ul li.li2{left:40px;top:202px;}
.slideTxtBox .hd ul li.li3{left:40px;top:314px;}
.slideTxtBox .hd ul li.li4{left:40px;top:432px;}
.slideTxtBox .hd ul li.li5{left:366px;top:202px;}
.slideTxtBox .hd ul li.li6{left:366px;top:314px;}
.slideTxtBox .hd ul li.li7{left:366px;top:432px;}
.slideTxtBox .hd ul li.li8{left:366px;top:550px;}

.slideTxtBox .hd ul span{display:block; position:absolute;width:43px;height:54px;transition: background .5s;}
.slideTxtBox .hd ul span.spanli1{left:40px;top:84px;background:url(../img/jp-1.png) no-repeat left center;}
.slideTxtBox .hd ul span.spanli2{left:40px;top:202px;background:url(../img/jp-2.png) no-repeat left center;}
.slideTxtBox .hd ul span.spanli3{left:40px;top:314px;background:url(../img/jp-3.png) no-repeat left center;}
.slideTxtBox .hd ul span.spanli4{left:40px;top:432px;background:url(../img/jp-4.png) no-repeat left center;}
.slideTxtBox .hd ul span.spanli5{left:366px;top:202px;background:url(../img/jp-5.png) no-repeat left center;}
.slideTxtBox .hd ul span.spanli6{left:366px;top:314px;background:url(../img/jp-6.png) no-repeat left center;}
.slideTxtBox .hd ul span.spanli7{left:366px;top:432px;background:url(../img/jp-7.png) no-repeat left center;}
.slideTxtBox .hd ul span.spanli8{left:366px;top:550px;background:url(../img/jp-8.png) no-repeat left center;}


.slideTxtBox .hd ul li.li1.on + span{ background:url(../img/jp-1-1.png) no-repeat left center;}
.slideTxtBox .hd ul li.li2.on + span{ background:url(../img/jp-2-1.png) no-repeat left center;}
.slideTxtBox .hd ul li.li3.on + span{ background:url(../img/jp-3-1.png) no-repeat left center;}
.slideTxtBox .hd ul li.li4.on + span{ background:url(../img/jp-4-1.png) no-repeat left center;}
.slideTxtBox .hd ul li.li5.on + span{ background:url(../img/jp-5-1.png) no-repeat left center;}
.slideTxtBox .hd ul li.li6.on + span{ background:url(../img/jp-6-1.png) no-repeat left center;}
.slideTxtBox .hd ul li.li7.on + span{ background:url(../img/jp-7-1.png) no-repeat left center;}
.slideTxtBox .hd ul li.li8.on + span{ background:url(../img/jp-8-1.png) no-repeat left center;}

.bd-box{width:100%;height:820px;position:absolute;top:0px;right:0;z-index:1;}
.slideTxtBox .bd{width:350px;padding:15px;height:628px;position:absolute;top:100px;right:33px;}
.slideTxtBox .bd ul{  zoom:1;  }
.slideTxtBox .bd li{ width:100%; height:100%; }
.slideTxtBox .bd li .pic{width:280px;height:407px;overflow:hidden;margin:0 auto;}
.slideTxtBox .bd li .pic img{display:block;;}
.slideTxtBox .bd li.li1 .pic img{margin-left:-70px;}
.slideTxtBox .bd li.li2 .pic img{margin-left:-180px;}
.slideTxtBox .bd li.li3 .pic img{margin-left:-300px;}
.slideTxtBox .bd li.li4 .pic img{margin-left:-154px;}
.slideTxtBox .bd li.li5 .pic img{margin-left:-300px;margin-top:-322px;}
.slideTxtBox .bd li.li6 .pic img{margin-left:-607px;margin-top:-172px;}
.slideTxtBox .bd li.li7 .pic img{margin-left:-144px;margin-top:-20px;}
.slideTxtBox .bd li.li8 .pic img{margin-left:-125px;}


.slideTxtBox .bd li p{color:#b3b3b3;font-size:16px;width:280px;text-align:left;letter-spacing: 2px;margin:60px auto 0;}


/*联系我们*/
.content1 h3.ad1{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:200px;left:50%;margin-left:-243px;}
.content1 h3.ad1.on{animation:my37 1s; -webkit-animation:my37 1s;animation-fill-mode: forwards;}
@keyframes my37{0%{width:0px;}100%{width:486px;}}
.content1 h3.ad2{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:200px;left:50%;margin-left:-256px;}
.content1 h3.ad2.on{animation:my39 1s; -webkit-animation:my39 1s;animation-fill-mode: forwards;}
@keyframes my39{0%{width:0px;}100%{width:512px;}}



.banner-box-contact{width:100%;clear:both;background:#101010;position:relative;background-image: url(../img/Forme_top.jpg);background-size:cover;background-attachment: fixed;margin-top:140px;}
.ForMe_top{width: 100%;height: 857px;}
.ForMe_top img{text-align: center;width: 100%;height: 857px;}
.ForMe_Dep{width: 100%;text-align: center;}
.Forme_xian{width: 473px;border-bottom: 1px #000 solid;height: 1px;margin: 0 auto;margin-top: 25px;}
.ForMe_Dep h2{font-size: 26px;}
.Pazui{padding: 140px 0 140px 0;}
.Pazui h2{margin-top: 25px;}
.zi{display: block;width: 750px;margin: 0 auto;font-size: 16px;text-align: left;line-height: 30px;letter-spacing: 3px;}
.frist{width: 1025px;margin: 0 auto;margin-top: 90px;}
.frist_left{width: 546px;float: left;}
.Xia{margin-top: 18px;}
.frist_right{float: right;}
.Huj{clear: both;font-size: 16px;display: block;width: 800px;padding: 100px 0 100px 0;margin: 0 auto;text-align: left;line-height: 30px;letter-spacing: 3px;}
.Play{width: 100%;}
.Play img{width:100%;}
.Mao{font-size: 36px;font-weight: bold;margin-top: 100px;}
.zon{font-size: 32px;letter-spacing: 6px;margin-top: 34px;}
.map{width: 1000px;margin: 0 auto;margin-top: 70px;}
.Api{width: 507px;height: 409px;float: left;}
.map_right{float: right;}
.map_right ul{font-size: 14px;letter-spacing: 3px;text-align: left;}
.map_right ul li{line-height: 30px;}
.map_right p{font-size: 14px;display: block;width: 450px;text-align: left;letter-spacing: 3px;line-height: 28px;margin-top: 60px;}
.ForMe_bansc{width: 100%;padding: 0 0 70px 0;background: #333333;clear: both;margin-top: 600px;color: #FFFFFF;text-align: center;}

.ForMe_bansc .content1 h3.ad1{width:0px;border-bottom:1px #fff solid;height:1px;position:absolute;top:200px;left:50%;margin-left:-196px;}
.ForMe_bansc .content1 h3.ad1.on{animation:my38 1s; -webkit-animation:my38 1s;animation-fill-mode: forwards;}
.ForMe_bansc .content1 h4{font-size:30px;color:#fff;font-family:"华文中宋";margin-top:30px;}
@keyframes my38{0%{width:0px;}100%{width:392px;}}
.ForMe_bansc .content1 h3.ad2{width:0px;border-bottom:1px #fff solid;height:1px;position:absolute;top:210px;left:50%;margin-left:-256px;}
.ForMe_bansc .content1 h3.ad2.on{animation:my39 1s; -webkit-animation:my39 1s;animation-fill-mode: forwards;}


.Ment{text-align: center;}
.Ment h2{font-size: 26px;margin-top: 25px;}
.Ment_xian{width: 473px;border-bottom: 1px #fff solid;height: 1px;margin: 0 auto;margin-top: 25px;}
.zi1{display: block;width: 770px;margin: 0 auto;font-size: 16px;text-align: left;line-height: 30px;letter-spacing: 3px;color: #FFFFFF;}
.chu{width: 1022px;height: 575px;margin: 0 auto;margin-top: 64px;}
.chu img{width: 100%;height: 100%;}
.three{width: 1022px;height: 480px;margin: 0 auto;}
.three img:nth-child(1){float: left;}
.three img:nth-child(2){float: right;}
.Mao{font-size: 36px;font-weight: bold;margin-top: 100px;}
.zon{font-size: 32px;letter-spacing: 6px;margin:34px auto 0;}
.zon span{position:relative;display:inline-block;padding:0 50px;}
.zon .em1{display:block;position:absolute;width:37px;height:1px;background:#3b3b3b;top:50%;left:0;}
.zon .em2{display:block;position:absolute;width:37px;height:1px;background:#3b3b3b;top:50%;right:0;}
.zon .em3{display:block;position:absolute;width:37px;height:1px;background:#fff;top:50%;left:0;}
.zon .em4{display:block;position:absolute;width:37px;height:1px;background:#fff;top:50%;right:0;}





.Ment_zi{width: 740px;margin: 0 auto;padding: 80px 0 80px 0;line-height: 28px;color: #FFFFFF;letter-spacing: 4px;font-size: 16px;text-align: left;}
.DierMap{width: 1000px;margin: 0 auto;margin-top: 70px;height: 400px;}
.Api{width: 507px;height: 409px;float: left;}
.DierMap_right{float: right;}
.DierMap_right ul{font-size: 14px;letter-spacing: 3px;text-align: left;}
.DierMap_right ul li{line-height: 30px;}
.DierMap_right p{font-size: 14px;display: block;width: 450px;text-align: left;letter-spacing: 3px;line-height: 28px;margin-top: 60px;}
.Api2{width: 507px;height: 409px;float: left;}
.frist1{width: 1022px;height: 969px;margin: 0 auto;margin-top: 90px;}
.xia_lia{width: 1022px;height: 375px;margin-top: 20px;}
.xia_lia img:nth-child(1){float: left;}
.xia_lia img:nth-child(2){float: right;}
.three1{width: 1033px;height: 762px;margin: 0 auto;margin-top: 100px;}
.en{width: 684px;float: left;}
.en1{width: 330px;float: right;}
.en1 img:nth-child(2){margin-top: 18px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/*联系我们结束*/


/*首页*/
.home-content{width:100%;height:100%;position:relative;overflow:hidden;}
.home-content .bj{display:block;position:absolute;top:0;left:0;background:url(../img/home1.png) no-repeat center center;background-size:cover;width:100%;height:100%;}
.home-content .bj2{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;overflow:hidden;z-index:99;}
.home-content .bj2 .bj2-img{display:block;position:absolute;top:0;left:0;background:url(../img/home2.png) no-repeat center center;background-size:cover;width:100%;height:100%;}
.home-content .bj2 .bj2-font .img1{opacity:0}
.home-content .bj2 .bj2-font .img2{opacity:0}
.home-content .bj2 .bj2-font .img3{opacity:0}
.home-content .bj2 .bj2-font img.img2{margin:50px 0}
.home-content .bj2 .bj2-font{width:1000px;height:444px;position:absolute;top:50%;left:50%;margin:-222px 0 0 -500px;text-align:center;}
.home-content .bj2 .bj2-font .img3{height:40px;overflow:hidden;width:115px;margin:0 auto;display:block;}
.home-content .bj2 .bj2-font .img3 .home4{width:85px;display:block;height:40px;float:left;line-height:40px;}
.home-content .bj2 .bj2-font .img3 .home5{width:20px;display:block;height:40px;float:left;position:relative;margin-left:10px;overflow:hidden}
.home-content .bj2 .bj2-font .img3 .home5 .img5{position:absolute;left:0;bottom:12%;}
.home-content .bj2 .bj2-font .img3 .home5 .img5-1{position:absolute;left:-200%;bottom:12%; }
.home-content .bj2 .bj2-font .img3 .home5 .img5.on{animation:home9 1.5s; -webkit-animation:home9 1.5s;animation-fill-mode: forwards;}
.home-content .bj2 .bj2-font .img3 .home5 .img5-1.on{animation:home10 1.5s; -webkit-animation:home10 1.5s;animation-fill-mode: forwards;}

.home-content .home-font{width:600px;height:470px;position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-300px;}
.home-content .home-font div{display:block;float:right;overflow:hidden;height:0px;}
.home-content .home-font .img9{margin-right:100px;margin-top:80px;}
.home-content .home-font .img1.on{animation:home5 2.5s; -webkit-animation:home5 2.5s;animation-fill-mode: forwards;}
.home-content .home-font .img2.on{animation:home4 2.5s; -webkit-animation:home4 2.5s;animation-fill-mode: forwards;}
.home-content .home-font .img3.on{animation:home2 2.5s; -webkit-animation:home2 2.5s;animation-fill-mode: forwards;}
.home-content .home-font .img4.on{animation:home2 2.5s; -webkit-animation:home2 2.5s;animation-fill-mode: forwards;}
.home-content .home-font .img5.on{animation:home2 2.5s; -webkit-animation:home2 2.5s;animation-fill-mode: forwards;}
.home-content .home-font .img6.on{animation:home3 2.5s; -webkit-animation:home3 2.5s;animation-fill-mode: forwards;}
.home-content .home-font .img7.on{animation:home3 2.5s; -webkit-animation:home3 2.5s;animation-fill-mode: forwards;}
.home-content .home-font .img8.on{animation:home3 2.5s; -webkit-animation:home3 2.5s;animation-fill-mode: forwards;}
.home-content .home-font .img9.on{animation:home1 2.5s; -webkit-animation:home1 2.5s;animation-fill-mode: forwards;}
.home-content .home-font.on{animation:home6 2s; -webkit-animation:home6 2s;animation-fill-mode: forwards;}
.home-content .bj2.on{animation:home7 1.5s; -webkit-animation:home7 1.5s;animation-fill-mode: forwards;}
.home-content .bj2 .bj2-img.on{animation:home8 2s; -webkit-animation:home8 2s;animation-fill-mode: forwards;}
.skip{width:64px;height:24px;position:absolute;right:20px;bottom:20px;z-index:100;transition: all 0.5s ease 0s;/*animation:home11 1.8s infinite linear ; -webkit-animation:home11 1.8s infinite linear ;*/}
.skip:hover {-webkit-transform: scale(1.2);transform: scale(1.2);}
@keyframes home1{0%{height:0px;}100%{height:400px;}}
@keyframes home2{0%{height:0px;}100%{height:220px;}}
@keyframes home3{0%{height:0px;}100%{height:310px;}}
@keyframes home4{0%{height:0px;}100%{height:300px;}}
@keyframes home5{0%{height:0px;}100%{height:423px;}}
@keyframes home6{0%{opacity:1;}100%{opacity:0;}}
@keyframes home7{0%{opacity:0;}100%{opacity:1;}}
@keyframes home8{0%{-webkit-transform: scale(1.0);transform: scale(1.0);}100%{-webkit-transform: scale(1.04);transform: scale(1.04);}}
@keyframes home9{0%{left:0%;}100%{left:200%;}}
@keyframes home10{0%{left:-200%;}100%{left:0;}}
@keyframes home11{0%{-webkit-transform: scale(1.0);transform: scale(1.0);}50%{-webkit-transform: scale(1.1);transform: scale(1.1);}100%{-webkit-transform: scale(1.0);transform: scale(1.0);}}


/*关于ting*/
.banner-box.about1{width:100%;height:100%;clear:both;background:#101010;position:relative;background-image: url(../img/ting-bj.jpg);background-size:cover;background-attachment: fixed;}
.content1 h3.ting{width:0px;border-bottom:1px #000 solid;height:1px;position:absolute;top:200px;left:50%;margin-left:-137px;}
.content1 h3.ting.on{animation:ting1 1s; -webkit-animation:ting1 1s;animation-fill-mode: forwards;}
@keyframes ting1{0%{width:0px;}100%{width:274px;}}
.ting1{width:100%;position:relative;overflow:hidden;height:807px;}
.ting1 .bj{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../img/ting2.jpg) no-repeat center center;background-size:cover}
.ting1 .ting1-box{width:1024px;height:100%;position:relative;margin:0 auto;}
.ting1 .ting1-box .ting-1{width:234px;height:0%;background:url(../img/ting6.png);position:absolute;top:0;right:0;line-height:870px;text-align:center;}
.ting1 .ting1-box .ting-1 img{opacity:0;}
.ting1 .ting1-box .ting-1.on{animation:ting2 1s; -webkit-animation:ting2 1s;animation-fill-mode: forwards;}
@keyframes ting2{0%{height:0%;}100%{height:100%;}}
.ting1 .ting1-box .ting-2{width:512px;height:440px;position:absolute;top:233px;left:0;}
.ting1 .ting1-box .ting-2 h2{width:18px;height:0;background:#fff;float:left;}
.ting1 .ting1-box .ting-2 h2.on{animation:ting3 1s; -webkit-animation:ting3 1s;animation-fill-mode: forwards;}
@keyframes ting3{0%{height:0%;}100%{height:57px;}}
.ting1 .ting1-box .ting-2 .h3{width:404px;float:left;margin:0 0 0 30px}
.ting1 .ting1-box .ting-2 .h3 p{font-size:16px;color:#fff;letter-spacing: 1px;text-align:justify;line-height:30px;margin-top:50px;width:380px;opacity:0;}
.ting1 .ting1-box .ting-2 .h3 img{opacity:0;}
.ting1 .ting1-box .ting-3{position:absolute;bottom:64px;right:30px;width:588px;height:100px;background: url(../img/SHIs.png) no-repeat;}


.ting2{width:1024px;margin:185px auto 0;}
.ting2 .ting2-title{text-align:center;position:relative}
.ting2 .ting2-title img{display:inline-block;}
.ting2 .ting2-title h2{width:0;height:5px;background:#22202b;position:absolute;left:50%;margin-left:-25px;top:290px;}
.ting2 .ting2-title h2.on{animation:ting4 1s; -webkit-animation:ting4 1s;animation-fill-mode: forwards;}
@keyframes ting4{0%{width:0px;}100%{width:50px;}}
.ting2 .ting2-1{height:620px;position:relative;margin-top:156px;}
.ting2 .ting2-1 .pic1{position:absolute;left:150px;top:0;width:671px;height:419px;}
.ting2 .ting2-1 .pic2{position:absolute;right:26px;top:188px;}
.ting2 .ting2-1 .pic3{position:absolute;left:150px;top:430px;width:309px;}
.ting2 .ting2-1 .pic3 h1{font-size:26px;color:#3b3b3b;margin:60px 0 0px}
.ting2 .ting2-1 .pic3 p{font-size:16px;color:#000000;letter-spacing: 1px;text-align:justify;line-height:30px;margin-top:30px;}

.ting2 .ting2-2{height:966px;position:relative;}
.ting2 .ting2-2 .pic1{position:absolute;left:510px;top:0;width:478px;height:707px;}
.ting2 .ting2-2 .pic2{position:absolute;right:447px;top:340px;}
.ting2 .ting2-2 .pic3{position:absolute;left:510px;bottom:0;width:309px;}
.ting2 .ting2-2 .pic3 h1{font-size:26px;color:#3b3b3b;margin:60px 0 0px}
.ting2 .ting2-2 .pic3 p{font-size:16px;color:#000000;letter-spacing: 1px;text-align:justify;line-height:30px;margin-top:30px;}

.ting2 .ting2-3{height:670px;position:relative;margin-top:106px;}
.ting2 .ting2-3 .pic1{position:absolute;right:94px;top:0;width:663px;height:436px;}
.ting2 .ting2-3 .pic2{position:absolute;left:99px;top:80px;}
.ting2 .ting2-3 .pic3{position:absolute;left:117px;top:436px;width:309px;}
.ting2 .ting2-3 .pic3 h1{font-size:26px;color:#3b3b3b;margin:60px 0 0px}
.ting2 .ting2-3 .pic3 p{font-size:16px;color:#000000;letter-spacing: 1px;text-align:justify;line-height:30px;margin-top:30px;}

.ting2 .ting2-4{height:860px;position:relative;margin-top:140px;}
.ting2 .ting2-4 .pic1{position:absolute;left:60px;top:0;width:512px;height:763px;}
.ting2 .ting2-4 .pic2{position:absolute;left:529px;top:242px;}
.ting2 .ting2-4 .pic3{position:absolute;right:66px;top:570px;width:309px;}
.ting2 .ting2-4 .pic3 h1{font-size:26px;color:#3b3b3b;margin:60px 0 0px}
.ting2 .ting2-4 .pic3 p{font-size:16px;color:#000000;letter-spacing: 1px;text-align:justify;line-height:30px;margin-top:30px;}

.ting2 .ting2-5{height:778px;position:relative;margin-top:120px;}
.ting2 .ting2-5 .pic1{position:absolute;left:330px;top:0;width:669px;height:441px;}
.ting2 .ting2-5 .pic2{position:absolute;left:178px;top:56px;}
.ting2 .ting2-5 .pic3{position:absolute;left:330px;bottom:0px;width:410px;}
.ting2 .ting2-5 .pic3 h1{font-size:26px;color:#3b3b3b;margin:60px 0 0px}
.ting2 .ting2-5 .pic3 p{font-size:16px;color:#000000;letter-spacing: 1px;text-align:justify;line-height:30px;margin-top:30px;}

.ting2 .ting2-6{height:1025px;position:relative;margin-top:120px;}
.ting2 .ting2-6 .pic1{position:absolute;left:283px;top:0;width:512px;height:763px;}
.ting2 .ting2-6 .pic2{position:absolute;left:674px;top:287px;}
.ting2 .ting2-6 .pic3{position:absolute;left:40px;bottom:0px;width:363px;}
.ting2 .ting2-6 .pic3 h1{font-size:26px;color:#3b3b3b;margin:60px 0 0px}
.ting2 .ting2-6 .pic3 p{font-size:16px;color:#000000;letter-spacing: 1px;text-align:justify;line-height:30px;margin-top:30px;}


.ting3{width:100%;margin-top:160px;}
.ting3-top{width:100%;height:530px;background:url(../img/ting-pic13.png);background-size:cover;text-align:center;position:relative}
.ting3-top img{margin-top:196px;}
.ting3-top h2{width:0px;height:5px;background:#78ceb7;position:absolute;left:50%;margin-left:-25px;top:300px;}
.ting3-top h2.on{animation:ting5 1s; -webkit-animation:ting5 1s;animation-fill-mode: forwards;}
@keyframes ting5{0%{width:0px;}100%{width:53px;}}
.ting3-top a{display:block;width:124px;height:35px;background:url(../img/ting-link.png) no-repeat center center;transition: all 0.5s ease 0s;margin:80px auto 0;}
.ting3-top a:hover{background:url(../img/ting-link1.png) no-repeat center center;}

		.ting3 .picMarquee-left{ width:100%;overflow:hidden; position:relative;  }
		.ting3 .picMarquee-left .hd{ display:none; }
		.ting3 .picMarquee-left .bd{}
		.picMarquee-left .bd ul{  zoom:1;}
		.picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;}
		.picMarquee-left .bd ul li img{transition: transform 0.5s ease 0s;width:344px;height:230px;}
.picMarquee-left .bd ul li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.ting4{width:100%;height:850px;background:#fafafa;padding-top:122px;}
.ting4-box{width:1024px;margin:0 auto;position:relative}
.ting4-box .message{margin-left:77px;margin-top:60px;}
.ting4-box .message h1{color:#3b3b3b;font-size:20px;font-weight:bold;letter-spacing: 1px;margin-bottom:15px;}
.ting4-box .message p{color:#3b3b3b;font-size:16px;letter-spacing: 1px;height:30px;line-height:30px;}
.ting4-box .message a{color:#3b3b3b;font-size:16px;letter-spacing: 1px;height:30px;line-height:30px;display:block;}
.message-title{padding-left:65px;height:50px;position:relative}
.message-title span{display:block;width:17px;height:0;background:#22202b;position:absolute;left:0;top:0}
.message-title span.on{animation:ting6 1s; -webkit-animation:ting6 1s;animation-fill-mode: forwards;}
@keyframes ting6{0%{height:0px;}100%{height:50px;}}
.ting4-box .message ul li{width:83px;height:83px;float:left;margin-right:33px;position:relative}
.ting4-box .message ul li > img{width:83px;height:83px;}
.ting4-box .message ul li span{display:block;width:148px;height:174px;position:absolute;left:50%;margin-left:-74px;bottom:-200px;display:none;}
.ting4-box .message ul li span img{display:block;width:100%;}
.ting4-box .message ul li:hover span{display:block;}
.ting4-box .bj{width:926px;height:362px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -420px;background:url(../img/aaa.png);overflow:hidden;}







.st0{fill:none;stroke:#fff;stroke-width:1;stroke-miterlimit:10;}
.st1{fill:none;stroke:#fff;stroke-width:1;stroke-miterlimit:10;}
	
@keyframes dash {
	0%{
		fill:#fff;
	}
	20%{
		fill:#fff;
	}
	40%{
		fill:#000;
	}
	100% {
		fill:#000;
		stroke-dashoffset: 0;  /* 固定动画设定，不用修改 */
		
	}
}
@keyframes dash1 {
	0%{
		fill:#fff;
	}
	20%{
		fill:#fff;
	}
	100% {
		stroke-dashoffset: 0;  /* 固定动画设定，不用修改 */
		fill:#fff;
	}
}
.st0.on{
	stroke-dasharray: 2000;
	stroke-dashoffset:2000; 
	animation: dash 3s linear forwards;
	animation-fill-mode: forwards;
}
.st1.on{
	stroke-dasharray: 2000;
	stroke-dashoffset:2000; 
	animation: dash1 3s linear forwards;/* 设定键盘外轮廓border的动画时间为1.5s */
}