@charset "utf-8";
/* CSS Document */


#the-banner { width:100%; margin: 0 auto; height: auto; position: relative; background-color:#000000;}
#the-banner .tbanner {
    display: block;
    vertical-align: baseline;
}
#the-banner .tbanner img{ width:100%; height:auto;
}
#the-banner .intro {
    position: absolute;
    width: 100%;
    left: 0;
	top:50%;
	font-size:16px; line-height:24px; 
	color:#FFFFFF;
	z-index:1;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    padding: 0 15px;
}
#the-banner .intro  H2{ font-size:48px; color:#FFAB07; line-height:78PX; font-weight:bold;  }
#the-banner .intro .con { font-size:20px; padding-bottom:30px;}
#the-banner .intro .daohang { color:#eeeeee; }
#the-banner .intro .daohang a{ color:#eeeeee;}

.scroll-down {
position: absolute;
left: 50%;
bottom: 0px;
height: 60px;
width: 50px;
margin-left: -15px;
display: block;
text-align: center;
z-index: 100;
}

#ys , #lv{ display: block; height:20px;}

/****** Detail-banner-style ******/
.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: 40px 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 {  color: #fff; display: inline-block; }
.location span.space a {  color: #fff; line-height: 40px; display: inline-block; margin: 0 10px; text-transform: uppercase; }
.location span.space span {  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;  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: #DA9305; }
#dcms_pager .pages a:hover { color: #DA9305; }
#dcms_pager .pages .pg:hover { background: #DA9305; color: #fff; }

/****** Detail-public-style ******/
.Detail-more { padding: 20px 10px; }
.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 {  color: #666666; line-height: 26px; 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 { background: url('../images/icon_left01.png') no-repeat left center; color: #DA9305; }
.Up-Down-page .next a:hover { background: url('../images/icon_right01.png')no-repeat right center; color: #DA9305; }

/****** Detail-News-style ******/
.bg01 { background: url('../images/newsbg.jpg') repeat-y; }

.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 {  color: #999; line-height: 40px; display: block; text-align: left; }
.HostNews .Intro p {  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;  color: #333; line-height: 36px; padding: 0 10px; border: 1px solid #ccc; }
.HostNews .Intro .more i { margin-left: 15px; }

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

.Fuwulist .Item:hover {background: #65A6D0; }
.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; }


/****** Home-News-style ******/
#News { width:100%; margin:0 auto; }
#News .main {  margin-bottom: 30px; }
#News .main li { float: left; width: 50%; margin-bottom:20px; padding-left:10px; }
#News .main .Item {  overflow: hidden; padding-left: 180px; position: relative; background: #fff; width: 98%;}
#News .main .Item .pic { height: 140px; width: 180px; overflow: hidden;  background: #f5f4f4; 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;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; }
#News .main .Item .Intro .date { display: block; font-size: 12px; color: #65A6D0; line-height: 30px; padding-left:10px; }
#News .main .Item .Intro p {  color: #666; line-height: 20px;  overflow: hidden;
text-overflow: ellipsis;  height: 40px; }

#News .main .Item:hover .pic img { transform: scale(1.1); }
#News .main .Item:hover .Intro { background: #65A6D0; }
#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: #65A6D0; line-height: 30px; height: 30px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin: 0;}
.Newslist .Item .Intro span {  color: #999; line-height: 40px; }
.Newslist .Item .Intro p{margin: 0; height:44px; line-height:22px;}

.Newslist .Item:hover {background: #65A6D0; }
.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%;  background: #fefefe; margin: 30px auto; padding:30px;  box-shadow: 0 0 30px 0px #ddd;}
.NewsDetail .Title { text-align: left; padding-bottom: 10px; border-bottom: 1px dashed #999; }
.NewsDetail .Title h3 { font-size: 32px; color: #333333; line-height: 40px; margin-bottom: 10px; }
.NewsDetail .Title span {  color: #666; line-height: 30px; padding: 0 10px; }
.NewsDetail .Detail-more  p{ padding-bottom:24px;  font-size: 16px;  line-height: 24px;  }
.NewsDetail .Detail-more img { max-width:100%;}

/****** 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 {  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 { padding: 20px 0; }
.Productlist { }
.Productlist .dec p { font-size: 18px;  line-height: 32px; padding-bottom: 28px; }
.Productlist .Item .left { width: 30%; }
.Productlist .Item .right { width: 70%; }
.Productlist .ItemA .left { float: left; }
.Productlist .ItemA .right { float: right; }
.Productlist .ItemB .left { float: right; }
.Productlist .ItemB .right { float: left; }
.Productlist .Item { background: #fefefe; margin: 30px 0; box-shadow: 0 0 30px 0px #ddd; }
.Productlist .Item .pic { overflow: hidden; }
.Productlist .ItemA .left .pic{ padding: 50px 0 0 50px;}
.Productlist .ItemB .left .pic{ padding: 50px 50px 0 0;}
.Productlist .Item .pic img { transition: all 0.5s; width: 100%; }
.Productlist .Item .Intro { padding: 50px; position: relative; background: #fefefe; }
.Productlist .Item .Intro h3 { font-size: 30px; color: #666666; line-height: 40px; padding-bottom: 15px; position: relative; }
.Productlist .Item .Intro h3 .line { position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #DA9305; }
.Productlist .Item .Intro h3 .sicon { width:60px; height:60px; display:table; float:left;}
.Productlist .Item .Intro h3 .title {  height:40px; color:#666666; padding-bottom:10px; display:table;   line-height:40px; background: url(lxian.png) left bottom no-repeat; }

.Productlist .Item .Intro .box { margin-bottom: 20px; padding-left:60px;  }
.Productlist .Item .Intro p { font-size: 16px; color: #333; line-height: 24px; }
.Productlist .Item .Intro .more { transition: all 0.5s;  color: #000; line-height: 40px; padding: 0 15px; border: 1px solid #e8e8e8; display: inline-block;  border-radius: 8px; margin-left:70px; background-color:#eeeeee; }
.Productlist .Item .Intro .more i { font-size: 12px; line-height: 40px; margin-left: 15px; }
.Productlist .Item .Intro .Triangle { position: absolute; top: 50px; width: 32px; height: 39px; }
.Productlist .ItemA .Intro .Triangle { left: -31px; background: url('../images/icon-sjleft.png') no-repeat center right; }
.Productlist .ItemB .Intro .Triangle { right: -31px; background: url('../images/icon-sjright.png') no-repeat center left; }
.Productlist .Item:hover .pic img { transform: scale(1.2); }
.Productlist .Item:hover .Intro h3 { color: #DA9305; }
.Productlist .Item:hover .Intro .more { color: #fff; background: #DA9305; }

.service_box li{ float:left; padding:10px;}
.service_boxf  { display:none;}
.lylink a {
 display:table;
color: #333333;
background-color: rgba(235, 235, 235, 0.7);
line-height: 40px;
padding:0 20px;
font-size: 18px;
border-radius: 6px;}

.lylink_on a {
 display:table;
background-color: #FFAB07;
color: #fff;
line-height: 40px;
font-size: 18px;
padding:0 20px;
border-radius: 6px;}


/****** 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 {  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: #DA9305; }
.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; }

/****** about-fuwu-style ******/
#fuwu{ background: url('../images/Casebj.jpg') top center; padding:40px 0;   }
#fuwu .Title h2 { color: #333333;  }
#fuwu .Title p { color: #666666;}
#fuwu .main li { float: left; width: 33.3%; }
#fuwu .main .Item { margin: 10px 10px;  height:100px; width:80%; background: url(casebg.png); border-radius: 5px; }
#fuwu .main .Item .pic { float:left; width:30%; text-align:right; padding-top:20px; }
#fuwu .main .Item .pic img { transition: all 0.5s; width: 60%; }
#fuwu .main .Item .Intro { float:right; padding: 15px; width:70%; }
#fuwu .main .Item .Intro h3 { font-size: 20px; color: #333333; line-height: 56px; margin-bottom: 10px; overflow: hidden; background:url(lxian.png) left bottom no-repeat; }
#fuwu .main .Item .Intro i {height: 26px; width: 100px; display: block; }
#fuwu .main .Item .Intro p {  color: #666; line-height: 22px; height: 66px; overflow: hidden; }

#fuwu .main .Item:hover { background: url(casebg.png); border-radius: 5px;}
#fuwu .main .Item:hover .pic img { transform: scale(1.1); }

/****** about-Cooperation-style ******/

#cooperation { background: url('fwlc.jpg') top center; padding:60px 0;  }
#cooperation .Tit { text-align: center; }
#cooperation .Tit h3 { color: #fff;  }
#cooperation .Tit .line { text-align:center; margin: 0 auto; width:100%; padding:5px 0px; height:20px; }
#cooperation .Tit p { color: #eeeeee; font-size:14px; line-height:24px; text-align:center  }
#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: 18px; 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: 20px; color: #fff; line-height: 30px; }
#cooperation .btn-a {  margin: 0 auto;  text-align: center; }
#cooperation .btn-a a {display: table; margin:0 auto; padding: 0 40px; height: 50px; line-height: 50px; background-color: #DA9305;  font-size: 18px; color: #fff; text-align: center;border-radius: 5px;}

#cooperation .main .Item .desc{ display:none;}
#cooperation .main .Item  .box  { width:80%; background: none; margin: 0 auto; padding:10px 0;}
#cooperation .main .Item:hover .box { background-color: #FFAB07; border-radius: 10px;}
#cooperation .main .Item:hover .desc{ display: block; border-bottom:-10px ; width:100%; height:auto; 
    position: absolute;
    text-align: center;
    margin: 0 auto;
}
#cooperation .main .Item:hover .desc a{
    margin: 0 auto;    

    color: #fff;
	font-size:14px;  line-height:24px; 
	border-radius: 5px;
	
	padding:5px 10px;}

.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 {  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 ******/
.bg08 { background: url('bg_fa.jpg') top center; }
#Plan { }
.Planlist { }
.Planlist .dec { padding-top:20px;}
.Planlist .dec p  { font-size: 18px;   line-height: 28px;  }
.Planlist .list li { margin: 40px 0; }
.Planlist .list .Item .left, .Planlist .list .Item .right { width: 50%; }
.Planlist .list .ItemA .left, .Planlist .list .ItemB .right { float: right; }
.Planlist .list .ItemA .right, .Planlist .list .ItemB .left { float: left; }
.Planlist .list .Item {  background: #fefefe; margin: 30px 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%; }
.Planlist .list .Item .Intro { padding: 20px 30px; position: relative; }
.Planlist .list .Item .Intro h3 { font-size: 28px; color: #000; line-height: 50px; padding-bottom: 6px; margin-bottom: 10px; position: relative; }
.Planlist .list .Item .Intro h3 .line { position: absolute; left: 0; bottom: 0;   height: 4px; width: 60px; background: #DA9305; display: block; }
.Planlist .list .Item .Intro .box { height: 180px; overflow: hidden; }
.Planlist .list .Item .Intro p {  color: #333333; line-height: 25px; }
.Planlist .list .Item .more { border: 1px solid #e0e0e0; padding: 10px 15px;  line-height: 20px; color: #000; transition: all 0.5s; border-radius: 8px; margin-left:10px; }
.Planlist .list .Item .more i { font-size: 12px; margin-left: 15px;  }
.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: #DA9305; }
.Planlist .list .Item:hover .pic img { transform: scale(1.1); }
.Planlist .list .Item:hover .more { background: #DA9305; 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: #DA9305; 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 {  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 #DA9305; 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 {  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: #DA9305; }
.Contactlist .Item:hover .pic .iconfont { color: #DA9305; }

/****** 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 {  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 {  color: #666666; line-height: 26px; }
.JobDetail .bottom { text-align: center; margin-bottom: 30px; }
.JobDetail .bottom .btn { background: #DA9305; 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: #DA9305; 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: #DA9305; 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: #DA9305;  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 {  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;  color: #000; line-height: 36px; padding: 0 5px; }
.Query .box table { width: 100%; margin-bottom: 20px; }
.Query .box table thead { background: #f8f8f8;  color: #000; line-height: 40px; text-align: center; }
.Query .box table tbody {  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:50px; line-height:80px; color: #ffffff; text-align: center; font-weight:600; }
.AboutUs .Title .line { text-align:center; margin: 0 auto; width:100%; padding:5px 0px; height:20px; }
.AboutUs .Title p { color: #f2f2f2;  line-height:24px; text-align:center ; font-size:18px;  margin: 0 auto; }
.AboutUs .jianjie p { font-size: 18px;  line-height: 28px; }

#Company { background-image: url('about_bg.jpg'); background-attachment: fixed; padding: 40px 0; }

#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: #DA9305; }
#Introduce .scroll_arrow { text-indent: -20000px; display: block; cursor: pointer; background-color: #DA9305; }
#Introduce .scroll_vertical_bar .scroll_arrow { height: 16px; }

/****** Culture-style ******/
#Culture { background: url('../images/h_bg2.jpg') no-repeat center center;background-attachment: fixed; padding:40px 0; }
#Culture .Tit h3 { color: #fff;}
#Culture .Tit .line { text-align:center; margin: 0 auto; width:100%; padding:5px 0px; height:20px; }
#Culture .Tit p { color: #eeeeee; font-size:14px; line-height:24px; text-align:center  }

#Culture .main li { float: left; width: 20%; }
#Culture .main .Item { margin: 0 auto; text-align: center; }
#Culture .main .Item .pic { width: 110px; height: 110px;  margin: 10px auto; }
#Culture .main .Item .pic .img { width: 100px; height: 100px; margin: 0 auto; transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transform: rotate(0deg); }
#Culture .main .Item .Intro P { font-size: 16px;  text-align: center;  margin:0 auto; color: #fff; line-height: 24px; padding: 10px 16px; position: relative; margin-bottom: 15px;  transition: all 0.5s linear; }
#Culture .main .Item .Intro h4 { display:none;   }
#Culture .main .Item:hover .pic .img { transform: rotate(360deg); }


#Contact .main .ditu {  width:100%;}



#Course { background: url('../images/aboutbg2.jpg') no-repeat top center; padding: 3% 0; }
#Course .main { margin-bottom: 50px; }
.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: #DA9305; 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: #DA9305; }
.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 {  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: #DA9305; }

#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 {  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 #DA9305; }
#Honor .main .responsive .slick-next:hover { background: url('../images/right02.png')no-repeat center center #DA9305; }
.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%; }



@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; }
    .DetailSection { padding: 30px 0; }
    
    #Company { height: auto; }
    #Company .Title { margin: 0; margin-bottom: 3%; }
    #Company .main .centre { width: 100%; margin-bottom: 5%; }
   
	
	#fuwu .main .Item { width:90%;}
	#fuwu .main .Item .Intro h3  { font-size:18px;}
	
	.Pc-Course { display: none; }
    .M-Course { display: block; margin-bottom: 40px; }
    
	#Culture { padding: 3% 0 5% 0; }
    #Culture .main .Item .Intro h3 { font-size: 16px; }
    #Culture .main .Item .Intro p {  }
    
	#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: #DA9305; }



    .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: 40px; }
    .Planlist .list .Item .Intro { padding: 10px 15px; }
    .Planlist .list .Item .Intro p { line-height: 22px; font-size: 14PX; }
    .Planlist .list .Item .Intro .box { height: auto; margin-bottom: 15px; }
    .Planlist .list .Item .more { display: none; }

    .Productlist .ItemA .left .pic{ padding: 0;}
    .Productlist .ItemB .left .pic{ padding: 0;}
    .Productlist .Item { margin: 10px 0; }
    .Productlist .Item .Intro { padding: 20px; font-size:14PX; }
    .Productlist .Item .Intro .box { height: auto; }
	.Productlist .Item .Intro .box P{ line-height:22PX; font-size:14PX; }

    .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) {

    .AboutUs .Title h2 { font-size: 24px; padding: 10px 0; line-height:40px; }
	.AboutUs .Title p { font-size:16px;   }
	
    .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;}

	#fuwu .main li { float: left; width: 50%; margin: 0 auto; }
	#fuwu .main .Item { width:90%; height: auto;} 
	#fuwu .main .Item .pic { float: none; width:100%; text-align:center; }
	#fuwu .main .Item .pic img { transition: all 0.5s; width: 30%; }
	#fuwu .main .Item .Intro { float: none; padding: 0px; width:100%; }
	#fuwu .main .Item .Intro h3 { font-size: 16px; color: #333333; line-height: 30px; padding-bottom:10px; overflow: hidden; background:none; text-align:center; }
	
	#fuwu .main .Item:hover { background: url(casebg.png); border-radius: 5px;}
	#fuwu .main .Item:hover .pic img { transform: scale(1.1); }


	#cooperation .main li {width: 33.3%; margin-bottom:10px;}

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

    .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 #DA9305; 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 { margin: 10px; background: #fff; transition: all 0.5s; }
	.Fuwulist .Item .Intro {  padding: 10px; }
	.Fuwulist .Item .Intro h3 {  font-size: 16px; color: #333; line-height: 26px; height:auto; text-transform: uppercase; font-weight:bold; }
    .Fuwulist .Item .Intro span {   color: #65A6D0; line-height: 26px; }
	.Fuwulist .Item .Intro p{margin: 0; height:66px; line-height:22px; overflow:hidden;}
	
    #News .main li { width: 100%; margin-bottom:10px; padding-left:0px; }
    #News .main .Item { margin: 0 auto; padding-left: 80px; }
	
	#News .main .Item .pic  { width: 80px; height:60px;}
    #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;  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;  color: #65A6D0; line-height: 26px; }
	.Newslist .Item .Intro p{margin: 0; height:80px; line-height:22px; overflow:hidden;}
	
	.NewsDetail { width:100%; margin: 0px auto; margin-top:20px; margin-bottom:20px;  padding: 10px;}
	.NewsDetail .Title { text-align: left; padding-bottom: 10px; border-bottom: 1px dashed #999; }
	
	.NewsDetail .Title h3 { font-size: 18px; color: #333333; text-align:left; line-height: 30px; padding-top:20px; border-bottom:10px; }
	.NewsDetail .Title span { padding-left:10px; text-align:left;}
	.NewsDetail .Detail-more  p{ padding-bottom:20px; font-size:14px;    line-height: 22px; margin:0;   }
	
    .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:none; width: 150px; }
    .Planlist .list .Item .Intro .Triangle { display: none; }

    .Productlist .Item .left { float: none; width: 100%; }
    .Productlist .Item .right { float: none; width: 100%; }
    .Productlist .Item .Intro .Triangle { display: none; }

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

    .honor-toimg { top: 20%; left: 0; width: 100%; }
	
    #Culture .main li { width: 50%; }
    #Culture .main .Item .pic { margin: 0 auto; width: 80px; height: 80px;  }
    #Culture .main .Item .pic  img { width: 70px; height: 70px; }
	#Culture .main .Item .Intro P {  font-size: 16px; text-align: center;  margin:0 auto; color: #fff; line-height: 24px; padding-bottom: 10px; position: relative;  transition: all 0.5s linear; }
	#Culture .main .Item .Intro .line { display:none; }
    .M-Course .slicklist .Item { margin: 5px; }
	
    .Query .contact em { display: block; }
}

@media (max-width: 640px) {
    body{ font-size:14px;}
    #the-banner .intro  H2{ font-size:28px; color:#FFFFFF; line-height:50PX; font-weight:600;}
    #the-banner .intro .con { font-size:20px; padding-bottom:30px; display:none;  }
    #the-banner .intro .daohang { font-size:14px;    color:#eeeeee; }
    #the-banner .intro .daohang a{ color:#eeeeee;}

    .Detailbanner .ban .pic { height: 140px; }
    .DetailSection { padding: 15px 0; }
	

    .AboutUs .Title { margin-bottom: 15px; }
	.AboutUs .jianjie p { line-height: 24px; font-size:14px; }
	
	#ys , #lv{ display:none}
    #Company .main .left { float: none; width: 100%; }
    #Company .main .right { float: none; width: 100%; }
	#Introduce { padding: 20PX; border-right: 10PX solid #033E68;}


    #Course { padding: 1% 0; }
    #Culture .main li { width: 100%; height: auto; }
    #Culture .main .Item .pic { margin: 0 auto; width: 90px; height: 90px; }
    #Culture .main .Item .pic  img { width: 80px; height: auto; padding-top:10px; }
	#Culture .main .Item .Intro P  { padding: 0px 50px; font-size:14px; line-height:20px;}

    .M-Course .slicklist .Item { margin: 0px; }
	

    #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;  line-height: 25px; white-space: normal; }
    .HostNews .Intro .date { display: none; }
    .Media .HostNews .Intro .more { display: none; }

    .Planlist .dec p { font-size:14px;  line-height: 24px; }
    .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%; }
	
	.Productlist .dec p { font-size: 14px; line-height: 24px; padding-bottom: 22px; }
    .Productlist .Item .Intro { padding: 10px 15px; }
    .Productlist .Item .Intro h3 { font-size: 18px; height:50px; padding-bottom: 10px; }
	.Productlist .Item .Intro h3 .sicon { width: 50px; height: 40px; display: table; float: left;}
	.Productlist .Item .Intro h3 .sicon img{ width: 80%;}
	.Productlist .Item .Intro h3 .title { height: 30px;line-height: 30px;}

    .Productlist .Item .Intro p {  line-height: 24px; }
	.Productlist .Item .Intro .box {padding-left: 0px;}
	.Productlist .Item .Intro .more { margin-left:10px;}

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

    #SupplyFinance .Supply .Importlist li { width: 33.33%; float: left; }
    .ContactUs .map { /*height: 150px;*/ overflow: hidden; }

    .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; }
	  #fuwu {  padding:10px 0; }
	  #cooperation {  padding:10px 0px;}
	  #cooperation .main li {width: 50%; margin-bottom:10px;}
	  #cooperation .main .Item H3 { font-size:16PX;}
	  #cooperation .main .Item .next { display:none;}
	  #cooperation .main .Item .box {
		width: 96%;
		background: none;
		margin: 0 auto;
		padding: 10px 0;
		}
	  
	  .service_box {display:none;}
      .service_boxf  { display: block;}
	  .service_boxf li{ display:block; width:100%; padding-bottom:5px;}
	  .lylink a {
            display:table;
			color: #333333;
			background-color: #eeeeee;
			line-height: 40px;
			width:100%;
			text-align:center;
			font-size: 16px;
			border-radius: 6px;}

      .lylink_on a {
			 display:table;
			background-color: #2383C0;
			color: #fff;
			line-height: 40px;
			font-size: 16px;
			width:100%;
			text-align:center;
			border-radius: 6px;}

@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 {  }
    .Require .main .Item .Intro p {  }

    .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 {  line-height: 25px; }
    .StockControl .Item .Intro p {  line-height: 25px; }
}

@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; }
	
	#Culture .main .Item .pic { margin: 0 auto; width: 70px; height: 70px;  }
    #Culture .main .Item .pic .img { width: 60px; height: 60px; }
	#Culture .main li .Item .Intro H3{ font-size:16px; }
    #SupplyFinance .Supply .Importlist li { width: 50%; }
}

@media (max-width: 320px) {
    .Importlist li { width: 50%; }
    
}