/*main css cmsyou*/
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.wide,.wide1{width:1100px;margin:0 auto;}
.left{width: 73%;}
.right{width: 25.5%;}
.img-d img,.dp-b{display: block;width: 100%;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mr10{margin-right: 10px;}
.border,.right dl{border:1px solid #e5e5e5;border-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,.1);}
.border1{border:1px solid #e5e5e5;border-radius: 4px;}
.border-b{border-bottom:1px solid #e5e5e5;}
.border-t{border-top:1px solid #e5e5e5;}
.border-b-x{border-bottom:1px dotted #e9e9e9;}
.border-t-x{border-top:1px dotted #e9e9e9;}
.border-r{border-radius: 3px;}
.border-top-3{border-top:3px solid #006785;}
.f-30{font-size: 3em;}
.f-22{font-size: 2em;}
.f-20{font-size: 1.5em;}
.f-18{font-size: 18px;}
.f-16{font-size: 16px;}
.f-14{font-size: 1.1em;}
.f-10{font-size: 1em;}
.f-12{font-size: 12px;}
.f-bold{font-weight: bold;}
.f-300{font-weight: 300;}
.f-hui{color: #aaa;}
.pd3{padding: 3px;}
.pd8{padding: 8px;}
.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd15-1{padding: 15px 0;}
.pd15-2{padding: 0 15px;}
.pd20-1{padding: 20px 0;}
.pd20-2{padding: 0 20px;}
.pd20-3{padding: 10px 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px 0;}
.pd40-1{padding: 40px 0 20px 0;}
.pd60{padding: 60px 0;}
.bgh{background-color: #F8F8F8;}
.bgb{background-color: #fff;}
.text-center{text-align: center;}
.tm-bg{background:url(../images/tm-bg.png) repeat 0 0;}
.img-x{display: block;overflow: hidden;}
.img-x img{transition: all 0.3s ease 0s;width: 100%;height: 100%;display: block;}
.img-x img:hover{-webkit-transform: scale(1.05);transform: scale(1.05);}
.pagebar{width: 100%;clear: both;margin:15px 0;}
.pagebar a,.pagebar .now-page{padding:4px 12px;color: #333;display:inline-block;clear: both;background: #eee;margin:0 3px 3px 0;border-radius: 2px;}
.pagebar a:hover,.pagebar .now-page{color: #FFF;}
.tx-comments>ul.msg{margin-bottom:8px;border:1px solid #ddd;padding:10px;border-radius:4px;}
.tx-comments{margin-bottom:10px;}
ul.msg img.avatar{float:left;margin-right:10px;border-radius:4px;width:45px;height:45px;border-radius:50%;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;}
li.msgname:hover img.avatar,.commons li:hover img{transform:rotateZ(60deg);-webkit-transform:rotateZ(60deg);-moz-transform:rotateZ(60deg)}
ul.msg li.msgname p.commentname{line-height:23px;font-size:12px;margin-bottom:3px;}
ul.msg li.msgname small{color:#aaa;font-size:12px;}
ul.msg li.msgname small a{display:none;}
ul.msg:hover li.msgname small a{display:inline-block;}
ul.msg li ul.msg{margin-top:12px;padding:10px;border:1px solid #ededed;border-radius:4px;box-shadow: 0 0 2px rgba(0,0,0,0.05);}
.tx-comment h3,.tx-comments h3{line-height:40px;height:40px;font-size:17px;font-weight:normal;margin-bottom:8px;border-radius:2px;}
.tx-comment label,.tx-comments label{display:none;}
.tx-comments h4{text-align:center;padding:10px;font-size:17px;font-weight:normal;margin-bottom:8px;}
.tx-comment input{line-height:30px;height:30px;font-size:14px;font-family: "Microsoft YaHei", Verdana, sans-serif;width:100%;border:0;padding-left:8px;}
.tx-comment textarea{border:0;height:120px;width: 100%;font-size:14px;font-family: "Microsoft YaHei", Verdana, sans-serif;display:block;padding:8px;}
.tx-comment-box{border:1px solid #ddd;border-radius:4px;padding:4px;position:relative;background:#fff;margin-bottom:6px;}
.tx-comment-ul4{float:left;width:49.5%;}
.tx-comment-ul3{float:left;width:32.66%;}
.tx-comment .tx-comment-ul4:nth-child(2n){float:right;}
.tx-comment .tx-comment-ul3-2{margin:0 1%;}
.tx-comment-box img.tx-code{position:absolute;right:4px;top:4px;height:30px;width:auto;}
.tx-comment-box input.button{border:0;border-radius:0 0 2px 0;line-height:40px;height:40px;width:100px;color:#fff;position:absolute;right:0;bottom:0;cursor: pointer;}
.tx-comment-textarea{width:100%;clear:both;}
.tx-red{color:#c00;}
.reply-frm{margin-top:15px;}
.tx-404{text-align: center;background:#fff;position: fixed;width: 100%;height: 100%;left: 0;top:0;font-size: 12px;color: #888;}
.tx-404 h2{font-size: 24px;font-weight: normal;line-height: 1.6;color: #222;margin: 12px 0;}
.tx-404 a.return{display: inline-block;line-height: 50px;height: 50px;padding: 0 60px;background: #FF3A33;border-radius: 5px;margin-top: 15px;color: #fff;font-size: 14px;}
.logo-404{background:url(../images/logo.png) no-repeat center center #FFFFFF;background-size: auto 60px;padding:60px 0;border-bottom:1px solid #9eaa99;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);}
.top{box-shadow: 0 1px 4px rgba(0,0,0,.1);position: relative;z-index: 999;}
.logo{padding: 10px 0;}
.logo img{height: 50px;width: auto;}

.nav-on{display:none;}
.bg-img{background:url(../images/bg.png) no-repeat 0 0;background-size:cover;}

.btn-lv{display: inline-block;padding: 10px 40px;border-radius: 4px;margin:0 8px 4px 0;color: #fff;}
.btn-lv:hover,.pro li a:hover{color: #fff;opacity: .8;filter: alpha(opacity=80);}
.pos-r{position: relative;z-index: 99;}
#tbox{z-index:999;}
.pro ul,.row{margin-left: -10px;margin-right: -10px;}
.pro li{float: left;width: 33.33%;padding: 10px;}
.pro li a{display: block;text-align: center;border-radius: 4px;overflow: hidden;padding: 6px;}
.pro li a h2{font-size: 16px;line-height: 20px;height: 20px;overflow: hidden;margin:15px 10px 10px 10px;}
.pro li a p{font-size: 12px;margin-bottom: 15px;padding: 0 10px;line-height: 20px;height: 40px;overflow: hidden;}
.pro li img{width: 100%;height: 290px;-o-object-fit: cover;object-fit: cover;}
.title-border{position: relative;line-height: 0;height: 40px;}
.title-border span{display: block;border-top:1px solid #ddd;position: absolute;top:50%;left: 0;z-index: 1;width: 100%;}
.title-border em{font-style: 500;position: relative;z-index: 2;padding: 0 22px;font-size:36px;}
.list li h2{font-size: 16px;line-height: 20px;height: 20px;overflow: hidden;}
.list li small{font-size: 12px;margin-bottom: 10px;color: #888;display: inline-block;}
/*.list li p{line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 9px;}*/

/*comment*/
#comments{font-size:15px;padding:12px 20px;line-height:14px;color:#5fbaac;font-weight:normal;border-bottom:1px solid #dbece8}
#comments b{font-weight:normal;font-size:13px}
#commentform{margin-bottom:0; border:1px solid #eee;}
.comt-title{overflow:hidden;padding:12px 20px;background-color:#f7f7f7}
.comt-count{float:right;color:#999;margin-bottom:5px}
.comt{padding:20px 20px 5px 20px;position:relative}
.comt-avatar{height:28px!important;width:28px}
.comt-avatar img{border-radius:2px;opacity:.9;height:28px!important;width:28px!important}
.comt-author{margin:5px 10px 0 10px;font-size:16px;color:#666}
.comt-author span{color:#bbb;margin-left:10px}
.comt-box{overflow:hidden}
.comt-area{margin-bottom:5px}
.comt-ctrl{position:relative;overflow:hidden}
.comt-addsmilies,.comt-addcode{float:left;color:#999;padding:0 10px 0 10px}
.comt-addsmilies:hover,.comt-addcode:hover{color:#666}
.comt-mailme{display:none}
#comment{*width:98.3%}
.comt-smilie{cursor:pointer;margin-top:2px;display:inline-block}
.comt-smilie:hover{color:#666}
#comment-smilies{background-color:#eee;padding:3px 5px;float:left;position:relative;line-height:0}
#comment-smilies img{display:inline-block;padding:3px;cursor:pointer}
#comment-smilies::after{position:absolute;top:-5px;left:20px;width:0;height:0;vertical-align:top;border-bottom:5px solid #eee;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);content:""}
.comt-smilie i,.btn-primary i{vertical-align:middle}
.comt-smilie,.btn-primary{font-size:15px;height:36px!important}
.comt-ctrl .popover{width:219px}
.comt-ctrl .popover-content{padding:2px 0 2px 1px}
.comt-ctrl .popover-content a{margin:-1px -1px 0 0;float:left;width:16px;height:16px;padding:5px;line-height:0;display:inline-block;border:solid 1px #eee}
.comt-ctrl .popover-content a img{display:block}
.comt-ctrl label{margin:0 5px}
.comt-ctrl label input{margin-right:4px}
.comt-tips{text-align:right;line-height:30px;margin-right:10px;color:#999}
.comt-error{color:#d9534f}
#loading{padding:5px 0}
#loading img{margin-right:5px;vertical-align:middle}
#error{padding:5px 0;color:#c00}
.ajax-notice{color:#f60;font-size:12px}
.comt-submit{position:absolute;right:-1px;top:-1px;border:solid 1px #ddd;padding:0 30px;height:34px;width:120px;cursor:pointer;font-weight:bold;color:#666;border-radius:0 0 3px 0;background-image:-webkit-linear-gradient(#fbfbfb,#f6f6f6);text-shadow:0 -1px 0 #fff}
.comt-submit:hover{color:#444;border-color:#d6d6d6;background-image:-webkit-linear-gradient(#f6f6f6,#eee)}
.comt-submit:active{border-color:#c6c6c6;box-shadow:inset 0 2px 2px #e6e6e6}
.comt-comterinfo{padding:20px 0 0 210px;color:#444;display:none}
.comt-comterinfo h4{float:left;width:190px;line-height:100px;margin-left:-210px;text-align:right;_display:inline}
.comt-comterinfo ul{border-left:dotted 1px #ccc;padding-left:30px}
.comt-comterinfo li{margin-bottom:10px}
.comt-comterinfo input{margin-right:10px;position:relative;*bottom:-3px}
#cancel-comment-reply-link{display:none;color:#bbb;margin:-12px -20px;line-height:28px;font-size:14px;padding:12px 20px}
#cancel-comment-reply-link:hover{background-color:#999;color:#fff}
.comment #cancel-comment-reply-link{display:block}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
label,input,button,select,textarea{font-weight:normal;line-height:20px}
select,textarea,input{display:inline-block;height:20px;padding:5px 6px 3px;margin-bottom:10px;line-height:20px;color:#555;border-radius:0;vertical-align:middle}
input,textarea,.uneditable-input{width:206px}
textarea{height:auto}
textarea,input{background-color:#fff;border:1px solid #d9d9d9;border-top-color:#c0c0c0;border-left-color:#d0d0d0;-webkit-transition:border linear .2s;-moz-transition:border linear .2s;transition:border linear .2s}
textarea:hover,input:hover,textarea:focus,input:focus{border-color:#999}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}
select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}
.btn{display:inline-block;*display:inline;*zoom:1;padding:6px 12px 4px;margin-bottom:0;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;border:0;border-radius:0;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
.btn-primary{color:#fff;background-color:#5fbaac}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#fff;background-color:#35d2ab}
.btn-warning{color:#fff;background-color:#f8a31f}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#fff;background-color:#f88a2a}
.btn-danger{color:#fff;background-color:#d9534f}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#fff;background-color:#e51400}
.btn-success{color:#fff;background-color:#15a287}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#117f69}
.btn-info{color:#fff;background-color:#c59648}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#fff;background-color:#007877}
.btn-inverse{color:#fff;background-color:#11a99b}
.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#fff;background-color:#31cfa9}
#pagelet-ncomment{margin-bottom:40px;position:relative}
#pagelet-ncomment .cavatar{position:relative;float:left;width:38px;height:38px;border:1px solid #E8E8E8;border-radius:50%;overflow:hidden;background:url(../images/icon_portrait.png) no-repeat center;background-size: 40px; display:none;}
#pagelet-ncomment .cavatar img{border-radius:100%;opacity:0;width:100%;height:100%;-webkit-transition:.3s opacity ease-in-out;transition:.3s opacity ease-in-out}
#pagelet-ncomment .cbody{/*margin-left:54px;*/font-size:14px}
#pagelet-ncomment .cbody *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#pagelet-ncomment .cbody .content{ font-size:14px; background:#f6f9fb; border:1px solid #c4d5df; zoom:1; padding:8px 10px; margin:5px 0}
#pagelet-ncomment .cbody .content span{display:block;}
#pagelet-ncomment .clist{ margin-top:20px; clear:both;}
#pagelet-ncomment .clist .citem{ border-bottom:1px dashed #eee; padding-bottom:20px; margin-bottom:15px}
#pagelet-ncomment .clist .citem .cuser{ color:#666; margin-bottom:8px}
#pagelet-ncomment .clist .citem .cuser a{ color:#000;}
#pagelet-ncomment .clist .citem .cuser a:hover {color:#c59648;}
#pagelet-ncomment .clist .citem .ctxt{font-size:15px;line-height:22px;color:#444;margin-bottom:10px}
#pagelet-ncomment .clist .citem .cinfo{color:#999; font-size:13px; line-height:1}
/*banner*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}
.index-banner-bar{height:560px;position: relative;overflow: hidden;z-index: 1;}
.index-banner-bar .index-swiper .swiper-container{height:560px;}
.index-banner-bar .index-swiper .swiper-container .swiper-slide{position: relative;overflow: hidden;}
.index-banner-bar .index-swiper .swiper-container .swiper-slide img{height: 100%;position: absolute;top: 0;left: 50%;margin-left: -960px;max-width: initial;}
.index-banner-bar .index-swiper .swiper-pagination{position: absolute;left: 0;text-align: center;bottom: 25px;width: 100%;}
.swiper-pagination-switch{display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #0083a5;margin: 0 3px;cursor: pointer;}
.swiper-active-switch{background: #fff;}
.index-banner-bar .index-swiper{position: absolute;width: 100%;top: 0;left: 0;z-index: 1;}
.index-banner-bar .banner img{width:100%;height:auto;max-width: none;}
.index-banner-bar .container{position: relative;z-index: 10;}
.index-banner-bar .index-select{position: absolute;right: 0;top: 70px;}
.index-banner-bar .index-select label.error{left: auto;right: 235px;top: -5px;}
/*services*/
#leftsead{width:161px;height:290px;position:fixed;top:240px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#leftsead #p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#leftsead #p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#leftsead #p1{width:47px;height:49px;float:left}
/*about*/
.intro-wrap{ position:relative; width:100%; margin-top:40px; clear:both;}
.intro-wrap:after{ display:block; content:" "; clear:both;}
.intro-img{float:left; width:420px;}
.intro-img img{width:420px; height:auto;}
.intro-txt{float:right; width:660px; text-align:left;}
/*index*/
.index-feature{}
.index-feature .title-border{height:auto;background-image: url(../images/bg_title.jpg);background-repeat: no-repeat;background-position: center bottom;padding-bottom: 40px;}
.media-list + .media-list{margin-top: 50px;}
.media-list{border-bottom: 1px dashed #d4d4d4;padding-bottom: 30px;}
.media-list .img-box{width: 50%;text-align: center;}
.media-list .info{overflow: hidden;padding-left: 10px;}
.media-list .info ul li{color: #999999;font-size: 16px;margin-bottom: 15px;position: relative;padding-left: 20px;}
.media-list .info ul li:before{content: "";position: absolute;top: 7px;left: 0;width: 10px;height: 10px;border-radius: 50%;background-color: #0689db;}
.media-list .info .title{margin-bottom: 30px;}
.media-list .info .title .number{font-size: 60px;color: #999999;font-family: Impact, Charcoal, sans-serif;line-height: 1;float: left;font-weight: bold;}
.media-list .info .title h3{font-size: 25px;color: #0689db;line-height: 60px;float: left;padding-left: 10px;font-weight: 400;}
.clearfix:after{content: "";display: block;clear: both;}
.index-service-list{clear:both;}
.service-box{float:left;width: 49%;height: 156px;background: #fff;position: relative;cursor: pointer;margin-right:1%;margin-bottom:2%;}
.service-box.fr{margin-left:1%;margin-right:0;}
.service-box a{border-radius: 10px;background-color:#fff;display:block;overflow:hidden;}
.service-box a:hover{box-shadow: 5px 5px 10px -5px rgba(0, 36, 100, 0.5);-webkit-box-shadow: 5px 5px 10px -5px rgba(0, 36, 100, 0.5);-moz-box-shadow: 5px 5px 10px -5px rgba(0, 36, 100, 0.5);}
.service-box .img-box{width: 206px;height: inherit;float: left; line-height:0;overflow: hidden;}
.service-box .img-box img{width: 100%;height: 100%; line-height:0;-webkit-transition: -webkit-transform 1s;overflow:hidden;}
.service-box a:hover .img-box img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.service-box .content{overflow: hidden;padding: 15px;height: inherit;position: relative;}
.service-box .content h3{font-size: 18px;color: #0689db;font-weight:normal;text-align:left;text-decoration: none;margin: 0;line-height: 1.5em;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.service-box .content .art-des{color:#999;font-size:14px;line-height: 1.5;text-align:left;clear:both;}
.service-box a:hover .content .art-des{ color:#787878;}
.service-box .content .art-btn{float:left;display: inline-block;padding-top: 3px;padding-right: 15px;padding-bottom: 3px;padding-left: 15px;background-color: #f8f8f8;color: #999999;margin-top: 5px;undefined: undefined;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;border-top: 1px solid #dddddd;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-left-radius: 4px;font-size: 12px;clear:both;}
.service-box a:hover .content .art-btn{ background-color:#eee;}
.index-service .inner-wrap{position:relative}
/*kf*/
.hide{display: none;}
.kf {position: fixed;right: 0;top: 80px;z-index: 999;}
.kf-btn {display: bold;float: left;position: relative;top: 220px;cursor: pointer;}
.kf img {display: block; max-width: 100%;margin-left: auto;margin-right: auto;margin-top: 15px;}
.kf-box {padding-left: 26px;display: block;}
.kf-bg {border: 4px solid #00a0e9;border-radius: 6px;background: #fff;width: 150px;padding: 5px 10px;padding-bottom: 5px;padding-bottom: 30px;}
.kf h5 {color: #00a1e5;border-bottom: 1px solid #00a1e5; padding-bottom: 5px;text-align: center;font-size: 14px;padding-top: 15px;}
.kf h5 a:first-child{margin-right:10px;}
.kf h5 a{color:#aaa;}
.kf h5 a.active{color:#00a1e5;}
.kf .link1:hover{color: #0689db;}
.kf .link2 {display: block;padding-left: 30px; background: url(../images/qq.png) no-repeat;line-height: 20px;height: 25px;border-bottom: 1px solid #eee;margin-top: 5px;color: #555;}
.kf .link2:hover{color: #0689db;}
.kf-tel {border-bottom: 1px solid #ddd;padding: 10px 0;font-size: 12px;}
.kf .kf-tel span:before{content: url(../img/tel.jpg);margin-right: 9px;vertical-align:middle}
.kf-top {line-height: 24px;padding-top: 15px;}
.kf-top a {text-decoration: underline;color: #036eb8;}
.kf-top i {display: block;overflow: hidden;float: left;margin-right: 10px;margin-left: 10px;}
.kf-top i img { margin-top: 0;}
.kf .link1{display: block;padding-left: 30px; line-height: 20px;height: 25px;border-bottom: 1px solid #eee;margin-top: 5px;color: #555;background: url(../images/wx.jpg) left 0 no-repeat;}
#layer{width:100%;height: 100%;top:0;background:rgba(0,0,0,0.7);position: fixed;z-index:999;}
#layer img{width:260px;height: 337px;position:fixed;margin-left:-130px;margin-top:-130px;left:50%;top:50%;}
#layer p{position: fixed;left:50%;top:50%;margin-top:160px;margin-left:-95px;font-size:20px;color:#fff;}
@media screen and (max-width: 1140px){
.intro-img{width:40%;}
.intro-img img{width:100%; height:auto;}
.intro-txt{width:58%;}
.intro-txt .f-16{ font-size:15px;}
.wide{width:100%;padding: 0 2%;overflow: hidden;}
.index-feature,.index-service,.index-about{ width:100%; overflow:hidden;}
.media-list .img-box,.media-list .info{ width:100%; clear:both;}
.media-list .info{padding-top:30px;}
.inner-wrap{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.inner-wrap *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.service-box{ width:100%; height:auto; margin-left:0; margin-right:0; clear:both;}
.service-box.fr{margin-left:0;}
}
@media screen and (max-width: 978px){
.top{position:relative;}
.logo img{width:auto;height:30px;margin-left:10px;}
.index-news dd,.left,.right,.wide1{width:100%;}
.pro li{width: 50%;padding: 5px;}
.nav-on{display:inline-block;position:absolute;right:10px;top:15px;}
.nav-on i{font-size:20px;}
#nav>ul{display:none;border-top:1px solid #eee;}
#nav>ul>li{line-height:40px;height:40px;margin-left:0;text-align:center;width:33.33%;border-right:1px solid #eee;border-bottom:1px solid #eee;}
#nav>ul>li>ul{top:40px;}
.top .fr{float:left;width:100%;}
#nav>ul>li>a:hover,#nav>ul>li.on>a{border-bottom: 0;}
.mb20,.right dl,.index-news dd{margin-bottom: 10px;}
.side-fixed{position: relative;top: auto;}
}
@media screen and (max-width:768px){
.index-banner-bar{height:320px;}
.index-banner-bar .index-swiper .swiper-container{height:320px;}
.index-banner-bar .index-swiper .swiper-container .swiper-slide img{margin-left: -550px;}
.intro-img{width:100%; margin-bottom:10px; clear:both;}
.intro-txt{width:100%; text-align:center; clear:both;}
.intro-txt p{text-align:left; }
.pd60 {padding: 30px 0;}
.index-feature{ display:none;}
.kf-box{ display:none;}
}
@media screen and (max-width: 420px){
.pro li{width: 100%;padding:5px 10px;}
.banner{padding:30px 0;}
.list-news li{min-height: 90px;padding: 10px 0;}
.list-news li p{display: none;}
.list-news li h2{height: auto;max-height: 44px;}
.index-banner-bar{height:220px;}
.index-banner-bar .index-swiper .swiper-container{height:220px;}
.index-banner-bar .index-swiper .swiper-container .swiper-slide img{margin-left: -376px;}
.service-box .img-box{ width:100%; height:auto; clear:both;}
.f-22{ font-size:18px;}
}