.logo_container{ width:100%; height:80px; position:fixed; z-index:99;  transition: all .5s ease;}
.logo_img{ float:left; padding-top:25px; transition: all .5s ease;}
.logo_img img{ width:185px; transition: all .5s ease;}
.main_menu{ float:right;}
.main_menu ul{ margin:0; padding:0; list-style:none;}
.main_menu ul li{ float:left; margin:0 7px;}
.main_menu ul li a{ display:inline-block; font-size:14px; color:#ddd; padding:0 5px; line-height:80px; height:80px; overflow:hidden; transition: all 0.5s ease;}
.main_menu ul li a:hover{ color:#fff;}
.main_menu ul li a.goto{background: #00C2E5; color:#fff; padding:0 28px; height:45px; line-height:45px; margin-top:18px;}

.logo_container.NavBg{ height:70px; background:#222222;}
.logo_container.NavBg .logo_img{ padding-top:15px;}
.logo_container.NavBg .logo_img img{ }
.logo_container.NavBg .main_menu ul li a{ line-height:70px; height:70px;}
.logo_container.NavBg .main_menu ul li a.goto{ height:45px; line-height:45px; margin-top:12px;}


.white_long_btn{ color:#fff; font-size:12px; line-height:1; padding:12px 50px; border:1px #fff solid; border-radius:5px; display:inline-block; transition: all .5s ease;}
.white_long_btn:hover{ background:#641c22; border:1px #641c22 solid;}
.dark_bule{color:#641c22; border:1px #641c22 solid; }
.dark_bule:hover{background:#641c22; color:#fff;}

/* banner */
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-132px; bottom:50px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none;}
.slideBox .hd ul li{ float:left; margin:0 8px;  width:50px; height:10px; line-height:140px; overflow:hidden; text-align:center; background:#fff; cursor:pointer; transition: all .5s ease;}
.slideBox .hd ul li:hover{ background:#ddd;}
.slideBox .hd ul li.on{ background:#00C2E5; color:#fff;}
.slideBox .bd{ position:relative;  width:100%; height:100%; z-index:0;}
.firm_name{ margin-top:30px;}
.firm_name h1{ display:inline-block; background:#641c22; margin:0; color:#fff; font-size:12px; font-weight:normal; letter-spacing: 5px; padding: 3px 10px 3px 15px;}
.slideBox .bd .box_word p.chn{ color:#fff; font-size:14px;  margin-top:15px; margin-bottom:5px; line-height:1.6em;}
.slideBox .bd .box_word p.eng{ color:#fff; font-size:12px; margin-bottom:90px; line-height:1.6em;}
.slideBox .bd ul{ margin:0; padding:0; list-style:none; height:100% !important; width:100% !important;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height:100%; background-position:center center; background-repeat:no-repeat;  width:100% !important; background-size: cover; }

.slideBox .bd li .site_width{ height:100%;}

.frist_word{ position:absolute; width:600px; height:440px; top:50%; margin-top:-220px; left:50%; margin-left:-300px;}
.frist_word img{ width:315px; padding-bottom: 50px;}
.frist_word p{ font-size:21px; line-height:1.8em; color:#fff; margin-top:0; margin-bottom:50px;}
.frist_word a,.sencod_word a{display: inline-block; font-size: 16px; margin: 10px 0; padding: 0 28px; line-height:45px; transition: all 0.5s ease; background: #00C2E5; color:#fff;}

.sencod_word{ position:absolute; left:0; top:50%; width:100%; height:370px; margin-top:-185px;}
.sencod_word span{font-size:14px; color:#fff;}
.sencod_word h2{font-size:56px; line-height:1.5em; color:#fff; margin:50px 0 30px;}
.sencod_word h2 b{color:#00C2E5;}
.sencod_word p{font-size:36px; line-height:1.5em; display: block; margin-top: 20px; margin-bottom:65px; color:#fff;}

.last_word{height:420px; margin-top:-210px;}

.slideBox .prev,
.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-30px; display:block; width:50px; height:60px; background:#000; filter:alpha(opacity=50); opacity:0.5;  text-align:center; display:block; color:#fff; transition: all 0.5s ease; }
.slideBox .next{ left:auto; right:0;  }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox .prev i,.slideBox .next i{ font-size:48px; line-height:60px; margin-right:8px;}
.slideBox .next i{ margin-left:8px; margin-right:0;}


.index_news{ padding:80px 0;}
.index_news .width8{ width:69%;}
.index_news h2{font-size:32px; margin-bottom:30px; color:#333; font-weight:normal;}
.index_news p{ margin-top:50px; font-size:14px;}

.map_bg{background: #efefef;}
.map_bg h2{ color:#333; font-size:20px; margin-top:80px; margin-bottom:44px; letter-spacing: 2px; line-height:24px;}
.map_bg p{ line-height:24px; margin-bottom:24px;}
.map_bg img{ padding-top:40px;}
.map_bg a,.bule_btn a{ display:inline-block; padding: 0 28px; margin-top:20px; line-height: 45px; transition: all 0.5s ease; background: #00C2E5; color: #fff;}
.map_bg a:hover,.frist_word a:hover,.sencod_word a:hover,.main_menu ul li a.goto:hover,.bule_btn a:hover{ background:#107080;}

.timeline3{ margin-top:50px;}
.timeline3 ul{ margin:0; padding:0; list-style:none;}
.timeline3 ul li{ float:left; width:25%; margin-bottom:30px; padding-bottom:20px;}
.timeline3 ul li .small_icon{ position:absolute; width:60px; height:60px; top:0; right:0; text-align:center; background: #00c2e5; border-radius: 100%; color:#fff;}
.timeline3 ul li .small_icon i{ font-size:28px; line-height:60px; margin-left:3px;}
.timeline3 ul li .samll_ring{ position:absolute; width:90px; height:90px; top:-15px; right:-15px; border:1px #00c2e5 solid; border-radius: 100%;}
.timeline3 ul li .big_ring{ position:absolute; width:130px; height:130px; top:-35px; right:-35px; border:1px rgba(0, 194, 229, 0.33) solid; border-radius: 100%; }
.timeline3 ul li h4{ font-size:14px; margin:0;}
.timeline3 ul li span{ font-size:18px; display:block; padding-right:100px; line-height:1.3em; height:2.6em; overflow:hidden;}
.border{ border:1px #eee solid; padding:30px 15px 10px; border-radius:5px; box-shadow: 7px 7px 5px 0 #eff1f8; position:relative; overflow:hidden;}

.timeline3 ul li .small_icon i.fa-street-view,.timeline3 ul li .small_icon i.fa-stethoscope,.timeline3 ul li .small_icon i.fa-gear{ font-size:32px;}

/* bottom */
.bottom{ background:#222222; padding:40px 0; display:block;}
.bottom h3{ font-size:12px; letter-spacing:3px; line-height: 1.4; margin:0; color:#fff;}
.bottom p{ font-size:12px; color: #8e8e8e; line-height: 1.4; margin:0; margin-left:20px;}
.bottom p.address{ margin-left:50px;}
.bottom p.icp{ margin-left:0;}
.bottom p.icp a{ color:#8e8e8e; text-decoration:none;}
.bottom p.icp a:hover{ color:#ccc;}

.dark_bg{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999; display:none;}
.zhuce_box{ position:fixed; width:560px; padding:30px 50px; left:50%; margin-left:-320px; top:50%; margin-top:-273px; background:#fff; box-shadow: 7px 7px 5px 0 rgba(0,0,0,0.3); transition: all 0.5s ease; border-radius: 5px; display:none; z-index:9999;}
.zhuce_box p{ margin:0; margin-bottom:30px;}
.zhuce_txt{ float:left; width:25%;}
.zhuce_txt span{ display:block; line-height:30px; margin-bottom:12px;}
.zhuce_txt span font{ color:#f00; margin-left:6px;}
.zhuce_input{ float:right; width:70%;}
.zhuce_input input{ width:100%; border:1px #ccc solid; padding:0 6px; height:30px; margin-bottom:12px; box-sizing: border-box;}
.zhuce_input textarea{ width:100%; border:1px #ddd solid; padding:6px; height:100px; box-sizing: border-box;}
.zhuce_btn input{ margin-top:20px; background:#00C2E5; width:100%; border:none; cursor:pointer; color:#fff; text-align:center; padding:12px 0; font-size:14px; transition: all 0.5s ease;}
.zhuce_btn input:hover{background:#107080;}
.zhuce_close{ position:absolute; top:5px; right:5px; width:30px; height:30px; font-size:32px; text-align:center; font-weight:200; color:#999; line-height:30px; cursor:pointer; transition: all 0.5s ease;}
.zhuce_close:hover{ color:#000;}

body.no_move {overflow: hidden;}
.dark_bg.dark_bg_show,.zhuce_box.BounceIn,.zhuce_box.BounceOut{ display:block;}
.zhuce_box.BounceOut{ z-index:-1;}

.phone_top{ display:none;}