html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{margin: 0; font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; line-height: 1.42857143; font-size: 14px; min-width: 1230px; background: #fff; color: #5a5a5a;}
h1{font-size: 2em; margin: .67em 0;}
figure{margin: 1em 40px;}
hr{box-sizing: content-box; height: 0; overflow: visible;}
a{-webkit-text-decoration-skip: objects; background-color: transparent;}
abbr[title]{border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted;}
b,
strong{font-weight: bolder;}
dfn{font-style: italic;}
mark{background-color: #ff0; color: #000;}
small{font-size: 80%;}
sub,
sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub{bottom: -.25em;}
sup{top: -.5em;}
audio:not([controls]){display: none; height: 0;}
img{border-style: none;}
svg:not(:root){overflow: hidden;}
button,
input,
optgroup,
select,
textarea{line-height: 1.42857143; margin: 0; outline: none;}
body,
button,
input,
select,
textarea{text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern";}
button,
input{overflow: visible;}
button,
select{text-transform: none;}
button,
html [type=button],
/* 1 */
[type=reset],
[type=submit]{-webkit-appearance: button;}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{border-style: none; padding: 0;}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{outline: 1px dotted ButtonText;}
fieldset{padding: .35em .75em .625em;}
legend{box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress{display: inline-block; vertical-align: baseline;}
textarea{overflow: auto;}
[type=checkbox],
[type=radio]{box-sizing: border-box; padding: 0;}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{height: auto;}
[type=search]{-webkit-appearance: textfield; outline-offset: -2px;}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;}
summary{display: list-item;}
article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main,
details,
/* 1 */
menu{display: block;}
pre,
code,
kbd,
samp{font-family: monospace, monospace; font-size: 1em;}
audio,
video,
canvas{display: inline-block;}
template,
[hidden]{display: none;}
.clearfix{zoom: 1;}
.clearfix:before,
.clearfix:after{display: table; line-height: 0; content: "";}
.clearfix:after{clear: both;}
a{color: #666; text-decoration: none;}
a:hover{color: #107fd8;}
ul{margin: 0; list-style: none; padding: 0;}
.img-center{text-align: center; font-size: 0;}
.img-center img{display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; -webkit-transition: all 0.5s; transition: all 0.5s;}
.img-cover{overflow: hidden; position: relative;}
.img-cover span{display: block; width: 100%; background: no-repeat center / cover; -webkit-transition: all 0.5s; transition: all 0.5s; height: 100%; position: absolute; left: 0; top: 0;}
.container{padding: 0 15px; width: 1200px; margin: 0 auto;}
.kf{width: 208px; position: fixed; /* right: 20px; */ right: -208px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;}
.kt-top{height: 40px; line-height: 40px; background: url(../images/kefu.png) 12px center no-repeat #214d98; -ms-background-size: auto 20px; background-size: auto 20px; padding-left: 46px; font-size: 14px; color: #fff;}
.kt-top span:hover{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.kt-top span{width: 18px; height: 16px; float: right; position: relative; margin: 10px 10px 0 0; cursor: pointer; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.kt-top span b{width: 100%; height: 2px; background: #fff; display: block; position: absolute; top: 50%; left: 0;}
.kt-top span b:first-child{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
.kt-top span b:last-child{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
.kf .con{overflow: hidden; background: #fff;}
.kf .qq li{height: 36px; line-height: 36px; border-bottom: #f5f5f5 solid 1px; padding-left: 16px;}
.kf .qq li a{height: 36px !important; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: initial; display: block;}
.kf .qq li a img{padding-right: 6px;}
.kf .con h5{height: 26px; line-height: 26px; margin-top: 12px; background: url(../images/lianxi.png) 16px center no-repeat; padding-left: 45px; color: #666; font-size: 14px; margin-bottom: 0;}
.kf .contact{margin-top: 1px; height: auto;}
.kf .contact p{height: 26px; line-height: 26px; color: #666; font-size: 14px; padding-left: 22px; margin: 0;}
.kf .contact p:nth-child(2n){padding-left: 32px;}
.kf .con h5.qr-icon{background: url(../images/erweima.png) 16px center no-repeat;}
.kf .con .qr{margin-top: 10px; padding-left: 40px;}
.kf .con .qr img{width: 110px; height: 110px;}
.kf .backTop{width: 100%; height: 40px; margin-top: 10px; background: url(../images/huidaodingbu.png) center center no-repeat #214d98; background-size: 18px auto; cursor: pointer;}
.kf-side{padding: 18px 10px 10px; background: #214d98; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: -34px; cursor: pointer;}
.kf-side b{display: block; color: #fff; line-height: 18px; font-size: 14px; font-weight: 400;}
.kf-side span.arrow{width: 12px; height: 12px; background: url(../images/jt-1.png) no-repeat; -ms-background-size: auto 12px; background-size: auto 12px; display: block; margin-top: 10px;}
.kf-side span.on{background: url(../images/jt-2.png) no-repeat; -ms-background-size: auto 12px; background-size: auto 12px;}

.btn-1 input{width: 52px; height: 32px; line-height: 32px; background: #e8e8e8; border: none; color: #333; margin-right: 22px; cursor: pointer; transition: 0.3s;}
.btn-1{padding-left: 100px;}
.btn-1 input.focus{background: #ce2e33; color: #fff;}
.btn-1 input.focus:hover{background: #444;}
.btn-1 input:hover{background: #ccc;}
.footer-fix{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 10; display: none;}
.footer-fix li{float: left; width: 25%;}
.footer-fix li a{display: block; text-align: center; padding: 7px 0; font-size: 12px; line-height: 1;}
.footer-fix li i{display: block; height: 20px; background: no-repeat center; background-size: contain; margin-bottom: 4px;}
.footer-fix li i.i1{background-image: url(../images/f_01.png);}
.footer-fix li i.i2{background-image: url(../images/f_02.png);}
.footer-fix li i.i3{background-image: url(../images/f_03.png);}
.footer-fix li i.i4{background-image: url(../images/f_04.png);}
.swiper-pagination-bullet-active{background-color: #e13f38;}
.str_wrap{position: relative; overflow: hidden;}
.str_move{position: absolute; left: 0; top: 0; cursor: move; white-space: nowrap;}
.header{background-color: #fff;}
.header .topbar{line-height: 40px; background-color: #f5f5f5; font-size: 13px;}
.header .topbar img{vertical-align: middle;}
.header .topbar ul{float: right;}
.header .topbar li{float: left; color: #ddd;}
.header .topbar li.pipe{padding: 0 10px;}
.header .topbar li .active{ color: #107fd8;}
.header .logo{float: left; font-size: 0; height: 80px; line-height: 80px; text-align: left; padding: 15px 0;}
.header .mlogo{display: none;}
.header .hform{float: left; margin-left: 100px; margin-top: 35px;}
.header .hform input{float: left; border: 1px solid #eee; padding: 6px 12px; width: 210px; font-size: 14px; color: #1d7ad9;}
.header .hform button{border: 0; border-bottom: 1px solid transparent; padding: 0; float: left; cursor: pointer; outline: none; width: 55px; height: 34px; color: #fff; font-size: 14px; background-color: #1d7ad9;}
.header .tel{float: right; background: url(../images/tel.jpg) no-repeat 0 center; padding-left: 80px; margin-top: 15px;}
.header .tel strong{display: block; font-size: 28px; font-family: Impact; line-height: 1; color: #107fd8; font-weight: normal;}
.header .text{float: left; font-size: 13px; text-transform: uppercase; margin: 20px 0 20px 10px; padding: 5px 0 5px 10px;}
.header .text strong{display: block; letter-spacing: .5px; font-size: 28px; color: #4a86e8;}
.header .nav{font-size: 0; background: url(../images/nav.png) no-repeat center center; color: #fff; position: relative; z-index: 2;}
.header .nav .container{width: 1050px;}
.header .nav li{display: inline-block; background: url(../images/li_07.jpg) no-repeat right center; padding-right: 1px;}
.header .nav li a{display: block; font-size: 16px; line-height: 60px; padding: 0 33px; color: #fff;}
.header .nav li .arr{float: right; height: 40px; width: 40px; position: relative; display: none;}
.header .nav li .arr:after{content: ''; border-top: 2px solid #ccc; border-left: 2px solid #ccc; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 15px;}
.header .nav li.active a,
.header .nav li.open a,
.header .nav li a:hover{height: 45px; line-height: 45px; color: #fff; background-color: #dfceba;}
.header .nav li.dropdown{position: relative;}
.header .nav li.dropdown:before{content: ""; position: absolute; border: 4px solid transparent; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 15px;}
.header .nav .dropdown-box{position: absolute; left: 0; min-width: 100%; top: 100%; display: none; z-index: 10; text-align: center;}
.header .nav .dropdown-box p{margin: 0;}
.header .nav .dropdown-box a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; font-size: 14px; background-color: #4a86e8 !important; line-height: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.header .nav .dropdown-box a:hover{background-color: #666666 !important;}
.header .nav li.open .dropdown-box{display: block;}
.header .nav .yuyan{ display: none;}
.menu-btn{display: none; padding: 6px 0; float: right; margin-left: 15px;}
.menu-btn:before,
.menu-btn:after,
.menu-btn span{display: block; height: 2px; background-color: #0d5ba4; content: '';}
.menu-btn:before{width: 24px;}
.menu-btn:after{width: 18px; margin-left: 6px;}
.menu-btn span{width: 12px; margin: 6px 0 6px 12px;}
.banner{position: relative; top: -8px; z-index: 1;}
.banner .swiper-slide{background: no-repeat center / cover; height: 570px;}
.banner .swiper-slide img{display: block; width: 100%; height: auto;}
.banner .swiper-pagination{bottom: 30px;}
.banner .swiper-pagination-bullet{background-color: #fff; opacity: 1;}
.banner .swiper-pagination-bullet-active{background-color: #015cb5;}

.in-about{margin: 0;}
.in-about dt{float: left; width: 526px;}
.in-about dd{margin-left: 550px;}
.in-about dd p{margin: 0; line-height: 2; text-indent: 2em; color: #000; text-align: justify;}
.ico-about{ width: 100%; margin: 50px 0 30px 0;}
.ico-about li{ float: left; height: 33px; width: 138px; border: 1px solid #107fd8; padding: 10px 20px; border-radius: 10px; margin-left: 160px;}
.ico-about li:first-child{ margin-left: 0;}
.ico-about li p{ margin: 0; font-size: 22px; color: #107fd8;}
.ico-about li p img{ width: 40px; vertical-align: middle; padding-right: 10px;}

.section{padding: 60px 0;}
.section-title{text-align: center; margin-bottom: 30px; font-size: 30px; color: #107fd8; font-weight: bold;}
.section-title span{color: #107fd8; background: url(../images/btx.png) no-repeat bottom; width: 100%; padding-bottom: 15px; display: inline-block;}
.section-title small{display: block; color: #107fd8; font-size: 18px; font-weight: normal;}

.title-1{border-bottom: 1px solid #e2e2e2; font-size: 36px; color: #fff; font-weight: bold; padding-bottom: 15px; margin-bottom: 20px; line-height: 32px;}
.title-1 .more{float: right; font-size: 16px; color: #fff; font-weight: normal;}
.title-1 small{font-size: 16px; color: #fff; text-transform: uppercase; margin-left: 10px; font-weight: normal;}
.in-prd-cate{float: left; width: 220px; border: 3px solid #4a86e8; background-color: #fff;}
.in-prd-cate .tit{text-align: center; color: #fff; line-height: 70px; font-size: 24px; font-weight: bold; background-color: #4a86e8; margin-bottom: 15px;}
.in-prd-cate dl{padding: 0 10px; margin: 0;}
.in-prd-cate dt{ background: #4a86e8; height: 54px; padding-left: 20px; border-bottom: 1px solid #fff;}
.in-prd-cate dt a{display: block; line-height: 54px; background: url(../images/arrow_pro.png) left center no-repeat; color: #fff; padding-left: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.in-prd-lx{ margin: 15px; background: url(../images/prolx.jpg) repeat center; padding: 5px 10px;}
.in-prd-lx p{ font-size: 12px; color: #107fd8; font-weight: bold;}
.in-prd-con{float: right; width: 940px;}
.list-1{margin: -20px 0 0 -20px;}
.list-1 li{float: left; width: 25%;}
.list-1 li a{display: block; margin: 20px 0 20px 20px;}
.list-1 li .img-center{ background-color: #fff; height: 220px; border: 1px solid #ddd;}
.list-1 li .img-center img{ width: 100%; height: 100%; object-fit: cover;}
.list-1 li p{ text-align: center; color: #5a5a5a; margin: 15px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-1-sy li p{ color: #fff;}
.list-1-1{ width: 1240px; display: inline-block;}
.list-1-1 li{ width: 248px; border: 1px solid #eee; margin: 20px; padding: 10px;}
.list-1-1 li:hover{ border: 1px solid #107fd8;}
.list-1-1 li a{ margin: 0;}
.list-1-1 li .img-center{height: 220px; line-height: 220px;}

.in-news{ background: #107fd8; padding: 20px;}
.in-news .news li{ float: left; width: 100%; margin: 10px 0; padding: 12px 0; border-bottom: 1px dotted #dbd4cd;}
.in-news .news li .date{ float: left; width: 60px; margin-left: 30px; padding: 2px 0; background: #198ede; color: #fff; text-align: center;}
.in-news .news li .date strong{ font-size: 24px;}
.in-news .news li .date small{ font-size: 13px;}
.in-news .news li .text{ float: left; width: 88%; padding-left: 10px;}
.in-news .news li .text strong{ font-size: 16px; font-weight: normal; color: #fff; line-height: 0; margin: 10px 0; padding-bottom: 10px;}
.in-news .news li .text strong:hover{ color: #0064D4;}
.in-news .news li .text p{ text-align: justify; color: #ccc; font-size: 12px;}

.in-liuyan{ float: left; width: 670px;}
.in-liuyan li{ float: left; width: 100%; margin: 7px 0;}
.in-liuyan li span{ float: left; width: 70px; font-size: 12px; line-height: 38px;}
.in-liuyan li input{ width: 578px; background-color: #f7f7f7; border: 1px solid #dedede; padding: 0 10px; line-height: 38px; font-size: 14px;  vertical-align: middle;}
.in-liuyan #vdcode{ width: 450px;}
.in-liuyan .pic{ display: inline-block;}
.in-liuyan li textarea{ width: 578px; background-color: #f7f7f7; border: 1px solid #dedede; padding: 0 10px; line-height: 50px; font-size: 14px;  vertical-align: middle;}
.in-liuyan li button{ display: block; background: #ff9900; color: #fff; border: 0; padding: 0; cursor: pointer; outline: none; height: 40px; border-radius: 3px; font-size: 16px; width: 600px; margin-left: 70px;}
.in-liuyan li button:hover{ background: #f60;}
.in-contact{ float: right; width: 480px;}
.in-contact .section-title{ background: url(../images/prolx.jpg) repeat center; margin-bottom: 40px; padding: 20px 0;}
.in-contact p{ padding-left: 10px;}
.in-contact p img{ max-width: 20px; height: auto; vertical-align: middle;}

.cgwl-link{padding: 20px 0;}
.cgwl-link img{ max-height: 42px; vertical-align: middle;}
.cgwl-link ul{ width: 90%; display: inline-block;}
.cgwl-link li{float: left; margin-left: 20px;}
.cgwl-link li a{ font-size: 16px; color: #4a86e8;}
.cgwl-link li a:hover{ color: #5a5a5a;}
.footer{padding: 30px 0; margin-top: 20px; background-color: #107fd8; color: #fff;}
.footer a, .footer p{color: #fff;}
.footer a:hover{color: #bec3cc;}
.footer-lf{ float: left; width: 1040px; text-align: center;}
.footer-nav{margin-bottom: 15px; border-radius: 5px; padding: 15px 0; text-align: center;}
.footer-nav a{display: inline-block; color: #fff; vertical-align: middle; margin: 0 15px;}
.footer-info p{margin: 5px 0 0;}
.footer-ewm{float: right; width: 120px; text-align: center;}

.banner-sub{ position: relative; top: -8px; height: 400px; background: no-repeat center / cover;}
.banner-sub p{ position: absolute; top: 25%; text-align: center; width: 100%; font-size: 18px; color: #666;}
.banner-sub p strong{ font-size: 44px; color: #ff0000;}

.nyleft{ background: #f7f7f7; padding: 0;position: relative; top: -8px; height: 70px; line-height: 70px;}
.nyleft .tit{ display: none;}
.nyleft .lanmu{ width: 100%; text-align: center; overflow: hidden;}
.nyleft .lanmu li{ display: inline-block; width: auto; padding: 0 10px; margin: 0 5px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #107fd8; background: #fff;}
.nyleft .lanmu li a{ color: #107fd8;}
.nyleft .lanmu li:hover, .nyleft .lanmu .active{ background: #107fd8;}
.nyleft .lanmu li:hover a,  .nyleft .lanmu .active a{ color: #fff;}

.pages{margin: 30px 0 0; text-align: center; font-size: 0;}
.pages a{display: inline-block; font-size: 14px; line-height: 35px; padding: 0 14px; margin: 5px; background-color: #f5f5f5; border-radius: 3px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.pages a:hover,
.pages a.active{background-color: #107fd8; color: #fff;}
.sub-tit{border-bottom: 1px solid #ddd; font-size: 24px; color: #107fd8; font-weight: bold; padding-bottom: 15px; margin-bottom: 20px;}
.curmbs{float: right; font-weight: normal; font-size: 12px; color: #999; line-height: 25px; background: url(../images/hom1.jpg) no-repeat 0 center; padding-left: 20px;}
.curmbs em{font-style: normal; padding: 0 5px;}
.list-3{}
.list-3 li{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.list-3 li a{display: block; overflow: hidden;}
.list-3 li .img-center{float: left; width: 240px;}
.list-3 li .text{margin-left: 260px;}
.list-3 li .text h4{font-size: 20px; margin: 0;}
.list-3 li .text .date{margin-top: 10px; color: #999; font-size: 12px;}
.list-3 li .text p{margin: 10px 0 0; color: #777; line-height: 1.8; text-align: justify;}
.list-3 li .text span{float: right; line-height: 24px; border: 1px solid #ddd; border-radius: 50px; padding: 0 20px; margin-top: 10px;}
.list-3 li a:hover .text span{background-color: #107fd8; color: #fff; border-color: #107fd8;}
.list-4 li{border-bottom: 1px dotted #ccc;}
.list-4 li a{display: block; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/libg.jpg) left center no-repeat; padding-left: 20px;}
.list-4 li span{float: right; font-size: 12px; color: #666;}
.content-title{margin-bottom: 20px; text-align: center;}
.content-title h1{font-size: 22px; margin: 0;}
.content-title p{margin: 15px 0 0; font-size: 12px; color: #999; border-bottom: 1px dashed #ddd; padding-bottom: 15px;}
.content-title p span{padding: 0 10px; display: inline-block;}
.content-body{line-height: 1.8;}
.content-body img{max-width: 100% !important; height: auto !important; width: auto !important;}
.content-exp{padding: 10px 15px; font-size: 12px; background-color: #f5f5f5; margin-top: 20px; border-radius: 5px;}
.content-exp li{line-height: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cgwl-showcase{margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd;}
.cgwl-showcase-info{ text-align: center;}
.cgwl-showcase-info h1{font-size: 20px; margin: 0; border-bottom: 1px dashed #ddd; padding-bottom: 15px;}
.cgwl-showcase-info p{margin: 15px 0 0; color: #666; line-height: 1.8;}
.cgwl-showcase-info .tel{margin-top: 15px;}
.cgwl-showcase-info .tel a{line-height: 42px; color: #fff; display: inline-block; width: 120px; text-align: center; border-radius: 5px; background-color: #107fd8;}
.pc-slide{margin: 20px auto; width: 400px;}
.view .swiper-slide .img-center{width: 100%; height: 300px; line-height: 300px;}
.view .swiper-container{width: 100%;}
.preview{width: 100%; margin-top: 10px; position: relative;}
.preview .swiper-container{margin: 0 30px;}
.preview .swiper-slide .img-center{height: 80px; border: 1px solid #ddd; cursor: pointer; position: relative; line-height: 80px;}
.preview .arrow-left{background: url(../images/feel3.png) no-repeat left top; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10;}
.preview .arrow-right{background: url(../images/feel4.png) no-repeat left bottom; position: absolute; right: 0; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10;}
.preview .active-nav .img-center{border-color: #107fd8;}
div.zoomDiv{z-index: 999; position: absolute; top: 0; left: 0; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; font-size: 0;}
div.zoomMask{position: absolute; background: url(../images/mask.png) repeat scroll 0 0 transparent; cursor: move; z-index: 1;}

.ct2-mn{ padding: 20px;}
.ct2-mn .news li{ float: left; width: 100%; margin: 10px 0; padding: 12px 0; border-bottom: 1px dotted #dbd4cd;}
.ct2-mn .news li .date{ float: left; width: 70px; margin-left: 30px; padding: 5px 0; background: #198ede; color: #fff; text-align: center;}
.ct2-mn .news li .date strong{ font-size: 24px;}
.ct2-mn .news li .date small{ font-size: 13px;}
.ct2-mn .news li .text{ float: left; width: 88%; padding-left: 10px;}
.ct2-mn .news li .text strong{ font-size: 20px; font-weight: normal; line-height: 0; margin: 10px 0; padding-bottom: 10px;}
.ct2-mn .news li .text strong:hover{ color: #0064D4;}
.ct2-mn .news li .text p{ text-align: justify; color: #929191; margin: 5px 0;}

.in-liuyan-ico{ float: right;}
.in-liuyan-ico img{ width: 470px!important; border-radius: 10px;}
.contact-nr{ width: 100%; text-align: center;}
.contact-nr li{ display: inline-block; padding: 20px 15px; margin: 40px 20px 20px; width: 158px; height: 176px; border: 1px solid #e6e6e6; border-radius: 10px;}
.contact-nr li .conimg{ text-align: center; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
.contact-nr li .conimg img{ width: 70px;}
.contact-nr li p{ text-align: center; font-size: 15px;}
.map{height: 400px; margin-top: 50px;}

@media screen and (max-width: 767px){
    body{min-width: 320px;padding-top: 50px;padding-bottom: 50px;}
    .container{width: auto;}
    #message .m-content .m-message{width: 90%;padding: 20px;}
    .kf{display: none;}
    .footer-fix{display: block;}
    .header{padding: 15px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
    .header .container{padding: 0 15px 0 5px;}
    .header .topbar, .header .text, .header .tel, .header .hform, .header .logo{display: none;}
    .header .mlogo{display: block;height: 50px;line-height: 50px;float: none;padding: 0;margin: -10px 0;width: 85%;}
    .header .nav{margin: 10px 0 -10px;text-align: left;display: none;background-color: transparent;border-bottom: 0;background: none;}
    .header .nav .container{ width: auto; padding: 0 20px;}
    .header .nav ul{margin: 0 -15px;}
    .header .nav li{display: block;margin: 0;border-top: 1px solid #eee;background: none;}
    .header .nav li a{line-height: 40px;padding: 0 15px;color: #333;}
    .header .nav li .arr{display: block;}
    .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover{background-color: transparent;color: #107fd8}
    .header .nav li.open .arr:after{border-color: #107fd8;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .header .nav .dropdown-box{position: static;background-color: #f5f5f5;min-width: auto;text-align: left;}
    .header .nav .dropdown-box a{color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    .header .nav .dropdown-box a:hover{background-color: transparent !important;}
    .header .nav .yuyan{ display: block;}
    .menu-btn{display: block;}
    .banner .swiper-slide{height: 150px;}
    .banner .swiper-pagination{bottom: 10px;}
    .in-prd-cate{display: none;}
    .in-prd-con{float: none;width: auto;}
    .section{padding: 30px 0;}
    .section-title{margin-bottom: 20px;font-size: 18px;}
    .section-title small{font-size: 12px;margin-top: 5px;}
    .title-1{font-size: 18px;line-height: 24px;padding-bottom: 10px;margin-bottom: 15px;}
    .title-1 small{font-size: 12px;}
    .list-1{ margin: -15px 0 0 -10px;}
    .list-1 li{width: 50%;}
    .list-1 li a{margin: 15px 0 0 15px;}
    .list-1 li .img-center{height: 188px;line-height: 188px;}
    .list-1 li p{margin-top: 10px;}
    .list-1 li a:hover .img-center{border-color: #107fd8;}
    .list-1-1{ width: 100%;}
    .list-1-1 li{ width: 50%; border: none; margin: 0; padding: 0; }
    .list-1-1 li .img-center{height: 108px;line-height: 108px;}
    .in-about dt{float: none;width: auto;}
    .in-about dd{margin: 15px 0 0;}
    .in-about dd p{line-height: 1.8;}
    .ico-about{ display: none;}
    .mnews{ padding: 0;}
    .in-news{ margin-top: 20px; padding: 10px;}
    .in-news .news li .date{ margin-left: 0; width: 20%;}
    .in-news .news li .text{ width: 75%; padding-left: 2%;}
    .in-news .news li .text strong{ font-size: 15px; display: block; margin: auto; line-height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .in-news .news li .text p{ font-size: 12px; margin: auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

    .in-liuyan{width: 100%;}
    .in-liuyan li span{width: 20%;}
    .in-liuyan li input{ width: 70%;}
    .in-liuyan li textarea{ width: 70%;}
    .in-liuyan li button{ margin-left: 20%; width: 75%;}
    .in-contact{display: none;}
    .cgwl-link{ display: none;}
    .footer{padding: 30px 0;}
    .footer-nav{display: none;}
    .footer-lf{ width: 100%;}
    .footer-ewm{display: none;}
    .footer-info{background: none;padding: 0;margin: 0;font-size: 12px;}
    .banner-sub{height: 130px;}
    .banner-sub p{display: none;}

    .nyleft{ top: 0; height: auto; line-height: auto;}
    .nyleft .tit{ display: block;}
    .ct2-sd,.ct2-mn {float: none;width: auto; padding: 0; margin: 0;}
    .panel-sd {margin-bottom: 20px;background-color: #f6f6f6;}
    .panel-sd .tit {text-align: center;color: #fff;font-size: 26px;background: #107fd8; padding: 25px 0;}
    .panel-sd .tit span {display: block;text-transform: uppercase;font-size: 14px;color: #fff;}

    .nyleft .lanmu li { border-bottom: 1px dotted #ddd; border-left: 0; border-top: 0; border-right: 0; display: block; width: auto; height: auto; line-height: 20px; text-align: left; background: none; padding: 0; margin: 0;}
    .nyleft .lanmu li:hover, .nyleft .lanmu .active{ background: none;}
    .lanmu li:last-child {border-bottom: 0;}
    .lanmu li>a { display: block; line-height: 40px;padding-left: 15px;font-size: 16px; color: #5a5a5a!important;}
    .lanmu li .arr {float: right;height: 40px;width: 40px;position: relative;cursor: pointer;}
    .lanmu li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
    .lanmu-box {display: none;background-color: #e3e3e3;}
    .lanmu-box p {margin: 0;border-top: 1px dotted #ddd;padding-left: 15px;}
    .lanmu-box p a {padding: 0 15px;display: block;line-height: 40px;}
    .lanmu li>a:hover,.lanmu li.active>a { color: #107fd8!important; font-weight: bold;}
    .lanmu li.open .lanmu-box {display: block;}
    .lanmu li.open .arr:after {-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    
    .lm-sd {margin: -30px -15px 0px;position: relative;}
    .lm-sd .tit {text-align: left;padding: 0 15px;line-height: 40px;font-size: 18px;overflow: hidden;}
    .lm-sd .tit span {display: inline-block;font-size: 14px;opacity: 0.7;margin-left: 10px;vertical-align: top;}
    .lm-sd .tit .arr {float: right;background: url(../images/top4.png) no-repeat center / 20px 20px;width: 40px;height: 40px;margin-right: -15px;}
    .lm-sd .lanmu {display: none;position: absolute;left: 0;top: 100%;width: 100%;background-color: #f6f6f6;z-index: 10;}
    .lm-sd.open .lanmu {display: block; text-align: left;}
    .lm-sd.open .tit .arr {-webkit-transform: rotate(90deg);transform: rotate(90deg);}

    .ct2-mn .news li .date{ margin-left: 0; width: 20%;}
    .ct2-mn .news li .text{ width: 75%; padding-left: 2%;}
    .ct2-mn .news li .text strong{ font-size: 15px; display: block; margin: auto; line-height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .ct2-mn .news li .text p{ font-size: 12px; margin: auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

    .sub-tit{padding-bottom: 10px;margin-bottom: 15px;}
    .curmbs{display: none;}
    .pages{margin-top: 20px;}
    .pages a{font-size: 12px;line-height: 30px;padding: 0 12px;}
    .list-3 li .img-center{float: none;width: auto;}
    .list-3 li .text{margin: 15px 0 0;}
    .list-3 li .text h4{font-size: 16px;}
    .list-3 li .text p{font-size: 12px;}
    .list-4 li a{line-height: 40px;padding-left: 15px;}
    .content-title{margin-bottom: 15px;}
    .content-title h1{font-size: 18px;}
    .content-title p{margin-top: 10px;padding-top: 10px;}
    .content-title p span{padding: 0 5px;}
    .content-exp{margin-top: 15px;}
    .pc-slide{float: none;width: auto;}
    .cgwl-showcase-info{margin: 20px 0 0;}
    .cgwl-showcase-info h1{padding-bottom: 10px;}
    .cgwl-showcase-info p{margin-top: 10px;}
    .contact-nr li{ margin: 10px;}
    .map{height: 300px; margin-top: 5px;}
}

.pagination p{margin: 0; cursor: pointer}
.pagination{height: 40px; text-align: center; padding: 20px 0px;}
.pagination a{display: inline-block; margin-right: 10px; padding: 2px 12px; height: 24px; border: 1px #cccccc solid; background: #fff; text-decoration: none; color: #808080; font-size: 12px; line-height: 24px;}
.pagination a:hover{color: #107fd8; background: white; border: 1px #107fd8 solid;}
.pagination a.page-num-current{border: none; background: #107fd8; color: #fff;}
.pagination p{display: inline-block; padding: 2px 12px; font-size: 12px; height: 24px; line-height: 24px; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; margin-right: 8px;}
.pagination p.pageRemark{border-style: none; background: none; margin-right: 0px; padding: 4px 0px; color: #666;}
.pagination p.pageRemark b{color: red;}
.pagination p.pageEllipsis{border-style: none; background: none; padding: 4px 0px; color: #808080;}
.dates li{font-size: 14px; margin: 20px 0}
.dates li span{float: right}