@charset "utf-8";

/** 火狐浏览器鼠标禁止选中**/
body{ -moz-user-select: none;     /* Firefox all */}





.side_nav{	position: fixed;	top: 50%;	right: 0;  	width: 60px;  	z-index: 99999;}
.side_nav ul li{	position: relative;	width: 60px;	height: 60px;  	float: right;  	margin-bottom: 1px; }
.side_nav ul li a{	display:inline-block;	height: 60px;	position: absolute;	top: 0;	left: 0;}

.current_side_n{	width: 140px!important;}
.current_side_n a{	width: 140px!important;}

.side_nav ul li span{width:148px;height: 148px;float: left;color:#fff;line-height:60px;font-size:16px;font-family: 'Microsoft yahei';margin-left:60px;cursor: pointer;}
.side_nav ul li span img{	width: 148px;	height: 148px;}
.side_nav_3 a{	width: 60px;}
.side_nav_3 a span{	position: absolute;	right: 60px;	bottom: 0;	margin-left: 0!important;	display: none;}
.tel a{	background: #df0010 url(24hour_09.png) no-repeat 15px 15px;}
.QQ a{	background: #df0010 url(0013920_47.png) no-repeat 15px -96px;}
.sub_QR a{	background: #df0010 url(0013920_47.png) no-repeat 15px -207px;}
.back_top a{background: #df0010 url(0013920_47.png) no-repeat 15px -317px;}

/***  wzdth1   END **/
/*====================index_focus====================*/
#index_focus{ position: relative; width: 100%; overflow: hidden; z-index: 1; background:url(bx_loader.gif) center center no-repeat; }
.focus_phone{ display: none;}
/*focus_scr*/
.focus_scr{ position: absolute; top:0; left:0; width: 100%; height:100%; overflow: hidden; z-index: 0;}
.focus_scr .owl-wrapper-outer{ width:100%; height:100%;}
.focus_scr .owl-wrapper,.focus_scr .owl-item,.focus_scr .item{ width:100%; height:100%; /*display:table; vertical-align:middle;*/}
.focus_scr .owl-item{ }
.focus_scr .item{/* background-size: cover; background-position: center center; background-repeat: no-repeat;*/}
.focus_scr .item a{ display: block;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center; background-size: cover;}
.focus_txt{ max-height: 50%; max-width: 40%; position: absolute; top:50%; left:11%; margin-top: -16%; display: none;}
.focus_scr .owl-controls { margin: 0;}

.focus_scr .owl-controls .owl-pagination{ position: absolute; bottom: 10px; left:0; z-index:100; width: 100%;}
.focus_scr .owl-controls .owl-page{ width: 75px; margin: 0 5px;}
.focus_scr .owl-controls .owl-page span{ filter: Alpha(Opacity=100); opacity: 1; margin:0; background: none; width: 100%; height: 25px; position: relative;}
.focus_scr .owl-controls .owl-page span:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 6px; background: #696869;}
.focus_scr .owl-controls .active span:before{ height: 6px; background-color: #ff0000;}

.focus_scr .owl-controls .owl-buttons{ display: none;}
.focus_scr .owl-controls .owl-buttons div{ margin: 0; padding: 0; border-radius:0; filter: Alpha(Opacity=100); opacity: 1; width: 47px; height: 94px; font-size: 0; position: absolute; top:50%; margin-top: -47px;}

.focus_scr .owl-controls .owl-controls .owl-page span{ background:#fff;}
/*=====focus_top=====*/
.focus_top{ position: fixed; color: #fff; width: 100%; padding: 30px 50px;}
/*distribution*/
.distribution{ float: left; padding: 20px 0; font-family: "黑体",SimHei ;}
.distribution:before{ content: ""; position: absolute; top:0; left:0; width: 45px; height: 5px; background: #2f2c2c;}
.distribution a{ display: block; line-height: normal; color: #fff; font-weight: bold;}
.distribution a.d_dif1{ font-size: 30px; color: #2f2c2c;}
.distribution a.d_dif2{ font-size: 18px;}
/*language*/
.language{ text-align: right; font-family: "黑体",SimHei ;}
.language a{ display: inline-block; width: 20px; height: 20px; background: #2f2c2c; text-align: center; line-height: 20px; margin-left: 6px;}
.language a:hover{ background-color: #fff; color: #2f2c2c;}
/*navbar*/
.navbar-default{ border: none; background: none; margin: 0; float: right; min-height: inherit; font-size: 15px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background:none; color: #fff;}
#index_focus .navbar-nav{ margin-right: -30px;}
#index_focus .navbar-nav>li{ color: #fff;}
#index_focus .navbar-nav>li>a.dropdown-toggle{ color: #fff; position: relative;}
#index_focus .navbar-nav>li>a.dropdown-toggle:before{ content: "/"; position: absolute; top:50%; left:0; margin-top: 10px; color: #fff;}
#index_focus .navbar-nav>li:first-child>a.dropdown-toggle:before{ display: none;}
#index_focus .navbar-nav>li>a:hover,#index_focus .nav .open>a{  color: #2f2c2c;}
#index_focus .navbar-nav>li .dropdown-menu{ display: none;}
header .navbar-default .navbar-nav > .navlidq> a{color:#2f2c2c;}
/*focus_bot*/
.focus_bot{ position: fixed; left:0; bottom: 0; margin: 0 0 50px 50px; color: #fff; }
.focus_links{ margin-left: -20px;}
.focus_links a{ display: inline-block; vertical-align: middle; padding: 0 20px;}
.focus_logo{ margin: 10px 0 5px; width:60%; max-width: 235px;}
.focus_des{ font-size: 12px; line-height: 16px; max-height: 48px; overflow: hidden; max-width: 298px; text-align: justify;}
/*handle*/
.handle{ position: fixed; bottom: 8%; left:50%; margin-left: -150px;}
.handle li{ float:left; margin: 0 4px;}
.handle li a{ display: block; width: 54px; height: 54px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative;}
.handle li a img{ position: absolute; top:50%; left:50%; margin: -18px 0 0 -18px;}
.handle li a img.h_ico{ filter: Alpha(Opacity=0); opacity: 0;}
.handle li a:hover{ background-color: #2f2c2c; border-color: #2f2c2c;}
.handle li a:hover img{ filter: Alpha(Opacity=0); opacity: 0;}
.handle li a:hover img.h_ico{ filter: Alpha(Opacity=100); opacity:1;}
/*=====index_con=====*/
.index_con{ position: relative; z-index: 100; background: #fff; min-height: 600px; }
.index_warp{ overflow: hidden;}
/*header*/
header{ width: 100%; background: #000; position: fixed; top:0px; left:0; z-index: 5000; transition:all 0.6s ease;-webkit-transition: transition:all 0.6s ease;-moz-transition: transition:all 0.6s ease;-ms-transition: transition:all 0.6s ease;-moz-transition: transition:all 0.6s ease;}
#index_con header{ position: relative; top: -200px; left:auto; filter: Alpha(Opacity=0); opacity: 0;}
#index_con .header_scr{ position: fixed; top:0; left: 0; filter: Alpha(Opacity=100); opacity:1;}
header .navbar-default{ float: none; -webkit-box-shadow: 0 4px 20px -2px rgba(0,0,0,0.175); box-shadow: 0 4px 20px -2px rgba(0,0,0,0.175);}
header .navbar-default .navbar-nav{ margin-top:10px;}
header .navbar-default .navbar-nav>li>a{ color: #fff;}
header .navbar-header{background-size: cover;  position: relative;}
header .navbar-brand{ line-height: normal; padding: 0 80px 0 0; float: right;}
header .navbar-brand img{ width: 272px;}
header .dropdown-menu{ display: block; min-width: inherit; height: 0; filter: Alpha(Opacity=0); opacity: 0; overflow: hidden; padding: 0; margin: 0; border: none; -webkit-box-shadow: 0 5px 20px -2px rgba(0,0,0,0.3); box-shadow: 0 5px 20px -2px rgba(0,0,0,0.3); top:150%; width: 100px; text-align: center; margin-right: -10px;}
header .dropdown-menu li a{ padding: 6px 15px;}
header .navbar-default .navbar-nav>.active>.dropdown-menu,.navbar-default .navbar-nav>.open>.dropdown-menu{ top:100%; height: auto;  filter: Alpha(Opacity=100); opacity:1; }
/*header_r*/
.header_r{ float: right; padding-right: 10px;}
.search{ float: right; position: relative;}
.search_box { width:30px; height:26px; margin-top: 3px; overflow:hidden; position:relative;-moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px;}
.search_txt{ width:106px; padding:5px 0 5px 12px; height:26px; line-height:16px; color:#000; cursor:pointer; display:none;}
.search_btn,.search_btn1{ width:30px; height:26px; position:absolute; top:0; right:0; z-index:10; background:url(header_ico1.png) center center no-repeat; cursor:pointer;}
.search_btn1{ display: none;}
.search_bg{background:#eee; border-radius: 3px;}
.header_r .language{ float: right; margin-top: 5px;}
.header_r .language a{ color: #fff;}
.header_r .language a:hover{ background-color: #000;}
.r_top{}
.hotline{ text-align: right; overflow: hidden; font-size: 16px; color: #2f2c2c; margin-top:15px;}
.hotline em{ font-family: Impact;}

/*=====main=====*/
main{min-height: 1000px; position: relative; background: #fffefe; }
#main_index{ padding: 0; background: #fff;}
.index_sec{ padding: 60px 0; background-color: #fff; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;}
/*do*/
.do_tit{ text-align: center; font-size: 28px; padding-bottom: 30px; border-bottom: 1px solid #858585; margin-bottom: 40px;}
.do_tit img{ width: 454px; margin: 0 auto 10px;}
.do_tit em{ display: block;}
.do_box{ margin: 0 -30px;}
#do_scr{ /*width:80%; max-width: 1600px;*/ margin: 0 auto;}
#do_scr .item{ padding: 0 30px;}
#do_scr .item a{ display: block; text-align: center;}
.do_ico{ width: 100px; height: 100px; overflow: hidden; border: 1px solid #2f2c2c; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto;background-color: #2f2c2c;border-color: #2f2c2c;}
.do_ico span{ display: block; font-size: 0; width: 50px; height: 50px; overflow: hidden; margin:25px; background-position: right center; background-repeat: no-repeat; background-size: cover;}
#do_scr .item a:hover .do_ico{ background-color: #fff; border-color: #fff;border: 1px solid #c8c8c8;}
#do_scr .item a:hover .do_ico span{ background-position: left center;}

#do_scr .item a h4{ font-size: 18px; margin: 20px 0;}
.do_des{ color: #9fa0a0;}
/*business*/
.business{ background: #f2f2f2;}
.sec_tit{ text-align: center; font-size: 28px; margin-bottom: 40px; color: #000;}
.sec_tit em{ display: block; color: #2f2c2c; font-size:30px; font-style: italic; font-family: "Times New Roman", Times, serif;}
.sec_tit em i{ color: #666; text-transform: capitalize; font-style: italic;}
.business_box{ margin: 0 -30px;}
.sec_tit .hr1{width: 60px; height: 1px; border:none; border-bottom: 3px solid #a9a9a9; margin: -4px auto 0 auto;}
.sec_tit .hr2{width: 100%;border:none; border-bottom: 2px solid #e7e7e7; margin:10px auto 0 auto;}
#business_scr{/*width:80%; max-width: 1600px;*/ margin: 0 auto;}
#business_scr .item{ padding: 0 30px;}
.business_area{ text-align: center;}
.business_show{ overflow: hidden; margin: 0 auto; position: relative;}
.business_show,.business_show img.show_img{ width: 160px; height: 160px;}

.business_show img.show_img{ -webkit-border-radius:15px 15px 15px 15px; -moz-border-radius:15px 15px 15px 15px; border-radius:15px 15px 15px 15px;}
.links{ position: absolute; top:150%; left:0; margin-top: -20px; z-index:1; width: 100%; text-align: center;}
.links a{ display: inline-block; vertical-align: middle; position: relative; width: 40px; height: 40px; overflow: hidden; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 2px;}
.links a:nth-of-type(1){ top: 40px;}
.links a:nth-of-type(2){ top: 80px;}
.links a:nth-of-type(3){ top: 120px;}
.links a img{ margin: 8px;}
.links a:hover{ background:#2f2c2c; border-color: #2f2c2c;}
.business_area:hover .business_show:before{ filter: Alpha(Opacity=100); opacity: 1;}
.business_area:hover .links{ top:50%;}
.business_area:hover .links a:nth-of-type(1){ top: 0; transition:all 0.6s ease;-webkit-transition: transition:all 0.6s ease;-moz-transition: transition:all 0.6s ease;-ms-transition: transition:all 0.6s ease;-moz-transition: transition:all 0.6s ease;}
.business_area:hover .links a:nth-of-type(2){ top: 0; transition:all 0.8s ease;-webkit-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;-ms-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;}
.business_area:hover .links a:nth-of-type(3){ top: 0; transition:all 1.0s ease;-webkit-transition: transition:all 1.0s ease;-moz-transition: transition:all 1.0s ease;-ms-transition: transition:all 1.0s ease;-moz-transition: transition:all 1.0s ease;}
.business_item{ padding: 20px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #b5b5b5; font-size: 18px;}
.business_item a{ color: #000;}
.business_item a em{ display: block; color: #2f2c2c; font-size: 14px; font-family: "Times New Roman", Times, serif; font-style: italic; margin-top: 5px;}
.business_des{ text-align: center; line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 30px;}

.index_con .business_show,.index_con .business_show img.show_img{ width: 180px; height: 180px;}



/*more*/
.more{ display: block; margin: 0 auto; width: 110px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; color: #fff; position: relative; font-size: 12px;}
.more span{ display: inline-block; position: relative; z-index:10; }
.more::before, .more::after {content: ''; position: absolute; top: 0; left: 0; z-index:0; width:100%;height: 100%; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px;}
.more::before { border: 1px solid #000; -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1);}
.more::after { background-color: #999; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
.more:hover{ color: #000;}
.more:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.more:hover::after { background: transparent;  -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1);}
/*works*/
.works{ padding-bottom: 0;}
.sec_overview{ font-size: 14px; padding:10px 15px 0; font-style: italic;}
.works_tab{ text-align: center; margin-bottom: 30px;}
.works_tab a{ display: inline-block; vertical-align: bottom; cursor: pointer; font-size: 12px; border: 1px solid #a1a0a0; padding: 3px 20px; margin: 4px;}
.works_tab a:hover,.works_tab a.works_cur{ background-color: #2f2c2c; border-color: #2f2c2c; color: #fff;}
.works_tab a.tab_style1{ font-size: 18px;}
.works_tab a.tab_style2{ font-size: 20px;}
.works_tab a.tab_style3{ font-size: 22px;}
.works_tab a.tab_style4{ font-size: 24px;}
.works_tab a.tab_style5{ font-size: 14px;}
.works_rec{ padding: 0 12px;}
.works_area{ height: auto; padding: 12px; filter: Alpha(Opacity=100); opacity: 1;  margin-bottom:10px;}
.works_area a{ display:block; overflow: hidden; max-width: 452px; margin: 0 auto; box-shadow: 0 10px 20px 0px #bbb;}
.works_img{ overflow: hidden; position: relative;}
.works_img img{ -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0;}
.works_info{ position: absolute; top:0; left:0; z-index: 10; width: 100%; height: 100%; padding: 15px; background: rgba(0,0,0,.50); color: #fff; font-size: 14px; text-align: center; opacity: 0;}
.info_box{  width: 100%; height: 100%; display: table; vertical-align: middle;}
.info_des{ display: table-cell; vertical-align: middle;}
.works_caption{ background: #efeff1; padding: 10px 20px;text-align: center;}
.works_caption em{ display: block; text-transform: uppercase; font-size: 12px; color: #666;}
.works_tit{ font-size: 16px; line-height: 24px; height: 30px; overflow: hidden;}
.works_dis{ height: 0; overflow: hidden; filter: Alpha(Opacity=0); opacity: 0;}
/*layout*/
.layout{ overflow: visible; padding-bottom: 0;}
.layout_box{ position: relative;}
.layout_area{ position: relative; }
.layout_show{ background: #000;}
.layout_show img{ display: block; margin: 0 auto;}
.city_box{ position: absolute; top:140%; left:50%; margin:0 0 0 -100px; z-index: 300; width: 300px; height: 0; overflow: hidden; filter: Alpha(Opacity=0); opacity: 0;}
.city_info{ padding: 10px; background: rgba(255,255,255,.40); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; font-size: 12px; color: #000; }
.city_info h5{ font-size: 14px; color: #2f2c2c; margin-bottom: 5px;}
/*.map_ipad{ display: none; margin: 0 auto;}*/
.layout_txt{ width: 400px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #fff; position: absolute; top:50%; left:10%; margin: -220px 0 0 0; z-index:200; display: none;}
.txt_top{ padding-top: 30px;}
.layout_tit{ font-size: 22px; text-align: center; color: #000; font-family: "黑体",SimHei ; margin-bottom: 10px;}
.layout_tit img{ margin: 0 auto 10px;}
.txt_m{ padding: 0 20px; text-align: center;}
.layout_list{ display: inline-block; vertical-align: middle; font-size: 12px; text-align: left; padding-right: 10px;}
.layout_list li{ line-height: 18px; margin-bottom: 4px;}
.erweima{ display: inline-block; vertical-align: middle; overflow: hidden;}
.layout_info{ margin-top:30px; background: #f4f4f4; border-top: 2px solid #e8e8e8; -webkit-border-radius:0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; height:224px; overflow-y: auto;}
.layout_info li{ background: url("layout_ico1.png") 20px 15px no-repeat; background-size: 18px; padding:10px 20px 10px 50px; border-bottom: 1px solid #e8e8e8; font-size: 14px;}
.layout_info li:hover{ background-color: #eee;}
.layout_info li p.layout_item{ font-size: 16px; color: #000;}

@media (min-width: 992px) and (max-width: 1199px){
    .layout_txt{ width: 360px;}
}

@media (max-width: 991px){

    .layout_txt{ position: inherit; position: initial; margin: 0; width: 100%;}
    .txt_top,.layout_info{ width: 50%; float: left;}
    .txt_m{ padding: 0;}
    .layout_info{ margin-top: 40px;}
}
/*customers*/
.customers{ }
.customers_list{ /*width:80%; max-width: 1600px;*/ margin: 0 auto; margin-top: -30px;}
.customers_list li{ width:11.1%; padding: 0 3px; font-size: 14px; text-align: center; float: left; margin:10px 10px; position: relative; border: 1px solid #e8e8e8;}

.customers_list li img{ margin: 0 auto; max-width: 80%;}
.customers_list li:nth-of-type(1):before,.customers_list li:nth-of-type(8):before,.customers_list li:nth-of-type(15):before{ display: none;}
.customers_list li:hover{ color: #2f2c2c;}



.customers_name{ padding: 0 15px; height:35px; overflow: hidden;}
/*trends*/
.trends{ background: #f3f3f3;}
.trends_dec,.trends_rec{ width: 90%;  margin: 0 auto; position: relative;}
.trends_dec:before{ content: ""; position: absolute; top:50%; left:0; width: 100%; height: 2px; background: #666;}
.trends_dec span{ display: block; width: 84px; background: #f3f3f3; margin: 0 auto; position: relative;}
.trends_dec span img{ margin: 0 auto;}
.trends_rec li{ }
.trends_rec li a{ display: block;float:left; width:48%; margin:0 1%; overflow: hidden; padding: 30px 0;}
.trends_date{ display: block; float: left; padding-right: 20px; margin-right: 20px; font-size: 90px; max-height: 100px; color: #666; font-family: Myriad Pro; line-height: normal; position: relative;}


.trends_info{ padding-right: 20px; overflow: hidden;}
.trends_tit{ font-size: 16px;}
.trends_des{ line-height: 24px; max-height: 96px; overflow: hidden; color: #666; margin: 5px 0 10px;}
.trends_from{ color: #666; font-size: 12px;}
.trends_from span{ font-size: 14px; color: #2f2c2c; margin-right: 10px;}
.trends_rec li.trends_dif{width: 100%;}
/*contact*/
.contact{ background-image: url("contact_01.jpg"); background-size: cover; position: relative;}
.contact:before{ content: ""; position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%; background: rgba(0,0,0,.40);}
.contact_box{ /*width: 80%; max-width: 1230px;*/ margin: 0 auto; position: relative;}
.contact_l{ float: left;}
.contact_tit{ font-size: 36px; color: #fff; line-height: normal;}
.contact_tit a{ color: #fff;}
.lines{ padding: 50px 0;}
.lines li{ font-size: 18px; color: #fff;}
.lines li em{ color: #2f2c2c;}
.contact_links{ }
.contact_links a{ display: block; float: left; margin-right: 5%;}
.contact_links a:hover img{ filter: Alpha(Opacity=80); opacity: 0.80;}
.contact_form{ overflow: hidden;}
.contact_line{ margin-bottom: 20px;}
.input_box{ width: 50%; float: left; padding: 0 4px;}
.contact_txt,.contact_yu,.h_sel{ width: 100%; height: 44px; padding: 10px 0 10px 14px; border: 1px solid #4b4b4a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; color: #fff;}
.contact_txt::-webkit-input-placeholder,.contact_yu::-webkit-input-placeholder { color:#fff; }


.contact_txt:hover,.contact_txt:focus,.contact_yu:hover,.contact_yu:focus,.h_sel:hover{ border-color: #9b9b9b;}
.input_dif{ width: 100%;}
.contact_yu{ height:140px; resize: none; }
.contact_submit{ display: block; margin: 0 auto; cursor: pointer; font-size: 14px; color: #fff; background: #2f2c2c; width: 146px; height: 42px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.contact_submit:hover{ background: #a5000d;}
/*h_sel*/
.h_sel{ display: block; position:relative; color: #bbb; }
.h_sel .focus{ margin: 0; color: #fff;}
.h_sel select{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; font-size:14px; color:#000; border:none;}
.h_sel .sel_dropdown{width: 100%; height: 100%; position: absolute; top:0; left:0;  background:url(ico_09.png) right center no-repeat; cursor: pointer;}
.h_sel .sel_dropdown .old{ position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; }
.h_sel .sel_dropdown.touch .old{width: 100%; height: 100%;}
.h_sel .sel_dropdown.touch select{width: 100%; height: 100%; opacity: 0;}
.h_sel .sel_dropdown .selected{display: block; line-height: 1; padding-left:14px; line-height:44px; overflow: hidden; white-space: nowrap;color:#fff;}
.h_sel .sel_dropdown.disabled .selected{ color: #999;}
.h_sel .sel_dropdown .selected::after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px;  }
.h_sel .sel_dropdown div{ width:100%; position: absolute; height: 0; left: -1px; right: -1px; top: 100%; margin-top: -1px; background:#fff; background: rgba(255,255,255,.90); -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border:1px solid #bfbfbf; overflow: hidden;  filter: Alpha(Opacity=0); opacity: 0; }
.h_sel .sel_dropdown.open div{  filter: Alpha(Opacity=100); opacity: 1; z-index: 2; }
.h_sel .sel_dropdown ul{position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden;}
.h_sel .sel_dropdown.scrollable.open ul{overflow-y: auto;}
.h_sel .sel_dropdown li{ display:block; padding: 4px 14px; color: #000;}
.h_sel .sel_dropdown li.focus{background: #2f2c2c; position: relative; z-index: 3; color: #fff; margin: 0; }
.h_sel .sel_dropdown li.active{ font-weight: 700; color:#666;}
.txt_birthday{  background:url(ico_09.png) right center no-repeat;}

/*footer*/
footer{ padding: 30px 0; background: #000; color: #fff; font-family: "黑体",SimHei ;}
.footer_inner{ width: 85%; max-width: 1360px; margin: 0 auto; }
.footer_l{ width: 40%; float: left; padding-right: 30px; /*text-align: center;*/}
.footer_qr{float: right;text-align: center;}
.footer_qr span{display: block;margin-top:10px;}
.img_erweima{ display: block;/* float: right;*/ margin-top: 28px;}
.footer_logo{ display: block; max-width: 60%; /*margin: 0 auto;*/ margin-top: -10px;}
.footer_links{ margin-top: 30px;}
.footer_links a{ display: inline-block; vertical-align: middle; margin: 0 7px; width: 50px; height: 50px; border: 1px solid #2f2c2c; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative;}
.footer_links a img{ width: 28px; height: 28px; margin: 10px; }
.footer_links a img:nth-of-type(2){position: absolute; top:50%; left:50%; margin: -14px 0 0 -14px; filter: Alpha(Opacity=0); opacity: 0; }
.footer_links a:hover{ background: #2f2c2c;}
.footer_links a:hover img{ filter: Alpha(Opacity=0); opacity: 0;}
.footer_links a:hover img:nth-of-type(2){ filter: Alpha(Opacity=100); opacity:1;}
.footer_r{ width:100%; text-align:center; padding-left: 30px;  font-size: 14px;}
.footer_r a{ color: #fff;}
.footer_r a:hover{ text-decoration: underline;}
.footer_nav{ margin: 0 -20px 40px;}
.footer_nav li{ display: inline-block; padding: 0 16px;/* position: relative;*/}
.nav_sub{ margin: 0 -6px; position: absolute; height: 0; overflow: hidden; filter: Alpha(Opacity=0); opacity: 0;}
.nav_sub a{ padding: 0 6px;}
.footer_nav li:hover a.a_item0,.footer_nav li.li_cur a.a_item0{ color: #2f2c2c; text-decoration: underline;}
.footer_nav li.li_cur .nav_sub,.sub_show{ padding-top: 5px; filter: Alpha(Opacity=100); opacity: 1; height: auto;}
.friend_links{ /*margin-top: 50px;*/}
.friend_links a{ padding: 0 2px;}
.copyrights{}
.float{ position: fixed; top:50%; margin-top: -102px; right: 0; z-index: 5000; padding:15px 6px; background: #2f2c2c; -webkit-border-radius: 34px; -moz-border-radius:34px; border-radius: 34px;}
.float li{ padding:5px 0;}
.float li a img{ width: 40px;}

/*banner*/
.banner{ position: relative;}
.banner .distribution{ position: absolute; top:40px; left: 50px;}
.banner .handle{ position: absolute;}
.banner_scr .owl-controls { margin: 0;}

.banner_scr .owl-controls .owl-pagination{ position: absolute; bottom: 10px; left:0; z-index:100; width: 100%;}
.banner_scr .owl-controls .owl-page{ width: 75px; margin: 0 5px;}
.banner_scr .owl-controls .owl-page span{ filter: Alpha(Opacity=100); opacity: 1; margin:0; background: none; width: 100%; height: 25px; position: relative;}
.banner_scr .owl-controls .owl-page span:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 6px; background: #696869;}
.banner_scr .owl-controls .active span:before{ height: 6px; background-color: #ff0000;}

/*=============sub=============*/
.sub{ padding:50px 0; overflow: hidden;}
.column_top{ margin-bottom:40px;}
.column_tit{ text-align: center; font-size: 16px; color: #000; padding-bottom: 20px;}
.column_tit em{ display: block; font-size: 28px;  text-transform: uppercase; color: #2f2c2c;}
.column_des{ font-style: italic; font-size: 14px; text-align: center; width: 100%; padding:20px 15px; max-width: 860px; margin: 0 auto;}
.column_tab{}
.column_tab a{ color: #707070; padding: 0 8px; cursor: pointer;}
.column_tab a.column_cur{ color: #000;}
/*intro*/
.intro{ color: #000;}
.intro_img{ margin: -8px; margin-bottom: 4%;}
.intro_img li{ padding: 8px;}
.intro_img li img{ margin: 0 auto;}
.intro_img li.intro_video a{ display: block; position: relative;}
.video_ico{ display: block; width: 80px; height: 80px; position: absolute; top:50%; left:50%; margin: -40px 0 0 -40px; background: url("video_01.png") center center no-repeat; background-size: cover;}
/*honor*/
.honor{}
.honor_list{ margin: -20px -12px; overflow: hidden;}
.honor_list li{ padding: 20px 12px;}
.honor_img{ overflow: hidden;}
.honor_name{ font-size: 16px; text-align: center; color: #000; padding: 20px 0; position: relative;}
.honor_name:before,.honor_name:after{ content: ""; position:absolute; bottom: 0; left: 5%; width: 90%; height: 1px; background: #dedede;}
.honor_name:after{ background: #2f2c2c; width: 0; left:45%;}
.honor_name span{ display: block; font-size: 16px; color: #666; height: 21px; overflow: hidden;}
.honor_list li:hover .honor_name:after{ width: 90%; left:5%;}
.honor_other{ margin-top: 8%; padding: 5% 0; overflow: hidden; background: #e9e9e9; position: relative;}
.honor_other:after{ content: ""; position:absolute; top:0; left:50%; margin-left: -2px; width: 3px; height: 100%; background: #fff;}
.honor_other li{ width:50%; padding: 0 6%; float: left; margin-bottom: 3px;}
.honor_other li a{ display: block; background: url("ico_02.png") left center no-repeat; padding-left: 33px; height: 26px; line-height: 26px; overflow: hidden; color: #000;}
.honor_other li:nth-child(2n){ width: 45%; float: right;}
.load_more{ display: block; cursor: pointer; text-align: center; font-family: Impact; width: 56px; height: 56px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding-top: 5px; font-size: 18px; color: #2f2c2c; background: url("ico_03.png") center 36px no-repeat; margin: 40px auto 0;}
.load_more:hover{ background-color: #2f2c2c; background-image: url("ico_03b.png"); color: #fff;}
/*team*/
.sort_box{ text-align: center;}
.team_sort{ display: inline-block;}
.team_sort dt{ float: left; padding-right: 20px; margin-right: 20px; position: relative;}
.team_sort dt:before{ content: ""; position: absolute; top:0; right: -1px; width: 3px; height: 100%; background:#2f2c2c;}
.team_sort dd{ overflow: hidden;}
.team_sort a{ display: block; float: left; width: 120px; height: 36px; border: 2px solid #2f2c2c; text-align: center; line-height: 32px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 5px 10px;}
.team_sort a.team_cur,.team_sort dt a{ background-color: #2f2c2c; color: #fff;}
.team{/* width: 90%; max-width: 1760px; margin: 0 auto;*/}
.team li{ overflow: hidden; background: #dde3e3; position: relative;}
.team li a{ display: block; float: left; width: 12.5%; position: relative;}
.team li a:before{ content: ""; position: absolute; top:0; left:0; z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,.2); filter: Alpha(Opacity=0); opacity: 0; }
.team li a:hover:before{ filter: Alpha(Opacity=100); opacity: 1;}
.team li a.team_tit:before{ display: none;}
.team li a.team_tit{ width: 25%; overflow: hidden; background: #2f2c2c; color: #fff; font-size: 24px; line-height: normal; position: relative; }
.team li a.team_tit img{ float: left; width: 50%;}
.tit_box{ position: absolute; top:0; left:0; z-index:10; width: 100%; height: 100%; }
.tit_area{width: 100%; height: 100%; display: table; vertical-align: middle;}
.tit_area span{ display:table-cell; vertical-align: middle; padding-left: 10%;}
.tit_area span em{ display: block; font-size: 16px;}
.team li.team_dif a.team_tit{ float: right;}

/*news_area*/
.news_area{ }
.news_list{ }
.news_list li{ padding: 30px 0; border-bottom: 1px dashed #bcbcbc; position: relative;}
.news_list li:before{ content: ""; position: absolute; top:0; left:-50%; width:200%; height: 100%; background: #f5f5f5; filter: Alpha(Opacity=0); opacity: 0; }
.shared{ position: absolute; top:50%; left:0; margin-top: -15px;}
.news_list li em{position: relative;z-index: 1;color:#555;}
.news_list li a{ display: block; overflow: hidden; position:relative; padding-left: 80px;}
.news_img{ width:250px; height: 166px; margin-right:30px; display: block; float: left;}
.news_info{ overflow: hidden;}
.news_tit{ display: inline-block; font-size: 16px; height: 26px; line-height: 26px; overflow: hidden; font-weight: bold; position: relative;}
.news_tit:before{ content: ""; position: absolute; bottom: 0; left:0; width: 0; height: 1px; background: #2f2c2c;}
.news_date{ font-style: italic; line-height: normal; color: #666;}
.news_des{ color: #444; text-align: justify; max-height: 50px; overflow: hidden; margin: 15px 0;}
.news_more{ display: inline-block; color: #2f2c2c; font-size: 16px; position: relative;}
.news_more:before{ content: ""; position: absolute; bottom: 0; left:50%; width: 0; height: 1px; background: #2f2c2c;}
/*.news_more:hover:before{ left:0; width: 100%;}*/
.news_list li:hover a .news_tit{ color: #2f2c2c;}
.news_list li:hover:before{ filter: Alpha(Opacity=100); opacity: 1; }
/*news_end*/
#MyContent{color:#3E3E3E;font-family:'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;font-size:16px; line-height:38px;}
#MyContent p{line-height:38px; margin:0 0; padding:0 0;}
#MyContent img{ padding:0 0; margin:0 0;}

.end_l{ padding: 0 40px 0 0;}
.end_l img{ margin-bottom: 30px;}
.end_r{ padding: 0;}
.end_r img{ display: inline-block;}
.end_tit{ font-size: 18px; font-weight: bold; color: #000; margin-bottom: 40px;}
.end_date{ font-size: 14px; color: #999; font-style: italic; font-weight: normal; margin-top: 5px;}
.site_url{ color: #999; font-size: 16px; font-style: italic;}
/*sub_works*/
.sub_works{}
.works_top{ margin-bottom: 40px;}
.works_item{ float: left; text-transform: uppercase; color: #000; font-size: 18px; margin-right: 30px;}
.works_item em{ display: inline-block; font-family: arial; font-weight: bold; color: #333; line-height:normal; padding:0 20px 10px 0; position: relative;}
.works_item em:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 10px; background: #333;}
.works_item span{ display: block; margin-top: 5px; font-size:28px;}
.hotline2{ display: inline-block; color: #2f2c2c;}
.hotline2 b{ font-weight: normal; font-family: Impact;}
.works_des{ overflow: hidden; text-align: center; background:#2f2c2c; font-size: 20px; line-height: 32px; /*font-weight: bold;*/ color: #fff; padding: 26px 0;}
.works_sort{}
.works_sort dl{ margin: 0 -5px; overflow: hidden;}
.works_sort dl dt{ float: left;}
.works_sort dl dd{ overflow: hidden;}
.works_sort dl a{ display: block; float: left; width:80px; padding: 0 5px; height: 40px; line-height: 40px; text-align: center; margin: 5px 4px; font-weight: normal; color: #000; border: 1px solid #c0bfbf;}
.works_sort dl a:hover,.works_sort dl a.currclass{ border-color: #2f2c2c; background: #2f2c2c; color: #fff;}
.works_list{ margin: 0 -12px;}
img.works_ico{ margin: 0 auto;}
.works_list .works_area .works_caption{ background: none; border: 1px solid #eee; border-top: none; text-align: center; padding: 15px 10px;}
.works_list .works_area .works_xg{ font-size: 12px; height: 40px; overflow: hidden; color: #999; margin-top: 5px;}
.works_list .works_area:hover a{ box-shadow: 0 15px 40px -12px #bcbcbc;}
.load_more2{ cursor: pointer; display: block; width: 78px; height: 32px; overflow: hidden; text-align: center; line-height: 32px; position: relative; margin-top: 30px;}
.load_more2 i{ display: block; position: absolute; top:0; left:-100%; width: 100%; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #df0011; color: #fff; font-size: 12px; font-family: Impact; text-transform: uppercase;}
.load_more2:hover i{ left:0;}

/*customers_box*/
.customers_box{ width: 100%; max-width: 1760px; margin: 0 auto; position: relative;}
.customers_box a{ width:11%; float: left; position: relative;margin-bottom:10px;}
.customers_box a:before{ content: ""; position: absolute; top:0; left:0; z-index:1; width: 100%; height: 100%; background: rgba(0,0,0,0.2); filter: Alpha(Opacity=0); opacity: 0;}


/*contact_list*/
.contact_list{ overflow: hidden; margin-bottom:-80px;}
.contact_list li{ line-height: 22px; color: #000; padding-left: 50px; min-height: 360px; margin-bottom: 20px;}
.contact_top{ margin-left: -30px;}
.contact_item{ display: inline-block; vertical-align: middle; text-align: center; line-height: normal; width:100px; height: 100px; background: #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.contact_item span{ display: block; margin-top: 25px; font-size: 24px;}
.contact_handle{ display: inline-block; vertical-align: middle; margin-left: -20px;}
.contact_handle a{ display: block; float: left; width: 40px; height: 40px; padding: 8px; background: #2f2c2c; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 5px;}
.contact_handle a:hover{ background: #b2000e;}
.contact_tel{ line-height: normal; font-size: 16px; margin: 30px 0 20px;}
.contact_tel span{ /*display: block;*/ font-size: 16px; color: #2f2c2c;}
.contact_tel span i{ font-family: Impact; font-size: 20px;}
.contact_list li:hover .contact_item{ background-color: #2f2c2c; color: #fff;}
.contact_list li:hover .contact_handle{ margin-left: 10px;}

/**  jdalM1  ***/

.jdalM1{border-bottom:1px #ddd solid;padding-bottom:35px;}
.jdalM2{padding-top:30px;}
.jdalM2_1p1{font-size:18px;color:#000;font-weight:bold;}
.jdalM2_1{padding-bottom:15px;}
.jdalM3h2{font-size:24px; line-height: normal; color:#fff;background-color:#df0011; padding:10px 20px; margin-bottom: 30px;}
.back_list{ float: right; }
.jdalM3_1{background-color:#dfdede;margin-bottom:20px; position: relative;}
.jdalM3_1img{float:left;width:70%;}
.jdalM3_1img img{min-width:100%;}
.jdalM3_1imgp1{ overflow:hidden; font-size:24px;color:#000; position: absolute; bottom: 0; right: 0; width: 30%; padding: 30px; }
.jdalM1 .wztou_2a{ margin-top: 114px;}
/*jdalM3_2BOX*/
.jdalM3_2BOX{ margin: 15px -15px;}
.jdalM3_2{float:left;width:33.33%; padding:15px; overflow:hidden;}
.jdalM3_2 img{max-width:100%;}

.jdalM4nr_1{margin-bottom:20px;}
.jdalM4nr_1 a,.jdalM3_2 a{ display: block; overflow: hidden; position: relative;}
.jdalM4h2{ border:1px #6f6f6f solid; font-size:18px; padding: 10px 15px; margin-bottom: 20px;}
.jdalM4nr_1 a img{ margin-bottom: 10px;}
.jdalM4nr_1 .img_caption,.jdalM3_2 .img_caption{/* position: absolute; bottom: 0; left:0; color: #fff; background: rgba(0,0,0,.40);*/ width: 100%; text-align: center; overflow: hidden; font-size: 14px; line-height: 22px; height: 44px; overflow: hidden;}

.allxBOX{background-color:#d10211;padding-top:50px;padding-bottom:50px;}
.allxL .works_item{ text-transform: uppercase; color: #fff;}
.allxL{ float: left; margin-right: 30px;}
.allxL .works_item em{ color: #fff;}
.allxL .works_item em:before{ background: #fff;}
.allxR{ overflow: hidden;}
.allxR li{ width:25%; float:left; padding: 15px 10px; }
.allxR li a{ color: #fff;}
.allxR li:hover a{ text-decoration: underline;}
.allxR li img{ display: inline-block; vertical-align: middle; width: 53px; height: 53px; margin-right: 4px;}
.allxRR{ display: inline-block; vertical-align: middle; font-size: 12px; color:#fff;}
.allxRR h6{font-size:14px; margin-bottom: 5px;}
/***  jdalM1  ***/

/***  gys1  ***/
.gys{ width:60%; max-width: 880px; margin: 0 auto;}
.gys1{ margin-bottom: 20px;}
.gys1input,.gys1xiala,.gys1wenben{ width:100%; border:1px #dce2e5 solid; height:44px; color:#333333; font-size: 14px; padding: 10px 0 10px 12px;}
.gys1label{ width: 20%; line-height: 44px; text-align: right; font-size:16px; font-weight:normal; color:#202020; padding-right: 40px; float: left;}
.gys1r{ width: 80%; float: right;}
.hdspan{color:#ff0000; margin-right: 10px;}
.gys1wenben{ display:inline-block;vertical-align:top;padding:5px;height:185px;resize:none;}
.gys1input:hover,.gys1wenben:hover,.gys1xiala:hover{box-shadow:0px 0px 4px #ddd;}
.yxp1{ width:100%; float: left; overflow:hidden; text-align:center;font-size:18px;color:#202020; margin-top: 20px;}
.gys1xiala{ background-color:#fff;}
.leibie .gys1r{ position: relative;}
.leibie .gys1r:before{ content: ""; position: absolute; top:1px; right: 1px; width: 42px; height: 42px; background:#fff url("ico_03.png") center center no-repeat;}

/* m_zlxg */
.city_sel{ width: 50%; float: left; }
.city_sel:nth-of-type(1){ padding-right: 10px;}
.m_zlxg{ width:100%; height:44px; line-height:44px; cursor:pointer; border:1px #d7dee2 solid; position: relative; }
.m_zlxg p{ width:100%; padding-left:10px; overflow:hidden; line-height:44px; font-size:14px; color:#333333; text-overflow:ellipsis; white-space:nowrap; position: relative;}
.m_zlxg p:before{ content: ""; position: absolute; top:0; right: 0; width: 44px; height: 44px; background: url("ico_03.png") center center no-repeat;}
.m_zlxg2{ position:absolute; top:100%; margin-top: -1px;width:100%; border:1px solid #ded3c1; background:#fff; max-height:224px; overflow-y:auto; white-space:nowrap; display: none; z-index: 100;}
.m_zlxg2 li{line-height:28px;white-space:nowrap; padding-left:10px; color:#333333; font-size:12px;}
.m_zlxg2 li:hover{ color:#7a5a21;}
.tjBOX{text-align:center;padding-top:50px;}
.tjBOX_a{display:inline-block;background-color:#bc1d25;color:#fff;border-radius:3px;height:50px;line-height:49px;font-size:18px;background-image:url(tj_a_03.jpg);background-repeat:no-repeat;background-size:100%;background-position:0 center;padding-left:5%;padding-right:2%;}
.m_zlxg:hover{box-shadow:0px 0px 4px #ddd;}

/***  gys1  END  ***/

/**  rczpM  **/

.rczpM li{padding-top:30px;padding-bottom:30px;border-bottom:1px #bbb dashed;position:relative;}
.rczpM li:before{ content: ""; position: absolute; top:0; left:-50%; width:200%; height: 100%; background: #f5f5f5; filter: Alpha(Opacity=0); opacity: 0; }
.rczpMR{width:90%;float:right;}
.rczpMRp1{font-size:18px;color:#000;}
.rczpMRp2{ color:#666;font-style:italic; }
.rczpMRp3{ color:#444; margin: 20px 0 40px;}
.rczpMRp4{font-size:16px;color:#e60911;}
.rczpM li:hover .rczpMRp1,.rczpM li:hover .rczpMRp2,.rczpM li:hover .rczpMRp3{color:#e60911;}
.rczpM li:hover:before{ filter: Alpha(Opacity=100); opacity: 1; }
.rczpM li .shared{ z-index: 10;}
.rczpMR{ position: relative;}
/**  rczpM  END  **/

/**   hyzt  **/
.hyztM2{background-color:#f3f3f3; }
.hyztM2 .trends_date em i{background-image:url(cl_03.png);background-repeat:no-repeat;background-position:center;}


/***   hyztM1  ***/
.hyztM1{background-color:#fffefe; }
.hyztM1 .sec_tit{background-image:url(h1bj_07.png);background-repeat:no-repeat;background-position:center;}
#hyztM1BOX .item{
display: block;
cursor: pointer;
text-align:center;
}
.jztdimg img{margin:0 auto;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.jztdnrp1{font-size:18px;color:#df0011; padding: 20px 0;}
.jztdnrp2{ color:#8b8a8a;}
#hyztM1BOX .item:hover .jztdimg img{transform:rotate(360deg) scale(1.1);  -webkit-transform:rotate(360deg) scale(1.1);  -moz-transform:rotate(360deg) scale(1.1);   -o-transform:rotate(360deg) scale(1.1);  -ms-transform:rotate(360deg) scale(1.1); }

#hyztM1BOX .owl-wrapper-outer{ padding-top: 10px;}

/***  hyztM22  ***/
.hyztM22{ background-color:#df0011;}
.hyztM22 .sec_tit,.hyztM22 .sec_tit a{color:#fff;}
#hyztM22nr .item{ display: block; cursor: pointer; text-align: center; padding: 5px 30px; }
.hyztM22nr{background-image:url(bj1_07.jpg);background-repeat:repeat-x;background-position:0 30px;}
.hyztM22nrp1{color:#fff;font-size:16px;padding-top:40px;}
.hyztM22nrimg img{margin:0 auto;}
/**   hyztM4  ***/
.hyztM4{ padding-bottom:0; background-color:#df0011; overflow:hidden;}
.hyztM4 .sec_tit{background-image:url(ysbj_07.png) ;background-repeat:no-repeat;background-position:center;}
.hyztM4 .sec_tit a{color:#fff;}
.hyztM4nr{padding-top:50px;margin-left:-6%;}

.hyztM4nr_1{background:url(baitiao.jpg) repeat-y; padding-bottom:116px;}
.hyztM4nr_1bj2{background-image:url(bjimg1_14.jpg);padding-bottom:80px;margin-top:93px;}
.hyztM4nr_1h1{font-size:18px;color:#fff; background: #1ba1d4;}
.hyztM4nr_1h1 em{display:block;margin-top:-5px;font-size:12px;}
.hyztM4nr_1p1{ padding: 20px 0; color:#e8efe6; background: #1ba1d4;}
.hyztM4nr_1bj1{margin-top:57px;}
.hyztM4nr_1bj4{background-image:url(bjimg1_14.jpg);margin-top:7px;}
.business_scr .owl-item{ padding: 0 40px;}
.business_scr{ margin: 0 -40px;}
/**  hyztM5  ***/
.hyztM5{background-color:#f2f2f2; }
.hyztM5 .sec_tit{background-image:url(h1bj_07.png);background-repeat:no-repeat;background-position:center;}
.hyztM5nr{text-align:center;}
.hyztM5nr img{ max-width:50%; margin:0 auto;}
/**  hyztM7  **/
.hyztM7{background-color:#f2f2f2; }
.hyztM7 .sec_tit{background-image:url(h1bj_07.png);background-repeat:no-repeat;background-position:center;}
.hyztM7ul{padding-left:37%;}
.hyztM7ul li{font-size:12px;color:#000;}
.hyztM7ul li a{color:#000;}
.hyztM7ul li span{font-size:18px;padding-right:20px;}
.MORE_a{font-size:18px;color:#df0011;margin-left:37%;margin-top:20px;display:block;}
.hyztM7ul li:hover a{color:#df0011;}
.MORE_a:hover{text-decoration:underline;}

/***  gjztM3  ***/
.gjztM3 .more::before { border-color: #2ebaef;}
.gjztM3 .more::after { background-color: #2ebaef;}
.gjztM3 .more:hover{ color: #2ebaef;}
.gjztM3 .more:hover::after { background: transparent;}
/**   gjztM6  ***/
.gjztM6 .col_red{color:#2ebaef;}
/***  gjzty_ghbt ***/
.gjzty_ghbt{ background-color:#fff; }
.gjzty_ghbtimg img{ max-width:80%; margin:0 auto;}
/***  nybanner  ***/
.nybanner{background-color:#2ebaef; text-align:center; font-size:24px; line-height: normal; color:#fff; padding: 30px 15px;}
.nybanner span{font-size:32px;}
/***  gjztyM1  ***/
.gjztyM1{ font-size: 16px; background-color:#fff;}
.gjztyM1_1{ text-align:center;}
.gjztyM1_1p1{font-size:21px;color:#000;}
.gjztyM1_span1{font-size:24px;color:#2784d2;}
.gjztyM1_span2{font-size:18px;color:#2784d2;}
/**  gjztyM1_2  **/
.gjztyM1_2img img{margin:0 auto;}
.gjztyM1_2{text-align:center; padding: 40px 0;}
.gjztyM1_2p{font-size:24px;color:#010001;}
.gjztyM1_2p em{display:block;font-size:15px;color:#2784d2;text-transform:uppercase;}
/**  gjztyM1_3  ***/
.gjztyM1_3{text-align:center; }
/***  jzysM4  **/
.jzysM4{ padding-bottom:0; background-color:#1ba1d4; }
.jzysM4 .sec_tit a{color:#fff;}
.jzysM4 .sec_tit{background-image:url(lysbj_07.png);background-repeat:no-repeat;background-position:center;}
.jzysM4nr .hyztM4nr_1{width:auto;margin:0;}
.jzysM4nr .jzysM4nrbj2{ padding-bottom:80px;margin-top:36px;}
.jzysM4nr .jzysM4nrbj3{ padding-bottom:145px;}
/***  jzysM4  END **/

/***  lanbanbody  ***/
.lanbanbody .navbar-default .navbar-nav > .active > a,.lanbanbody .navbar-default .navbar-nav > .active > a:hover,.lanbanbody .navbar-default .navbar-nav > .active > a:focus, .lanbanbody .navbar-default .navbar-nav > .open > a,.lanbanbody .navbar-default .navbar-nav > .open > a:hover,.lanbanbody .navbar-default .navbar-nav > .open > a:focus{color:#2ebaef;}
.lanbanbody .hotline{color:#2ebaef;}
.lanbanbody .language a{background:#2ebaef;}
.lanbanbody .search_btn,.lanbanbody .search_btn1{background-image:url(lanso_03.png);}
.lanbanbody .distribution::before{background:#2ebaef;}
.lanbanbody .distribution a.d_dif1{color:#2ebaef;}
.lanbanbody .float{background:#2ebaef;}
.lanbanbody .handle li a:hover{background:#2ebaef;border:1px #2ebaef solid;}
.lanbanbody header .navbar-header{background-image:url(lanlogo_01.png);}
.lanbanbody .footer_links a{border:1px #2ebaef solid;}
.lanbanbody .footer_links a:hover{background:#2ebaef;}
/***  lanbanbody  ***/

/***  wztou_1 ***/
.wztou_1bt{font-size:22px;color:#4d4d4d;float:left;}
.sxybox{float:right;padding-top:20px;}
.wztou_1{border-bottom:1px #ddd solid;padding-bottom:10px;margin-bottom:10px;}
.sxybox span{font-size:12px;color:#000;display:inline-block;}
.sxybox span:hover{color:#2f2c2c;}
.wztou_2a{font-size:14px;float:right;color:#2f2c2c;}
.wztou_2a:hover{text-decoration:underline;}
.wzny{padding-top:20px;}
.fgxspan{padding-left:10px;padding-right:10px;}

/**  wztou_1  END **/
.hyztM1,.hyztM2,.hyztM22,.hyztM4,.hyztM5,.hyztM6,.hyztM7,.gjztyM1,.jzysM4,.gjzty_ghbt{ padding: 60px 0; overflow: hidden;}
.hyztM4{padding-bottom:0px;}
.hyztM6{ padding-top: 0;}
.jzysM4{ padding-bottom: 0;}

.end_handle{ overflow: hidden; text-align: center;}
.end_handle a.page_guide{ display: inline-block; vertical-align: middle; border: 1px solid #bfbfbf; text-align: center; font-size: 12px; width: 80px; height: 30px; line-height: 28px; margin-right: 10px;}
.end_handle a.more{ display: inline-block; vertical-align: middle; }

.case_overview{ font-size: 14px; line-height: 1.7; max-height: 90%; bottom: 5%; padding: 0 30px; overflow-y: auto;}
#advance_scr .owl-item{ float: none; display: inline-block; vertical-align: bottom;}
#advance_scr2 .owl-item{ float: none; display: inline-block; vertical-align: bottom;}
#advance_scr2 .hyztM4nr_1h1,#advance_scr2 .hyztM4nr_1p1{ background: #df0011;}

.hy_more{ margin-left: auto; margin-right: auto;}
#cnzz_stat_icon_1260852484{ display: inline-block;}

*:before,*:after,
.handle li a img,
.dropdown-menu,
.do_ico,.do_ico span,
.links,
.works_tit,.works_tit em,.works_area,.works_dis,
.city_box,
.customers_list li img,
.load_more,.load_more2,.load_more2 i,
.contact_txt,.contact_submit,.h_sel,.contact_yu,
.footer_links a img,.nav_sub,
.news_area,
img.works_ico,
.contact_item,.contact_handle{transition:all 0.4s ease;-webkit-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;-ms-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;}

@media (min-width: 768px){
    header .navbar-nav{ float: right;}
    header .header_r{ padding-left: 8%;}
    header .navbar-nav>li>a.dropdown-toggle{ padding-top:20px; padding-bottom: 20px; }
    header .navbar-header{ width: 32%;}
    header .navbar-collapse.collapse{ width:68%;}
    /*layout_info*/
    .layout_info li p{ display: inline-block; vertical-align: middle;}
}
@media (min-width: 992px) and (max-width: 1439px){
    .r_top,.hotline{ display: inline-block; vertical-align: middle; margin-left: 20px;}
    header .navbar-nav>li>a.dropdown-toggle{ padding: 5px 12px;}
    header .navbar-brand{ padding-right: 40px;}
    
    .customers_overview{margin-top:0px;}
}
@media (min-width: 1440px){
    .container { width: 1360px; }
    .contact_tit{ font-size: 48px;}
    .lines li{ font-size: 24px;}
    
}

@media only screen and (width:1440px ) {
	.customers_overview{margin-top:0px;}
}
@media (min-width: 1600px){
    .container { width: 1470px; }
    .do_ico{ width: 140px; height: 140px;}
    .do_ico span{ width: 70px; height: 70px; margin:35px;}
    .business_show,.business_show img.show_img{ width: 210px; height: 210px;}
    .index_con .business_show,.index_con .business_show img.show_img{ width: 230px; height: 230px;}

    .news_img{ width:320px; height: 212px;}
}

@media (min-width: 1680px){
    .sub_works .container { width: 1560px; }
}

@media (max-width: 1199px){
    /*focus_top*/
    .handle{ left:auto; right:0; margin: 0 50px 0 0;}
    /*team*/
    .team li a{ width: 16.66%;}
    .team li a.team_tit{ width: 33.32%;}

    .trends_rec li.trends_dif{ padding-left: 0; width: 100%;}
}

@media (max-width: 991px){
    .r_top,.hotline{ display: inline-block; vertical-align: middle; margin-left: 20px;}
    header .navbar-nav>li>a.dropdown-toggle{ padding: 5px 5px;}
    header .navbar-brand{ height: 60px; padding-right: 30px;}
    header .navbar-brand img{ width: 172px; margin-top: 10px;}
    header .navbar-header{ width: 28%;}
    header .navbar-collapse.collapse{ width:72%;}
    /*focus_top*/
    .focus_top{ padding: 20px;}
    .focus_bot{ margin: 0 0 30px 20px;}
    .handle{ bottom: 0; margin: 0 20px 50px 0;}
    .lines{ padding: 20px 0;}
    .contact_form{ margin-top: 40px;}
    .layout{ padding-bottom: 80px;}
    /*honor*/
    .honor_other li,.honor_other li:nth-child(2n){ width: 50%; padding: 0 3%;}
    
     .customers_overview{ position: inherit; width: 100%; margin-top:0; margin-bottom: 20px;}

}

@media (max-width: 767px) {
    .navbar-toggle{ margin-right: 0;}
    header .navbar-nav>li>a.dropdown-toggle{ padding: 8px 15px; border-bottom: 1px solid #eee;}
    header .navbar-header{ width: auto; max-width: 200px; position: inherit; position: initial;}
    header .navbar-brand{ height: auto; padding-top:5px; padding-bottom: 5px;}
    header .navbar-brand img{ width:152px; margin: 0;}
    header .navbar-toggle{ padding: 8px; position: absolute; top:6px; right: 15px; margin: 0;}
    header .navbar-collapse.collapse{ position: absolute; width: 100%; max-height: none;  overflow: hidden; background: #fff; border-bottom: 1px solid #2f2c2c;}
    .focus_top .navbar-collapse.collapse{ max-height: none; overflow: hidden;}
    .header_r{ float: none;}
    .r_top, .hotline{ display: block; margin: 0;}
   header .navbar-nav>li>.dropdown-menu{ text-align: left; display: none;}
    header .navbar-nav>li>a.dropdown-toggle:hover{ border-color: #fff;}
     /*header .navbar-default .navbar-nav>.active>.dropdown-menu,.navbar-default .navbar-nav>.open>.dropdown-menu{ top:100%; height: 0px;  filter: Alpha(Opacity=0); opacity:0; }*/
    /*footer*/
    footer{ padding: 20px 15px;}
    .footer_l,.footer_r,.footer_inner{ width: 100%; padding: 0; border: none; font-size: 12px;}
    .footer_links{ margin-top: 20px;}
    .footer_links a{ width: 40px; height: 40px;}
    .footer_links a img{ width: 22px; height: 22px; margin: 9px;}
    .footer_l,.footer_nav,.other_links,.friend_links{ display: none;}
    .float{ display: none;}

     main{ padding-top: 44px;}
    .banner .distribution{ display: none;}
    /*focus_top*/
    .handle{ display: none;}
    /*index_sec*/
    .index_sec{ padding: 30px 0;}
    .sec_tit{ font-size: 24px; margin-bottom: 30px;}
    .sec_tit em{ font-size: 18px;}
    /*do*/
    .do_tit{ font-size: 24px; padding-bottom: 20px; margin-bottom: 30px;}
    .do_tit img{ max-width: 50%; margin-bottom: 10px;}
    /*works*/
    .works_tit{ font-size: 14px;}
    .works_tit em{ font-size: 12px;}
    .works_tab a.tab_style1,.works_tab a.tab_style2,.works_tab a.tab_style3,.works_tab a.tab_style4,.works_tab a.tab_style5{ font-size: 63%;}
    /*layout*/
    .txt_top, .layout_info{ width: 100%;}
    .layout_tit{ font-size: 18px;}
    /*trends*/
    .trends_date{ float: none; font-size: 40px; padding-bottom: 10px; margin-bottom: 10px;}
    .trends_date:before{ width: 100%; max-width: 120px; height: 1px; top:auto; right: auto; bottom: 0; left:0;}
    .trends_date b{ line-height: normal;}
    .trends_date em{ font-size: 14px;}
    .trends_date em i{ font-size: 18px; width: 36px; height: 36px; line-height: 36px;}
    .trends_info{ padding: 0;}
    /*contact*/
    .contact_box{ width: 100%;}
    .contact_tit{ font-size: 24px;}
    .contact_l{ float: none; overflow: hidden;}
    .lines li{ font-size: 16px;}
    .contact_links a{ width: 33px;}
    .input_box{ width: 100%; padding: 0; margin-bottom: 10px;}
    .contact_line{ margin-bottom: 0;}
    /*customers*/
    .customers_list li{ width: 33.33%;}
    .customers_list li:nth-of-type(6):before,.customers_list li:nth-of-type(11):before{ display: block;}
    .customers_list li:nth-of-type(1):before,.customers_list li:nth-of-type(4):before,.customers_list li:nth-of-type(7):before,             .customers_list li:nth-of-type(10):before,.customers_list li:nth-of-type(13):before{ display: none;}
    /*news_end*/
    .end_l{ padding: 0;}
    .end_l img{ margin: 0 auto 30px;}
    /*customers_box*/
    .customers_box a{width:16.66%;}
   
    .info_p3_pc{ display: none; margin-top: 0;}
    .info_p3_phone{ display: block;}
    /*contact_list*/
    .contact_list li{ min-height: inherit; margin-bottom: 30px; padding-left: 15px;}
    .contact_top{ margin-left: 0;}
    /*team*/
    .team li a.team_tit{ font-size: 24px;}
    .tit_area span em{ font-size: 18px;}
    /*works*/
    .works_item{ float: none; margin-right: 0; margin-bottom: 10px;}

    .shared img{ width: 20px;}
    .news_img{ width: 130px; height: 86px; margin-right: 15px;}
    .news_list li a{ padding-left: 40px;}
    .news_info,.news_more{ font-size: 12px;}
    .news_tit{ font-size: 14px; line-height: 22px; height: 22px;}
    .news_des{ max-height: 40px; margin: 10px 0;}

    .allxL{ float: none; margin-bottom: 30px;}
    .allxR li{ width: 33.33%;}

    .jdalM3_2{ padding: 8px;}
    .jdalM3_2BOX{ margin-left: -8px; margin-right: -8px;}

    .jdalM3_1img{ width: 100%; float: none;}
    .jdalM3_1imgp1{ position: inherit; width: 100%; padding: 15px; font-size: 16px;}
    .jdalM3h2{ font-size: 16px;}
    .wztou_2a{ float: none; margin-top: 10px;}

    .focus_pc{ display: none;}
    .focus_phone{ display: block;}
    .customers,.trends,.txt_top,.contact_form{ display: none;}
    .works_area{ padding: 5px;}
    .contact{ background-attachment: inherit;}

    .works_des{ font-size: 16px;}
    .works_item em,.column_tit em{ font-size: 24px;}

    .works_sort dl dt{ float: none;}
    .works_sort dl dd{ width: 100%;}
    .works_sort dl dd a{ width: 22%; overflow: hidden;}
    .works_sort dl a{ font-size: 12px;}

}

@media (max-width: 479px) {
    .honor_other li,.honor_other li:nth-child(2n){ width: 100%;}
    .honor_other:after{ display: none;}
    /*customers_box*/
    .customers_box a{width:25%;}
    /*team*/
    .team li a{ width: 20%;}
    .team li a.team_tit{ width: 40%; font-size: 16px;}
    .tit_area span em{ font-size: 12px;}

    .allxR li{ width: 50%;}
}

@media (max-width: 359px) {
    .works_area{ width:100%;}
    .jdalM3_2{ width: 50%;}
}

/*图片划过样式*/
.aa{
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 600ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 600ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 600ms;
	width: 100%;
}
.aa{
	-webkit-transform: scale(1.11, 1.11);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 600ms;
	-moz-transform: scale(1.11, 1.11);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 600ms;
	transform: scale(1.11, 1.11);
	transition-timing-function: ease-out;
	transition-duration: 600ms;
	position: relative;
	z-index: 3;
}
aa{
	display: block;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
    width: 100%;
    transition:all 0.8s ease;-webkit-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;-ms-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;
}
.aa {
	opacity: 1.0;
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0);
}
.dis {
	display:none;
}
.show{ display: block;}
.bg_no {
	background:none;
}
.col_red{ color: #2f2c2c;}

.jiathis_style_24x24 .jtico_tsina {
    opacity: 0;
}
/*==================error==================*/
.error{ background: #f0f0f2; padding: 200px 0 160px;}
.error_tip{ width:517px; padding:70px 50px 70px; background:#fff url("jia_01.gif") center top no-repeat; margin:0 auto; position:relative;}
.error_tip:before{
    position: absolute;
    bottom: -55px;
    left: 0;
    z-index: 0;
    content: "";
    width: 100%;
    height: 55px;
    background: url("jia_02.gif") no-repeat;
}
.error_tit{ font-weight: normal; color:#000; font-size:24px; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.error_tit em{ font-size:60px; font-family:Arial, Helvetica, sans-serif; margin-right:20px;}
.maybe{ width:255px; padding:0 10px; float:left; color:#999; line-height:32px;}
.error_item{ font-size:20px; color:#000;}
.try{ float:left; padding:0 10px; line-height:32px; margin-top: 64px;}
a.try_back{ color:#de0010; background: url("jia_03.gif") left center no-repeat; padding-left:14px; margin-left:-14px;}
a.try_back:hover{ text-decoration:underline;}