body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}

/* head */


.mobile-inner-nav a{-webkit-animation-duration: 0.8s;animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to { 
	-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);	
	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0);
}

 60% {
	opacity: 1;
	-webkit-transform: translate3d(-25px, 0, 0);
	transform: translate3d(-25px, 0, 0);
}

75% {
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
}

90% {
	-webkit-transform: translate3d(-5px, 0, 0);
	transform: translate3d(-5px, 0, 0);
}

 to {
	-webkit-transform: none;
	transform: none;
	 }
}

@keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
	-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0);
}

60% {
	 opacity: 1;
	 -webkit-transform: translate3d(-25px, 0, 0);
	transform: translate3d(-25px, 0, 0);
}

75% {
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
}

90% {
	-webkit-transform: translate3d(-5px, 0, 0);
	transform: translate3d(-5px, 0, 0);
}

to {
	-webkit-transform: none;
	transform: none;
	}
}

.mobile{ display: none; }


.head{background: url(../image/headbj.png) left top repeat; height: 100px; position: absolute; width: 100%; left: 0; top: 0; z-index: 9999;}
.box{ width: 1200px; margin: 0 auto; }
h1{ float: left; padding-top: 17px; }
.nav_ul{ float: left; padding: 0 0 0 103px; }
.nav_ul li{ float: left; height: 100px; position: relative; }
.nav_ul li a{ display:block; padding: 0 20px; font-size: 16px; position: relative; overflow: hidden; font-weight: bold; font-family: 'Arial'; height: 100px; line-height: 100px;  }
.nav_ul li a:hover,.nav_ul li a.current{ color: #e73e0c;transition: all 0.5s ease 0s;  }
.nav_ul li .nav_i{background: url(../image/navbj.png) center center no-repeat;transition: all 0.5s ease 0s; width: 18px; height: 4px; display: block; position: absolute; left: 50%; margin-left: -8px; bottom: -28px; }
.nav_ul li a:hover .nav_i,.nav_ul li a.current .nav_i { bottom: 28px; transition: all 0.5s ease 0s; }
.guage{float: right;position: relative; z-index: 99999; height: 100px; overflow: hidden; }
.language{  margin-top: 32px; cursor: pointer; border: 1px solid #777777; border-radius: 5px; width: 98px; height: 34px; line-height: 34px;background: url(../image/head.png) 9px center no-repeat; padding-left: 28px; box-sizing: border-box; }
.lan{background: url(../image/jiao.png) 47px center no-repeat; padding-left: 10px; font-size: 14px;}
.lan_inner{ position: absolute; transition: all 0.5s ease 0s; z-index: 999999; left: 0; bottom: -180px;  width: 100px; border-radius: 5px; }
.lan_inner a{ display: block; height:36px; line-height: 36px; text-align: center; background: #fff; transition: all 0.5s ease 0s; border-bottom: 1px solid #d7d5e3; font-size: 14px; display: block;  }
.lan_inner a:hover{ color: #fff; background: #00a1e3; border-bottom: 1px solid #00a1e3; transition: all 0.5s ease 0s; }
.lan_inner a:nth-last-child(1){ border-bottom: none; border-radius: 0 0 5px 5px;  }
.lan_inner a:nth-child(1){ border-radius: 5px 5px 0 0;  }
.guage:hover .lan_inner{ bottom: -110px; transition: all 0.5s ease 0s;  }
.guage:hover { overflow: inherit; }
.guage:hover .lan{background: url(../image/jiao1.png) 47px center no-repeat; }
.subnav{ position: absolute; display: none; left: 0; top: 100px; background:url(../image/imgbj.png) left top repeat; width: 432px; border-radius: 5px; padding: 20px; box-sizing: border-box;  }
.subright{ float: right; width: 210px; height: 120px; overflow: hidden; }
.subright img{width: 210px; height: 120px; overflow: hidden;}
.subleft{ float: left; width: 170px; }
.nav_ul li .subleft a{ display: block; height: 30px; line-height: 30px;transition: all 0.5s ease 0s; overflow: hidden; font-size: 14px; font-weight: bold; color: #666666; }
.nav_ul li .subleft a:hover,.nav_ul li .subleft a.on{ color: #e63d12; background: none; transition: all 0.5s ease 0s; }
.foot{ background: #00a1e4; padding-top: 43px; }
.foot_left{ float: left; width: 744px; }
.foot_logo{ float: left;  margin:20px 40px 0 0;}
.foot_tel{ float: left;width: 470px; }
.tel_left{ float: left; font-size: 14px; font-weight: bold; line-height: 26px; color: #fff; }
.tel_right{ float: left; font-size: 14px;  padding-right: 8px; line-height: 26px; color: #fff; width: 390px;}
.foot_right{ float: right;  width:335px;  }
.code{ float: right; width: 74px; }
.code_i{ display: block; width: 74px; height: 74px; overflow: hidden; }
.code_i img{width: 74px; height: 74px; overflow: hidden;}
.code_tit{ font-size: 14px; color: #8fdcfc; line-height: 16px; text-align: center; height: 32px; overflow: hidden; display: block; padding-top: 6px; }
.share{ padding:36px 15px 0 0; float: left;  }
.share a{ display: block; margin-right: 15px; float: left; width:32px; height: 32px; line-height: 32px; border: 1px solid #f6fcff; text-align: center;  }
.share a img{ transition: all 0.5s ease 0s; }
.share a:hover img{ transition: all 0.5s ease 0s; transform: translateY(-5px); }
.foot_bottom{ padding-bottom:14px; border-bottom: 1px solid #36acde;  }
.link_h3{ float: left;background: url(../image/foot7.png) center center no-repeat; width: 85px; height: 30px; line-height: 30px; text-indent:12px; font-size: 14px; color: #fff;  }
.link_div{ float: left; padding-left: 30px; width:1105px; margin-left: -16px; line-height: 26px; font-size: 14px; box-sizing: border-box;  }
.link_div a{ color: #fff;font-size: 14px; margin-left: 16px;  }
.link_div a:hover,.add a:hover{ font-weight:bold;}
.add{ text-align: center; height: 62px; line-height: 62px; font-size: 14px; color: #fff; }
.add a{ color: #fff; padding-left: 8px; }

.phone_banner{ display:none;}
.flex-direction-nav{ display: block;  position: absolute; bottom: 40px; height: 36px; box-sizing: border-box; left: 50%; z-index: 9999; }
.flex-prev{ display: block;background: url(/template/cn/images/tab_left.png) center center no-repeat; font-size: 0; width: 6px; height: 10px; position: absolute; left: 0px; top: 50%; margin-top: -5px; z-index: 99 }
.flex-next{ display: block;background: url(/template/cn/images/tab_right.png) center center no-repeat; font-size: 0; width: 6px; height: 10px; position: absolute; right: 0px; top: 50%; margin-top: -5px; z-index: 999 }
.flexslider {position: relative;width: 100%;height:auto; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides li img{transition: 8s ease 0s;}
.slides {width:100%; height:auto;}
.slides li.flex-active-slide img{ transition: 8s ease 0s; transform: scale(1.15,1.15); }
.flex-control-nav { display: block;position: absolute; bottom:120px;  width: 100%; height:36px; line-height: 36px; z-index: 9999; left: 0; text-align: center;   }
.flex-control-nav li{ display: inline-block;  margin: 0 5px;  }
.flex-control-nav li a{ display: block; width: 12px; height:12px; font-size: 0;  background: #fff; border-radius: 12px; transition: all 0.5s ease 0s; }
.flex-control-nav li a.flex-active{ width: 24px; transition: all 0.5s ease 0s; }

.position{ height: 50px; line-height: 50px; margin-bottom: 60px; box-shadow: 0 8px 15px #f7f7f7;  font-family: 'Arial' }
.pos{background: url(../image/hone.png) left center no-repeat; padding-left: 26px; color: #666666; font-size: 14px;}
.pos a{ color: #666666; transition: all 0.5s ease 0s;}
.pos a:hover{ color: #00a1e4; transition: all 0.5s ease 0s; }
.column{ float: left; width:250px;  border-radius: 5px; }
.column li{ height: 122px; margin-bottom: 20px;background: url(../image/cata1.jpg) left center no-repeat; }
.column a{ margin:0 30px; display: block; padding:13px 0 0px 0;  }
.serial_i{ height: 40px; transition: all 0.5s ease 0s; line-height: 40px;  font-size: 14px;font-family: 'Arial';  display: block; font-weight: bold; color: #999999 }
.dmk_i{ display: block; height: 30px; line-height: 30px; overflow: hidden;transition: all 0.5s ease 0s; font-size: 20px; font-weight: bold; overflow: hidden; display: block;}
.dmk_h3{  overflow: hidden; height: 20px; line-height: 20px;transition: all 0.5s ease 0s; font-size: 12px; color: #999999; font-family: 'Arial'; text-transform: uppercase; }
.column li:hover,.column li.for{background:#00b0e9 url(../image/cata11.jpg) left top no-repeat;}
.column li:hover .dmk_h3,.column li.for .dmk_h3,.column li:hover .serial_i,.column li.for .serial_i,.column li:hover .dmk_i,.column li.for .dmk_i{ color: #fff; transition: all 0.5s ease 0s;  }

.details{ min-height: 500px; width: 890px; float: right; }
.about{ padding-bottom: 200px; }

.course_ul{background: url(../image/cour2.png) center top repeat-y; padding: 50px 0;}
.course{ position: relative; }
.course_top{ position: absolute; left: 50%; top: 0;background:#fff url(../image/cour3.png) center top no-repeat; width: 11px; height: 11px; display: block; margin-left: -5.6px;}
.course_bottom{ position: absolute; left: 50%; bottom: 0;background:#fff url(../image/cour3.png) center top no-repeat; width: 11px; height: 11px; display: block; margin-left: -5.6px;}
.course_ul li{background: url(../image/cour1.png) center 10px no-repeat; margin-bottom: 30px;}
.year_i{ display: block; height:34px; line-height: 34px; text-align: right; overflow: hidden; color: #e73b12; font-weight: bold;  }
.year_div{ line-height: 30px; font-size: 14px; text-align: right; }
.course_dl{ float: left; width: 50%; padding: 0 24px 0 84px; box-sizing: border-box; }
.course_dl dt{ float: left; width: 80px; height: 80px; overflow: hidden; padding-top: 5px; }
.course_dl dt img{ width: 80px; height: 80px; border-radius: 80px; }

.course_right{ float: right;padding: 0 84px 0 24px;  }
.course_right dt{ float: right; }
.course_right dd{ float: left; }
.course_right dd .year_div,.course_right dd .year_i{ text-align: left; }
.course{ margin-bottom: 60px; }

.honor_ul{ margin: 0 0 60px -30px; }
.honor_ul li{ float: left; margin: 0 0 10px 30px; width: 274px; }
.honor_img{ display: block; height: 193px; width: 274px; overflow: hidden; border: 1px solid #dddddd; box-sizing: border-box; }
.honor_img img{ height: 193px; width: 274px; overflow: hidden; transition: all 1s ease 0s;}
.honor_ul li:hover img{ transition: all 1s ease 0s; transform: scale(1.1,1.2); }
.honor_h3{ height:57px; text-align: center; font-size: 16px; line-height: 57px; overflow: hidden;  }
.team_inner{ padding-bottom: 50px; }
.team_ul{ text-align: center; margin-bottom: 30px; }
.team_ul li{ display: inline-block; }
.team_ul li a{ display: block; width: 140px; height: 32px; line-height: 32px; border: 1px solid #dddddd;    text-align: center; font-size: 16px; font-weight: bold; color: #666666; box-sizing: border-box; }
.team_ul li:nth-child(1) a{ border-radius: 5px 0 0 5px; }
.team_ul li:nth-child(2) a{ border-radius: 0px 5px 5px 0px; border-left: 0; margin-left: -5px; }
.team_ul li.on a{ background: #00a2e4; color: #fff; transition: all 0.5s ease 0s; }
.team_div{ display: none; }

.fngus_ul{ margin-bottom: 60px; }
.fngus_ul li{ line-height:56px; position: relative; height: 56px; overflow: hidden; border-bottom: 1px dotted #f0f0f0;background: url(../image/fnbj.jpg) left center no-repeat;transition: all 0.5s ease 0s; padding-left: 15px;  }
.fngus_ul li a{ display: block;transition: all 0.5s ease 0s; width: 80%; overflow: hidden; height: 56px; font-size: 16px; font-weight: bold; float: left; }
.fngus_ul li .fngus_time{transition: all 0.5s ease 0s; display:block; float: right; width: 15%; font-size: 14px; color: #666666;}
.fngus_ul li:hover a,.fngus_ul li:hover .fngus_time{ color: #00a1e4; transition: all 0.5s ease 0s; }
.fngus_ul li:after{content: ".";clear: both; position: absolute; left: 0; bottom: 0; z-index: 9; display: block;width: 0;visibility:inherit; height: 1px; background:#00a1e4;transition: all 0.5s ease 0s;}
.fngus_ul li:hover:after{ width: 100%;transition: all 0.5s ease 0s; }
.release{ text-align: center; margin-bottom: 30px; }
.release h3{ font-size: 20px; font-weight: bold; height: 50px; line-height: 50px; overflow: hidden; }
.release .rele_time{ display: block;height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; color: #999999; }
.piece{ padding: 20px 0 40px 0; }
.pie_div{ height:30px; line-height: 30px; overflow: hidden; font-size: 14px;  }
.pie_div a:hover{ color: #00a1e4 }

.news_dl{ padding: 20px 0;transition: all 0.5s ease 0s; border-bottom: 1px dotted #eeeeee; }
.news_dl dt{ float: left; width: 300px; height: 180px; overflow: hidden; margin-right: 30px; }
.news_dl dt img{width: 300px; height: 180px; overflow: hidden;}
.news_dl dd{ float: left; width: 560px; }
.news_dl dd a{ display: block;transition: all 0.5s ease 0s; height: 65px; line-height: 65px; overflow: hidden; font-size:18px; font-weight: bold;  }
.news_infor{ height:60px; overflow: hidden; line-height: 30px; font-size:14px;   }
.news_time{ display: block; overflow: hidden; height: 56px; line-height: 56px; color: #999999; font-size: 14px; }
.news{ padding-bottom: 60px; }
.tit_ul{ margin:0 0 15px -25px; }
.tit_ul li{ float: left; margin:0 0 15px 25px; }
.tit_ul li a{ display: block; width:278px; height: 40px; line-height: 40px; border: 1px solid #dddddd; border-radius: 20px; font-size: 16px; font-weight: bold; color: #999999; text-align: center; overflow: hidden; transition: all 0.5s ease 0s;  }
.tit_ul li a:hover,.tit_ul li a.for{ border: 1px solid #e3440d; background: #e3440d; color: #fff; transition: all 0.5s ease 0s; }

.news_dl:hover dd a{ color: #00a1e4; transition: all 0.5s ease 0s; }
.news_dl:hover { transition: all 0.5s ease 0s; transform: translateY(-8px); box-shadow:  0 0 10px #eee; }





.pro_ul{ margin:0 0 50px -30px; }
.pro_ul li{ float: left; width: 276px; margin:0 0 22px 30px; }
.pro_img{ display: block; overflow: hidden; width: 274px; position: relative; height: 168px; border: 1px solid #dddddd }
.pro_img img{overflow: hidden; width: 274px; height: 168px;}
.pro_h3{transition: all 0.5s ease 0s; height:62px; line-height: 36px; padding-top: 12px; overflow: hidden; font-size:16px; text-align: center;   }
.pro_ul li:hover .pro_h3{ color: #00a1e4; transition: all 0.5s ease 0s;}
.rahmen{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.rahmen i{display: block;position: absolute;background:none;}
.rahmen i:after{transition: all .3s linear;content: "";display: block;background-color: #00a1e4;position: absolute;transform: translateZ(0);}
.rahmen .top{height: 1px;width: 100%;top: 0;left: 0;}
.rahmen .right{width: 1px;height: 100%;right: 0;top: 0;}
.rahmen .bottom{height: 1px;width: 100%;bottom: 0;right: 0;}
.rahmen .left{width: 1px;height: 100%;left: 0;bottom: 0;}
.rahmen .top:after{top: 0;left: 0;width: 0;height: 1px;transition-delay: 1.2s;}
.rahmen .right:after{right: 0;top: 0;width: 1px;height: 0;transition-delay: .9s;}
.rahmen .bottom:after{bottom: 0;right: 0;width: 0;height: 1px;transition-delay: .6s;}
.rahmen .left:after{bottom: 0;left: 0;width: 1px;height: 0;transition-delay: .3s;}
.pro_ul li:hover .rahmen i:after{ width: 100%; height: 100%; }
.pro_dl{ margin-bottom:30px;  }
.pro_dl dt{ float: left; margin-right: 40px; width: 500px; height: 300px; overflow: hidden; }
.pro_dl dt img{ width: 500px; height: 300px; overflow: hidden; }
.pro_dl dd{ float: left; width:350px;  }
.fun_tit{ height: auto; line-height: 30px; overflow: hidden; font-size:18px; font-weight: bold; margin-bottom: 10px; }
.fun_div{ line-height: 22px; margin-bottom: 8px; overflow: hidden; font-size: 14px; }
.fun_div .fun_i{ font-weight: bold; }
.fun_box{ height: 120px; overflow: hidden; margin-bottom: 30px; }
.order{ display: block; height:34px; width: 148px;transition: all 0.5s ease 0s; border: 1px solid #e63e13; background: #e63e13; text-align: center; line-height: 34px; color: #fff; display: block; font-size: 14px; font-weight: bold;  }
.order:hover{ transition: all 0.5s ease 0s; background: none; color: #e63e13 }

.pro_word{ padding-bottom: 50px; }

.cont_map{ float: right; width: 500px; height: 330px; margin-bottom: 40px; }
.cont_map img{ width: auto; height: auto; max-width: 100%; }
.cont_add{ width: 374px; float: left; }
.cont_h3{ font-size: 20px; font-weight: bold; height: 110px; overflow: hidden; line-height: 110px; }
.cont_ul li{ line-height: 32px; font-size: 14px; }
.cont_i{ font-weight: bold; }
.cont_bottom{ margin-bottom: 70px; }

.ela_div{ margin:0 0 15px -40px;  }
.ela_i{ float: left; font-size:14px; height: 38px; line-height: 38px; width:70px; text-align: right;   }
.ela_txt{ display: block; float: left; margin-left: 10px; border: 1px solid #dddddd; width: 318px; height: 36px; line-height: 36px; font-size: 14px; padding-left: 8px; box-sizing: border-box; }
.xing{ color: #ff0000; padding-right: 5px; }
.ela_box{ float: left; margin-left: 37px; }
.ela_area{float: left; margin-left: 10px; border: 1px solid #dddddd; width: 753px; height: 138px; padding: 8px ; box-sizing:border-box; resize: none;}
.ela_sub{ display: block; cursor: pointer;  width:128px; height: 38px; margin-top: 30px; transition: all 0.5s ease 0s;line-height: 38px; text-align: center; background: #00a1e4; border: 1px solid #00a1e4; color: #fff; font-weight: bold; font-size: 14px; display: block; margin-left: 75px;  }
.ela_sub:hover{ background: none; color: #00a1e4; transition: all 0.5s ease 0s; }
.cou_sel{ width: 318px; height: 36px; border: 1px solid #dddddd; margin-left: 10px; cursor: pointer; padding-left: 8px; box-sizing: border-box; color: #666666; font-size: 14px; }




.recu{ padding:0px 0 60px 0px;}
.scb{ cursor:pointer; background:#f8f8f8; margin-bottom: 20px; padding: 26px 40px; position: relative; }
.join_top{ height: 48px; line-height: 48px; overflow: hidden; padding-right: 200px; }
.join_tit{ display: block; float: left; font-size: 18px; font-weight: bold; color: #333; }
.join_num{ display: block; float: right; font-size: 14px; color: #999999; }
.num_i{ color: #333; }
.join_bottom{ height: 42px; line-height: 42px; overflow: hidden; padding-right: 200px; }
.join_exp{ float: left; font-size: 14px; color: #999999; }
.exp_i{ color: #333; padding-right: 30px; }
.join_money{ float: right;  display: block; font-size: 16px; font-weight: bold; color: #e73b12; }
.join_see{ display: block; position: absolute;transition: all 0.5s ease 0s; top:53px ; right: 40px; width: 100px; height: 34px; line-height: 34px; text-align: center; background: #bbbbbb; color: #fff; font-size: 14px; }
.join_dl dd {}
.join_dl dd.up{ box-shadow: 0 0 10px #eee; margin-bottom: 20px; }
.join_dl dd li{width:25%; float:left; display:block; text-align:center; color:#666666; font-weight:bold;}
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ border-top: 1px dotted #dddddd; display: none; padding: 10px 0px 30px ; margin: 0 40px 0; line-height: 30px; font-size: 14px; color: #666666; }
.describe{ display: block; font-size: 16px; color: #333; background: url(../image/join.jpg) left center no-repeat; padding-left: 14px; margin:20px 0;}
.act{ background: #fff; }
.act .join_see{ background: #00a1e4; color: #fff; transition: all 0.5s ease 0s; }
.tomer{ padding: 0 0 60px 0; }
.tomer img{ width: auto; height: auto; max-width: 100%; }

.mark{ width: 812px; height: 654px; position:relative; margin: 0 auto 80px;}
.mark_inner{ position:absolute; cursor: pointer; }
.mark_northeast{ top: 0; right: 0;background: url(../image/img1.png) left center no-repeat; width: 181px; height: 268px;  }
.coordinate{ position:absolute; left:90px; top: 133px;background: url(../image/imgadd.png) left center no-repeat; width: 20px; height: 23px;   }
.coor_inner{ position: absolute; left: 10px; top: -140px; display: none; background: url(../image/img8.png) left center no-repeat;  width: 124px; height: 137px; padding: 0 0 0 20px; box-sizing: border-box; }
.coor_h3{ height:46px; line-height: 46px;  color:#fff; font-size: 16px; overflow: hidden; }
.coor_num{ height: 34px; line-height: 34px; overflow: hidden; color: #fff; font-weight: bold; font-size: 30px; }
.coor_i{ font-size: 18px; }
.key{ height: 20px; line-height: 20px; overflow: hidden; color: #fff; font-size:14px;  }
.mark_northeast:hover{background: url(../image/img11.png) left center no-repeat; }
.mark_inner:hover .coordinate{background: url(../image/imgadd1.png) left center no-repeat; }
.mark_inner:hover .coor_inner{ display: block; }

.mark_huabei{background: url(../image/img2.png) left center no-repeat; width: 357px; height: 353px; top: 6px; right: 116px;}
.mark_huabei .coordinate{ left: 230px; top: 220px; }
.mark_huabei:hover{background: url(../image/img22.png) left center no-repeat; }
.mark_xibei{background: url(../image/img3.png) left center no-repeat; width: 535px; height: 330px; left: 0;top: 81px;}
.mark_xibei .coordinate{ left: 190px; top: 140px; }
.mark_xibei:hover{background: url(../image/img33.png) left center no-repeat;}
.mark_xinan{background: url(../image/img7.png) left center no-repeat; width: 490px; height: 298px; left: 35px; top: 306px; }
.mark_xinan .coordinate{ left: 360px; top: 146px; }
.mark_xinan:hover{background: url(../image/img77.png) left center no-repeat;}
.mark_huanan{background: url(../image/img6.png) left center no-repeat; z-index: 999; bottom: 0; left: 438px; width: 217px; height: 147px; }
.mark_huanan .coordinate{ left: 90px; top: 38px; }
.mark_huanan:hover{background: url(../image/img66.png) left center no-repeat;}
.mark_huazhong{background: url(../image/img5.png) left center no-repeat; z-index: 99; width: 123px;height: 212px; right: 189px; bottom:118px;  }
.mark_huazhong .coordinate{ left: 45px; top: 90px; }
.mark_huazhong:hover{background: url(../image/img55.png) left center no-repeat;}
.mark_huadong{background: url(../image/img4.png) left center no-repeat; width: 141px; height: 286px;  top: 287px; right: 83px;}
.mark_huadong .coordinate{ left: 58px; top: 133px; }
.mark_huadong:hover{background: url(../image/img44.png) left center no-repeat;}
.mark_tu img{ width: auto; height: auto; max-width: 100%; }
.mark_tu{ text-align: center; display: none; }

.us{ background: #fff; padding:0 40px; height: 162px; border-radius: 15px; margin-top: -100px; position: relative; z-index: 9999; margin-bottom: 50px; box-shadow: 0 0 10px #f3f3f3}
.us dt{ float: right;background: url(../image/index1.jpg) center center no-repeat;padding-top: 50px; width: 250px; height: 112px; }

.us_h3{ height: 36px; line-height: 36px; overflow: hidden; font-size:26px; color: #00a1e4; text-align: center;  }
.us_i{ color: #e73a12 }
.en_us{ display: block; text-align: center; height:20px; line-height: 20px; overflow: hidden; color: #666666; text-transform: uppercase;  }
.us dd{ float: left; padding-top: 40px; width: 770px;background: url(../image/index1.png) left center no-repeat; padding-left: 50px;  }
.us_word{ height: 60px; line-height: 30px; overflow: hidden; font-size: 14px; }
.us_a{ transition: all 0.5s ease 0s; display: block; height: 30px; line-height: 30px; color: #00a1e4; font-size: 14px; overflow: hidden; padding-left:30px; background: url(../image/us_a.jpg) left center no-repeat;}
.duct{ margin-bottom:38px;  }
.us_a:hover{background: url(../image/jian.png) left center no-repeat; padding-left: 60px; transition: all 0.5s ease 0s;}
.duct_left{ float: left; width: 470px; }
.index_tit .index_h3{ height:38px; line-height: 38px; overflow: hidden; font-size:24px; font-weight: bold;   }
.index_tit .tit_i{ display: block; overflow: hidden; line-height:18px; height: 18px; color: #999999;background: url(../image/index_tit.jpg) left center no-repeat; padding-left: 40px; text-transform: uppercase;  }
.research{ height:166px; overflow: hidden; line-height: 30px; font-size: 14px; padding: 26px 0 30px 0;  }
.res_a{ display: block; width:118px;transition: all 0.5s ease 0s; height: 34px; line-height: 34px; border: 1px solid #00a1e4; border-radius: 20px; background: #00a1e4; display: block; text-align: center; color: #fff; font-size: 14px; overflow: hidden;  }
.res_a:hover{ transition: all 0.5s ease 0s;  color: #00a1e4; background: none; }

.jour_tit .index_tit{ float: left; }
.jour_tit .jour_a{ float: right; height: 76px;transition: all 0.5s ease 0s; line-height: 76px; font-size: 14px;background: url(../image/index2.jpg) left center no-repeat; padding-left: 27px; }
.jour_tit .jour_a:hover{color: #00a1e4; transition: all 0.5s ease 0s;}
.jour_ul{ margin:0 0 40px -30px; }
.jour_ul li{ float: left; margin-left:30px; width: 380px; }
.jour_img{ display: block; overflow: hidden; width: 380px; height: 230px;  }
.jour_img img{ overflow: hidden; width: 380px; height: 230px; transition: all 1s ease 0s; }
.jourtit{ display: block; transition: all 0.5s ease 0s;overflow: hidden; height:66px; line-height: 66px; color: #333; font-size:14px;  }
.jour_word{transition: all 0.5s ease 0s; height:60px; line-height: 30px; overflow: hidden; font-size: 14px; color: #666666; padding-bottom: 12px; border-bottom: 1px solid #eeeeee; }
.jour_div{ height: 50px; line-height: 50px; overflow: hidden; }
.jour_time{transition: all 0.5s ease 0s; color: #999999; float: left; display: block; font-size: 14px; }
.jour_see{ float: right; color: #00a1e4; }
.jour_ul li:hover .jourtit,.jour_ul li:hover .jour_word,.jour_ul li:hover .jour_time{ color: #00a1e4; transition: all 0.5s ease 0s; }
.jour_ul li:hover .jour_img img{ transition: all 1s ease 0s; transform: scale(1.1,1.2); }
.glory{background: url(../image/indexbj.jpg) center top no-repeat; height: 392px;}
.glory_inner{ padding-top:40px;  }
.glory_ul{ margin: 20px 0 0 -20px; }
.glory_ul li{ width: 285px; float: left; margin: 0 0 0 20px;transition: all 0.5s ease 0s; width: 285px; height: 200px; overflow: hidden; }
.glory_ul li img{ width: 285px; height: 200px; overflow: hidden; }
.glory_ul li:hover { box-shadow: 0 0 10px #eee; transform: translateY(-8px); transition: all 0.5s ease 0s; }
.dyn{ padding: 40px 0 60px 0;   }

.dyn_div{ height:440px; position: relative; margin-top: 20px;  }
.dyn_scroll{ position:absolute; left: 0; top: 0; height: 440px; width: 1200px; overflow: hidden; }
.dyn_scroll li{ float: left; position: relative; width: 1200px; }
.dyn_left{  width: 767px; height: 400px; overflow: hidden; position: absolute; left: 0; top: 20px; }
.dyn_left img{width: 767px; height: 400px; overflow: hidden;}
.dyn_right{ float: right; width: 550px; background: #f8f8f8; height: 440px; overflow: hidden; padding: 0 78px 0 178px; box-sizing: border-box; }
.dyn_tit{ padding-top: 50px; transition: all 0.5s ease 0s;  height: 62px; line-height: 62px; overflow: hidden; font-size:22px; font-weight: bold; display: block;  }
.dyn_tit:hover{ color: #00a1e4; transition: all 0.5s ease 0s; }
.dyn_word{ height: 152px; overflow: hidden; line-height:30px; font-size: 14px;  }
.dyn_see{ display: block; transition: all 0.5s ease 0s; height: 52px; line-height: 52px; overflow: hidden; font-size: 14px; color: #00a1e4;background: url(../image/us_a.jpg) left center no-repeat; padding-left:32px;  }
.dynleft{ position: absolute; right:337px;transition: all 0.5s ease 0s; bottom:50px; display: block;background: url(../image/team_left1.png) center top no-repeat; width: 36px; height: 36px;  }
.dynright{ position: absolute; right:280px;transition: all 0.5s ease 0s; bottom:50px; display: block;background: url(../image/team_right1.png) center top no-repeat; width: 36px; height: 36px;  }
.dynleft:hover{background: url(../image/team_left11.png) center top no-repeat; transition: all 0.5s ease 0s;}
.dynright:hover{background: url(../image/team_right11.png) center top no-repeat; transition: all 0.5s ease 0s;}
.dyn_see:hover{background: url(../image/jian.png) left center no-repeat; padding-left: 50px; transition: all 0.5s ease 0s;}
.dyn_num{ position: absolute; font-size: 16px; transform: rotate(-270deg); font-weight: bold; right:30px; top: 70px;  color: #00a1e4; height: 30px; line-height: 30px; }
.dyn_pos{ color: #e63d12  }
.dyn_all{ color: #00a1e4  }


.duct_right{ float:right; width: 650px; }

.mobile{
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.mobile-inner{
    width: 550px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fafafa;
    position: relative;
}
.mobile-inner img{
    width: 100%;
    margin-bottom: 30px;
}
.mobile-inner p{
    color: #676767;
    line-height: 25px;
    font-size: 16px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    margin:0px;
}
.mobile-inner-header{
    background:none;
    width: 100%;
    height: 50px;
    position: absolute;
    top:6px;
    left: 0px;
}
.mobile-inner-header-icon{
    color: #661e68;
    height: 50px;
    font-size:25px;
    text-align: center;
    float:right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
     background: none
}
.mobile-inner-header-icon:hover{
    background:none;
    cursor: pointer;
}
.mobile-inner-header-icon span{
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: #661e68;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
    }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
    }
    



    
.mobile-inner-header-icon-click span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
    }       
.mobile-inner-header-icon-click span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
    }
    


@keyframes clickfirst {
  0% {
      transform: translateY(4px) rotate(0deg);
      
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}   



@keyframes clicksecond {
  0% {
      transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}   

.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
    }       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
    }

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}   



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
    background-color: rgba(140,140,140,0.9);
    width: 100%;
    position: absolute;
    top: 56px;
    left: 0px;
    padding: 10px 0 30px 0;
    z-index: 999999;
    display: none;
}
.mobile-inner-nav li{ margin:0 10px ;}
.mobile-inner-nav a{
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
    width: 100%;
   
    color: #FFFFFF;
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight:300;
    font-size: 14px;
}
.mobile-inner-nav a:hover{
    color: rgba(255,255,255,0.4);
    border-bottom: solid 1px rgba(255,255,255,0.2);
}


.duct_box{ position: relative; height: 320px; width: 350px; display: none; }
.duct_scroll{ position:absolute; left: 0; top: 0; width: 350px; height:350px;  }
.duct_scroll li{ float: left; width: 350px; }
.duct_i{ width: 100%; height: auto; text-align: center; }
.duct_i img{ width: auto; height: auto; max-width: 100%; }
.duct_tit{ height: 50px; display: block; line-height: 50px; font-size: 14px; overflow: hidden; text-align: center; }
.sub_left{ position: absolute; left: 0; top: 118px; display: block; background: url(../image/pic_left.png) center top no-repeat; width: 40px; height: 40px; }
.sub_right{ position: absolute; right: 0; top: 118px; display: block; background: url(../image/pic_right.png) center top no-repeat; width: 40px; height: 40px; }


.part_bottom{ margin-bottom: 60px; }
.benchm{ margin-bottom: 30px; }
.ben_h3{ float: left; width: 92px; height:42px; line-height: 42px; font-size: 18px; font-weight: bold; color: #00a2e4  }
.ben_sel{ width:398px; height: 40px; line-height: 40px; border: 1px solid #dddddd; float: left; font-size: 16px; padding-left: 10px; box-sizing: border-box; cursor: pointer;  }
.part_div{ background: #fbfbfb;  box-sizing: border-box;  width: 390px; float: left; height: 250px;  }
.part_box{ height: 200px; overflow: hidden; padding: 20px 30px; overflow-y:auto; line-height: 38px; font-size: 16px; font-weight: bold; }
.chm_img{ float: right; width: 480px; height: 250px; overflow: hidden; }
.chm_img img{width: 480px; height: 250px; overflow: hidden;}

.over_box{ position: relative;  width: 890px; height: 438px; margin: 50px auto ;   }
.yazhou{ position:absolute; right: 0; top: 14px; background:url(../image/over1.png) center top no-repeat; width: 409px; height: 296px;}
.yazhou .coordinate{ left: 170px; top: 116px; }
.yazhou:hover{background:url(../image/over11.png) center top no-repeat;}
.dayangzhou{ right: 28px; bottom: 27px;background:url(../image/over2.png) center top no-repeat; width: 168px; height: 127px;}
.dayangzhou .coordinate{ left: 47px; top: 44px; }
.dayangzhou:hover{background:url(../image/over22.png) center top no-repeat;}
.ouzhou{ left: 392px; top: 12px;background:url(../image/over4.png) center top no-repeat; width: 188px; height: 179px;}
.ouzhou .coordinate{ left: 76px; top: 117px; }
.ouzhou:hover{background:url(../image/over44.png) center top no-repeat;}
.feizhou{ left: 375px; bottom:65px;background:url(../image/over3.png) center top no-repeat; width: 177px; height: 189px;}
.feizhou .coordinate{ left: 80px; top: 54px; }
.feizhou:hover{background:url(../image/over33.png) center top no-repeat;}
.nanmeizhou{ left: 214px; bottom:0px;background:url(../image/over5.png) center top no-repeat; width: 118px; height: 187px;}
.nanmeizhou .coordinate{ left: 46px; top: 54px; }
.nanmeizhou:hover{background:url(../image/over55.png) center top no-repeat; }
.beimeizhou{ left: -1px; top: 0px;background:url(../image/over6.png) center top no-repeat; width: 388px; height: 285px;}
.beimeizhou .coordinate{ left: 143px; top: 115px; }
.beimeizhou:hover{background:url(../image/over66.png) center top no-repeat;}

.join_hr{ line-height: 50px; font-size: 16px; padding-bottom: 20px; }
.hr_i{ color: #42afe8; font-weight: bold; padding-right: 10px; }
.hr_name{ font-weight: bold;  padding-right: 10px;}


.pagination{ width:100%; text-align:center; padding:30px 0 60px 0;}
 
 .pagination>li{display:inline-block}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin:0 3px;line-height:20px;color:#00a1e4;text-decoration:none;background-color:#fff;border:1px solid #ddd;height:auto!important;text-indent:0!important;}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2!important;color:#fff!important;cursor:default!important;background-color:#00a1e4!important;border-color:#00a1e4!important; height:auto!important;text-indent:0!important;}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#00a1e4}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#00a1e4;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#00a1e4}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}