manyi/static/chaoben/pc/css/css.css

@charset "utf-8";
/* CSS Document */
/*@font-face {
    font-style:normal;
    font-weight:normal;
    font-family:"pingfang";
    src:url('../fonts/PingFang Regular.eot');
    src:url('../fonts/PingFang Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PingFang Regular.woff') format('woff'),
    url('../fonts/PingFang Regular.ttf') format('truetype'),
    url('../fonts/PingFang Regular.svg#BIGPixelRegular') format('svg');
}*/
html,body{ width:100%;}
body{min-width: 1226px;}
body{ font-family:Source Sans Pro,PingFangSC,Helvetica Neue,Arial,sans-serif; font-size:14px; line-height:24px; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#ccc;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#ccc;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#ccc;}
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.header{ background-color:#0a1931; width:100%; position:fixed; left:0; top:0; height:60px; z-index:990;}
.header .head{ width:1200px; margin:auto; position:relative;}
.header .head .logo{ height:40px; float:left; padding:10px 0;}
.header .head .logo img{ display:block; height:40px;}
.header .head .nav{ float:left; margin-left:70px;}
.header .head .nav li{ display:block; float:left; height:60px; margin-left:70px;}
.header .head .nav li>a{ display:block; height:60px; line-height:60px; color:#fff; font-size:14px; position:relative;}
.header .head .nav li>a b{ display:none; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; left:50%; margin-left:-10px; bottom:0;}
.header .head .nav li:hover>a b{ display:block;}
.header .head .nav li .panel{ position:absolute; top:60px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:900px; background-color:#fff; -webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.2); box-shadow:0 4px 6px 0 rgba(0,0,0,.2); z-index:99; display:none;}
.header .head .nav li:hover .panel{ display:block;}
.header .head .nav .panel>.second{ position:absolute; width:200px; height:100%; padding-top:30px; padding-left:40px; background-color:#f7f7f7; box-sizing:border-box;}
.header .head .nav .panel>.second dd{ height:28px; line-height:28px; margin-top:10px; font-size:14px; color:#7e808e; -webkit-transition:color .2s ease; transition:color .2s ease;}
.header .head .nav .panel>.second dd:first-child{ margin-top:0;}
.header .head .nav .panel>.second dd a{ color:#7e808e;}
.header .head .nav .panel>.second dd.active{ color:#20519a;}
.header .head .nav .panel>.second dd.active a{ color:#20519a;}
.header .head .nav .panel>.box{ width:700px; margin-left:200px; min-height:358px;}
.header .head .nav .panel>.box>.context .title{ min-height:28px; line-height:28px; color:#333; padding-right:60px; margin-top:30px; margin-left:60px;}
.header .head .nav .panel>.box>.context .thumb{ width:400px; height:183px; margin-top:10px; margin-left:60px;}
.header .head .nav .panel>.box>.context .thumb img{ height:183px; display:block;}
.header .head .nav .panel>.box>.context .content{ margin-top:16px; color:#7e808e; line-height:2; margin-left:60px; padding-right:60px; padding-bottom:30px;}
.header .head .nav .panel>.box>.context .third{ float:left; width:360px; height:inherit; padding-top:40px; padding-left:40px; padding-bottom:50px; box-sizing:border-box;}
.header .head .nav .panel>.box>.context .third p{ height: 28px; line-height: 28px; letter-spacing: .2px; margin-top: 10px; -webkit-transition: color .2s ease; transition: color .2s ease;}
.header .head .nav .panel>.box>.context .third p:first-child{ margin-top:0;}
.header .head .nav .panel>.box>.context .third p.active a{ color:#20519a;}
.header .head .nav .panel>.box>.context .third p i{ display:inline-block; vertical-align:top; width:20px; height:inherit; text-align:center; margin-right:12px; vertical-align:middle;}
.header .head .nav .panel>.box>.context .third p i img{ vertical-align:middle;}
.header .head .nav .panel>.box>.context .boxs{ float:right; width:340px; height:inherit;}
.header .head .nav .panel>.box>.context .third-content .content,.header .head .nav .panel>.box>.context .third-content .thumb,.header .head .nav .panel>.box>.context .third-content .title{ margin-left:0;}
.head .nav .panel>.box>.context .third-content .thumb{ width:280px; height:auto; overflow:hidden;}

.header .head .right{ float:right; height:30px; padding:15px 0;}
.header .head .right .top{ float:left; height:30px; display:none;}
.header .head .right .top a{ display:block; border:1px solid #fff; border-radius:4px; padding:0 10px; height:28px; font-size:14px; line-height:28px; color:#fff;}
.header .head .right .top a:hover{ background-color:#fff; color:#0061ae;}
.header .head .right .ser{ float:left; width:168px; margin-left:50px; height:20px; padding:5px 0; border-radius:30px; background-color:#fff;}
.header .head .right .ser .text{ width:120px; float:left; display:block; margin-left:15px; height:20px; line-height:20px; font-size:14px; overflow:hidden;}
.header .head .right .ser .sub{ width:15px; height:15px; margin:2px 0; background-image:url(../images/ser_06.jpg); background-image:#fff; background-position:center; background-repeat:no-repeat; cursor:pointer;}

/*banner*/
.banner{ width:100%; position:relative; z-index:0; padding-top:60px; overflow:hidden;}
.banner img{ width:100%; display:block;}
.banner .swiper-wrapper{ z-index:0;}
.banner .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:60px; z-index:10;}
.banner .swiper-pagination span{ margin:0 10px; width:16px; height:16px; background-color:#fff;border: 1px solid rgba(0,0,0,.2); border-radius:16px; cursor:pointer; display:inline-block; opacity:0.8;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#0a0a0a;}

/*首页*/
.box01{ width:100%; padding-top:80px;}
.box01 .title{ width:1200px; text-align:center; margin:auto;}
.box01 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.box01 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.box01 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.box01 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.box01 .title p img{ display:block;}
.box01 .title01{ width:1200px; text-align:center; margin:auto; font-size:14px; line-height:24px; margin-top:20px;}
.box01 ul{ width:1200px; display:block; margin:auto; margin-top:40px;}
.box01 ul li{ width:240px; height:230px; float:left; overflow:hidden;}
.box01 ul li strong{ display:block; overflow:hidden; margin-top:30px; height:100px; width:100%; position:relative;}
.box01 ul li strong img{ max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.box01 ul li strong .img02{ display:none;}
.box01 ul li:hover{ background-color:#2690df; box-shadow:0 0 10px #a9cce6;}
.box01 ul li span{ text-align:center; display:block; font-size:16px; line-height:26px;}
.box01 ul li p{ text-align:center; display:block; font-size:13px; line-height:24px; color:#666; margin-top:5px;}
.box01 ul li:hover strong .img01{ display:none;}
.box01 ul li:hover strong .img02{ display:block;}
.box01 ul li:hover span{ color:#fff;}
.box01 ul li:hover p{ color:#fff; opacity:0.32;}

.box02{ width:100%; padding-top:80px;}
.box02 .title{ width:1200px; text-align:center; margin:auto;}
.box02 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.box02 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.box02 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.box02 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.box02 .title p img{ display:block;}
.box02 .title p strong img{ width:50px; height:25px;}
.box02 .box{ width:1200px; margin:auto; height:970px; position:relative; margin-top:40px;}
.box02 .box .b01{ width:55%; position:absolute; left:0; top:0; height:500px; background-position:center; background-size:cover;}
.box02 .box .b02{ width:45%; position:absolute; right:0; top:0; height:240px; background-position:center; background-size:cover;}
.box02 .box .b03{ width:45%; position:absolute; right:0; top:240px; height:260px; background-position:center; background-size:cover;}
.box02 .box .b04{ width:100%; position:absolute; left:0; bottom:0; height:470px; background-position:center; background-size:cover;}
.box02 .box a{ width:100%; height:100%; overflow:hidden; display:table; text-align:center; vertical-align:middle;}
.box02 .box a .mask{ display:table-cell; text-align:center; vertical-align:middle;}
.box02 .box a .mask span{ font-size:20px; font-weight:bold; color:#fff; display:block; line-height:30px; margin-bottom:20px;}
.box02 .box a .mask p{ width:82px; height:26px; border:1px solid #fff; display:block; font-size:14px; line-height:26px; color:#fff; margin:auto;}
.box02 .box a:hover{ background-color:rgba(32,81,154,0.6);}

/*footer*/
.footer{ width:100%; background-color:#fff;}
.footer .foot{ width:1200px; margin:auto; padding:50px 0;}
.footer .foot .left{ padding-top:14px; float:left;}
.footer .foot .left img{ display:block;}
.footer .foot .right{ float:right;}
.footer .foot .right p{ display:block; float:left; margin-right:90px; margin-top:-10px;}
.footer .foot .right p a{ display:block; margin-top:10px; color:#7d7f86; font-size:14px; line-height:22px; height:22px; overflow:hidden;}
.footer .foot .right p a:hover{ color:#20519a;}
.footer .foot .right strong{ width:113px; display:block; float:left; overflow:hidden; margin-top:3px;}
.footer .foot .right strong img{ width:100%; display:block;}
.footer .bq{ width:100%; border-top:1px solid #e8e8ea; padding:15px 0; font-size:12px; line-height:16px; text-align:center; color:#bbbcbf;}

/*解决方案*/
.cbox01{ width:100%; padding-top:80px;}
.cbox01 .title{ width:1200px; text-align:center; margin:auto;}
.cbox01 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.cbox01 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.cbox01 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.cbox01 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.cbox01 .title p img{ display:block;}
.cbox01 .box{ width:100%; max-width:1240px; text-align:center; margin:auto; margin-top:40px;}
.cbox01 .box .item{ background-color:#fff; overflow:hidden; width:250px; height:120px; box-shadow:3px 0 20px rgba(0,0,0,0.1); padding:25px 50px; margin:0 25px; margin-bottom:30px; display:inline-table;}
.cbox01 .box .item:hover{ box-shadow:0 0 20px rgba(0,97,174,0.3);}
.cbox01 .box .item .tu{ display:block; width:67px; margin-bottom:7px; height:51px;}
.cbox01 .box .item .tu img{ max-width:100%; max-height:100%; display:block; margin:auto;}
.cbox01 .box .item .line{ width:67px; height:3px; background-color:#20519a;}
.cbox01 .box .item .wen{ text-align:left; margin-top:20px; font-size:18px; line-height:28px; height:56px; color:#666;}

.cbox02{ width:100%; position:relative; margin-top:50px;}
.cbox02 .title{ width:1200px; text-align:center; margin:auto; margin-bottom:55px;}
.cbox02 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.cbox02 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.cbox02 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.cbox02 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.cbox02 .title p img{ display:block;}
.cbox02 .box{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; z-index:9;}
.cbox02 .box ul{ display:block; overflow:hidden; width:900px; margin:auto;}
.cbox02 .box ul li{ display:block; height:234px;}
.cbox02 .box ul li .left{ float:left; width:50%; overflow:hidden; padding:25px 30px; padding-bottom:0; box-sizing:border-box;}
.cbox02 .box ul li .right{ float:left; width:50%; overflow:hidden; height:234px;}
.cbox02 .box ul li .right img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox02 .box ul li.c03{ margin-top:-24px;}
.cbox02 .box ul li.c01 .left{ height:210px; background-color:#0061ae;}
.cbox02 .box ul li.c02 .left{ height:186px; background-color:#fff;}
.cbox02 .box ul li.c03 .left{ height:210px; background-color:#0061ae;}
.cbox02 .box ul li.c02 .right{ margin-top:-24px;}
.cbox02 .box ul li.c03 .right{ margin-top:-24px;}
.cbox02 .box ul li .bt{ font-size:18px; line-height:28px; color:#fff; text-align:center;}
.cbox02 .box ul li .wen{ font-size:14px; line-height:24px; color:#fff; margin-top:5px; text-align:justify;}
.cbox02 .box ul li.c02 .bt{ color:#333;}
.cbox02 .box ul li.c02 .wen{ color:#595959;}
.cbox02 .bg{ width:100%; background-color:#f6f9fb; height:200px; position:absolute; left:0; bottom:0; z-index:0;}
.cbox02 .box ul li .right:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.cbox03{ width:100%; background-color:#f6f9fb; padding-top:56px;}
.cbox03 .title{ width:1200px; text-align:center; margin:auto;}
.cbox03 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.cbox03 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.cbox03 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.cbox03 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.cbox03 .title p img{ display:block;}
.cbox03 .box{ max-width:1280px; width:100%; text-align:center; margin:40px auto; margin-bottom:50px;}
.cbox03 .box .item{ background-color:#fff; overflow:hidden; width:228px; height:110px; box-shadow:3px 0 20px rgba(0,0,0,0.1); padding:40px 20px; margin:0 21px; margin-bottom:30px; display:inline-table;}
.cbox03 .box .item:hover{ box-shadow:0 0 20px rgba(0,97,174,0.3);}
.cbox03 .box .item strong{ display:block; height:60px; overflow:hidden;}
.cbox03 .box .item strong img{ display:block; height:60px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.cbox03 .box .item p{ display:block; font-size:16px; line-height:26px; margin-top:20px; color:#666;}
.cbox03 .box .item:hover img{ -webkit-transform:rotateY(-360deg);}

.cbox04{ width:100%; background-color:#f6f9fb;}
.cbox04 .title{ width:1200px; text-align:center; margin:auto;}
.cbox04 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.cbox04 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.cbox04 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.cbox04 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.cbox04 .title p img{ display:block;}
.cbox04 .title p strong img{ width:50px; height:25px;}
.cbox04 .box{ max-width:1280px; width:100%; text-align:center; margin:40px auto; margin-bottom:50px;}
.cbox04 .box .item{ background-color:#fff; overflow:hidden; width:356px; height:334px; box-shadow:3px 0 20px rgba(0,0,0,0.1); margin:0 32px; margin-bottom:30px; display:inline-table;}
.cbox04 .box .item:hover{ box-shadow:0 0 20px rgba(0,97,174,0.3);}
.cbox04 .box .item strong{ display:block; height:262px; overflow:hidden;}
.cbox04 .box .item strong img{ display:block; max-width:100%; max-height:100%; margin:auto;}
.cbox04 .box .item p{ display:block; font-size:16px; line-height:30px; margin-top:20px; color:#666;}
.cbox04 .box .item:hover p{ color:#20519a;}

/*产品中心*/
.pro01{ width:100%; padding:80px 0; background-color:#f6f9fb;}
.pro01 .title{ width:1200px; text-align:center; margin:auto;}
.pro01 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.pro01 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.pro01 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.pro01 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.pro01 .title p img{ display:block;}
.pro01 .title p strong img{ width:50px; height:25px;}
.pro01 .box{ width:1200px; margin:auto; margin-top:40px; display:flex; align-items:center;}
.pro01 .box .left{ width:820px; float:left;}
.pro01 .box .left .wen{ font-size:14px; line-height:30px; color:#666; text-align:justify;}
.pro01 .box .left .list{ width:885px; display:block; float:left; margin-top:30px;}
.pro01 .box .left .list li{ display:block; float:left; margin-right:65px;}
.pro01 .box .left .list li img{ display:block; margin:auto; height:80px;}
.pro01 .box .left .list li p{ font-size:14px; line-height:24px; display:block; margin-top:15px; text-align:center;}
.pro01 .box .right{ width:400px; float:left;}
.pro01 .box .right img{ display:block; max-width:350px; float:right;}

.chanpin{ width:100%; margin:auto; text-align:center; }
.chanpin img{ width:100%; display:block; }

.pro02{ width:100%; padding-top:70px; background-color:#fff;}
.pro02 .title{ width:1200px; text-align:center; margin:auto;}
.pro02 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.pro02 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.pro02 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.pro02 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.pro02 .title p img{ display:block;}
.pro02 .title p strong img{ width:50px; height:25px;}
.pro02 .wen{ width:960px; margin:auto; margin-top:40px; display:flex; align-items:center;}
.pro02 .wen .left{ width:270px;}
.pro02 .wen .left img{ max-width:100%; max-height:100%; display:block;}
.pro02 .wen .right{ width:600px; margin-left:70px; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.pro02 .wen .right img{ width:100%; display:block;}

.pro03{ width:100%; padding:80px 0; background-color:#f6f9fb;}
.pro03 .title{ width:1200px; text-align:center; margin:auto;}
.pro03 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.pro03 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.pro03 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.pro03 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.pro03 .title p img{ display:block;}
.pro03 .box{ width:1200px; margin:auto; margin-top:40px; display:flex; align-items:center;}
.pro03 .box .left{ width:770px;}
.pro03 .box .left .wen{ font-size:14px; line-height:30px; color:#666; text-align:justify;}
.box .table{ width:100%; margin-top:30px;}
.box .table table{ width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.box .table table td{ height:40px;text-align:center;border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#999; font-size:14px;}
.table-h-32 td{height: 32px !important}
.table-h-48 td{height: 48px !important}
.pro03 .box .right{ width:330px; margin-left:100px;}
.pro03 .box .right .tu{ width:100%;}
.pro03 .box .right .tu img{ max-width:100%; display:block; margin:auto;}
.box .list{ display:block; width:100%; text-align:center; padding-top:10px;}
.box .list li{ display:inline-block; margin:0 10px; margin-top:20px;}
.box .list li img{ height:58px; display:block; margin:auto;}
.box .list li p{ line-height:24px; font-size:14px; margin-top:10px; display:block;}

.pro04{ width:100%; padding:80px 0; background-color:#fff;}
.pro04 .title{ width:1200px; text-align:center; margin:auto;}
.pro04 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.pro04 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.pro04 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.pro04 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.pro04 .title p img{ display:block;}
.pro04 .box{ width:1200px; margin:auto; margin-top:40px; display:flex; align-items:center;}
.pro04 .box .left{ width:770px;}
.pro04 .box .left .wen{ font-size:14px; line-height:30px; color:#666;}
.pro04 .box .right{ width:330px; margin-right:100px;}
.pro04 .box .right .tu{ width:100%;}
.pro04 .box .right .tu img{ max-width:100%; display:block; margin:auto;}

.pt01{ width:100%; padding-top:80px; background-color:#fff; background-image:url(../images/ptbg_02.jpg); background-position:center 100px; background-repeat:no-repeat;}
.pt01 .title{ width:1200px; text-align:center; margin:auto;}
.pt01 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.pt01 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.pt01 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.pt01 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.pt01 .title p img{ display:block;}
.pt01 .box{ width:1200px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.pt01 .box .left{ width:680px; float:left; font-size:14px; line-height:30px; color:#666; margin-top:30px; text-align:justify;}
.pt01 .box .right{ width:400px; float:right;}
.pt01 .box .right img{ max-width:100%; display:block; float:right;}
.pt01 .conts{ width:1200px; margin:auto; margin-top:-60px; position:relative; z-index:0;}
.pt01 .conts .gallery-top{ width:100%; position:relative; z-index:0;}
.pt01 .conts .gallery-top .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden; background-color:#fff;}
.pt01 .conts .gallery-top .swiper-slide .left{ width:450px; height:370px; float:left;}
.pt01 .conts .gallery-top .swiper-slide .left img{ width:100%; display:block;}
.pt01 .conts .gallery-top .swiper-slide .right{ width:660px; float:right;}
.pt01 .conts .gallery-top .swiper-slide .right .bt{ font-size:18px; line-height:28px; color:#666; font-weight:bold;}
.pt01 .conts .gallery-top .swiper-slide .right .wen{ font-size:14px; line-height:24px; color:#999; margin-top:15px; height:48px; text-align:justify;}
.pt01 .conts .gallery-top .swiper-button-white{ position:absolute; left:0; bottom:220px; left:540px; z-index:9;}
.pt01 .conts .gallery-top .swiper-button-white img{ display:block;}
.pt01 .conts .gallery-top .swiper-button-next{ margin-left:50px;}
.pt01 .conts .gallery-thumbs{ width:660px; position:absolute; left:540px; bottom:65px; z-index:3;}
.pt01 .conts .gallery-thumbs .swiper-slide{ width:200px; height:130px; display:block; overflow:hidden;}
.pt01 .conts .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.pt01 .conts .more{ position:absolute; left:540px; bottom:0; z-index:3; width:135px;}
.pt01 .conts .more img{ width:100%; display:block;}

.pt02{ width:100%; padding-top:70px; background-color:#fff;}
.pt02 .title{ width:1200px; text-align:center; margin:auto;}
.pt02 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.pt02 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.pt02 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.pt02 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.pt02 .title p img{ display:block;}
.pt02 .box{ width:1200px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.pt02 .box .left{ width:680px; float:right; font-size:14px; line-height:30px; color:#666; margin-top:30px; text-align:justify;}
.pt02 .box .right{ width:470px; float:left;}
.pt02 .box .right img{ max-width:100%; display:block;}
.pt02 .conts{ width:1200px; margin:auto; margin-top:40px; position:relative; z-index:0;}
.pt02 .conts .gallery-top{ width:100%; position:relative; z-index:0; height:320px;}
.pt02 .conts .gallery-top .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden; background-color:#fff;}
.pt02 .conts .gallery-top .swiper-slide .left{ width:450px; height:370px; float:left;}
.pt02 .conts .gallery-top .swiper-slide .left img{ width:100%; display:block;}
.pt02 .conts .gallery-top .swiper-slide .right{ width:660px; float:right;}
.pt02 .conts .gallery-top .swiper-slide .right .bt{ font-size:18px; line-height:28px; color:#666; font-weight:bold;}
.pt02 .conts .gallery-top .swiper-slide .right .wen{ font-size:14px; line-height:24px; color:#999; margin-top:15px; height:48px; text-align:justify;}
.pt02 .conts .gallery-top .swiper-button-white{ position:absolute; left:0; bottom:180px; left:540px; z-index:9;}
.pt02 .conts .gallery-top .swiper-button-white img{ display:block;}
.pt02 .conts .gallery-top .swiper-button-next{ margin-left:50px;}
.pt02 .conts .gallery-thumbs{ width:660px; position:absolute; left:540px; bottom:65px; z-index:3;}
.pt02 .conts .gallery-thumbs .swiper-slide{ width:200px; display:block; overflow:hidden;}
.pt02 .conts .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.pt02 .conts .more{ position:absolute; left:540px; bottom:0; z-index:3; width:135px;}
.pt02 .conts .more img{ width:100%; display:block;}

.pt03{ width:100%; padding-top:70px; background-color:#fff; background-image:url(../images/ptbg02_24.jpg); background-position:center top; background-repeat:no-repeat;}
.pt03 .title{ width:1200px; text-align:center; margin:auto;}
.pt03 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.pt03 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.pt03 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.pt03 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.pt03 .title p img{ display:block;}
.pt03 .box{ width:1200px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.pt03 .box .left{ width:680px; float:left; font-size:14px; line-height:30px; color:#666; text-align:justify;}
.pt03 .conts{ width:1200px; margin:auto; position:relative; z-index:0; margin-top:30px;}
.pt03 .conts .left{ width:700px; float:right;}
.pt03 .conts .left img{ width:100%; display:block;}
.pt03 .conts .right{ width:470px; position:absolute; left:0; bottom:0;}
.pt03 .conts .right .bt{ font-size:18px; line-height:28px; color:#666; font-weight:bold;}
.pt03 .conts .right .wen{ font-size:14px; line-height:24px; color:#999; margin-top:15px; max-height:48px; text-align:justify;}
.pt03 .conts .right .more{ margin-top:30px; width:135px;}
.pt03 .conts .right .more img{ width:100%; display:block;}

/*关于我们*/
.ab01{ width:100%; padding-top:80px; padding-bottom:70px;}
.ab01 .title{ width:1200px; text-align:center; margin:auto;}
.ab01 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.ab01 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.ab01 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.ab01 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.ab01 .title p img{ display:block;}
.ab01 .title p strong img{ width:50px; height:25px;}
.ab01 .box{ width:1200px; margin:auto; margin-top:40px; position:relative; padding-top:30px;}
.ab01 .box .tu{ width:640px; position:absolute; left:0; top:0; z-index:0; height:100%;}
.ab01 .box .tu img{ width:100%; display:block;}
.ab01 .box .wen{ width:600px; padding:30px; background-color:#fff; font-size:14px; line-height:24px; text-align:justify; position:relative; z-index:9; box-shadow:0 0 10px rgba(0,0,0,0.1); margin-left:540px;}
.ab01 .box .wen p{ display:block; text-indent:2em;}

.ab02{ width:100%; padding:80px 0; background-color:#f7f8fa;}
.ab02 .title{ width:1200px; text-align:center; margin:auto;}
.ab02 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.ab02 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.ab02 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.ab02 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.ab02 .title p img{ display:block;}
.ab02 .title p strong img{ width:50px; height:25px;}
.ab02 .box{ width:1010px; padding:0 95px; position:relative; margin:auto; margin-top:40px;}
.ab02 .box .swiper-button-prev{ width:56px; cursor:pointer; left:0; top:50%; margin-top:-28px;}
.ab02 .box .swiper-button-next{ width:56px; cursor:pointer; right:0; top:50%; margin-top:-28px;}
.ab02 .box .swiper-button-prev img,.ab02 .box .swiper-button-next img{ width:100%; display:block;}
.ab02 .box .swiper-slide{ width:208px; height:280px; display:block; overflow:hidden; position:relative; transform:scale(0.77); background-position:center; background-repeat:no-repeat; background-size:cover; display:block;}
.ab02 .box .swiper-slide.swiper-slide-prev,.ab02 .box .swiper-slide.swiper-slide-next{ transform:scale(0.88);}
.ab02 .box .swiper-slide.swiper-slide-active{ transform:scale(1);}
.ab02 .box .swiper-slide .mask{ background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); position:absolute; left:0; bottom:0; padding:10px 20px; width:100%; box-sizing:border-box; text-align:center;}
.ab02 .box .swiper-slide .mask span{ display:block; color:#fff; font-size:18px; line-height:26px; color:#fff;}
.ab02 .box .swiper-slide .mask p{ display:none; color:#fff; font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.ab02 .box .swiper-slide.swiper-slide-active .mask{ background:none; padding:30px 20px; background-color:rgba(25,99,197,0.8); height:100%;}
.ab02 .box .swiper-slide.swiper-slide-active .mask p{ display:block;}

.ab03{ width:100%; padding:80px 0;}
.ab03 .title{ width:1200px; text-align:center; margin:auto;}
.ab03 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.ab03 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.ab03 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.ab03 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.ab03 .title p img{ display:block;}
.ab03 .title p strong img{ width:50px; height:25px;}
.ab03 .list{ width:1200px; background-color:#fff; margin:auto; margin-top:40px; box-shadow:0 0 10px rgba(0,0,0,0.1); display:block; overflow:hidden; padding:50px 0;}
.ab03 .list li{ margin-left:50px; display:block; width:525px; float:left;}
.ab03 .list li .left{ width:90px; float:left;}
.ab03 .list li .left img{ display:block; height:49px; margin:auto;}
.ab03 .list li .left b{ font-size:16px; line-height:26px; margin-top:10px; display:block; text-align:center;}
.ab03 .list li .right{ margin-left:40px; width:395px; float:left; font-size:14px; line-height:30px; color:#999; text-align:justify;}

.ab04{ width:100%; padding:80px 0; background-color:#f7f8fa;}
.ab04 .title{ width:1200px; text-align:center; margin:auto;}
.ab04 .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.ab04 .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.ab04 .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.ab04 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.ab04 .title p img{ display:block;}
.ab04 .title p strong img{ width:50px; height:25px;}
.ab04 .wen{ width:1200px; margin:auto; margin-top:40px;}
.ab04 .wen img{ max-width:100%; display:block; margin:auto;}

/*联系我们*/
.cont{ width:1200px; margin:auto; padding:80px 0; position:relative; z-index:9; margin-top:-190px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.cont .title{ width:1200px; text-align:center;}
.cont .title p{ display:inline-table; position:relative; padding:18px 22px; padding-bottom:10px;}
.cont .title p a{ display:block; position:relative; z-index:3; font-size:24px; line-height:34px; font-weight:600;}
.cont .title p b{ display:block; position:absolute; left:0; top:0; z-index:0;}
.cont .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0;}
.cont .title p img{ display:block;}
.cont .title p strong img{ width:50px; height:25px;}
.cont .c01{ padding:35px 150px; font-size:18px; line-height:28px; font-weight:600;}
.cont .c02{ padding:0 150px; margin-top:-20px;}
.cont .c02 p{ width:325px; float:left; margin-top:20px;}
.cont .c02 p img{ height:18px; display:block; float:left; margin-top:7px;}
.cont .c02 p input{ height:32px; display:block; float:left; width:292px; font-size:14px; border-bottom:3px solid #f2f3f7; margin-left:15px; line-height:32px;}
.cont .c02 p:nth-child(2n+1){ margin-right:230px; clear:left; float:left;}
.cont .c02 p textarea{ padding:10px 18px; display:block; width:256px; background-color:#f5f5f5; font-size:14px; line-height:25px; margin-top:6px; float:left; margin-left:15px; height:155px;}
.cont .c03{ padding:30px 150px;}
.cont .c03 input{ width:292px; height:44px; border-radius:5px; cursor:pointer; display:block; color:#fff; text-align:center; font-size:14px; line-height:44px; overflow:hidden; background:linear-gradient(to right,#6ba7dd,#4d74ae); margin-left:33px;}
.cont .c04{ width:900px; margin:20px 150px; margin-bottom:0; height:290px;}

/*补充样式*/
.title a > span {
    display: block;
    margin: -8px 0;
}

.title a > span.eng {
    font-size: 20px;
}

.box .left .wen p strong {
    color: #20519a;
}

.box .left .wen .p-eng {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    margin-bottom: 24px
}

.b10GL-1,.b10GL-2 {
    height: 600px;
    background: url("../img/B10GL-specification.jpg") no-repeat left 100px;
    background-size: 715px;
}
.b10GL-2{
    height: 102px;
    background-position: -312px -399px;
}

.B10GL-45{
    height: 500px;
    background: url("../img/B10GL-45.png") no-repeat center;
    background-size: 260%;
}

/*B10FL设备*/
.B10FL_1{
    height: 200px;
    background: url("../img/B10FL_1.png") no-repeat center;
    background-size: 180%;
}

.B10FL_2{
    height: 500px;
    background: url("../img/B10FL_2.png") no-repeat center;
    background-size: 173%;
}

.B10FL_SP1,.B10FL_SP2 {
    height: 345px;
    background: url("../img/B10FL_SP.jpg") no-repeat -37px -38px;
    background-size: 715px;
}
.B10FL_SP2{
    height: 80px;
    background-position: -351px -303px;
}

/**C1JL01_SP**/
.C1JL01_SP1, .C1JL01_SP2 {
    height: 929px;
    background: url("../img/C1JL01_SP.jpg") #fff no-repeat -237px 200px;
    background-size: 1021px;
}
.img-text{
    position: relative;
}

.c-t-text{
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    color: rgba(255,255,255,.89);
}

.chanpin .title{
    font-size: 40px;
    padding: 20px;
}
.chanpin .sub-title{
    font-size: 20px;
    padding: 20px;
}

.c2-ten {
    width: 100%;
    min-width: 1200px;
    height: 860px;
    background-color: #0d0d0d;
    background-image: radial-gradient(circle at 50% 69%,#1c1c1c,#0d0d0d);
}
.c2-ten .center {
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    padding-top: 100px;
    text-align: center;
}
.c2-ten .center .title {
    color: #b2b2b2;
    font-size: 40px;
    letter-spacing: 1px;
}
.c2-ten .center .text {
    color: #999;
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 1px;
}
.c2-ten .center .content {
    width: 1200px;
    height: 334px;
    margin: 120px auto 0;
    display: table;
    text-align: left;
}
.c2-ten .center .content .left-text {
    display: table-cell;
    vertical-align: middle;
    width: 355px;
    height: inherit;
}
.c2-ten .center .content .left-text .model {
    padding-right: 20px;
    font-size: 24px;
    color: #999;
    text-align: right;
    margin-top: 76px;
}

.c2-ten .center .content .center-animation {
    display: table-cell;
    width: 636px;
    vertical-align: middle;
    height: inherit;
    background-image: url(../img/back.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.c2-ten .center .content .left-text .model:first-child {
    margin-top: 0;
}

.c2-ten .center .content .center-animation .model {
    width: 0;
    height: 16px;
    background-color: #343434;
    background-image: -webkit-gradient(linear,right top,left top,from(#575757),to(#343434));
    background-image: linear-gradient(
            270deg
            ,#575757,#343434);
    margin-top: 94px;
    margin-left: 4px;
}
.c2-ten .center .content .center-animation .model:first-child {
    margin-top: 0;
    background-color: #1b47ca;
    background-image: -webkit-gradient(linear,right top,left top,from(#21e8fe),to(#1b47ca));
    background-image: linear-gradient(
            270deg
            ,#21e8fe,#1b47ca);
}
.c2-ten .center .content .right-num {
    display: table-cell;
    height: inherit;
    vertical-align: middle;
}
.c2-ten .center .content .right-num .model {
    padding-left: 20px;
    font-size: 24px;
    color: #fff;
    margin-top: 82px;
}
.c2-ten .center .info {
    text-align: right;
    font-size: 14px;
    margin-top: 10px;
    color: #999;
    padding-right: 144px;
}
.c2-ten .center .content .right-num .model:first-child {
    margin-top: 0;
}
.c2-ten .center .info span {
    color: red;
    font-size: 18px;
    vertical-align: middle;
}

.banner-small .img-container{
    max-height: 500px;
}
.banner-small .img-container img{
    max-height: 100%;
    max-width: 100%;
}
.mini-icon img{
    height: 38px !important;
}

/*banner */
.banner-ant-text{
    position: relative;
}
.banner-ant-text .b-top-text{
    position: absolute;
    top: 40%;
    right: 20%;
    font-size: 2.2vw;
}

.banner-1080h{
    max-width: 100%;
    padding-top: 0;
}

.banner-1080h *{
    box-sizing: border-box;
}

.banner-1080h .img-container{
    height: 1080px;
    position: relative;
}
.banner-1080h .img-container img{
    position: relative;
    width: auto;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

.banner-640h .img-container{
    height: 640px;
}

/**收益表*/
.section-title {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    padding: 46px;
}

.bg-white {
    background: #fff;
}
.color-orange {
    color: #f57033;
}
.profit{
    padding: 64px 0;
}
.profit .table {
    color: #212529;
    width: 820px;
    background: #f5f6f7;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin: 0 auto 15px;
}

.profit .table .tr {
    display: flex
}

.profit .table .tr .td {
    flex: 1;
    height: 94px;
    font-size: 24px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.profit .table .tr .td.bg-gray {
    background-color: #fff
}

.profit .table .tr .td .sub-text {
    color: rgba(48, 54, 64, .7);
    font-size: 16px;
    font-weight: 400
}

.profit .table-tip {
    font-size: 20px;
    color: rgba(48, 54, 64, .7);
    text-align: center
}

.bottom-price{
    bottom: 0;
    z-index: 1;
    text-align: center;
    font-size: 16px;
}
.bottom-price strong{
    font-size: 20px;
    color: red;
}