@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;-moz-transition: all .3s;}
body{background: #fff;color: #323232;font-size: 14px;font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif;}
td,th,caption{font-size: 14px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
a{color: #323232;text-decoration: none;}
a:link{color: #323232;}
a:visited{color: #323232;}
a:hover,a:active,a:focus{text-decoration: none;}
img{border: none;vertical-align: top}
ol,ul,li{list-style: none;}
input,textarea,select,button{font: 14px "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;}
input{border: 0;outline: none;}
table{border-collapse: collapse;border-spacing: 0;}
dt,dd{font-weight: normal;}
p{word-wrap: break-word}
a{blr: expression(this.onFocus=this.blur());}
a:focus{outline: none;}
a.hidefocus{outline: none}
.clearfix{*zoom: 1;clear: both; zoom: 1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0px;}
*:focus{outline: none;}
button:focus {outline:none!important;;}

.fl{float: left;}
.fr{float: right;}
img{max-width: 100%;}
.picfocus{overflow: hidden;}
.picfocus img{width: 100%;-webkit-transition: 0.36s ease;-moz-transition: 0.36s ease;-o-transition: 0.36s ease;-ms-transition: 0.36s ease;}
.picfocus:hover img,
a:hover .picfocus img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
div{border: none}
.table{display: table;table-layout: fixed;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;z-index: 9999;}
body{transition: 0.5s ease all;}
input[type="text"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
@media (min-width: 1200px){
	.container{width: 1200px; padding: 0; }
}
@media (min-width: 1440px){
	.container{width: 1400px; padding: 0; }
}
@media (min-width: 1640px){
	.container{width: 1600px; padding: 0; }
}

.demo-flex,.text-flex {  display: flex !important; align-items: left;justify-content: center;flex-direction: column;}
.more_btn{text-align: center; width: 100%;}
.more_btn a{font-size: 16px; line-height: 20px; padding: 13px 45px; display: inline-block; color: #1F74E6; border: 2px solid #1F74E6;}
@media (max-width:1199px){
	.more_btn a{font-size: 14px; padding: 10px 30px;}
}

@media (max-width: 767px){
	.more_btn a{ font-size: 14px; line-height: 1; padding: 10px 25px; margin: 20px 0 0; font-weight: normal;}
}

/*tit*/
.tit-top{margin-bottom: 20px;overflow: hidden;}
.tit-top .more{float: right;width: auto;padding: 10px 0 0;}
.common_tit{position: relative;line-height: 1; color: #2E2E2E; text-align: center;}
/*
.common_tit::after{content: ""; position: absolute; left: 50%; bottom: 0; z-index: 1; margin: 0 0 0 -32px; width: 64px; height: 10px; display: block; background: linear-gradient(to right,#E20C0C,rgba(226,12,12,0.2));}
 */
.common_tit h2.tit{position: relative; font-size: 40px; font-weight: bold; line-height: 1.3; z-index: 2;}
.common_tit .tit_desc{font-size: 16px; line-height: 1; margin: 16px 0 0; color: #727272;}
.common_tit .tit_desc em{color: #EB284E; font-size: 30px; font-weight: bold; margin: 0 10px 0 6px;}
.common_tit .tit_desc em.num{font-size: 26px;}
.common_tit .more{float: right;margin: 52px 0 0;color: #666;}

@media (min-width: 1200px) and (max-width:1599px){
	.ft_nav dl dt a{font-size: 15px !important; }
	.ft_code {display: table !important;}
}

@media (min-width: 1600px){
	
}

@media (min-width:992px) and (max-width:1199px){
	.common_tit h2.tit{font-size: 32px;}
	.common_tit .tit_desc{font-size: 14px; line-height: 24px;}
}

@media (min-width:768px) and (max-width:991px){
	.common_tit h2.tit{font-size: 26px;}
	.common_tit .tit_desc{font-size: 14px; line-height: 24px; margin: 10px 0 0;}
}

@media (max-width:767px){
	.common_tit h2.tit{font-size: 20px;}
	.common_tit h2.tit span{margin: 10px 0 0 0 ; font-size: 16px; display: block; width: 100%; }
	.common_tit h2.tit span em{font-size: 12px; padding: 0 20px;}
	.common_tit .tit_desc{font-size: 14px; line-height: 24px; margin: 10px 0 0;}
	.common_tit .tit_desc em{font-size: 16px;margin: 0 3px;}
	.common_tit .tit_desc em.num{font-size: 16px;}
}

/*header*/
.header{ transition: all 0.36s ease; position: fixed; z-index: 999; width: 100%; left: 0px; top: 0px;}
.navbar{margin: 0; height: 90px; border: none; background: none; text-align: right; -webkit-transition: 0.36s ease all;transition: 0.36s ease all;}
.navbar-collapse{transition: all 0.3s;height: auto; /*background: #fff;*/}
.navbar-collapse.collapse{ vertical-align: top;}
.navbar>.container .logo_brand{float: left; font-size:21px; line-height: 30px; height: 90px; margin: 0 0 0 5px; padding: 20px 0; color:#fff }
.navbar>.container .logo_brand img{border-left: 1px solid #CCC; padding: 0 0 0 14px; height: 100%;}
.navbar>.container .navbar-brand{height: 90px; padding: 20px 0 ; margin: 0; -webkit-transition: 0.36s ease all;transition: 0.36s ease all;}
.navbar>.container .navbar-brand>img{height: 100%;}
.navbar-inverse .navbar-nav{box-sizing: border-box; -webkit-transition: 0.36s ease all;transition: 0.36s ease all;}
.navbar-inverse .navbar-nav>li>a{font-size: 16px; margin: 0 30px; padding:33px 0; line-height: 24px; color: #fff; /*color: #1E1E1E; */position: relative; }
.navbar .nav-tel .icon{display:none}
.navbar .nav-tel .icon2{display:block}
.navbar .nav-tel .icon3{display:block; margin-left:5px; }
.navbar .nav-tel .icon4{display:none; margin-left:5px;}
.navbar .nav-tel .icon4 img,.navbar .nav-tel .icon3 img{margin-top: 2px;}
.navbar .nav-tel .tel{margin-left:5px;color:#FFF}
.navbar .nav-tel{position: relative;    display: table;}
.navbar .search{position: absolute; z-index: 33; width:100%; line-height:45px; height:45px; border-radius: 50px;overflow: hidden; display:none;top: 105%;  box-shadow: 0px 2px 2px #666;   }
.navbar .search input#keywords{float: left; width:80%; box-sizing: border-box; padding: 10px 10px 10px 20px ; font-size:15px; color:#000; height:45px;}
.navbar .search input#search_submit{ float: left; background: #ddd; box-sizing: border-box; width:20%; background:#ccc; height:45px; }
.header .logo{display:block;}
.header .logo2{display:none;}

/*新增代码*/
.hovertop { box-shadow: 1px 2px 5px #999;transition: all 0.5s;}
.hovertop .navbar-inverse .navbar-nav>li>a,.hovertop .navbar-inverse .navbar-nav>.active>a,.hovertop .navbar>.container .logo_brand{color: #1E1E1E !important;}
.hovertop .navbar-inverse .navbar-nav>li>a:hover{color: #1E1E1E !important;}
.hovertop .navbar .nav-tel .icon{display:block}
.hovertop .navbar .nav-tel .icon2{display:none}
.hovertop .navbar .nav-tel .icon3{display:none; }
.hovertop .navbar .nav-tel .icon4{display:block;}
.hovertop .navbar .nav-tel .tel{color:#1F74E6}
.hovertop .logo{display:none;}
.hovertop .logo2{display:block;}
/*新增代码*/

.navbar-inverse .navbar-nav>.active>a{ color: #fff !important;}
.navbar-inverse .navbar-nav>li>a em{position: relative; z-index: 2;}
.navbar-inverse .navbar-nav>li>a::after{/*content: ""; position: absolute; left: 0; bottom: 36px;  width: 100%; height: 6px;  z-index: 1; background: transparent; display: block; */}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover{background: none;  color: #fff; /* color: #1F74E6; */ border-color: #fff; font-weight: bold;}
.navbar-inverse .navbar-nav>li.dropdown.open>a em {font-weight: bold !important;}
.navbar-inverse .navbar-nav>.active>a::after,
.navbar-inverse .navbar-nav>.active>a:focus::after,
.navbar-inverse .navbar-nav>.active>a:hover::after,
.navbar-inverse .navbar-nav>.open>a::after,
.navbar-inverse .navbar-nav>.open>a:focus::after,
.navbar-inverse .navbar-nav>.open>a:hover::after,
.navbar-inverse .navbar-nav>li>a:focus::after,
.navbar-inverse .navbar-nav>li>a:hover::after{ background: linear-gradient(to right,#E20C0C,rgba(226,12,12,0.2));}

.header .navbar-nav>li>.dropdown-menu{min-width: 100%; /*margin: 0 0 0 -23px;*/ background:#fff; padding: 0;border: none;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .175);box-shadow: 0 2px 4px rgba(0, 0, 0, .175);border-radius: 0;color: #fff;border-top: 4px solid #162056;}
.header .navbar-nav>li>.dropdown-menu>li{text-align: center;}
.header .navbar-nav>li>.dropdown-menu>li>a{display: inline-block;/*width: 170px;*/line-height: 20px; margin: 12px 0; padding: 0;text-align: center;background: #fff;}
.header .navbar-nav>li>.dropdown-menu>li>a em{border-bottom: 4px solid transparent;color: #162056;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.header .navbar-nav>li>.dropdown-menu>li>a span{/* min-width: 56px; */ display: inline-block; text-align: left;}
.header .navbar-nav>li>.dropdown-menu>li>a em .span1{/* min-width: 42px; */ text-align: right;}
.header .navbar-nav>li>.dropdown-menu>li>a em i{font-style: normal; font-weight: bold; margin: 0 3px;}
.header .navbar-nav>li>.dropdown-menu>li>a:focus em,
.header .navbar-nav>li>.dropdown-menu>li>a:hover em{color: #162056;border-color: #7fc2e4;}
.header .navbar-nav>li>.dropdown-menu{min-width: 100%; border: none;color: #fff;}
.header .navbar-nav>li>.dropdown-menu>li>a:focus,
.header .navbar-nav>li>.dropdown-menu>li>a:hover{background: #fff; color: #1F74E6;}

.nav-tel{float:right; width:220px; height:24px; line-height:24px;  padding: 33px 0; color: #1F74E6; text-align: left; margin-left: 20px;}
.nav-tel .icon{float: left; margin: 0 0px 0 0;}
.nav-tel .p1{font-size: 20px; line-height: 24px;}
.nav-tel .p2{font-size: 13px; line-height: 16px;}

@media (min-width:1200px) {
	.navbar{height: 75px;}
	.navbar-collapse.collapse{display: inline-block!important;}
	.navbar>.container .navbar-brand,
	.navbar>.container .logo_brand{ padding:25px 0;font-size:16px; line-height:24px; height: 75px;}
	.navbar-inverse .navbar-nav>li>a{ margin: 0 12px; font-size: 14px;  padding: 25.5px 0;}
	.nav-tel {padding: 25px 0;}
	.navbar > .container .navbar-brand{padding:15px 0;}
}
@media (min-width:1440px) {
	.navbar{height: 85px;}
	.navbar-collapse.collapse{display: inline-block!important;}
	.navbar>.container .navbar-brand,
	.navbar>.container .logo_brand{ padding:30px 0;font-size:18px; line-height:24px; height: 85px;}
	.navbar-inverse .navbar-nav>li>a{ margin: 0 12px; font-size: 16px;  padding: 30.5px 0;}
	.nav-tel {padding: 30.5px 0;}
	.navbar > .container .navbar-brand{padding:15px 0;}
}
@media (min-width: 1640px){
	.navbar{height: 100px;}
	.navbar>.container .navbar-brand,
	.navbar>.container .logo_brand{ height: 100px;padding: 15px 0;}
	.navbar>.container .logo_brand{ font-size:21px; line-height: 70px; }
	.navbar-inverse .navbar-nav>li>a,.nav-tel { padding: 38px 10px; font-size: 18px;}
	.header .navbar-nav>li>.dropdown-menu>li>a{font-size: 16px;}
}
@media (min-width:992px) and (max-width:1199px){
	.navbar{height: 70px;}
	.navbar-collapse.collapse{display: inline-block!important;}
	.navbar>.container .navbar-brand,
	.navbar>.container .logo_brand{ height: 70px; font-size:14px;}
	.navbar-inverse .navbar-nav>li>a{ font-size: 14px; margin: 0 12px; padding: 22px 0;}
	.navbar-inverse .navbar-nav>li>a::after{bottom: 26px;}
	.navbar-inverse .navbar-nav>li>a em{font-size: 14px;}
}

@media (min-width:768px) and (max-width:991px){
	.navbar{height: 70px;}
  	.navbar>.container .logo_brand {display: none;}
	.navbar-collapse.collapse{display: inline-block!important;}
	.navbar>.container .navbar-brand,
	.navbar>.container .logo_brand{ height: 70px; padding: 10px 0;}
	.navbar>.container .logo_brand img{padding: 0 0 0 10px;}
	.navbar-inverse .navbar-nav>li>a{ margin: 0 8px; padding: 22px 0;}
	.navbar-inverse .navbar-nav>li>a::after{bottom: 26px;}
	.navbar-inverse .navbar-nav>li>a em{font-size: 14px;}
}

@media (max-width:767px){
	.header{height: 50px;}
	.navbar{text-align: left;}
	.navbar>.container .navbar-brand{height: 50px; padding: 10px 0;}
	.logo_brand{display: none;}
	.header .logo{display:none;}
	.header .logo2{display:block;}

	.navbar-inverse .navbar-toggle .icon-bar{background: #1F74E6;}
	.navbar-inverse .navbar-toggle{border-color: #1F74E6;}
	.navbar-collapse.collapse{background: #fff;}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: #fff;}
	.navbar-inverse .navbar-nav>li>a{padding: 10px 0;font-size: 14px;display: flex;align-items: center;justify-content: space-between;  color: #000;}
	.navbar-inverse .navbar-nav>li>a::after{content: none;}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color: #333;}
	.header .navbar-nav>li>.dropdown-menu{margin:0; }
	.header .navbar-nav>li>.dropdown-menu>li{text-align:left;}
	.navbar-inverse .navbar-nav>li>a em{flex: 1; overflow: hidden;}
	.navbar-inverse .navbar-nav>li>a .caret{border:none;padding-left: 100px;height: 100%;}
	.navbar-inverse .navbar-nav>li>a .caret::after{content:'';display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{ width: 100%; text-align: left; padding: 0 40px;}
	.navbar{ background: #fff; height: 50px; position: fixed; right: 0;  left: 0; z-index: 1030; border-bottom: none;}
}

/*footer*/
.footer{position: relative; width: 100%; color: #878787; background: #2D3136; overflow: hidden; /* padding-bottom: 80px; */}
.footer .top{padding: 62px 0;}
.footer a{color: #878787;}
.footer a:hover{color: #fff;}
.footer .container{display: flex;}
.footer .ft_info{line-height: 24px;}
.footer .ft_info .ft_logo{margin-bottom: 5px; display: block;}
.footer .ft_info .tel{font-size: 24px; line-height: 1; margin: 15px 0 ; padding: 0 0 0 31px; color: #fff; background: url(../images/icon_tel.png) no-repeat center left;}
.footer .ft_info .add{background: url(../images/icon_add.png) no-repeat left 8px; padding-left: 16px;}
.footer .ft_info .email{background: url(../images/icon_email.png) no-repeat center left; padding-left: 16px;}
.ft_nav{flex: 1; display: flex; margin: 0 45px 0 70px; padding: 0 0 0 47px; border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1); overflow: hidden;}
.ft_nav dl{flex: 1; float: left; text-align: left;}
.ft_nav dl:first-child{width: 182px; flex: initial;}
.ft_nav dl dt{margin-bottom: 10px; }
.ft_nav dl dt a{font-size: 18px; line-height: 24px; color: #fff;}
.ft_nav dl dd{line-height: 30px;}
.ft_lx{margin: 14px 180px 0 0; line-height: 36px;}
.ft_lx img{vertical-align: top; margin: 10px 14px 0 0;}
.ft_code{ text-align: center; display: flex;}
.ft_code li{flex: 1; margin: 0 5px;}
.ft_code p{color: #fff;line-height: 24px;margin: 5px 0 0;}
.footer .copyright{font-size: 14px; color: #878787; background: #191B1E; line-height: 30px; padding: 15px 0; text-align: center;}
.footer .brand{ position: fixed; bottom: 0; left: 0; right: 0; height: 80px; z-index: 100; background: url(../images/footer_brand.jpg) no-repeat top center; display: flex; justify-content: center; align-items: center; background-size: cover;}
@media (min-width:1200px) {
	.footer .ft_info{width: 250px;}
	.ft_nav{margin: 0 30px; padding: 0 0 0 20px;}
	.ft_nav dl:first-child{width: 220px;}
	.ft_code li img{width: 100px;}
}
@media (min-width:992px) and (max-width:1199px){
	.footer .ft_info{width: 250px;}
	.ft_nav{margin: 0 35px; padding: 0 0 0 30px; display: block;}
	.ft_nav dl{width: 33.3%; height: 124px; margin-bottom: 15px;}
	.ft_nav dl:first-child{width: 33.3%;}
	.ft_code{display: block;}
	.ft_code li{margin-bottom: 15px;}
	.ft_code li:last-child{margin: 0;}
	.ft_code li img{width: 80px;}
}

@media (min-width:768px) and (max-width:991px){
	.footer .top {padding: 40px 0;}
	.footer .ft_info{flex: 1;}
	.ft_nav{display: none;}
	.ft_code{margin-left: 15px;}
	.ft_code li img{width: 100px;}
}

@media (max-width:767px){
	.footer .container{display: block;}
	.footer .top {padding: 30px 0;}
	.ft_nav{display: none;}
	.ft_code{margin: 15px 0 0;}
	.ft_code li img{width: 100px;}
}


/* 侧板导航*/
.Side_nav{position: fixed;right: 0px; top: 50%; width: 80px;z-index: 1000; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,- 50%); transform: translate(0,-50%);}
.Side_nav ul{padding: 0;margin: 0;}
.Side_nav li{position:relative; height: 80px;  margin-bottom: 4px; transition: all 0.3s; z-index:3;}
.Side_nav li a{ position: relative;width: 80px; height: 80px; text-align: center; font-size: 12px; line-height: 16px; background: #2D2D2D; color: #fff; display: block; z-index: 100; overflow: hidden;}
.Side_nav li .icon{width: 100%; height: 24px; margin: 16px 0 8px; display: block; background: url(../images/icon_side_tel.png) no-repeat center center;}
.Side_nav li a:before{content: "";width: 0; height: 80px; background: #1F74E6; position: absolute;top: 0;left: 0; transition: all 0.6s; z-index: -1;}
.Side_nav li:hover a:before{width: 80px;}
#gotop{display: none;}
.Side_nav .tips { position: absolute; right: -200px; margin-right: 20px; top: 10px; overflow: hidden; padding: 20px 25px;  font-size: 15px; transition: all 0.6s; letter-spacing: -0.015em;  white-space: nowrap;}
.Side_nav .wx{height: 80px; top: 0;}
.Side_nav .wx img{position: relative; z-index: 10;}
.Side_nav .tips::after { content: ''; display: block; position: absolute; right: 2px; top: 48%; height: 20px; width: 20px;  -webkit-transform: rotate(45deg) translateY(-50%);  transform: rotate(45deg) translateY(-50%);}
.Side_nav .tips ,
.Side_nav .tips::after { background: #1F74E6; color: #fff;}
.Side_nav li:hover .tips { display: block; right: 100%; overflow: initial; }
.Side_nav li:hover .wx {width: 120px; height: 120px; padding: 10px; overflow: initial; }
.Side_nav li .icon_tel{background-image: url(../images/icon_side_tel.png);}
.Side_nav li .icon_online{background-image: url(../images/icon_side_zx.png);}
.Side_nav li .icon_mesg{background-image: url(../images/icon_side_mesg.png);}
.Side_nav li .icon_wx{background-image: url(../images/icon_side_wx.png);}
.Side_nav li .icon_return{background-image: url(../images/icon_side_return.png);}
@media (max-width:1199px){
	.Side_nav{display: none;}
	
}