
/* CSS Document */
/*1?�???-???-?����? ??��???
--------------------------*/
body,div,p,span,h1,h2,h3,h4,h5,ul,li,dl,dd,dt,a,from,input,div,menu,ol,section{ border:0; margin:0; padding:0;}
body{font-family: "microsoft yahei";overflow-x:hidden;}
area{ outline: none;}
ul,li{ list-style:none;}
.c{ clear:both;}
.pr{ padding-top:5px; height:100px;}
.clearf:after,.clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}/*IE6/IE7*/
.mr{ width:1200px; margin:0 auto;}
a{ text-decoration:none; color: #676767;}
a:hover{ color:#000;}
img{ border:0;display: block;}
/*2.header
--------------------------*/
/*3.section 1
--------------------------*/
.banner{background:url(../zy_images/jpxc/banner.jpg) center top no-repeat;height:598px;}
.banner a{display: block;position:relative;width:330px;height:65px;margin:0 auto;top:491px;left:-15px;}
.bg{background:#ECC977;padding: 50px 0 56px;}
.tit_e{text-align: center;font-size: 25px;line-height: 35px;text-transform:uppercase;}
.tit_b{text-align: center;font-size: 38px;line-height: 55px;margin: 5px auto;color:#000;}
.content{text-align: center;font-size:20px;line-height: 30px;}
.arrow {width: 40px;height: 4px;margin: 0 auto;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 2px solid #343c99;position:relative; border-radius: 4px;top: -27px;}
.arrow:before {content: '';display: block;width: 100%;height: 100%;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 2px solid #343c99;position: absolute;right: -11px;top: 9px;transform: rotate(120deg);transform-origin: bottom; border-radius: 4px;}
.arrow:after {content: '';display: block;width: 100%;height: 100%;border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 2px solid #343c99;position: absolute;right: 2px;top: 9px;transform: rotate(-120deg);transform-origin: bottom;border-radius: 4px;}
.wb_arrow{ width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:35px solid #000;color:#fff;position:relative;margin:0 auto;z-index: 22;}
.wb_arrow:after { display: block;width: 40px;height: 35px;color:#fff;text-align:center;line-height:25px;position: absolute;right: -20px;top: -35px;}
.bg1{background: #101010;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 50px 0 56px;}
.bg-h1{height:460px;}
.col-1{color:#ECC977;}
.col-0{color:#101010;}
.col-f{color:#fff;}
.wbtc-2,.wbtc-1,.btc-1,.btc-1:after,.btc-1:before{border-top-color: #ECC977;}
.tit_num {margin-bottom: 18px;}
.wbtc-1:after{color:#101010;content: '1';}
.wbtc-2:after{color:#101010;content: '2';}
.wbtc-3:after{color:#ECC977;content: '3';}
.wbtc-4:after{color:#101010;content: '4';}
.wbtc-5:after{color:#101010;content: '5';}
.wbtc-6:after{color:#ECC977;content: '6';}
.wbtc-3,.btc-3,.btc-3:after,.btc-3:before{border-top-color:#101010;}
ul li{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.col2{width:1274px;margin:20px auto 0;}
.col2 li{float:left;width: 639px;margin-right:8px;}
.col2 li:not(:first-child){width:627px;margin-right:0;}
.col2 li:nth-child(2){margin-bottom:6px;}
.col2-2,.col4{width:1274px;margin: 230px auto 20px;}
.col4 li{float:left;width: 25%;text-align:center;font-size: 22px;line-height: 45px;border-bottom: 1px solid #101010;border-right: 1px solid #101010;}
.col4 li:nth-child(8),.col4 li:nth-child(4){border-right:none;}
.col4 li:nth-child(1),.col4 li:nth-child(2),.col4 li:nth-child(3),.col4 li:nth-child(4){border-top: 1px solid #101010;}
.col2-1{width:450px;height:50px;margin:25px auto 0;}
.col2-1 li{float: left;width:230px;margin-right:70px;border-radius: 8px;border: 1px solid #ECC977;}
.col2-1 li:last-child{width:150px;margin-right: 0;}
.col2-1 a{font-size:25px;line-height: 50px;color:#ECC977;display:block;text-align:center;}
.col2-2{margin-top:25px;}
.col2-2>li{float: left;width:470px;margin-right:26px;}
.col2-2>li:last-child{width:778px;margin-right: 0;}
.col2-2 div{font-size:25px;line-height: 50px;color:#fff;background:#564B33;text-align:center;margin-bottom:6px;}
.col1 li{display: block;margin-bottom: 5px;background: #fff;font-size:25px;line-height: 51px;text-align:center;color: #101010;}
.col1 li:last-child{margin-bottom: 0;line-height: 53px;}
.col2-3>li{float: left;width:404px;margin-right:5px;}
.col2-3>li:last-child{width:369px;margin-right: 0;}
.col-img li{display: none;width:404px;height:389px;}
.col-img li.active{display: block;}
.col-mc li.active{background: #101010;color: #ECC977;cursor: initial;}
.col-mc li{cursor: pointer;}
.col2-4{width:520px;height:50px;margin:25px auto 0;}
.col2-4 li{float: left;width:230px;margin-right:60px;border-radius: 8px;border: 2px solid #101010;}
.col2-4 li:last-child{margin-right: 0;}
.col2-4 a{font-size:25px;line-height: 50px;color:#101010;display:block;text-align:center;}
.col2-img li{display: none;width:1274px;height:480px;margin:25px auto 15px;}
.col2-img li.active{display: block;}
.col2-btn{width:400px;margin:15px auto 40px;}
.col2-btn li.active{background: #ecc977;cursor: initial;}
.col2-btn li{float:left;width:190px;height:10px;cursor: pointer;background: #fff;margin-right: 20px;}
.col2-btn li:last-child{margin-right: 0;}
.col2-5{width:1274px;margin:25px auto 0;}
.col2-5 li{float: left;width:701px;height:584px;margin:0;}
.col2-5 li:last-child{width:573px;padding-top: 35px;background: #ecc977}
.span_box{width: 470px;margin:0 auto;}
.span_box span{float:left;width:235px;font-size:25px;line-height: 50px;text-align:center;color: #000;background: #fff;}
.span_box span:last-child{color: #fff;background: #000;}
.tit1_e{text-align: center;font-size: 32px;line-height: 50px;text-transform:uppercase;margin: 15px auto 10px;}
.tit1_s{text-align: center;font-size: 26px;line-height: 30px;margin: 5px auto 25px;color:#000;}
.tit1_b{text-align: center;font-size: 38px;line-height: 55px;margin: 5px auto;color:#000;}
.col3-1{width:1274px;margin:25px auto;}
.col3-1 li{float: left;width:385px;margin-right: 59px;}
.col3-1 li:last-child{margin-right: 0;}
.col3-1 a{display: block;}
.zymc{display:block;text-align: center;font-size: 25px;line-height: 45px;color: #ecc977;background: #101010;}