.layout{width: 80%; margin: 0 auto;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{content:""; display:table}.clearfix{zoom:1;}
.clearfix:after{content:""; clear: both; height: 0; visibility: hidden; display: block;}
@font-face {
    font-family: 'Conv_DINCondensedC';
    src: url('https://www.jinwangsz.com/template/pc/static/font/dincondensedc.eot');
    src: local('☺'),
        url('https://www.jinwangsz.com/template/pc/static/font/dincondensedc.woff') format('woff'),
        url('https://www.jinwangsz.com/template/pc/static/font/dincondensedc.ttf') format('truetype'),
        url('https://www.jinwangsz.com/template/pc/static/font/dincondensedc.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*index*/
.contain{width: 100%; padding-top: 0;}
.sectionBox{width: 100%; background-color: #fff; padding: 80px 0 120px 0; position: relative; z-index: 1;}
.section01{background-color: #fff; border-bottom: 0px solid #f4f4f4;}
.indexTitle{width: 100%; text-align: center;}
.indexTitle h2{font-size: 36px; font-weight: bold; color: #000; line-height: 1.1;}
.indexTitle p{font-size: 18px; color: #666; margin-top: 10px;}
.inBusiness{width: 100%; margin-top: 50px;}
.inBusiness ul li{width: 25%; float: left; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat;}
.inBusiness ul li.item1{background-color: #000;}
.inBusiness ul li.item2{background-color: #1cba75;}
.inBusiness ul li.item3{background-color: #f3f3f3;}
.inBusiness ul li.item4{background-color: #e41700;}
.inBusiness ul li .box{height: 483px; padding: 40px; box-sizing: border-box;-webkit-box-sizing: border-box; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness ul li.item1:hover .box{background-color: rgba(0,0,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);}
.inBusiness ul li.item2:hover .box{background-color: rgba(28,186,117,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}
.inBusiness ul li.item3:hover .box{background-color: rgba(243,243,243,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88f3f3f3, endColorstr=#88f3f3f3);}
.inBusiness ul li.item3:hover .tit{background: url(../image/inbusiness_more_h.png) right center no-repeat;}
.inBusiness ul li.item3 .dl dd .a{border-color: #000; color: #333;}
.inBusiness ul li.item4:hover .box{background-color: rgba(228,23,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}
.inBusiness ul li.item4 .dl dd .a:hover{background-color: #fff; border-color: #fff; color: #e41700;}
.inBusiness ul li .tit{font-size: 28px; color: #fff; padding-right: 45px;}
.inBusiness ul li .tit p{font-size: 14px; color: #c4c4c4;}
.inBusiness ul li.item3 .tit{color: #000;}
.inBusiness ul li.item3 .tit p{color: #7a7a7a;}
.inBusiness ul li:hover .tit{background: url(../image/inbusiness_more.png) right center no-repeat;}
.inBusiness ul li:hover .dl{visibility: visible; opacity: 1;}
.inBusiness .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness .dl dd{display: inline-block;_display: inline;zoom:1; margin: 5px 5px 0 0;}
.inBusiness .dl dd .a{display: block; width: 135px; height: 43px; line-height: 43px; border: 1px solid #fff; text-align: center; font-size: 16px; color: #fff;}
.inBusiness .dl dd .a:hover,.inBusiness ul li.item3 .dl dd a:hover{background-color: #e41700; border-color: #e41700; color: #fff;}

.section02{background-color: #f4f4f4;}
.incaseTab{width: 100%; text-align: center; margin-top: 10px;}
.incaseTab ul li{display: inline-block;_display: inline;zoom:1; padding-right: 25px; margin-right: 25px; background: url(https://www.jinwangsz.com/template/pc/static/image/incasetab_li.png) right center no-repeat;}
.incaseTab ul li:nth-last-child(1){background: none; margin-right: 0;}
.incaseTab ul li a{font-size: 18px; color: #666;}
.incaseTab ul li.on a{color: #e41700;}
.indexCase{width: 100%; margin-top: 50px; overflow: hidden;}
.indexCase .box{display: none;}
.indexCase ul li{width: 25%; float: left;}
.indexCase ul li .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;}
.indexCase ul li .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.indexCase ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.indexCase ul li:hover .bg{visibility: visible; opacity: 1;}
.indexCase ul li .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.indexCase ul li:hover .bg img{transform: translateY(0);}
.indexCase ul li .tit{background-color: #fff; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;}
.indexCase ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.indexCase ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.indexCase ul li h2{font-size: 18px; font-weight: bold; color: #000;}
.indexCase ul li p{font-size: 14px; color: #999;}
.indexCase ul li:hover h2,.indexCase ul li:hover p{color: #fff;}
.indexCase ul li .icon{width: 22px; height: 22px; background: url(https://www.jinwangsz.com/template/pc/static/image/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;}
.indexCase ul li:hover .icon{background: url(https://www.jinwangsz.com/template/pc/static/image/case_more_h.png) no-repeat;}
.indexBtns{width: 100%; margin-top: 55px; text-align: center;}
.indexBtns a{display: inline-block; min-width: 194px; height: 54px; line-height: 54px; padding: 0 10px; overflow: hidden; border-radius: 25px; background-color: #1b1b1b; font-size: 18px; color: #fff; margin: 0 5px; position: relative; z-index: 1;}
.indexBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.indexBtns a:hover:after,.indexBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section03{background-color: #fff;}
.indexPartner{margin-top: 50px; padding: 1px 0 0 1px; overflow: hidden;}
.indexPartner ul li{width: 20%; float: left; border: 1px solid #f5f5f5; margin: -1px 0 0 -1px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span{display: block; width: 100%; /*height: 149px;*/ padding-top: 46%; overflow: hidden; position: relative;}
.indexPartner ul li img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.indexPartner ul li:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.indexPartner ul li span:before,.indexPartner ul li span:after{position: absolute; z-index: 5; content:""; display: block; border: 5px solid transparent; width: 0; height: 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span:before{bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.indexPartner ul li span:after{top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.indexPartner ul li:hover span:before{width: 100%; height: 100%; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.indexPartner ul li:hover span:after{width: 100%; height: 100%; border-top-color: #f5f5f5; border-right-color: #f5f5f5; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.section04{background-color: #f4f4f4;}

 .webBtns{width: 100%; margin-top: 60px;}
 .webBtns a{display: inline-block; width: 162px; height: 48px; line-height: 48px; font-size: 16px; color: #333; background-color: #fff; text-align: center; overflow: hidden; position: relative; z-index: 1;}
 .webBtns a:hover,.section .webBtns a.on{color: #fff;}
 .webBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
 .webBtns a:hover:after,.section .webBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

 .webBtns2{width: 100%; margin-top: 60px;}
 .webBtns2 a{display: inline-block; width: 162px; height: 48px; line-height: 48px; font-size: 16px; color: #fff; background-color: #e41700; text-align: center; overflow: hidden; position: relative; z-index: 1;}
 .webBtns2 a:hover,.section .webBtns a.on{color: #fff;}
 .webBtns2 a:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
 .webBtns2 a:hover:after,.section .webBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}


.wlDemand{width: 100%; background-color: #fff; padding: 80px 0 120px 0; position: relative; z-index: 1;}
.wlDemand .indexTitle{text-align: left;}
.wlDemand .indexTitle p{font-size: 14px;}
.wlform{margin: 30px 0 10px 0;}
.wlform ul li{/*width: 455px;*/ width: 27.95%; float: left; margin-right: 0.38333%;}
.wlform ul li.itemSub{/*width: 224px;*/ width: 15%; float: left; margin-right: 0;}
.wlform ul li .bwtext{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #333; border: 1px solid #ececec; padding: 0 20px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.wlform ul li .bwtext:focus{border-color: #e41700;}
.wlform ul li .bwsele{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #999; border: 1px solid #ececec; padding-left: 20px;}
.wlform ul li .bwsele{appearance: none;-moz-appearance: none;-webkit-appearance: none; outline: none;}
.wlform ul li .bwsele::-ms-expand{display:none;}
.wlform ul li .submit{width: 100%; height: 55px; background-color: #e41700; border: 2px solid #e41700; font-size: 14px; color: #fff; cursor: pointer; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.wlform ul li .submit:hover{background-color: #000; border-color: #000;}
.italic{font-size: 12px; color: #999;}



@media screen and (max-width:1199px){
	.wrap {width:970px;}
	.news_txt {width:670px;}
	.news_txt p {line-height:1.6;}
	.abinewcl {display:none;}
	.abinewcr {width:auto;float:none;}
	.abinewt {font-size:24px;font-weight: bold;color: #000;}
	.abinewcate {padding:10px 0;}
	
}
@media screen and (max-width:991px){
	.wrap {width:750px;}
	.news_list {margin-top:20px;}
	.news_list li {padding:10px 0;}
	.news_txt {width:450px;}
	.news_txt h6 {padding:0;}
	.news_txt p {line-height:1.5;}
	.abinew {padding:30px 0 40px 0;}
	.abinewcate ul li {padding: 0 20px;}
	.abinewcrr_i {line-height:20px;height:40px;}
	.layout{width: 90%; margin: 0 auto;}
	
	
}
@media screen and (max-width:768px){
  
    .indexCase ul li h2,.indexnwHot .h2,.newslist ul li .h2,.newslist ul li .time b,.aboutUs .h2{font-size: 16px;}
    .inBusiness ul li .tit,.indexBtns a,.indexnwlist ul li .h2,.incaseTab ul li a,.nwNextlist ul li .h2,.nwMyewm .th,.aboutUs .pn,.aboutSer ul li .pn,.abContact ul li .Btns{font-size: 14px;}
    .indexTitle p,.banner .banText .pn,.bannerNumBar ul li .pn,.inBusiness ul li .tit p,.indexCase ul li p,.indexnwlist ul li .time,.footer .ftlogos,.nybanner .pn,.newslist ul li .time,.aboutNumBar ul li .pn,.indexnwlist ul li .pcont,.newslist ul li .pcont,.nwNextlist ul li .time,.abContact ul li .pn{font-size: 12px;}
    .sectionBox,.wlDemand,.aboutBox{padding: 30px 0 40px 0;}
    .inBusiness,.indexCase,.indexPartner,.indexNews,.wlform,.newsTou,.caseTextBox .caseInfo,.caseRecoomlist,.aboutUs,.aboutSer,.abContact{margin-top: 20px;}
    .inBusiness ul li{width: 50%;}
    .inBusiness ul li .box{padding: 20px 10px; height: 320px;}
    .inBusiness ul li .tit,.inBusiness ul li:hover .tit,.inBusiness ul li.item3:hover .tit{padding-right: 26px; background-size: 20px auto;}
    .inBusiness .dl{margin-top: 5px; display: -webkit-box;display: flex;-webkit-box-flex: 1;flex-grow: 1;flex-wrap: wrap;}
    .inBusiness .dl.clearfix:before,.inBusiness .dl.clearfix:after{display: none;}
    .inBusiness .dl dd{width: 50%; float: none; margin: 5px 0 0 0; flex-basis: 50%;}
    .inBusiness .dl dd a,.inBusiness .dl dd .a{width: auto; padding: 0 5px; border: 1px solid #fff; font-size: 8px; height: 28px; line-height: 28px; margin: 0 2px; overflow: hidden;}
    .incaseTab ul li{padding-right: 8px; margin-right: 5px; margin-top: 5px;}
    .indexCase ul li{width: 50%;}
    .indexCase ul li .tit{padding: 10px 40px 0 10px; height: 50px;}
    .indexCase ul li .icon{right: 10px;}
    .indexCase ul li .bg img{max-height: 80px;}
    .indexBtns{margin-top: 15px;}
    .indexBtns a{min-width: 75px; height: 35px; line-height: 35px;}
    .indexPartner ul li{width: 33.333%;}
    .indexnwHot,.indexnwlist,.wlform ul li,.wlform ul li.itemSub,.footer .ftlogos,.footer .ftlinks,.footer .ftCopy,.footer .bdsharebuttonbox,.section .webTmain,.section .webPic,.caseTextBox .caseTitle,.caseTextBox .caseInfo,.newsleft,.newsright,.aboutSer ul li .h2,.aboutSer ul li .pn{width: auto; float: none;}
    .indexnwHot a{padding: 20px;}
    .indexnwHot .pic{height: auto; padding-top: 104%;}
    .indexnwlist ul{margin-left: -5px; margin-right: -5px;}
    .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;}
    .indexnwlist ul li a{padding: 20px 15px; margin: 0 5px; background-color: #fff;}
    .indexnwlist ul li .pcont,.newslist ul li .pcont{height: 125px; margin-top: 5px;}
    .indexnwlist ul li .time,.newslist ul li .time{margin-top: 10px; padding-top: 10px;}
  
	.layout{width: 90%; margin: 0 auto;}
	
}