@font-face {
  font-family: 'iconfont';  /* project id 1203826 */
  src: url('http://at.alicdn.com/t/font_1203826_soydzda5eqo.eot');
  src: url('http://at.alicdn.com/t/font_1203826_soydzda5eqo.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_1203826_soydzda5eqo.woff2') format('woff2'),
  url('http://at.alicdn.com/t/font_1203826_soydzda5eqo.woff') format('woff'),
  url('http://at.alicdn.com/t/font_1203826_soydzda5eqo.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_1203826_soydzda5eqo.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{margin:0;padding:0;}
html{width:100%;height:100%;}
body{font:14px/1.5 normal;font-family:arial,"微软雅黑";color:#666;min-width:320px;height:100%;overflow-x:hidden;}
a{color:#383a3a;cursor:pointer;text-decoration: none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
a:hover{color:#4dc0e0;}
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;font-weight:normal;color:#383a3a;}
button, input, select, textarea{font-size:100%;font-family:arial,"微软雅黑";outline:none;vertical-align:middle;resize:none;}
button{cursor:pointer;}
ul,dl{list-style:none;}
p{margin-bottom:0;}
img{display:inline-block;vertical-align:middle;border:0;font-size:0;line-height:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;	width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.warper{max-width:1200px;margin:0 auto;width:100%;position:relative;}
.top{padding:15px 20px 12px;background:#fff;box-shadow:1px 0 4px rgba(0,0,0,0.2);position:relative;z-index:99;}
.top .logo{font-size:30px;font-weight:bold;}
.top .logo a:hover{color:#383a3a;}
.top .logo img{margin-right:15px;}
.top .language{padding:20px 0 20px 15px;line-height:24px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.top .language a{color:#4dc0e0;}
.top .language a:hover{text-decoration:underline;}
.top .free_but{padding:12px 0 0 35px;}
.top .free_but a{display:inline-block;border:1px solid #4dc0e0;color:#4dc0e0; border-radius:5px;line-height:36px;padding:0 11px;}
.top .free_but a:hover{color:#fff;background:#4dc0e0;}
.top .menu{padding:12px 0;}
.top .menu .close{display:none;}
.top .menu li{float:left;margin-left:25px; text-transform:uppercase;position:relative;height:40px;line-height:40px;}
.top .menu h3{font-size:16px;font-weight:bold;position:relative;}
.top .menu h3 a{display:block;}
.top .menu h3 a:hover{color:#383a3a;}
.top .menu h3 span.iconfont{display:none;}
.top .menu li.hover i,.top .menu li:hover i{position:absolute;width:100%;height:2px;background:#4dc0e0;bottom:3px;}
.top .menu_item{display:none;position:absolute;width:200px;top:100%;text-align:center;lefT:50%;margin-lefT:-100px;padding-top:24px;}
.top .item_content{background:#4dc0e0;border-radius:0 0 5px 5px;}
.top .menu_item span{border:8px solid transparent;border-bottom-color:#4dc0e0;position:absolute;left:50%;margin-left:-4px;top:8px;z-indeX:99;}
.top .menu_item a{color:#c3f2ff;display:block;line-height:20px;padding:10px;}
.top .menu_item a:hover{color:#fff;background:#383a3a;}
.top .menu_item .item:last-child a:hover{border-radius:0 0 5px 5px;}
.top .muen_icon{display:none;}
.bottom{padding:25px 20px 35px;background:#383a3a;color:#999;line-height:1.8;}
.bottom .warper{background:url(../img/bottom_img01.gif) no-repeat right 0;padding:15px 0;}
.bottom h3{font-size:30px;font-weight:bold;padding-bottom:5px;color:#999;}
.copyright{background:#000;padding:15px 20px;text-align:center;color:#666;}
.copyright a{color:#666;}
.copyright a:hover{text-decoration:underline;}
.m_copyright{display:none;}
.title{text-align:center;font-size:56px;text-transform:uppercase;overflow:hidden;line-height:1.3;padding:6px 0;}
.title span{display:inline-block;padding:0 8px;position:relative;}
.title i.line{display:inline-block;height:1px;width:160px;background:#ccc;vertical-align:middle;position:absolute;right:100%;top:50%;}
.title i.line2{right:auto;left:100%;}
.more{text-align:center;}
.more_but{font-weight:bold;height:44px;line-height:44px;padding:0 50px;border:2px solid #4dc0e0; border-radius:5px;display:inline-block;color:#4dc0e0; text-transform:uppercase;font-weight:bold;margin-top:35px;}
.more_but i.iconfont{padding-lefT:5px;position:relative;top:1px;}
.more_but:hover{background:#4dc0e0;color:#fff;}
.ny_banner{background:no-repeat center center;background-size:cover;padding:0 20px;height:300px;color:#fff;position:relative;}
.ny_banner .warper{z-index:9;height:100%;}
.ny_banner .black_tm{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);lefT:0;}
.ny_banner a,.ny_banner h3{color:#fff;}
.ny_banner h3{font-size:52px;font-weight:bold; text-transform:uppercase;margin:-14px 0 -5px;}
.ny_banner i{display:inline-block;height:100%;width:0px;overflow:hidden; vertical-align:middle;}
.ny_banner .text{display:inline-block;vertical-align:middle;}
.ny_banner .text span{color:#4dc0e0;}
.ny_main{padding:50px 20px 70px;overflow:hidden;}
.opacity0{ opacity:0;}
.back_top{width:62px;height:62px;position:fixed;right:15px;bottom:30px;background:url(../img/top_A.png) no-repeat;background-size:cover;z-index:99;display:none;cursor:pointer;}
.back_top:hover{background-image:url(../img/top_B.png);}




.delay100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay200 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay300 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay600 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay700 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay800 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay900 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1800 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay2000 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay2400 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay3000 { -webkit-animation-delay: 3s; animation-delay: 3s;}
.tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;}
.tansDelay200{transition-delay: .2s;-webkit-transition-delay: .2s;}
.tansDelay400{transition-delay:.4s;-webkit-transition-delay: .4s;}
.tansDelay600{transition-delay: .6s;-webkit-transition-delay: .6s;}
@media screen and (max-width:1180px) {
	.top .free_but{display:none;}
}
@media screen and (max-width:1080px) {
	.title{font-size:50px;padding:6px 0 6px;}
	.more_but{margin-top:20px;}
}
@media screen and (max-width:1024px) {
	.top{background:#fff;lefT:0;right:0;top:0;position:fixed;}
	.top .menu{display:block;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);top:0;lefT:100%;z-index:99999;}
	.top .muen_icon{display:block;font-size:40px;cursor:pointer;color:#383a3a;line-height:40px;position:absolute;right:0;top:50%;margin-top:-20px;}
	.top .menu01{position:absolute;width:70%;right:0;top:0;height:100%;overflow-y:scroll;background:#4dc0e0;}
	.top .menu li{float:none;border-bottom:1px solid #94d9ec;height:auto;margin:0 25px;padding:10px 0;}
	.top .menu li a,.top .menu h3 a:hover{color:#fff;}
	.top .menu h3{font-size:16px;font-weight:bold;position:relative; text-transform:capitalize;font-weight:normal;font-size:18px;position:relative;}
	.top .menu h3 span.iconfont{display:block;position:absolute;right:0;top:50%;margin-top:-20px;width:30px;text-align:center;font-size:20px;color:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
	.top .menu_item{display:none;position:relative;border-top:0px;width:auto;top:0;text-align:left;lefT:0;margin-lefT:0;padding:0 0 5px 30px;}
	.top .menu_item span{display:none;}
	.top .menu_item a{padding:5px 0;}
	.top .menu li.hover1 span.iconfont{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
	.top .menu_item a:hover{background:none;}
	.top .menu .close{display:block;font-size:40px;margin:0 25px;border-bottom:1px solid #94d9ec;padding:5px 0;text-align:right;}
	.more_but:hover{background:none;color:#4dc0e0;}
}
@media screen and (max-width:960px) {
	.title{font-size:42px;}
	.ny_banner h3{font-size:44px;}
	.ny_banner{height:240px;}
	.more{display:none;}
}
@media screen and (max-width:768px) {
	.title{font-size:34px;}
	.ny_banner h3{font-size:38px;}
	.ny_main{padding:40px 20px 55px;}
	.title i.line{display:none;}
	.back_top{width:50px;height:50px;background-image:url(../img/top_B.png);}
}
@media screen and (max-width:640px) {
	.top .logo{font-size:26px;}
	.top .logo img{margin-right:10px;height:50px;width:auto;}
	.top .language{padding:13px 0 13px 15px;}
	.bottom{padding:25px 15px 30px;line-height:1.5;}
	.bottom .warper{background-size:auto 90%;padding:0;}
	.bottom h3{font-size:24px;}
	.copyright{display:none;padding:15px;}
	.m_copyright{display:block;}
	.ny_banner .b_nav{display:none;}
	.ny_banner{height:180px;}
	.back_top{width:40px;height:40px;}
}
@media screen and (max-width:480px) {
	.top{padding:15px 15px 12px;}
	.top .logo{font-size:22px;}
	.top .logo img{height:44px;}
	.top .language{padding:10px 0 10px 15px;}
	.top .muen_icon{font-size:30px;line-height:30px;margin-top:-15px;}
	.title{font-size:26px;}
	.ny_banner h3{font-size:28px;}
	.ny_banner{height:140px;}
	.ny_main{padding:30px 15px 40px;}
	.more_but{padding:0 30px;margin-top:20px;height:36px;line-height:36px;}
}
@media screen and (max-width:380px) {
	.top .logo{font-size:20px;}
	.top .logo img{height:40px;}
	.top .language{padding:8px 0 8px 15px;}
}
@media screen and (max-width:340px) {
	.top .logo{font-size:18px;}
}
@-webkit-keyframes opacity{
	0%{
		opacity:0;
	}100%{
		opacity:1;
	}
}
@keyframes opacity{
	0%{
		opacity:0;
	}100%{
		opacity:1;
	}
}
.hidden{
	display: none;
}