* {margin: 0;padding: 0; box-sizing: border-box;}
body {font-family: "Microsoft YaHei"; font-size: 14px; overflow-x: hidden; color: #333;}
.placeholder {
	color: #aaa;
}
ul,ol,li {list-style: outside none none; margin:0;}
.clear{ clear:both}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,b{margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}

a{text-decoration: none;!important;color: #333;}
a:hover{text-decoration:none;!important; color: #e60012}
img{ border: none; }
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}
.wrap {
	width: 1240px;
	margin-right: auto;
	margin-left: auto;
}
/* 头部样式 */
header{
  width: 100%;
    position: fixed;
    z-index: 9;
	border-bottom:1px solid rgba(255,255,255,0.2);
	background-color:#fff;
}
.logo{
  display: block;
  padding:20px 0;
}
.t-ri{
	padding-top:35px;
}
.t-bq{
  color: #cecece;
  padding:12px 0;
  text-align: right;
}
.t-bq a{
  color: #cecece;
  padding-left: 20px;
  padding-right: 10px;
  line-height: 15px;
  margin-left: 10px;
}
.t-bq a:nth-child(1){
  background: url(../images/icon01.jpg) no-repeat left center;
}
.t-bq a:nth-child(2){
  background: url(../images/icon02.jpg) no-repeat left center;
}
.t-bq a:nth-child(3){
  background: url(../images/yzj.png) no-repeat left center;
}
.t-bq a:hover{
  color: #e60012;
}
nav ul:after{
  content: "";
  clear: both;
  display: block;
}
nav ul li{
  float: left;
  font-size: 18px;

  position: relative;
}
nav ul li a{
  padding:0 30px;
  display: block;
  height: 43px;
  color:#333;
    line-height: 43px;
}
nav ul li a:hover{
  color: #333;
    cursor: pointer;
}
nav ul li:last-child{
  margin-right:0;
}

/*xs菜单样式开始*/
.xs-top{
	display: none;
}

.mobile-inner-nav a{
      -webkit-animation-duration: 0.8s;
      animation-duration: 0.8s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: bounceInRight;
      animation-name: bounceInRight;
    }
       
.mobile{
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  background: #fff;
}
.mobile-inner{
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner img{
  width: 100%;
  margin-bottom: 30px;
}
.mobile-inner p{
  color: #333;
  line-height: 50px;
  font-size: 16px;
  padding-left: 15px;
  padding-right:10px;
  margin:0px;
  float:left;
  position:relative;
}
.mobile-inner-header{
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
}
.mobile-inner{
  
}
.mobile-inner-header-icon{
  color: #333;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 30px;
  height: 2px;
  background-color: rgba(0,0,0,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  
.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }

.mobile-inner-nav{
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
}
.mobile-inner-nav a{
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
  width: 85%;
  margin-left: 5%;
  color: #FFFFFF;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}
.xs-logo{ width:80%; padding-top:5px;}

footer{
  width: 100%;
  background:url("../images/foot_bg.jpg") no-repeat;
  padding-top: 20px;
  color: #fff;
}
.f-cd dl{
  float: left;
  position: relative;
  padding:0 40px;
}
.f-cd dl:nth-child(7){float: right;}
.f-cd dl dt{
  font-size: 18px;
  padding-bottom: 16px;
}
.f-cd dl dt img{	
    display: block;
    margin: 0 auto;
}
.f-cd dl dt span{
	font-size:14px;
	text-align:center;
	display:block;
	margin-top:15px;
}
.f-cd dl dd a{
  display: block;
  color: #fff;
  opacity: 0.5;
  padding-bottom: 15px;
}
.f-cd dl dd a:hover{
  opacity: 1;
}

.f-cd:after{
  content: "";
  clear: both;
  display: block;
}
.f-cd dl:after{
  content: "";
  position: absolute;
  right:0;
  top:0;
  width: 1px;
  height: 258px;
}
.f-cd dl:last-child:after{
  display: none
}
.f-cd dl:last-child dd{
  display: block;
  color: #fff;
  opacity: 0.5;
  line-height: 1.8
}
.banquan{
  background: #234d97;
  line-height: 44px;
  height: 44px;
}
.banquan p{
	text-align:center;
  opacity: 0.5;
}

.s-page{width:100%; padding-top:34px; padding-bottom:30px;}
.p1Page2{ margin:0 auto; height:44px; font-family:"微软雅黑"; font-size:14px; color:#535353; padding-top: 50px;}
.page{line-height:30px;text-align:center; }
.page a{margin:0 3px;display:inline-block;padding:0 15px 0 15px;color:#777777; border:1px solid #cfcfcf; }
.page a:hover{background:#e60012; color: #fff; }
.page span.on{background:#e60012;border-color:#f7f7f7;  padding:6px 15px; color: #fff; }
.page a.on:hover{background:#e60012; }
.page a.on1{background:#ffffff;border:1px solid #f3f3f3;color:#535353;  padding:0 15px 0 15px;}
.page a.page_turn:hover{background:#135dbe;border-color:#3BA2E3;color:#FFF;box-shadow:1px 1px 3px #CCC;}
.page a[disabled]{  color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}


.tttt{ 
  width:150%; 
  background: rgba(27, 27, 27, 0.3);
    position: absolute; 
    top:43px; 
    display:none;
    transition-duration:.5s;
    left: 0;
    z-index: 9999;
}
nav ul .tttt li{ 
  float:none; 
  padding:0;
  transition-duration:.5s; 
  margin:0;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tttt li a{ 
  color:#fff; 
  font-size: 16px;
  height: auto;
  line-height: 30px;
  padding-left: 0;
  transition-duration: .5s;
  padding:6px 0;
  font-weight:bold;
}
.tttt li a:hover{ color:#00a5bc; padding-left:5px;}

.jj-tt li a{ line-height:20px;}





/*手机菜单结束*/

@media only screen and (min-width: 1500px)
{
  .wrap{ width:1400px; }
  nav ul li{

}
.f-cd dl{
  padding:0 118px;
}
}

@media only screen and (max-width: 1240px) {
    .wrap{ width:940px; }
.f-cd dl {
    padding: 0 20px;
}

   
}
@media only screen and (max-width: 992px) {
     .wrap{ padding-left:2%; padding-right:2%; width:auto; }
	 .xs-top{ display:block;}
    .xs-logo{ width:41%;}
	.index-main{padding-top:0 !important;}
    footer{ background-size: cover; }
    .f-cd dl{ margin-bottom: 10px; padding:0 5px; }
    .f-cd dl dt{ padding-bottom: 15px; font-size: 16px; }
    .f-cd dl:after{ display: none; }
    .f-cd dl dd a{ padding-bottom: 5px; }
    .f-cd dl:last-child dd{ float: right; padding-left: 10px; }
    .f-cd dl:last-child dt{ float: left; }
    .banquan{ line-height: 24px; padding:5px 0; height: 50px; }
    .banquan a{ display: none; }
	header{ display:none;}
}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
	  .f-cd dl{ min-height:170px;}
	  .f-cd dl:nth-child(4){ padding:0 30px;}
    .p1Page2{padding-top: 0px;}
}

@media (max-width: 479px) {
.page a{padding:0 10px 0 10px;}
 .p1Page2{padding-top: 0px;}
}




.tab .nav-tabs { border-bottom: none; position: relative;margin:0 auto;display: table;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border:0 !important;}
.nav-tabs li.active span{
	color:#e60012;
	font-weight:bold;
}
.tab .nav-tabs li { margin-right: 40px; z-index: 1; }
.tab .nav-tabs li:last-child:after { border: none; }
.tab .tab-content { padding: 40px 0;overflow:hidden; }
.pr_con{
	padding:25px 20px;
	border:1px solid #f2f2f2;
	border-top:0;
}
.tab .tab-content .pr_con h3 { font-size: 16px; margin-top: 0;color:#707070; }
.tab .tab-content .pr_con p{font-size:14px;color:#777;line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.tab-pane img{width:100%;transition-duration: .5s;}
.pr_li img{display:block;margin:0 auto 10px auto;}
.pr_li span{font-size:14px;color:#707070;text-align:center;}
@media only screen and (max-width: 767px) {
.tab .nav-tabs li { margin: 0 25px 0 0; }
}

@media only screen and (max-width: 479px) {
.tab .nav-tabs li { width: 33%; text-align: center; margin: 0 0 10px 0; }
}
.tab .nav-tabs li:nth-child(6){
	
    margin-right: 0;
}

/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
.in-ab-le dt span{ display:none;}

}


.Bottomerkg {
  height: 59px;
  display: none;
}
.Bottomer {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #00a5bc;
  z-index: 999999;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.BottomList ul{
	margin-bottom:0;
}
.Bottomer .BottomList li {
  width: 25%;
  float: left;
  display: inline-block;
  text-align: center;
  position: relative;
  padding-bottom:5px;
}
.Bottomer .BottomList li img {
  vertical-align: middle;
  height: 20px;
}
.Bottomer .BottomList li span {
  font-size: 14px;
  color: #fff;
  display: block;
  margin-top: 5px;
}
.Bottomer .BottomList li p {
  font-size: 14px;
  color: #D5A334;
  margin: 0;
  position: absolute;
  right: 20px;
  top: 10px;
}
.BottomList ul li a{
	height:auto;
}

@media only screen and (max-width: 850px){
.Bottomerkg, .Bottomer {
    display: block;
}
.tab .tab-content{
	padding:0;
}
.tab-pane li{
	margin-bottom:20px;
}
footer{display:none;}

}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:105px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;margin-top:0;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

select{
	background: transparent; border:none; outline: none;
}
.ding{
	margin-top:30px;
	margin-left:20px;
}
.ding img{
	margin-top:4px;
}
.ding span{
	padding-left:10px;
	font-size:14px;
	color:#333;
}


.city_swich span{font-size:16px;color:#333;padding-left:15px;}

.city_now {color:#333;font-size:16px;font-weight:500;}

.ding img{float:left;margin-right:10px;}

.city_box {text-align:center;}

.city_box span {vertical-align:bottom;}

.city_nav {text-align:center;color:#333;cursor:pointer;overflow:hidden;}

.city_hover {color:#e60012;overflow:hidden;}

.city_link {background:#FFFFFF;border:#e60012 4px solid;width:305px;display:none;z-index:9999;}

.city_hovers {display:block;position:absolute;top: 65px;}

.city_links {width:55px;margin-right:1px;height:30px;line-height:30px;font-size:13px;text-align:center;background:#f6f6f6;vertical-align:top;margin-bottom:5px;display:inline-block;}

.city_show {background:#ccc;overflow: hidden;padding:5px;cursor:pointer;}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:0;}
.suspension .d-qrcode{top:35px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}