@charset "utf-8";

/* CSS Document */

/****** Detail-banner-style ******/

body { padding-top: 80px; }

.img img{max-width: 100%}

.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_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-more.jpg') no-repeat center center !important; }

.share .bds_tsina { background: url('../images/icon-weibo.jpg') no-repeat center center !important; }

.share .bds_weixin { background: url('../images/icon-weixin.jpg') no-repeat center center !important; }

.share .bds_qzone { background: url('../images/icon-qq.jpg') no-repeat center center !important; }

.share .bds_tqq { background: url('../images/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: #538fdb; }

#dcms_pager .pages a:hover { color: #538fdb; }

#dcms_pager .pages .pg:hover { background: #538fdb; color: #fff; }



.page{display: inline-block;overflow: hidden;margin-top: 30px}

.Newslist .page li,.page li{width: auto;display: inline-block;margin: 0 auto;text-align: center;padding: 5px 10px;border: 1px solid #ccc;margin-right: 22px;color: #ccc;font-size: 16px;}

.Detail-more img{width: auto !important;height:auto !important; }

@media(max-width: 1025px){

	.Newslist .page li, .page li{padding: 6px;font-size: 13px;margin-right: 10px;}

}

.page li a{color: #ccc}

.page li:hover,.Newslist .page .thisclass{background: #538fdb;color: #fff}

.page li:hover a{color: #fff;}

/****** Detail-public-style ******/

.Detail-more { padding: 20px 0; }



.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: 14px; 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: #538fdb; }

.Up-Down-page .next a:hover { background: url('../images/icon_right01.png')no-repeat right center; color: #538fdb; }



/****** Detail-News-style ******/

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

.Newslist { }

.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; }

.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; background: #fff;height:186px}

.Newslist .Item .pic img { /*width: 100%;*/ transition: all 0.5s; display: block;text-align: center;margin: 0 auto}

.Newslist .Item .Intro { padding: 15px 20px; }

.Newslist .Item .Intro h3 { font-size: 16px; color: #333; line-height: 25px; height: 50px; overflow: hidden; text-transform: uppercase; font-weight: 500; }

.Newslist .Item .Intro span { font-size: 14px; color: #999; line-height: 40px; }

.Newslist .Item:hover { background: #538fdb; }

.Newslist .Item:hover .pic img { transform: scale(1.1); }

.Newslist .Item:hover .Intro h3 { color: #fff; }

.Newslist .Item:hover .Intro span { color: #fff; }





.Contact .Introduce{transition-delay:3s}

.service .Item .pic{width: 100%;height: 280px}

@media(max-width: 1025px){

	.service .Item .pic{height: 100px;}

	.Newslist .Item .pic {height:130px;}



}

.serviceul li{width: 33%;float: left;}

/****** Detail-NewsDetail-style ******/

.NewsDetail { }

.NewsDetail .Title { text-align: center; padding-bottom: 20px; border-bottom: 1px dashed #999; }

.NewsDetail .Title h3 { font-size: 16px; color: #538fdb; line-height: 50px; }

.NewsDetail .Title span { font-size: 14px; color: #666; line-height: 30px; margin: 0 10px; }



@media(min-width: 1025px){

.NewsDetail .Detail-more iframe,.NewsDetail .Detail-more embed{width: 688px;height: 362px;}

}

/****** 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; }

.Focuson .Item .pic img{width: 100%}

/****** 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 { padding: 20px 0; }

.Productlist { }

.Productlist .Item .left { width: 50%; }

.Productlist .Item .right { width: 50%; }

.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 .Item .pic img { transition: all 0.5s; width: 100%; }

.Productlist .Item .Intro { padding-bottom: 50px; position: relative; background: #fefefe; }

.Productlist .Item .Intro h3 {text-align: center; font-size: 22px; color: #000; line-height: 40px; padding: 25px 0 0 0; position: relative; }

.Productlist .Item .Intro h3 .line { /*position: absolute; left: 0; bottom: 0;*/ width: 50px; height: 2px; background: #dddddd; display: block;margin: 0 auto}

.Productlist .Item .Intro .box { margin-bottom: 20px; height: 168px; }

.Productlist .Item .Intro p { font-size: 16px; color: #333; line-height: 28px; }

.Productlist .Item .Intro .more { transition: all 0.5s; font-size: 14px; color: #000; line-height: 40px; padding: 0 15px; border: 1px solid #e8e8e8; display:block;width: 150px;margin: 0 auto }

.Productlist .Item .Intro .more i { font-size: 12px; line-height: 40px; margin-left: 30px; }

.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: #538fdb; }

.Productlist .Item:hover .Intro .more { color: #fff; background: #538fdb; }



/****** 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: #538fdb; }

.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; }



#Supply .Introduce{display: block;overflow: hidden;}

#Supply .Introduce .contact_ad{width: 23%;margin-right:2%;float: left;text-align: left;background: #fff}

#Supply .Introduce .contact_ad .img{overflow: hidden;padding:0;}

#Supply .Introduce .contact_ad img{transition:all 0.5s;}

#Supply .Introduce .contact_ad:hover img{transform: scale(1.2);}

#Supply .Introduce .contact_ad div{padding: 20px 0;}

#Supply .Introduce .contact_ad p{text-align: left;color: #666;font-size: 12px}

@media(max-width: 1025px){

	#Supply .Introduce .contact_ad{width: 100%;margin-bottom:20px; }

}

/****** 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: 38%; 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; }



/*客户价值*/

/*.khjz{background: #f7f5f5;display: block;overflow: hidden}*/

.khjz .process{display: block;overflow: hidden}

.khjz .kz_box{width: 45%;float: left;margin-right: 10%;height: 140px;margin-bottom: 50px;}

.khjz .kz_box:nth-child(2n){margin-right: 0;}

.khjz .kz_box .left{width: 20%;line-height: 115px;}

.khjz .kz_box .left img{display: block;margin: 0 auto;}

.khjz .kz_box .left span{line-height: 20px;display: block;font-size: 15px;font-weight: bold;text-align: center;}

.khjz .kz_box .right{padding:25px 0 8px 38px;font-size: 14px;background: #3eb3e3;color: #fff;line-height: 25px;height: 100%;border-radius: 10px;width: 80%;}

@media (max-width: 1025px) {

	.khjz .kz_box{width: 100%}

}

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

.bg08 { background: url('../images/bg08.jpg') top center; }

#Plan { }

.Planlist { }

.Planlist .Major p { font-size: 16px; color: #000; line-height: 28px; }

.Planlist .list { }

.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: #fff; position: relative; }

.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: 20px; 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: 2px; width: 40px; background: #dadada; display: block; }

.Planlist .list .Item .Intro .box { height: 225px; overflow: hidden; }

.Planlist .list .Item .Intro p { font-size: 14px; color: #666666; line-height: 25px; }

.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: #538fdb; }

.Planlist .list .Item:hover .pic img { transform: scale(1.1); }

.Planlist .list .Item:hover .more { background: #538fdb; 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: #538fdb; 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 #538fdb; 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: #538fdb; }

.Contactlist .Item:hover .pic .iconfont { color: #538fdb; }



/****** 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: #538fdb; }

.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: #538fdb; 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: #538fdb; 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 #538fdb; 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: #538fdb; 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: #538fdb; 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: #538fdb; 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: #538fdb; 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('../images/aboutbg.jpg'); height: 620px; }

#Company .container { overflow: hidden; }

#Company .Title { margin-top: 5%; }

#Company .main .centre { width: 83%; margin: 0 auto; margin-bottom: 15%; }

#Company .main .left { float: left; width: 48%; }

#Company .main .right { float: right; width: 50%; }

#Company .main .Intro { color: #fff; }

#Company .main .Intro h3 { font-size: 16px; line-height: 40px; }

#Company .main .Intro p { font-size: 14px; line-height: 45px; }

#Company .main .right_en .Intro p {line-height: 34px;}

#Introduce { height: 270px; overflow: hidden; position: relative; width: 100%; }

#Introduce .scroll_container { overflow: hidden; position: relative;}

.home_about .scroll_container{top:-18px;}

#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: #8194ab; }

#Introduce .scroll_arrow { text-indent: -20000px; display: block; cursor: pointer; background-color: #538fdb; }

#Introduce .scroll_vertical_bar .scroll_arrow { height: 16px; }

@media(min-width: 1025px){

	.homecompany{height: 517px !important;}

}

.homecompany .Title{margin-top: 4% !important}

#Culture { background: url('../images/aboutbg1.jpg') no-repeat center center; padding: 6% 0 12% 0; }

#Culture .Title h2 { color: #333; }

#Culture .Title h2 .line { background: #333; }

#Culture .main li { float: left; width: 25%; }

#Culture .main .Item { margin: 0 auto; text-align: center; }

#Culture .main .Item .pic { border-radius: 50%; width: 150px; height: 150px; padding: 10px; /*background: #f8f8f8;*/ margin: 20px auto; }

#Culture .main .Item .pic .img { border-radius: 50%; /*background: #538fdb;*/ width: 130px; height: 130px; 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 h3 { font-size: 20px; color: #333; line-height: 40px; padding-bottom: 10px; position: relative; margin-bottom: 15px; transition: all 0.5s linear; }

#Culture .main .Item .Intro .line { position: absolute; left: 50%; bottom: 0; width: 30px; height: 2px; background: #dbdbdb; margin-left: -15px; }

#Culture .main .Item .Intro p { font-size: 16px; color: #1b100e; line-height: 30px; }

#Culture .main .Item:hover .pic .img { transform: rotate(360deg); }

#Culture .main .Item:hover .Intro h3 { font-size: 22px; color: #538fdb; }

#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; padding: 0 8px; height: 30px; background: #538fdb; 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: 20px/56px Arial; color: #538fdb; }

.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; }









.bt_under{width: 958px;position: relative;top: -38px;margin:0 auto; }

.bt_under div{width: 27px;height: 27px;border: 1px solid #fff;border-radius: 5px}

.bt_under .pre{float: left;background: url('../images/left.png') no-repeat 3px #fff}

.bt_under .nex{float: right;background: url('../images/right.png') no-repeat 3px #fff}



.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: 840px; height: 63px; }

.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: 16px; color: #fff; font-weight: bold;}

.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: #538fdb; }

.M-Service .slicklist .Item .Intro{padding-bottom: 20px;background: #538fdb}

.M-Service .slicklist .Item .Intro h3{color: #fff}



#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: 308px; }

#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; /*height: 190px;*/overflow: hidden;}

#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: 16px; color: #333; line-height: 40px; font-weight: 500; white-space: nowrap; height: 40px; display: block; overflow: hidden; text-transform: uppercase; }

#Honor .main .responsive { padding: 0; overflow: hidden}

#Honor .main .responsive .responsive_ul{position: relative;}

#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 #538fdb; }

#Honor .main .responsive .slick-next:hover { background: url('../images/right02.png')no-repeat center center #538fdb; }

.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%; }



#Display { background: url('../images/aboutbg4.jpg') no-repeat center center; }

#Display .Title h2{color: #333;}

#Display .Title h2 .line {background: #333;}



#Financial .Title h2 { color: #333; }

#Financial .content_cx img{width: 50% ;height: 342px;}

@media(max-width: 1025px){

	#Financial .content_cx img{width: 100%;height: auto}

}

#online{ background: url('../images/supplybg.jpg') no-repeat center center; }

#online form{width: 60%;display: block;overflow: hidden;margin:0 auto;}

#online form div{margin-bottom: 12px;}

#online form span{line-height: 40px;width: 16%;float: left;}

#online form input{font-size: 14px;height: 40px;padding-left: 1%;width: 84%;color: #333;}

#online form textarea{font-size: 14px;padding-left: 1%;width: 84%;color: #333;}

#online form .button{

    display: block;

    overflow: hidden;

    height: 50px;

    line-height: 14px;

    color: #fff;

    width: 33%;

    border-radius: 10px;

    padding: 0;

    background: #538fdb;

	margin: 0 auto;

}

.list-service .container{text-align: center;}

.list-service .Navigation{display: inline-block;}

.list-service .Navigation li{float: left;padding: 10px;display: inline-block;border: 1px solid #538fdb;margin-right: 24px;color: #538fdb;border-radius: 8px;}

.list-service .Navigation li:last-child{margin-right: 0px;}

.list-service .Navigation li a{color: #538fdb;}

.list-service .Navigation li:hover{background: #538fdb}

.list-service .Navigation li:hover a{color: #fff}

.list-service .content{margin-top: 15px;}

.list-service .content .column{margin-bottom: 15px;}

.list-service .content .column h3{font-size: 20px;padding:30px;}

@media (max-width: 1025px) {

	#online form{width: 100%;}

	#online form span{width: 25%}

	#online form input,#online form textarea{width: 74%}

	.list-service .Navigation li{margin:0 25%;width: 45%;margin-bottom: 15px;}

}



@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; }

    .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: #538fdb; }







    .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; }

	.Focuson .Item .pic img{width: 100%}

    

    .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; }

    .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: auto; }



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

    .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%; }



    .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 #538fdb; 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; max-width: 1200px; height: 100%; }

    .hotline h3 { font-size: 16px; }



    .Joblist .Item { padding: 10px 15px; padding-left: 100px; height: 108px;overflow: hidden}

    .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%; }

    .Newslist ul { margin: 0 -5px; }

    .Newslist .Item { margin: 5px; }



    .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; }



    .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 .Item .Intro h3 { font-size: 16px; line-height: 30px; }

    #Culture .main .Item .Intro { font-size: 13px; }



    .Query .contact em { display: block; }

	.serviceul li{width: 100%}

}



@media (max-width: 640px) {

    .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%; }



    #Course { padding: 1% 0; }

    #Culture .main li { width: 50%; }

    #Culture .main .Item .pic { margin: 0 auto; width: 110px; height: 110px; padding: 5px; }

    #Culture .main .Item .pic .img { width: 100px; height: 100px; }

    #Culture .main .Item .Intro h3 { margin-bottom: 5px; padding: 5px; }

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



    #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; }

    .Newslist .Item .Intro { padding: 5px 10px; }

    .Newslist .Item .Intro h3 { font-size: 14px; }



    .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; }

    .Newslist li { width: 50%; }



    .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; }



    .Productlist .Item .Intro { padding: 10px 15px; }

    .Productlist .Item .Intro h3 { font-size: 18px; padding-bottom: 10px; }

    .Productlist .Item .Intro p { font-size: 14px; line-height: 24px; }



    .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; }

}



@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; }

}



@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; }

}



.contact_img {display: block;overflow: hidden}

.contact_img li{width: 25%;float: left;}

.contact_img li img{width: 95%;margin: auto}





.bg_fff{ background-color:#FFF;}

.stock_main{ padding:25px; font-family:'微软雅黑'!important;  font-size: 14px!important;}

.stock_list ul{ list-style:none; padding:0px; margin:0px; width:100%;

height:35px; line-height:35px;  border:0px; border-bottom: 1px solid #ddd;  display: block;

    overflow: hidden; text-align: center;}

.stock_list ul li{ display:block; width:20%; float:left;  border-left: 1px solid #ccc;}

.stock_list ul li:last-child{ border-right: 1px solid #ccc;}

.stock_list>.th{ background:#000;border-bottom: 2px solid #000; font-weight:bold; border-top:1px; color:#fff; }

.stock_list>.th li:first-child{ border-left: 1px solid #000;}

.stock_list>.th li:last-child{ border-right: 1px solid #000;}



.page .thisclass{background: #538fdb; color: #fff;    border: 1px solid #538FDB;}

.search_tips{ width:100%;padding:5px;  display:block; overflow:hidden;    color: #333;}

.stock_tips{    float: right; padding:5px; font-weight:bold;}

.stock-searh-form input{ color: #737373;}

.stock_search{

	    display: block;

    overflow: hidden;

	padding-bottom:0px;}

.stock-searh-form{

	max-width: 460px;

	padding: 5px;

	float: left;

	background-color: #E1E1E3;

}

.stock-searh-form button{

	float: right;

	color: #fff;

	background-color: #1266D0;

	box-shadow: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	line-height: 25px;

	border: 1px solid #76A4CA;

	padding: 4px 5px;

}

.stock-searh-form #stock-searh{

	float: left;

	width: auto;

	margin-right: 5px;

	min-width: 335px;

	line-height: 25px;

	padding: 5px 5px;

}

#stock-searh {

		color: #737373!important;font-size: 14px!important;

	}



@media (max-width: 640px) {

	.stock_main{ padding:25px 0; font-family:'微软雅黑'!important;font-size: 12px!important;}

	.stock-searh-form {

		width: 100%!important; 

	}

	.stock-searh-form #stock-searh { 

		width: 75%!important; 

		min-width:inherit;

	}

	.stock-searh-form button { width:20%;}

}

@media (max-width: 380px) {

	.stock-searh-form #stock-searh { 

		width: 65%!important; 

		min-width:inherit;

	}

	.stock-searh-form button { width:30%;}

	

}