*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,
*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.trans{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
hr{border: none;outline: none;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
img{max-width: 100%;} 
.wp{width: 100%;max-width: 1170px;margin: 0 auto;}
a{color: #333;}
a:hover{color: #e4392a;}
#bd{padding-top: 90px;}
#hd{height: 90px;background: #fff;box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);position: fixed;width: 100%;left: 0;top: 0;z-index:9999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.fixed{top: -101px !important;}
#hd .logo{float: left; margin:6px 32px 0 0;}
#hd .logo a{display: block;height: 100%;line-height: 90px;}
#hd .logo a img{display: inline-block;vertical-align: middle;}
#nav{float:left;}
#nav ul li{float: left;line-height: 90px;margin-right: 10px;}
#nav ul li a{display: inline-block;text-align: center;font-size: 16px;border-bottom: 3px solid #fff;height: 90px;padding:0 12px;}
#nav ul li a:hover,#nav ul li a.on{color:#225aa6;border-bottom:3px solid #fff;}
#hd .tel{background: url(../images/tel_bg.png) left center no-repeat;line-height: 90px;float: right;padding-left: 37px;color: #ee9b00;font-size: 18px;}

#m-hd{display: none;}
#m-hd{height: 50px;line-height: 50px;background-color: #fff;padding: 0;position: fixed;width: 100%;z-index: 999999;}
#m-hd img{height: 40px;padding: 10px 0 0 10px;}
.m-trigger{position: absolute;top: 0;right: 10px;width: 50px;color: #fff;text-align: center;font-size: 30px;line-height: 45px;cursor: pointer;background: url(../images/menu_add.png) center center no-repeat;-webkit-background-size: 50px;background-size: 25px;height: 50px;}
.m-nav{z-index: 60;position: absolute;top: 50px;width: 100%;left: 0;background: url(../images/alpha_black_70.png) repeat;text-align: center;display: none;}
.m-nav li{border-bottom: 1px solid #565656;}
.m-nav a{display: block;font-size: 12px;height: 40px;line-height: 40px;text-align:center;color: #fff;font-size: 14px;}
.m-nav a:hover,.m-nav a:active{color: #ee9b00;}
.m-sub{text-align: left;display: none;width:100%;}
.m-sub a{border-bottom: none;font-size: 13px;}

.slider-bg{ padding:0;background-size: cover;-webkit-background-size: cover;-o- background-size: cover;-moz- background-size: cover;min-height:480px;}
.banner{ height:480px;position:relative;overflow:hidden; margin:0 auto;}
.DB_bgSet{position:relative;left:50%;margin-left:-960px;}
.DB_bgSet li{position:absolute;width:100%;height:480px;display:none}
.DB_imgSet{position:absolute;width:1140px;left:50%;margin-left:-570px;}
.DB_menuWrap{position:absolute;width:1140px;left:50%;margin-left:-593px;}
.DB_menuSet{position:absolute;width:100%;top:450px;text-align:center;font-size:0}
.DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_prev,.DB_next{width:40px;height:40px;}
.DB_prev a,.DB_next a{display:block;height:40px;width:40px;transition:opacity 2s ease 0s,filter 2s ease 0s;filter:alpha(opacity=40);opacity: 0.4;}
.DB_prev a{background:url(../images/a_dec.png) 0 0 no-repeat;}
.DB_prev a:hover{background:url(../images/a_dec.png) -40px 0 no-repeat;filter:alpha(opacity=100);opacity: 1;}
.DB_next a{background:url(../images/a_dec.png) -40px -40px no-repeat;}
.DB_next a:hover{background:url(../images/a_dec.png) 0 -40px no-repeat;filter:alpha(opacity=100);opacity: 1;}
.DB_prev{position:absolute;left:5%;top:165px;cursor:pointer;}
.DB_next{position:absolute;right:5%;top:165px;cursor:pointer;}

.banner{ height:480px;position:relative;overflow:hidden; margin:0 auto;}
.banner_box{}
.banner_box ul {position:relative;left:50%;margin-left:-960px;}
.banner_box ul li{position:absolute;width:100%;height:480px;display:none}
.white{width:81px;height:14px;position:absolute;left:50%;margin-left:-40px;bottom:16px}
.white span{float:left;width:14px;height:14px;background:url(../images/banner_bg2.png);margin-right:13px}
.white span.on{background:url(../images/banner_bg1.png)}
.white span:hover{background:url(../images/banner_bg1.png)}
.bottom{width:100%;background:#393939;margin-top:130px; padding-bottom:18px;}
.bottom_{width:1200px;margin:0 auto;padding:10px 0;}
.bottom_l{width:313px;float:left;}
.bottom_l ul{float:left;margin-left:8px}
.bottom_l ul li{text-align:right;font-size:16px;color:#FFF;line-height:23px;margin-bottom:8px}
.bottom_l ul li img{float:left;margin-right:8px}
.bottom_l ul li.phone{font-size:24px;margin-bottom:15px}
.bottom_l img{margin-top:13px;}
.bottom_r{width:550px;float:left}
.bottom_r ul{width:270px;height:20px}
.bottom_r ul li{float:left;margin-right:12px;font-size:18px;color:#FFF;line-height:20px;}
.bottom_r p{line-height:25px;color:#fff;}
.fnav{margin:25px 0 10px 0;}
.fnav a{font-size:14px;color:#fff;margin-right:20px;}
.bottom_s{float:right;width:305px;}
.bottom_s form{width:300px;height:30px;margin:37px 0 0;background:url(../images/bottom_search.jpg) no-repeat 0 center;position:relative;}
.bottom_s form input{width:230px;height:27px;margin-left:18px;font-size:14px;color:#999;line-height:30px;border:0;outline:none}
.bottom_s form input.s_btn{position:absolute;right:0;background:none;width:45px;cursor:pointer;}
.tit-i{text-align: center;padding: 50px 0;line-height: 36px;overflow: hidden;}
.tit-i h3{font-size: 30px;color: #3e3e3e;margin-bottom:5px;}
.tit-i h5{font-size: 22px;color: #989898;text-transform: uppercase;font-family: Arial;}
.tit-i em{width: 45px;border-bottom: 1px solid #7f7f90;display: inline-block;}
.we{ width:296px; height:64px; margin:60px auto 45px; border:1px solid #b6b5b5; line-height:64px; text-align:center; position:relative; color:#989898; font-size:14px}
.we b{ font-size:30px; color:#3e3e3e; font-weight:normal; position:absolute; left:85px; top:-22px; background:#FFF; height:40px; line-height:40px; padding:0 5px}
.we em{ font-size:22px; font-style:normal; position:absolute; top:43px; left:88px; background:#FFF; height:40px; line-height:40px; padding:0 5px}
.hasbg b,.hasbg em{ background:#084d8e; color:#fff;}

.about_l{width:600px;height:331px;float:left}
.about_l img{ border-radius:10px;}
.about_r{width:520px;height:331px;float:right; margin-left:45px;}
.about_r h1{ font-size:18px;font-weight:normal;color:#333333; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px; margin-right:40px;}
 
.about_r p{line-height:33px; color:#444;font-size:14px; margin-right:40px;}
.company_adva{width:100%;height:560px;background:#084d8e;margin-top:65px;}
.adva{border-bottom:double #06427a;padding:35px 0;}
.adva h3{color:#fff;}
.main3b_{width:100%;height:396px;margin:0 auto}
.main3b_ ul li{float:left;width:230px;margin:28px 31px}
.main3b_ ul li img{margin-left:50px}
.main3b_ ul li h1{text-align:center;color:#fff;font-family:"微软雅黑";font-weight:normal;line-height:65px;font-size:18px;}
.main3b_ ul li p{color:#cacace;line-height:22px;letter-spacing:1px;font-size:14px;}
.row2{ padding-top: 20px;}
.case-i-l,.case-i-r{width: 50%;}
.case-i-l{float: left;padding-right: 15px;}
.case-i-r{float: right;padding-left: 15px;}
.case-img,.case-img a img{width: 100%;}
.case-img{position: relative;overflow: hidden;}
.case-img .hover{position: absolute;left: 0;top: -434px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;width: 100%;height: 100%;text-align: center;background: url(../images/alpha_red_80.png) repeat;color: #fff;}
.case-img.on .hover{top: 0;}
.ul-case-i{margin: 0 -15px;}
.ul-case-i li{float: left;width: 296.2px;padding: 0 15px;margin-bottom: 30px;overflow: hidden;}
.ul-case-i li a{display: block;position: relative;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.ul-case-i li .pic img{display: block;width:267px;height:200px;}
.ul-case-i li a .hover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;text-align: center;background: url(../images/alpha_red_80.png) repeat;color: #fff;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.ul-case-i li .hover b,.ul-case-i li .hover .txt,.case-img .hover b,.case-img .hover .txt{display: inline-block;vertical-align: middle;}
.ul-case-i li .hover b,.case-img .hover b{width: 0;height: 100%;}
.ul-case-i li a:hover .hover{top: 0;}
.ul-case-i-1 li{width: 25%;}
.more-i{text-align: center;padding-bottom: 35px;}
.more-i a{display: inline-block;width: 65px;height: 65px;background: url(../images/arr2.png) center center no-repeat #000014;border-radius: 100%;}
.more-i a:hover{background-color: #e4392a;}
.news-bg{background: url(../images/bg_2.png) center top no-repeat;overflow: hidden;}
.tit-i-1 h3{color: #fff;}
.tit-i-1 em{border-bottom-color: #dddde1;}
.ul-news-i{ width: 100%;}
.ul-news-i li{float: left;width: 25%;color: #fff;position: relative;min-height: 235px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;overflow: hidden;}
.ul-news-i li .txt{padding-left: 25px;padding-right: 25px;}
.ul-news-i li .txt span{display: inline-block;border-radius: 5px;margin-bottom:15px;}
.ul-news-i li .txt span em{display: block;font-size: 14px;}
.ul-news-i li h3 a{color: #fff;display: inline-block;padding: 20px 0;margin-bottom:-10px;font-size:16px;}
.ul-news-i li p{color: #bbbbbe;line-height: 20px;}
.ul-news-i li .more{background: url(../images/more1.png) no-repeat;width: 36px;height: 36px;display: inline-block;margin-top: 30px;}
.ul-news-i li .hover .img{width: 100%;position: absolute;top: -165px;left: 7px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.ul-news-i li .hover .pad{padding: 0 27px 20px 27px;position: absolute;left: 7px;bottom: -148px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;background-color: #000022;width: 92%;}
.ul-news-i li .hover .img{height: 165px;width: 92%;}
.ul-news-i li.on .hover .img{top: 0;}
.ul-news-i li.on .hover .pad{bottom: 0;}
.news-more{text-align: center;padding-bottom: 50px;padding-top: 50px;}
.news-more a{display: inline-block;width: 178px;height: 48px;border: 1px solid #fff;border-radius: 5px;line-height: 48px;text-align: center;font-size: 18px;color: #fff;text-transform: uppercase;}
.news-more a:hover{background-color:#235aa6;}
.contact-l{width: 38%;float: left;}
.contact-r{width: 62%;float: right;}
.ul-contact li{background: url(../images/i_icon2.png) no-repeat;padding-left: 60px;font-size: 15px;margin-bottom: 20px;line-height: 35px;}
.ul-contact li.li1{background-position: 0 0;}
.ul-contact li.li2{background-position: 0 -74px;}
.ul-contact li.li3{background-position: 0 -265px;}
.contact-form .inp{width: 49%;border: 1px solid #ccc;height: 36px;padding: 0 10px;margin-bottom: 15px;}
.contact-form textarea{width: 100%;border: 1px solid #ccc;height: 98px;margin-bottom: 24px; text-indent:10px;}
.contact-form .sub{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;background-color: #999;border: 0;cursor: pointer;font-family:"Microsoft Yahei";font-size: 16px;}
.incontainer{margin-top:50px;}
.main1_l{width:240px;height:776px;background:#FFF;float:left}
.main1_l h1{width:240px;height:45px;line-height:45px;background:#074c8d;text-align:center}
.main1_l h1 p{color:#bedfff;text-decoration:underline;padding-top:20px;letter-spacing:2px;font-family:"Book Antiqua"}
.main1_l h1 span{color:#FFF; font-weight:normal;font-size:18px}
.main1_l ul{padding:15px;border:1px solid #c9c9c9;}
.main1_l ul li{border-bottom:1px dashed #ccc;}
.main1_l ul li a{display:block;background:url(../images/icon_r.png) no-repeat 0 center;line-height:40px;font-size:16px;}
.main1_l ul li .sub a{background:url(../images/us_bg.jpg) no-repeat 7px center;font-size:14px;text-indent:24px;line-height:34px;}
.main1_l ul li a span{margin-left:24px;}
.main2_r{width:900px;border:1px solid #c9c9c9;border-top:4px solid #074c8d;float:right;background:#FFF}
.news_m,.news_bottom{margin:0 20px;padding:30px 0;clear:both;font-size:14px;color:#454545;line-height:30px;}
.news_m h1{font-size:18px; text-align:center;color:#333}
.news_m h6{text-align:center;}
.news_m p{text-indent:2em;margin-bottom:15px;clear:both}
.news_m a{font-size:12px;color:#666}
.news_m img{margin-bottom:20px}
.news_m a:hover{color:#F00}
.proimg{text-align:center;margin-top:15px;}
.us_top{ border-bottom:1px solid #dfdfdf;margin:15px 20px 0;position:relative;}
.us_top h2{float:left;color:#333333;font-size:18px;border-bottom:3px solid #c9c9c9;font-weight:normal; padding-bottom:5px;}
.us_top b{float:right; font-size:14px;font-weight:normal;color:#777}
.us_top b a{color:#777}
.us_top b a:hover{color:#074c8d}
.us_top b span{color:#dc251f}
.us_bottom{width:848px;height:420px;margin:0 auto;padding-top:30px;clear:both;}
.us_bottom p.we{width:500px;float:left;}
.us_bottom img{float:right}
.us_bottom p{text-indent:2em;font-size:14px;margin-bottom:20px;color:#777;line-height:28px;letter-spacing:1px;clear:both}
.news_bottom ul li{width:100%;border-bottom:1px dashed #dedede;line-height:36px}
.news_bottom ul li a{line-height:30px;font-size:14px;color:#454545;}
.news_bottom ul li span{float:right;font-size:12px;color:#666;}
.news_bottom ul li:hover a,.news_bottom ul li:hover{color:#ee9b00;}
#ban-in{position: relative;background-position: center 0;background-repeat: no-repeat;height: 300px;}
#ban-in .ban-bg{background: url(../images/ban_bg.png) center top no-repeat;height: 54px;width: 100%;position: absolute;left: 0;bottom: -30px;z-index: 60;}
.pages{
	float:right;
	margin:15px 0 10px;
}
.pages a,.pages span {
	display:inline-block;
	padding:2px 8px; 
	margin: 0 5px;
}
.sub-nav{text-align: center;margin-bottom: 50px;margin-top: -18px;}
.sub-nav ul li{display: inline-block;margin: 0 18px;font-size: 16px;}
.sub-nav ul li a{display: inline-block; padding:7px 50px; border:1px solid #ddd; background:#235aa6; border-radius:5px; color:#fff;}
.sub-nav ul li a:hover,.sub-nav ul li.on a{background:#235aa6;color: #fff;}
.ul-case{margin: 0 -15px;}
.ul-case li{float: left;width: 300px;padding: 0 15px;margin-bottom: 30px;overflow: hidden;position: relative;}
.ul-case li .block{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.ul-case li .pic img{display: block;width: 100%; height:202px;}
.ul-case li .txt{position: absolute;left: 0;top: 0%;width: 100%;height: 100%;background: url(../images/alpha_red_80.png) repeat;text-align: center;color: #fff;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;opacity:0;}
.ul-case li .txt h5,.ul-case li .txt h3{color: #fff;}
.ul-case li .txt:hover{opacity:1;}
.ul-case li .txt b,.ul-case li .txt .pad{display: inline-block;vertical-align: middle;}
.ul-case li .txt b{width: 0;height: 100%;}
.ul-case li .txt h5{font-size: 16px;}
.ul-case li .txt em{width: 45px;height: 0;border-bottom: 1px solid #fff;display: inline-block;margin: 20px 0 40px 0;}
.ul-case li .txt h3{font-size: 18px;margin-bottom: 40px;}
.ul-case li .txt .more{width: 122px;display: inline-block;text-align: center;line-height: 35px; border:1px solid #fff; color: #fff;border-radius: 5px;font-size: 14px;}
.ul-case li .txt .more:hover{opacity: .8;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.ul-case li.on .txt{top: 0;}
.flexslider .animated{opacity: 0;filter: alpha(opacity=0);opacity: 100\9;filter: alpha(opacity=100)\9;}
.h50{height: 50px;overflow: hidden;clear:both;}
.tab-con .txt{width: 84%;}
.tab-con .pic{float: right;position: relative;width: 218px;text-align: center;margin-top: 50px;}
.tab-con .pic .img{width: 139px;z-index: -1;}
.tab-con-box{width: 59%;float: left;}
.tab-con .txt p{font-size: 14px;line-height: 24px;color: #666;padding-bottom: 45px;}
.ul-icon{overflow: hidden;}
.ul-icon li{width: 94px;height: 94px;border-radius: 100%;background-color: #e4e5e7;color: #666;text-align: center;float: left;font-size: 15px;line-height: 22px;padding: 0 17px;margin: 0 25px 30px 25px;}
.ul-icon li b,.ul-icon li span{display: inline-block;vertical-align: middle;}
.ul-icon li b{width: 0;height: 100%;}
.animate-box,
.animate-box .con{width: 1170px;}

.kefu{ position:fixed; top:20%; right:-2px; width:138px; height:276px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:99999;}
.kefu_tab{ width:160px;}
.icon_kefu{ width:26px; height:100px; float:left; background:url(../images/kefu.png) 0 0; position:relative; display:none; cursor:pointer;}
.kefu_box{ float:left; width:138px;height:276px; }
.kefu_tab img{ display:block; width:77px; margin:0 auto; padding-top:10px;}
.kefu_head{ width:138px; height:220px; background:url(../images/qqbg_01.gif); font-size:0; line-height:0; position:relative;}
.kefu_close:link,.kefu_close:visited{ display:block; width:33px; height:20px;  position:absolute; top:5px; right:5px;}
.kefu_con{  background:url(../images/qqbg_02.gif) no-repeat 0 0; width:138px;}
.kefu_con .weixin{ height:96px;}
.kefu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.kefu_bot{ width:138px; height:24px; background:url(../images/qqbg_03.gif); }


#mobile-ban{ display:none;}