@charset "utf-8";
/* CSS Document */
/****** Detail-banner-style ******/
body { background: #ffffff }
.section { padding: 20px 0; margin:0 auto; }
.section .Tit { margin-bottom: 30px; }
.section .Tit h3 { font-size: 30px; line-height: 72px;  color: #333333; text-align: center; background:url(titlebg.png) bottom center no-repeat;   }
.section .Tit p { width:60%; margin: 0 auto; line-height: 24px; padding-top:20px;  color: #666666;  text-align: center;   font-size: 16px;}


#address{
 display:none;
    position: absolute;
    width: 100%;
    height: 100px;
    font-size: 0;
    color: #fff;
	text-align:center;
    margin-top: -200px; }
	
#address .Tit h3 { font-size: 30px; line-height: 72px; text-align:center;  background:url(titlebg.png) bottom center no-repeat;}
#address .Tit p { font-size:24px; width:90%; line-height:40px; text-align:center; margin: 0 auto; font-family: Georgia,Verdana, Arial, Helvetica;  font-weight: bold;  }	

#ad { width:100%;}
#ad img { width: 100%;}

.the-banner{ width:100%;}
.titlew {
    background: #fff;
	padding-bottom: 10PX;
	width:100%;
	margin: 0 auto;
}
.title {
    padding: 10px 0px; line-height:30px; font-size:16px; color:#137633
}
.title a{ color:#333}

.Detailbanner { position: relative; }
.Detailbanner .box { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; margin-top: -45px; }
.Detailbanner .box h2 { font-size: 36px; color: #fff; line-height: 50px; font-weight: 500; }
.DetailSection { padding: 20px 0; }

/****** Detail-location-style ******/
.location { display: inline-block; }
.location i.btn { background: url('../images/icon/icon_Home.png') no-repeat center top 8px; width: 20px; height: 30px; display: none; float: left; }
.location span.title { display: none; }
.location span.space { font-size: 14px; color: #fff; display: inline-block; }
.location span.space a { font-size: 14px; color: #fff; line-height: 40px; display: inline-block; margin: 0 10px; text-transform: uppercase; }
.location span.space span { font-size: 14px; color: #fff; line-height: 40px; display: inline-block; margin: 0 10px; text-transform: uppercase; }

/****** Detail-share-style ******/
.share { margin-bottom: 20px; }
.share .name { float: left; font-size: 14px; color: #333; line-height: 30px; }
.share .bdsharebuttonbox { float: left; }
.share .bdsharebuttonbox a { border-radius: 50%; overflow: hidden; width: 25px; height: 25px; float: right; }
.share .bds_more { background: url('../images/icon/icon-more.jpg') no-repeat center center !important; }
.share .bds_tsina { background: url('../images/icon/icon-weibo.jpg') no-repeat center center !important; }
.share .bds_weixin { background: url('../images/icon/icon-weixin.jpg') no-repeat center center !important; }
.share .bds_qzone { background: url('../images/icon/icon-qq.jpg') no-repeat center center !important; }
.share .bds_tqq { background: url('../images/icon/icon-qqkj.jpg') no-repeat center center !important; }

/****** Detail-pages-style ******/
#dcms_pager .pages { margin-bottom: 20px; margin-top: 20px; text-align: center; }
#dcms_pager .pages span { font-size: 32px; color: #c6c6c6; line-height: 50px; }
#dcms_pager .pages a { display: inline-block; text-align: center; cursor: pointer; font-size: 32px; line-height: 50px; color: #c6c6c6; transition: all 0.3s; }
#dcms_pager .pages .pg { margin: 0 15px; width: 50px; font-family: '宋体'; font-weight: bold; background: #d6d6d6; color: #fff; border-radius: 5px; line-height: 50px; }
#dcms_pager .pages .pgNext,#dcms_pager .pages .pgprev{ margin: 0 15px; width: 50px; font-family: '宋体'; font-weight: bold; background: #d6d6d6; color: #fff; border-radius: 5px; line-height: 50px; }
#dcms_pager .pages a.pgcurrent { color: #137633; }
#dcms_pager .pages a:hover { color: #137633; }
#dcms_pager .pages .pg:hover { background: #137633; color: #fff; }

/****** Detail-public-style ******/
.Up-Down-page { position: relative; background: #eeeeee; padding: 15px; width: 100%; margin: 20px 0; box-sizing: border-box; }
.Up-Down-page .prev { float: left; }
.Up-Down-page .next { float: right; }
.Up-Down-page a { font-size: 16px; color: #666666; line-height: 26px; height:26px; width:auto; display: block; }
.Up-Down-page .prev a { background: url('../images/icon_left.png') no-repeat left center; padding-left: 20px; }
.Up-Down-page .next a { background: url('../images/icon_right.png') no-repeat right center; padding-right: 20px; }
.Up-Down-page .Return { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('../images/icon_menu01.png') no-repeat center center; }
.Up-Down-page .Return:hover { background: url('../images/icon_menu02.png') no-repeat center center; }
.Up-Down-page .prev a:hover {  color: #137633; }
.Up-Down-page .next a:hover {  color: #137633; }

/****** Detail-News-style ******/
.HostNews { background: #fff; margin-bottom: 20px; position: relative; }
.HostNews .left { float: left; width: 49%; }
.HostNews .right { float: right; width: 50%; }
.HostNews .pic { overflow: hidden; }
.HostNews .pic img { width: 100%; transition: all 0.5s; }
.HostNews .Intro { padding: 40px; }
.HostNews .Intro h3 { font-size: 16px; color: #333; line-height: 30px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; display: block; height: 30px; overflow: hidden; }
.HostNews .Intro .date { font-size: 14px; color: #999; line-height: 40px; display: block; text-align: left; }
.HostNews .Intro p { font-size: 14px; color: #666; line-height: 25px; white-space: normal; text-overflow: ellipsis; display: block; height: 50px; overflow: hidden; }
.HostNews .Intro .more { position: absolute; left: 50%; margin-left: 40px; bottom: 40px; font-size: 14px; color: #333; line-height: 36px; padding: 0 10px; border: 1px solid #ccc; }
.HostNews .Intro .more i { margin-left: 15px; }

/****** Detail-Fuwu-style ******/

#Classlist {  background: #FAF5EA url(casebj.jpg);}

/****** Home-Zuopin-style ******/
#Hangye { background: #FAF5EA url(casebj.jpg); }
#Hangye .main li { position: relative;float: left; width: 25%;  }
#Hangye .main .Item { margin: 10PX 20px; border:1px  solid #eee;}
#Hangye .main .Item .pic { overflow: hidden;}
#Hangye .main .Item .pic img {width: 100%;}
#Hangye .main .Item .Intro { padding: 5px 10px; background-color:#333333; }
#Hangye .main .Item .Intro h3 { font-size: 16px; color: #FFFFFF; line-height: 24px; height: 24px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0; text-align:center;}


.Fuwulist ul { margin: 0 -20px; }
.Fuwulist li { float: left; width: 33.33%; }
.Fuwulist .Item { margin: 10px; background: #137633; transition: all 0.5s; }
.Fuwulist .Item .pic { overflow: hidden; }
.Fuwulist .Item .pic img { width: 100%; transition: all 0.5s; }
.Fuwulist .Item .Intro { padding: 5px 10px; }
.Fuwulist .Item .Intro h3 { font-size: 20px; color: #ffffff; line-height: 30px; height: 30px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0;}
.Fuwulist .Item .Intro span { float:right; padding-left:24px; background:url(time.png) left center no-repeat; font-size: 16px; color: #fff; line-height: 30px; }
.Fuwulist .Item .Intro p{margin: 0; height:44px; line-height:22px;  overflow:hidden;}

.Fuwulist .Item:hover {background: #137633; }
.Fuwulist .Item:hover .pic img { transform: scale(1.1); }
.Fuwulist .Item:hover .Intro  { color: #fff; }
.Fuwulist .Item:hover .Intro h3 { color: #fff; }
.Fuwulist .Item:hover .Intro span { color: #fff; }

#PARENT{ margin:0 auto;
}
#plnav {
 width:100%;
 line-height: 36px; 
 list-style-type: none;
 text-align:left;
   
}

#plnav a {

 display: block;
  width: 100%; 
 padding-left:20px;
 line-height: 36px; 
 font-size:16px;
 color:#2E5B84

}
#plnav li {
 background:#137633; 
 border-bottom:#FFF 1px solid; 
 float:left;
 width: 100%;

}
#plnav li a:hover{
 background:#137633; 
}
#plnav a:link  {
 color:#FFF; text-decoration:none;
}
#plnav a:visited  {
 color:#FFF;text-decoration:none;
}
#plnav a:hover  {
 color:#FFF;text-decoration:none;
}

#plnav li ul {
 list-style:none;
 text-align:left;
}
#plnav li ul li{ 
 background: #EBEBEB; 
 line-height:30px;
}
#plnav li ul a{
         padding-left:30px;
		 line-height:34px;
		 color:#333;
		 font-size:16px;

}

#plnav li ul a:link  {
 color:#333; text-decoration:none;
}
#plnav li ul a:visited  {
 color:#333;text-decoration:none;
}
#plnav li ul a:hover {
 color:#333333;
 text-decoration:none;
 font-weight:normal;
 background:#F2F2F2;
 /* onmouseover??*/
}
/*==============================*/
#plnav li:hover ul {
 left: auto;
}
#plnav li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#plnav ul.collapsed {
/* display: none;*/
}

.moreb { padding:20px 0; text-align:left;}
.moreb .more { background: #fffffff; padding: 8px 20px; border-radius: 6px; border:2px solid #137633;  text-align:center;  transition: all 0.5s; margin: 0 auto; margin-top:20px; }
.moreb .more span { font-size: 16px; text-align:center; color: #137633; line-height: 30px;   }



.moreb:hover .more { background: #137633;    }
.moreb:hover .more span {  color: #ffffff;   }

.Tlist{width:100%; overflow:hidden;}
.Tlist li{width:33.3%; float:left; }
.Tlist .Item { margin: 20px; background: #ffffff; transition: all 0.5s; box-shadow: 0 0 30px 0px #ddd; display: list-item;  border:1px solid #dcdcdc;}

.Tlist li .Item:hover{-webkit-transform:translateY(-2%); transform:translateY(-2%); border-color:#b39a71;}
.Tlist li .Item .pic{width:100%; overflow:hidden;}
.Tlist li .Item .pic img{width:100%; display:block;}
.Tlist li .Item .tm{text-align:center; min-height:100px;}
.Tlist li .Item .tm h3{font-size: 24px; color: #333333; line-height: 50px; height: 50px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0;}
.Tlist li .Item .tm p{font-size:20px ; color: #137633; height:30px; line-height:30px; font-weight:bold;   overflow:hidden;}

.Tlist li .Item .llmask{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background-color:#000; filter:alpha(opacity=50); background-color:rgba(0, 0, 0, 0.5); opacity:0; visibility:hidden;}
.Tlist li .Item:hover .llmask{visibility:visible; opacity:1;}
.Tlist li .Item .tn{display:inline-block; /*border:1px solid #fff; */padding:0px; font-size:14px; color:#fff; /*border-radius:5px;*/ position:absolute; left:30%; top:50%; z-index:20; -webkit-transform: translateX(-20%) translateY(-50%); transform: translateX(-20%) translateY(-50%); opacity:0; visibility:hidden; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.Tlist li .Item:hover .tn{visibility:visible; opacity:1; -webkit-transform: translateX(-20%) translateY(-50%); transform: translateX(-20%) translateY(-50%);}



/****** Home-News-style ******/
#News { width:100%; margin:0 auto;}
#News  .Detail-main { padding:20px 0;}
#News .main li { float: left; width: 50%; margin-bottom:20px; padding-left:10px; }
#News .main .Item {  overflow: hidden; padding-left: 180px; position: relative; background: #ffffff; width: 98%; box-shadow: 0 0 10px 0px #ddd;  }
#News .main .Item .pic { height: 140px; overflow: hidden; position: absolute; left: 0; top: 0; }
#News .main .Item .pic img { transition: all 0.3s; width: 180px; height:140px }

#News .main .Item .Intro { padding: 20px; }
#News .main .Item .Intro h3 { font-size: 16px; color: #333333; line-height: 30px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; text-transform: uppercase; }
#News .main .Item .Intro .date { display: block; font-size: 14px; color: #DA0A18; line-height: 30px; padding-left:10px; }
#News .main .Item .Intro p { font-size: 14px; color: #666; line-height: 20px; overflow: hidden; height: 40px; }
#News .main .Item:hover .pic { background: #137633; }
#News .main .Item:hover .pic img { transform: scale(1.1); }
#News .main .Item:hover .Intro { background: #333333; }
#News .main .Item:hover .Intro h3 { color: #ffffff; }
#News .main .Item:hover .Intro .date { color: #ffffff; }
#News .main .Item:hover .Intro p { color: #ffffff; }

/****** Detail-Newslist-style ******/
.Newslist { }
.Newslist ul { margin: 0 -20px; }
.Newslist li { float: left; width: 33.33%; }
.Newslist .Item { margin: 20px; background: #fff; transition: all 0.5s; }
.Newslist .Item .pic { overflow: hidden; }
.Newslist .Item .pic img { width: 100%; transition: all 0.5s; }
.Newslist .Item .Intro { padding: 15px 20px; }
.Newslist .Item .Intro h3 { font-size: 16px; color: #137633; line-height: 30px; height: 30px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0;}
.Newslist .Item .Intro span { font-size: 14px; color: #999; line-height: 40px; }
.Newslist .Item .Intro p{margin: 0; height:44px; line-height:22px;}

.Newslist .Item:hover {background: #137633; }
.Newslist .Item:hover .pic img { transform: scale(1.1); }
.Newslist .Item:hover .Intro  { color: #fff; }
.Newslist .Item:hover .Intro h3 { color: #fff; }
.Newslist .Item:hover .Intro span { color: #fff; }



/****** Detail-NewsDetail-style ******/
.NewsDetail { width:80%; margin: 20px auto; padding:30px;     box-shadow: 0 0 30px 0px #ddd; background-color:#FFFFFF;}
.NewsDetail .Title { text-align: center; padding-bottom: 10px;  }
.NewsDetail .Title h3 { font-size: 24px; color: #333333; line-height: 40px; margin:0px; padding-bottom:10px; }
.NewsDetail .Title span { font-size: 14px; color: #666; line-height: 30px; padding-right: 10px;}
.NewsDetail  .addtime{ background:url(ico_sj.png) left center no-repeat; padding-left:24px;}
.NewsDetail  .chakan{ background:url(ico_ck.png) left center no-repeat; padding-left:24px;}
.NewsDetail .Detail-more { border-top: 1px  dotted #999; margin-top:10px; padding: 20px 10px;}
.NewsDetail .Detail-more  p{ padding-bottom:24px;}
.NewsDetail .Detail-more B {
    color: #333333;
    font-size: 16PX;
}


/****** Detail-NewsDetail-style ******/
.ClassDetail { width:100%; margin: 0 auto; padding:20px 0; }
.ClassDetail .left{ width:74%; float: left; margin: 0 auto;   background:#ffffff;  }
.ClassDetail .right{ width:23%; float: right; margin-right:0px; text-align:right;   }

.ClassDetail .Title { text-align: left; padding-bottom: 10px;  }
.ClassDetail .Title  h3 { font-size: 28px;  color: #333333; text-align: left; }

.ClassDetail .Title span { float:right; font-size:14px; font-weight:400; line-height: 70px; margin-left:10px;     margin-top: 10px;}
.ClassDetail  .addtime{ background:url(ico_sj.png) left center no-repeat; padding-left:24px; }
.ClassDetail  .chakan{ background:url(ico_ck.png) left center no-repeat; padding-left:24px;}

.ClassDetail .Detail-more { margin:20px 0px;}
.ClassDetail .Detail-more .des{ color:#137633; font-weight:bold; font-size:16px; line-height: 28px;}
.ClassDetail .Detail-more .pcon img{ max-width:100%;}
.ClassDetail .Detail-more .pic { text-align:center;}
.ClassDetail .Detail-more .pic img{ width:90%;}
.ClassDetail .Detail-more .picb { text-align:center;}
.ClassDetail .Detail-more .picb img{ width:80%;}



.ClassDetail  .p_pic { width:40%;  overflow: hidden; float:left; border:1px solid #f2f2f2;}
.ClassDetail  .p_pic img{transition: all 0.5s;  width:100%;  }
.ClassDetail  .p_dec { width:60%; float:left; padding:0 30px;}
.ClassDetail  .p_dec  p{  padding:0; margin:0; line-height:30px;}
.ClassDetail  .p_pic:hover img{ transform: scale(1.1);}



.ClassDetail .Detail-more  p{padding: 0 0 24px 0; margin: 0; line-height:24px;}
.ClassDetail .Detail-more  B{ color:#333333; font-size:16PX;}
.ClassDetail .Detail-more .canshu {
    border:1px solid #f2f2f2;
    color: #333333;
    font-size: 14PX;
	background-color:#eeeeee;
	margin:10px 0;
}
.ClassDetail .Detail-more .canshu td{
    color: #333333;
    font-size: 14PX;
	height:30px;
	line-height:24px;
	padding:3px;
	background-color:#FFFFFF;
	text-align:left;
	border-bottom:1px solid #f2f2f2;
}

.ClassDetail .Detail-more .canshu .xma{
    color: #ffffff;
    font-size: 14PX;
	line-height:30px;
	background-color:#137633;
	text-align:center;
	width: 15%;
}


/****** Detail-Media-style ******/
.Media .HostNews .Intro .more { border: none; }
.Media .Item .logo { padding: 10px 0; text-align: center; }
.Media .Item .Intro { padding-top: 10px; }

/****** Detail-Focus on-style ******/
.Focuson { padding: 0 30px; }
.Focuson ul { margin: 0; }
.Focuson li { width: 50%; }
.Focuson .Item { margin: 30px; }

/****** Detail-Partners-style ******/
#Businss { background: url('../images/businessbg.jpg') top center; }
#Partners { background: url('../images/partnerbg.jpg') top center; }
.Par-Title { text-align: center; }
.Par-Title h2 { font-size: 30px; line-height: 60px; color: #000; font-weight: 500; text-align: center; padding-bottom: 10px; margin-bottom: 20px; position: relative; }
.Par-Title h2 .line { position: absolute; left: 50%; bottom: 0; width: 50px; height: 3px; background: #666; margin-left: -25px; }
.Parlist { margin: 0 -10px; margin-bottom: 30px; }
.Parlist li { float: left; width: 20%; }
.Parlist .Item { margin: 10px; text-align: center; background: #fff; }
.Businss .Item { padding: 20px; text-align: center; border: 1px solid #e8e8e8; }
.Businss .Item h3 { font-size: 14px; color: #333; line-height: 30px; margin-top: 10px; font-weight: 500; }
.Partners { margin-bottom: 30px; }
.Partners .Par-Title h2 { color: #fff; }
.Partners .Par-Title h2 .line { background: #fff; }

/****** Detail-Product-style ******/
#Product { background: #ffffff; }
#Product .main li { position: relative;float: left; width:50%;  }
#Product .main .Item { margin:10px; background: #333333; }
#Product .main .Item .pic { overflow: hidden; background-color:#FFFFFF}
#Product .main .Item .pic img { transition: all 0.5s; width: 100%;}
#Product .main .Item:hover .pic img {transform: scale(1.1);}
#Product .main .Item .Intro { padding: 5px 10px; }
#Product .main .Item .Intro h3 { font-size: 16px; color: #ffffff; line-height: 24px; height: 24px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0; text-align:center;}
#Product .main .Item .Intro span { float:right; padding-left:24px; background:url(time.png) left center no-repeat; font-size: 16px; color: #fff; line-height: 30px; }


#Caseshow { background: #ffffff; }
#Caseshow .main { margin:20px 10px;}
#Caseshow .main .des{  font-size:14px;}

#Caseshow .main .Item { margin:10px;  }
#Caseshow .main .Item .pic { overflow: hidden; background-color:#FFFFFF;border:1px solid #ddd}
#Caseshow .main .Item .pic img { transition: all 0.5s; width: 90%; }
#Caseshow .main .Item .Intro { padding: 5px 10px; }
#Caseshow .main .Item .Intro h3 { font-size: 16px;  line-height: 24px;  padding-top:10px;  font-weight: 500; margin: 0; text-align:left;}
#Caseshow .main .Item .Intro p { font-size: 16px;  line-height: 24px; height: 24px;  margin: 0; text-align:left;}

#Caseshow .main .Item .Intro span { font-size: 16px; color: #fff; line-height: 30px; }
#Caseshow .main .Item:hover .pic img {transform: scale(1.1);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:40%;width:30px;height:30px;margin:0;padding:0;border-radius:0; background-color:#eeeeee; overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left: 10px; background:url(bl01.png) center no-repeat }
.owl-theme .owl-controls .owl-buttons .owl-next{right:10px; background:url(br01.png) center no-repeat; }



#Prolist { padding:20px 0px;}
#Prolist .main li { position: relative;float: left; width: 33.3%;  }
#Prolist .main .Item { margin:10px;  }
#Prolist .main .Item .pic { overflow: hidden; background-color:#FFFFFF;border:1px solid #f5f5f5}
#Prolist .main .Item .pic img { transition: all 0.5s; width: 100%;}
#Prolist .main .Item:hover .pic img {transform: scale(1.1);}
#Prolist .main .Item .Intro { padding:0px; }
#Prolist .main .Item .Intro span { float:right; padding-left:24px; background:url(time.png) left center no-repeat; font-size: 16px; color: #fff; line-height: 30px; }
#Prolist .main .Item .Intro p{ height:42px; line-height:20px;  }

/****** Detail-AgentImport-style ******/
.bg02 { background: url('../images/bg02.jpg') bottom center; }
.bg03 { background: url('../images/bg03.jpg') bottom center; }
.bg04 { background: url('../images/bg04.jpg') bottom center; }
.bg05 { background: url('../images/bg05.jpg') bottom center; }
.bg06 { background: url('../images/bg06.jpg') bottom center; }
.bg07 { background: url('../images/bg07.jpg') bottom center; }
.Import { }
.Import .Intro { margin-bottom: 30px; }
.Import .Intro p { font-size: 16px; color: #333; line-height: 30px; }
.Importlist { margin-bottom: 30px; }
.Importlist .listTit { font-size: 16px; color: #000; line-height: 40px; }
.Importlist li { float: left; width: 16.66%; }
.Importlist ul { margin: 0 -11px; }
.Importlist .Item { background: #fff; border: 1px solid #e3e3e3; margin: 11px; border-radius: 5px; padding: 20px 0; padding-bottom: 0px; text-align: center; }
.Importlist .Item .pic { width: 70px; height: 60px; position: relative; margin: 0 auto; text-align: center; overflow: hidden; }
.Importlist .Item .pic img { transition: all 0.3s; position: absolute; left: 0; top: 0px; }
.Importlist .Item h3 { font-size: 14px; color: #333; line-height: 20px; height: 50px; font-weight: 500; text-align: center; margin-top: 10px; }
.Importlist .Item h3 span { display: inline-block; line-height: 20px; font-size: 12px; }
.Importlist .Item:hover .pic img { top: -60px; }
.Importlist .Item:hover h3 { color: #a0c02d; }
.Import .process { text-align: center; }
.Import .process .pic { margin: 0 auto; text-align: center; margin-bottom: 20px; }
.Import .process .pic img { text-align: center; }
.Import .process .note { margin-bottom: 40px; }
.Import .process .note li { display: inline-block; margin: 0 15px; }
.Import .process .note li span { display: inline-block; }
.Import .process .note li .name { font-size: 16px; color: #000; line-height: 30px; }
.Import .process .note li .line { height: 4px; width: 30px; border-radius: 5px; margin-bottom: 2px; margin-right: 5px; }
.Import .process .note li .line.blue { background: #4573c4; }
.Import .process .note li .line.green { background: #70ad47; }
.Import .process .note li .line.orange { background: #ffc000; }

/****** Detail-StockControl-style ******/
.StockControl ul { margin: 0 -25px; }
.StockControl li { width: 50%; }
.StockControl .Item { padding: 30px 50px; margin: 0 25px; }
.StockControl .Item h3 { height: auto; margin-bottom: 10px; }
.StockControl .Item .Intro { height: 84px; }
.StockControl .Item .Intro p { font-size: 16px; color: #333; line-height: 28px; }

/****** Detail-SupplyFinance-style ******/
#SupplyFinance { }
#SupplyFinance .Supply { margin: 0 auto; text-align: center; }
#SupplyFinance .Supply .Importlist li { display: inline-block; float: none; }
#SupplyFinance .Supply .listTit { font-size: 18px; font-weight: 500; }

/****** Detail-Cooperation-style ******/
#Cooperation { }
.process { margin: 0 auto; margin-bottom: 50px; width: 90%; position: relative; }
.process .Item { text-align: center; float: left; width: 46%; margin: 0 2%; z-index: 8; display: block; position: relative; margin-bottom: 50px; }
.process .Item .pic { width: 76px; height: 76px; border-radius: 50%; overflow: hidden; margin: 0 auto; text-align: center; }
.process .Item h3 { font-size: 18px; color: #000; line-height: 40px; }
.process .Item p { font-size: 14px; color: #000; line-height: 26px; height: 78px; }
.process .lcbox1 { position: relative; }
.process .lcbox2 { position: relative; }
.process .lcbox3 { position: relative; }
.process .lcbox1 .Item { width: 33.33%; }
.process .lcbox1 .Item:first-child { width: 20%; }
.process .lcbox1 .hx { position: absolute; left: 120px; width: 90%; top: 34px; height: 9px; background-image: url('../images/hzlc-hx.png'); z-index: 1; }
.process .lcbox1 .zjrt { position: absolute; left: 90%; top: 34px; margin-left: 120px; width: 32px; height: 32px; background: url('../images/hzlc-zj01.png') no-repeat; }
.process .lcbox1 .sx { position: absolute; left: 90%; margin-left: 144px; top: 66px; width: 8px; height: 80%; background-image: url('../images/hzlc-sx.png'); }
.process .lcbox1 .zjrb { position: absolute; left: 90%; margin-left: 120px; top: 80%; margin-top: 66px; width: 32px; height: 32px; background: url('../images/hzlc-zj02.png') no-repeat; }
.process .lcbox2 .hx { position: absolute; right: 10%; margin-right: -120px; width: 100%; top: 40px; height: 9px; background-image: url('../images/hzlc-hx.png'); z-index: 1; }
.process .lcbox2 .zjlt { position: absolute; right: 100%; margin-right: -12px; top: 39px; width: 32px; height: 32px; background: url('../images/hzlc-zj03.png') no-repeat; }
.process .lcbox2 .sx { position: absolute; right: 100%; margin-right: 10px; top: 71px; width: 8px; height: 80%; background-image: url('../images/hzlc-sx.png'); }
.process .lcbox2 .zjlb { position: absolute; right: 100%; margin-right: -12px; top: 80%; margin-top: 71px; width: 32px; height: 32px; background: url('../images/hzlc-zj04.png') no-repeat; }
.process .lcbox3 .hx { position: absolute; left: 12px; width: 88%; top: 44px; height: 9px; background-image: url('../images/hzlc-hx.png'); z-index: 1; }
.process .lcbox3 .Item { width: 24%; margin: 0; margin-left: 26%; margin-top: 15px; }
.hotline { position: relative; margin-bottom: 50px; }
.hotline h3 { font-size: 20px; color: #fff; line-height: 50px; text-align: center; z-index: 90; position: absolute; left: 0; top: 50%; width: 100%; margin-top: -25px; font-weight: 500; }
.hotline h3 i { font-size: 40px; margin-right: 10px; position: relative; top: 5px; }
.hotline h3 span { margin-right: 30px; display: inline-block; }

/****** Detail-PlanToCustomize-style ******/


.Planlist .list li { margin-bottom: 20px; }
.Planlist .list .Item .left { width: 40%; }
.Planlist .list .Item .right { width: 60%; }
.Planlist .list .ItemA .left, .Planlist .list .ItemB .right { float: left; }
.Planlist .list .ItemA .right, .Planlist .list .ItemB .left { float: right; }
.Planlist .list .Item { background: #fff; position: relative; margin: 20px 0; box-shadow: 0 0 30px 0px #ddd; }
.Planlist .list .Item .pic { overflow: hidden; }
.Planlist .list .Item .pic img { transition: all 0.5s; width: 100%; padding: 36PX;}
.Planlist .list .Item .Intro { padding: 20px 30px; position: relative; }
.Planlist .list .Item .Intro h3 { font-size: 24px; color: #333333; line-height: 50px; padding-bottom: 6px; margin-bottom: 10px; position: relative; background:url(titlebg.png) bottom left no-repeat;  }
.Planlist .list .Item .Intro h3 .line { position: absolute; left: 0; bottom: 0; height: 2px; width: 40px; background: #dadada; display: block; }
.Planlist .list .Item .Intro .box { height:auto;}
.Planlist .list .Item .Intro p { font-size: 14px; color: #666666; line-height: 24px; }
.Planlist .list .Item .more { border: 1px solid #e0e0e0; padding: 10px 15px; font-size: 14px; line-height: 20px; color: #000; transition: all 0.5s; }
.Planlist .list .Item .more i { font-size: 12px; margin-left: 30px; }
.Planlist .list .Item .Intro .Triangle { position: absolute; top: 30px; width: 26px; height: 30px; }
.Planlist .list .ItemA .Intro .Triangle { right: -26px; background: url('../images/icon-sjleft01.png')no-repeat left center; }
.Planlist .list .ItemB .Intro .Triangle { left: -26px; background: url('../images/icon-sjright01.png')no-repeat right center; }
.Planlist .list .Item:hover h3 { color: #333333; }
.Planlist .list .Item:hover .more { background: #a0c02d; color: #fff; }

/****** Detail-PerfectCustom-style ******/
.PerfectCustom { }
.PerfectCustom p { font-size: 16px; color: #333; line-height: 28px; }
.PerfectCustom .Our { margin: 30px 0; }
.PerfectCustom .Our .Title { }
.PerfectCustom .Our .Title h2 { font-size: 16px; color: #a0c02d; line-height: 30px; margin-bottom: 10px; }
.OurDifferent .Title li { float: left; margin-right: 20px; font-size: 16px; color: #333; line-height: 28px; }
.OurDifferent .Item { padding: 40px 0; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #fff; }
.OurDifferent .Item .pic img { width: 100%; }
.OurDifferent .Item .Intro h3 { font-size: 16px; color: #333; line-height: 20px; position: relative; padding-bottom: 10px; margin-bottom: 10px; }
.OurDifferent .Item .Intro h3 .line { position: absolute; left: 0; bottom: 0; width: 40px; height: 1px; background: #dedede; }
.OurDifferent .Item .left { width: 43%; }
.OurDifferent .Item .right { width: 54%; }
.OurDifferent .ItemA .left, .OurDifferent .ItemB .right { float: right; }
.OurDifferent .ItemA .right, .OurDifferent .ItemB .left { float: left; }
.OurDifferent .Item:first-child { border-top: none; }
.OurSolution { }
.OurSolution .list li { float: left; margin-right: 30px; }
.OurSolution .list li a { font-size: 16px; color: #fff; line-height: 49px; width: 281px; height: 49px; background: url('../images/Titbg01.png') no-repeat center center; display: block; text-align: center; }
.PerfectOrder .Title { margin-bottom: 30px; }
.PerfectOrder .main .left { float: left; width: 62%; }
.PerfectOrder .main .right { float: right; width: 36%; }
.PerfectOrder .main .Intro h3 { font-size: 16px; color: #333; line-height: 30px; }
.PerfectOrder .main .Intro p { line-height: 25px; }

/****** Detail-Originality power "made in China 2025"-style ******/
.Originality { }
.Originality .Title { }
.Originality .Title p { font-size: 16px; color: #333; line-height: 30px; }
.Originality .Item { margin: 40px 0; }
.Originality .Item .Q { margin-bottom: 30px; position: relative; padding-left: 120px; }
.Originality .Item .Q .left { position: absolute; left: 0; top: 0; width: 80px; height: 80px; border-radius: 50%; }
.Originality .Item .Q .Intro { padding: 10px 20px; min-height: 80px; border: 1px solid #e8e8e8; border-radius: 5px; position: relative; background: #fff; }
.Originality .Item .Intro p { font-size: 14px; color: #555; line-height: 25px; }
.Originality .Item .Q .Intro .Triangle { position: absolute; left: -16px; top: 30px; width: 16px; height: 20px; display: block; background-image: url('../images/icon-sjxleft.png'); }
.Originality .Item .A { position: relative; padding-right: 120px; }
.Originality .Item .A .left { position: absolute; right: 0; top: 0; width: 80px; height: 80px; border-radius: 50%; }
.Originality .Item .A .Intro { padding: 10px 20px; min-height: 80px; border: 1px solid #a0c02d; border-radius: 5px; position: relative; background: #fff; }
.Originality .Item .A .Intro .Triangle { position: absolute; right: -16px; top: 30px; width: 16px; height: 20px; display: block; background-image: url('../images/icon-sjxright.png'); }

/****** Detail-Traders-style ******/
.Traders { }
.Traders h3 { font-size: 18px; color: #000; line-height: 30px; }
.Traders p { font-size: 18px; color: #333; line-height: 28px; }
.Traders > div { margin-bottom: 40px; }
.Traders .ITS2 { }
.Traders .ITS2 .left { float: left; width: 68%; }
.Traders .ITS2 .right { float: right; width: 30%; }
.Traders .ITS3 { border-bottom: 1px dashed #ccc; padding-bottom: 30px; }
.Traders .ITS3 .left { float: left; width: 50%; }
.Traders .ITS3 .right { float: right; width: 48%; }
.Traders .ITS3 .Intro { margin-top: 15%; }
.Traders .ITS3 .Intro p { font-size: 18px; color: #000; line-height: 30px; }
.Traders .ITS4 { }
.Traders .ITS4 p { font-size: 18px; color: #000; line-height: 30px; }
.Traders .ITS4 .main { margin-top: 30px; }
.Traders .ITS4 .main .left { float: left; width: 50%; }
.Traders .ITS4 .main .right { float: right; width: 50%; padding-left: 20px; }

/****** Detail-ContactUs-style ******/
.ContactUs { }
.ContactUs .dtu { margin-bottom: 10px; }
.Contactlist { }
.Contactlist li { padding: 30px 0; border-bottom: 1px dashed #a4a4a4; }
.Contactlist .Item { }
.Contactlist .Item .Intro { }
.Contactlist .Item .Intro h3 { font-size: 16px; color: #000; line-height: 40px; transition: all 0.3s; }
.Contactlist .Item .Intro p { font-size: 14px; color: #333; line-height: 26px; }
.Contactlist .Item .pic .iconfont { font-size: 60px; font-weight: 100; line-height: 90px; color: #a2a2a2; padding: 0 20px; transition: all 0.3s; }
.Contactlist .Item:hover .Intro h3 { color: #a0c02d; }
.Contactlist .Item:hover .pic .iconfont { color: #a0c02d; }

/****** Detail-JoinUs-style ******/
.JoinUs { }
.JoinUs .main { width: 80%; margin: 0 auto; }
.JoinUs .main li { float: left; width: 50%; }
.JoinUs .main .Item { background: #fff; margin: 20px; border-radius: 5px; text-align: center; padding: 40px; border: 1px solid #e5e5e5; }
.JoinUs .main .Item .pic { width: 80px; height: 80px; margin: 0 auto; position: relative; overflow: hidden; }
.JoinUs .main .Item .pic img { position: absolute; left: 0; top: -80px; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.JoinUs .main .Item h3 { font-size: 18px; color: #000; line-height: 40px; margin-top: 10px; font-weight: 500; text-align: center; }
.JoinUs .main .Item:hover .pic img { top: 0; }
.JoinUs .main .Item:hover h3 { color: #87ab0b; }

/****** Detail-Job-style ******/
.Joblist { }
.Joblist li { margin: 30px 0; }
.Joblist .Item { background: #fff; padding: 15px 30px 20px 30px; position: relative; padding-left: 140px; border: 1px solid #f0f0f0; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.Joblist .Item .pic { position: absolute; left: 30px; top: 20px; height: 80px; width: 80px; text-align: center; overflow: hidden; }
.Joblist .Item .pic img { position: absolute; left: 0; top: -80px; transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; }
.Joblist .Item .Intro { }
.Joblist .Item h3 { font-size: 16px; color: #000; line-height: 40px; font-weight: 500; }
.Joblist .Item p { font-size: 14px; color: #666666; line-height: 26px; height: 52px; overflow: hidden; }
.Joblist .Item:hover { background: #a8c546; }
.Joblist .Item:hover .pic img { top: 0; }
.Joblist .Item:hover h3 { color: #fff; }
.Joblist .Item:hover p { color: #fff; }
.Joblist li:first-child { margin-top: 0; }
.Joblist li:last-child { margin-bottom: 0; }

/****** Detail-JobDetail-style ******/
.JobDetail { background: #fff; border-radius: 5px; padding: 30px 8%; box-shadow: 0 0 5px 1px #ddd; }
.JobDetail .Title { text-align: center; padding: 20px 0; padding-top: 0; border-bottom: 1px solid #ececec; }
.JobDetail .Title h2 { font-size: 24px; color: #9ebf2a; line-height: 60px; }
.JobDetail .Detail-more { padding: 30px 0; border-bottom: 1px solid #ececec; margin-bottom: 30px; }
.JobDetail .Detail-more h3 { font-size: 16px; color: #333333; line-height: 30px; }
.JobDetail .Detail-more p { font-size: 14px; color: #666666; line-height: 26px; }
.JobDetail .bottom { text-align: center; margin-bottom: 30px; }
.JobDetail .bottom .btn { background: #a0c02d; font-size: 16px; color: #fff; line-height: 50px; height: 50px; font-weight: 600; width: 160px; display: block; text-align: center; margin: 0 auto; border-radius: 5px; }
.Jobpup { position: fixed; top: 100%; left: 0; width: 100%; height: 100%; text-align: center; z-index: 100; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.Jobpup .pupbg { position: absolute; left: 0; width: 100%; height: 100%; background-image: url('../images/hsbg01.png'); z-index: 101; }
.Jobpup .pup { position: absolute; width: 600px; height: 320px; border-radius: 5px; background: #fff; z-index: 102; text-align: center; left: 50%; top: 50%; margin-left: -300px; margin-top: -160px; }
.Jobpup .pup .close { position: absolute; right: -30px; top: -30px; width: 40px; height: 40px; background: url('../images/icon-close.png')no-repeat center center #9fbf2a; border-radius: 50%; cursor: pointer; z-index: 103; }
.Jobpup .pup .centre { position: absolute; left: 0; width: 100%; top: 50%; height: 160px; margin-top: -80px; }
.Jobpup .pup .centre h3 { font-size: 20px; color: #666; line-height: 80px; position: relative; text-align: center; font-weight: 500; }
.Jobpup .pup .centre .line { position: absolute; left: 50%; width: 40px; height: 1px; background: #ccc; bottom: 0; margin-left: -20px; }
.Jobpup .pup .centre a { font-size: 26px; color: #9fbf2a; line-height: 80px; }

/****** Detail-Partner platform-style ******/
.Platform { }
.Platform h2 { font-size: 30px; color: #000; line-height: 60px; font-weight: 500; margin-bottom: 10px; }
.Platform h2 span { background: #a0c02d; color: #fff; font-size: 40px; font-family: Arial; border-radius: 5px; padding: 0 2px; margin-right: 10px; }
.Platform .top { text-align: center; padding: 20px; padding-bottom: 50px; border-bottom: 1px dashed #333; }
.Platform .top .pic { margin-bottom: 40px; }
.Platform .top p { font-size: 18px; color: #000; line-height: 28px; }
.Platform > div { margin-bottom: 40px; }
.Platlist .Item { padding: 40px 0; border-bottom: 1px dashed #333; }
.Platlist .Item .left { width: 40%; }
.Platlist .Item .right { width: 57%; padding: 6% 0; }
.Platlist .ItemA .left { float: right; }
.Platlist .ItemA .right { float: left; }
.Platlist .ItemB .left { float: left; }
.Platlist .ItemB .right { float: right; }
.Platlist .Item .Intro p { font-size: 16px; color: #000; line-height: 26px; }
.Platlist .Item .pic { margin: 0 auto; text-align: center; }
.Platlist .Item .pic p { font-size: 18px; color: #a0c02d; line-height: 30px; text-align: center; }
.Platlist .Item:nth-child(2) .right { padding: 10% 0; }
.Platlist .Item:nth-child(3) .right { padding: 10% 0; width: 53%; }
.Require .Title { margin-bottom: 40px; text-align: center; }
.Require .main { margin: 0 -25px; }
.Require .main li { float: left; width: 33.33%; }
.Require .main .Item { position: relative; margin: 25px; padding: 20px; }
.Require .main .Item .left { float: left; width: 30%; }
.Require .main .Item .right { float: right; width: 66%; }
.Require .main .Item .Intro { padding: 5% 0; }
.Require .main .Item .Intro p { font-size: 16px; color: #000; line-height: 30px; height: 60px; }
.Require .main .Item .line { position: absolute; display: block; }
.Require .main .Item .line1, .Require .main .Item .line3 { left: 15px; width: 90%; height: 5px; background-image: url('../images/line01.png'); }
.Require .main .Item .line1 { top: 0; }
.Require .main .Item .line3 { bottom: 0; }
.Require .main .Item .line2, .Require .main .Item .line4 { width: 5px; top: 15px; height: 87%; background-image: url('../images/line02.png'); }
.Require .main .Item .line2 { left: 0; }
.Require .main .Item .line4 { right: 0; }
.Require .main .Item .Angle { position: absolute; width: 15px; height: 15px; display: block; }
.Require .main .Item .A1 { background-image: url('../images/A01.png'); right: 0; top: 0; }
.Require .main .Item .A2 { background-image: url('../images/A02.png'); right: 0; bottom: 0; }
.Require .main .Item .A3 { background-image: url('../images/A03.png'); left: 0; bottom: 0; }
.Require .main .Item .A4 { background-image: url('../images/A04.png'); left: 0; top: 0; }
.Income .Title { margin-bottom: 40px; text-align: center; }
.Income .main { width: 76%; margin: 0 auto; position: relative; }
.Income .main .left { float: left; width: 44%; }
.Income .main .right { float: right; width: 44%; }
.Income .add { position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; background: url('../images/icon-add.png')no-repeat center center; width: 33px; height: 33px; }
.Platform .bottom { text-align: center; margin-top: 80px; }
.Platform .bottom a { background: url('../images/joinbtn.png') no-repeat center center; display: block; margin: 0 auto; width: 249px; height: 76px; font-size: 0; }

/****** Detail-Query-style ******/
.Query { }
.Query .contact p { font-size: 16px; color: #000; line-height: 30px; }
.Query .contact p span { margin-right: 50px; }
.Query .contact em { margin-right: 20px; }
.Query .box { background: #fff; border: 1px solid #ececec; border-radius: 5px; margin-bottom: 30px; padding: 20px 25px; }
.Query .box .Title { position: relative; padding-bottom: 20px; margin-bottom: 20px; }
.Query .box .Title .line { position: absolute; left: 0; width: 100%; bottom: 0; }
.Query .box .Title h2 { font-size: 18px; color: #8eb500; line-height: 20px; position: relative; padding-left: 10px; }
.Query .box .Title h2 .line { position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: #97ba26; }
.Query .box .Title .btnline { background-image: url('../images/btnline.jpg'); position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; }
.Query .box .form { }
.Query .box .form .search { float: right; line-height: 40px; height: 40px; padding: 0 20px; background: #a0c02d; font-size: 14px; color: #fff; margin-left: 15px; }
.Query .box .form .search .icon-search { margin-right: 5px; }
.Query .box .form .controls { float: right; margin-left: 15px; }
.Query .box .form .controls span { font-size: 14px; color: #666666; line-height: 30px; }
.Query .box .form .controls select { border: 1px solid #dedede; width: 250px; height: 40px; }
.Query .box .form .controls .keywords { border: 1px solid #dedede; width: 250px; height: 40px; font-size: 14px; color: #000; line-height: 36px; padding: 0 5px; }
.Query .box table { width: 100%; margin-bottom: 20px; }
.Query .box table thead { background: #f8f8f8; font-size: 14px; color: #000; line-height: 40px; text-align: center; }
.Query .box table tbody { font-size: 14px; color: #333; line-height: 40px; text-align: center; }
.Query .box table tbody tr { background: #f8f8f8; }
.Query .box table tbody tr:nth-child(2n+1) { background: #ffffff; }

/****** Detail-AboutUs-style ******/
.AboutUs { }
.AboutUs .Title { margin-bottom: 30px; }
.AboutUs .Title h2 { font-size: 30px; font-weight: 500; color: #fff; line-height: 50px; text-align: center; position: relative; padding: 10px 0; padding-bottom: 20px; }
.AboutUs .Title h2 .line { position: absolute; left: 50%; bottom: 0; width: 40px; height: 2px; background: #fff; margin-left: -20px; }
.AboutUs .DetailSection { background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }

#Company { background-image: url('aboutbg.jpg'); background-attachment: fixed; }
#Company .container { overflow: hidden; }
#Company .Title { margin-top: 5%; }
#Company .main .centre { width: 83%; margin: 0 auto; padding: 20px 0;}
#Company .main .left { float: left; width: 28%; }
#Company .main .right { float: right; width: 70%; }
#Company .main .Intro { color: #666; }
#Company .main .Intro h3 { font-size: 16px; line-height: 40px; }
#Company .main .Intro p { font-size: 14px; line-height: 23px; }
#Introduce {  background: url(baibg.png); height: auto; position: relative;width: 100%;padding: 30PX; border-right: 15PX solid #033E68;}
#Introduce .scroll_container { overflow: hidden; position: relative; }
#Introduce .scroll_absolute { position: absolute; width: 95% !important; }
#Introduce .scroll_vertical_bar { position: absolute; top: 0; right: 2px; width: 2px; height: 100%; background: #fff; margin: 0; padding: 0; }
#Introduce .scroll_track { position: relative; background-color: #fff; }
#Introduce .scroll_drag { position: absolute; top: 0; left: -2px; width: 6px; border-radius: 20px; cursor: pointer; background: #a0c02d; }
#Introduce .scroll_arrow { text-indent: -20000px; display: block; cursor: pointer; background-color: #a0c02d; }
#Introduce .scroll_vertical_bar .scroll_arrow { height: 16px; }




/****** showlist-style ******/
#Showlist { background:#FFFFFF; }
#Showlist .main li { position: relative;float: left; width: 33.3%;  }
#Showlist .main .Item { margin: 5PX 10px;  }
#Showlist .main .Item .pic { overflow: hidden;}
#Showlist .main .Item .pic img {transition: all 0.5s; width: 100%;}


#Showlist .main .Item .Intro { padding: 10px 0; }
#Showlist .main .Item .Intro h3 { font-size: 18px; color: #137633; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:2; text-transform: uppercase; margin:0;}
#Showlist .main .Item .Intro .date { display: block; font-size: 14px; color: #DA0A18; line-height: 30px; padding-left:10px; }
#Showlist .main .Item .Intro p { font-size: 14px; color: #666; line-height: 24px; overflow: hidden; height: 50px; margin:0; }
#Showlist .main .Item:hover .Intro h3 { color: #137633; margin:0 }
#Showlist .main .Item:hover .pic img {transform: scale(1.1);}


/****** Home-Culture-style ******/
#Zhengshu { background:#FFFFFF; }
#Zhengshu .main li { position: relative;float: left; width: 25%;  }
#Zhengshu .main .Item { margin: 5PX 10px;  }
#Zhengshu .main .Item .pic { overflow: hidden;}
#Zhengshu .main .Item .pic img {transition: all 0.5s; width: 100%;}


#Zhengshu .main .Item .Intro { padding: 10px 0; }
#Zhengshu .main .Item .Intro h3 { font-size: 18px; color: #137633; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:2; text-transform: uppercase; margin:0;}
#Zhengshu .main .Item .Intro .date { display: block; font-size: 14px; color: #DA0A18; line-height: 30px; padding-left:10px; }
#Zhengshu .main .Item .Intro p { font-size: 14px; color: #666; line-height: 24px; overflow: hidden; height: 50px; margin:0; }
#Zhengshu .main .Item:hover .Intro h3 { color: #137633; margin:0 }
#Zhengshu .main .Item:hover .pic img {transform: scale(1.1);}


#Course { background: url('../images/aboutbg2.jpg') no-repeat top center; padding: 3% 0; }
#Course .main { margin-bottom: 50px; }

#Contact { background: url('contactbg.jpg') no-repeat top center;  background-attachment: fixed; }
#Contact .main { margin:20px; }
#Contact .main .ditu {  width:100%; margin:0 auto;}

#Contact .main .lianxi { width:100%;margin-top:-420px;  DISPLAY: inline-block;  z-index:100; font-size: 16px;  }
#Contact .main .lianxi .Intro { position: relative; text-align:left; float:right; width:100% ;  }
#Contact .main .lianxi .Intro .con{ padding:30px;  text-align:left; float:right; margin-right: 50px; border:1px solid #999; background: url(baibg.png); line-height:30px; font-size: 16px; }

/****** Home-cooperation-style ******/
#cooperation { background: url('../images/hzlcbg.jpg') top center; padding: 35px 0;}
#cooperation .Tit { text-align: center; margin-bottom: 30px;}
#cooperation .Tit h3 { color: #fff; position: relative; padding-bottom: 10px; margin-bottom: 10px; font-size: 30px;
line-height: 60px; }
#cooperation .Tit h3 .line { position: absolute; left: 50%; bottom: 0; width: 80px; height: 1px; background: #fff; margin-left: -40px; opacity: 0.5; filter: alpha(opacity=50); }
#cooperation .Tit h5 { color: #fff; font-size: 18px; line-height: 40px; font-weight: 500; }
#cooperation .main { margin-bottom: 40px; }
#cooperation .main li { float: left; width: 16.25%; text-align: center; }
#cooperation .main li:last-child .Item .next { display: none; }
#cooperation .main .Item { position: relative; }
#cooperation .main .Item h3 { font-size: 16px; color: #fff; line-height: 40px; font-weight: 500; }
#cooperation .main .Item .next { position: absolute; right: -8px; top: 50%; margin-top: -30px; }
#cooperation .main .Item .next i { font-size: 16px; color: #fff; line-height: 30px; }
#cooperation .M-lc { display: none; }

.a-partth { }
.a-partth .line { left: 50%; bottom: -41px; width: 30px; height: 4px; background: #fff; margin-left: -15px; }
.a-partth .box { width: 890px; margin: 40px auto 0; }
.a-partth .img { width: 340px; height: 267px; }
.a-partth .img .year { left: 0; top: 27px; width: 64px; height: 30px; background: #a0c02d; font-size: 18px; line-height: 30px; color: #fff; text-align: center; }
.a-partth .img .shadow { right: 0; top: 0; width: 21px; height: 267px; background: url("../images/bg_shadow03.png") no-repeat; }
.a-partth .tips { width: 550px; height: 265px; padding: 16px 28px 0 40px; background: #fff; }
.a-partth .tips p.t { font: 18px/56px Arial; color: #a0c02d; }
.a-partth .tips .list { width: 429px; height: 96px; line-height: 24px; color: #8e8a8a; }
.a-partth .list .int { left: 0; top: 0; width: 400px; }
.a-partth .tips .bar { right: 1px; top: 0; width: 1px; height: 96px; background: #99ccf8; }
.a-partth .tips .btn { left: -1px; top: 0; width: 3px; height: 20px; background: #0464b8; cursor: pointer; }
.a-partth .tips .btn-box { margin-top: 20px; border-top: 1px solid #e8e8e8; padding-top: 40px; }
.a-partth .tips .btns { top: 40px; width: 27px; height: 27px; margin-left: 3px; cursor: pointer; }
.a-partth .tips .prev { right: 30px; background: url("../images/prev01.jpg") no-repeat -27px 0; }
.a-partth .tips .prev.hover { background-position: 0 0; }
.a-partth .tips .next { right: 0; background: url('../images/next01.jpg') no-repeat; }
.a-partth .tips .next.hover { background-position: -27px 0; }
.a-partth .tab { height: 63px; background: url("../images/bg_line04.png") repeat-x 0 17px; margin-top: 36px; }
.a-partth .tab .in { width: 860px; background: url("../images/bg_shadow04.png") no-repeat center top; margin: 0 auto; }
.a-partth .tab .inovh { width: 782px; height: 63px; margin-left: 32px; }
.a-partth .tab li { height: 46px; padding-top: 17px; width: 84px; font: 14px/46px Arial; color: #fff; text-align: center; cursor: pointer; }
.a-partth .tab li.cur { font-size: 18px; color: #fff; }
.a-partth li { float: left; }
.M-Course { display: none; }
.M-Course .slicklist { padding: 0; }
.M-Course .slicklist .slick { float: left; /*width: 25%;*/ width: 100%; }
.M-Course .slicklist .Item { margin: 10px; background: #fff; box-shadow: 0 0 5px 1px #ccc; }
.M-Course .slicklist .Item .pic img { width: 100%; }
.M-Course .slicklist .Item .Intro { padding: 20px; padding-bottom: 30px; }
.M-Course .slicklist .Item .Intro h3 { font-size: 16px; color: #333; line-height: 40px; }
.M-Course .slicklist .Item .Intro p { font-size: 14px; line-height: 22px; /*height: 78px;*/ overflow: hidden; }
.M-Course .slicklist .slick-prev { display: none; }
.M-Course .slicklist .slick-next { display: none; }
.M-Course .slicklist .slick-dots button[type="button"] { width: 15px; height: 15px; margin: 10px; border-radius: 50%; overflow: hidden; background: #000; padding: 0; }
.M-Course .slicklist .slick-dots li.slick-active button[type="button"] { background: #a0c02d; }

#Honor { background: url('../images/aboutbg3.jpg') no-repeat center center; }
#Honor .Title h2 { color: #333; }
#Honor .Title h2 .line { background: #333; }
#Honor .main { margin: 0 -15px; margin-bottom: 5%; }
#Honor .main .slick { float: left; width: 25%; }
#Honor .main .Item { margin: 15px; text-align: center; }
#Honor .main .Item .pic { padding: 20px; border-radius: 5px; box-shadow: 0 0 5px 1px #ddd; background: #fff; }
#Honor .main .Item .pic .pic-img { overflow: hidden; }
#Honor .main .Item .pic img { transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; }
#Honor .main .Item .pic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
#Honor .main .Item h3 { font-size: 14px; color: #000; line-height: 40px; font-weight: 500; white-space: nowrap; height: 40px; display: block; overflow: hidden; text-transform: uppercase; }
#Honor .main .responsive { padding: 0; }
#Honor .main .responsive button[type="button"] { width: 45px; height: 45px; top: 50%; margin-top: -30px; outline: none; opacity: 1; filter: alpha(opacitu=100); border-radius: 3px; box-shadow: 0 0 5px 1px #ddd; }
#Honor .main .responsive .slick-prev { left: -50px; background: url('../images/left.png') no-repeat center center #fff; }
#Honor .main .responsive .slick-next { right: -50px; background: url('../images/right.png') no-repeat center center #fff; }
#Honor .main .responsive .slick-prev:hover { background: url('../images/left02.png')no-repeat center center #a0c02d; }
#Honor .main .responsive .slick-next:hover { background: url('../images/right02.png')no-repeat center center #a0c02d; }
.honor-bg { display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; }
.honor-toimg { display: none; position: fixed; z-index: 1001; top: 10%; left: 20%; width: 60%; }
.honor-toimg img { display: block; width: 100%; }

.service_box {width:auto; height:50px; margin:0 auto; text-align:center;}
.service_box li{ padding:5px 10px; display: inline-block;}
.service_boxf  { display:none;}
.lylink a {
display: block;
color: #ffffff;
background-color: #999;
line-height: 36px;
padding:0 20px;
font-size: 16px;
border-radius: 6px;}

.lylink_on a {
display: block;
background-color: #137633;
color: #fff;
line-height: 36px;
font-size: 16px;
padding:0 20px;
border-radius: 6px;}

.fwpic { width:50%; text-align:left; float:left;}
.fwpic img{ width:96%; }
.fwjs { width:50%; text-align:left; float:left; padding: 0 10px;}


.box{width:100%;margin:0 auto;}
.tab_menu{overflow:hidden; text-align:center;     margin: 0 auto;}
.tab_menu li{width: auto; margin: 0 10px;  color:#fff;  text-align: center; cursor:pointer; display: inline-block; background-color: #999; line-height: 36px; padding:0 20px; font-size: 16px;  border-radius: 6px;}
.tab_menu li.current{  background:#137633;}
.tab_menu li a{color:#fff;text-decoration:none;}
.tab_menu li.current a{ color:#FFFFFF;}

.tab_box{padding:20px 0px;}
.tab_box .hide{display:none;}



@media (max-width: 1200px) {
    .process .lcbox1 .hx { width: 85%; }
    .process .lcbox1 .sx { left: 85%; }
    .process .lcbox1 .zjrt { left: 85%; }
    .process .lcbox1 .zjrb { left: 85%; }

    .process .lcbox2 .hx { width: 97%; right: 15%; }
}

@media (max-width: 1025px) {
    body { padding-top: 50px; }
	#address{ margin-top:-130px;}

    .DetailSection { padding: 30px 0; }
    .AboutUs .Title h2 { font-size: 22px; padding: 10px 0; }

    #Company { height: auto; }
    #Company .Title { margin: 0; margin-bottom: 3%; }
    #Company .main .centre { width: 100%; margin-bottom: 5%; }
    .Pc-Course { display: none; }
    .M-Course { display: block; margin-bottom: 40px; }
	
    #Culture { padding: 3% 0 5% 0; }
    #Culture .main .Item .Intro h3 { font-size: 18px; }
    #Culture .main .Item .Intro p { font-size: 14px; }
	
    #Honor .main { margin: 0; margin-bottom: 20px; }
    #Honor .main .Item { margin: 5px; }
    #Honor .main .responsive button.slick-prev { display: none !important; }
    #Honor .main .responsive button.slick-next { display: none !important; }
    #Honor .main .responsive .slick-dots button[type="button"] { width: 12px; height: 12px; margin: 5px; border-radius: 50%; overflow: hidden; background: #000; padding: 0; }
    #Honor .main .responsive .slick-dots li.slick-active button[type="button"] { background: #a0c02d; }



    .Importlist li { width: 25%; }
    .Importlist .Item { margin: 5px; }
    .Importlist ul { margin: 0 -5px; }

    .process .lcbox2 .hx { width: 99%; }

    .Focuson { padding: 0; }
    .Focuson .Item { margin: 10px; }

    .Joblist li { margin: 15px 0; }
    .JobDetail { padding: 15px 3%; }
    .JoinUs .main { width: 100%; }

    .HostNews .Intro { padding: 10px; }
    .HostNews .Intro .more { bottom: 10px; margin-left: 10px; }

    .Platlist .Item { padding: 20px 0; }
    .Platlist .Item .right { padding: 0; }
    .Platform .top { margin-bottom: 20px; }
    .Require .main { margin: 0 -10px; }
    .Require .main .Item { margin: 10px; }

    .Parlist { margin: 0 -5px; }
    .Parlist li { width: 25%; }
    .Parlist .Item { margin: 5px; }

    .Planlist .list li { margin: 20px 0; }
    .Planlist .list .Item .Intro h3 { line-height: 50px; }
    .Planlist .list .Item .Intro { padding: 10px 15px; }
    .Planlist .list .Item .Intro p { font-size:14px; line-height: 22px; }
    .Planlist .list .Item .Intro .box { height: auto; margin-bottom: 15px; }
    .Planlist .list .Item .more { display: none; }

    .Productlist .Item { margin: 10px 0; }
    .Productlist .Item .Intro { padding: 20px; }
	.Productlist .Item .Intro .box {height:150px;  overflow: hidden; }

    .StockControl li { width: 50%; }
    .StockControl .Item { padding: 20px 10px; }

    #SupplyFinance .Supply .Importlist li { width: 16.66%; float: none; }

    .Query .box { padding: 15px 10px; }
}
@media (max-width: 768px) {


    .section { padding: 10px 0; }
    .section .Tit { margin-bottom: 10px; }
    .section .Tit h3 { font-size: 24px; line-height:72px; }
	.section .Tit p { font-size:14px; width:90%;}
   .section .Tit h5{  width:90%; line-height: 22px;font-size: 14px;}
#address{
    position: absolute;
    width: 100%;
    height: 100px;
    color: #fff;
    margin-top: -120px; }
	
#address .Tit h3 { font-size: 22px; line-height: 56px; }
#address .Tit p { font-size:18px; width:90%; font-weight:500}	
	
	



	.Planlist .list .Item .pic img { transition: all 0.5s; width: 100%; padding: 20PX 20px 0px 20px;}
	
   .ClassDetail .left{ width:100%; float: left; margin: 0 auto; padding:10px;   }
   .ClassDetail .right{ width:100%;  }
   
   .ClassDetail .Title  h3 { font-size: 20px; line-height: 50px;  color: #333333; text-align: left; border-bottom:2px solid #137633;}
   .ClassDetail .Title span { display:none}
   
   	.ClassDetail  .p_pic { width:100%; float:left; text-align:center; margin-bottom:20px;}
    .ClassDetail  .p_pic img{ width:50%; border:0px solid #f2f2f2; }
    .ClassDetail  .p_dec { width:100%; float:left; padding:0px;}
	
	
	

.owl-theme .owl-controls .owl-buttons .owl-prev{ display:none}
.owl-theme .owl-controls .owl-buttons .owl-next{display:non }


    #PARENT{  width:100%; margin:0 auto;}  
    .Detailbanner .ban .pic { height: 160px; overflow: hidden; position: relative; }
    .Detailbanner .ban .pic img { max-width: 1920px; width: 100%; height: 100%; position: absolute; top: 0; }
    .Detailbanner .box h2 { font-size: 20px; line-height: 30px; }
    .Detailbanner .box { margin-top: -27px; }
    .location span.space a { line-height: 25px; }

    #dcms_pager .pages .pg { width: 30px; line-height: 40px; }
    #dcms_pager .pages a { font-size: 20px;line-height: 40px; }
    #dcms_pager .pages span { font-size: 20px; line-height: 40px; }
    #dcms_pager .pages .pgNext,#dcms_pager .pages .pgprev{ width: 30px; line-height: 40px;}

    .Contactlist li { padding: 15px 0; }
    .Contactlist .Item .left { float: left; width: 70%; }
    .Contactlist .Item .right { float: right; width: 27%; }

    #Zhengshu .main li { position: relative;float: left; width: 50%;  }


    .process { width: 100%; margin-bottom: 20px; }
    .process .lcbox1 .line, .process .lcbox2 .line, .process .lcbox3 .line { display: none; }
    .process .Item { width: 100% !important; margin: 10px 0 !important; overflow: hidden; position: relative; padding-left: 100px; }
    .process .Item p { height: auto; }
    .process .Item .pic { position: absolute; left: 0; top: 0; }
    .process .Item .Intro { text-align: left; background: #ffffff; border: 1px solid #a0c02d; padding: 10px; border-radius: 5px; position: relative; }
    .process .Item .Intro:before { content: ""; display: block; width: 16px; height: 20px; position: absolute; left: -15px; top: 26px; background-image: url('../images/icon-sjxright1.png'); }
    .hotline { margin-bottom: 20px; }
    .hotline .pic { height: 200px; position: relative; overflow: hidden; }
    .hotline .pic img { position: absolute;  height: 100%; }
    .hotline h3 { font-size: 16px; }

    .Joblist .Item { padding: 10px 15px; padding-left: 100px; }
    .Joblist .Item .pic { left: 10px; }
    .Joblist .Item p { height: auto; }

    .HostNews { margin-bottom: 5px; }
    .HostNews .Intro p { display: none; }
    .Media .Item .logo img { width: 60%; }
	
	.Fuwulist ul { margin: 0 -5px; }
	.Fuwulist li { float: left; width: 50%; margin-bottom:10px; }
	.Fuwulist .Item .Intro h3 {  font-size: 16px; color: #fffff; line-height: 26px; height:auto; text-transform: uppercase; font-weight:bold; }
    .Fuwulist .Item .Intro span {  font-size: 16px; color: #fffff; line-height: 26px; }

	
    #News .main li { width: 100%; margin-bottom:10px; padding-left:0px; }
    #News .main .Item { margin: 0 auto; padding-left: 80px; }
	
    #News .main .Item .pic img { width: 80px; height:60px; top: -103px; }
    #News .main .Item .Intro {    padding: 10px; }
    #News .main .Item .Intro h3 { display: none; line-height: 24px; font-size: 14px; height: 48px; white-space: normal; }
    #News .main .Item .Intro p { color:#333}
	#News .main .Item .Intro .date { display: none; }
	
    .Newslist ul { margin: 0 -5px; }
	.Newslist li { float: none; width: 100%; margin-bottom:10px; }
    .Newslist .Item {  overflow: hidden; padding-left: 180px; position: relative; background: #fff; width: 98%;margin: 0 auto; padding-left: 80px; }
    .Newslist .Item .pic { height: 80px; overflow: hidden;  background: #f5f4f4; position: absolute; left: 0; top: 0; }
	.Newslist .Item .pic img{ width: 80px; height:60px; top: -103px;}
	.Newslist .Item .Intro {  padding: 10px; }
	.Newslist .Item .Intro h3 { display:none; font-size: 18px; color: #333; line-height: 26px; height:auto; text-transform: uppercase; font-weight:bold; }
    .Newslist .Item .Intro span { display:none; font-size: 14px; color: #137633; line-height: 26px; }
	.Newslist .Item .Intro p{margin: 0; height:80px; line-height:22px; overflow:hidden;}
	
	
	.NewsDetail { width:100%; margin: 0 auto; padding:10px;     box-shadow: 0 0 0px 0px;}
	.NewsDetail .Title { text-align: left; padding-bottom: 10px;  }
	.NewsDetail .Title h3 { font-size: 18px; color: #333333; text-align:left; line-height: 30px; padding-top:20px; border-bottom:10px; }
	.NewsDetail .Title span { text-align:left;}
	
    .Traders .ITS2 .left { width: 100%; float: none; }
    .Traders .ITS2 .right { width: 100%; float: none; }
    .Traders .ITS3 .left { width: 100%; float: none; }
    .Traders .ITS3 .right { width: 100%; float: none; }
    .Traders .ITS4 .main .left { width: 100%; float: none; }
    .Traders .ITS4 .main .right { width: 100%; float: none; }

    .Originality .Item { margin: 15px 0; }
    .Originality .Item .Q { padding-left: 100px; margin-bottom: 15px; }
    .Originality .Item .A { padding-right: 100px; }

    .Require .main li { float: none; width: 100%; }
    .Income .main { width: 100%; }

    .Parlist li { width: 33.33%; }
    .Par-Title h2 { font-size: 26px; line-height: 50px; }

    .OurDifferent .Item { padding: 20px 0; }

    .Planlist .list .ItemA .left, .Planlist .list .ItemB .right { float: none; width: 100%; }
    .Planlist .list .Item .left, .Planlist .list .Item .right { float: none; width: 100%; }
    .Planlist .list .Item .more { display: block; width: 140px; }
    .Planlist .list .Item .Intro .Triangle { display: none; }
	
     #Prolist .main li { position: relative;float: left; width: 50%;  }
	 

    #SupplyFinance .Supply .Importlist li { width: 20%; float: none; }

    .honor-toimg { top: 20%; left: 0; width: 100%; }
	#Course { padding: 1% 0; }
    #Culture .main li { width: 50%; }
    #Culture .main .Item .pic { margin: 0 auto; width: 80px; height: 80px; padding: 3px; }
    #Culture .main .Item .pic .img { width: 74px; height: 74px; }
    #Culture .main .Item .Intro h3 {font-size: 16px;  margin-bottom: 5px; padding: 5px; }
    #Culture .main .Item .Intro p { font-size: 14px;  padding:0 20px; line-height: 20px; height:80px; }
	
	#Culture .main .Item .Intro .line { display:none; }
    .M-Course .slicklist .Item { margin: 5px; }

    .Query .contact em { display: block; }
	
	#cooperation .main li { width: 25%; }
    #cooperation .main li:nth-child(4) .Item .next { display: none; }
	
	.Tlist li { float: left; width: 50%;  }	
    #Contact .main .ditu {  width:100%; margin:0 auto;}
	#Contact .main .ditu  #mapContainer{ height:300px;}

	
   .tab_menu li{width:14px; margin: 0 3px;   border-radius: 7px; height:14px; color:#fff; background:#ccc; text-align: center; cursor:pointer; display: inline-block; padding:0px;}
   .tab_menu li span{ display:none;}
   

}

@media (max-width: 640px) {

    #address{
    position: absolute;
    width: 100%;
    height: 50px;
    color: #fff;
    margin-top: -60px; }
	
	#address .Tit h3 { font-size: 20px; line-height: 40px; background: none; }
    #address .Tit p { display:none}

    .Up-Down-page span{ display:none; }
	.ClassDetail { width:100%; margin: 0 auto; padding:10px 0;}
     #ad { display:none;}
    .fwpic { width:100%; text-align:center; float:left;}
    .fwpic img{ width:100%; }
    .fwjs { width:100%; text-align:left; float:left;}

    .Detailbanner .ban .pic { height: 140px; }
    .DetailSection { padding: 15px 0; }
    .AboutUs .Title { margin-bottom: 15px; }
    #Company .main .left { float: none; width: 100%; }
    #Company .main .right { float: none; width: 100%; }
	
	#Introduce { padding: 20PX; border-right: 10PX solid #033E68;}
    
	#Showlist .main li { position: relative;float: left; width: 100%;  }

    #Course { padding: 1% 0; }

    #Culture .main li { width: 50%;  }
	#Culture .main .Item {padding: 5px; margin:5px; box-shadow: 0 0 5px 0px #ddd;}
    #Culture .main .Item .pic { margin: 0 auto; width: 100px; height: 100px; padding: 3px; }
    #Culture .main .Item .pic .img { width: 94px; height: 94px; }
    #Culture .main .Item .Intro h3 { color: #137633; line-height: 24px; */ }
	#Culture .main .Item .Intro p { display:none;}

    #Honor .main .slick { width: 100%; }
    #Honor .main .Item .pic { padding: 10px; }

    .Importlist li { width: 33.33%; }
    .hotline h3 { line-height: 26px; padding-left: 50px; }
    .hotline h3 i { display: none; }
    .hotline h3 span { line-height: 26px; margin: 0; }

    .Focuson { margin: 0 -5px; }
    .Focuson .Item { margin: 5px; }

    .JobDetail { padding: 10px 15px; }
    .JobDetail .Title { padding: 0; }
    .Jobpup .pup { width: 400px; height: 200px; margin-top: -100px; margin-left: -200px; }
    .JoinUs .main .Item { margin: 10px; padding: 20px 10px; }

    .HostNews .Intro h3 { height: 50px; font-size: 14px; line-height: 25px; white-space: normal; }
    .HostNews .Intro .date { display: none; }
    .Media .HostNews .Intro .more { display: none; }

    .Platlist .Item .left { float: none; width: 100%; }
    .Platlist .Item .right { float: none; width: 100%; }
    .Platlist .Item:nth-child(3) .right { float: none; width: 100%; }
    .Platform > div { margin-bottom: 20px; }
    .Platform .bottom { margin-top: 0px; }
    .Require .Title { margin-bottom: 20px; }
    .Platform .bottom a { width: 160px; background-size: 100%; height: 50px; }
    .Income .Title { margin-bottom: 20px; }

    .Par-Title h2 { font-size: 20px; line-height: 40px; }
    .Par-Title h2 .line { height: 2px; width: 40px; margin-left: -20px; }

    .OurDifferent .Item .left { float: none; width: 100%; }
    .OurDifferent .Item .right { float: none; width: 100%; }
    .OurDifferent .Item .pic { margin-bottom: 15px; }
    .OurSolution .list li { margin: 10px; }
    .PerfectCustom .Our { margin: 20px 0; }
    .PerfectOrder .main .right { float: none; width: 100%; }
    .PerfectOrder .main .left { float: none; width: 100%; }
    .PerfectCustom p { font-size: 14px; }

    #Prolist .main li { position: relative;float: left; width: 50%;  }

    .StockControl li { width: 100%; }
    .StockControl .Item .Intro { height: auto; margin-bottom: 10px; }

    #SupplyFinance .Supply .Importlist li { width: 33.33%; float: left; }
	

    .Query .box { margin-bottom: 20px; }
    .Query .box .Title { padding-bottom: 0; }
    .Query .box .Title .fl { float: none; width: 100%; margin-bottom: 20px; }
    .Query .box .Title .fr { float: none; width: 100%; }
    .Query .box .Title .btnline { display: none; }
    .Query .box .form .controls .keywords { width: 200px; }
    .Query .box .form .controls select { width: 200px; }

    .Query .Customs .form form { position: relative; padding-bottom: 40px; overflow: hidden; }
    .Query .Customs .form .search { position: absolute; right: 50%; bottom: 0; width: 80px; margin-right: -40px; text-align: center; padding: 0; border-radius: 5px; }
    .Query .Customs .form .controls { float: left; margin: 0; margin-bottom: 15px; }
    .Query .Customs .form .controls span { width: 65px; text-align: right; display: inline-block; }

    .Query .Exchange .form .controls { float: left; width: 58%; margin: 0; position: relative; margin-left: 70px; }
    .Query .Exchange .form .controls span { position: absolute; left: -70px; top: 0; }
    .Query .Exchange .form .controls select { width: 100%; }
    .Query .Exchange .form .search { width: 16%; float: right; margin: 0; text-align: center; font-size: 0; padding: 0; border-radius: 5px; }

    .Query .box table tbody { text-align: left; }
    .Query table { width: 100%; display: block; position: relative; }
    .Query thead:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

    .Query th,
    .Query td { margin: 0; vertical-align: top; padding: 0 5px; }
    .Query th { text-align: left; }

    .Query thead { display: block; float: left; border: 1px solid #babcbf; border-right: none; }
    .Query thead tr { display: block; }
    .Query thead tr td { padding: 0 10px; }
    .Query tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .Query tbody tr { display: inline-block; vertical-align: top; }
    .Query th { display: block; text-align: right; }
    .Query td { display: block; min-height: 1.25em; text-align: left; padding: 0 5px; }

    /* sort out borders */
    .Query th { border-bottom: 0; border-left: 0; }
    .Query td { border-left: 0; border-right: 0; border-bottom: 0; }
    .Query tbody tr { border: 1px solid #babcbf; border-right: none; }
    .Query tbody tr:last-child { border-right: 1px solid #babcbf; }
	
	.Fuwulist li { float: none; width: 100%; margin-bottom:10px;   }
	
	.titlew {
    background: #137633;
	height:40px;
	text-align:center;
     }
   .title {
    padding: 7px 0px; line-height:26px; font-size:16px; color:#fff
    }
	.title a{ color:#fff}


	.service_box { margin-top:0px; padding-top:10px; float:left;  width:100%; height:auto; display: block; background-color:#FFFFFF; }
	.service_box li{width:50%; padding:0px; padding-bottom:10px;float: left; text-align:center; margin:0 auto;}
	  .lylink a {
            display:table;
			color: #ffffff;
			background-color: #999;
			line-height: 40px;
			width:90%;
			margin:0 auto;
			text-align:center;
			font-size: 16px;
			border-radius: 6px;}

      .lylink_on a {
			 display:table;
			background-color: #137633;
			color: #fff;
			line-height: 40px;
			font-size: 16px;
			width:90%;
			margin:0 auto;
			text-align:center;
			border-radius: 6px;}
			
	#cooperation .main { display: none; }
    #cooperation .M-lc { display: block; }	
	
    .Tlist li { float: left; width: 100%; padding:0 20px; }	
	.Tlist .Item .Intro h3 { font-size: 20px; color: #333333; line-height: 30px; height: 30px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0;}
    .Tlist .Item .Intro p{ font-size:16px ;margin:  0; color: #137633; height:23px; line-height:23px; font-weight:bold;   overflow:hidden;}	
	#Contact .main .lianxi { display:none;}
}


@media (max-width: 480px) {
    .Detailbanner .ban .pic { height: 120px; }
    .Detailbanner .box h2 { font-size: 18px; }
    .location span.space a { font-size: 12px; }
    .hotline .pic { height: 100px; }
    .Jobpup .pup .close { right: -5px; top: -5px; }
    .HostNews .Intro .more { display: none; }

    .Platform h2 { font-size: 20px; }
    .Platform h2 span { font-size: 30px; margin-right: 5px; }
    .Platform .top { padding: 0; text-align: left; padding-bottom: 20px; margin-bottom: 0; }
    .Platform .top p { font-size: 16px; }
    .Platlist .Item .pic p { font-size: 16px; }
    .Platlist .Item .Intro p { font-size: 14px; }
    .Require .main .Item .Intro p { font-size: 14px; }

    .Income .main .left { float: none; width: 90%; margin: 10px auto; }
    .Income .add { display: none; }
    .Income .main .right { float: none; width: 90%; margin: 10px auto; }

    .Parlist li { width: 50%; }
    .Planlist .list .Item .Intro h3 { font-size: 18px; }

    .Import .Intro p { font-size: 14px; line-height: 25px; }
    .StockControl .Item .Intro p { font-size: 14px; line-height: 25px; }
	#cooperation .main li { width: 33.33%; }
}

@media (max-width: 420px) {
    .Contactlist .Item .left { width: 100%; }
    .Contactlist .Item .right { display: none; }


    .Jobpup .pup { width: 300px; height: 120px; margin-top: -60px; margin-left: -150px; }
    .Jobpup .pup .centre { height: 70px; margin-top: -35px; }
    .Jobpup .pup .centre h3 { font-size: 16px; line-height: 30px; }
    .Jobpup .pup .centre a { font-size: 18px; line-height: 40px; }
    .JoinUs .main .Item { margin: 5px; padding: 10px 0px; }

    #SupplyFinance .Supply .Importlist li { width: 50%; }
}

@media (max-width: 320px) {
    .Importlist li { width: 50%; }
    #Culture .main li { height: 256px; }
}