/* CSS Document */
@charset "utf-8";

*{margin:0; padding:0; font-family: Arial, "pingfang", "Microsoft YaHei", Helvetica, sans-serif;}

a { color: #000; text-decoration: none; }

a:hover { text-decoration: none; }

p { text-align: justify; margin-bottom: 0; }

ul, ol { list-style-type: none; margin-bottom: 0; }

img { border: 0; max-width: 100%; }

.clear { clear: both; }

html { overflow-x: hidden; font-size: 62.5%;}

body { overflow: hidden; height:100%; position: relative; font-size: 1em; }

html.on { overflow: hidden; height: 100%; }

.h60 { height: 60px; clear: both; }

.h120 { height: 120px; clear: both; background: #eee; }

input, buttom, textarea { -webkit-appearance: none; outline: none; }

input[type=radio], input[type=checkbox] { border: none !important; }

select { outline: none }

.fl { float: left; }

.fr { float: right; }

*:focus{ border:none; outline:none;box-shadow: none;}



.datebox1, .datebox2{ display: none;}

@font-face{

    font-family:'pingfang';

    src:url('../fonts/PingFang Medium.ttf');

}



.header-top{ height: 40px; line-height: 40px; background: #f6f6f6; font-size: 1.4em; color: #333;}

.header-top a{ margin: 0 5px; color: #333;}

.header-top a:hover{ color:#1a69bd; text-decoration: underline;}



.header{ height: 230px; background: url(../images/header-bg.jpg) no-repeat center;}

.header .logo{ height: 230px; line-height: 230px; float: left;}

.header .search-pc{ float: right; width: 540px; padding: 95px 0; }

.header .search-pc .box{ height: 40px;}

.header .search-pc .box input[type="text"]{ width: 85%; height: 40px; border-radius: 6px 0 0 6px; float: left; border: none; padding: 0 15px; font-size: 1.4em;}

.header .search-pc .box input[type="submit"]{ width: 15%; height: 40px; border-radius: 0 6px 6px 0; float: left; border: none; background:url(../images/search.png) no-repeat 80% center #1a69bd; color: #fff; font-size: 1.4em; text-indent: -25%;}



.pc-nav{ height: 60px; line-height: 60px; background: #1a69bd;}

.pc-nav li{ float: left; width: 14.2857%; text-align: center; padding: 0 15px; position: relative;}

.pc-nav li > a{ display: inline-block; width: 100%; font-size: 1.6em; color: #fff; position: relative;}

.pc-nav li > a i{ position: absolute; width: 0; height: 3px; background: rgba(255, 255, 255, .5); bottom: 0; left: 0; transition: all .3s ease;}

.pc-nav li.on > a i, .pc-nav li:hover > a i{ width: 100%; }

.pc-nav li dl{ background: #fff; margin-bottom: 0; position: absolute; top: 100%; left: 0; box-shadow:0 3px 5px rgba(0,0,0,.35); width: 100%; z-index: 9; display: none;}

.pc-nav li:hover dl{ display: block;}

.pc-nav li dd{ height: 45px; line-height: 45px; border-bottom: 1px dashed #ccc;}

.pc-nav li dd:last-child{ border-bottom: none;}

.pc-nav li dd a{ display: inline-block; font-size: 1.4em; width: 100%;}

.pc-nav li dd:hover a{ background: #1a69bd; color: #fff;}



.header .search{ padding:0 15px; display: none; float: right;}

.header .search img{ height: 18px;}

.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #1a69bd; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}

.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding:0 10px; line-height:40px;}

.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#1a69bd; color:#fff; line-height:40px;}

.header .nav-btn { position:relative;  display: none; float: right; height: 60px; line-height: 60px; width: 10%;}

.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: absolute; display: inline-block; z-index: 999; top: 50%; transform: translateY(-50%); right: 0;}

.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #fff; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s; }

.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }

.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }

.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }

.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }

.header .nav-active .nav-icon span { background: #fff; }



.nav { position: fixed; width: 66%; height: 100%; top: 0; right: -66%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}

.nav.on { right: 0; }

.nav .nav-top { background: #1a69bd; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left;}

.nav ul{ overflow-x:hidden; height: 91%;}

.nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }

.nav li>a { display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 1.6em; color: #333; }

.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }

.nav li dd { border-bottom: 1px dashed #ccc; }

.nav li dd:last-child { border-bottom: none; }

.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-align: center; font-size: 1.4em; color: #333; }

.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}

.nav-bg.on{ display:block;}







.floating_ck{position:fixed;right:20px;top:30%; z-index:2; display:block; }

.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#EDEDED;border-bottom:solid 1px #FFF;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}

.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}

.floating_ck dl dd:hover .floating_left{display:block;}

.consult,.words{background-image:url(/static/img/zxicon.png)}

.quote{background-image:url(/static/img/kficon.png);}

.qrcord{background-image:url(/static/img/erweima.png);}

.return{background-image:url(/static/img/fanhui.png);}

.floating_ck dd span{color:#000;display:block;padding-top:54px;font-size:12px;}

.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#e40231;border-bottom:solid 1px #a40324;display:none;}

.floating_left a{color:#fff;line-height:80px;}

.floating_ewm{height:160px;top:-80px;}

.ez i{background-image:url(/static/img/wx_ez.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}

.hb i{background-image:url(/static/img/wx_hb.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}

.cn i{background-image:url(/static/img/wx_cn.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}

.floating_ewm p{color:#fff;margin-top:5px;}

.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}

.floating_ewm .qrcord_p02{font-size:18px;}







.index-top{ padding: 40px 0;}

.index-top .title{ text-align: center; font-size: 3.6em; }

.index-top .title a{ color: #1a69bd;}

.index-top ul{ padding: 0 45px; overflow: hidden; margin-top: 20px;}

.index-top li{ float: left; width: 33.33333%; padding: 0 10px; border-right: 1px solid #333;}

.index-top li a{ display: inline-block; width: 100%; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; font-size: 1.6em; color: #333; height: 20px; line-height: 20px;}

.index-top li:last-child{ border-right: none;}

.index-top li:hover a{ color:#1a69bd; text-decoration: underline;}



.index-box1{ width: 600px; float: left;}

.index-box1 .img{ width: 100%; height: 100%; overflow: hidden;}

.index-box1 .title{ position: absolute; height: 50px; line-height: 50px; width: 100%; background: rgba(0, 0, 0, .5); padding: 0 15px; bottom: 0; left: 0; }

.index-box1 .title span{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; font-size: 1.4em; color: #fff; width: 85%;}

.index-box1 .swiper-pagination{ bottom: 16px; width: auto; left: inherit; right: 10px;}

.index-box1 .swiper-pagination-bullet{ background: #fff; opacity: 1;}

.index-box1 .swiper-pagination-bullet-active{ background: #1a69bd; width: 20px; border-radius: 10px;}



.index-box2{ width: 670px; float: right; overflow: hidden;}

.index-box2 .hd{ overflow: hidden;}

.index-box2 .hd li{ float: left; width: 25%; height: 50px; line-height: 50px; background: #eee; font-size: 2em; font-weight: bold; text-align: center; position: relative;}

.index-box2 .hd li a{ color: #333; display: inline-block; width: 100%;}

.index-box2 .hd li.on a{ color: #1a69bd;}

.index-box2 .hd li i{ background: #1a69bd; width: 0; height: 2px; position: absolute; bottom: 0; left: 0; transition: all .3s ease;}

.index-box2 .hd li.on i{ width: 100%;}

.index-box2 .bd{ overflow: hidden; padding-top: 10px;}

.index-box2 .bd li{ height: 36px; line-height: 36px;}

.index-box2 .bd li a{ display: inline-block; width: 100%; font-size: 1.6em; color: #333; padding-left: 15px; position: relative; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; width: 80%; float: left;}

.index-box2 .bd li i{ display: inline-block; width: 4px; height: 4px; background: #000; left: 0; top: 50%; transform: translateY(-50%); position: absolute;}

.index-box2 .bd li span{ float: right; color: #666; display: inline-block; font-size: 1.6em;}

.index-box2 .bd li:hover i{ background: #1a69bd;}

.index-box2 .bd li:hover a{ color: #1a69bd;}



.index-box3{ margin: 40px 0;}

.index-box3 .swiper-pagination{ left: inherit; right: 10px; width: auto;}

.index-box3 .swiper-pagination-bullet{ width: 25px; height: 25px; line-height: 23px; background: #fff; border-radius: 0; border: 2px solid #f00; font-size: 1.4em; color: #333; opacity: 1; font-weight: bold;}

.index-box3 .swiper-pagination-bullet-active{ background: #eb6100; border: 2px solid #eb6100; color: #fff;}



.index-box4{ width: 820px; float: left;}

.index-box4 .hd{ border-bottom: 2px solid #eee; height: 50px;}

.index-box4 .hd li{ width: 24%; float: left; height: 50px; line-height: 50px; position: relative;}

.index-box4 .hd li a{ display: inline-block; width: 100%; font-size: 2em; color: #333; text-align: center; font-weight: bold;}

.index-box4 .hd li.on a{ color: #1a69bd;}

.index-box4 .hd li i{ background: #1a69bd; width: 0; height: 2px; position: absolute; bottom: 0px; left: 0; transition: all .3s ease;}

.index-box4 .hd li.on i{ width: 100%;}

.index-box4 .bd{ overflow: hidden;}

.index-box4 .bd li{ height: 60px; line-height: 60px; border-bottom: 1px solid #eee;}

.index-box4 .bd li a{ display: inline-block; width: 100%; font-size: 1.6em; color: #333; padding-left: 15px; position: relative; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; float: left; width: 80%;}

.index-box4 .bd li i{ display: inline-block; width: 4px; height: 4px; background: #000; left: 0; top: 50%; transform: translateY(-50%); position: absolute;}

.index-box4 .bd li span{ float: right; color: #666; display: inline-block; font-size: 1.6em;}

.index-box4 .bd li:hover i{ background: #1a69bd;}

.index-box4 .bd li:hover a{ color: #1a69bd;}



.index-box5{ width: 430px; float: right;}

.index-box5 ul{ margin: 0 -15px; overflow: hidden;}

.index-box5 li{ width: 33.33333%; float: left; text-align: center; margin-bottom: 24px; padding: 0 15px;}

.index-box5 li .icon{ height: 80px; line-height: 80px; background: #cbefff; border-radius: 6px 6px 0 0;}

.index-box5 li .title{ height: 40px; line-height: 40px; background: #1a69bd; border-radius: 0 0 6px 6px; font-size: 1.6em; color: #fff;}

.index-box5 dl{ background: #eee; border-radius: 6px; overflow: hidden; padding: 10px; margin-bottom: 0;}

.index-box5 dd{ width: 33.33333%; float: left; text-align: center; padding: 0 15px;}

.index-box5 dd .icon{ height: 68px; line-height: 68px; text-align: center;}

.index-box5 dd .title{ height: 32px; line-height: 32px; font-size: 1.6em; color: #333;}



.index-box6{ margin: 40px 0;}

.index-box6 .swiper-pagination{ left: inherit; right: 10px; width: auto;}

.index-box6 .swiper-pagination-bullet{ width: 30px; height: 6px; background: #fff; border-radius: 0;  font-size: 1.4em; color: #333; opacity: 1; font-weight: bold;}

.index-box6 .swiper-pagination-bullet-active{ background: #1a69bd;}



.index-box7{ overflow: hidden;}

.index-box7 .hd{ border-bottom: 2px solid #eee; height: 50px;}

.index-box7 .hd li{ width: 20%; float: left; height: 50px; line-height: 50px; position: relative;}

.index-box7 .hd li a{ display: inline-block; width: 100%; font-size: 2em; color: #333; text-align: center; font-weight: bold;}

.index-box7 .hd li.on a{ color: #1a69bd;}

.index-box7 .hd li i{ background: #1a69bd; width: 0; height: 2px; position: absolute; bottom: 0px; left: 0; transition: all .3s ease;}

.index-box7 .hd li.on i{ width: 100%;}

.index-box7 .bd{ padding: 30px 0 50px;}

.index-box7 .bd ul{ margin: 0 -15px; overflow: hidden;}

.index-box7 .bd li{ width: 25%; float: left; height: 80px; padding: 0 15px; text-align: center; }

.index-box7 .bd li a{ overflow: hidden; display: inline-block; position: relative; width: 100%; height: 100%;}

.index-box7 .bd li img{ height: 100%; max-width: inherit; position: absolute; left: 50%; transform: translateX(-50%);}



.footer{ background: #1a69bd; height: 150px;}

.footer .container{ position: relative; height: 100%;}

.footer .foot-icon1{ position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.footer .foot-icon2{ position: absolute; top: 50%; transform: translateY(-50%); right: 0;}

.footer .foot-box{ text-align: center; padding: 36px 0;}

.footer .foot-box .foot-nav{ overflow: hidden;}

.footer .foot-box .foot-nav li{ display: inline-block;}

.footer .foot-box .foot-nav li a{ display: inline-block; height: 18px; line-height: 18px; font-size: 1.4em; color: #fff; padding: 0 10px; border-right: 1px solid #fff;}

.footer .foot-box .foot-nav li:last-child a{ border-right: 0;}

.footer .foot-box .foot-nav li:hover a{ text-decoration: underline;}

.footer .foot-box .foot-copy{ font-size: 1.4em; color: #fff; margin-top: 15px;}

.footer .foot-box .foot-text{ font-size: 1.4em; color: #fff; margin-top: 4px;}

.footer .foot-box .foot-text a{ color: #fff;}

.footer .foot-box .foot-text a:hover{ text-decoration: underline;}



.header-page{ height: 420px; background: url(../images/header-bg2.jpg) no-repeat center; padding: 125px 0;}

.header-page .logo{ width: 100%; text-align: center; height: auto; line-height: inherit;}

.header-page .search-pc{ width: 100%; text-align: center; padding: 0; margin-top: 40px;}

.header-page .search-pc .box{ width: 510px; margin: 0 auto;}



.ty-page{ padding: 35px 0 50px;}

.ty-left{ width: 20%; float: left;}

.ty-left .ty-top{ height: 78px; line-height: 78px; background: #f8f8f8; border: 1px solid #d8d8d8; border-top: 4px solid #1a69bd; font-size: 2.4em; color: #1a69bd; font-weight: bold; text-align: center; }

.ty-left .ty-nav{ overflow: hidden; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;}

.ty-left .ty-nav li{ margin-top: 8px;}

.ty-left .ty-nav li a{ display: inline-block; height: 50px; line-height: 50px; font-size: 1.8em; width: 100%; color: #333; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; text-align: center; position: relative;}

.ty-left .ty-nav li a i{ position: absolute; top: 54%; transform: translateY(-50%); right: 30%; opacity: 0; transition: all .3s ease;}

.ty-left .ty-nav li:hover a, .ty-left .ty-nav li.on a{ background: #1a69bd; color: #fff;}

.ty-left .ty-nav li:hover a i, .ty-left .ty-nav li.on a i{ opacity: 1; right: 20%;}

.ty-left .ty-imgs{ margin-top: 25px;}

.ty-left .ty-imgs li{ margin-bottom: 12px;}

.ty-left .ty-imgs li img{ width: 100%;}



.ty-right{ width: 80%; float: left; padding-left: 30px;}

.ty-right .ty-top{ height: 50px; line-height: 50px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; overflow: hidden;}

.ty-right .ty-top .title{ font-size: 1.8em; color: #333; padding-left: 58px; position: relative; float: left;}

.ty-right .ty-top .title i{ position: absolute; left: 10px; top: 46%; transform: translateY(-50%); display: inline-block; width: 29px; height: 29px; line-height: 29px;}

.ty-right .ty-top .mbx{ float: right; font-size: 1.4em; color: #333;}

.ty-right .ty-top .mbx span{ position: relative;}

.ty-right .ty-top .mbx i{ position: absolute; top: 50%; transform: translateY(-50%); color: #333; font-size: 1.6em; left: -20px;}

.ty-right .ty-top .mbx a{ display: inline-block; margin: 0 2px;}

.ty-right .ty-top .mbx a:hover{ color: #1a69bd; text-decoration: underline;}



.tp-list{ padding-top: 30px;}

.tp-list ul{ margin: 0 -22px; overflow: hidden;}

.tp-list li{ padding: 0 22px; margin-bottom: 30px; width: 33.33333%; float: left;}

.tp-list li .img{ overflow: hidden; height: 206px; text-align: center; }

.tp-list li .img img{ transition: all .3s ease; height:100%; width:auto }

.tp-list li:hover .img img{ transform: scale(1.1,1.1);}

.tp-list li .title{ height: 40px; line-height: 40px; background: #e5e5e5; font-size: 1.6em; color: #333; text-align: center; padding: 0 5px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.tp-list li:hover .title{ background: #1a69bd; color: #fff;}



.pager-list{ text-align:center; margin-top: 20px;}

.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}

.pager-list li{ float:left; padding:0 6px;}

.pager-list li>*{ display:inline-block; font-size:14px; color:#333 !important; height:35px; line-height:35px; padding:0 19px;  background:#eee !important; border-radius:0px;}

.pager-list li a:hover{ background:#1a69bd !important; color:#fff !important;}

.pager-list li.active>*{ color:#fff !important; border-color: #1a69bd !important; background:#1a69bd !important;}

.pager-list li.disabled>*{ cursor:auto; background:#eee; color:#ccc;}



.news-list{ overflow: hidden; margin-bottom: 20px;}

.news-list li{ overflow: hidden; padding: 25px 0; border-bottom: 1px dashed #e2e2e2;}

.news-list li .time{ float: left; width: 7%; background: #dcdcdc; text-align: center;}

.news-list li .time span{ display: inline-block; font-size: 4em; color: #1a69bd;}

.news-list li .time p{ text-align: center; font-size: 1.4em; color: #797979; height: 35px; line-height: 35px; border-top: 1px solid #fff;}

.news-list li .text{ float: left; width: 93%; padding-left: 20px;}

.news-list li .text .t{ font-size: 1.8em; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.news-list li .text .p{ font-size: 1.4em; color: #5f5f5f; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top: 10px; line-height: 24px;}

.news-list li:hover .text .t{ color: #1a69bd;}

.news-list li:hover .time{ background: #1a69bd;}

.news-list li:hover .time span, .news-list li:hover .time p{ color: #fff;}



.news-con{ padding-top: 35px;}

.news-con .title{ font-size: 2.4em; color: #1a69bd; text-align: center;}

.news-con .bq{ text-align: center; padding: 15px 0 20px; border-bottom: 1px solid #d8d8d8;}

.news-con .bq span{ font-size: 1.4em; color: #737373; display: inline-block; height: 20px; line-height: 20px; margin: 0 30px;}

.news-con .bq i{ float: left; margin-right: 10px;}

.news-con .text{ padding: 20px 0; font-size: 18px; line-height: 32px }

.news-con .text p { text-indent: 2em; }
.news-con .text img { height:auto !important; padding-right:3em; }

.news-con .text p+p { margin-top:10px }

.news-con .text table p{ text-indent: 0;}


.page-box{ padding: 20px 0;}

.page-box .title{ font-size: 2em; text-align: center; color: #333;}

.page-box .text{ font-size: 1.6em; color: #333; line-height: 30px;}

.page-box .text img { height:auto !important }



.message{ overflow: hidden;}

.message .box{ overflow: hidden;}

.message .box .title{ height: 30px; line-height: 30px; background: #f1f1f1; border-left: 6px solid #1a69bd; font-size: 1.6em; font-weight: bold; padding-left: 15px;}

.message .box .title span{ color: #fd000c;}

.message .box .line{ width: 100%; height: 15px; position: relative; margin-top: 10px;}

.message .box .line img{ position: absolute; height: 100%; max-width: none; left: 50%; transform: translateX(-50%);}

.message .box .list{ padding: 15px 0;}

.message .box .list li{ padding: 0; position: relative; overflow: hidden; margin-bottom: 25px;}

.message .box .list li .t{ width: 130px; float: left; text-align: right; font-size: 1.4em; height: 35px; line-height: 35px; padding-right: 30px;}

.message .box .list li input[type="text"]{ width: 495px; height: 35px; border: 1px solid #dcdcdc; border-radius: 4px; font-size: 1.4em; float: left; padding: 0 15px;}

.message .box .list li i{ color: #fd000c; font-size: 2.6em; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: inline-block; height: 10px; line-height: 23px;}

.message .box .list li label{ height: 35px; line-height: 35px; font-weight: normal; font-size: 1.4em; margin-bottom: 0; width: 110px; padding-left: 22px; position: relative;}

.message .box .list li input[type="radio"] + span{ display: inline-block; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #aaa; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.message .box .list li input[type="radio"]:checked + span::before{ content: ""; position: absolute; width: 6px; height: 6px; border-radius: 100%; background: #fd000c; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.message .box .list li.ys input[type="text"]{ width: 1145px;}

.message .box .list li textarea{ width: 1145px; height: 115px; padding: 10px 15px; border: 1px solid #dcdcdc; border-radius: 4px; font-size: 1.4em; float: left;}

.message .box .list li.yzm input[type="text"]{ width: 150px; margin-right: 30px;}

.message .box .list li.btns{ padding-left: 130px;}

.message .box .list li.btns input[type="submit"]{ width: 150px; height: 40px; border-radius: 4px; background: #1a69bd; color: #fff; font-size: 1.4em; border: none; margin-right: 30px;}

.message .box .list li.btns input[type="reset"]{ width: 150px; height: 40px; border-radius: 4px; background: #949494; color: #fff; font-size: 1.4em; border: none;}



.zz-box1{ overflow: hidden; margin: 70px 0;}

.zz-box1 .img{ float: left; width: 46%;}

.zz-box1 .text{ float: left; width: 54%; padding-left: 45px;}

.zz-box1 .text .t{ font-size: 3em; color: #1a69bd; height: 30px; line-height: 30px; background: url(../images/zz-box1-icon.png) no-repeat center right; margin-top: 5px;}

.zz-box1 .text .p{ font-size: 1.6em; line-height: 30px; text-indent: 2em; margin-top: 25px;}



.zz-box2{ overflow: hidden; padding: 30px 0; background: url(../images/zz-box2-bg.jpg) no-repeat center; background-size: cover;}

.zz-box2 .hd{ float: left; width: 15%;}

.zz-box2 .hd li{ width: 100%; height: 60px; line-height: 60px; background: #949494; color: #fff; font-size: 1.8em; text-align: center; margin-bottom: 16px; cursor: pointer;}

.zz-box2 .hd li.on{ background: #1a69bd;}

.zz-box2 .bd{ float: left; width: 85%; padding-left: 15px;}

.zz-box2 .bd li{ width: 100%; height: 390px; background: #fff; border: 1px solid #aaa; }

.zz-box2 .bd li .text{ width: 100%; height: 100%; font-size: 1.6em; color: #333; line-height: 30px; overflow-x: hidden; padding:25px; }

.zz-box2 .bd li .text .t{ text-align: center; font-size: 1.2em;}



.zz-box3{ overflow: hidden; margin-top: 60px;}

.zz-box3 .title{ text-align: center; font-size: 2.8em; font-weight: bold; color: #333; position: relative;}

.zz-box3 .title b{ color: #1a69bd;}

.zz-box3 .title span{ padding: 0 35px; position: relative; letter-spacing: 2px; display: inline-block; background: #fff; z-index: 1;}

.zz-box3 .title i{ display: inline-block; position: absolute; width: 400px; height: 1px; background: #e5e5e5; top: 50%; left: 50%; transform: translateX(-50%);}

.zz-box3 .box{ margin-top: 60px; overflow: hidden;}

.zz-box3 .box ul{ margin: 0 -30px;}

.zz-box3 .box li{ width: 33.33333%; float: left; padding: 0 30px; height: 450px;}

.zz-box3 .box li dl{ margin-bottom: 0; width: 100%; height: 100%; padding: 65px 40px;}

.zz-box3 .box li.text1 dl{ background: url(../images/zz-box3-bg1.png) no-repeat center;}

.zz-box3 .box li.text2 dl{ background: url(../images/zz-box3-bg2.png) no-repeat center;}

.zz-box3 .box li.text3 dl{ background: url(../images/zz-box3-bg3.png) no-repeat center;}

.zz-box3 .box li dl .t{ font-weight: bold; font-size: 2em; color: #333; height: 24px; line-height: 24px; position: relative; padding-left: 28px;}

.zz-box3 .box li dl .t i{ display: inline-block; width: 4px; height: 20px; background: #1a69bd; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.zz-box3 .box li dl .p{ height: 88px; padding: 25px;}

.zz-box3 .box li dl .p dd{ font-size: 2em; color: #1a69bd; float: left; width: 33.33333%; margin-bottom: 20px; text-align: center;}

.zz-box3 .box li dl .p p{ font-size: 2em; color: #333;}

.zz-box3 .box li dl .p a{ font-size: 2em; color: #1a69bd; display: inline-block; margin-top: 8px;}

.zz-box3 .box li dl .p1{ height: 150px; padding: 25px;}

.zz-box3 .box li dl .p1 dd{ font-size: 2em; color: #1a69bd; float: left; width: 33.33333%; margin-bottom: 20px; text-align: center;}

.zz-box3 .box li dl .p1 p{ font-size: 2em; color: #333;}

.zz-box3 .box li dl .p1 a{ font-size: 2em; color: #1a69bd; display: inline-block; margin-top: 8px;}




.md-box{ position: fixed; width: 1200px; height: 640px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,.35); top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999; background: #fff; padding: 30px; display: none;}

.md-box .close-btn{ position: absolute; width: 40px; height: 40px; border-radius: 100%; top: 10px; right: 10px; border:2px solid  #1a69bd;}

.md-box .close-btn a{ display: inline-block;}

.md-box .close-btn a::before{ content: ""; position: absolute; width: 30px; height: 2px; background: #1a69bd; transform: rotate(45deg); top: 48%; left: 12%;}

.md-box .close-btn a::after{ content: ""; position: absolute; width: 30px; height: 2px; background: #1a69bd; transform: rotate(-45deg); top: 49%; left: 9%;}

.md-box .title{ text-align: center; font-size: 3em; font-weight: bold; color: #1a69bd; margin-bottom: 20px;}

.md-box ul{ overflow-x: hidden; height: 86%;}

.md-box li{ font-size: 2em; width: 20%; float: left; color: #333; text-align: center; margin-bottom: 15px;}



.page-mask{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.6); z-index: 999; display: none;}



.zz-box4{ overflow: hidden; margin: 70px 0;}

.zz-box4 .title{ text-align: center; font-size: 2.8em; font-weight: bold; color: #333; position: relative;}

.zz-box4 .title b{ color: #1a69bd;}

.zz-box4 .title span{ padding: 0 35px; position: relative; letter-spacing: 2px; display: inline-block; background: #fff; z-index: 1;}

.zz-box4 .title i{ display: inline-block; position: absolute; width: 400px; height: 1px; background: #e5e5e5; top: 50%; left: 50%; transform: translateX(-50%);}

.zz-box4 .hd{ margin-top: 40px; overflow: hidden;}

.zz-box4 .hd ul{ margin: 0 -15px;}

.zz-box4 .hd li{ float: left; width: 20%; padding: 0 15px; height: 50px; line-height: 50px; text-align: center; cursor: pointer;}

.zz-box4 .hd li span{ display: inline-block; width: 100%; background: #949494; font-size: 2em; color: #fff; }

.zz-box4 .hd li i{ display: inline-block; margin-right: 20px;}

.zz-box4 .hd li.on span{ background: #1a69bd;}

.zz-box4 .bd{ overflow: hidden;}

.zz-box4 .bd ul{ background: #f5f5f5; padding: 25px 30px; font-size: 1.6em; color: #333; line-height: 30px; min-height: 180px;}































@media(min-width:1366px){

.container{ width: 1300px; padding: 0;}



}

@media (max-width:1365px) and (min-width: 1200px){

.header{ height: 190px;}

.header .logo{ height: 190px; line-height: 190px;}

.header .logo img{ height: 80px;}

.header .search-pc{ padding: 75px 0; width: 430px;}

.header .search-pc .box input[type="text"]{ width: 80%;}

.header .search-pc .box input[type="submit"]{ width: 20%;}

.index-top .title{ font-size: 3em;}

.index-box1{ width: 530px;}

.index-box2{ width: 580px;}

.index-box2 .hd li{ height: 45px; line-height: 45px; font-size: 1.6em;}

.index-box2 .bd li{ height: 34px; line-height: 34px;}

.index-box2 .bd li a{ font-size: 1.4em;}

.index-box2 .bd li span{ font-size: 1.4em;}

.index-box3{ margin: 30px 0;}

.index-box4{ width: 680px;}

.index-box4 .hd{ height: 45px;}

.index-box4 .hd li{ height: 45px; line-height: 45px;}

.index-box4 .hd li a{ font-size: 1.6em;}

.index-box4 .bd li{ height: 45px; line-height: 45px;}

.index-box4 .bd li a{ font-size: 1.4em;}

.index-box4 .bd li span{ font-size: 1.4em;}

.index-box5 li{ margin-bottom: 20px;}

.index-box5 li .icon{ height: 60px; line-height: 60px;}

.index-box5 li .title{ font-size: 30px; height: 30px; line-height: 30px; font-size: 1.4em;}

.index-box5 dd .icon{ height: 50px; line-height: 50px;}

.index-box5 dd .title{ height: 26px; line-height: 26px; font-size: 1.4em;}

.index-box6{ margin: 30px 0;}

.index-box7 .hd{ height: 45px;}

.index-box7 .hd li{ height: 45px; line-height: 45px;}

.index-box7 .hd li a{ font-size: 1.6em;}

.index-box7 .bd{ padding: 10px 0 30px;}

.index-box7 .bd li{ height: 45px; line-height: 45px;}

.index-box7 .bd li a{ font-size: 1.4em;}



.header-page{ height: 350px; padding: 95px 0;}

.header-page .logo{ height: auto; line-height: inherit;}

.header-page .search-pc{ padding: 0; width: 100%;}



.news-list li .time{ width: 10%;}

.news-list li .text{ width: 90%;}



.tp-list li .img{ height: 170px;}



.message .box .list li input[type="text"]{ width: 420px;}

.message .box .list li.ys input[type="text"]{ width: 990px;}

.message .box .list li label{ width: 100px;}

.message .box .list li textarea{ width: 990px;}



.zz-box3 .box li dl .t{ font-size: 1.6em;}

.zz-box3 .box li dl .p dd{ font-size: 1.6em;}

.zz-box3 .box li dl .p p{ font-size: 1.6em;}

.zz-box3 .box li dl .p a{ font-size: 1.6em;}

.zz-box3 .box li dl .p1 p{ font-size: 1.6em;}

.zz-box3 .box li dl .p1 a{ font-size: 1.6em;}

}

@media (max-width:1199px) and (min-width:992px){

.header{ height: 160px;}

.header .logo{ height: 160px; line-height: 160px;}

.header .logo img{ height: 70px;}

.header .search-pc{ padding: 60px 0; width: 380px;}

.header .search-pc .box input[type="text"]{ width: 80%;}

.header .search-pc .box input[type="submit"]{ width: 20%;}

.index-top{ padding: 30px 0;}

.index-top .title{ font-size: 2.6em;}

.index-top ul{ padding: 0; margin-top: 10px;}

.index-top li a{ font-size: 1.4em;}

.index-box1{ width: 430px;}

.index-box2{ width: 480px;}

.index-box2 .hd li{ height: 40px; line-height: 40px; font-size: 1.4em;}

.index-box2 .bd li{ height: 25px; line-height: 25px;}

.index-box2 .bd li a{ font-size: 1.4em;}

.index-box2 .bd li span{ font-size: 1.4em;}

.index-box3{ margin: 30px 0;}

.index-box4{ width: 530px;}

.index-box4 .hd{ height: 45px;}

.index-box4 .hd li{ height: 45px; line-height: 45px;}

.index-box4 .hd li a{ font-size: 1.6em;}

.index-box4 .bd li{ height: 45px; line-height: 45px;}

.index-box4 .bd li a{ font-size: 1.4em;}

.index-box4 .bd li span{ font-size: 1.4em;}

.index-box5{ width: 380px;}

.index-box5 li{ margin-bottom: 20px;}

.index-box5 li .icon{ height: 60px; line-height: 60px;}

.index-box5 dd .icon img{ transform: scale(.8,.8);}

.index-box5 li .title{ font-size: 30px; height: 30px; line-height: 30px; font-size: 1.4em;}

.index-box5 dd .icon{ height: 50px; line-height: 50px;}

.index-box5 dd .title{ height: 26px; line-height: 26px; font-size: 1.4em;}

.index-box6{ margin: 30px 0;}

.index-box7 .hd{ height: 45px;}

.index-box7 .hd li{ height: 45px; line-height: 45px;}

.index-box7 .hd li a{ font-size: 1.6em;}

.index-box7 .bd{ padding: 10px 0 30px;}

.index-box7 .bd li{ height: 45px; line-height: 45px;}

.index-box7 .bd li a{ font-size: 1.4em;}



.header-page{ height: 300px; padding: 75px 0;}

.header-page .logo{ height: auto; line-height: inherit;}

.header-page .search-pc{ padding: 0; width: 100%;}

.header-page .search-pc .box{ width: 400px;}

.ty-left{ width: 25%;}

.ty-right{ width: 75%;}



.news-list li .time{ width: 12%;}

.news-list li .text{ width: 88%;}



.tp-list li .img{ height: 120px;}



.message .box .list li input[type="text"]{ width: 315px;}

.message .box .list li.ys input[type="text"]{ width: 785px;}

.message .box .list li label{ width: 80px;}

.message .box .list li textarea{ width: 785px;}

.message .box .list li.dq label{ width: 100px;}



.zz-box1 .text{ padding-left: 25px;}

.zz-box1 .text .t{ font-size: 2.4em; background-size: 50px;}

.zz-box1 .text .p{ font-size: 1.4em; line-height: 24px; margin-top: 10px;}

.zz-box2 .hd li{ font-size: 1.6em; height: 50px; line-height: 50px;}

.zz-box2 .bd li .text{ font-size: 1.4em;}

.zz-box3 .box ul{ margin: 0 -15px;}

.zz-box3 .box li{ padding: 0 15px; height: 340px;}

.zz-box3 .box li dl{ padding: 40px 20px;}

.zz-box3 .box li dl .t{ font-size: 1.6em;}

.zz-box3 .box li dl .p{ padding: 15px; height: 120px;}

.zz-box3 .box li dl .p dd{ font-size: 1.6em;}

.zz-box3 .box li dl .p p{ font-size: 1.6em;}

.zz-box3 .box li dl .p a{ font-size: 1.6em;}

.zz-box4 .hd li span{ font-size: 1.6em;}

.zz-box4 .hd li i{ width: 25px; margin-right: 10px;}

.md-box{ width: 940px;}

}

@media (max-width:991px) and (min-width: 768px){

.header{ height: 160px;}

.header .logo{ height: 160px; line-height: 160px;}

.header .logo img{ height: 54px;}

.header .search-pc{ padding: 60px 0; width: 320px;}

.header .search-pc .box input[type="text"]{ width: 75%;}

.header .search-pc .box input[type="submit"]{ width: 25%;}

.pc-nav li{ padding: 0 5px;}

.pc-nav li > a{ font-size: 1.4em;}

.index-top{ padding: 25px 0;}

.index-top .title{ font-size: 2.2em;}

.index-top ul{ padding: 0; margin-top: 10px;}

.index-top li a{ font-size: 1.4em;}

.index-box1{ width: 100%;}

.index-box1 .img img{ width: 100%;}

.index-box2{ width: 100%; margin-top: 25px;}

.index-box2 .hd li{ height: 45px; line-height: 45px; font-size: 1.4em;}

.index-box2 .bd li{ height: 35px; line-height: 35px;}

.index-box2 .bd li a{ font-size: 1.4em;}

.index-box2 .bd li span{ font-size: 1.4em;}

.index-box3{ margin: 20px 0;}

.index-box4{ width: 100%;}

.index-box4 .hd{ height: 45px;}

.index-box4 .hd li{ height: 45px; line-height: 45px;}

.index-box4 .hd li a{ font-size: 1.6em;}

.index-box4 .bd li{ height: 45px; line-height: 45px;}

.index-box4 .bd li a{ font-size: 1.4em;}

.index-box4 .bd li span{ font-size: 1.4em;}

.index-box5{ width: 100%; margin-top: 20px;}

.index-box5 li{ margin-bottom: 20px;}

.index-box5 li .icon{ height: 60px; line-height: 60px;}

.index-box5 dd .icon img{ transform: scale(.8,.8);}

.index-box5 li .title{ font-size: 30px; height: 30px; line-height: 30px; font-size: 1.4em;}

.index-box5 dd .icon{ height: 50px; line-height: 50px;}

.index-box5 dd .title{ height: 26px; line-height: 26px; font-size: 1.4em;}

.index-box6{ margin: 20px 0;}

.index-box7 .hd{ height: 45px;}

.index-box7 .hd li{ height: 45px; line-height: 45px;}

.index-box7 .hd li a{ font-size: 1.6em;}

.index-box7 .bd{ padding: 10px 0 30px;}

.index-box7 .bd li{  width: 50%;}

.index-box7 .bd li a{ font-size: 1.4em;}

.footer .foot-icon1, .footer .foot-icon2{ display: none;}



.header-page{ height: 240px; padding: 63px 0;}

.header-page .logo{ height: auto; line-height: inherit;}

.header-page .search-pc{ padding: 0; width: 100%; margin-top: 20px;}

.header-page .search-pc .box{ width: 300px;}

.ty-left{ width: 25%;}

.ty-left .ty-top{ font-size: 2em; height: 65px; line-height: 65px;}

.ty-left .ty-nav li a{ font-size: 1.6em;}

.ty-left .ty-nav li a i{ top: 50%;}

.ty-right{ width: 75%;}

.ty-right .ty-top .title{ font-size: 1.6em;}

.tp-list ul{ margin: 0 -10px;}

.tp-list li{ padding: 0 10px; margin-bottom: 20px; width: 50%;}

.tp-list li .img{ height: 150px;}



.news-list li .time{ width: 15%;}

.news-list li .text{ width: 85%;}



.message .box .list li input[type="text"]{ width: 570px;}

.message .box .list li.ys input[type="text"]{ width: 570px;}

.message .box .list li label{ width: 80px;}

.message .box .list li textarea{ width: 570px;}

.message .box .list li.dq label{ width: 100px;}



.zz-box1{ margin: 40px 0;}

.zz-box1 .img{ width: 100%;}

.zz-box1 .text{ padding-left: 0; width: 100%; margin-top: 20px;}

.zz-box1 .text .t{ font-size: 2.4em; background-size: 50px;}

.zz-box1 .text .p{ font-size: 1.4em; line-height: 24px; margin-top: 10px;}

.zz-box2 .hd li{ font-size: 1.6em; height: 50px; line-height: 50px;}

.zz-box2 .bd li .text{ font-size: 1.4em;}

.zz-box3 .box ul{ margin: 0 -15px;}

.zz-box3 .box li{ padding: 0 15px; height: 340px;}

.zz-box3 .box li dl{ padding: 40px 20px;}

.zz-box3 .box li dl .t{ font-size: 1.6em; padding-left: 20px; font-weight: normal; overflow: hidden; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.zz-box3 .box li dl .p{ padding: 15px; height: 120px;}

.zz-box3 .box li dl .p dd{ font-size: 1.4em; margin-bottom: 10px;}

.zz-box3 .box li dl .p p{ font-size: 1.4em;}

.zz-box3 .box li dl .p a{ font-size: 1.4em;}

.zz-box4 .hd ul{ margin: 0 -5px;}

.zz-box4 .hd li{ padding: 0 5px;}

.zz-box4 .hd li span{ font-size: 1.4em;}

.zz-box4 .hd li i{ width: 25px; margin-right: 10px;}

.md-box{ width: 720px; height: 480px;}

.md-box .close-btn{ transform: scale(.8,.8);}

.md-box .title{ font-size: 2em;}

.md-box li{ font-size: 1.6em;}

}





@media (max-width: 767px){

.header-top{ display: none;}

.header{ position: fixed; width: 100%; height: 60px; line-height: 60px; z-index: 9999; background-size: cover;}

.header .logo{ height: 60px; line-height: 60px;}

.header .logo img{ height: 40px;}

.header .search-pc{ display: none;}

.header .search{ display: inline-block; text-align: right;}

.header .nav-btn{ display: inline-block;}

.pc-nav{ display: none;}

.index-top{ margin-top: 60px; padding: 15px 0;}

.index-top .title{ font-size: 1.8em;}

.index-top ul{ padding: 0; margin-top: 10px;}

.index-top li{ width: 50%; display: none;}

.index-top li:nth-child(2n){ border-right: none;}

.index-top li:nth-child(-n+2){ display: block;}

.index-top li a{ font-size: 1.4em;}

.index-box1{ width: 100%;}

.index-box1 .img img{ width: 100%;}

.index-box1 .title span{ width: 80%;}

.index-box2{ width: 100%; margin-top: 25px;}

.index-box2 .hd li{ height: 45px; line-height: 45px; font-size: 1.4em;}

.index-box2 .bd li{ height: 35px; line-height: 35px;}

.index-box2 .bd li a{ font-size: 1.4em;}

.index-box2 .bd li span{ font-size: 1.4em;}

.index-box3{ margin: 20px 0;}

.index-box4{ width: 100%;}

.index-box4 .hd{ height: 45px;}

.index-box4 .hd li{ height: 45px; line-height: 45px;}

.index-box4 .hd li a{ font-size: 1.4em;}

.index-box4 .bd li{ height: 45px; line-height: 45px;}

.index-box4 .bd li a{ font-size: 1.4em;}

.index-box4 .bd li span{ font-size: 1.4em;}

.index-box5{ width: 100%; margin-top: 20px;}

.index-box5 li{ margin-bottom: 20px;}

.index-box5 li .icon{ height: 60px; line-height: 60px;}

.index-box5 dd .icon img{ transform: scale(.8,.8);}

.index-box5 li .title{ font-size: 30px; height: 30px; line-height: 30px; font-size: 1.4em;}

.index-box5 dd .icon{ height: 50px; line-height: 50px;}

.index-box5 dd .title{ height: 26px; line-height: 26px; font-size: 1.4em;}

.index-box6{ margin: 20px 0;}

.index-box7 .hd{ height: 45px;}

.index-box7 .hd li{ height: 45px; line-height: 45px;}

.index-box7 .hd li a{ font-size: 1.2em;}

.index-box7 .bd{ padding: 10px 0 30px;}

.index-box7 .bd li{  width: 50%; height: 45px;}

.index-box7 .bd li a{ font-size: 1.4em;}

.footer{ height: auto;}

.footer .foot-icon1, .footer .foot-icon2{ display: none;}

.footer .foot-box{ padding: 24px 0;}

.footer .foot-box .foot-nav li{ margin-bottom: 10px;}



.header-page{ height: 60px; padding: 0;}

.header-page .logo{ width: auto;}

.ty-page{ padding: 35px 0 20px;}

.ty-left{ display: none;}

.ty-left .ty-top{ font-size: 2em; height: 65px; line-height: 65px;}

.ty-left .ty-nav li a{ font-size: 1.6em;}

.ty-left .ty-nav li a i{ top: 50%;}

.ty-right{ width: 100%; padding-left: 0; margin-top: 40px;}

.ty-right .ty-top{ height: 40px; line-height: 40px;}

.ty-right .ty-top .title{ font-size: 1.6em; padding-left: 40px;}

.ty-right .ty-top .title i{ width: 20px;}

.ty-right .ty-top .mbx{ font-size: 1.2em;}

.tp-list{ padding-top: 18px;}

.tp-list ul{ margin: 0 -7.5px;}

.tp-list li{ padding: 0 7.5px; margin-bottom: 15px; width: 50%;}

.tp-list li .title{ font-size: 1.4em;}

.tp-list li .img{ height: 110px;}



.pager-list{ margin-top: 10px;}



.news-list li{ padding: 20px 0;}

.news-list li .time{ width: 18%;}

.news-list li .time span{ font-size: 3em;}

.news-list li .text{ width: 82%;}

.news-list li .text .t{ font-size: 1.6em;}

.news-list li .text .p{ margin-top: 5px;}



.page-box .title{ font-size: 1.8em;}

.page-box .text{ font-size: 1.4em; line-height: 24px;}



.message{ margin-top: 40px;}

.message .box .title{ font-size: 1.4em;}

.message .box .list li .t{ width: 20%; padding-right: 15px; overflow: hidden;}

.message .box .list li input[type="text"]{ width: 75%;}

.message .box .list li.ys input[type="text"]{ width: 75%;}

.message .box .list li label{ width: auto; margin-right: 10px;}

.message .box .list li textarea{ width: 75%;}

.message .box .list li.dq label{ width: auto; margin-right: 10px;}

.message .box .list li.yzm input[type="text"]{ margin-right: 15px;}

.message .box .list li.btns{ padding-left: 20%;}

.message .box .list li.btns input[type="submit"]{ width: 40%; margin-right: 15px;}

.message .box .list li.btns input[type="reset"]{ width: 40%;}



.zz-box1{ margin: 80px 0 20px;}

.zz-box1 .img{ width: 100%;}

.zz-box1 .text{ padding-left: 0; width: 100%; margin-top: 10px;}

.zz-box1 .text .t{ font-size: 1.8em; background-size: 40px;}

.zz-box1 .text .p{ font-size: 1.4em; line-height: 24px; margin-top: 5px;}

.zz-box2 .hd{ width: 100%;}

.zz-box2 .hd li{ font-size: 1.4em; height: 50px; line-height: 50px; float: left; width: 50%;}

.zz-box2 .bd{ padding-left: 0; width: 100%;}

.zz-box2 .bd li .text{ font-size: 1.4em; padding: 20px;}

.zz-box3{ margin-top: 20px;}

.zz-box3 .title{ font-size: 1.8em;}

.zz-box3 .title span{ padding: 0 20px;}

.zz-box3 .title i{ width: 200px;}

.zz-box3 .box{ margin-top: 20px;}

.zz-box3 .box ul{ margin: 0 -15px;}

.zz-box3 .box li{ padding: 0 15px; height: 290px; width: 100%; margin-bottom: 20px;}

.zz-box3 .box li dl{ padding: 30px 20px; background-size: cover !important;}

.zz-box3 .box li dl .t{ font-size: 1.6em; padding-left: 20px; font-weight: normal; overflow: hidden; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.zz-box3 .box li dl .p{ padding: 15px; height: 50px;}

.zz-box3 .box li dl .p dd{ font-size: 1.4em; margin-bottom: 10px;}

.zz-box3 .box li dl .p p{ font-size: 1.4em;}

.zz-box3 .box li dl .p a{ font-size: 1.4em;}

.zz-box3 .box li dl .p1{ padding: 15px; height: 100px;}

.zz-box3 .box li dl .p1 dd{ font-size: 1.4em; margin-bottom: 10px;}

.zz-box3 .box li dl .p1 p{ font-size: 1.4em;}

.zz-box3 .box li dl .p1 a{ font-size: 1.4em;}

.zz-box4{ margin: 0 0 30px;}

.zz-box4 .title{ font-size: 1.8em;}

.zz-box4 .title span{ padding: 0 20px;}

.zz-box4 .title i{ width: 200px;}

.zz-box4 .hd{ margin-top: 20px;}

.zz-box4 .hd ul{ margin: 0 -5px;}

.zz-box4 .hd li{ padding: 0 5px; width: 50%; margin-bottom: 15px;}

.zz-box4 .hd li span{ font-size: 1.4em;}

.zz-box4 .hd li i{ width: 25px; margin-right: 10px;}

.zz-box4 .bd ul{ font-size: 1.4em;}

.md-box{ width: 320px; height: 480px;}

.md-box .close-btn{ transform: scale(.8,.8);}

.md-box .title{ font-size: 2em;}

.md-box li{ font-size: 1.4em; width: 33.33333%;}



.floating_ck { display:none; }



}