﻿body{font-size:12px; font-family:"Microsoft YaHei"; color:#555; background:url(body.png) repeat-x 0 0;}
ul,li{list-style-type:none; padding:0; margin:0;}
a{ color:#555;}
.hover_1,a:hover{ color:#09F; text-decoration:none;}
label{ font-weight:normal;}
p{font-size:12px; line-height:24px;letter-spacing:0px;}
address{ font-size:12px; line-height:24px; color:#555;}
address a:hover img{ border:none;}
address span.color{ color:#333;}
.font-family-en{ font-family:Arial;}
.first-line-indent{ text-indent:2em;}
.dashed-line{ border-bottom:1px dashed #DDD; margin:5px 0;}
.line-height{font-size:12px; line-height:24px;}
.img-wrap img{border:4px solid #eee;}
.img-wrap:hover img {opacity: 1; border:4px solid #7CBB00;}
.no-img-border img{border:none; vertical-align:middle;}
.no-img-border a:hover img {border:none;}
.font-size-14{ font-size:14px;}
.box-border{ border:1px solid #ddd;}
.box-margin{ margin:30px 0 0 0;}
.box-margin-top-2{margin-top:2px;}
.box-margin-top{margin-top:10px;}
.box-margin-top-20{margin-top:20px;}
.margin-right-10 a{margin-right:10px;}
.logo{ padding:10px 0px; }

.tel{ margin:0 15px; text-align:right; width:184px; height:21px; line-height:21px; background:url(tel.png) no-repeat; float:right; color:#E60002; font-size:18pt;}
.date{color:#666;}
.title{ font-size:14px; line-height:30px; color:#444; background:#c3ddff; font-weight:bold; padding:0 10px; border:1px solid #A4CDED; border-bottom:none;}
.title a,.title2 a{ font-size:12px;  margin:0 5px;}
.title2 a:last-child{ margin-right:10px;}
.title span{ font-weight:normal;}
.title2 {
    background:url(tabbg2_bg.png) repeat-x scroll 0% 0% transparent;
    height: 30px;
}
.title2 span.more {
    background:url(tabbg2_r.png) no-repeat scroll right center transparent;
    float: right;
    height: 30px;
    line-height: 30px;
}
.title2 span.titlename {
    background-image:url(tabbg2.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color: #FFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 26px;
    padding-bottom: 3px;
    padding-top: 1px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}
.title8 {
	margin-top:5px;
    margin-left:15px;
	
    height: 30px;
}
.title8 span.more {
    float: left;
    height: 30px;
	
    line-height: 30px;
}
.title8 span.titlename {
		position:relative;
 border-bottom:2px solid #006cb7;   
    color: #000;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 26px;
    padding-bottom: 3px;
    padding-top: 1px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}
.title18 {
	width:100%;
	border-top:2px solid #CCC;
	padding:10px 0;
	background:#0a83d8;
    height: 55px;
}
.title18 span.more {
    float: right;
    height: 30px;
	
    line-height: 30px;
}
.title18 span.titlename {
		position:relative;

    color: #FFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 26px;
    padding-bottom: 3px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 180px;
}

.title22 
{
    height: 30px;
}
.title22_more {
    float: right;
    width:100%;
    text-align:center;
    height: 30px;
    line-height: 30px;
}
.title22 span.titlename {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color: #000;
    cursor: pointer;
    display: block;
    float: left;
    width:100%;
    text-align: center;    
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 26px;
    padding-bottom: 3px;
    padding-top: 1px;
    text-decoration: none;
}


.divtitlename{ width:100%; float:left; margin-bottom:20px;  height:40px; border-bottom:2px solid #CCC;}
.divtitlename a{ padding:15px 10px; font-size:16px; color:#006cb7; border-bottom:2px solid #006cb7;}
.divtitlename p{ padding:15px 10px; font-size:16px; border-bottom:2px solid #006cb7;}


.product,.product_1,.product_2{ padding:10px; border-top:none;}
.product ul li{ margin:5px 0;}
.product_1{ width:100%; }
.product_1 ul li{ margin:5px 0;}
.product_1 ul li ul li{ margin:5px 0; border-bottom:none;}
.product_1 ul li a{ font-size:14px; line-height:28px; padding-left:8px;}
..product_1n{ float:left; }
.product_1n ul li{ margin: 0 0 5px; padding:8px 15px; background:#fff;  }
.product_1n ul li ul li{ margin:5px 0; border-bottom:none;}
.product_1n ul li a{ font-size:14px; color:#000; line-height:28px; padding-left:8px;}
.product_2 ul li{padding:10px 0; margin:0 20px; border-bottom:1px dashed #ddd; list-style-type:disc;}
.product_2 ul li span{margin-right:10px;}
.product_3{ padding:10px;  min-height:380px; background:#fff;  border-top:none;}
.product_3 ul li{ margin:10px 0;border-bottom:1px dashed #ddd;}
.product_3 ul li:first-child{margin-top:5px;}
.product_3 ul li a{ font-size:12px; padding-left:8px;}
.product_33{ padding:30px;  border-top:none;}
.product_33 ul li{ margin:10px 0;border-bottom:1px dashed #ddd;}
.product_33 ul li:first-child{margin-top:5px;}
.product_33 ul li a{ font-size:12px; padding-left:8px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.product_3pr{ padding:10px;    min-height:380px; background:#fff;  border-top:none;}



.product_4{ padding:10px;min-height:300px; background:#FFF; border-top:none;}

.articl{ margin-left:5px;}
.table tr.bg-1{ background:#ededed;}
.table tr.bg-2{ background:#f7f7f7;}
.table tr.bg-1:hover,.table tr.bg-1:hover{ background:none;}
.wrapper2{ padding:10px 30px; background:#FFF;border-top:none;}
.wrapper{  }
.divwrapper{background-size:100% auto ;border-top:none; }
.message{ padding:5px 10px; margin-bottom:10px; border:1px solid #ddd}
.message ul li{ margin:5px 0;}
.bs-dropzone{position:relative;padding:20px;margin-bottom:20px;color:#0099FF;border:2px dashed #eee;}


@media (max-width: 768px){
	.navbar-fixed-top-xs{
	  position: fixed;
	  right: 0;
	  left: 0;
	  z-index: 1030;
	  -webkit-transform: translate3d(0, 0, 0);
		   -o-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
	}

#nav li ul {
  display: none;
 width:100%;
  background: #fff;
  border: solid #fff;
  z-index:999;
  }	
#nav li:hover ul {
  display: block;
  }
#nav li ul li {
  float: none; 
 border-bottom: dashed 1px #CCC; 
  }
#nav li ul li a { 
	  padding:5px 10px;

  display: inline-block;
 line-height:20px; text-align: center;  color:#000;
  }
#nav li ul li a {display: block;}
#nav li ul li a:hover {
  color: #FFF;
  background:#0a83d8;
  }
#nav li ul li img{ margin-top:3px}
.nav_en{ font-family:Arial}
.nav_en a{ letter-spacing:0}  
  
}	


@media (min-width: 768px){
#b-right{ text-align:right;}

#nav li ul {
  display: none;
  position: absolute;
  top: 55px; 
 min-width:115px;
  background: #fff;
  border: solid #fff;
  z-index:999;
  }
 #nav li:hover ul {
  display: block;
  }
#nav li ul li {
  float: none; 
 border-bottom: dashed 1px #CCC; 
  }
#nav li ul li a { 
	  padding:5px 10px;

  display: inline-block;
 line-height:20px; text-align: center;  color:#000;
  }
#nav li ul li a {display: block;}
#nav li ul li a:hover {
  color: #FFF;
  background:#0a83d8;
  }
#nav li ul li img{ margin-top:3px}
.nav_en{ font-family:Arial}
.nav_en a{ letter-spacing:0} 


}

.img_3{ padding:10px; }
.img_3 ul li{ margin:10px 0;border-bottom:1px dashed #ddd;}
.img_3 ul li:first-child{margin-top:5px;}
.img_3 ul li a{ font-size:12px; padding-left:8px;}

  

.navbar { border-radius: 0; 
}
.nav > li > a {
  padding: 8px 10px;/*10px 15px*/
}
.navbar {
	margin-bottom:0;
  min-height: 36px;/*50px;*/
}
.navbar-brand {
  padding: 8px 15px;  /*15px 15px;*/
  height: 36px; /*50px;*/
    color:#000;

}
.navbar-toggle {
  margin-top: 1px; /*8px*/
  margin-bottom: 1px; /*8px*/
}
.navbar-nav {
  margin: 0px -15px;  /*7.5px -15px;*/
  
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
	    padding:28px 10px;  
  }
  
}
.navbar-form {
  margin-top: 1px;/*8px*/
  margin-bottom: 1px;/*8px*/
}
.navbar-btn {
  margin-top: 1px;/*8px*/
  margin-bottom: 1px;/*8px*/
}
.navbar-btn.btn-sm {
  margin-top: 3px;/*10px*/
  margin-bottom: 3px;/*10px*/
}
.navbar-btn.btn-xs {
  margin-top: 7px;/*14px*/
  margin-bottom: 7px;/*14px*/
}
.navbar-text {
  margin-top: 8px;/*15px*/
  margin-bottom: 8px;/*15px*/
}

@media (max-width: 1199px){
	.navbar,.navbar-default,.navbar-default .navbar-brand{ 
	font-size:14px; 
	color: #FFF; 
	font-weight:bold;
	text-shadow:none;
}
.navbar-default .navbar-nav > li > a{
	font-size:14px; 
	color: #000;
	font-weight:bold;
	
	text-shadow:none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
  color: #fff;
   border-bottom:3px solid #4285f4;
  background:#F00;

}

.navwrap{ }

#shouye{padding-left:23px;padding-right:23px; color:#F00;}
/*.navbar-header a{ font-size:12px; padding: 8px 23px; margin-right:16px;margin-right:0\9;}*/
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

.navbar-header,ul.nav,ul.navbar-nav{}
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-header a:hover,
.navbar-default .navbar-brand:focus {
  text-decoration: none;
  color:#FFF;
  background:url(nav_bj.jpg) bottom left repeat;
}
}

/*.navbar-header a:hover,
.navbar-brand:focus {
  text-decoration: none;
  color:#FFF;
  background:url(nav_bj.jpg) bottom left repeat;
}*/


@media (min-width: 1200px){
.navbar-nav{ margin-left:50px;}
#shouye{padding-left:40px;padding-right:40px; color:#F00;}
.navbar-header a:hover,
.navbar-brand:focus {
  text-decoration: none;
  color:#000;
  background:url(nav_bj.jpg) bottom left repeat;
}
.navbar-header,ul.nav,ul.navbar-nav{ }
.navbar,.navbar-default,.navbar-default .navbar-brand{ 
	font-size:14px; 
	color: #FFF; 
	font-weight:bold;
	text-shadow:none;
}
.navbar-default .navbar-nav > li > a{
	font-size:14px; 
	color: #000; 
	padding: 28px 30px;
	

	font-weight:bold;
	text-shadow:none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
  color: #fff;
    background:#F00;

   border-bottom:3px solid #4285f4;
 
}
.hover,#hover_2 {background:fff;}
}


.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFF;/*#888*/
}
.navbar-default .navbar-toggle {
  border-color:#000; background:#000;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color:#000;
}

.btn-default {
    color: #666;
    background-color: #FFF;
    border-color: #CCC;
}


/*banner*/
#owl-demo .item img{
	display: block;
}

#owl-demo3 .item img{
        display: block;
		width:auto;
        height: auto;
    }
	
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.map {
	width:100%; 
	height:350px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.map img {
	max-width: none;
}

.map-box {
	height: 350px;
}

.map-box-space {
	margin-top: 15px;
}
.map-box-space1 {
	margin-top: 7px;
}

@media only screen and (max-width:479px) {
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block
	}
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}
	#no-more-tables tr {
		border: 1px solid #ccc
	}
	#no-more-tables td {
		border: 0;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left
	}
	#no-more-tables td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold
	}
	#no-more-tables td:before {
		content: attr(data-title)
	}
}
/* ------------ Footer ------------ */
.footers{ float:left; width:100%; }
.footer {
    margin: 10px auto;
    text-align: center;
}
ul.footerNav {
}
ul.footerNav li {
    color: #fff;
    display: inline;
    margin: 0 10px;
}

ul.footerNav a {
    color: #fff;
}
ul.footerNav a:hover {
    color: #1c95e6;
}
ul.footerInfo {
    margin: 15px 0 0;
}
ul.footerInfo li {
    margin: 5px;
}


.category ul{ padding:0 20px;}
.category .child{ padding-left:15px;}


/*-----------------------------------------------Pager------------------------------------------*/
.pager{ text-align:center; height:30px; line-height:30px; letter-spacing:1px; font-family:"SimSun","SimHei"; clear:both;}
.pager FONT{padding:2px; border:1px solid #4FACE9; text-decoration:none;}
.pager .Pager{padding:2px 0; width:100% !important; margin-top:5px}
.pager span.Pager{padding:4px 7px; margin-right:2px;border:1px solid #4FACE9;}
.pager span.btnLink{padding:4px 7px; margin-right:2px;border:1px solid #4FACE9;}
.pager .Pager span span{color:#fff;background:#4FACE9; padding:4px 7px 4px 7px; }
.pager .Pager a{color:#333; text-decoration:none}
.pager .Pager a:hover{ color:#999}
.pager .Pager a:hover span.Pager{background:#4FACE9; color:#fff}
.pager .Pager a:hover span.btnLink{background:#4FACE9; color:#fff}
.pager input.PagerBtn{border:1px solid #4FACE9;  height:20px; padding:1px 0px; margin:0 5px -2px 0;}
.pager input.PagerInput{border:solid 1px #4FACE9; height:16px; margin:0 5px -2px 0; text-align:center}
.pager a.Pager{text-decoration:none;}
.CustomInfo{ display:none}
.pageContent{ width:100%}
.pageContent .pager{ text-align:center; padding:5px}
.pageContent .pager a{ padding:5px; text-decoration:none; font-size:9pt; color:#333}
.pageContent .pager span{ padding:4px 7px; margin-right:2px;border:1px solid #4FACE9;}
.pageContent .pager .focus span{ background:#4FACE9}
.page-break,.btnLink{ display:none}

/*-----------------------------------------------Service------------------------------------------*/
.box{ right:0; width:48px; height:130px; background:url(box.png) no-repeat 0 0; position:fixed; overflow:hidden; bottom:0px; z-index:100; padding:10px 0 0 6px}
.box-item{ padding:2px}
.service{ width:150px; background:url(sev1.png) no-repeat 0 0; position:fixed; _position:absolute; bottom:0px; right:0; z-index:100; overflow:hidden; display:none;}
.service-close{ position:absolute; right:0; width:30px; height:22px; background:url(win_close.png) no-repeat 0 0; cursor:pointer}
.service .serviceBox{ width:150px; margin-top:38px; overflow:auto; padding:6px 12px; line-height:1.5em; background:url(sev1_bg.png) repeat-y; overflow:hidden;}
.service .icon{ margin:0 5px -2px 5px}
.service .info{ color:#000}
.service .item{ padding:5px}
.service .title{ font-weight:700}
.service .tel{ font-weight:700; font-size:13pt; color:#4FACE9; padding:5px 0}
.service-bottom{ width:150px; height:25px; background:url(sev1.png) no-repeat 0 -75px;}
.qrcode-title{ font-size:9pt; text-align:center; color:#999; padding-top:5px;}
.qrcode{ text-align:center;}


#ctl00_cphMain_rblSex label{ padding:0 10px}

.sitemap{border-bottom:dashed 1px #ddd;}

@media (min-width: 768px) and (max-width: 991px)
{
    .tel{ margin-bottom:10px;}
}

.mtop{position:fixed; bottom:10px; right:10px;}

.comment_reply{ color:#0099FF;}
.comment_info{ border:solid 1px #FFCC01; background:#FFFFCC; width:98%; margin:10px; padding:10px;}

.bottom_border{ height:1px; border-top:solid 1px #ddd; margin-top:-20px;}

.text-brown{ color:Red; margin-right:10px;}


.iconTxtBox{float: left;   padding: 10px 10px;
 
}
.iconTxtBox>div{
    height: 32px; 
    line-height: 32px;
    margin-top: 3px;
}
.iconTxtBox>div .icon-phone{
    display: inline-block;
    width: 36px;
    height: 32px;
    vertical-align: middle;
    background:url(tel-icoo.png) left center  no-repeat;
}
.iconTxtBox>div span{
    display: inline-block;
    width: 0;
    height: 30px;
    line-height: 30px;
    padding-left: 0px;
    font-size: 14px;
    color: #767676;
    vertical-align: middle;
    overflow: hidden;
    transition: all 0.7s cubic-bezier(0.94,-0.01, 0.58, 1);
}
.iconTxtBox:hover{
    background:url(tel-bj.png)  left center  no-repeat;
}
.iconTxtBox:hover>div .icon-phone{
    background:url(tel-icooo.png) left center  no-repeat;
}
.iconTxtBox:hover>div span{
    width: 140px;
}


/*content start*/
.section{
    position: relative;
    /*z-index: 1;*/
    width: 100%;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 100px;
    position: relative;
}
.ThisCompanyName-section-top {
    text-align: center;
    margin: 0 auto;
    height: 100px;
    line-height: 50px;
    font-size: 42px;
    color: #282828;
    font-weight: 100;
}

.ThisCompanyName-bottom-border {
    background: url(border-bottom.png) no-repeat center;
    height: 3px;
    width: 100%;
    margin-bottom: 43px;
}
.ThisCompanyName-bottom-border2{
    background:url(border-bottom2.png) no-repeat center;
    height:3px;
    width:100%;
}
.ThisCompanyName-bottom-border3 {
    background: url(border-bottom3.png) no-repeat center;
    height: 3px;
    width: 100%;
    margin-bottom: 43px;
}
.ThisCompanyName-new-btn3 {
    background: url(new-btn.png) no-repeat;
    width: 136px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -68px;
}

.ThisCompanyName-new-btn:hover {
    background: url(new-btn-hover.png) no-repeat;
    width: 136px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -68px;
}

.absolute-box{
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top:0;
    overflow-x: hidden;
}

.what-item{

    margin: 20px 0; 
}
.what-item>img{
    width:120px;
    height: 120px;
    display:block;
    margin:0 auto;
    margin-bottom:22px;
    transition: all .7s ease-out;
}
.what-item:hover>img{
    transform: rotate(360deg);
}
.what-item-title{
    height: 70px;
    transition: all .3s ease-out;
    overflow: hidden;
}
.what-item:hover .what-item-title{
    margin-top: -70px;
    
}
.what-item-title span{
    font-size:18px;
    color:#545454;
    display:block;
}
.what-item-title font{
    font-size:14px;
    color:#999999;
    display:block;
}
.what-item-bottom{
    height:70px;
    overflow:hidden;
    text-align:center;
}
.ThisCompanyName-btn{
    background:url(btn-ico.png) no-repeat;
    width:120px;
    height:31px;
    display:block;
    line-height:31px;
    text-align:center;
    font-size:14px;
    color:#ffffff;
    margin:0 auto;
    margin-top:2px;
}
.ThisCompanyName-btn6 {
     background:url(btn-ico.png) no-repeat;
   width:120px;
    height:31px;
    display:block;
    line-height:31px;
    text-align:center;
    font-size:14px;
    color:#FFF;
    margin:0 auto;
    margin-top:2px;
}
.ThisCompanyName-btn6  a{color:#FFF;}
.ThisCompanyName-left{
    margin-left:27px;
}
.ThisCompanyName-what-title{
    margin-top:50px;
    font-size:24px;
    color:#898989;
    margin-bottom:90px;
}


/*页面背景色*/
.bg-black{background: #3c3c3c;}
.bg-white{background: #fff;}
.bg-gray{background:url(bj002.gif) no-repeat;background-size:100% auto ;border-top:none;}
.bg_us{background:url(bg02.jpg) no-repeat;background-size:100% auto ;border-top:none;}
.bg-light-gray{background: #f0f0f0;}



/*设置定位*/
.dn,.hide,.none{display:none}
.db{display:block}
.dib{display:inline-block}
.pr{position:relative}
.pa{position:absolute}
.oxh{overflow-x: hidden}
.oyh{overflow-y: hidden}

/*模块跳转图标 start*/
.top-ico1 {
    background: url(top-ico2.png) no-repeat;
    width: 43px;
    height: 43px;
    display: block;
    position: absolute;
    left: 50%;
    z-index: 9990;
    margin-left: -21px;
}
.top-ico1:hover{
    width: 43px;
    height: 43px;

    background:url(top-ico1-hover.png) no-repeat;
}

.absolute-box{
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top:0;
    overflow-x: hidden;
}




.top-ico1:hover {
    background: url(top-ico1-hover.png) no-repeat;
}

.top-ico2 {
    background: url(top-ico2.png) no-repeat;
    width: 43px;
    height: 43px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 9990;
	margin-top:-50px;
    margin-left: -21px;
    /*transition: all .5s ease-out;*/
}

    
.top-ico2:hover {
    background: url(top-ico2-hover.png) no-repeat;
    /*transform: rotate(360deg);*/
}

.top-ico3 {
    background: url(top-ico4.png) no-repeat;
    width: 43px;
    height: 43px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 9990;
    margin-left: -21px;
}

.top-ico3:hover {
    background: url(top-ico4-hover.png) no-repeat;
}
.top-ico4 {
    background: url(top-ico4.png) no-repeat;
    width: 43px;
    height: 43px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 9990;
    margin-left: -21px;
}

.top-ico4:hover {
    background: url(top-ico4-hover.png) no-repeat;
}

.top-ico5 {
    background: url(top-ico4.png) no-repeat;
    width: 43px;
    height: 43px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 9990;
    margin-left: -21px;
}

.top-ico5:hover {
    background: url(top-ico4-hover.png) no-repeat;
}


.top-ico-bottom{
    bottom: 0;
}
.top-ico-top{
    top: -30px
}
/*模块跳转图标 end*/


/*页面三角块 start*/
.sin-box {
    position: absolute;
    z-index: 999;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 100px solid #fff;
}

.sc-box-left {
    right: 50%;
    border-right: 1000px solid transparent;
}

.sc-box-right {
	left:50%;
    border-left: 1000px solid transparent;
}

.sin-box-back {
    border-bottom-color: #1f1f1f;
}
.sin-box-gray{
    border-bottom-color: #EEEFF0;
}

.sin-box-light-gray{
    border-bottom-color: #f0f0f0;
}

.cos-box {
    position: absolute;
    z-index: 9;
    top: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #fff;
}

.cos-box-back {
    border-top-color: #1f1f1f;
}
/*页面三角块 end*/


/*友情链接 start*/
.list-wrap{
    position:relative;
    
}
.list-wrap .prev,.list-wrap .next {
    position: absolute;
    z-index:1;
    width: 51px;
    height: 100%;
    top:0;
    background:url(left-right.png) no-repeat;
    cursor: pointer;
}
.list-wrap .prev{left:0; background-position: 18px center}
.list-wrap .prev:hover{background-position: -42px center}
.list-wrap .next{right:0;background-position: -168px center}
.list-wrap .next:hover{background-position: -228px center}
.list-wrap .prev.disabled{background-position:-102px center}
.list-wrap .next.disabled{background-position:-268px center}
.list-pannel{
    margin:0 50px;
    overflow: hidden;
    height: 50px;
}
.list-row{
    z-index:0;
    margin:0;
    height:50px;
    overflow: hidden;
}
.list-row li{
    padding:0;
    margin:0;
}
/*友情链接 end*/



/*底部栏 start*/
.footer {
    
    min-height: 100px;
    color: #333;
    text-align: center;
    position:relative;
    
}
.footer {
    /*background: url(../images/foot-bj.png) center;*/
    width: 100%;
    min-height:250px;
    position: relative;
    border-top: 1px solid #d8d8d8;
    /*box-shadow: 0 0 20px #bbb*/

}
.footer-font{
    margin: 0 auto;
    display: block;
    max-width: 880px;
    padding: 0 20px;
}
.footer-content {
    max-width: 998px;
    margin: 0 auto;
    line-height: 100px;
}
.footer-content span{
    font-size:20px;
    color:#000000;
}
.iconWrap{
    /*min-width: 360px;*/
    text-align: center;
}
.iconBox{
    width:100px;
    height:100px;
}

.QQ-ico{
    background:url(../images/icon/QQ-ICO.png) no-repeat;
}
.QQ-ico:hover{
    background:url(../images/icon/QQ-ICO-HOVER.png) no-repeat;
}
.wechatBox{
    text-align: center;
}
.wechatBox img{
    width: 70%;
    vertical-align: middle;
}
.WX-ico{
    position: absolute;
    top: 0;
    left: 0;
    background:url(../images/icon/WX-ICO.png) no-repeat;
}

.WX-ico:hover{
    background:url(../images/icon/WX-ICO-HOVER.png) no-repeat;
}
.WB-ico{
    background:url(../images/icon/WB-ICO.png) no-repeat;
}
.WB-ico:hover{
    background:url(../images/icon/WB-ICO-HOVER.png) no-repeat;
}
/*底部栏 end*/


.divnew_p{	color: #808080;
	line-height: 23px; width:100px; height:50px;
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	
	word-wrap: break-word;
	 }
	 

.bx_wrap { width:1000px;height:80px; margin:0 auto;   

}
.bx_wrap ul img { border: 2px solid #DDD; }

.bx_wrap a.prev {
	width: 27px;
	height: 34px;
	line-height: 17px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 40px;
	left: 75px;
	text-indent: -9999px;
	background: url(../images/icon_arrow_left.gif) no-repeat left;
}
.bx_wrap a.prev:hover {
	background: url(../images/icon_arrow_left.gif) no-repeat right;
}
.bx_wrap a.next {
	width: 27px;
	height: 34px;
	line-height: 17px;
	left: 647px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 40px;
	text-indent: -9999px;
	background: url(../images/icon_arrow_right.gif) no-repeat right;
}
.bx_wrap a.next:hover {
	background: url(../images/icon_arrow_right.gif) no-repeat left;
}
	 
.bx_container li{ float:left; height:68px;   margin-right:20px;}
.bx_container li a{ border:0px;margin-right:20px;}
.bx_container li img{ width:141px; height:68px; border:0px;}
.partner_img{ width:138px; height:68px; border:0px;}

.teclsli{ width:160px; height:48px;  }



/*首页中部*/

/**首页显示**/
@media (max-width: 767px) {
.navbar-header{ background:#39F}

.country{ width:160px;   height:35px;   border-radius:5px; line-height:35px; color:#000;}
.pricing-table {
	float:left;
	margin-top:20px; margin-bottom:20px;
   padding-left: 15px;
    padding-right: 15px;
	

width:100%;

}

.minlogo{ margin:0 auto; }
.minlogo img{ margin-left:5%; }
.div_daiyin{  width:100%; height:auto;  }
.divOver{ float:left; width:90%; height:438px; margin:0 5px; }
.divOverseas{ float:left;   }

.Overseas{ width:90%; position:absolute; border:5px solid #e4e3e3; border-radius:5px;}
.overseas_mask{position: absolute; width:100%;height:100%;top: 0px; background: #000000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;display: none;}
.Overseas_a{top: 160px;left:35%;position: absolute; font-size: 20px;padding: 20px;color: white;background: #FF7E00;border-radius: 15px;opacity:1;display: none;}
.div_dibl{ float:left; font-size:18px; width:100%; text-align:center;color:#3f3f3f; font-weight:600; }
.div_dib{ float: right ; width:100%; text-align:center}
.div_iconBox{ width:100px; height:100px;text-align:center; margin:0 auto;}
.div_iconBox img{ float:left;  text-align:center;width:100px; height:100px; border:0;}
.div_dib span{  font-size:18px;color:#3f3f3f; font-weight:600;}
.nav_lan{float:right; padding:0 20px;   margin-right:25px}
.nav_lan a{ float:left; color:#fff; padding:0 20px; font-weight:normal;}
.nav_lan a:hover{ color:#F00; font-weight:normal;}
.nav_lan a img{margin:-2px 5px 0 0;}

}
@media (min-width: 800px) {
.div_dibl{ float:left; font-size:18px; margin-left:150px; color:#3f3f3f; font-weight:600; }
.div_dib{ float: right ; margin-right:20px; }
.div_iconBox{ float:left; width:100px; height:100px;text-align:center; margin-left:15%;}
.div_iconBox img{ float:left;  text-align:center;width:100px; height:100px; border:0;}
.div_dib span{  font-size:18px;color:#3f3f3f; font-weight:600;}
	
	}

@media (max-width: 1025px) {


	
	
}

@media (min-width: 768px) and (max-width: 991px) {
.navbar{ }
.divcontainer{ width:1000px; margin:0 auto; }
.country{width:160px ; height:35px;   border-radius:5px; line-height:35px; color:#000;}
.pricing-table {
	margin-top:20px; margin-bottom:20px;
   padding-left: 15px;
    padding-right: 15px;
	width:50%;
	max-width:420px;
	
}
.divOver{ float:left; width:45%; height:438px; margin:0 15px; }
.divOverseas{ float:left;   }

.Overseas{ width:45%; position:absolute; border:5px solid #e4e3e3; border-radius:5px;}
.overseas_mask{position: absolute; width:100%;height:100%;top: 0px; background: #000000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;display: none;}
.Overseas_a{top: 160px;left:35%;position: absolute; font-size: 20px;padding: 20px;color: white;background: #FF7E00;border-radius: 15px;opacity:1;display: none;}
.nav_lan{float:right; width:80px;  margin-right:-15px}
.nav_lan a{ float:left; color:#fff;  font-weight:normal;}
.nav_lan a img{margin:-2px 5px 0 0;}
.nav_lan a:hover{ color:#F00; font-weight:normal;}


}
@media (min-width: 992px) and (max-width: 1079px) {
.divcontainer{  width:1000px;margin:0 auto;   }
.country{ width:130px;   height:35px;   border-radius:5px; line-height:35px; color:#000;}

.pricing-table {
	margin-top:20px; margin-bottom:20px;
   padding-left: 15px;
    padding-right: 15px;
	
	width:50%;
}
.divOver{ float:left; width:45%; height:438px; margin:0 15px; }
.divOverseas{ float:left;   }

.Overseas{ width:45%; position:absolute; border:5px solid #e4e3e3; border-radius:5px;}
.overseas_mask{position: absolute; width:100%;height:100%;top: 0px; background: #000000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;display: none;}
.Overseas_a{top: 160px;left:35%;position: absolute; font-size: 20px;padding: 20px;color: white;background: #FF7E00;border-radius: 15px;opacity:1;display: none;}

.nav_lan{float:right; width:80px;  margin-right:-15px}
.nav_lan a{ float:left; color:#fff;  font-weight:normal;}
.nav_lan a img{margin:-2px 5px 0 0;}
.nav_lan a:hover{ color:#F00; font-weight:normal;}

}
@media (min-width: 1080px) and (max-width: 1280px) {
.divcontainer{  width:1150px;margin:0 auto;   }
.country{ width:130px;   height:35px;   border-radius:5px; line-height:35px; color:#000;}

.pricing-table {
	margin-top:20px; margin-bottom:20px;
   padding-left: 15px;
    padding-right: 15px;
	min-width:280px;
	width:25%;
}

.div_lefhle{ margin-left:12%;}
.nav_lan{float:right; width:80px;  margin-right:-15px}
.nav_lan a{ float:left; color:#fff;  font-weight:normal;}
.nav_lan a img{margin:-2px 5px 0 0;}
.nav_lan a:hover{ color:#F00; font-weight:normal;}

}

@media (min-width: 1026px) {
.divOver{ float:left; width:45%; height:438px; margin:0 15px; }
.divOverseas{ float:left;   }

.Overseas{ width:45%; position:absolute; border:5px solid #e4e3e3; border-radius:5px;}
.overseas_mask{position: absolute; width:100%;height:100%;top: 0px; background: #000000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;display: none;}
.Overseas_a{top: 160px;left:35%;position: absolute; font-size: 20px;padding: 20px;color: white;background: #FF7E00;border-radius: 15px;opacity:1;display: none;}


	}
@media (min-width: 1281px) {

.nav_lan{float:right;   padding:0 10px; margin-right:-15px}
.nav_lan a{color:#fff;  margin:5px; font-weight:normal;}
.nav_lan a img{margin:-2px 5px 0 0;}
.nav_lan a:hover{ color:#F00; font-weight:normal;}

.divcontainer{ width:1280px; margin:0 auto; }
.country{ width:130px;   height:35px;   border-radius:5px; line-height:35px; color:#000;}
.pricing-table {
	margin-top:20px; margin-bottom:20px;
   padding-left: 15px;
    padding-right: 15px;
	
	min-width:320px;
	max-width:350px;
width:25%;
}
#hlLogo { margin-left:10%;}
#ctl00_hlLogo {margin-left:20%;}

.div_lefhle{ margin-left:12%;}

.divOver{ float:left; width:30%; height:438px; margin:0 15px; }
.divOverseas{ float:left;   }

.Overseas{ width:30.3333%; position:absolute; border:5px solid #e4e3e3; border-radius:5px;}
.overseas_mask{position: absolute; width:100%;height:100%;top: 0px; background: #000000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;display: none;}
.Overseas_a{top: 160px;left:35%;position: absolute; font-size: 20px;padding: 20px;color: white;background: #FF7E00;border-radius: 15px;opacity:1;display: none;}


}
@media (min-width: 1457px) {

.divcontainer{ width:1457px; margin:0 auto; }
.country{ width:130px;   height:35px;   border-radius:5px; line-height:35px; color:#000;}
.pricing-table {
	margin-top:20px; margin-bottom:20px;
   padding-left: 15px;
    padding-right: 15px;
	
	min-width:320px;
width:25%;
}

.div_lefhle{ margin-left:15%;}


}


#pricing {
	width:100%;
    height: 460px; 
	margin:0 auto 30px;;
}

    #pricing ul.pricing {
        background: #eee none repeat scroll 0 0;
        border: 1px solid #eee;
        list-style: outside none none;
        margin: 70px 0 30px;
        padding: 15px;
        text-align: center;
    }

        #pricing ul.pricing li {
            display: block;
            padding: 10px;
        }

            #pricing ul.pricing li.plan-header {
                background: #eee none repeat scroll 0 0;
                border: 0 none;
                margin: -15px -15px 10px;
                padding: 15px 15px ;
            }

                #pricing ul.pricing li.plan-header .price-duration {
                    border-bottom: 1px dashed #696363;
                    color: #000;
                    display: inline-block;
                    height: 116px;
                    margin-top: 15px;
                    position: relative;
                    top: -10px;
                    width: 100%;
                }

                    #pricing ul.pricing li.plan-header .price-duration > span {
                        display: block;
                        line-height: 1;
                    }

                        #pricing ul.pricing li.plan-header .price-duration > span.price {
                            background: #f35454 none repeat scroll 0 0;
                            border-radius: 50%;
                            clear: right;
                            display: block;
                            font-size: 32px;
                            font-weight: 700;
                            height: 150px;
                            line-height: 150px;
                            margin: 0 auto;
                            width: 150px;
                        }

                        #pricing ul.pricing li.plan-header .price-duration > span.baoguo {
                            background: #4EAEFF none repeat scroll 0 0;
                            border-radius: 50%;
                            clear: right;
                            display: block;
                            font-size: 32px;
                            font-weight: 700;
                            height: 150px;
                            line-height: 150px;
                            margin: 0 auto;
                            width: 150px;
                        }

                        #pricing ul.pricing li.plan-header .price-duration > span.zhuce {
                            background: #05ba8e none repeat scroll 0 0;
                            border-radius: 50%;
                            clear: right;
                            display: block;
                            font-size: 32px;
                            font-weight: 700;
                            height: 150px;
                            line-height: 150px;
                            margin: 0 auto;
                            width: 150px;
                        }

                        #pricing ul.pricing li.plan-header .price-duration > span.denglu {
                            background: #FFCA4B none repeat scroll 0 0;
                            border-radius: 50%;
                            clear: right;
                            display: block;
                            font-size: 32px;
                            font-weight: 700;
                            height: 150px;
                            line-height: 150px;
                            margin: 0 auto;
                            width: 150px;
                        }

                        #pricing ul.pricing li.plan-header .price-duration > span.duration {
                            margin-top: 5px;
                        }

                #pricing ul.pricing li.plan-header .plan-name {
                    color: #121d29;
                    font-size: 24px;
                    font-weight: bold;
                    line-height: 1;
                    margin-top: 10px;
                    text-transform: uppercase;
                }

        #pricing ul.pricing.featured {
            background: #eeeeee none repeat scroll 0 0;
            border: 0 none;
        }

            /*#pricing ul.pricing.featured li.plan-header {
                background: #d7d7d7 none repeat scroll 0 0;
            }*/

            #pricing ul.pricing.featured li.plan-header .plan-name {
                color: #121d29;
            }



.pricing-table .inner-box {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f4f5f9;
    border-radius: 5px;
    overflow: hidden;
    /*position: relative;*/
    top: 0;
    transition: all 500ms ease 0s;
}
.pricing-table .inner-box:hover{
	top:-12px;
	-webkit-transform:scale(1.05,1.05);	
	-ms-transform:scale(1.05,1.05);	
	-o-transform:scale(1.05,1.05);	
	-moz-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);	
}
.pricing-table .table-header {
    background: #0877d1 none repeat scroll 0 0;
    color: #ffffff;
    /*padding: 30px 20px 20px;*/
       padding: 13px 10px 10px;
     /*position: relative;*/
    text-align: center;
}
.pricing-table .table-header .icon-right {
    font-size: 36px;
    line-height: 40px;
    /*position: absolute;*/
    right: 10px;
    top: 10px;
}
.pricing-table .table-header .price {
    /*font-size: 36px;*/
      font-size: 16px;
    letter-spacing: 2px;
    line-height: 50px;
      /*position: relative;*/
    text-transform: uppercase;
}
.pricing-table .table-header .title {
    font-size: 15px;
    left: 1px;
    /*position: relative;*/
    text-transform: capitalize;
}
.pricing-table .table-content {
    font-size: 13px;
    padding: 15px 20px;
     /*position: relative;*/
    text-align: center;
   
     height: 228px;
}
.pricing-table .table-content li {
    border-bottom: 1px dashed #e9e9e9;
    color: #576c85;
    line-height: 24px;
    padding: 10px 0;
}
.pricing-table .table-footer {
    background: #0877d1 none repeat scroll 0 0;
    /*padding: 20px;*/
     padding: 16px;
    position: relative;
    text-align: center;
}
.pricing-table .table-footer .theme-btn {
    border-radius: 5px;
    padding: 8px 35px; background:#ef8124;
}
.theme-btn.rounded-btn {
    border-radius: 25px;
}
.btn-style-three {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #ffffff !important;
    border-radius: 3px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 10px 30px;
    position: relative;
    text-transform: uppercase;
}
.btn-style-three:hover {
    background: #ffffff none repeat scroll 0 0 !important;
    color: #1d93e5 !important;
}
.theme-btn {
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    transition: all 0.3s ease 0s;
		font-size:14px;
	font-weight:600;

}
 .table-footer  a {
    color: #1d93e5;
	font-size:14px;
	font-weight:600;
    cursor: pointer;
    text-decoration: none;
}
.table-footer a:hover,a:active {
  
    
    text-decoration: none;
}
.nav-btm
{
margin-top: 10px;
}

#ul_left_child li
{
cursor:pointer;
}
.pricing-table .table-contents {
    font-size: 13px;
    height: 228px;
    padding: 5px 5px;
    text-align: center;
    width:260px;
	margin:0 auto;
	
}
 .divtable-content{
	font-size: 13px;
    height: 228px;
	width:100%;
    padding: 5px 5px;
    text-align: center;
	 margin:0 auto;

}
 .divtable-content img {
	    font-size: 13px;
    text-align: center;	

}
.table-contents .form-horizontal
{
padding: 10px 6px; 
}

.pfczxkf{margin-left:6px;margin-bottom:10px;}
.pfczxkf .kfone a{color:#FF7F00;}
.pfczxkf .kftwo a{color:#FF0000;}
.pfczxkf .kfen a{color:#007FFF;}
.pfczxkf a:hover{color:#000;}

.divbannerimg{ width:100%;}
.divbannerimg img{ width:100%;}
#hlLogo img{ border:0; height:60px;}
#ctl00_hlLogo img{ border:0; height:60px;}

.divProduct{ width:680px; float:left; height:150px; margin-bottom:10px;}
.divprruck{ float:left; padding:10px 17px 2px; }

.divprruck span{ float:left;  text-align:center; width:100%; margin-top:10px;height:30px;}
.divproduct{ float:left; width:31.3333%;  border:5px solid #e4e3e3; border-radius:10px; margin:10px 10px;  min-height:280px; }
.divproduct:hover{  border:5px solid #ff9d11; border-radius:10px;  }

.divprruck img{ float:left; }
.ProductNametxt{ position:relative;}
.divproductleft{ float:left; width:100%; min-width:160px;  min-height:150px;  }
.divproductright{ float:left; width:100%;min-height:50px;padding-bottom:10px;    }
.div_moreg{ float:left;   margin-top:30px; text-align:center; width:160px; padding:10px 0;font-size:16px; color:#fff; background:#006cb7;}
.div_moreg:hover{ background:#F90;}
.divproductimg{ float:left; width:100%; height:160px;  }
.divproductimg img{ width:160px; height:160px;}
.div_titlep{ float:left; width:100%; text-align: center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
 padding-left:5%; margin-top:10px; height:40px; font-size:16px; font-weight:600;}
.div_titlep a{ color:#ff6600;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.div_titlepc{ float:left; clear:both; width:100%; padding-bottom:10px; padding-left:5%; text-align: left; overflow:hidden; height:93px;word-break:break-all;word-wrap: break-word; word-break: normal; font-size:14px; line-height:24px; }
.div_titlepc p{ word-break:break-all;word-wrap: break-word;padding-bottom:10px;  word-break: normal; font-size:12px;  }
.17track{ float:left; text-align:center; margin-top:205px; }
.17track img{ width:100%; text-align:center;  }


.int{background:#fff; border:5px solid #e4e3e3; border-radius:10px; float:left; margin:30px 0 10px 0; box-sizing:border-box; cursor:pointer;}
.int p{padding:0px 25px 35px 25px;}
.int:hover{ border:5px solid #ff9d11;}
.int h3{color:#ff6600; text-align:center; padding:10px 0; font-size:18px;}
.int p{font-size:16px; line-height:35px;}
.int_img{ background:url(/app/images/index-new/express.png) no-repeat; width:46px; height:45px; cursor:pointer; background-position:bottom; display:block;}
.int_imghover{background:url(/app/images/index-new/express_hover.png) no-repeat; width:46px; height:45px;cursor:pointer;background-position:bottom; display:block;}

.Overseas:hover{border:5px solid #fc8230; }
.Overseas img{ width:100%; height:165px; }
.Overseas h3{ color:#ff6600; text-align: center; padding:5px 0; margin-top:10px;}
.Overseas_bottom{   }
.mainland p{font-size:16px; line-height:35px;}
.mainland h2{padding-top:20px;}
.Overseas_content{overflow:hidden; text-overflow:ellipsis; padding:0px 10px; white-space:pre-wrap; height:170px;}
.Overseas_content a{font-size:16px; color:#393939;}
.Overseas_content a:hover{color:#ff6600;}
.Overseas_content .more:hover{background:#ccc;}
.export{padding-bottom:20px;}


.divbnnert{ width:100%; float:left;}
.divbnnert img{ width:100%; float:left; height:320px;}
.div_footer{ float:left; width:100%; }navbar-nav

.header{ float:left; width:100%;}
.ds_ul{ display:block; width:100%; min-height:180px;  padding-bottom:20px; overflow:hidden; }
.ds_ul_t{ margin-top:-10px;}
@media (max-width:700px) {
.ds_ul li{width:100%;float:left; padding:15px 20px;}
.footershab{ float:left; width:100%; margin-top:-20px;    }
.footershab ul{ width:80%; margin:0 auto;}
.footershab ul li{ float:left; height:40px;    }
.divboleft{ float:left;}
.divboright{ float: right;}

}
@media (min-width:700px) {
.ds_ul li{width:33.33%;float:left; padding:15px 20px;}
.footershab{ float:left; margin-top:-20px; height:30px; }
.footershab ul li{ float:left; margin-top:-40px;   padding:2px; }
	
	}
.ds_ul li .ds_img{width:100%; overflow:hidden; position:relative;}
.ds_ul li .ds_img .ds_hover{width:100%; height:40px; line-height:40px; font-weight:600;  text-align:center; overflow:hidden; position:absolute;left:0; bottom:0; z-index:99; background:rgba(0, 0, 0, 0.55) none repeat scroll 0 0 !important; background-color:#000; font-family:'Microsoft YaHei'; font-size:18px; color:#fff;transition:all 0.3s;}
.ds_ul li .ds_img .ds_hover img{ display:block; margin:14px auto 0 auto; overflow:hidden; width:22px; height:22px;}
.ds_ul li .ds_img:hover .ds_hover{width:100%; height:100%; padding-top:10px; background: background:rgba(15, 9, 27, 0.32) none repeat scroll 0 0 !important; background-color:#d5091b; font-size:24px;}
.ds_ul li .ds_img:hover .ds_hoverh3{ float:left; width:100%; line-height:30px; color:#F00}
.img_none{ width:100%; height:183px;}
.img_nonete{ float: right;}

.ds_hoverimg{ width:100%; float:left; padding:10px 10px; line-height:25px; font-size:12px;top:50px;} 


#section-2{ background:#f3f3f3;}
#Product{ width:100%; min-height:200px; padding-bottom:40px;}

#iframediv1488964851160 img{ clear:both; margin-top:50px;}
.div_fooer_tel{ float:right; margin-top:10px; line-height:40px;}


.hlYuming{position: absolute; right:0; top:10px; width:150px;  font-weight:500; z-index:999;}
#hlYuming{ position:absolute; right:0; top:10px;}
.nav_lan1{ position:absolute; right:0; width:150px; font-weight:500; z-index:999;}
.nav_lan1 a{ float:left; padding:0px 15px; height:20px; color:#FFF; }
.nav_lan1 a:hover{  color:red; }

.div_boderr{ float:left; width:100%; }

@media (max-width: 400px)
{
.shoufengqin{ width:1px; height:1px; overflow:hidden; }
.twrapd{  width:1px; height:1px; overflow:hidden;}
.divyinc{ float:left; width:100%; }
.divyinc ul{ padding:5px; }
.divyinc ul li{ float:left; width:100px; margin:10px; text-align:center; background:#ef5c00; border-radius:2px; border:none; padding:2px 20px;  }
.divyinc ul li a{ color:#fff;  }
.divyinc ul li a:hover{ color:#ccc;  }
}
@media (min-width: 401px)
{
.divyinc{ width:1px; height:1px; overflow:hidden;}
	}

@media (min-width: 401px) and (max-width: 798px)
{
.shoufengqin{ position: relative;  }
.twrapd{ width:100%;  height:120px;  margin:0 auto; line-height: 32px; font-size: 12px; }
.shoufengqin .banner-box{ z-index:4;  width:100%;;margin:auto;height:120px;overflow: hidden;}
 .shoufengqin .banner-box .boxli{padding-top:20px; float:left;  height:120px;margin-left: -1px;background:rgba(51,51,51,0.5);border: 1px solid #ccc; filter:alpha(opacity=50);/*  -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; */bottom:0px;cursor: pointer;color: #fff;}
.boxlil{float:left; min-width:125px;}
.shoufengqin .banner-box a:hover{text-decoration: none;}
/* 价格查询 */
.shoufengqin .banner-box .first-hid{display: none; }
.shoufengqin .banner-box .first-show{display:block;clear:both;text-align:center;}
.shoufengqin .banner-box boxli a{display:block;width: 100%;height: 100%;}
}
	
@media (min-width: 800px) and (max-width: 1099px)
{
.shoufengqin{ position: relative; bottom:160px;  }
.twrapd{ float:left; width:900px; right:0;line-height: 32px;font-size: 12px;}
.shoufengqin .banner-box{ z-index:4; width:900px;margin:auto;height:120px;overflow: hidden;}
.shoufengqin .banner-box .boxli{padding-top:20px;height:120px;margin-left: -1px;background:rgba(51,51,51,0.5);border: 1px solid #ccc; filter:alpha(opacity=50);/*  -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; */bottom:0px;cursor: pointer;color: #fff;}
.shoufengqin .banner-box .hover{ float:left; clear:both; width:330px;background-color: #f7f7f7;text-align:center;}
.shoufengqin .banner-box .boxli:hover{ float:left;  width:330px;}
.boxlil{float:left; min-width:125px;}
.shoufengqin .banner-box a:hover{text-decoration: none;}
/* 价格查询 */
.shoufengqin .banner-box .first-hid{display: none; }
.shoufengqin .banner-box .first-show{display:block;clear:both;text-align:center;}
.shoufengqin .banner-box boxli a{display:block;width: 100%;height: 100%;}

}	
@media (min-width: 1100px) 
{
.shoufengqin{ position: relative; bottom:160px; }
.twrapd{ float:right;   width:900px; line-height: 32px; line-height: 32px; font-size: 12px; }
.shoufengqin .banner-box{ z-index:4; width:900px;margin:auto;height:120px;overflow: hidden;}
.shoufengqin .banner-box .boxli{padding-top:20px; height:120px;margin-left: -1px;background:rgba(51,51,51,0.5);border: 1px solid #ccc; filter:alpha(opacity=50);/*  -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; */bottom:0px;cursor: pointer;color: #fff;}

.shoufengqin .banner-box .hover{ float:left; clear:both; width:500px;background-color: #f7f7f7;text-align:center;}
 .shoufengqin .banner-box .boxli:hover{ float:left;  width:586px;}
.boxlil{float:left; min-width:125px;}
.shoufengqin .banner-box a:hover{text-decoration: none;}
/* 价格查询 */
.shoufengqin .banner-box .first-hid{display: none; }
.shoufengqin .banner-box .first-show{display:block;clear:both;text-align:center;}
.shoufengqin .banner-box boxli a{display:block;width: 100%;height: 100%;}



.shoufengqin .banner-box a p{color:#fff;font-size: 14px;font-weight: 400;} 
.shoufengqin .banner-box .first-show i,span{}
.shoufengqin .banner-box .first-show p{}
  


.divbboxi{ float:left; width:62px; color:#000;  }
.divcountry{ float:left; width:300px; line-height:30px;  z-index:999; height:100%;}
.divcountrys{ float:left; width:230px;  z-index:999; min-height:300px; height:100%;}

.divchajiab{ float:left; width:100%; margin-top:10px; }




.divchajia{ clear:both; float:left; text-align:left; margin-bottom:30px; max-height:500px; margin-top:-10px; width:100%;}
.iptinputweight{ float:left; width:88px; color:#000; border-radius:3px; height:30px;border: 1px solid #ccc; }
.iptinput{ width:40px; height:30px;border: 1px solid #ccc; border-radius:3px;color:#000;}
.shoufengqin .banner-box  button{  color:#fff;background-color: #ef5c00;width: 80px;height: 35px;border: none;}

.divchajia button{ color:#fff;background-color: #ef5c00;width: 88px;height: 35px;border: none;}
.new_container{  width:1100px; margin:0 auto; }
.div_new_1{ float:left; width:100%; padding:20px 0;  height:100%; background:#fff; border-bottom:3px solid #f2f2f2;  }
.new_1_l{ float:left; width:65%; padding:0 20px; border-right:3px solid #f2f2f2; }
.new_1_r{ float:left; width:35%;  padding:0 20px;  }
.newzui_Title{ float:left; width:100%; height:225px; }
.newzui_Title img { float:left; width:100%; height:225px; border-radius:3px; }
.newzui_Title h2{ position:relative; bottom:60px; line-height:30px; font-size:20px; color:#fff;  padding:20px;}
.news_n1{ float:left; width:100%;   }
.news_n1_tt{ float:left; width:100%; line-height:35px; border-bottom:2px solid #f2f2f2; font-size:16px; font-weight:bold; color:#000;  }
.news_n1 ul li{ float:left; width:100%; border-bottom:1px dashed #f2f2f2; line-height:30px; }
.news_n1 ul li img{ margin-right:3px;   }
.news_n1 ul li span{ float:left;   }

.div_usabout{width:100%;  height:100%; padding-top:20px; padding-bottom:20px;  }
.about_us{ float:left; width:100%;  height:100%;  }
.about_us_r{ width:100%;  margin:0 auto 20px; color:#fff; }
.about_us_rpn{ float:left; clear:both; line-height:30px; color:#fff; }
.about_us_rpn span{  color:#fff; }

.US_title{   
   text-align: center;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    font-size: 42px;
    color: #fff;
    font-weight: 100;
	}


.divtitlename{ width:100%; float:left; margin-bottom:20px;  height:40px; border-bottom:2px solid #CCC;}
.divtitlename a{ padding:15px 10px; font-size:16px; color:#006cb7; border-bottom:2px solid #006cb7;}
.divtitlename p{ padding:15px 10px; font-size:16px; border-bottom:2px solid #006cb7;}
.divwxin{ float:left; width:100%; margin-top:-10px;   }
.divwxin img{ clear:both;width:70%; }
.divwxin p { float:left; padding-left:10px; padding-top:18%; text-align:center;  }
.divkefuwx{ float:left;padding-left:40px; padding-top:-10px;height:100px; border:0;}

.gb-contact{z-index:9999;right:10px;position:fixed;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
.gb-contact li{margin-bottom:10px;height:60px;width:60px;transition:0.5s;position:relative}
.gb-contact .txt{position:absolute;right:0;height:60px;overflow:hidden;transition:0.5s;width:60px;line-height:40px; padding-top:10px; font-size:16px;color:#ffffff;padding-right:60px;text-align:center;background:rgba(224,0,0,0.8);border-radius:60px}
.gb-contact .ico{transition:0.5s;position:absolute;right:0;top:0;background-color:#e00000;background-image:url("img33.png");background-repeat:no-repeat;display:inline-block;height:60px;width:60px;border-radius:60px}
.gb-contact .ico-phone{background-position:3px -2px}
.gb-contact .ico-zx{background-position:3px -73px}
.gb-contact .ico-wx{background-position:3px -135px}
.divtetxt{color:#ffffff;}
.gb-contact li:hover .txt{width:260px; height:100px;color:#ffffff;}

.gb-contact li:hover .ico{background-color:#e00000}
.gb-contact li:hover .ico-phone{background-position:3px -2px}
.gb-contact li:hover .ico-zx{background-position:3px -73px}
.gb-contact li:hover .ico-wx{background-position:3px -135px}

.divnews li{ float:left; width:100%;font-size:20px;padding:15px 3px;   }
.divnews li a{}
.divnews li:hover{ border-radius:2px; box-shadow: 0 0 5px 0 rgba(0,0,0,.2);}
.newlis{   }
.date_pull_right{ float: right; text-align:right; }
.footer-area{ float:left; width:100%; background:url(liuyanbj.png) no-repeat; background-size:100% 100%; min-height:600px; }

.contactly{width:800px; float:left; margin-left:15%; margin-top:16%;   }
.divlym{ float:left; width:50%; }
.contactlyh2
{
	font-size: 18px;
	font-weight: 600
}
.has-padding
{
	float:left;  padding:10px; 
}
.divft3{ width:100%; min-height:180px; border-bottom:1px solid #fff;}
.footlx{ float:left; width:100%; color:#fff;  }
.footerrt{ float:left; width:25%; margin-left:10%; }
.footerrt img{ margin-top:30px;}

.footermd{ float:left; width:40%; }
.footerlf{ float:left; width:25%; }

.footerweixin{ float: left;  }
.footerweixin h3{ text-align:center; font-size:16px; font-weight:600px; color:#fff;}
.footerweixin img{ float:left; width:150px; margin-left:5px; height:160px; }
.footercopy-text{ float:left; width:100%; margin:0 auto;}
 .divcopyright
{
	width:1000px;
	margin:0 auto;
	font-size: 9px;
	color: #d4d4d4;
	text-align: center;
	
}

.newstitles{ float:left;  width:75%; }
.newstime{ float:left; width:25%; }

}

@media (min-width: 800px) and (max-width: 1099px)
{
.gb-contact{z-index:9999;right:10px;position:fixed;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
.gb-contact li{margin-bottom:10px;height:60px;width:60px;transition:0.5s;position:relative}
.gb-contact .txt{position:absolute;right:0;height:60px;overflow:hidden;transition:0.5s;width:60px;line-height:40px; padding-top:10px; font-size:16px;color:#ffffff;padding-right:60px;text-align:center;background:rgba(224,0,0,0.8);border-radius:60px}
.gb-contact .ico{transition:0.5s;position:absolute;right:0;top:0;background-color:#e00000;background-image:url("img33.png");background-repeat:no-repeat;display:inline-block;height:60px;width:60px;border-radius:60px}
.gb-contact .ico-phone{background-position:3px -2px}
.gb-contact .ico-zx{background-position:3px -73px}
.gb-contact .ico-wx{background-position:3px -135px}
.divtetxt{color:#ffffff;}
.gb-contact li:hover .txt{width:260px; height:100px;color:#ffffff;}

.gb-contact li:hover .ico{background-color:#e00000}
.gb-contact li:hover .ico-phone{background-position:3px -2px}
.gb-contact li:hover .ico-zx{background-position:3px -73px}
.gb-contact li:hover .ico-wx{background-position:3px -135px}
	
	
	
.divnews li{ float:left; width:100%;font-size:20px; padding:15px 3px; }
.divnews li a{}
.divnews li:hover{ border-radius:2px; box-shadow: 0 0 5px 0 rgba(0,0,0,.2);}
.newlis{   }
.date_pull_right{ float: right; text-align:right; }
.footer-area{ float:left; width:100%; background:url(liuyanbj.png) no-repeat; background-size:100% auto; min-height:600px; }

.contactly{width:800px; float:left; margin-left:15%; margin-top:11%;   }
.divlym{ float:left; width:50%; }
.contactlyh2
{
	font-size: 18px;
	font-weight: 600
}
.has-padding
{
	float:left;  padding:10px; 
}
.divft3{ width:100%; min-height:180px; border-bottom:1px solid #fff;}
.footlx{ float:left; width:100%; color:#fff;  }
.footerrt{ float:left; width:25%; margin-left:10%; }
.footerrt img{ margin-top:30px;}

.footermd{ float:left; width:40%; }
.footerlf{ float:left; width:25%; }

.footerweixin{ float: left;  }
.footerweixin h3{ text-align:center; font-size:16px; font-weight:600px; color:#fff;}
.footerweixin img{ float:left; width:150px; margin-left:5px; height:160px; }
.footercopy-text{ float:left; width:100%; margin:0 auto;}
	
	
	
 .divcopyright
{
	width:1000px;
	margin:0 auto;
	font-size: 9px;
	color: #d4d4d4;
	text-align: center;
	
}

.newstitles{ float:left; width:75%; }
.newstime{ float:left; width:25%; }	
	
	
	}
@media (min-width: 10px) and (max-width: 799px)
{
.gb-contact{ width:1px; height:1px; overflow:hidden; }

	
	
.divnews{ float:left; width:100%;}
.divnews li{ float:left; width:100%;font-size:20px; padding:15px 3px;}
.divnews li a{}
.divnews li:hover{ border-radius:2px; box-shadow: 0 0 5px 0 rgba(0,0,0,.2);}
.newlis{   }
.date_pull_right{ float: right; text-align:right; }
.footer-area{ float:left; width:100%;}

.contactly{width:100%; float:left;   }
.divlym{ float:left; width:100%; }
.contactlyh2
{
	font-size: 18px;
	font-weight: 600
}
.has-padding
{
	float:left;  padding:10px; 
}
.divft3{ width:100%; min-height:180px; }
.footlx{ float:left; width:100%; color:#fff;  }
.footerrt{ float:left; width:100%; }
.footerrt img{ margin:0 auto; width:80%;  }

.footermd{ float:left; width:100%; padding:20px; }
.footerlf{ float:left; width:100%; }

.footerweixin{ float: left; margin-bottom:20px; }
.footerweixin h3{ text-align:center; font-size:16px; font-weight:600px; color:#fff;}
.footerweixin img{ float:left; width:150px; margin-left:5px; height:160px; }
.footercopy-text{ float:left; width:100%; margin:0 auto;}
	
	
	
 .divcopyright
{
	width:1000px;
	margin:0 auto;
	font-size: 9px;
	color: #d4d4d4;
	text-align: center;
	
}

.newstitles{ float:left; width:70%; }
.newstime{ float:left; width:30%; }	
	
	
	
	}
   @media (max-width: 299px)
{
  .search{width:90%; float:left; margin-left:10px; 	height:150px; 

	color: #999; margin-right:20px; 
	font-family: "Microsoft YaHei", '微软雅黑', 'Simsun', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
    overflow: hidden;
    background-color: #fff;
    border: 2px solid #9e9e9e;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.12) inset;
    box-shadow: 0 0 8px 2px rgba(0,0,0,.12) inset;
}
  
}  
 @media (min-width: 300px) and (max-width: 768px)
{
 .search{width:90%; float:left; margin-left:10px; 	height:150px; 

	color: #999; margin-right:20px; 
	font-family: "Microsoft YaHei", '微软雅黑', 'Simsun', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
    overflow: hidden;
    background-color: #fff;
    border: 2px solid #9e9e9e;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.12) inset;
    box-shadow: 0 0 8px 2px rgba(0,0,0,.12) inset;
}
   
    }
@media (max-width: 768px)
{
* 
{   
	margin:0;
	padding:0;
	font:12px Verdana, Arial}
body{ background:url(images/bjtu.png);background-size:100% 100%;background-attachment:fixed; }
.div_l{ float:left; width:1px; height:1px; overflow:hidden;}
.div_rightis{ float:left; width:100%;margin-left:10px;  margin-top:10px;}
.div_input_finput{  float:left;padding:15px 0;  width:100px; border:0px; margin-right:10px; border-radius:5px;font-size:14px; background:#ff8c00; color:#fff; }
.div_input_finput:hover{ background:#ee7931; }
.div_input_finputc{  float:left;padding:15px 0; width:100px; border:1px solid #ccc; border-radius:5px; font-size:14px; background:#fbfbfb; }
.div_input_finputc:hover{ background:#ee7931; }


.slickban { float:left; width:100%;  margin: 0 auto; overflow: hidden;}
.slickban img { width:100%; background-size:100% 100%; height:100%; }

.div_r1{ width:400px; margin:0 auto; }
.tracktitle{ float:left; padding-bottom:20px; width:100%; text-align:center; font-size:20px; color:#fff; }

.menu_search{ float:left; width:100%; }

.search{width:98%; float:left; 	height:120px; 

	color: #999;  
	font-family: "Microsoft YaHei", '微软雅黑', 'Simsun', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	
    overflow: hidden;
    background-color: #fff;
   border:1px solid #C0C0C0; 
	border-radius: 2px;
	box-shadow: 1px 3px 13px #756e6e;
 
    -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.12) inset;
    box-shadow: 0 0 8px 2px rgba(0,0,0,.12) inset;
}
.search:hover{}
.input_search{ float:left;width:60px; border-radius:5px;  font-size:20px;height:50px; border:0;margin-top:20px; color:#fff; background:#1291c5; margin-left:20px;}
.input_search:hover{ border-radius:5px; background-color:#07bde4;}

.div_canta{ float:left; width:100%; margin-bottom:20px; padding-bottom:50px; }
.div_tb_h{ float:left; width:100%; padding-top:10px; height:30px;}
.danhao{ float:left; width:160px; font-weight:600; margin-right:10px; color:#1d2088;}
.hd{ float:left; color:#F00; font-weight:600;}
.divtracking{   width:90%; height:100%;background:#fff; margin:0 auto;  }
.trackking{float:left; width:100%; height:100%;background:#fff; padding:20px 0px; }
.menu_track{ float:left;  width:100%; height:100%; overflow:hidden;   }
.menu_track ul li{float:left; width:100%; padding:9px 0; height:100%; background:#fff; overflow:hidden; }
.menuhover{ float:left; padding-top:50px;  width:100%; background:#fff;  }
.tracktt41{ float: left; width:1px; height:1px; overflow:hidden; }
.tracktt51{ float: left; border-left:#dcddd7; width:60%;    padding-bottom:20px;  padding-top:20px;  text-align:center; }
.tracktt61{ float: left;width:1px; height:1px; overflow:hidden;}
.tracktt71{ float:  right; height:100%; border-left:#dcddd7;  width:39%;  padding-bottom:20px;  padding-top:20px;  text-align:center;}

.tracktt4{ float:left; width:1px; height:1px; overflow:hidden;  }
.tracktt5{ float: left; width:65%;  padding:20px 0; border:#CCC;  height:100%;text-align:center;  }
.tracktt6{ float: left;width:1px; height:1px; overflow:hidden;   text-align:center; white-space: normal;white-space: pre-wrap;}
.tracktt7{ float: right; height:100%; border-left:#dcddd7; width:30%;  padding:20px 0; text-align:center; white-space: normal;white-space: pre-wrap;}


.menu_track1{ float:left;  width:98%; height:100%;background:#fff;    }
.menu_track1 ul li{float:left; width:100%; height:100%;  list-style:none;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.menu_track1 ul li:hover{ background:#f2f2f2; }



.tracktt1{ float:left; border:#CCC; width:25%; height:100%; padding:20px 0; text-align:center;  }
.tracktt2{ float: left;  width:1px; height:1px; overflow:hidden; }
.tracktt3{ float: left; height:79%;  width:60%; padding:20px 0; text-align:center; white-space: normal;
white-space: pre-wrap;}





.div_li1{ float:left; padding:5px; width:100%;margin-bottom:1px; background:#FFF; color:red;  }
.div_li2{ width:0px; height:0px; overflow:hidden; }
.div_li3{  width:0px; height:0px; overflow:hidden;  }
.div_li4{ width:0px; height:0px; overflow:hidden; }
.div_li5{ width:0px; height:0px; overflow:hidden; }

.div_ck{ float:left; width:0; height:0px; overflow:hidden; padding-top:10px; font-weight:600; color:#6CF;}
.men_li{  width:100%; height:30px; padding-bottom:20px; margin-bottom:20px; }
.men_li ul{ width:100%;}
.men_li ul li{ float:left;  border:1px solid #dcddd7; }
.tabli1{ width:95%;background:#FFF;  padding:5px; margin-bottom:1px; list-style:none;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tabli2{width:0px; height:0; overflow:hidden;}
.tabli3{width:95%;background:#FFF; padding:5px; margin-bottom:1px; list-style:none;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.abc{ font-weight:600; background:#fff; }
.btnch{ border:0px; border-radius:5px; padding:2px 20px; color:#fff; width:50px; height:20px; background:#24296b; }
.egtrcak{ float:left; width:100px; height:60px; margin-left:90px; margin-top:50px;   }


}  
 
.div_con{ width:90%; margin:0 auto; padding-top:20px; height:100%; background:#fff;   }
.div_tracks{ float:left; width:100%; height:100%; padding-bottom:20px; border-bottom:1px solid #999; background:#fff; }
   
     
@media (min-width: 768px)
{

.div_f{ width:1399px; margin:0 auto;    }

.slickban { float:left;  width:100%;  margin: 0 auto; overflow: hidden;}
.slickban img { width:90%; background-size:100% 100%; height:100%; min-height:500px;}
.div_l{ width:600px;  height:200px;}
.tracktitle{ float:left; padding-bottom:20px; width:100%; text-align:center; font-size:20px; color:#000; }

.div_l h3{ float:left; line-height:80px; width:100%;font-size:72px; font-weight:400; color:#fff;}
.div_l span{ float:left; margin-top:10px; line-height:30px; width:100%;font-size:21px; font-weight:400; color:#fff;}

.divhaeder{float:left; width:100%;height: auto;  }
.div_r1{ width:400px; margin:0 auto;    }

.menu_search{ float:left; width:400px;  }

.search{width:99%; float:left; 	height:120px; background:#fff; 

	color: #999; margin-right:20px; 
	font-family: "Microsoft YaHei", '微软雅黑', 'Simsun', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	
    overflow: hidden;
    background-color: #fff;
   border:1px solid #C0C0C0; 
	border-radius: 2px;
	box-shadow: 1px 3px 13px #756e6e;
 
    -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.12) inset;
    box-shadow: 0 0 8px 2px rgba(0,0,0,.12) inset;
}
.search:hover{}
.input_search{ float:left;width:60px; border-radius:5px;  font-size:20px;height:50px; border:0;margin-top:20px; color:#fff; background:#1291c5; margin-left:20px;}
.input_search:hover{ border-radius:5px; background-color:#07bde4;}

.div_canta{ float:left; width:100%;  margin-top:30px; margin-bottom:20px; padding-bottom:50px; background:#f2f2f2;}
.div_tb_h{ float:left; width:1000px; padding-top:10px; height:30px;}
.danhao{ float:left; width:160px; font-weight:600; margin-right:10px; color:#1d2088;}
.hd{ float:left; color:#F00; font-weight:600;}
.divtracking{   width:90%; height:100%; margin:0 auto;  }
.trackking{float:left; width:100%; height:100%;background:#fff;  }
.menu_track{ float:left;  width:100%;height:100%;  background:#fff;    }
.menu_track ul li{float:left; width:100%; height:100%; font-size:16px; padding:6px 0; list-style:none;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.menuhover{ float:left;  width:100%; background:#fff;  }
.trackcom{ margin:0 auto; max-width:1200px; }
.tracktt41{ float: left; border-left:#dcddd7; width:18%;  padding-bottom:20px; padding-left:5%; padding-top:20px;   text-align:left; }
.tracktt51{ float: left; border-left:#dcddd7; width:35%;  padding-bottom:20px; padding-top:20px;  text-align: center;word-break​:break-all;  }
.tracktt61{ float: left; height:100%; border-left:#dcddd7;  width:20%;  padding-bottom:20px; padding-top:20px;  text-align:center;}
.tracktt71{ float: left; height:100%; border-left:#dcddd7;  width:18%;  padding-bottom:20px;  padding-top:20px;  text-align:center;}

.tracktt4{ float: left; border-left:#dcddd7; width:20%; padding:20px 0; text-align:left; }
.tracktt5{ float: left; border-left:#dcddd7; width:38%; padding:20px 0; text-align:center; }
.tracktt6{ float: left; height:100%; border-left:#dcddd7; width:21%;  padding:20px 0; text-align:center; white-space: normal;white-space: pre-wrap;}
.tracktt7{ float: left; height:100%; border-left:#dcddd7; width:20%;  padding:20px 0; text-align:center; white-space: normal;white-space: pre-wrap;}




.menu_track1{ float:left;  width:98%; height:100%;background:#fff;    }
.menu_track1  li{float:left; width:100%; height:100%; font-size:14px;  list-style:none;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.menu_track1 ul li:hover{ background:#f2f2f2; }

.tracktt1{ float: left; border-left:#dcddd7; width:20%; padding:20px 0; text-align:center; }
.tracktt2{ float: left; border-left:#dcddd7; width:20%; padding:20px 0; text-align:center; }
.tracktt3{ float: left; height:100%; border-left:#dcddd7; width:60%; padding:20px 0; text-align:center; white-space: normal;
white-space: pre-wrap;}


.div_ck{ float:left; width:100%; padding:20px 0;  font-weight:600; color:#6CF;}
.men_li{  width:1100px; height:30px; padding-bottom:20px; margin-bottom:20px; }
.men_li ul{ width:1100px;}
.men_li ul li{ float:left;   padding:5px; margin-bottom:1px; list-style:none;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:1px solid #dcddd7; }
.tabli1{ width:162px;background:#FFF; }
.tabli2{width:262px;background:#FFF;}
.tabli3{width:640px;background:#FFF;}
.abc{ font-weight:600;  }
.btnch{ border:0px; border-radius:5px; padding:2px 20px; color:#fff; width:50px; height:20px; background:#24296b; }
.egtrcak{ float:left; width:100px; height:60px; margin-left:90px; margin-top:50px;   }

.div_input_finput{  float:left;padding:15px 0;  width:150px; border:0px; margin-right:10px; border-radius:5px;font-size:16px; background:#ff8c00; color:#fff; }
.div_input_finput:hover{ background:#ee7931; }
.div_input_finputc{  float:left;padding:15px 0; width:150px; border:1px solid #ccc; border-radius:5px; font-size:16px; background:#fbfbfb; }
.div_input_finputc:hover{ background:#ee7931; }
.div_rightis{ float:left; width:100%; padding:5px 0; }
.tablel1{ float:left; width:20%; padding:10px 0;}
.tablel2{ float:left; width:20%;padding:10px 0;}
.tablel3{ float:left; width:60%;padding:10px 0;}

}   


 .divclassdibu{ float:left;  bottom:30px; text-align:center; width:100%; }  
 
 
 .trackbanner{float:left;}
 .divcontat{ width:1200px; margin:0 auto;}

.table-responsive{ float:left; width:100%;}




        /* 手风琴容器样式 */
        .accordion {
            max-width: 1200px;
            margin: 20px auto;
            font-family: Arial, sans-serif;
        }

        /* 手风琴项样式 */
        .accordion-item {
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            margin-bottom: 8px;
            overflow: hidden;
        }

        /* 手风琴标题（触发按钮） */
        .accordion-header {
            background-color: #f5f5f5;
            padding: 8px;
            font-weight: bold;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.3s ease;
      		}

        .accordion-header:hover {
            background-color: #e9e9e9;
        }

        /* 符号容器（隐藏默认/收起符号，显示对应状态） */
        .accordion-icon {
			font-size: 18px;
            width: 20px;
            text-align: center;
        }

        /* 收起符号（默认显示） */
        .icon-collapse {
            display: inline;
        }

        /* 展开符号（默认隐藏） */
        .icon-expand {
            display: none;
        }

        /* 手风琴内容容器 */
        .accordion-content {
            padding: 0 16px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, padding 0.3s ease;
        }

        /* 关键：默认展开的样式 */
        .accordion-item.active .accordion-content {
            max-height: 1000px;
            padding: 16px;
        }

        /* 展开状态：切换符号显示/隐藏 */
        .accordion-item.active .icon-collapse {
            display: none;
        }
        .accordion-item.active .icon-expand {
            display: inline;
        }

.trackbj{ width:100%; background:#f2f2f2; z-index:999; height:100%;}

@media (max-width: 767px) {
.divposition{ position: relative;  left:10px; padding-right:20px;list-style: none;  }
.divposition ul li{ float:left; padding:0px 5px 20px;}
.divposition ul li a{ color:#000; font-size:16px;}

}
@media (min-width: 768px) {
.divposition{ position:absolute; top:5px; right:0; padding-right:20px; }
.divposition ul li{ float:left; padding:5px 5px;}
}
    /* 主菜单样式 */
    .yumenu {
      width: 120px;
      margin: 5px;
      background: #f8f9fa;
      border-radius: 2px;
      font-size:16px;
      overflow: hidden;
    }

    /* 一级菜单项 */
    .yumenu > li {
      border-bottom: 1px solid #e9ecef;
    }

    /* 一级菜单标题 */
    .yumenu-item {
      display: block;
      padding: 12px 15px;
      font-weight: 500;
      background: #fff;
      transition: background 0.2s;
    }

    /* 一级菜单悬停效果 */
    .yumenu > li:hover .yumenu-item {
      background: #e9ecef;
      
    }

    /* 子菜单：默认【收缩状态】 */
    .yusub {
      max-height: 0; /* 高度0，收缩隐藏 */
      overflow: hidden; /* 隐藏超出内容 */
      transition: max-height 0.3s ease; /* 平滑动画 */
      background: #fff;
    }

    /* 子菜单项样式 */
    .yusub li 
    {
        width:100%;
      padding: 10px 20px;
      color: #666;
      border-top: 1px solid #f1f3f5;
    }
     .yusub li a:active{ color:#27b1f9; } 

    /* 核心：鼠标悬停一级菜单 → 子菜单【自动展开】 */
    .yumenu > li:hover .yusub {
      max-height: 200px; /* 大于子菜单实际高度即可 */
     
    }
