manyi/static/chaoben/mobile/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{ font-family:"pingfang","微软雅黑", 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*/
.m_nav{ width:94%; padding:10px 3%; height:40px; position:relative; z-index:999; background-color:#fff;}
.m_nav .nav_button{ display:block; position:absolute; height:22px; width:28px; left:3%; top:19px;}
.m_nav .nav_button::after{ content:""; display:block; width:100%; height:2px; position:absolute; background:#000; bottom:0; left:0; transition:all 0.3s;}
.m_nav .nav_button::before{ content:""; display:block; width:100%; height:2px; position:absolute; background:#000; top:0; left:0; transition:all 0.3s;}
.m_nav .nav_button span{ display:block; height:2px; width:100%; background:#000; position:absolute; left:0; top:50%; margin-top:-1px;}
.m_nav .nav_button.on span{ opacity:0;}
.m_nav .nav_button.on::after{ transform:rotate(-45deg); top:50%;}
.m_nav .nav_button.on::before{ transform:rotate(45deg); top:50%;}
.m_nav .m_logo{ height:40px; display:block; margin:auto; width:calc(94% - 60px);}
.m_nav .m_logo img{ height:40px; display:block; margin:auto;}
body.oh{ overflow:hidden;}
.phonemask{ position:absolute; z-index:990; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,0.6); display:none; margin-top:60px;}
.m_nav_list{ position:absolute; top:60px; width:80%; bottom:0; overflow:hidden; font-size:12px; transition:all 0.5s; left:-100%; z-index:999; background-color:#fff;}
.m_nav_list.on{ transition-delay:0.2s; left:0;}
.nav_box{ transition:all 0.3s; background:#fff; height:100%; position:absolute; width:100%;}
.m_nav_list li{ padding:15px 0; background:#fff; border-top:1px solid #efefef; padding-left:20px; position:relative;}
.m_nav_list li a{ display:block;}
.m_nav_list li .m_next{ display:block; width:50px; height:100%; border-left:1px solid #efefef; position:absolute; right:0; top:0; z-index:10;}
.m_nav_list li .m_next::after{ content:""; display:block; height:0; width:0; border:4px solid transparent; border-left-color:#000; position:absolute; top:50%; margin-top:-4px; left:50%; margin-left:-4px;}
.m_nav_list ul.first_list{ top:0; left:0;}
.m_nav_list .second_list{ background:#fff; width:100%; height:100%; position:absolute; top:0; left:100%;}
.m_nav_list .second_list ul{ background:#fff; height:100%; position:absolute; width:100%; opacity:0;}
.m_nav_list .second_list ul.ztop{ z-index:99; opacity:1;}
.m_nav_list .second_list .m_nav_title{ height:52px; background:#efefef; text-align:center; line-height:52px; font-size:16px; position:relative; cursor:pointer;}
.m_nav_list .second_list .m_nav_title span{ display:block; width:52px; height:100%; position:absolute; top:0; left:0;}
.m_nav_list .second_list .m_nav_title span::before{ content:""; border-top:2px solid transparent; border-left:2px solid transparent; display:block; width:8px; height:8px; margin:auto; position:absolute; top:0; bottom:0; border-color:#000; -ms-transform:rotate(-45deg); transform:rotate(-45deg); left:50%; box-sizing:border-box;}
.m_nav_list .second_list ul li{ display:block; position:relative;}
.m_nav_list .second_list ul li p{ display:none; padding:0 20px;}
.m_nav_list .second_list ul li p a{ display:block; font-size:12px; line-height:22px; overflow:hidden; color:#999;}

/*banner*/
.banner{ width:100%; position:relative; z-index:0; 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:5px; z-index:10;}
.banner .swiper-pagination span{ margin:0 3px; width:6px; height:6px; background-color:#fff; border-radius:6px; cursor:pointer; display:inline-block; opacity:0.8;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:16px; background-color:#0a0a0a;}

/*首页*/
.box01{ width:100%; padding-top:30px;}
.box01 .title{ width:94%; text-align:center; margin:auto;}
.box01 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.box01 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.box01 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.box01 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.box01 .title p img{ display:block; height:100%;}

.box01 ul{ width:94%; display:block; margin:auto; margin-top:5px; text-align:center;}
.box01 ul li{ display:inline-block; margin:0 1px; border:1px solid #20519a; border-radius:3px; width:68px; height:78px; overflow:hidden; margin-top:10px; vertical-align:top;}
.box01 ul li strong{ display:block; overflow:hidden; margin-top:7px; height:30px; width:100%; position:relative;}
.box01 ul li strong img{ height:100%; display:block; margin:auto;}
.box01 ul li strong .img02{ display:none;}
.box01 ul li:hover{ background-color:#2690df; border-color:#2690df;}
.box01 ul li span{ text-align:center; display:block; font-size:12px; line-height:18px; height:18px; overflow:hidden; margin-top:3px;}
.box01 ul li p{ text-align:center; display:block; font-size:10px; line-height:14px; height:14px; overflow:hidden; color:#666;}
.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:30px;}
.box02 .title{ width:94%; text-align:center; margin:auto;}
.box02 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.box02 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.box02 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.box02 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.box02 .title p img{ display:block; height:100%;}
.box02 .title p strong img{ width:40px;}
.box02 .box{ width:100%; position:relative; margin-top:15px;}
.box02 .box .swiper-slide{ width:100%; display:block; height:230px; background-position:center; background-repeat:no-repeat; 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:10px;}
.box02 .box a .mask p{ width:70px; height:24px; border:1px solid #fff; display:block; font-size:14px; line-height:24px; color:#fff; margin:auto;}
.box02 .box a:hover{ background-color:rgba(32,81,154,0.6);}
.box02 .box .swiper-button-prev{ width:28px; cursor:pointer; left:10px; top:50%; margin-top:-14px;}
.box02 .box .swiper-button-next{ width:28px; cursor:pointer; right:10px; top:50%; margin-top:-14px;}
.box02 .box .swiper-button-prev img,.box02 .box .swiper-button-next img{ width:100%; display:block;}

.box03{ width:100%; padding:30px 0; background-color:#f6f9fb;}
.box03 .title{ width:94%; text-align:center; margin:auto;}
.box03 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.box03 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.box03 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.box03 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.box03 .title p img{ display:block; height:100%;}
.box03 .title p strong img{ width:40px;}
.box03 .box{ width:94%; margin:auto; position:relative; margin-top:15px;}
.box03 .box .swiper-slide{ width:50%; display:block; overflow:hidden; position:relative; transform:scale(0.9); background-color:#fff; display:block;}
.box03 .box .swiper-slide.swiper-slide-active{ transform:scale(1);}
.box03 .box .swiper-slide .tu{ width:100%; height:90px;}
.box03 .box .swiper-slide .tu img{ height:100%; display:block;}
.box03 .box .swiper-slide .wen{ padding:10px;}
.box03 .box .swiper-slide .wen span{ display:block; font-size:14px; line-height:20px; height:40px; overflow:hidden;}
.box03 .box .swiper-slide .wen p{ display:block; font-size:12px; line-height:16px; height:16px; overflow:hidden; color:#a0a0a0; margin-top:3px;}

/*footer*/
.footer{ width:100%; background-color:#fff; padding:20px 0;}
.footer .foot{ width:94%; margin:auto;}
.footer .foot .left{ float:left;}
.footer .foot .left img{ display:block; height:60px;}
.footer .foot .right{ float:right;}
.footer .foot .right p{ display:block; float:left; margin-right:10px;}
.footer .foot .right p a{ display:block; color:#7d7f86; font-size:12px; line-height:15px; height:15px; overflow:hidden;}
.footer .foot .right p a:hover{ color:#20519a;}
.footer .foot .right strong{ width:60px; display:block; float:left; overflow:hidden;}
.footer .foot .right strong img{ width:100%; display:block;}

/*解决方案*/
.cbox01{ width:100%; padding-top:30px;}
.cbox01 .title{ width:94%; text-align:center; margin:auto;}
.cbox01 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.cbox01 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.cbox01 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.cbox01 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.cbox01 .title p img{ display:block; height:100%;}
.cbox01 .box{ width:100%; text-align:center; padding-top:15px;}
.cbox01 .box .item{ background-color:#fff; overflow:hidden; width:30%; height:130px; box-shadow:3px 0 10px rgba(0,0,0,0.1); padding:10px; margin:0 3px; margin-bottom:10px; display:inline-table; box-sizing:border-box;}
.cbox01 .box .item:hover{ box-shadow:0 0 10px rgba(0,97,174,0.3);}
.cbox01 .box .item .tu{ display:block; width:100%; margin-bottom:7px; height:25px;}
.cbox01 .box .item .tu img{ max-height:100%; display:block;}
.cbox01 .box .item .line{ width:30px; height:1px; background-color:#20519a;}
.cbox01 .box .item .wen{ text-align:center; margin-top:5px; font-size:14px; line-height:24px; color:#666;}

.cbox02{ width:100%; position:relative; margin-top:15px;}
.cbox02 .title{ width:94%; text-align:center; margin:auto; margin-bottom:15px;}
.cbox02 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.cbox02 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.cbox02 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.cbox02 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.cbox02 .title p img{ display:block; height:100%;}
.cbox02 .box{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; z-index:9;}
.cbox02 .box ul{ display:block; overflow:hidden; width:100%; margin:auto;}
.cbox02 .box ul li{ display:block; height:248px;}
.cbox02 .box ul li .left{ float:left; width:50%; overflow:hidden; padding:10px; box-sizing:border-box; overflow:auto;}
.cbox02 .box ul li .right{ float:left; width:50%; overflow:hidden; height:248px; position:relative;}
.cbox02 .box ul li .right img{ height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.cbox02 .box ul li.c03{ margin-top:-12px;}
.cbox02 .box ul li.c01 .left{ height:236px; background-color:#0061ae;}
.cbox02 .box ul li.c02 .left{ height:220px; background-color:#fff;}
.cbox02 .box ul li.c03 .left{ padding-top:12px; height:236px; background-color:#0061ae;}
.cbox02 .box ul li.c02 .right{ margin-top:-12px;}
.cbox02 .box ul li.c03 .right{ margin-top:-12px;}
.cbox02 .box ul li .bt{ font-size:16px; line-height:26px; color:#fff; text-align:center;}
.cbox02 .box ul li .wen{ font-size:14px; line-height:20px; color:#fff; margin-top:5px; text-align:justify;}
.cbox02 .box ul li.c02 .bt{ color:#333;}
.cbox02 .box ul li.c02 .wen{ color:#595959;}

.cbox03{ width:100%; background-color:#fff; padding-top:18px;}
.cbox03 .title{ width:94%; text-align:center; margin:auto;}
.cbox03 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.cbox03 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.cbox03 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.cbox03 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.cbox03 .title p img{ display:block; height:100%;}
.cbox03 .box{ width:100%; text-align:center; margin-top:15px;}
.cbox03 .box .item{ background-color:#fff; overflow:hidden; width:80px; height:55px; box-shadow:3px 0 10px rgba(0,0,0,0.1); padding:10px 5px; margin:0 1px; margin-bottom:10px; display:inline-table;}
.cbox03 .box .item:hover{ box-shadow:0 0 10px rgba(0,97,174,0.3);}
.cbox03 .box .item strong{ display:block; height:30px; overflow:hidden;}
.cbox03 .box .item strong img{ display:block; height:30px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.cbox03 .box .item p{ display:block; font-size:12px; line-height:20px; height:20px; overflow:hidden; margin-top:5px; color:#666;}
.cbox03 .box .item:hover img{ -webkit-transform:rotateY(-360deg);}

.cbox04{ width:100%; background-color:#fff; margin-top:20px;}
.cbox04 .title{ width:94%; text-align:center; margin:auto;}
.cbox04 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.cbox04 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.cbox04 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.cbox04 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.cbox04 .title p img{ display:block; height:100%;}
.cbox04 .box{ max-width:100%; width:100%; text-align:center; margin-top:15px;}
.cbox04 .box .item{ background-color:#fff; overflow:hidden; width:30%; height:120px; box-shadow:3px 0 10px rgba(0,0,0,0.1); margin:0 3px; margin-bottom:10px; display:inline-table;}
.cbox04 .box .item:hover{ box-shadow:0 0 10px rgba(0,97,174,0.3);}
.cbox04 .box .item strong{ display:block; height:80px; 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:14px; line-height:24px; margin-top:10px; color:#666;}
.cbox04 .box .item:hover p{ color:#20519a;}


/*产品中心*/
.pro01{ width:100%; padding:30px 0; background-color:#f6f9fb;}
.pro01 .title{ width:94%; text-align:center; margin:auto;}
.pro01 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.pro01 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.pro01 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.pro01 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.pro01 .title p img{ display:block; height:100%;}
.pro01 .title p strong img{ width:40px;}
.pro01 .box{ width:94%; margin:auto; margin-top:15px;}
.pro01 .box .left{ width:70%; float:left;}
.pro01 .box .left .wen{ font-size:14px; line-height:24px; color:#666; text-align:justify;}
.pro01 .box .left .list{ width:100%; display:block; float:left; margin-top:5px;}
.pro01 .box .left .list li{ width:33.33%; display:block; float:left; margin-top:10px;}
.pro01 .box .left .list li img{ display:block; margin:auto; height:40px;}
.pro01 .box .left .list li p{ font-size:12px; line-height:16px; display:block; margin-top:5px; text-align:center;}
.pro01 .box .right{ width:27%; float:right;}
.pro01 .box .right img{ display:block; max-width:100%; float:right;}

.pro02{ width:100%; padding-top:30px; background-color:#fff;}
.pro02 .title{ width:94%; text-align:center; margin:auto;}
.pro02 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.pro02 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.pro02 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.pro02 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.pro02 .title p img{ display:block; height:100%;}
.pro02 .title p strong img{ width:40px;}
.pro02 .wen{ width:94%; margin:auto; margin-top:15px; display:flex; align-items:center;}
.pro02 .wen .left{ width:20%;}
.pro02 .wen .left img{ max-width:100%; display:block;}
.pro02 .wen .right{ width:calc(80% - 10px); margin-left:10px; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.pro02 .wen .right img{ width:100%; display:block;}

.chanpin{ width:94%; padding-top:15px; background-color:#fff; margin-left:3%;}
.chanpin img{ width:100%; display:block; margin-top:15px;}

.fd{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:999; display:none;}
.fd .close{ position:absolute; right:15px; top:15px;}
.fd img{ display:block;}
.fd .tu{ width:calc(100% - 30px); overflow:hidden; margin:15px; border-radius:5px; position:relative;}
.fd .tu img{ width:100%; display:block;}

.pro03{ width:100%; padding:30px 0; background-color:#f6f9fb;}
.pro03 .title{ width:94%; text-align:center; margin:auto;}
.pro03 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.pro03 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.pro03 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.pro03 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.pro03 .title p img{ display:block; height:100%;}
.pro03 .box{ width:94%; margin:auto; margin-top:15px;}
.pro03 .box .left{ width:67%; float:left;}
.pro03 .box .left .wen{ font-size:14px; line-height:24px; color:#666; text-align:justify;}
.pro03 .box .left .list{ display:block; width:100%; text-align:center;}
.pro03 .box .left .list li{ display:block; float:left; width:24%; margin-right:1%; text-align:center; margin-top:10px;}
.pro03 .box .left .list li img{ height:30px; display:block; margin:auto;}
.pro03 .box .left .list li p{ line-height:18px; font-size:14px; display:block; margin-top:3px;}
.pro03 .box .right{ width:30%; float:left; margin-left:3%;}
.pro03 .box .right img{ max-width:100%; display:block; margin:auto;} 
.pro03 .box .table{ width:100%; margin-top:15px; float:left;}
.pro03 .box .table table{ width:100%; border-top:1px solid #6e6e6e; border-left:1px solid #6e6e6e;}
.pro03 .box .table table td{ border-bottom:1px solid #6e6e6e; border-right:1px solid #6e6e6e; color:#999; font-size:14px;}
.pro03 .box .table table td:first-child{ color:#666; font-weight:bold;}

.pro04{ width:100%; padding:30px 0; background-color:#fff;}
.pro04 .title{ width:94%; text-align:center; margin:auto;}
.pro04 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.pro04 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.pro04 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.pro04 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.pro04 .title p img{ display:block; height:100%;}
.pro04 .box{ width:94%; margin:auto; margin-top:15px;}
.pro04 .box .left{ width:67%; float:left;}
.pro04 .box .left .wen{ font-size:14px; line-height:24px; color:#666; text-align:justify;}
.pro04 .box .left .list{ display:block; width:100%; text-align:center;}
.pro04 .box .left .list li{ display:block; float:left; width:24%; margin-right:1%; text-align:center; margin-top:10px;}
.pro04 .box .left .list li img{ height:30px; display:block; margin:auto;}
.pro04 .box .left .list li p{ line-height:18px; font-size:14px; display:block; margin-top:3px;}
.pro04 .box .right{ width:30%; float:left; margin-right:3%;}
.pro04 .box .right img{ max-width:100%; display:block; margin:auto;} 
.pro04 .box .table{ width:100%; margin-top:15px; float:left;}
.pro04 .box .table table{ width:100%; border-top:1px solid #6e6e6e; border-left:1px solid #6e6e6e;}
.pro04 .box .table table td{ border-bottom:1px solid #6e6e6e; border-right:1px solid #6e6e6e; color:#999; font-size:14px;}
.pro04 .box .table table td:first-child{ color:#666; font-weight:bold;}

.pt01{ width:100%; padding-top:30px; background-color:#fff; background-image:url(../images/ptbg_02.jpg); background-position:center 50px; background-repeat:no-repeat; background-size:100% auto;}
.pt01 .title{ width:94%; text-align:center; margin:auto;}
.pt01 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.pt01 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.pt01 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.pt01 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.pt01 .title p img{ display:block; height:100%;}
.pt01 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.pt01 .box .left{ width:70%; float:left; font-size:14px; line-height:24px; color:#666; text-align:justify;}
.pt01 .box .right{ width:27%; float:right;}
.pt01 .box .right img{ max-width:100%; display:block; float:right;}
.pt01 .conts{ width:100%; margin:auto; position:relative; z-index:0; margin-top:10px;}
.pt01 .conts .swiper-container{ width:94%; position:relative; z-index:0; padding:0 3%; overflow:hidden;}
.pt01 .conts .swiper-container .swiper-slide{ width:100%; display:block; position:relative; padding-bottom:10px;}
.pt01 .conts .swiper-container .swiper-slide span{ width:100%; display:block; overflow:hidden; font-size:14px; line-height:24px; text-align:center; margin-bottom:5px;}
.pt01 .conts .swiper-container .swiper-slide p{ width:100%; display:block; overflow:hidden; box-shadow:0 0 5px #0e8fef;}
.pt01 .conts .swiper-container .swiper-slide p img{ width:100%; display:block;}

.pt02{ width:100%; padding-top:20px; background-color:#fff;}
.pt02 .title{ width:94%; text-align:center; margin:auto;}
.pt02 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.pt02 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.pt02 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.pt02 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.pt02 .title p img{ display:block; height:100%;}
.pt02 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.pt02 .box .left{ width:70%; float:right; font-size:14px; line-height:24px; color:#666; text-align:justify;}
.pt02 .box .right{ width:27%; float:left;}
.pt02 .box .right img{ max-width:100%; display:block;}
.pt02 .conts{ width:100%; margin:auto; position:relative; z-index:0; margin-top:10px;}
.pt02 .conts .swiper-container{ width:94%; position:relative; z-index:0; padding:0 3%; overflow:hidden;}
.pt02 .conts .swiper-container .swiper-slide{ width:100%; display:block; position:relative; padding-bottom:10px;}
.pt02 .conts .swiper-container .swiper-slide span{ width:100%; display:block; overflow:hidden; font-size:14px; line-height:24px; text-align:center; margin-bottom:5px;}
.pt02 .conts .swiper-container .swiper-slide p{ width:100%; display:block; overflow:hidden; box-shadow:0 0 5px #0e8fef;}
.pt02 .conts .swiper-container .swiper-slide p img{ width:100%; display:block;}

.pt03{ width:100%; padding-top:20px; background-color:#fff; background-image:url(../images/ptbg02_24.jpg); background-position:center top; background-repeat:no-repeat; background-size:100% auto;}
.pt03 .title{ width:94%; text-align:center; margin:auto;}
.pt03 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.pt03 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.pt03 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.pt03 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.pt03 .title p img{ display:block; height:100%;}
.pt03 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.pt03 .box .left{ width:47%; float:left; font-size:14px; line-height:24px; color:#666; text-align:justify;}
.pt03 .box .right{ width:50%; float:right;}
.pt03 .box .right img{ width:100%; display:block;}
.pt03 .conts{ width:94%; margin:auto; position:relative; z-index:0; margin-top:10px;}
.pt03 .conts .right{ width:60%;}
.pt03 .conts .right .bt{ font-size:16px; line-height:26px; color:#666; font-weight:bold;}
.pt03 .conts .right .wen{ font-size:14px; line-height:24px; color:#999; text-align:justify;}

/*关于我们*/
.ab01{ width:100%; padding-top:30px; padding-bottom:25px;}
.ab01 .title{ width:94%; text-align:center; margin:auto;}
.ab01 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.ab01 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.ab01 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.ab01 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.ab01 .title p img{ display:block; height:100%;}
.ab01 .title p strong img{ width:40px;}
.ab01 .box{ width:94%; margin:auto; position:relative; padding-top:15px;}
.ab01 .box .tu{ width:100%; position:relative; z-index:0;}
.ab01 .box .tu img{ width:100%; display:block;}
.ab01 .box .wen{ width:94%; margin:auto; padding:10px; 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); box-sizing:border-box; position:relative; z-index:3; margin-top:-80px;}
.ab01 .box .wen p{ display:block; text-indent:2em;}

.ab02{ width:100%; padding:30px 0; background-color:#f7f8fa;}
.ab02 .title{ width:94%; text-align:center; margin:auto;}
.ab02 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.ab02 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.ab02 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.ab02 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.ab02 .title p img{ display:block; height:100%;}
.ab02 .title p strong img{ width:40px;}
.ab02 .box{ width:94%; position:relative; margin:auto; margin-top:15px;}
.ab02 .box .swiper-button-prev{ width:28px; cursor:pointer; left:0; top:50%; margin-top:-14px;}
.ab02 .box .swiper-button-next{ width:28px; cursor:pointer; right:0; top:50%; margin-top:-14px;}
.ab02 .box .swiper-button-prev img,.ab02 .box .swiper-button-next img{ width:100%; display:block;}
.ab02 .box .swiper-slide{ width:208px; height:160px; display:block; overflow:hidden; position:relative; transform:scale(0.9); background-position:center; background-repeat:no-repeat; background-size:cover; display:block;}
.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; width:100%; box-sizing:border-box; text-align:center; overflow:auto;}
.ab02 .box .swiper-slide .mask span{ display:block; color:#fff; font-size:16px; line-height:26px; color:#fff;}
.ab02 .box .swiper-slide .mask p{ display:none; color:#fff; font-size:12px; line-height:20px; color:#fff; text-align:justify;}
.ab02 .box .swiper-slide.swiper-slide-active .mask{ background:none; padding:10px; background-color:rgba(25,99,197,0.8); height:100%; box-sizing:border-box;}
.ab02 .box .swiper-slide.swiper-slide-active .mask p{ display:block;}

.ab03{ width:100%; padding:30px 0;}
.ab03 .title{ width:94%; text-align:center; margin:auto;}
.ab03 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.ab03 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.ab03 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.ab03 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.ab03 .title p img{ display:block; height:100%;}
.ab03 .title p strong img{ width:40px;}
.ab03 .list{ width:94%; padding:0 3%; margin:auto; display:block; overflow:visible;}
.ab03 .list li{ margin-top:15px; display:flex; width:100%; box-shadow:0 0 5px rgba(0,0,0,0.1); background-color:#fff; overflow:hidden; padding:15px; box-sizing:border-box; align-items:center;}
.ab03 .list li .left{ width:70px;}
.ab03 .list li .left img{ display:block; height:25px; margin:auto;}
.ab03 .list li .left b{ font-size:14px; line-height:24px; margin-top:5px; display:block; text-align:center;}
.ab03 .list li .right{ margin-left:10px; width:calc(100% - 80px); font-size:14px; line-height:24px; color:#999; text-align:justify;}

.ab04{ width:100%; padding:30px 0; background-color:#f7f8fa;}
.ab04 .title{ width:94%; text-align:center; margin:auto;}
.ab04 .title p{ display:inline-table; position:relative; padding:2px 10px;}
.ab04 .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.ab04 .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.ab04 .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.ab04 .title p img{ display:block; height:100%;}
.ab04 .title p strong img{ width:40px;}
.ab04 .wen{ width:94%; margin:auto; margin-top:15px;}
.ab04 .wen img{ max-width:100%; display:block; margin:auto;}

/*联系我们*/
.cont{ width:94%; margin:30px auto; padding:30px 0; position:relative; z-index:9; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.cont .title{ width:90%; margin:auto; text-align:center;}
.cont .title p{ display:inline-table; position:relative; padding:2px 10px;}
.cont .title p a{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.cont .title p b{ display:block; height:17px; position:absolute; left:0; top:0; z-index:0;}
.cont .title p strong{ display:block; position:absolute; right:0; bottom:0; z-index:0; height:15px;}
.cont .title p img{ display:block; height:100%;}
.cont .title p strong img{ width:40px;}
.cont .c01{ padding:15px 5%; font-size:16px; line-height:26px; font-weight:bold;}
.cont .c02{ padding:0 5%;}
.cont .c02 p{ width:100%; float:left; margin-top:10px;}
.cont .c02 p img{ height:18px; display:block; float:left; margin-top:7px;}
.cont .c02 p input{ height:32px; display:block; float:left; width:calc(100% - 28px); font-size:14px; border-bottom:1px solid #f2f3f7; margin-left:10px; line-height:32px;}
.cont .c02 p textarea{ padding:5px 10px; display:block; width:calc(100% - 48px); background-color:#f5f5f5; font-size:14px; line-height:24px; margin-top:6px; float:left; margin-left:10px; height:130px;}
.cont .c03{ padding:15px 5%;}
.cont .c03 input{ width:120px; height:30px; border-radius:5px; cursor:pointer; display:block; color:#fff; text-align:center; font-size:14px; line-height:30px; overflow:hidden; background:linear-gradient(to right,#6ba7dd,#4d74ae); float:right;}
.cont .c04{ width:90%; margin:10px 5%; height:190px;}
.cont .c05{ width:90%; margin:auto;}
.cont .c05 b{ font-size:16px; line-height:26px; display:block;}
.cont .c05 p{ font-size:14px; line-height:24px; display:block;}