@charset "utf-8";
/* CSS Document */

body,p,div,span,a,h1,h2,h3,h4,dl,dt,dd,ul,li,ol,img,input,textarea,strong,button{ padding:0; margin:0; border:0; list-style:none;outline: none;}
body,html{ font-size:14px; font-family:"微软雅黑"; color:#595757;}
a{ color:#595757; text-decoration:none;}
a:hover{ color:#F29600; text-decoration:none;}

.linkyouqing a{ color:#fff; text-decoration:none;}
.linkyouqing a:hover{ color:#595757; text-decoration:none;}
html,body{width: 100%;height: 100%;}


.clear{clear:both;}
/* header */

#header{width: 100%;position: fixed;top: 0;background: #fff;z-index: 100;color:#231815; height:120PX;}
.nav{width:100%;height: 120px;margin: 0 auto;position: relative;}
.nav p{width: 0px;float: left;position: absolute; top: 20px;left: 10%;}

.nav a{width: 50px;float: left;/* margin-top:7px; */}
.nav a img{display: block;}
.nav ul{width:50%;height: 120px;position: absolute; top: 0px; left:30%;font-size: 23px; }
.nav ul li {width: 50px;float:left;line-height: 120px;text-align: center;}
.nav ul li p{width: 50px;line-height: 120px;text-align: center; font-size:12px; font-weight:bold; margin-top:8PX;}
.nav ul li span{font-size:12px; font-weight:bold;position: absolute; top: 30px; margin-left:-20px;}

.nav li a{color:#383838;}
.nav li a:hover{color:#AB1064;}
.nav div{width: 25%;float: right;position: absolute; top: 25px;right: 30px;}




/* banner */
#banner{width: 100%;height:auto;margin: 0 auto;margin-top: 81px;overflow: hidden;position: relative;}
#banner .baitu{display: block;width: 100%;}
#banner ul{width: 100%;margin:0 auto;text-align: center;}
#banner ul li{position: absolute;left:0;top:0;opacity:0;z-index:0;
	transition: all 1s;
	-moz-transition: all 1s;	/* Firefox 4 */
	-webkit-transition: all 1s;	/* Safari 和 Chrome */
	-o-transition: all 1s;	/* Opera */}
#banner ul .current{opacity:1;z-index:1;}
#banner ul img{width: 100%;}
#banner ol {width: 20%;height: 4px;position: absolute;left:0;right:0;margin: -30px auto 0;z-index:10;}
#banner ol li{float: left;width: 18%;height: 4px;background: #FFF;margin-right:2.5%;cursor:pointer;}
#banner ol .current{background: #F29600;}
#banner ol .last{margin-right:0;}
#banner span{display: none;cursor: pointer;z-index:80;opacity: 0.8;}
#banner .cleft{position: absolute;left: 1%;top: 48%;width: 41px;height: 41px;background:url(../images/cleft.png);}
#banner .cright{position: absolute;right: 1%;top: 48%;width: 41px;height: 41px;background:url(../images/cright.png);}
/* js */
.nav li a{
	display:inline-block;
	/* height: 70px; */
	width:50px;
	border-bottom: 1px solid rgba(242,150,0,0);
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: all 0.5s;/* Opera */
	}
.nav li a:hover{height: 120px;}

.nav li .current{ color:#AB1064;/* height: 55px; */ width:50px;border-bottom: 1px solid rgba(242,150,0,0);}
.nav li .current1{ color:#F29600;height: 55px; width:40px;border-bottom: 1px solid rgba(242,150,0,0);}
.nav li .current2{ height: 55px; width:60px;border-bottom: 1px solid rgba(242,150,0,0);}
.nav li .current3{ height: 55px; width:40px;border-bottom: 1px solid rgba(242,150,0,0);}
.nav li .current4{ color:#F29600;height: 55px; width:60px;border-bottom: 1px solid rgba(242,150,0,0);}

/* 3d */

.case{ width:100%; background:#fff; }
.caseimg{width:1465px;margin:0 auto; padding-top:120px; padding-bottom:20px; padding-left:30px;}

.Center1{ width:1465px; margin:0 auto; display:block;}
i_case{ clear:both; background:#f6f6f6; min-width:1170px;}
.i_case h2{ padding-top:62px; height:110px; display:block;}
.i_case h2 a{ display:block; width:482px; height:50px; margin:0 auto; background:url(../images/t02.png) no-repeat center top;}
.i_case h3{ padding-top:65px; height:60px; display:block; clear:both;}
.i_case h3 a{ display:block; width:244px; height:14px; margin:0 auto; background:url(../images/bg04.png) no-repeat center bottom;}
.i_case h3 a:hover{ background-position:center 3px;}
.i_case ul{ width:1450px; display:block; margin:0 auto;}
.i_case li{ float:left; padding:0 1px 1px 0; list-style-type: none;}
.i_case li a{ display:block; background:#fff; position:relative; width:205px; height:330px; overflow:hidden;}
.i_case li a ins{ display:block; position:absolute; left:0; top:0; z-index:1;}
.i_case li ins img{ -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;}
.i_case li ins img:hover{ -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
	
    filter: gray;}

.i_case li a tt{ display:block; position:absolute; left:0; bottom:-95px; z-index:2;}


.about{ width:100%; background:#F5F5F5; }
.aboutimg{width:1465px;margin:0 auto; padding-top:120px; padding-bottom:20px; padding-left:30px;}

.aboutcontent{ padding-top:220px; padding-bottom:125px; }

.about02{ clear:both; height:545px; background:#f5f5f5;}
.Root{ width:1200px; display:block; position:relative; margin:0 auto; }
.root{ width:1200px; display:block; position:relative; margin:0 auto; }
.about02 .obj01{ width:348px; height:425px; display:block; position:absolute; left:35px; top:30px; padding-top:112px; }
.about02 .obj02{ width:400px; height:540px; display:block; overflow:hidden; position:absolute; left:385px; top:10px;}
.about02 .obj03{ width:400px; height:165px; display:block; overflow:hidden; position:absolute; left:790px; top:235px;}
.about02 .obj03 ul{ display:block; position:absolute; left:0; top:0; width:2000em;}
.about02 .obj03 li{ float:left; width:400px; height:165px; display:block;}
.about02 .obj03 li img{ display:block; margin:0 auto;}


.about02 .obj01 li{ height:28px; display:block; padding-bottom:20px; background:url(../images/about/bg1.gif) no-repeat 0 0;  }
.about02 .obj01 li a{ display:block; height:28px; position:relative; }
.about02 .obj01 li a b{ width:27px; height:28px; display:block; background-image:url(../images/about/bg13.gif);}
.about02 .obj01 li a:hover b,.about02 .obj01 li a.hover b{ background-image:url(../images/about/bg14.gif);}
.about02 .obj01 li.li2008 a b{ background-position:left 0;}
.about02 .obj01 li.li2009 a b{ background-position:left -46px;}
.about02 .obj01 li.li2010 a b{ background-position:left -92px;}
.about02 .obj01 li.li2011 a b{ background-position:left -138px;}
.about02 .obj01 li.li2012 a b{ background-position:left -183px;}
.about02 .obj01 li.li2013 a b{ background-position:left -229px;}
.about02 .obj01 li.li2014 a b{ background-position:left -275px;}

.about02 .obj01 li a span{ width:215px; height:28px; display:block; overflow:hidden; position:absolute; left:38px; top:0; z-index:1;}
.about02 .obj01 li a span ins{ display:block; width:215px; height:28px; background-image:url(../images/about/bg11.png); background-repeat:no-repeat; position:absolute; left:0; top:0;}
.about02 .obj01 li.li2008 a span ins{ background-position:left 0;}
.about02 .obj01 li.li2009 a span ins{ background-position:left -46px;}
.about02 .obj01 li.li2010 a span ins{ background-position:left -92px;}
.about02 .obj01 li.li2011 a span ins{ background-position:left -138px;}
.about02 .obj01 li.li2012 a span ins{ background-position:left -183px;}
.about02 .obj01 li.li2013 a span ins{ background-position:left -229px;}
.about02 .obj01 li.li2014 a span ins{ background-position:left -275px;}
.about02 .obj01 li a.hover span ins{left:-215px;}


.about02 .obj01 li a.hover span tt{left:0px;}
.about02 .obj01 li a span tt{ display:block; width:215px; height:28px; background-image:url(../images/about/bg12.gif); background-repeat:no-repeat; position:absolute; left:215px; top:0;}
.about02 .obj01 li.li2008 a span tt{ background-position:left 0;}
.about02 .obj01 li.li2009 a span tt{ background-position:left -46px;}
.about02 .obj01 li.li2010 a span tt{ background-position:left -92px;}
.about02 .obj01 li.li2011 a span tt{ background-position:left -138px;}
.about02 .obj01 li.li2012 a span tt{ background-position:left -183px;}
.about02 .obj01 li.li2013 a span tt{ background-position:left -229px;}
.about02 .obj01 li.li2014 a span tt{ background-position:left -275px;}

.about02 .obj02{}
.about02 .obj02 li{ display:block; position:absolute; left:0; top:0; z-index:1;}
.about02 .obj02 li.hover{ z-index:2;}




.news .Center{ width:1140px; display:block; margin:0 auto;}
.news .bigbox{ width:1138px; height:512px; display:block; overflow:hidden; position:relative;}
.news .bigbox ul{ display:block; width:2000em; position:absolute; left:0; top:0; z-index:1;}
.news .bigbox li{ display:block; width:1138px; height:512px; float:left;}
.news .bigbox a.prev{ width:20px; height:34px; display:block; background:url(../images/bg12.png) no-repeat left top; position:absolute; right:57px; bottom:10px; z-index:5;}
.news .bigbox a.prev:hover{ background-position:left bottom;}
.news .bigbox a.next{ width:20px; height:34px; display:block; background:url(../images/bg12.png) no-repeat right top; position:absolute; right:10px; bottom:10px; z-index:5;}
.news .bigbox a.next:hover{ background-position:right bottom;}

.tle{ display:block; height:20px; line-height:20px; color:#acabab; font-family:宋体;}
.tle a{ color:#acabab;}
.tle a:hover{ color:#000;}
.tle i{ color:#5a5d61;}


.newsul{ clear:both;}

.newsul li{ float:left; padding:40px 22px;}
.newsul li a{ width:525px; height:150px; display:block; overflow:hidden;}
.newsul li a .i_news_left{ float:left; width:45px;}
.newsul li a .i_news_left ins{ display:block; width:45px; height:46px; background:url(../images/bg01.gif) no-repeat left top;}
.newsul li a:hover .i_news_left ins{ background-position:left bottom;}
.newsul li.Many a .i_news_left ins{ background-position:-46px top;}
.newsul li.Many a:hover .i_news_left ins{ background-position:-46px bottom;}
.newsul li.Video a .i_news_left ins{ background-position:right top;}
.newsul li.Video a:hover .i_news_left ins{ background-position:right bottom;}
.newsul li a .i_news_left b{ display:block; width:45px; text-align:center; height:46px; background:#f5f5f5; color:#3d3d3d; overflow:hidden;}
.newsul li a .i_news_left b i{ display:block; font-family:Verdana, Geneva, sans-serif; font-size:20px; height:30px; line-height:30px; letter-spacing:-1px; cursor:default;}
.newsul li a .i_news_left b small{ display:block; font-family:Verdana, Geneva, sans-serif; font-size:14px; height:14px; line-height:14px; letter-spacing:-1px; text-transform:capitalize; white-space:nowrap; cursor:default;}
.newsul li a:hover .i_news_left b{ background:#ffe400; color:#cc0101;}
.newsul li a .i_news_right{ float:left; width:480px;}
.newsul li a .i_news_right .bigbox{ float:left; width:92px; height:92px;}
.newsul li a .i_news_right span{ float:right; width:374px; overflow:hidden;}
.newsul li a .i_news_right span b{ font-family:黑体; font-size:16px; color:#5f5f5f; line-height:20px; height:20px; display:block; font-weight:bold; white-space:nowrap;}
.newsul li a .i_news_right span cite{ font-family:黑体; color:#6a6a6a; line-height:18px; height:54px; overflow:hidden; display:block; padding-top:15px;}
.newsul li a p{font-family:黑体; font-size:10px; color:#5f5f5f; white-space:nowrap; height:30px; line-height:30px; border-bottom:1px solid #dedede; border-top:1px solid #dedede; display:block; clear:both; margin-top:15px; background:url(../images/bg31.gif) no-repeat right center;}
.newsul li a p em{ float:left; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg09.gif) no-repeat 0px -20px; color:#aaaaaa;}
.newsul li a p em:hover{ background-position:0px 10px; color:#cc0101;}
.newsul li a p i{ float:left; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg10.gif) no-repeat 0px -21px; color:#aaaaaa;}
.newsul li a p i:hover{ background-position:0px 9px; color:#cc0101;}
.newsul li a p small{ float:left; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg11.gif) no-repeat 0px -21px; color:#aaaaaa;}
.newsul li a:hover .i_news_right span b{ color:#cc0101;}
.newsul li a:hover .i_news_right span cite{ color:#333;}
.newsul li a:hover p{background:url(../images/bg32.gif) no-repeat right center;}
.newsul li a:hover p em{ background-position:0px 10px; color:#cc0101;}
.newsul li a:hover p i{ background-position:0px 9px; color:#cc0101;}
.newsul li a:hover p small{ background-position:0px 9px; color:#cc0101;}

.news_edit{ padding:20px 0 30px; color:##666666; font-size:14px; line-height:1.8em; width:1200px; overflow:hidden;}
.news_edit p{ border-bottom: 1px dashed #EAEAEA;font-size:14px;line-height: 24px;padding-bottom: 20px; padding-top:20px;}
.news_edit h1,.news_edit h2,.news_edit h3,.news_edit h4,.news_edit h5,.news_edit h6{ font-size:14px; font-weight:normal; line-height:1.8em;}
.news_edit img{ display:block; margin:0 auto;}



.book{ width:1172px; margin:0 auto; clear:both; padding:42px 0 73px;}
.book h2{ display:block;}
.book h2 img{ display:block; margin:0 auto;}

.book01{ width:254px; height:222px; display:block; background:url(../images/bg45.gif) no-repeat center center; padding-top:62px; padding-left:30px; font-size:14px; color:#2f2f2f; line-height:26px; float:left; padding-right:10px;}
.book01.no{ background-image:url(../images/bg47.gif);}
.book01.ok{ background-image:url(../images/bg46.gif);}
.book01 p{ height:40px; display:block; clear:both; line-height:26px; padding-top:10px;}
.book01 i{ display:block; width:74px; float:left; font-size:14px;}
.book01 b{ display:block; float:left; width:140px; padding-right:5px;}
.book01 b input{ width:130px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;}
.book01 b input:hover{ border:1px solid #339dff;}
.book01 b input:ok{ border:1px solid #51d91c;}
.book01 b input.no{ border:1px solid #51d91c;}
.book01 cite{ float:left; color:#F00; display:block; line-height:26px; font-size:13px;}
.book01 big{ padding-left:83px; line-height:26px; clear:both; background:url(../images/bg48.gif) no-repeat 64px center; height:26px; display:none;}
.book01 big.no{ display:block;}

.book02{ width:254px; height:222px; display:block; background:url(../images/bg45.gif) no-repeat center center; padding-top:62px; padding-left:30px; font-size:14px; color:#2f2f2f; line-height:26px; float:left; padding-right:10px;}
.book02.no{ background-image:url(../images/bg47.gif);}
.book02.ok{ background-image:url(../images/bg46.gif);}
.book02 p{ height:28px; display:block; clear:both; line-height:26px;}
.book02 i{ display:block; width:74px; float:left; font-size:14px;}
.book02 b{ display:block; float:left; width:140px; padding-right:5px;}
.book02 b input{ width:130px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;}
.book02 b input:hover{ border:1px solid #339dff;}
.book02 b input:ok{ border:1px solid #51d91c;}
.book02 b input.no{ border:1px solid #51d91c;}
.book02 cite{ float:left; color:#F00; display:block; line-height:26px; font-size:13px;}
.book02 big{ padding-left:83px; line-height:26px; clear:both; background:url(../images/bg48.gif) no-repeat 64px center; height:26px; display:none;}
.book02 big.no{ display:block;}
.Drop_downMenu{ clear:both;}
.Drop_downMenu dl{ display:block; width:214px; height:26px; position:relative;}
.Drop_downMenu dt{ display:block; width:100%; height:26px; border:1px solid #ccc; border-radius:3px; background:#fff;}
.Drop_downMenu dt b{ width:172px; display:block; float:left; line-height:26px; font-size:14px; text-indent:12px; overflow:hidden;}
.Drop_downMenu dt a{ float:right; padding-right:3px; width:24px; height:26px; background:url(../images/bg39.png) no-repeat left bottom;}
.Drop_downMenu dt a:hover{ background-image:url(../images/bg40.png);}
.Drop_downMenu dt a.open{ background-image:url(../images/bg42.png);}
.Drop_downMenu dt a.open:hover{ background-image:url(../images/bg43.png);}
.Drop_downMenu dd{  width:100%; border:1px solid #ccc; position:absolute; left:0; top:27px; z-index:500; background:#fff; font-size:14px; border-radius:3px; display:none;}
.Drop_downMenu dd i{ display:block; cursor:pointer; background:#fff; font-size:14px; text-indent:12px; height:26px; line-height:26px; overflow:hidden; width:100%;}
.Drop_downMenu dd i:hover{ background:#3CF; color:#000;}

.book03{ width:254px; height:222px; display:block; background:url(../images/bg45.gif) no-repeat center center; padding-top:62px; padding-left:30px; font-size:14px; color:#2f2f2f; line-height:26px; float:left; padding-right:10px;}
.book03.no{ background-image:url(../images/bg47.gif);}
.book03.ok{ background-image:url(../images/bg46.gif);}
.book03 p{ height:28px; display:block; clear:both; line-height:26px; width:220px;}
.book03 i{ display:block; width:74px; float:left; font-size:14px;}
.book03 b{ display:block; float:left; width:140px; padding-right:5px;}
.book03 b input{ width:130px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;}
.book03 b input:hover{ border:1px solid #339dff;}
.book03 b input:ok{ border:1px solid #51d91c;}
.book03 b input.no{ border:1px solid #51d91c;}
.book03 cite{ float:right; color:#F00; display:block; line-height:26px; font-size:13px;}
.book03 big{ padding-left:83px; line-height:26px; clear:both; background:url(../images/bg48.gif) no-repeat 64px center; height:26px; display:none;}
.book03 big.no{ display:block;}
.book03 ul{ clear:both; display:block;}
.book03 ul li{ width:110px; height:28px; display:block; float:left; line-height:28px;cursor:default;}
.book03 ul li ins{ float:left; width:20px; height:28px; display:block; background:url(../images/bg44.gif) no-repeat left center; cursor:pointer;}
.book03 ul li ins.hover{ background-image:url(../images/bg43.gif);}
.book03 ul li small{ float:left; line-height:28px; font-size:14px;}
.book03 ul li:hover small{ color:#ff3333; }
.book03 em{ height:30px; display:block; clear:both; line-height:26px; width:220px;}
.book03 em input{ width:214px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;}
.book03 em input:hover{ border:1px solid #339dff;}
.book03 em input:ok{ border:1px solid #51d91c;}
.book03 em input.no{ border:1px solid #51d91c;}

.book04{ width:254px; height:222px; display:block; background:url(../images/bg45.gif) no-repeat center center; padding-top:62px; padding-left:35px; font-size:14px; color:#2f2f2f; line-height:26px; float:left;}
.book04.no{ background-image:url(../images/bg47.gif);}
.book04.ok{ background-image:url(../images/bg46.gif);}
.book04 p{ height:25px; display:block; clear:both; line-height:26px; padding-top:10px;}
.book04 b{ display:block; float:left; width:120px; padding-right:5px;}
.book04 b input{ width:110px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;}
.book04 b input:hover{ border:1px solid #339dff;}
.book04 b input:ok{ border:1px solid #51d91c;}
.book04 b input.no{ border:1px solid #51d91c;}
.book04 cite{ float:left; color:#F00; display:block; line-height:26px; font-size:13px;}
.book04 big{ padding-left:83px; line-height:26px; clear:both; background:url(../images/bg48.gif) no-repeat 64px center; height:26px; display:none;}
.book04 big.no{ display:block;}
.book04 textarea{ width:214px; height:60px; line-height:18px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:12px; padding:5px 0 5px 5px;}
.book04 ins{ float:left; padding-right:5px;}
.book04 a{ float:left; display:block; width:20px; height:28px; background:url(../images/bg50.gif) no-repeat left center;}
.book04 a:hover{ background-image:url(../images/bg51.gif);}
.book04 .bot01{ width:100px; height:28px; display:block; background:#bdbdbd; color:#fff; border-radius:3px; text-align:center; cursor:pointer; margin-left:5px; float:left;}
.book04 .bot01:hover{ background:#868686;}
.book04 .bot02{ width:100px; height:28px; display:block; background:#f57300; color:#fff; border-radius:3px; text-align:center; cursor:pointer; float:left; margin-left:5px;}
.book04 .bot02:hover{ background:#ff2400;}

.weibo{width:1172px; margin:0 auto; clear:both; padding:0 0 30px; height:64px;}
.weibo li{ float:left; padding-right:6px;}
.weibo li a{ width:287px; height:64px; display:block; display:block; position:relative; background:#e8e8e8; overflow:hidden;}
.weibo li a img{ display:block; position:absolute; left:0; top:0; z-index:3;}
.weibo li a ins{ width:287px; height:64px; display:block; position:absolute; left:-287px; top:0; z-index:1;}
.weibo li.li01 a ins{ background:#66a8fa;}
.weibo li.li02 a ins{ background:#c00000;}
.weibo li.li03 a ins{ background:#85e260;}
.weibo li.li04 a ins{ background:#fbe670;}


.foot{ clear:both; background:#313439; display:block; padding:50px 0; min-width:1170px;}
.foot_nav{ width:505px; padding-left:18px; float:left;}

.foot_nav h2{ height:40px; display:block;}
.foot_nav h2 i{ height:18px; display:block; background:url(../images/foot01.png) no-repeat left top;}
.foot_nav:hover h2 i{ background-position:left bottom;}
.foot_nav li{ float:left; padding-right:16px; list-style-type: none;}
.foot_nav li a{ width:170px; height:41px; display:block; background:url(../images/bg13.gif) no-repeat left top; position:relative; }
.foot_nav li a ins{ display:none; line-height:40px; color:#fff; font-size:16px; position:absolute; right:0; top:0; height:40px; letter-spacing:5px; text-decoration:none;} 

.foot_nav li a:hover{ background-image:url(../images/bg13-2.gif);}
.foot_nav li.li02 a{ background-position:-195px top;}
.foot_nav li.li03 a{ background-position:0 -41px;}
.foot_nav li.li04 a{ background-position:-195px -41px;}
.foot_nav li.li05 a{ background-position:0 -82px;}
.foot_nav li.li06 a{ background-position:-195px -82px;}
.foot_nav li.li07 a{ background-position:0 -123px;}
.foot_nav li.li08 a{ background-position:-195px -123px;}


.headn{ width:1275px; margin:0 auto;}


.sub{ width:650px; float:left;}
.sub ins{ display:none;} 
.sub h2{ height:67px; display:block;}
.sub h2 i{ height:18px; display:block; background:url(../images/foot02.png) no-repeat left top;}
.sub:hover h2 i{ background-position:left -27px;}
.sub ul{ display:block; }
.sub li{ float:left; padding:15px;}
.sub li a{ width:130px; height:126px; display:block; overflow:hidden;}
.sub li a span{width:106px; height:106px; display:block; overflow:hidden; position:relative;}
.sub li a tt{width:106px; height:106px; display:block; position:absolute; left:0px; top:0; z-index:2; }
.sub li a em img{width:0px; height:0px; display:block; position:absolute; left:53px; top:53px; z-index:1;}
.sub li a em{ width:106px; height:106px; display:block; left:0; top:0; position:absolute;  z-index:1; background:#c2c2c4; }
.sub li a i{width:106px; height:106px; display:block; position:absolute; left:0px; top:0; z-index:3;}
.sub li a ins{ line-height:20px; color:#fff; padding-top:3px; display:block;}
.Product{ width:367px; float:left; margin-left:20px;}
.Product ins{ display:none;} 
.Product h2{ height:35px; display:block;}
.Product h2 i{ height:18px; display:block; background:url(../images/foot03.png) no-repeat 15px top;}
.Product:hover h2 i{ background-position:15px -27px;}

.footclear{ clear:both; padding:35px 0;}
.footclear b{ display:block; border-bottom:1px solid #5a5d61;}

.foot_about{ width:490px; float:left; padding-left:18px; cursor:default;}
.foot_about ins{ display:none;} 
.foot_about h2{ height:35px; display:block;}
.foot_about h2 i{ height:18px; display:block; background:url(../images/foot04.png) no-repeat 0 top;}
.foot_about:hover h2 i{ background-position:0 -23px;}
.foot_about span i{ font-family:微软雅黑, Arial, Helvetica, sans-serif; color:#ababab; line-height:14px; width:490px; display:block; padding-bottom:10px; font-size:11px;}
.foot_about span b{ font-family:"微软雅黑"; color:#ababab; line-height:16px; width:490px; display:block; font-size:12px; font-weight:200}
.foot_about:hover span i{ color:#fff;}
.foot_about:hover span b{ color:#fff;}

.foot_Contact{ width:360px; float:left; padding-left:18px;}
.foot_Contact ins{ display:none;} 
.foot_Contact h2{ height:35px; display:block;}
.foot_Contact h2 i{ height:18px; display:block; background:url(../images/foot05.png) no-repeat 0 top;}
.foot_Contact:hover h2 i{ background-position:0 -27px;}



.footclear1{ clear:both; padding:1px 0;}
.footclear1 b{ display:block; border-bottom:1px solid #5a5d61;}


.foot_qq{ float:left;  padding-top:35px;}
.foot_qq ins{ display:none;}
.foot_qq li{ float:left; padding-right:8px; list-style-type: none; }
.foot_qq li a{ width:38px; height:38px; display:block; background:url(../images/bg23.png) no-repeat left top; list-style-type: none;}
.foot_qq li a.hover{ background-image:url(../images/bg24.png);}
.foot_qq li.li02 a{ background-position:-47px top;  list-style-type: none;}
.foot_qq li.li03 a{ background-position:-96px top;  list-style-type: none;}

.footend{width:100%; height:108px; background-color:#202326;}
.fontendfont{ width:480px;color:#585858; font-size:15px; padding-top:15px; padding-bottom:15px; float:left}
.fontewm{width:75px;padding-top:20px; padding-bottom:15px; float:left}
.sys{ width:315px;color:#818283; font-size:12px; padding-top:35px; padding-bottom:15px; float:left}
.sys .sj{color:#818283;font-size:15px;}
.sys1{ width:150px;color:#818283; font-size:12px; padding-top:35px; padding-bottom:15px; float:left}
.sys1 .sj{color:#818283;font-size:15px;}
.footqq{ float:left; padding-top:35px;}
.footabout{ font-size:5px; color:#818386; line-height:13px; margin-top:5px; width:480px}
.footaboutcn{ font-size:12px; color:#818386; line-height:20px; margin-top:10px; width:480px}


.fwfw{ width:100%; height:325px; /*margin-top:500px;*/}
.fwimg{  padding-top:30px;}


.serverimg{width:1465px;margin:0 auto; padding-top:55px; padding-bottom:20px; padding-left:30px;}
.sever{ width:1400px; margin:0 auto}	
.sever .zuo{ width:500px; float:left}
.sever .you{ width:670px; float:right}

#mainpic{width:100%;height:2118px;overflow:hidden;position:relative;margin:0px auto; z-index:0}
.mindiv{position:absolute;cursor:pointer;overflow:hidden;}
.divbox{width:100%;height:200%;position:absolute;top:0;left:0px;}
.divbox .boxone{width:100%;height:50%;}
.divbox .boxtwo{width:100%;height:50%;}

#min_1{width:431px;height:1067px;background:#2E2E40;top:0px;left:0px;}
#min_2{width:506px;height:815px;background:#8F959C;top:0px;left:431px;}
#min_3{width:380px;height:324px;background:#84C5DA;top:0px;left:937px;}
#min_4{width:983px;height:324px;background:#000;top:0px;left:937px;}
#min_5{width:431px;height:647px;background:#000;top:420px;left:0px;}
#min_6{width:506px;height:252px;background:#AEAEAE;top:815px;left:431px;}
#min_7{width:650px;height:491px;background:#123546;top:324px;left:937px;}
#min_8{width:333px;height:491px;background:#654321;top:324px;left:1587px;}
#min_9{width:438px;height:252px;background:#654321;top:815px;left:937px;}
#min_10{width:438px;height:252px;background:#654321;top:815px;left:937px;}
#min_11{width:545px;height:252px;background:#000000;top:815px;left:1375px;}
#min_12{width:431px;height:633px;background:#4C4960;top:1067px;left:0px;}
#min_13{width:1129px;height:380px;background:#000;top:1067px;left:0px;}

#min_14{width:246px;height:380px;background:#898A96;top:1067px;left:1129px;}
#min_15{width:791px;height:633px;background:#84C5DA;top:1067px;left:1129px;}
#min_16{width:942px;height:253px;background:#84C5DA;top:1447px;left:0px;}

#min_17{width:434px;height:253px;background:#654321;top:1447px;left:941px;}
#min_18{width:607px;height:418px;background:#654321;top:1700px;left:0px;}
#min_19{width:330px;height:418px;background:#98AEBB;top:1700px;left:607px;}
#min_20{width:983px;height:418px;background:#000;top:1700px;left:937px;}


.avatar:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;
}

.section{}
.section ul{}
.section ul li{float:left;display:inline;width:431px;height:420px;overflow:hidden;position:relative;}
.section .rsp{width:431px;height:420px;overflow:hidden;position: absolute;top:0px;left:0px;}
.section .text{position:absolute;width:431px;height:420px;left:-431px;top:0px;overflow:hidden;}
.section .text h3{width:431px;margin-top:250px; margin-left:50px;height:50px;line-height:50px;text-align:left;color:#FFFFFF;font-size:25px;}
.section .text a{text-decoration:none}
.section .text div{text-align:left;color:#FFFFFF;font-size:18px;margin-left:50px;}

#scroll_container {overflow-x:auto;overflow-y:scroll;position:relative;width:100%;}
#scroll_container_bg {position:absolute;width:100%;left:0px;top:0px;}
#canvas {position:relative;width:100%;z-index:99;}
.cstlayer {left:0;top:0;position:absolute;/*overflow:hidden;*/z-index:99;}




.tile {   display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out;  overflow: hidden; color: white; }
.tile img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out; }
.tile .text { z-index: 99; position: absolute; padding: 30px; height: calc(100% - 60px); }
.tile h2 { font-weight: 100; margin-top: 20px;  transform: translateX(200px); font-size:30px; }
.tile p { font-weight: 300; margin-top: 20px; line-height: 25px; transform: translateX(-200px); transition-delay: 0.2s; font-size:20px; }
.animate-text { opacity: 0; transition: all 0.6s ease-in-out; }
.tile:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05); }
.tile:hover img { opacity: 1; }
.tile:hover .animate-text { transform: translateX(0); opacity: 1; }

.tilevod {   display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out;  overflow: hidden; color: white; }
.tilevod img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out; }
.tilevod .text { z-index: 99; position: absolute; padding: 30px; height: calc(100% - 60px); }
.tilevod h2 { font-weight: 100; margin-top: 20px;  transform: translateX(200px); font-size:30px; }
.tilevod p { font-weight: 300; margin-top: 20px; line-height: 25px; transform: translateX(-200px); transition-delay: 0.2s; font-size:20px; }
.animate-text { opacity: 0; transition: all 0.6s ease-in-out; }
.tilevod:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); }
.tilevod:hover img { opacity: 1; }
.tilevod:hover .animate-text { transform: translateX(0); opacity: 1; }
#main{width:1600px; margin:0 auto}
#main ul{list-style:none;}
#main ul li{width:796px;height:214px;float:left;position:relative;}
#main ul li img{-webkit-transition:1s ease;-moz-transition:1s ease;}

#main ul li:hover img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}


*{margin:0;padding:0;list-style-type:none;}

/* sdt_menu */
ul.sdt_menu{list-style:none;font-family: Arial, Helvetica, sans-serif;font-size:14px;width:1024px;height:85px; margin-left:430px; }
ul.sdt_menu a{text-decoration:none;outline:none;}
ul.sdt_menu li{float:left;width:170px;height:85px;position:relative;cursor:pointer;}
ul.sdt_menu li > a{position:absolute;top:0;left:0;width:170px;height:85px;z-index:12;background:url(/images/overlay.png) no-repeat top right;-moz-box-shadow:0 0 2px #000 inset;-webkit-box-shadow:0 0 2px #000 inset;box-shadow:0 0 2px #000 inset;}
ul.sdt_menu li a img{border:none;position:absolute;width:0;height:0;bottom:0;left:85px;z-index:100;-moz-box-shadow:0 0 4px #000;-webkit-box-shadow:0 0 4px #000;box-shadow:0 0 4px #000}
ul.sdt_menu li span.sdt_wrap{position:absolute;top:25px;left:0;width:170px;height:60px;z-index:15;}
ul.sdt_menu li span.sdt_wrap1{position:absolute;top:25px;left:0;width:170px;height:60px;z-index:15;}

ul.sdt_menu li span.sdt_active{position:absolute;background:#111;top:85px;width:170px;height:0;left:0;z-index:14;-moz-box-shadow:0 0 4px #000 inset;-webkit-box-shadow:0 0 4px #000 inset;box-shadow:0 0 4px #000 inset;}
ul.sdt_menu li span span.sdt_link,ul.sdt_menu li span span.sdt_descr,ul.sdt_menu li div.sdt_box a{width:170px; text-align:center }
ul.sdt_menu li span span.sdt_link{color:#fff;font-size:24px;float:left;clear:both;}
ul.sdt_menu li span span.sdt_descr{color:#0B75AF;float:left;clear:both;width:170px;font-size:10px;letter-spacing:1px;}
ul.sdt_menu li div.sdt_box{position:absolute;width:170px;overflow:hidden;height:155px;padding-top:15px;top:85px;left:0;display:none;background:#000;}
ul.sdt_menu li div.sdt_box a{line-height:30px;color:#0B75AF;font-size:12px;display:block;}
ul.sdt_menu li div.sdt_box a:hover{color:#fff;}