@charset "utf-8";
/* CSS Document */

/*reset*/

ul,li{ list-style:none;}
img{ border:0;}
a{  text-decoration:none; outline:none;}
a:hover,a.current,span.current{ text-decoration:none; }
*{ outline:none;/* -moz-user-select: none;-webkit-user-select: none; -ms-user-select: none; */}
input,textarea{font-family:"微软雅黑"; font-size:12px;  /*-moz-user-select:all;-webkit-user-select:all; -ms-user-select:all;*/ }
.hidden{ display:none;}



body{ margin:0; padding:0;font-family:Arial,"5FAE\8F6F\96C5\9ED1","微软雅黑","Microsoft Yahei", Helvetica, sans-serif; *font-family:"5FAE\8F6F\96C5\9ED1","微软雅黑","Microsoft Yahei",Arial, Helvetica, sans-serif;  -webkit-text-size-adjust:none; background:#FFF; line-height:22px;  }


.lazyload{
   height:20px; border:1px #FF0000 solid; width:300px; -moz-border-radius:10px; -webkit-border-radius:10px; position:absolute; top:50%; left:50%; margin-top:-10px; margin-left:-150px;
}
.lazyload .truck{
   width:300px; height:20px; position:relative;	
}
.lazyload .truck .tbg{
   width:50%; height:20px; background:#FF0000;-moz-border-radius:10px; -webkit-border-radius:10px;	
}
.lazyload .truck .num{
   width:50%; text-align:right; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#FFF; margin-top:20px; clear:both;	
}

#loading{ position:absolute; z-index:101; top:50%; left:50%; margin:-12px 0 0 -12px; }
#loading2{ position:absolute; width:100%; height:100%; background:#fff; z-index:100; display:none;}
#loading2 img{position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px;}

#load_bg{ background:#d0131c; width:100%; height:100%; position:absolute; left:0; top:0; z-index:130;}

#load_1{ position:absolute; height:160px; width:918px; top:50%; left:50%; margin:-90px 0 0 -459px; }
#load_logo div,#load_slogan li{ background:url(../images/load_1.png) no-repeat;}
#load_logo{ height:72px; }
#load_logo div{ background-position:-450px 0; width:223px; margin:0 auto; height:72px;}


#load_slogan li{ background-position:-118px -74px; height:29px; width:220px; float:left;}
#load_slogan .s_2{ background-position:-338px -74px;  }
#load_slogan .s_3{ background-position:-558px -74px; width:258px;}
#load_slogan .s_4{ background-position:-816px -74px;}
#load_elogo{
   height:59px; width:324px; margin:20px auto; background:url(../images/load_1.png) -400px -101px;	
}
#load_logo div,#load_slogan,#load_elogo{ display:none; }

#load_2{ width:700px; height:34px; position:absolute; top:41%; left:50%; margin:-17px 0 0 -350px; }
#load_slogan_2{ background:url(../images/load_2.png) no-repeat; width:700px; height:34px; display:none;}
.load_lang{ text-align:center; padding:25px 0 0; font-size:14px; color:#fff; display:none;}
.load_lang a{ color:#fff;}


#header{ position:absolute; z-index:10; width:100%; height: 48px; overflow:hidden; top:0; left:0;}
.ihd{ background:url(../images/black_opac.png); height:50px; }
#logo{ width:15%; height:54px; float:left;margin-left: 1.5% }

.main_nav{height:48px; width:79.3%; float:right; line-height:68px; color:#a40000; overflow:hidden; padding-right:12px; position:relative;z-index: 110;background: url("../images/main_nav_bg.png") repeat-x;}

.main_nav li{ float:right; margin:0 1% 0 1%;}
.main_nav li.mremp{ margin:0 2.5% 0 1%; }
.main_nav a{ color:#58595b;}
.main_nav a:hover{ text-decoration:none; }
.ihd .main_nav{ color:#FFF; }
.ihd .main_nav a{ color:#FFF; }


.header02{background:url(../images/black_opac.png);height: 50px;line-height: 50px;}
.header02 #logo{top: 11px;}
.header02 .main_nav{top: 0px;color: #fff;}
.header02 .main_nav a{color: #fff;}

#header .okbgnav a{ color:#FFF; }
#header .okbgnav a:hover{ color:#a40000; }






#page_bg{ position:absolute; width:100%; height:100%; z-index:0; overflow:hidden;}
.index_page #header{ top:-100px;}
.index_page .main_nav,.index_page .main_nav a{ color:#fff;}

#index_bg{ width:100%; height:100%; overflow:hidden; position:absolute; }
#index_bg .slides_container,#index_bg .slide{ width:1400px; height:850px;}
#index_bg .slide{ position:relative;}
#index_bg .slide img.bg{ position:absolute; top:0; z-index: 10;/*width: 100%!important;*/}
#index_bg .slide img.hidden{ z-index:1;}
#index_bg .slide h3.title{ font-family:Times New Roman; position:fixed; bottom:40px; z-index:1; color:#fff; font-size:30px; left:2%; line-height:30px; z-index:99 }

#index_bg .pagination{ position:absolute; right:45px; bottom:40px; z-index:10;}
#index_bg .pagination li{ float:left; margin:0 4px;}
#index_bg .pagination a{ background:url(../images/pagination.png) no-repeat left top; width:9px; height:8px; overflow:hidden; text-indent:-9999px; display:block; float:left;}
#index_bg .pagination .current a{ background-position:right top;}

.side_nav{width: 100%;height: 100%; }
#side_nav{ position:absolute; top: 70px; right:9%; width:170px;  z-index:999;height: 326px; }



@media (max-width:680px){
 .main_nav li{ margin:0 1% 0 1%; } 
}
@media (max-width:568px){
 .main_nav{ display:none; } 
 #side_nav{ display:block; left:50%; margin-left:-75px; } 
}


#side_btn{ background:url(../images/side_btn.png) no-repeat; width:20px; height:20px; display:none; margin:0px auto; float:right; }
#side_nav dt{ overflow:hidden; zoom:1; padding:0 0 8px 0; height:24px; width:170px;}
#side_nav dd{ width:150px; text-align:left; background:url(../images/side_m.png) repeat; padding:15px 10px 40px 10px; display:none;}
#side_nav dd li{ padding:0 0 0 15px; line-height:32px; }
#side_nav a{ color:#fff;}
#side_nav a:hover{ color:#cdcdcd;}

.sub_nav{}
.sub_nav ul{ overflow:hidden;}
.sub_nav li{ width:50px; float:left; text-align:center; margin:0 0 0 30px;}
.sub_nav li.first{ text-align:left; width:auto; margin:0;}
.sub_nav li.last{ text-align:right; width:auto;}
.sub_nav a{color:#9fa0a0;}
.sub_nav a:hover,.sub_nav a.current{ color:#a40000;}

.side_nav dl dd ul li.ewm{ clear:both; overflow:hidden; display:none; text-align:center; }
.side_nav dl dd ul li.ewm img{ width:85%; margin-left:-15px; }

.side_nav dl dd ul li.ygtd{ clear:both; overflow:hidden; display:none; }



#wrapper{position:absolute; width:100%; left:0; top:50%; height:580px; margin:-280px 0 0 0; }

#about_container{ position:absolute; width:450px; left:7%; }
.about_content p{ text-align:justify; text-justify:inter-ideograph;word-break: break-all; }






#team_container{ position:absolute; width:450px; left:7%; }
#team_list_container{ position:absolute; width:950px; right:7%;  min-width:400px;}
#team_list_container dt{ font-family:euphemia; line-height:15px; border-bottom:1px solid #c7c8c8; padding:0 0 3px 0;}
#team_list_container dl.odd{ margin:32px auto 0 auto;}
#team_list_container dl{ width:190px; margin:0 auto;}
#team_list_container dt h3 a{ color:#000;}
#team_list_container dt .pos a{ color:#9fa0a0;}
#team_list_container dl:hover dt .pos a{color:#c05c5c;}
#team_list_container dl:hover dt h3 a{color:#a40000;}
#team_list_container dl:hover dt{ border-color:#a40000;}

#team_list_container .owl-theme .owl-controls{ position:relative; margin:0;}
#team_list_container .owl-pagination{ position:absolute; right:0; top:0;}
#team_list_container .owl-theme .owl-controls .owl-page span{background:url(../images/pagination.png) no-repeat left top; width:8px; height:8px; overflow:hidden; text-indent:-9999px; display:block; float:left; opacity:1; margin:0 4px;}
#team_list_container .owl-theme .owl-controls .owl-page.active span{ background-position:top right;}
#news_con .owl-controls{ position:relative; margin-top:-20px; }
#news_con .owl-pagination{ position:absolute; right:0; top:0;}
#news_con .owl-controls .owl-page span{background:url(../images/pagination.png) no-repeat left top; width:8px; height:8px; overflow:hidden; text-indent:-9999px; display:block; float:left; opacity:1; margin:0 4px;}
#news_con .owl-controls .owl-page.active span{ background-position:top right;}

#news_list .owl-controls{ position:relative; margin:0;}
#news_list .owl-pagination{ position:absolute; right:0; top:0;}
#news_list .owl-controls .owl-page span{background:url(../images/pagination.png) no-repeat left top; width:8px; height:8px; overflow:hidden; text-indent:-9999px; display:block; float:left; opacity:1; margin:0 4px;}
#news_list .owl-controls .owl-page.active span{ background-position:top right;}

#news_list1 .owl-controls{ position:relative; margin:0;}
#news_list1 .owl-pagination{ position:absolute; right:0; top:0;}
#news_list1 .owl-controls .owl-page span{background:url(../images/pagination.png) no-repeat left top; width:8px; height:8px; overflow:hidden; text-indent:-9999px; display:block; float:left; opacity:1; margin:0 4px;}
#news_list1 .owl-controls .owl-page.active span{ background-position:top right;}


#close_btn{ background:url(../images/close.png) no-repeat top left; width:24px; height:24px; display:block; position:absolute; right:0; top:0;}
#close_btn:hover{ background-position:bottom left;}

#team_detail_container{position:absolute; width:950px; right:7%;  min-width:400px; width:45%; margin:30px 0 0; display:none;}

#team_detail_container .intro{ width:90%;}
#team_detail_container .intro dd{ width:28%; float:left; font-family:euphemia; line-height:15px; }
#team_detail_container .intro dd h3{ color:#000;}
#team_detail_container .intro dd .pos{ color:#9fa0a0;}
#team_detail_container .intro dd img{ max-width:100%;}
#team_detail_container .intro dt{ width:61%; float:left; margin:0 0 0 5%; padding:0 0 0 5%; border-left:1px solid #b5b6b6;}

/*--*/
.case_title{width: 1000px;margin:0 auto;clear: both;overflow: hidden;}
.case_title .case_t_L{float: left;display: inline;}
.case_title .case_t_L a{color: #9fa0a0;padding-right: 40px;}

.case_title .case_t_R{float: right;display: inline;}

.case_content_wrap{clear: both;overflow: hidden;display: block;}
.case_content{margin-top: 60px;clear: both;width: 100%;height: 510px;overflow: hidden;position: relative;}
.case_content ul li{width: 100%;height: 510px;overflow: hidden;position: absolute;left: 0;top: 0;display: none;}
.case_content ul li .item{height: 165px;float: left;display: inline;overflow: hidden;margin:0 2.5px 5px 2.5px;position: relative;cursor: pointer;}
.case_content ul li .item img{height: 165px;display: block;}
.case_content ul li .item .show_title{width: 100%;height: 100%;line-height: 165px;position: absolute;left: 0;bottom:0;text-align: center;color: #fff;background:url(../images/side_m2.png);display: none;}

.rotaion{width: 100%;display: block;height:60px;line-height: 60px;text-align: center;*padding-left: 50%;}
.rotaion span{background: url(pagination.png) no-repeat left top;width: 8px;height: 8px;
overflow: hidden;text-indent: -9999px;display: inline-block;opacity: 1;margin: 0 6px;cursor: pointer;*display: block;*float: left;*margin-top: 25px;}
.rotaion span.activeSP{background-position: top right;}



/*--*/
.showDiv_wrap{width: 1000px;height: 528px;position: absolute;display: none;z-index: 999;}
.foucs_showDiv{width:1000px;height:528px;overflow:hidden;background:#000;position:relative;}
.foucs_showDiv div.main_active{display:none;cursor:pointer}
.foucs_showDiv .element{display:none;position:absolute;}
.foucs_showDiv .element .imgText{width: 760px;position: absolute;left: 0;bottom:-500px;padding:20px;color: #fff;background:url(../images/side_m2.png);line-height: 1.7em;}
.foucs_showDiv .navi{display:block;width:28px;height:52px;overflow:hidden;top:200px;text-indent: -9999px;}
.foucs_showDiv .left{left:35px;top: 50%;margin-top: -26px;background:url(../images/button-left.png) no-repeat;}
.foucs_showDiv .right{right:35px;top: 50%;margin-top: -26px;background:url(../images/button-right.png) no-repeat;}
.foucs_showDiv .close{position: absolute;right: 15px;top: 10px;width: 20px;height: 20px;display: block;background:url(../images/close-white.png) no-repeat;text-indent: -9999px;}


.intro_left{ width: 28%; float: left; margin-right: 25px;}
.intro_left p{color: #231f20;}
.intro_left p img{ width: 100%;}
.intro_right{ float: left; width: 62%; padding-left: 25px; border-left: 2px solid #bcbec0;}
.intro_right h4{ font-size: 16px;color: #231f20; font-weight: bold;}
.intro_right p{color: #58595b;}
.hon-year{padding-bottom: 30px; padding-top: 10px;}
.hon-year p{ float: right;}
.hon-year p .active{font-size: 16px;}
.hon-year p a{color: #58595b; font-size: 14px; margin-right: 20px;}
.hon-year p a:hover{ font-size: 16px;}
.hon-item-img{ width: 17%; float: left; margin-right: 10px;}
.hon-item-img img{ width: 100%;}
.hon-item-img-bottom{ padding-bottom: 10px; width: 100%;}
.hon-item-img-bottom:hover{ border-bottom: 1px solid #d6d7d5;}
.hon-item-img1{ width: 25%; float: left; margin-right: 10px;}
.hon-item-img1 img{ width: 100%;}
.hon-itme-con{ width: 100%; float: left;}
.hon-itme-con-left{ width: 55%; float: left;}
.hon-itme-con-left img{ width: 100%;}
.hon-itme-con-right{ width: 40%; float: left; margin-left: 20px;}
.hon-itme-word{font-size: 18px; font-family: 'Calibri'; color: #808285; margin-bottom: 10px;}
.hon-itme-word1{font-family: 'HelveticaNeuBold'; font-size: 18px; color: #414042; line-height: 35px; font-weight: bold;}
.hon-itme-word2{font-family: '微软雅黑'; font-size: 18px; color: #231f20; margin-top: 5px;}
.hon-itme-word3{ font-size: 12px; font-family: '微软雅黑';color: #231f20; line-height: 35px; margin-top: 5px;}
.mem-item{width:15%;float: left; margin-left: 20px; padding-bottom: 15px;}
.mem-item:hover{ border-bottom: 2px solid #58595b;}
.mem-item h3{ font-size: 24px; font-family: '微软雅黑'; font-style:italic; color: #231f20;}
.mem-item p{color: #58595b; font-size: 12px;font-family: '微软雅黑'; background:url(../images/coy.png) no-repeat left 5px; padding-left: 25px; margin-top: 10px;}
.mem-item p a{color: #58595b;}
.memorabilia{ width: 100%; margin: 0 auto;}
.news_list{float:left;width: 380px;}
.news_con{float:right;  width:800px; }
.news_con_left{ width: 400px; margin-left: 50px; float: left;}
.news_con_right{ width: 300px; float: right;}
.news-item-img{ width: 100px; height: 60px; float: left;}
.news-item-img img{width: 100px; height: 60px;}
.news-item-con{ width: 270px; margin-left: 10px; float: left; height: 60px;}
.news-item-con h4 a{color: #414042; font-family: '微软雅黑'; font-size: 14px;}
.news-item-con p{font-size: 12px;color: #58595b;}
.news-list{ width: 100%; margin-top: 30px; float: left;}
.news_con_img{ width: 100%; float: left;}
.news_con_img img{width: 100%;}
.news_con_right h3{ font-size: 20px; color: #414042;font-family: '微软雅黑'; font-weight: bold;}
.news_con_right h4{color: #58595b; font-size: 14px; font-family: '微软雅黑'; font-weight: bold; margin-top: 5px;}
.news_con_right p{font-size: 12px; font-family: '微软雅黑';color: #58595b; margin-top: 20px;}
.join-left{ float: left; width: 40%;}
.join-right{float: right; width: 58% !important;}
.join-item{width: 100%; float: left;}
.join-item img{ width: 100%;}
.join-right .owl-controls{margin-top: 10px !important;}
.join-left-span{color: #58595b; font-size: 16px;font-family: '微软雅黑'; font-weight: bold; cursor: pointer;}
.join-left-div{ margin-top: 10px; border-left: 2px solid #a7a9ac; padding-left: 5px; display: none; overflow: hidden;}
.join-left-div p{ font-size: 12px; color: #58595b;font-family: '微软雅黑'; }
.join-left ul li{ margin-top: 20px; padding-left: 15px;}
.bg_san{ background: url(../images/san.png) no-repeat left 5px;}
#news_list .owl-controls{ margin-top: 10px;}
#news_list1 .owl-controls{ margin-top: 10px;}
.sh_bg{ width: 800px; height:460px; background: url(../images/sh_bg.png) no-repeat; }
.sh_bg h3{ margin: 10px 0 10px 10px; width: 100%; float: left;}
.sh_bg h3 span{font-size: 24px; color: #fff; font-family:'Calibri'; float: left; }
.pub_left{width: 80px;float: left; height: 400px;}
.pub{ width: 640px; float: left;}
.pub_right{width: 80px;float: right; height: 400px;}
.pub-item img{width: 640px; height: 400px;}
#pub_list .owl-controls { margin-top: -240px;}
#pub_list .owl-controls .owl-buttons .owl-prev{ float: left; margin-left: -60px; width: 19px; height: 46px; background: url(../images/left.png) no-repeat center;}
#pub_list .owl-controls .owl-buttons .owl-next{ float: right;margin-right: -60px;width: 19px; height: 46px; background: url(../images/right.png) no-repeat center;}
.fenxiang{ float: right;  margin-right: -50px; margin-top: -44px;}
.fenxiang p{ width: 100%; height: 22px;}
.fenxiang p a{ margin-left: 5px;}
.main_nav .active{color: #a40000 !important;}
#video #news_list .news-list{ width: 120px; float: left; margin-left: 25px; margin-top: 25px;}
#video #news_list .news-list .news-item-img{ width: 120px; height: 120px; float: left; }
#video #news_list .news-list .news-item-img img{ width: 100%; height: 120px;}
.hon-img{ margin-bottom: 30px;}
.hon-img-list{ width: 100%; float: left; height: 160px;}
.hon-img-list .owl-controls { margin-top: -120px !important;}
.hon-img-list .owl-controls .owl-buttons .owl-prev{ float: left;  width: 19px; height: 46px; background: url(../images/left.png) no-repeat center;}
.hon-img-list .owl-controls .owl-buttons .owl-next{ float: right;width: 19px; height: 46px; background: url(../images/right.png) no-repeat center;}
#case .active{color: #a40000;}
/*公共*/
.mt10{ margin-top: 10px !important;}
.mt45{ margin-top: 45px;}
.mt78{ margin-top: 78px;}
.mt210{ margin-top: 210px;}
.mt180{ margin-top: 180px;}
.mt150{ margin-top: 150px;}
.mt120{ margin-top: 120px;}
.mt90{ margin-top: 90px;}
.mt60{ margin-top: 60px;}
.mt30{ margin-top: 30px;}
.mr0{ margin-right: 0px;}
.cb{ clear: both;}
.ml0{ margin-left: 0 !important;}
.con{ width: 1180px; margin: 0 auto;}
.fr{ float: right;}
.mt20{ margin-top: 20px;}
.pt20{ padding-top: 20px;}
.ww30{width: 30% !important;}
.ww70{ width: 70% !important;}
.w170{ width: 170px !important;}
.fl{ float: left !important;}
.w270{ width: 270px !important;}
.ml65{ margin-left: 65px;}
.ww100{ width: 100%;}
.clear{ clear: both;}
.mt15{ margin-top: 15px;}
.mr15{ margin-right: 15px;}
.ww40{ width: 40%;}
.intext{ color: #fff; font-family: '微软雅黑';}
.intext h3{ font-size: 20px;}
.intext h4{ font-size: 18px;}
.mt5{ margin-top: 5px;}
.mb20{ margin-bottom: 20px;}
.fg1{color: #cb340d;}
.ww25{width: 25%;}
.mlw5{ margin-left: 5%;}

.mlw5 a:link,.mlw5 a:visited{ color:#FFF; }
.mlw5 a:hover,.mlw5 a:active{ color:#a40000; }

.mlw5 table tr td{ color:#FFF; }

.w_f_l{ width:20%; }
.w_f_m{ width:54%; margin-left:10%; }
.w_f_r{ width:25%; margin-left:5%; }



