html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

/* basic */
html,body{ margin:0; padding:0; }
input{ outline: 0; }
a {
	text-decoration:none;
	color:#b3b3b3;
	font-size:14px;
	font-family: 'arial',"微软雅黑";
}
html{
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling:touch;
}

body {
	color:#b3b3b3;
	font-size:14px;
	font-family:'arial',"微软雅黑";
	background:#fff;
}
img {
	border:0;
}

.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; }

.pd10{ padding:10px; }
.pd20{ padding:20px; }
.pd25{ padding:25px; }
.pd30{ padding:30px; }
.pd40{ padding:40px; }

.wrap{ width:1100px; margin:0 auto; }

::selection {
	background:#0456af;
	color:#fff;
}

::-moz-selection {
	background:#0456af;
	color:#fff;
}

::-webkit-selection {
	background:#0456af;
	color:#fff;
}

@font-face {
    font-family: 'HelveticaNeueLTProTh';
    src: url('fonts/HelveticaNeueLTProTh.eot');
    src: url('fonts/HelveticaNeueLTProTh.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeueLTProTh.woff2') format('woff2'),
         url('fonts/HelveticaNeueLTProTh.woff') format('woff'),
         url('fonts/HelveticaNeueLTProTh.ttf') format('truetype'),
         url('fonts/HelveticaNeueLTProTh.svg#HelveticaNeueLTProTh') format('svg');
}

/* style sheet */
body,html{ overflow-x:hidden; overflow-y:auto; background:#fff }
.wrap{ width:1100px; margin:0 auto; position:relative; }
.fixed{ position:fixed; width:100%; height:100%; overflow:hidden; top:0; left:0; z-index:99; }
.layer{ position:relative; }

.bg{ position:absolute; top:0; left:0; width:100%; }
.bg img{ display:block; width:100%; position:absolute; bottom:40px; }
.intro-1{ position:absolute; left:50%; margin-left:-475px; bottom:-20px; }
.intro-2{ position:absolute; left:50%; margin-left:400px; bottom:70px; }
.intro-3{ position:absolute; left:50%; margin-left:-273px; top:40%; }
.intro-4{ position:absolute; left:50%; margin-left:-620px; bottom:100px; }

.intro{ overflow:hidden; height:640px; background:#242424; margin-bottom:-30px; }
.intro .wrap{ height:100%; }
.intro-t{ position:absolute; top: -10px; left: 50%; margin-left:-55%; width:110%; }
.intro-t img{ display:block; width:100%; }

.intro-1{
	position: absolute;
	top: 250px;
	right: 100px;
 }
.intro-2{ position:absolute; left:0; top:-5%; width:110%; margin-left:-5%; }
.intro-2 img{ display:block; width:100%; }

.list{ text-align:center; position:relative; }
.list li{ display:inline-block; }
.list li span{ display:block; font-size:14px; color:#717071; height:30px; line-height:30px; }
.intro-list{ padding:200px 0 200px; background:#e6e6e6; }
.intro-list li{ width:350px; height:300px; }
.intro-list li img{ display:block; }

.pra{ color:#717071; }
.pra h2{ display:block; height:26px; line-height:26px; font-size:18px; }
.pra p{ line-height:22px; font-size:14px; }
.intro-2-p{ position:absolute; top: -110px; left: 75px; }

.intro{ height:915px; position:relative; }
.intro .bg{ position:absolute; top:0; left:0; width:100%; }
.intro .bg img{ top:0; bottom:auto; }
.id{ height:320px; overflow:hidden; }
.id .bg{ position:absolute; width:100%; top:0; left:0; }
.id .bg img{ display:block; width:100%; position:relative; }
.id .wrap{ position:relative; color:#a8a8a8; }
.id .wrap img{ display:block; margin-top:60px; margin-bottom:20px; }
.id p{ line-height:30px; }
.id1-list li{ position:relative; width:310px; }
.id1-list .web-3-p{ margin:0 0 100px 100px; }
.id1-list{ background:url('4-1.jpg') no-repeat 50% 0%; padding-top:500px; padding-bottom:180px; }
.id-1{ display:block; width:100%; height:600px; background:#e3e3e3 url('2-1.jpg') no-repeat 50% 50%; }
.id2-list{ background:#e3e3e3; }
.id2-list .list{ position:relative; top:110px; }
.id2-list li{ width:240px; margin:0 10px; height:300px; }

.id2-ele{ position:absolute; top: -90px; right: -250px; }

.id3 img{ display:block; width:100%; }

.id3-list{ padding-top:100px; background:#e3e3e3; }
.web-3-p{ 
	margin-left: 200px;
	margin-bottom: 100px;
 }
 
.id4 img{ display:block; width:100%; }
.id4-list{ background:#161616; margin-top:-10px; }
.id4-list li{ margin:0 15px; }
.web-5-p{ margin-left:320px; 
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
}

.id4-list li{ width:300px; height:260px; margin:0 20px; }
.id4-list .list{ 
	padding-top: 100px;
	padding-bottom: 50px;
 }
.id5{ position:relative; z-index: 1; margin-top:-10px; }
.id5 img{ display:block; width:100%; }
.id5-1{ width:430px; height:600px; position:absolute; top:-90px; right:0; }
.id5-list{ background:#e3e3e3; padding:50px 0 100px; }
.id5-list li{ width:320px; height:300px; }
.id5-list .list{ padding-top:100px; }

.id6{ top:-50px; position:relative; }
.id6 img{ display:block; width:100%; }
.web-6-p{ position:relative; z-index:2; top: -80px; }
.id6-list{background:#fff;}
.id6-list li{ width:300px; height:280px; }

.id7 img{ display:block; width:100%; }
.id7-list{ background: #161616 url('18-1.jpg') no-repeat 90% 90%; margin-top:-10px; }
.id7-list li{ width:300px; height:260px; margin: 0 20px; }

.id8{ margin-top:-10px; }
.id8-list{ margin-bottom:100px; }
.id8 img{ display:block; width:100%; }
.id8-list li{ width:300px; height:240px; margin: 0 20px; }

.id9 img{ display:block; width:100%; }
.id9-1{ width:600px; height:337px; position:absolute; top: -40px; right: 40px; }
.id9-list li{ width:300px; height:320px; margin: 0 30px; margin-bottom:30px; }
.web-7-p{ padding:50px 0 100px; margin-left: 0px; }

.id9-elem{ position:absolute; right:-600px; bottom:-50px; }
.id10 img{ display:block; width:100%; }

.web-8-p{ padding:50px 0 100px; margin-left:650px; }

.id10-list{ background:#161616; padding-top:10px; margin-top:-10px; }
.id10-list li{ margin:0 20px; margin-bottom:50px; }

.id11{ margin-top:-10px; }
.id11 img{ display:block; width:100%; }

.id11-list li{ margin-bottom:50px; }
.id11-list{ padding:50px 0; }
.id11-list .list{ padding-top:50px; }
.web-9-p{ margin-left:100px; }

.id12 img{ display:block; width:100%; }
.id12-list li{ margin:0 50px; }

.web-10-p{ margin-left: 720px; padding:60px 0 50px; }
.id12-list li{ margin: 0 70px; }
.id12-list{ margin-bottom:50px; }
.id13 img{ display:block; width:100%; }

.id13-list{ background:#171616; padding-top:50px; padding-bottom:20px; margin-top:-10px; }
.id13-list li{ width:500px; height:300px; }
.web-11-p{ margin-bottom:50px; }

.id14{ margin-top:-10px; }
.id14-list{ padding-bottom:100px; }
.id14 img{ display:block; width:100%; }
.id14-1{ position:absolute; right: 90px; top: -120px; width:500px; }
.id14-list li{ margin:0 30px; }

/* header */
#header{ position:fixed; top:0; left:0; z-index:999; width:100%; height:94px; background:url('header.png') no-repeat 50% 0;
	-webkit-transition:all .3s cubic-bezier(0.33,0.66,0.66,1);
	-moz-transition:all .3s cubic-bezier(0.33,0.66,0.66,1);
	transition:all .3s cubic-bezier(0.33,0.66,0.66,1);
 }
#header.folder{ top:-86px; }
.header-left,
.header-right{ width:50%; height:90px; }
.header-right ul{ margin-left:50px; }

#header .wrap{ position:relative; }
.logo{ width:67px; height:67px; position:absolute; top:50%; left:50%; margin-left:-33.5px; margin-top:-37.5px }
.menu-top{ width:100px; height:90px; float:left; position:relative; }
.menu-top h3,
.menu-top h4{ display:block; height:20px; line-height:20px; text-align:center; }
.menu-top h3{ color:#414141;
	-webkit-transition:all .3s cubic-bezier(0.33,0.66,0.66,1);
	-moz-transition:all .3s cubic-bezier(0.33,0.66,0.66,1);
	transition:all .3s cubic-bezier(0.33,0.66,0.66,1);
 }
.menu-top h4{ color:#b6b5b4; font-size:12px; }

.menu-top dl{ padding-top:25px; }
.menu-top:hover h3,.menu-top.current h3{ color:#f50b0b; }

.menu-top:hover .sub-nav{ display:block;}
.sub-nav{ display:none;}
.sub-nav{ width:120px; height:auto; position:absolute; top:86px; left:-10px; padding-bottom:12px; border-radius:0 0 5px 5px; background-color:#fff;}
.sub-nav ul{ padding:0; margin:0; }
.sub-nav li{ width:72px; height:35px; margin:0; padding:0 24px;}
.sub-nav li a{  width:72px; height:34px; border-bottom:1px solid #efefef; font-size:12px; line-height:34px; color:#999; text-align:left; display:block;text-align:center;}
.sub-nav li a:last-child{ border-bottom:0; }

.sub-nav li:hover{ background-color:#ededed;}
.sub-nav li a:hover{ color:#333; border-bottom:1px solid #ededed;}


/*footer*/
.footer-info{ height:685px; background-color:#f1f1f1;}
.info-contact{ width:100%; height:404px; background:url(../../images/f-bg1.jpg) no-repeat center; background-color:#b4bbc3;}
.top-txt{ font-size:16px; line-height:16px; font-weight:bold; color:#000; opacity:.56; text-align:center; padding-top:36px;}

.info-l{ width:340px; height:340px; background:url(../../images/f-l-bg.png) no-repeat left; float:left;   margin-left:40px;}
.info-l-top{ position:relative; height:80px; margin-top:40px;}
.info-l-top img{ position:absolute; top:6px; left:0;}
.l-top-txt{ margin-left:65px; padding-top:30px;}
.l-top-txt p{ font-size:12px; line-height:12px; color:#575757;}
.phone-num{ font-size:24px;  font-weight:bold; line-height:24px; color:#cb0215; display:inline-block; margin-top:2px;}
.qicq{ font-size:11px; line-height:11px; color:#01223b; margin-top:4px;}
.qq-num{ font-size:14px; line-height:15px; color:#4c4c4c;}
.qq-num span{ color:#e90016; font-weight:bold;}
.l-line{ width:224px; height:1px; background:url(../../images/dotted-line.png) repeat-x; display:block; margin-top:14px;}
.info-qqgroup{ margin-top:14px;}
.qqgroup-txt{ font-size:12px; line-height:12px; color:#3f3f3f;}
.qq-groups{ margin:12px 0;}
.info-qqgroup p{ font-size:12px; line-height:18px; color:#4c4c4c;}
.qq-groups span{ color:#cb0215;}

.info-m{ width:330px; height:320px; float:left;}
.info-m-top { margin-top:84px;}
.info-m-top p{ font-size:12px; line-height:18px; color:#4c4c4c;}
.info-m-top span{ color:#cb0215;}
.weixin-ewm{ margin:18px 0; position:relative;}
.weixin-ewm img{ position:absolute; top:0; left:0; box-shadow:}
.weixin-txt{   height:46px; margin-left:78px; padding-top:10px;}
.weixin-txt p{ font-size:12px; line-height:18px; color:#5f5f5f;}
.weixin-txt span{ font-size:18px;}
.m-line{ width:194px; height:1px; background:url(../../images/dotted-line.png) repeat-x; display:block; margin:10px 0;}
.weixin-search p{ font-size:12px; line-height:18px; color:#weixin-search;}
.weixin-search span{ color:#cb0215;}

.info-r{ width:340px; height:340px; background:url(../../images/f-r-bg.png) no-repeat right; float:left;}
.info-r-wrap{ padding-left:96px; padding-top:40px; position:relative;}
.info-r-top{ margin-top:30px;}
.info-r-top p{ font-size:14px; line-height:14px; color:#4c4c4c;}
.weibo{ margin-top:30px; position:relative; height:58px;}
.weibo img{ position:absolute; top:0; left:0;}
.weibo-txt{ margin-left:86px;}
.weibo-txt i{ height:38px; height:37px; background:url(../../images/f-r1.png) no-repeat; display:block;}
.weibo-txt p{ font-size:12px; line-height:12px; color:#5f5f5f;}
.weibo-search{ margin:18px 0;}
.weibo-search p{ font-size:12px; line-height:18px; color:#4c4c4c;}
.info-r-img{ position:absolute; left:88px;}

.info-links{ width:100%; height:285px; background:url(../../images/f-bg2.jpg) no-repeat center; background-color:#bbc1c9;}
.info-links-list{ padding-top:36px;}
.info-links dl{ float:left; width:16.66%; text-align:center}
.info-links dl dt{ font-size:14px; line-height:14px; color:#272727; margin-bottom:20px;}
.info-links dl a:link,.info-links dl a:visited{ font-size:12px; line-height:20px; color:#4c4c4c;}

.footer-links{ height:186px; background-color:#2f3233; padding-top:50px; }
.link-list ul{   width:583px; margin:0 auto;}
.link-list li{ float:left;}
.link-list li a{ font-size:12px; color:#fff; line-height:12px;}
.v-line{ width:1px; height:10px; background-color:#484b4c; margin:8px 20px 0 20px; display:block; float:left;}
.footer-links p{ font-size:12px; line-height:18px; color:#a1a1a1; text-indent:2em; width:590px; margin:0 auto; display:block; padding-top:20px;}
.copyright{ color:#797979; margin-top:20px;}

.logo-list{ padding-left:120px; margin-top:40px;}
.logo-list li{ float:left; margin-right:30px;}

.logo-list a{ position:relative; height:34px; display:block}
.logo-list a img.flogo{ position:absolute; left:0; top:0; opacity:0; transition:all ease-out .3s}
.logo-list a:hover .flogo{ opacity:1}/*联系*/.contact{ position:absolute; bottom:0; left:0; width:100%; height: 100%; background: #b4bbc3;}.contact p{ text-align:center; font-size:12px; font-weight:700; color:#8b8c8d; display:block;	height:40px; line-height:20px; padding-top:25px;  }.contact-2{ height:356px;  background:url('../images/f-bg1.jpg') no-repeat 50% 0; }.contact-3{ background:url('../images/f-bg2.jpg') no-repeat 50% 0; text-align:center; padding-top:25px; padding-bottom:25px; color: #272727;}.contact-3 dl{ display:inline-block; padding:0 40px; vertical-align:top; }.contact-3 dt{ display:block; height:40px; line-height:40px; font-weight:400; }.contact-3 dd{ display:block; height:20px; }.contact-3 dd a{ font-size:12px; color: #4c4c4c; font-weight:400; }#footer{ background:#2f3233; height:100%; overflow:hidden; width: 100%;}.footer{ text-align:center;padding: 45px 0 30px;line-height: 40px;}.footer ul{ display:block; margin-bottom:10px; }.footer li a{ font-size:12px; color:#fff; }.footer li{ display:inline-block; font-size:12px; }.footer p{ line-height:20px; font-size:12px; color:#a1a1a1; }.client{ text-align:center;padding-bottom:35px; }.client li{ display:inline-block; vertical-align:middle; opacity:.4; margin:0 5px;	-webkit-transition:all .3s cubic-bezier(0.33,0.66,0.66,1);	-moz-transition:all .3s cubic-bezier(0.33,0.66,0.66,1);	transition:all .3s cubic-bezier(0.33,0.66,0.66,1);}.client li:hover{ opacity:1; }#mask{	-webkit-transition:all 1s cubic-bezier(0.33,0.66,0.66,1);	-moz-transition:all 1s cubic-bezier(0.33,0.66,0.66,1);	transition:all 1s cubic-bezier(0.33,0.66,0.66,1);}.contact-2 .wrap{ position:relative; }.contact-2-c{ width:340px; height:230px; position:absolute; left:50%; margin-left:-165px; top:50px; text-align: left; }.contact-2-code .aa{ width:129px; height:129px; display:inline-block; vertical-align:middle; }.contact-2-code .ab{ height:40px; display:inline-block; vertical-align:middle; }.contact-2-code .ab h3{ font-size:18px; display:block; height:26px;  margin-top: -35px;  margin-left: 15px; margin-bottom: 15px;}.contact-2-code .ab h4{ font-size:12px; display:block; margin-bottom:10px;margin-left: 15px;}.contact-2-code{ margin-bottom:20px; font-size:12px; }.contact-2-c h4 span{ display:inline-block; font-size: 12px; margin-bottom: 15px; margin-top: 20px;}.contact-2-c h4 span:nth-child(1){ margin-right:10px; }.contact-2-c h4 span b{ color:#d53241;}.contact-2-c h4{ margin-bottom:10px; margin-top: -20px;}.contact-2-c p{ display:block; font-size:12px; line-height:18px; }.contact-2-c p span{ color:#d53241; }.contact-2-c p:nth-child(3){ background:url('../images/bl.png') no-repeat 0 100%; padding-bottom:10px; }.contact-2-c p:nth-child(4){ padding-top:10px; }.main{	width: 100%;	height: 100%;	margin:0 auto;	text-align:center;}.contact-2 .wrap .fl{	background: url("../images/f-l-bg.png") no-repeat center;	width: 340px;	height: 266px;} .contact-2 .wrap .fr{	 background: url("../images/f-r-bg.png") no-repeat center;	 width: 289px;	 height: 266px; }