﻿#browser_ie { BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT: 85px; COLOR: #000; FONT-SIZE: 15px; position:fixed; bottom:0; width:100%; z-index:9999;}
#browser_ie .brower_info { MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 17px}
#browser_ie .brower_info .notice_info { POSITION: relative; MARGIN-TOP: 5px; FLOAT: left}
#browser_ie .brower_info .notice_info P { margin:0; TEXT-ALIGN: left; LINE-HEIGHT: 25px; WIDTH: 360px; DISPLAY: inline-block}
#browser_ie .browser_list { POSITION: relative; FLOAT: left}
#browser_ie .browser_list IMG { WIDTH: 40px; HEIGHT: 40px}
#browser_ie .browser_list SPAN { TEXT-ALIGN: center; WIDTH: 80px; DISPLAY: inline-block}

.top_section{ width:100%; height:170px;  transition: all .3s ease; background: #fff;}

.top_nav{height: 77px;}
.logo_img,.top_p,.img_qq,.top_txt{width: 25%;float: left;}
.top_p{ margin: 0;min-width: 300px; line-height: 77px;text-align: center;}
.img_qq{padding: 23px 0;text-align: center;width: 20%;}
.top_txt{width: 30%;padding-top: 20px;}
.top_txt p{margin: 0;  min-width: 340px;color: #1363aa;font-size: 24px;font-weight: bold;}
.top_txt p span{    color: #ff3333;}
.logo_img img{width: 246px;height: 77px;}

.site_nav ul{ margin:0; padding:0; list-style:none;}
.site_nav ul li{ float:left;  padding-top:25px; padding-bottom:25px; transition: all .3s ease;border-left: 1px #ccc solid;width: 10%; margin-right: 1%;text-align: center;}
.site_nav ul li:nth-child(1){border-left: none;}
.site_nav ul li a{line-height:30px; color:rgba(0,0,0,0.85); font-weight: bold; text-transform:uppercase; font-size:19px; display:block; transition: all .3s ease;}
.site_nav ul li :hover{color: #1363aa;}
.site_nav ul .active a{color: #1363aa;}


/* banner */
.index_content_height{ height:60%;}
.slideBox{ width:100%; height:60%; min-height:689px; overflow:hidden; top:0; left:0;}
.slideBox .hd{ position:absolute;bottom: 20%;left: 50%; z-index:1; }
.slideBox .hd ul{zoom:1; margin:0; padding:0; list-style:none; }
.slideBox .hd ul li{float: left; width:9px; height:9px; margin:0 10px; border-radius: 100%; border:1px #fff solid; line-height:140px; text-align:center; cursor:pointer; position:relative; transition: all .3s ease-out 0s; }
.slideBox .hd ul li.on{ background:#fff;}
.slideBox .bd{ position:relative;  width:100%; height:100% !important; z-index:0;}


.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;  background-size: cover;  width:100% !important;}
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:50%; z-index:2; display:block; width:30px; height:60px; text-align:center; filter:alpha(opacity=30);opacity:0.3; background:#000;}
.slideBox .prev i,.slideBox .next i{ font-size:30px; color:#fff; line-height:60px;}
.slideBox .next{ left:auto; right:0; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }


.team_main_search{ width:100%; margin:30px auto 0;}
.team_main_search h3{ font-size:16px; color:#333; margin:0; margin-bottom:10px;}
.team_main_search .word_search{ margin-bottom:0; border:1px #eee solid; padding:5px 0; width:100%; margin-top:0;}
.team_main_search .word_search ul{ border-right:none; margin-bottom:0;}
.team_main_search .word_search ul li{ width:7.692307692307692%;  margin:5px 0;}
.team_main_search .word_search ul li a,.team_main_search .word_search ul li span{width:36px; height:36px; line-height:36px; border-radius:36px;}

.team_main_search p{ margin:15px 0 5px; color:#999;}
.inputselect{ display: block; width: 100%; height: 50px; border-radius: 3px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; border: 1px solid #cccccc; box-sizing: border-box;}

.search_btn{ text-align:right; margin-top:25px;}
.search_btn_show{background: #1363aa; width:auto; display:inline-block; color:#fff; cursor:pointer; border:none; line-height: 1.42857143; padding:15.5px 25px;  border-radius: 3px; transition: all 0.3s ease-out;}
.search_btn_show:hover{ background:#333;}
.input100{ width:100%;}

.search_index{width: 50%;}

.search_txt{margin-top: 70px;margin-bottom: 50px;}
.search_txt ul{margin: 0; padding: 0; list-style: none;}
.search_txt ul li{width: 25%;text-align: center;float: left;}
.search_txt ul li img{text-align: center; border-top: 0px solid #fff; border-right: 0px solid #fff; border-bottom: 0px solid #fff; border-left: 0px solid #fff;border-radius: 50%; width: 50%;}
.search_txt ul li h2{color: #5a4b4b; font-size: 22px; margin: 15px;}
.search_txt ul li p{margin: 10px 0 15px; color: #999;}
.search_txt ul li span{width: 100px; height: 30px;line-height: 30px; background-color: rgb(0, 104, 183);display: inline-block; color: #fff; border-radius: 20px;}
.search_txt ul li span i{margin-right: 3px; font-size: 12px; color: #ffffff;font-weight: 400; font-style: normal; vertical-align: top;line-height: 30px;}
.search_txt ul li span:hover{background-color: rgb(255, 255, 255);color: rgb(0, 104, 183);}
.search_txt ul li span:hover i{color: rgb(0, 104, 183);}

.index_there{background: #c7c7c7;padding: 30px;}
.there_left{overflow: hidden;}
.there_left a img{width: 299px;height: 290px; vertical-align: middle;transition: all .3s ease;}
.left_img{margin:40px 0;}
.left_img a img{width:100%;height:250px;transition: all .3s ease;}

.img_hover{display:none;}
.there_left a:hover .img_hover{display:block;transition: all .3s ease;}
.there_left a:hover .img_mr{display:none;transition: all .3s ease;}

.fore_index{padding: 30px 0;background-color: rgb(0, 104, 183);}
.fore_title{text-align: center;color: #fff;margin-bottom: 40px;}
.fore_title h2{font-size: 24px;font-family: Tahoma,Geneva,sans-serif;margin: 10px 0;color: #fff;}


.video_list{margin:80px 0;}
.video_list ul{margin: 0; padding: 0; list-style: none;}
.video_list ul li{width: 22%;margin-right: 3%;text-align: center;float: left;background-color: #000;height: 200px;}
.video_list ul li a span{  margin-top: 30px;  width: 80%;height: 30px; line-height: 30px; background-color: rgb(0, 104, 183);display: inline-block;color: #fff;}
.video_list ul li a span:hover{border-radius: 20px;background: #fff;color: rgb(0, 104, 183);}
.video_list ul li a span:hove i{color: rgb(0, 104, 183);}
.video_list ul li a video{width:100%;height:100%}
.fore_index h3{text-align: right;display: block;color: #eeeeee; font-size: 26px; margin: 100px 0 0; margin-right: 5%;}

.five_index {margin: 50px 0;}
.five_index .fore_title h2{color: #333;}


#play{width:100%;text-align:center;position:relative;overflow:hidden;margin:5px auto;}
#play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
#play .prev_a{left:0;}
#play .next_a{right:0}
#play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none;}
#play .prev_a span{background:url(404.png) no-repeat 0px -50px;left:0;}
#play .next_a span{background:url(404.png) no-repeat -30px -50px;right:0;}
#play .img_ul{position:relative;z-index:1;list-style: none;margin: 0; padding: 0;}
.img_hd {width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;overflow:hidden;height:66px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;}
.img_hd ul{position:absolute;z-index:1;list-style: none;}
.img_hd ul li{float:left;width:80px;height:40px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center}
.img_hd ul li img{height:60px;}
.img_hd ul li.on{border-color:rgb(45, 150, 233);}
.img_hd .bottom_a{background:url(404.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a{background-position:0 -24px;left:5px;}
.img_hd .next_a{background-position:-30px -24px;right:5px;}


.lbt{width:38%;margin-top:40px;float: left;}
.five_news{width:62%;float: left;}

.tab_manu{list-style: none;margin: 0;padding: 0;padding-left: 50px;}
.tab_manu li{float:left; width: 33.33%;}
.tab_manu li a{width: 100%; height: 40px; display: inline-block;background: rgb(0, 104, 183);color: #fff;line-height: 40px;text-align: center; font-size: 16px;  transition: all 0.3s ease-out;}
.tab_manu li.on a{background: rgb(255, 153, 0); }

.news_main{list-style: none;margin: 0;padding: 0;padding-left: 50px;}
.news_main li{box-sizing: border-box;}
.news_main li a{display: block;}
.news_main li a:hover .news_main_img img{transform:scale(1.08);}
.news_main_img{margin: 20px 20px 0 0;overflow: hidden;}
.news_main_img img{width:154px;height:87px;vertical-align: middle;transition: all .3s ease-in-out;}
.news_main_main h3{font-size:16px;color:#333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin: 20px 0 0;}
.news_main_main span{font-size: 12px; color: #999; display: block;}
.news_main_main p{font-size: 14px;color:#666;height: 3.2em; margin: 5px 0 10px;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.clearfix{height: 100%;}
.slideTxtBox{ width:100%;height: 603px!important; border:1px solid #ddd; text-align:left; margin:50px 0; position: relative;}
.slideTxtBox .hd{ height:100%!important;width: 30%; background:rgb(0, 104, 183);  display: inline-block;}
.slideTxtBox .hd ul{ padding: 0;margin: 0;list-style: none;  height: 100%;  }
.slideTxtBox .hd ul li{ float:left;width: 100%;height: 33.33%; line-height: 199.97px; text-align: center;color: #fff;font-size: 16px;}
.slideTxtBox .hd ul li.on{  background:rgba(255,255,255,.3);  }
.slideTxtBox .bd{width: 70%!important;height:100%!important;display: inline-block;left: 30%;position: absolute!important;background:#c7c7c7; }
.slideTxtBox .bd ul{width: 100%!important;height:100%!important;padding:0;margin: 0;list-style: none;}
.slideTxtBox .bd ul p{margin: 40px 20px;color: #333;}

.wh{padding: 0;margin: 0;list-style: none;}
.wh p{ text-align: center;font-size:22px;padding: 20px 0;letter-spacing: 2px;color:#333;}

.bj_index{width:100%;height:700px;background-position: center center; background-repeat: no-repeat; background-size: cover;}

.case_index ul li{border: 1px #fff solid;}
.case_index ul li a {color:#FFFFFF;}
.case_index ul li a img{height: 220px; width: 100%;vertical-align: middle;}
.case_index ul li a h2{background: #fff;color:#333;padding: 15px 3px 5px;margin: 0; font-weight: normal; font-size: 16px;}
.case_index ul li a p{background: #fff;color:#999;padding:0 3px 5px; margin: 0; font-weight: normal; font-size: 12px;display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}

.case_index a{display: block;text-align: center;}

.case_index a span{  margin-top: 30px;  width: 20%;height: 30px; line-height: 30px; background-color: rgb(0, 104, 183);display: inline-block;color: #fff;}
.case_index a span:hover{border-radius: 20px;background: #fff;color: rgb(0, 104, 183);}

.bdsharebuttonbox{width: 80%;margin-left: 10%;margin-bottom: 30px;}
.bdsharebuttonbox span{ float: left; font-family: 'SimSun'; font-size: 12px;color: #666;font-weight: 400;font-style: normal;  text-decoration: none; line-height: 40px;}


.contact_main ul{margin: 0; padding: 0; list-style: none;}
.contact_main ul li{width: 33.33%; float: left;  text-align: center;}
.contact_main ul li i{display: inline-block;font-size: 40px;  color: #3099DD;font-weight: 400; border-radius: 100%;  padding: 10px; border: 1px #3099dd solid; width: 50px; height: 50px;text-align: center; line-height: 50px;}
.contact_main ul li p{display: inline-block; margin: 0;margin-left: 20px;color:#333;}
.contact_main ul li p span{color: #434a54;font-size: 14px;font-weight: bold}

.contact_btn{text-align: center;  margin: 50px 0;}
.contact_btn a{line-height: 56px; font-size: 24px; color: #FFF;font-weight: bold;width: 504px;height: 56px;background-color: rgb(0, 104, 183);display: inline-block;}
.contact_btn a:hover{background-color: #ff3333;font-size: 22px;}

.main_content_sub{ padding:100px 0;}
.news_content p{ margin:0; line-height:2em !important; font-size:14px !important; color:#333;  text-align:justify;}
.news_content h2{font-size: 24px;color: #0068b7;margin: 0;margin-bottom: 20px;display: inline-block;position: relative;}
.news_content h2:before{content:""; position:absolute; height:3px; width:100%;margin-top: 10px; right:0; top:100%; background-color: #0068b7; transition: all .3s ease-out 0s;}
.about_video img{width: 100%;vertical-align: middle;transition: all .3s ease-out 0s;}
.about_video img:hover{transform: scale(1.1);}
.about_video {box-sizing: border-box;height: 300px; width: 100%;overflow: hidden;}

.pz_list{margin-top: 50px;}
.pz_list ul{margin: 0;padding: 0;list-style: none;}
.pz_list ul li{width: 23%; margin-right: 2%;float: left;margin-bottom: 3%;transition: all .3s ease;}
.pz_list ul li:hover .list_li{background-color:#FFffff;transition: all .3s ease;}
.pz_list ul li:hover .list_li p{color: #333;}.pz_list ul li:hover .list_li span{color: #666;}
.list_li{background-color: rgb(0, 104, 183);padding: 10px;transition: all .3s ease;}
.list_li img{width: 100%;height: 252.56px;height: 252.56px;vertical-align: middle;}
.list_li p{color: #fff; margin: 5px 0;margin-top: 20px;}
.list_li span{color: rgba(255,255,255,.7);}

.page{text-align: center;}
.page ul{list-style: none;display: inline-block;}
.page ul li{float:left;}
.page ul li a {margin: 0;padding: 10px; border: none; background: #c7c7c7; color: #333;}
.page ul li a:hover{background: #e4e4ea;color: #333;} 


.left_menu_ul{ margin:0; padding:0; list-style:none;}
.left_menu_ul li{border: 1px #ccc solid; border-top: none;text-align: center;}
.left_menu_ul li.on{color: #fff;background-color:#0068b7; }
.left_menu_ul li.on a{color: #fff;font-size: 18px;font-weight: 800;}
.left_menu_ul li:nth-child(1){border-top: 1px #ccc solid;}
.left_menu_ul li a{ font-size:14px; color:#0068b7;display: block; padding: 15px 0; transition: all 0.5s ease;font-weight: 800;}
.left_menu_ul li a:hover,.left_menu_ul li.active a{color:#e54444;}

.main_content_sub .video_list{margin: 50px 0;}
.main_content_sub .video_list ul li{width: 32%;margin-right:2%;background-color: #000;height: 258px;}
.main_content_sub .video_list ul li:nth-child(3n){margin-right: 0;margin-bottom: 3%;}


.map{ margin-top:40px;}
#allmap{height:250px;}



.Navigation{width:100%; font-size: 14px;padding: 10px 0;}
.Navigation a{ color:#333; margin-right: 10px; }
.Navigation a:hover{color:#000; text-decoration: underline;}
.Navigation i{margin-right: 10px;color:#333;}
.Navigation p{ float:right;margin:0;padding:0;text-align: left;color: inherit;} 
.Navigation span i{margin: 0 10px;}  

.main_txt h2{color: #333;}
.main_txt span{display:block;}
.main_txt a{display: block;position: absolute;bottom: 30%; left: auto; background-color: #E43939; width: 160px; height: 40px;color: #fff; line-height: 40px;text-align: center;}
.main_txt a:hover{ background-color: red;}


.count_main img{max-width: 100%;margin-top: 30px;}


.news_data_list{ float:right; margin-left:40px;}
.news_data_list p{ margin:0; font-size:21px; font-family:helveticaneuethn,Arial; color:#999; margin-top:4px; margin-bottom:20px;  transition: all .3s ease-out 0s;}
.news_data_list font{ display:block; border-left:1px #e6e6e6 solid; margin-left:15px; padding-left:25px;  transition: all .3s ease-out 0s;}
.news_data_list font i{ position:relative; font-size:18px; color:#666;  transition: all .3s ease-out 0s;}
.news_data_list font i:after{ content:""; position:absolute; left:-11px; top:9px; height:1px; width:15px; background:#666;  transition: all .3s ease-out 0s;}

.news_related{ margin-top:30px; background:#f7f7f7;}
.news_related a{ padding:40px 30px; display:block;  transition: all .3s ease-out 0s;}
.news_related a:hover{ background:#CF000E;}
.news_related h3{ margin:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#666; font-size:14px; font-weight:normal;  transition: all .3s ease-out 0s;}
.news_related .related_right h3{ text-align:right;}
.news_related a:hover h3{ color:#fff; }
.related_left .news_data_list{ float:left; margin-right:20px; margin-left:0;}
.related_left .news_data_list font{transform:rotate(180deg); margin-left:0;}
.related_right .news_data_list{ margin-left:20px;}
.news_related a:hover .news_data_list font{ border-color:#fff;}
.news_related a:hover .news_data_list font i{ color:#fff;}
.news_related a:hover .news_data_list font i:after{background:#fff;}



.count_main h2{font-size:24px;color: #333;text-align: center;font-weight: normal;} 
.count_main span{margin-right: 35px;}


.bottom_img{margin:0 20px;}
.bottom_img img{width:100%;}

.bottom_left{color:#fff;}
.bottom_left a{width: 37px; height: 37px; line-height: 37px; background: #A7212F; text-align: center;display: inline-block;color:#FFFFFF;font-size: 18px;}
.bottom_left p{display: inline-block;margin: 0 10px;font-size: 12px;}
.bottom_left h2{font-size: 24px; display: inline-block;margin-left: 47px; margin-top: 3px}
.bottom_left a:hover{background: none;}


.bottom_right ul{margin: 0;padding: 0;list-style: none;margin-top: 30px;}
.bottom_right ul li{float:left;margin-right:2%;height: 45px;}
.bottom_right ul li:nth-child(6n){margin-right:0;}
.bottom_right ul li a{font-size: 16px; color: #fff;font-weight: bold;font-style: normal; text-decoration: underline; padding: 14px;}
.bottom_right ul li a:hover{background-color:#fff;color:#333;}

.link ul{margin: 0;padding: 0;list-style: none;margin-top: 10px;}
.link ul li{display: inline-block;}
.link ul li:nth-child(6n){margin-right:0;}
.link ul li a{font-size:12px; color: #56abe2;font-weight: bold;font-style: normal; padding:0  12px;position: relative;}
.link ul li a:before{content:""; position:absolute; height:100%; width:1px; right:0; top:0; background-color: #56abe2; transition: all .3s ease-out 0s;}
.link ul li span{color: #56abe2;}

.bq{color:#fff;margin-top: 30px;margin-left: 15%;}
.bq a{color:#fff;}


.cp_list ul li{width:31.33%;}
.wh_nr{margin:84px 0;}


.right_content{float:left; width:100% !important; height:100%; position:relative;  box-sizing: border-box; }
.history_item{ text-align:center;transition: all 0.5s;background-position:center center; background-repeat:no-repeat; background-size: cover; padding:0;  box-sizing: border-box; position:relative;height:72%; width:100%;   margin: 33% 0;}
.owl-carousel .owl-stage-outer,.owl-carousel .owl-stage,.owl-carousel .owl-item{height:100%;}



.jj{width: 90%;
    height: 90%;
    overflow: hidden;
    margin: 3% 5%;}
