@charset "utf-8";



/* CSS Document */



*{ margin:0; padding:0; box-sizing:border-box}



body{ font-size:14px; font-weight:1.5; font-family:"微软雅黑", sans-serif !important;color:#343434;}



body, html{ overflow-x: hidden;}



a,img,input{ text-decoration:none; font-size:14px; border:0}



body,h1,h2,h3,h4,h5,h6,form,ol,li ,dl,ul,input,tr,td{margin: 0px;padding: 0px;list-style-type: none; color:#343434; font-weight:normal}



ul li{ list-style:none;}



.clear{ clear:both;}



.left{ float:left;}



.right{ float:right;}



a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333 } a:focus{ -moz-outline-style: none; /* FF */} 



a:hover{}



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



textarea{resize:none; outline:none; -webkit-appearance: none;}



img{ max-width:100%}







.cent,.foot{ max-width:1200px; margin:auto; overflow:hidden}



.head1{ max-width:1400px; margin:auto}



.head2{ background:#1e2d50}



.he1 p{ text-align:right; padding:1% 0; color:#fff; font-size:12px}



.he1 p span{ display:inline-block; margin:0 1.5%}



.he1 p span img{ vertical-align:middle; margin-right:12px}



.he1 p a img{ vertical-align:middle;}



.he1 p a{ margin-left:1%}



.banner{ position:relative}



.banner p img{ width:100%}



.head1 .logo{ width:253px;}



.head1 .logo p{ margin:8% 0}



.head1 .navz{width:72%;}



.zg{ width:73%; float:left}



.zg1{width:25%;float:right; overflow:hidden; text-align:right;padding-top:3.1%;position: relative;}



.zg1 p{ width:27%; float:left}



.zg1 h1{ width:63%; float:right; border-bottom:#000 1px solid; overflow:hidden; margin-top:-6px; padding-bottom:3px}



.zg1 h1 input{ background:none; height:30px; line-height:30px}



.zg1 h1 input:nth-child(1){ float:left; width:80%}



.zg1 h1 input:nth-child(2){ float:right; width:20%; background:url(../images/sy-3.png) no-repeat center}



.zg1 p a{ font-size:16px; color:#333; display:inline-block; text-align:center}



.zg1 p a:hover{ color:#0d0d56}



.zg1 p a img{ vertical-align:middle; margin-right:9px}



.logo img{ width:100%;}



.flexslider{position:relative;overflow:hidden;}



.flexslider .slides{position:relative;z-index:1;}



.flexslider .slides li a{ display:block;}



.flexslider .slides li img{ width:100%; display:block}



.flex-control-nav{ display:none}



.flex-direction-nav{position:absolute;z-index:3;width:100%;top:48%;}



.flex-direction-nav li a{display:block;width:39px;height:39px;overflow:hidden;cursor:pointer;position:absolute;}



.flex-direction-nav li a.flex-prev{left:2%;background:url(../images/gy-6.png) center center no-repeat;}



.flex-direction-nav li a.flex-next{right:2%;background:url(../images/gy-7.png) center center no-repeat;}



.nav1 ul{ overflow:hidden; margin-top:2.5%}



.nav1 ul li{ float:left; text-align:center; width:20%;}



.nav1 ul li a{ font-size:16px; display:inline-block; padding:10% 20%; position:relative}



.nav1 ul li a:hover,.nav1 ul .dq a{ border-bottom:#000 3px solid}



.nav2,.sjx{ display:none}



.dropMenu{ position:absolute; top: 0; left:0; padding:10px 0; z-index:9999;visibility: hidden; background:#fff; overflow:hidden; width:140px;}



.dropMenu li{ line-height:35px; padding:0 15%}



.dropMenu li a{ font-size:14px; display:block;} 



.dropMenu li a:hover{ font-weight:bold}



header{ display:none}



.sjx{ display:none !important}



.qh a{ color:#fff}



.he_ZoomInImg,.f-t p,.yw1 ul li,.gy4 dl dt,.sy4-1 dl dt,.gy5 dl dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}



.he_ZoomInImg .he_ZoomInImg_img,.f-t p img,.yw1 ul li img,.gy4 dl dt img,.sy4-1 dl dt img,.gy5 dl dt img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}



.he_ZoomInImg:hover .he_ZoomInImg_img,.f-t:hover p img,.yw1 ul li a:hover img,.gy4 dl:hover dt img,.sy4-1 dl a:hover dt img,.gy5 dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}



.cent1,.foot{ max-width:1400px}



/*.header{ background:#fff; background-color: rgba(255,255,255,0.8); filter: Alpha(opacity=80);}*/



.sy1-1{ position:absolute; top:45%; left:0; width:100%; z-index:99}



.dw{ position:relative; background:#F1F1F1; overflow:hidden}



.sy1-1 h1{ font-size:36px; font-weight:bold; color:#fff;}



.sy1-1 p{ font-size:18px; color:#fff; margin:2% 0 5%}



.sy1-1 h2 a{ display:inline-block; font-size:16px; color:#fff; border:#fff 1px solid; border-radius:8px; padding:10px 14px; margin-right:4%}



.sy1-1 h2 a:hover{ background:#fff; color:#0d0d56}



.sy-bt{ font-size:24px; text-align:center; margin:5% 0; color:#5AB2D2}



.sy-bt span{ letter-spacing:2px}



.sy1{ max-width:960px; margin:auto}



.sy1 p{ font-size:16px; line-height:30px; text-indent:2em}



.sy1 h1 a,.more a{ font-size:16px; width:115px; line-height:45px; display:block; border:#333 1px solid; text-align:center; margin:4% auto 7%}



.sy1 h1 a:hover,.more a:hover{ background:#000; color:#fff}



.sy2-1{ overflow:hidden; background:url(../images/sy-4.png) repeat-x center bottom 30px; padding-left:18%;}



.sy2-1 li{ cursor:pointer; float:left; width:11.111%; text-align:center; font-size:26px; color:#CECECE; padding-bottom:6%}



.sy2-1 .curr1{ color:#333; background:url(../images/sy-5.png) no-repeat center bottom; color:#5AB2D2}



.sy2-2-1 .left{ width:18%; padding:8% 0}



.sy2-2-1 .right{ width:82%; padding-top:4%}



.sy2-2-1 .left p{ font-size:50px; text-align:center; color: #5AB2D2;}



.sy2-2{ background:url(../images/sy-6.png) repeat-y left 18.5% top 0; margin-top:-30px}



.sy2-2-1 .right p{ background:url(../images/sy-7.png) no-repeat left center; padding-left:5%; margin:3% 0; color:#666666}



.sy3{ background:url(../images/sy-8.jpg) no-repeat center top; margin-top:4%}



.sy3-1{ overflow:hidden; margin-left:-3%; padding:20px}



.sy3-2{ float:left; width:22%; margin-left:3%; border:#5AB2D2 2px solid; background:#fff; border-radius:5px; padding:3% 1%}



.sy3-2 h1{ font-size:18px; margin-left:5%}



.sy3-2 h1 img{ vertical-align:middle; margin-right:10px}



.sy3-2 h2{ margin:20% 0 15%; background:url(../images/sy-11.png) no-repeat left bottom; padding-bottom:15%}



.sy3-2 p a{ width:110px; line-height:35px; font-size:16px; text-align:center; border:#000 1px solid; border-radius:5px; display:block}



.sy3-2:hover{ box-shadow:0 0 20px #ccc; border:0}



.sy3-2:hover p a{ background:#000; color:#fff}



.sy-bt1{ margin-top:8%}



.sy4{ background:url(../images/sy-28.png) no-repeat right center}



.sy4-1{ overflow:hidden; margin-left:-5%; margin-top:-4%}



.sy4-1 dl{ float:left; width:15%; margin-left:5%; margin-top:4%}



.sy4-1 dl dt img{ width:100%; height:180px}

.sy4-1 dl dt{ overflow:inherit}

.sy4-1 dl dd{ text-align:center; font-size:16px; background:url(../images/sy-18.png) no-repeat center top; padding-top:10%; margin-top:10%}



.sy4-1 dl dd span{ display:block;}



.sy4-1 dl:nth-child(6){ margin-left:14%}



.sy4-2 ul{ overflow:hidden; margin-left:-3%; margin-top:-3%}



.sy4-2 ul li{ float:left; width:17%; margin-left:3%; margin-top:3%; position:relative}



.sy4-2 ul li img{ width:100%; height:137px}



.sy4-2 ul li a{ display:block}



.sy4-2 ul li .a1{ position:absolute; top:0; left:0; width:100%; height:100%; display:none}



.sy4-2 ul li:hover .a1{ display:block}



/*.sy4-1 dl dt img{ -webkit-transition:1s ease;-moz-transition:1s ease;}



.sy4-1 dl a:hover dt img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}

*/

.more a{ margin:4% auto; width:130px}



.footer{ background:#59B2D2}



.fo1,.fo2{ float:left;}



.fo1{ width:68%}



.fo2{ width:32%;}



.fo1 h1,.fo2 h1{ font-size:20px; color:#fff; margin-bottom:30px}



.fo1 h1 span,.fo2 h1 span{ font-size:30px; margin-right:20px}



.fo1 p{ font-size:16px; color:#fff; margin-top:2%}



.fo1 p img{ vertical-align:middle; margin-right:10px}



.foot1{ padding:4% 0} 



.foot2{ border-top:#B8DCE8 1px solid; margin-top:3%}



.foot2 p{ text-align:center; color:#fff; padding:1.4% 0; font-size:12px}



.foot0 p img{ display:block; margin:auto}



.foot0{ margin-top:6%}



.fo1-1{ overflow:hidden}



.fo1-1 div{ float:left; width:50%}



.fo1-1 h2{ font-size:16px; color:#fff; margin-bottom:4%}



.fo1-1 p{ font-size:14px; color:#DDE3E3; margin-top:3%}



.fo1-1 p img{ vertical-align:middle; margin-right:10px}



.fo2 div{ overflow:hidden; margin-left:-2%}



.fo2 div p{ float:left; width:48%; margin-left:2%; margin-bottom:3%; border:#A0CFDF 1px solid;}



.fo2 div p input,.fo2 div p textarea{ border:0; background:none; display:block; color:#fff; padding:0 10px; width:100%; height:45px; line-height:45px; font-size:16px; border-radius:10px;}



.fo2 div .z1{ width:98%;}



.fo2 div .z1:last-child{ border:0; margin-top:4%}



.fo2 div p textarea{ width:100%; height:110px}



.fo2 div input{ padding:0; width:125px; height:40px; line-height:40px; background:#c63f3c; color:#fff; margin:auto; border-radius:20px}



.fo2 div input::-webkit-input-placeholder,.fo2 div textarea::-webkit-input-placeholder{ /* WebKit browsers */ color: #E4DFE5;}



.fo2 div input:-moz-placeholder,.fo2 div textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color: #E4DFE5;}



.fo2 div input::-moz-placeholder,.fo2 div textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color: #E4DFE5;}



.fo2 div input:-ms-input-placeholder,.fo2 div textarea:-ms-input-placeholder{ /* Internet Explorer 10+ */ color: #E4DFE5}  



.fo2 div .z1{ overflow:hidden}



.fo2 div .z1 input{ float:right; width:120px; border-radius:20px; line-height:35px; height:35px; background:#fff; color:#333}



@media (max-width: 1400px){



.cent1,.head1,.foot{ max-width:1200px}



	}







.banner1 p img{ width:100%}



.dw1{ background:none}



.hz1{ background:#F7F7F7; margin-bottom:6%}



.hz1 ul{ overflow:hidden; border-bottom:#ECECEC 1px solid}



.hz1 ul li{ float:left; width:33.333%; border-left:#ECECEC 1px solid; line-height:70px; text-align:center}



.hz1 ul li a{ display:block; font-size:16px}



.hz1 li a:hover,.hz1 .dq1 a{ background:url(../images/yw-1.png) repeat-x center bottom}



.hz1 ul li:last-child{ border-right:#ECECEC 1px solid}



.hz2 ul{ margin-left:-5%; margin-top:-5%}



.hz2 ul li{ width:28.333%; margin-left:5%; margin-top:5%}



.xh{ text-align:center; margin:6% 0 7%}



.xh a{ color:#CBCBCB; font-size:14px;}



.xh a img{ display:block; margin:5px auto 0}



.hz2 ul li img{ height:233px}







.td-bt{ text-align:center; font-size:33px; color:#333; font-weight:bold}



.td-bt span{ font-weight:normal; color:#6BB9D6; display:block; margin-top:5px; font-size:18px}



.td0 ul li{ width:50%}



.td1{ margin:6% 0 8%}



.td1 p img{ display:block; margin:auto}







.navContent{ display:none}



.xz-l-1 .fa-chevron-down1{ background-size:27px !important; height:30px; color:#fff; text-align:right}



.subNav{background:url(../images/zwfb-5.png) no-repeat center left 30px;}



.currentDt{background:url(../images/zwfb-2.png) no-repeat center left 30px #3395BA;}



.xz-l-1{ position:relative; padding:2.5% 0; cursor:pointer; border-bottom:#E5E5E5 1px solid}



.xz-l-1 h1 span,.zp1 p span{ font-size:18px; width:25%; display:block; float:left; text-align:center; padding:0 2%; line-height:37px}



.xz-l-1 h1 span a{ display:inline-block; width:120px; letter-spacing:2px; color:#fff; background:#089abd; font-size:16px; line-height:37px; text-align:center}



.xz-l-1 h1 img{ vertical-align:middle; margin-right:1.5%}



.xz-l-1 h1{ overflow:hidden}



.zp1 p span{ font-size:18px; color:#fff;}



.zp1{ margin-top:1%}



.zp1 p{ background:#2b3984; overflow:hidden; padding:1.3% 0;}



.xz-l{ padding:0 8% 3%; overflow:hidden;}



.currentDd{ margin:0}



.xz-l h1{ font-size:16px; margin:4% 0 2%; color:#333}



.xz-l p{ font-size:14px; margin-top:1.5%; color:#666; margin-left:3%}



.xz-l h2{ font-size:16px; margin-top:1%}



.xz-l h2 span{ font-size:18px; color:#e72241}



.subNavBox{ margin:6% 0 0}



.currentDt h1{ color:#fff}



.xz-l h2 a{ display:block; width:100px; line-height:35px; background:#59B2D2; color:#fff; border-radius:10px; text-align:center}



.xz-l h2{ margin-top:4%}



.fy{ text-align:center; margin:6% 0 8%; color:#b1b1b1;}



.fy a{ font-size:14px; display:inline-block; border:#e7e7e7 1px solid; margin:0 4px; padding:6px 12px; line-height:20px; vertical-align:middle}



.fy a:hover,.fy .curr{ border:#5BB1D2 1px solid; background:#5BB1D2; color:#fff}







.lx1{ background:url(../images/lx-5.jpg) no-repeat right bottom; padding-bottom:15%}



.td-bt1{ margin:6% 0}



.lx1-1 .left{ width:37%}



.lx1-1 .right{ width:47%}



.lx1-1 .left h2{ font-size:18px; color:#7A7A7A; margin-top:7%}



.lx1-1 .left h2 img{ vertical-align:middle; margin-right:20px}



.lx1-1 .left p{ font-size:14px; color:#7E7E7E; margin-top:4%; margin-left:60px}



.lx1-1 .left div{ border-bottom:#DDD 1px solid; padding-bottom:7%}



.lx1-1 .left div:last-child{ border:0; padding-bottom:0;}



.lx1-1 .left h1{ margin-bottom:10%}



.lx1-1 .right h1{ text-align:center; font-size:24px;}



.lx1-1 .right p{ overflow:hidden; font-size:16px; color:#7E7E7E; margin-top:6%}



.lx1-1 .right p span{ float:left; width:15%; display:inline-block;}



.lx1-1 .right p input,.lx1-1 .right p textarea{ width:85%; border:#CECECE 1px solid; background:none; padding:0 10px}



.lx1-1 .right p span,.lx1-1 .right p input,.lx1-1 .right p textarea{ height:40px; line-height:40px}



.lx1-1 .right p textarea{ height:130px; line-height:24px; padding:10px}



.lx1-1 .right h2 input{ font-size:16px; border-radius:5px; width:90px; line-height:40px; display:block; background:#59B2D2; color:#fff; text-align:center; margin:auto} 



.lx1-1 .right h2{ margin-top:5%}







.fa2-1 .left,.fa2-1 .right{ width:50%; height:400px; overflow:hidden}



.f-w{ text-align:right; padding-top:7%}



.f-w h1{ font-size:20px; color:#59B2D2; background:url(../images/ms-3.png) no-repeat right 95px top 7px;}



.f-w h1 span{ background:#59B2D2; width:80px; font-size:30px; line-height:80px; vertical-align:super; margin-left:20px; display:inline-block; text-align:center; color:#fff; font-weight:bold}



.f-w p{ font-size:14px; color:#666; margin:5% 0; line-height:30px;} 



.f-w p,.f-w h2{ margin-right:80px}



.f-w h2 a{ font-size:12px; color:#015a9d}



.fa2-1 .right.f-w{ text-align:left}



.fa2-1 .right.f-w h1{ background:url(../images/ms-3.png) no-repeat left 95px top 7px;}



.fa2-1 .right.f-w p,.fa2-1 .right.f-w h2{ margin-right:0; padding-left:93px}



.fa2-1 .right.f-w h1 span{ margin-left:0; margin-right:20px}



.fa2-1 .right.f-w p{ margin-left:0;}



.f-t img{ max-width:inherit}



.fa2{ margin:0 0 8%}







.cent3{ max-width:1300px}



.yw1{ margin-top:4%}



.yw1 ul{ overflow:hidden; margin-left:-3%; margin-top:-2%}



.yw1 ul li{ float:left; width:17%; margin-left:3%; margin-top:2%; position:relative}



.yw1 ul li img{ width:100%; height:137px}



.yw1 ul li span img{ width:29px; height:29px; display:block; margin:0 auto 8%}



.yw1 ul li span{ display:none; text-align:center; color:#fff; font-size:16px; position:absolute; top:0; left:0; width:100%; height:100%; background:#59B2D2; background-color: rgba(89,178,210,0.9); filter: Alpha(opacity=90); padding-top:18%}



.yw1 ul li a:hover span{ display:block;}



.yw1 ul li a{ display:block}







.yw-xq1{ margin:0 5%}



.yw-xq1 .left{ width:42%}



.yw-xq1 .right{ width:53%}



.yw-xq1 .left p img{ width:100%}



.yw-xq1 .right p{ color:#959595; line-height:26px; margin-top:3%}



.yw-xq1 .right h2{ font-size:18px; border-top:#333 1px solid; padding-top:4%; margin-top:4%}



.yw-xq1 .right h2 img{ vertical-align:middle; margin-right:10px} 



.yw-xq2{ margin:4% 0 8%}



.yw-xq2 p a{ font-size:16px}



.yw-xq2 p img{ vertical-align:middle; margin-right:10px}







.gy0 ul li{ width:20%;}



.gy1-1{ margin-top:6%; background:url(../images/gy-4.png) no-repeat center bottom; padding-bottom:3%; margin-bottom:4%}



.gy1-1 p{ color:#666; font-size:14px; text-indent:2em; line-height:26px}



.gy1{ background:url(../images/gy-8.png) no-repeat right top}



#demo1{ width:65%; margin:0 auto}



.gy2{ background:url(../images/gy-9.png) no-repeat center bottom; padding-bottom:6%}



.gy-bt{ margin:6% 0}



.gy2-1{ overflow:hidden; margin-left:-3%}



.gy2-1 dl{ float:left; width:30.33%; margin-left:3%}



.gy2-1 dl dt{ color:#F9A225; font-size:20px; text-align:center}



.gy2-1 dl dt img{ display:block; margin:0 auto 8%;-webkit-transition:1s ease;-moz-transition:1s ease;}



.gy2-1 dl:hover dt img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}



.gy2-1 dl dd{ text-align:center; font-size:16px; line-height:24px; margin-top:5%}



.gy2-1 dl dd span{ display:block; font-size:14px; margin-top:1%}



.gy3{ padding-bottom:6%}



.gy3-1 ul{ overflow:hidden}



.gy3-1 ul li{ float:left; width:20%; text-align:center; font-size:16px} 



.gy3-1 ul li span{ color:#5BB3D1; font-size:18px; display:block; margin-bottom:7%; text-shadow:2px 2px 3px #ccc}



.gy3-1 ul li span strong{ font-size:60px; font-weight:normal}



.gy4{ overflow:hidden}



.gy4 dl{ float:left; width:50%; background:#F4F4F4; padding:5% 5% 3%}



.gy4 dl:nth-child(1){ background:#80C3DD}



.gy4 dl img{ width:100%}



.gy4 dl dd{ margin-top:5%; font-size:18px; text-align:center; font-weight:bold}



.gy4 dl dd span{ font-size:14px; color:#666; display:block; margin-top:3%; font-weight:normal}



.gy4 dl:nth-child(1) dd,.gy4 dl:nth-child(1) dd span{ color:#fff}



.gy5{ overflow:hidden; margin-bottom:8%}



.gy5 dl{ float:left; width:30.333%; margin:1% 1.5%; box-shadow:0 0 10px #999; padding:7% 0}

.gy5 dl dt{ overflow:inherit}

.gy5 dl dt img{ display:block; margin:auto; width:auto; width: 78%;
    height: 215px;}

.gy5 dl dd{ font-size:18px; text-align:center; margin-top:12%}



.gy6 .sy2-1{ padding-left:0; margin-top:3%}



.gy6 .sy2-1 li{ font-size:18px; width:11.11%; padding-bottom:0; padding-top:5%}



.gy6 .sy2-1{ background: url(../images/sy-4.png) repeat-x center top 32px;}



.gy6 .sy2-1 .curr1{ background:url(../images/gy-17.png) no-repeat center top;}



.gy6{ margin-bottom:6%}



.gy6 .sy2-2-1 .left,.gy6 .sy2-2-1 .right{ width:50%; padding:0}



.gy6 .sy2-2-1 .right{ box-shadow:0 0 20px #ccc; margin-right:2%; padding:7%; width:48%; margin-top:5%}



.gy6 .sy2-2-1 .left p img{ width:100%}



.gy6 .sy2-2-1 .right h1{ color:#5AB2D2; font-size:24px}



.gy6 .sy2-2-1 .right h1 span{ font-size:40px;}



.gy6 .sy2-2-1 .right p{ background:none; padding-left:0; font-size:16px}



.gy6 .sy2-2{ background:none; margin-top:0}







.sy0{ height:830px; padding-top:159px}



.header1{ position:absolute; top:0; left:0; width:100%;}







.wrap {



	/* fixed width, centered in viewport */



	max-width:800px;



	margin:auto;



	position: relative;



}



#wrap1{ max-width:1300px;}



#showcase,#showcase1,#showcase2 {



	width: 100%;



	height: 200px;



    margin-top: 9px;



/*	visibility: hidden;*/



}



#showcase img,#showcase1 img,#showcase2 img {



	cursor: pointer;



}



#item-title,#item-title1,#item-title2 {



	color: #F31414;



	font-size: 29px;



	letter-spacing: 0.13em;



	text-align: center;



	margin-top: 30px;



	margin-bottom: 22px;



}



.nav {



	text-align: center;



}



.nav > button {



	width: 64px;



	height: 36px;



	color: #666;



	font: bold 16px arial;



	text-decoration: none;



	text-align: center;



	margin: 5px;



	cursor: pointer;



}



.nav > button:active, .nav > button.down {



	background: #dfdfdf;



	border: solid 2px rgba(0, 0, 0, 0.6);



	box-shadow: none;



}



#get {



	font-size: 20px;



	text-align: center;



}



#download {



	margin: 8px auto;



	margin-top: 12px;



	display: block;



}



#license {



	font-size: 18px;



	text-align: center;



	margin: 0;



}



#share {



	position: absolute;



	left: 4px;



	top: 478px;



}



.fb-like {



	vertical-align: top;



}



.twitter-share-button {



	width: 84px !important;



	margin-left: 8px;



}



#credits {



	color: #c9c9c9;



	padding: 10px;



	position: absolute;



	right: 0;



	bottom: 83px;



}



#credits ul {



	font-size: 14px;



	list-style-type: none;



	padding-left: 2px;



	margin: 2px 0;



}



#credits .author {



	color: white;



}







#jquery-script-menu {



	position: fixed;



	height: 90px;



	width: 100%;



	top: 0;



	left: 0;



	z-index: 999999;



	padding: 10px 0;



	-webkit-box-sizing: content-box;



	-moz-box-sizing: content-box;



	box-sizing: content-box;



}



.jquery-script-center {



	width: 960px;



	margin: 0 auto;



}



.jquery-script-center ul {



	width: 212px;



	float: left;



	line-height: 45px;



	margin: 0;



	padding: 0;



	list-style: none;



}



.jquery-script-center a {



	text-decoration: none;



}



.jquery-script-ads {



	width: 728px;



	height: 90px;



	float: right;



}



.jquery-script-clear {



	clear: both;



	height: 0;



}



/*.fbn.mean-container .mean-bar{ background:#fff; background-color: rgba(255,255,255,0.8); filter: Alpha(opacity=80);}

*/

.fbn.mean-container .mean-bar{ background:none}

.td1{ margin: 8% 0 10%;}

.td1 ul{ overflow:hidden}

.td1 ul li{float:left;width:33.333%;color:#5AB2D2;font-size: 26px;text-align:center;}

.td1 ul li:nth-child(2){ color:#4187A0}

.td1 ul li:nth-child(3){ color:#2C657A}

.td1 ul li span{display:block;margin-bottom: 5%;}

.td1 ul li span strong{font-size: 63px;font-style: italic;margin-right: 14px;}

.td1 ul li img{ display:block; margin:0 auto 3%}



.xh{ cursor:pointer}



.sy0-1{ position:absolute; top:26%; left:0; width:100%}

.sy0-1 p img{ display:block; margin:auto}







.sy0-1 p img{

-webkit-animation: spin 8s linear infinite;

        animation: spin 8s linear infinite;

}

@-webkit-keyframes spin {

        0%   {

            -webkit-transform: rotate(0deg);

            -ms-transform: rotate(0deg);

            transform: rotate(0deg);

        }

        100% {

            -webkit-transform: rotate(360deg);

            -ms-transform: rotate(360deg);

            transform: rotate(360deg);

        }

    }

    @keyframes spin {

        0%   {

            -webkit-transform: rotate(0deg);

            -ms-transform: rotate(0deg);

            transform: rotate(0deg);

        }

        100% {

            -webkit-transform: rotate(360deg);

            -ms-transform: rotate(360deg);

            transform: rotate(360deg);

        }

    }

	

	

canvas {

  display: block;

  filter: blur(2px);

  margin:auto

}	

	

@media (max-width: 1400px){

.sy0{ background-size:100% !important; height:720px; padding-top:110px; margin-top:2%}

.wrap { max-width:400px}

#wrap1{ max-width:800px;}

#showcase img, #showcase1 img, #showcase2 img{ width:110px}

#showcase, #showcase1, #showcase2{height: 176px;}

	}
	
.xq-yw{ margin-top:6%}
.xq-yw h1{ text-align:center; font-size:26px}
.xq-yw h2{ font-size:14px; color:#999; margin:1% 0 4%; text-align:center}	
.xq-yw p{ font-size:14px; line-height:24px;}