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; 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;
		  }
		}




.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;  }
.sub_right{ float: right; width: 210px; height: 120px; overflow: hidden; }
.sub_right img{width: 210px; height: 120px; overflow: hidden;}
.sub_left{ float: left; width: 170px; }
.nav_ul li .sub_left 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 .sub_left a:hover,.nav_ul li .sub_left 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:24px; 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(../image/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(../image/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;background: url(../image/tabbj.png) left top repeat; position: absolute; bottom:40px; padding: 0 36px; height:36px; line-height: 36px; z-index: 9999; border-radius: 20px; left: 50%;   }
.flex-control-nav li{ display: inline-block;   }
.flex-control-nav li a{ display: block; width: 24px; height:36px; font-weight: bold; line-height: 36px; font-family: 'Arial'; color: #999999; text-align: center;  }
.flex-control-nav li a.flex-active{ color: #333; }

.position{ height: 50px; line-height: 50px; margin-bottom: 60px; box-shadow: 0 8px 15px #f7f7f7; margin-bottom: 30px; 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; box-shadow: 0 0 15px #f2f2f2; border-radius: 5px; }
.column li{ height: 170px; margin-bottom: 3px; }
.column a{ border-bottom: 1px solid #eeeeee; margin:0 25px; display: block; padding:39px 0 26px 0;  }
.serial_i{ height: 46px; transition: all 0.5s ease 0s; line-height: 46px; text-align: center; margin: 0 auto 0; font-size: 14px;background:url(../image/col2.png) left top no-repeat; font-family: 'Arial'; width: 46px; display: block; }
.dmk_i{ display: block; height: 34px; line-height: 34px; overflow: hidden;transition: all 0.5s ease 0s; background: url(../image/col1.png) center center no-repeat; display: block;}
.dmk_h3{transition: all 0.5s ease 0s;  text-align: center; overflow: hidden; height: 28px; line-height: 28px;transition: all 0.5s ease 0s; font-size: 16px; font-family: 'Arial'; font-weight: bold; }
.column li:hover,.column li.for{background:#00b0e9 url(../image/col.png) left top no-repeat;}
.column a:nth-last-child(1){ border: none; border-radius: 0 0 5px 5px; }
.column li:nth-last-child(1){  border-radius: 0 0 5px 5px; }
.column li:nth-child(1){  border-radius: 5px 5px 0 0 ; }
.column li:hover .serial_i,.column li.for .serial_i{background:url(../image/col22.png) left top no-repeat; color: #fff; transition: all 0.5s ease 0s; }
.column li:hover .dmk_i,.column li.for .dmk_i{background:url(../image/col11.png) center center no-repeat; color: #fff; transition: all 0.5s ease 0s; }
.column li:hover .dmk_h3,.column li.for .dmk_h3{ color: #fff; transition: all 0.5s ease 0s;  }

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

.team_dl{ background: #fafafa; margin-bottom: 30px; border-radius: 5px; position: relative; overflow: hidden; }
.team_dl dt{ position: relative; z-index: 999; width: 267px;float: left; text-align: center; margin-top: 30px; }
.team_img{ display: block;transition: all 0.5s ease 0s;background: url(../image/team.png) left top no-repeat; margin: 0 auto 8px; width: 170px; height: 170px; line-height: 170px; text-align: center; overflow: hidden; }
.team_img img{ width: 135px; height: 135px; overflow: hidden; border-radius: 135px; }
.team_tit{ height:30px; line-height: 30px; overflow: hidden; font-size:20px; font-family: 'Arial'; font-weight: bold;   }
.team_info{ display: block; height: 22px; line-height: 22px; overflow: hidden;font-size:16px; font-family: 'Arial'; padding-bottom: 25px; }
.team_dl dd{ position: relative; z-index: 999; float:right; width: 610px; line-height:30px;font-size:16px; font-family: 'Arial'; padding: 30px 0 20px 0;}
.team_dl dd i{ display: block; }

.tema{ padding-bottom: 40px; }
.team_dl:after{content: "."; clear: both; position: absolute;visibility:inherit; left: 0; top: 0; width: 0; height: 100%; z-index: 9; background: #fff; transition: all 0.5s ease 0s;  }
.team_dl:hover:after{ width: 100%; height: 100%; visibility:inherit; }
.team_dl:hover .team_img{background: url(../image/team1.png) left top no-repeat; transition: all 0.5s ease 0s; }

.news{ padding: 20px 0 50px 0; }
.news_ul{ margin:0 0 0 -30px;  }
.news_ul li{ float: left; margin: 0 0 30px 30px; width: 380px; position: relative; border: 1px solid #dddddd; box-sizing:border-box;}

.news_img{ display: block; overflow: hidden; height: 220px; width: 100%;}
.news_img img{ overflow: hidden; height: 220px; width: 100%; max-width: 100%; transition: all 1s ease 0s;}
.news_ul li:hover img{ transition: all 1s ease 0s; transform: scale(1.2,1.2); }
.news_box{  border-top: none; padding: 16px 20px;   width: 100%; box-sizing: border-box; }
.news_zi{ height:74px; overflow: hidden; line-height:24px; font-size: 14px;   }
.news_time{ display: block; height: 42px; line-height: 42px; overflow: hidden; color: #999999 }
.news_h3{ height: 42px; line-height: 42px; overflow: hidden; font-size: 16px; font-weight: bold; }
.rahmen{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 9999; display: block;}
.rahmen i{display: block;position: absolute;background:none; z-index: 999;}
.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;}
.rahmen:hover i:after{ width: 100%; height: 100%; }
.efctul i:after,.cozy_right i:after,.cozy_left i:after{transition: all .3s linear;content: "";display: block;background-color: #f47073;position: absolute;transform: translateZ(0);}

.news_ul li:hover .news_h3{ color: #00a1e4; transition: all 0.5s ease 0s; }

.news_info{ padding: 30px 0 80px 0; }
.release{ padding-bottom: 20px; text-align: center; }
.release h3{ font-family: 'Arial'; font-size: 24px; font-weight: bold; line-height: 40px; height: 40px; overflow: hidden; }
.release span{ display:block;font-family: 'Arial'; font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; color: #999999  }
.piece{ padding:24px 0; border-top: 1px solid #eeeeee  }
.piece a{ font-size: 16px; transition: all 0.5s ease 0s;display: block; height:30px; line-height: 30px; overflow: hidden;  }
.piece a .prev_news{ font-weight: bold; padding-right: 10px; }
.piece a:hover{ color: #00a1e4; transition: all 0.5s ease 0s; }

.pro_ul{ margin: 0 0 50px -40px; }
.pro_ul li{ float: left; margin: 0 0 0 40px; width: 420px; }
.pro_img{ display: block; overflow: hidden; width: 418px; height: 253px; border: 1px solid #dddddd; position: relative; }
.pro_img img{overflow: hidden; width: 418px; height: 253px;transition: all 0.5s ease 0s; }
.pro_h3{ padding: 20px 20px 30px; font-size: 16px; font-weight: bold;transition: all 0.5s ease 0s; line-height:20px; height: 40px; overflow: hidden;   }
.pro_ul li:hover .pro_h3{color: #00a1e4; transition: all 0.5s ease 0s; }
.pro_ul li:hover img{ transform: scale(1.2,1.2); transition: all 0.5s ease 0s; }

.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: 78px; line-height: 78px; overflow: hidden; font-size:18px; font-weight: bold;  }
.fun_div{ height: 30px; line-height: 30px; 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; }

.ball{ width: 100%; height: 100%;display: none; position: fixed; left: 0; top: 0; background: url(../image/ball.png) left top repeat; }
.elastic{ background: #fff; display: none;width: 950px; height: 532px; position: fixed; left: 50%; top: 50%; margin: -266px 0 0 -475px; }
.ela_inner{ padding: 60px; }
.pro_cloase{ position: absolute; transition: all 0.5s ease 0s;right:20px; top: 20px; display: block;background: url(../image/close.jpg) left top repeat; width: 14px; height: 14px; }
.pro_cloase:hover{ transition: all 0.5s ease 0s; transform: rotate(360deg); }
.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; }

.pub{ margin:10px 0 50px -30px;  }
.pub_dl{ float: left; margin: 0 0 30px 30px;transition: all 0.5s ease 0s; background: #f8f8f8; height: 180px; width:585px; padding:20px; box-sizing: border-box;  }
.pub_dl dt{ float: left; width: 230px; height: 140px; overflow: hidden; }
.pub_dl dt img{width: 230px; height: 140px; overflow: hidden;transition: all 1s ease 0s;}
.pub_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.2,1.2); }
.pub_dl dd{ float: left; margin-left: 28px; width: 267px; }
.pub_h3{ height: 96px; line-height: 34px;transition: all 0.5s ease 0s; overflow: hidden; font-size: 18px; font-weight: bold; margin-bottom: 12px; }
.pub_h3:hover{transition: all 0.5s ease 0s; color: #00a1e4;}
.pub_i{ display: block; height: 20px; line-height: 20px; overflow: hidden; color: #999999; font-size:16px;  }
.pub_dl:hover{ background: #fff; transition: all 0.5s ease 0s; box-shadow: 0 0 10px #ccc; }
.cont_right{ float: right; width: 470px; height: 340px; overflow: hidden; }
.cont_right img{ width: auto; height: auto; max-width: 100%; }
.cont_left{ float: left; width: 374px; }
.cont_h3{ font-size: 18px; font-weight: bold; height:65px; line-height: 65px; overflow: hidden;  }
.cont_tit{ height:20px; line-height: 20px; font-size: 18px; font-weight: bold; display:block;  }
.cont_ul li{ padding-left:55px; background: url(../image/cont2.jpg) left top no-repeat;   }
.cont_word{ display: block; line-height:24px; font-size: 14px; margin-bottom: 18px; }
.cont_ul li:nth-child(2){background: url(../image/cont3.jpg) left top no-repeat;}
.cont_ul li:nth-child(3){background: url(../image/cont4.jpg) left top no-repeat;}
.cont_ul li:nth-child(4){background: url(../image/cont5.jpg) left top no-repeat;}

.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; }
.part_bottom{ margin-bottom: 60px; }
.benchm{ margin-bottom: 30px; }
.ben_h3{ float: left; width: 240px; 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: #f8f8f8; padding: 26px 30px;  }
.part_box{ height: 200px; overflow: hidden;  overflow-y:auto; line-height: 40px; font-size: 16px; font-weight: bold; }

.part_top{background: url(../image/par1.jpg) left top no-repeat; position: relative; width: 824px; height: 682px; margin: 0 auto 40px;}



.point-area{text-align:center;position:relative;width:150px;height:150px;transition:opacity .5s ease-out}

.point-area .point{position:absolute;top:0;left:0;right:0;bottom:0;width:10px;height:10px;margin:auto;
-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background:transparent}

.point-area .point-shadow:after{box-shadow:inset 0 0 5em rgba(0,205,236,.16)}

.point-area .point-white{background-color:#fff;border:1px solid #00c1de}

.point-area .point-dot{z-index:1;background-color:#3080da;border:1px solid rgba(48,128,218,.37)}.point-area .point-10{width:100%;height:100%}
.point-area .point-20{width:30%;height:30%}
.point-area .point-20:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5a97b2;opacity:0;-webkit-animation:ripple 4.5s ease-out .2s infinite;animation:ripple 4.5s ease-out .2s infinite}

.point-area .point-40{width:60%;height:60%}
.point-area .point-40:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5a97b2;opacity:0;-webkit-animation:ripple 4.5s ease-out .4s infinite;animation:ripple 4.5s ease-out .4s infinite}

.point-area .point-60{width:90%;height:90%}
.point-area .point-60:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #5a97b2;opacity:0;-webkit-animation:ripple 4.5s ease-out .6s infinite;animation:ripple 4.5s ease-out .6s infinite}

.round2 .point-area .point-20:after{-webkit-animation:ripple 4s ease-out .3s infinite;animation:ripple 4s ease-out .3s infinite}
.round2 .point-area .point-40:after{-webkit-animation:ripple 4s ease-out .5s infinite;animation:ripple 4s ease-out .5s infinite}
.round2 .point-area .point-60:after{-webkit-animation:ripple 4s ease-out .7s infinite;animation:ripple 4s ease-out .7s infinite}
.round3 .point-area .point-20:after{-webkit-animation:ripple 4s ease-out .5s infinite;animation:ripple 4s ease-out .5s infinite}
.round3 .point-area .point-40:after{-webkit-animation:ripple 4s ease-out .7s infinite;animation:ripple 4s ease-out .7s infinite}
.round3 .point-area .point-60:after{-webkit-animation:ripple 4s ease-out .9s infinite;animation:ripple 4s ease-out .9s infinite}
.round4 .point-area .point-20:after{-webkit-animation:ripple 4s ease-out 1s infinite;animation:ripple 4s ease-out 1s infinite}
.round4 .point-area .point-40:after{-webkit-animation:ripple 4s ease-out .7s infinite;animation:ripple 4s ease-out .7s infinite}
.round4 .point-area .point-60:after{-webkit-animation:ripple 4s ease-out .9s infinite;animation:ripple 4s ease-out .9s infinite}
.round5 .point-area .point-20:after{-webkit-animation:ripple 4s ease-out .1.1s infinite;animation:ripple 4s ease-out 1.1s infinite}
.round5 .point-area .point-40:after{-webkit-animation:ripple 4s ease-out .9s infinite;animation:ripple 4s ease-out .9s infinite}
.round5 .point-area .point-60:after{-webkit-animation:ripple 4s ease-out 1.1s infinite;animation:ripple 4s ease-out 1.1s infinite}
.round6 .point-area .point-20:after{-webkit-animation:ripple 4s ease-out 1.2s infinite;animation:ripple 4s ease-out 1.2s infinite}
.round6 .point-area .point-40:after{-webkit-animation:ripple 4s ease-out 1.1s infinite;animation:ripple 4s ease-out 1.1s infinite}
.round6 .point-area .point-60:after{-webkit-animation:ripple 4s ease-out 1.3s infinite;animation:ripple 4s ease-out 1.3s infinite}
.round7 .point-area .point-20:after{-webkit-animation:ripple 4s ease-out 1.5s infinite;animation:ripple 4s ease-out 1.5s infinite}
.round7 .point-area .point-40:after{-webkit-animation:ripple 4s ease-out 1.7s infinite;animation:ripple 4s ease-out 1.7s infinite}
.round7 .point-area .point-60:after{-webkit-animation:ripple 4s ease-out 1.9s infinite;animation:ripple 4s ease-out 1.9s infinite}

@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1)}}@keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}

.round_hover{ position: absolute;  display: none; left: -35px; top: 62px;background: url(../image/par2.png) left top no-repeat; width: 150px; height: 90px; }
.num{ text-align: center; color: #fff; font-weight: bold; font-size: 36px; padding-top: 20px; height: 40px; line-height: 40px; overflow: hidden; }
.jia_i{ font-size: 16px; }
.nor{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; }
.round{position: absolute; width: 74px; height: 74px;cursor: pointer;}
.round1{  top: 104px; right:47px;}
.round2{  top: 207px; right:224px; }
.round3{  top: 258px; left:227px; }
.round4{  top: 416px; left:250px; }
.round5{  top: 395px; right:224px; }
.round6{  top: 445px; right:140px; }
.round7{  top: 542px; right:252px; }
.round:hover .round_hover{ display: block; }
.round:hover .point-area .point-20:after,.round:hover .point-area .point-40:after,.round:hover .point-area .point-60:after{ border: 2px solid #e43d19 }

.overseas{background: url(../image/over.jpg) left top no-repeat; width: 891px; height: 436px; margin-bottom: 60px;}
.over_h3{ text-align: center; margin:10px 0 60px 0; cursor: pointer;  }
.round8{  top: 105px; right:190px;}
.round9{  top: 94px; right:363px; }
.round10{  top: 232px; right:390px; }
.round11{  top: 309px; right:105px; }
.round12{  top: 83px; left:118px; }
/* .round13{  top: 445px; right:140px; } */
.round13{  top: 280px; left:230px; }

.dyn{background: url(../image/index11.png) left top no-repeat; height: 223px; background-size: contain; margin: 50px 0 0 0; padding: 0 320px 0 50px; box-sizing: border-box; }
.dyn_tit{ display: block; height:44px; line-height: 44px;transition: all 0.5s ease 0s; padding-top: 30px; overflow: hidden; font-size: 16px; font-weight:bold; color: #e73c12  }
.dyn_tit:hover{ transition: all 0.5s ease 0s; transform: translateX(20px); }
.dyn_div{ height: 60px; line-height: 30px; overflow: hidden; font-size: 16px; }
.dyn_see{ height:48px; line-height: 48px; font-size: 16px; color: #00a1e4; display: block; transition: all 0.5s ease 0s;  }
.dyn_see:hover{ font-weight: bold; transition: all 0.5s ease 0s; }
.index_tit{ text-align: center; padding: 50px 0 0 0; }
.jour_i{ display: block; margin: 0 auto; height: 36px; line-height: 36px; width:120px; border-bottom: 1px solid #00a1e4  }
.index_h3{ height: 52px; line-height: 52px; font-size: 30px; font-weight: bold; text-transform: uppercase; }
.jour_ul{ margin: 42px 0 0 -32px; }
.jour_ul li{ float: left; margin: 0 0 0 32px; border-radius: 5px; width: 378px;transition: all 0.5s ease 0s; }
.jour_ul li:hover{ transition: all 0.5s ease 0s; transform: translateY(-8px); box-shadow:0 0 15px #f3f3f3 }
.jour_img{ display: block; width: 378px; height: 220px; overflow: hidden;  }
.jour_img img{width: 378px; height: 220px; overflow: hidden; border-radius: 5px 5px 0 0;transition: all 2s ease 0s;}
.jour_ul li:hover img{ transition: all 2s ease 0s; transform: scale(1.2,1.2); }
.jour_box{ padding:26px 30px;background: #fafafa;  }
.jour_tit{ height:72px ; line-height: 24px; font-size: 18px; overflow: hidden; transition: all 0.5s ease 0s; }
.jour_div{ height: 20px; line-height: 20px; overflow: hidden; }
.jour_see{ display: block; float: left; color: #00a1e4; font-size: 14px; transition: all 0.5s ease 0s;  }
.jour_time{ float: right; color: #999999; display: block; font-size: 14px; }

.honor_div{ padding-top:10px;}
.jour_ul li:hover .jour_tit,.jour_ul li:hover .jour_time{ color: #00a1e4; transition: all 0.5s ease 0s; }
.jour_ul li:hover .jour_see{ font-weight: bold; transition: all 0.5s ease 0s; }

.honor_tab{ text-align:center; height:72px; line-height:72px; margin-bottom: 30px;}
.honor_tab li{ width:8px; height:8px; border-radius:8px;transition: all 0.5s ease 0s; background:#a1e1fb; margin:0 5px; display:inline-block; cursor:pointer;}
.honor_tab li.on{ background:#00a1e4; width: 12px; height: 12px; transition: all 0.5s ease 0s;}
.rongyu_ul{ height:386px; width:1220px; position:relative;  overflow: hidden; }
.rongyu_ul li{ width:1253px; position:absolute; left:0; top:62px; padding:0 10px;}

.zea{ float: left; position:relative; width:378px;transition: all 0.5s ease 0s; box-shadow: 0 0 15px #f3f3f3; height: 316px; background: #fff; padding: 0 50px; box-sizing: border-box;  border-radius: 5px;  margin-right: 33px; }
.zea:hover{ transition: all 0.5s ease 0s; transform: translateY(-5px); }
.zea_img{ display: block; width: 120px; margin-bottom: 23px; height: 120px; overflow: hidden; border-radius: 120px; margin-top: -60px;}
.zea_img img{ width: 120px; height: 120px; overflow: hidden;border-radius: 120px;}
.dr{ padding-left: 60px;background: url(../image/index2.png) left center no-repeat; margin-bottom: 12px; }
.dr_i{ display: block; height:30px; line-height: 30px; overflow: hidden; font-size: 20px; font-weight: bold;  }
.dent_i{ display: block; height: 26px; line-height: 26px; overflow: hidden; color: #999999; font-size: 16px; }
.lec_inner{ height:126px; overflow: hidden; line-height:32px; font-size:16px; color: #666666    }


.small_box{width:530px;height:73px;overflow:hidden}
.small_list{position:relative;float:left;width:480px;height:73px;overflow:hidden}
.small_list ul{height:116px;overflow:hidden}
.small_list ul li{position:relative;float:left;margin-right:2px;width:210px; cursor: pointer;  opacity: .6; box-sizing:border-box;}
.small_list ul li img{display:block; width: 210px; height: 115px;}

.small_list ul li.on { opacity: 1; transition: all 0.5s ease 0s; }
.btn{display:block;width:20px;height:73px;background-repeat:no-repeat;background-position:center center;cursor:pointer}
.left_btn{background:url(../image/imgleft.png); height: 26px; width: 26px; position: absolute; right: 364px; bottom:160px; }
.right_btn{background:url(../image/img_right.png); height: 26px; width: 26px; position: absolute; right: 328px; bottom:160px;}
.left_btn:hover{background:url(../image/img_left1.png);}
.right_btn:hover{background:url(../image/img_right1.png);}
.large_box{ width: 750px; float: left; }
.honor_h3{ text-align: center; height: 100px; line-height: 100px; overflow: hidden; font-size: 30px; }
.large_box li{ display: none; }
.large_box li img{ width:750px; height: 400px; box-sizing: border-box; }
.small_box{ height: 116px; width:424px; float: right; margin-top: 285px; }
.small_list{ width: 435px; height: 115px;  box-sizing: border-box; }
.banner{ margin-top: 30px; position: relative; }
.duc{ position: absolute; top: 0; right: 50px; width: 340px; }
.duc_tit{ display: block;height: 74px; transition: all 0.5s ease 0s;  line-height: 37px; overflow: hidden; font-weight: bold; font-size: 24px; }
.duc_see{ display: block; height:30px; line-height: 30px; padding-top: 20px; overflow: hidden; color: #999999; font-size: 14px; text-transform: uppercase;  }
.duc_num{ height: 62px; line-height: 62px; color: #00a1e4; font-size: 16px; font-weight: bold; }
.duc_red{ color: #e73c12 }
.duc_bule{ color: #999999 }
.duc_tit:hover{ color: #00a1e4; transition: all 0.5s ease 0s;  }
.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);
}


.team_phone{ position: relative; height: 316px; margin: 30px 0; display: none; }
.team_scroll{ position: absolute; width: 350px; left: 50%; margin-left: -175px; top: 0; overflow: hidden; height: 316px; }
.team_scroll .zea_img{ margin: 0 auto 20px; }
.team_subl{ position: absolute; left: 10px; top: 50%; margin: -13px; background: url(../image/img_left1.png) left top no-repeat; display: block; }
.team_subl{ position: absolute; right: 10px; top: 50%; margin: -13px; background: url(../image/img_right1.png) left top no-repeat; display: block; }




.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:#ffc51a;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:#ffc51a!important;border-color:#ffc51a!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:#ffc51a}.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:#ffc51a;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:#ffc51a}.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}
.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;  }