* {    outline: none;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    -o-box-sizing: border-box;    box-sizing: border-box;}
/*******************************
	-------[=首页]-------
********************************/
/*首页公用*/
body{}
body.index{padding-top: 0;}
.g-tit01{text-align: center;}
.g-tit01 h3{margin-bottom: 5px; font-size: 26px; color: #333; background: url(../images/icon13.png) center center no-repeat;}
.g-tit01 h3 span{color: #008fd5;}
.g-tit01 em{display: block; font-size: 12px; color: #ccc; text-transform: uppercase;}
.g-more1{overflow: hidden;}
.g-more1 span{float: right; display: block; width: 26px; height: 16px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/icon20.png); -webkit-background-size: contain; background-size: contain;}
/*头部*/
.header{top: 0; left: 0; right: 0; width: 100%; z-index: 9999; background:#222;position: relative;}
.header:after,.header:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.header.fixed{box-shadow: 0 5px 10px rgba(0,0,0,.05); overflow: hidden; position:absolute;}
.header .logo{float: left; height: 90px; line-height: 90px;}
.header .logo img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.hdr{float: right;}

.menuBtn{display: none; position: relative; float: right; margin-top: 4px; width: 40px; height: 40px; padding: 5px; cursor: pointer;}
.menuBtn b{display: block; width: 100%; height: 2px; border-radius: 2px; background-color: #fff; margin: 5px 0 7px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.menuBtn.open b{position: absolute; left: 5px; top: 35%; display: none; width: 30px;}
.menuBtn.open b:first-child{display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.menuBtn.open b:last-child{display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.menu-nav{margin-top: 0; *zoom:1;}
.menu-nav:after,.menu-nav:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.menu-nav > li{float: left; position: relative;}
.menu-nav > li > a{display: block; font-size: 16px; font-weight: 600; text-align: center; height: 90px; line-height: 90px; width: 118px; color: #fff; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.menu-nav > li.on > a{color: #fff;}

.menu-nav > li > a > span{display: block; background-repeat: no-repeat; background-position: center center;text-transform:Capitalize;}
.menu-nav > li > a:after{display:block; content:''; width:100%; height:0; background: #ff6f00; position: absolute; top:0; transition: .5s; z-index:-5;}
.menu-nav > li:hover > a:after{height:100%;}
.menu-nav li dl{display: none; position: absolute; top: 100%; left: 0; right: 0; margin: 0 -17px; background-color: #f5f5f5; z-index: 999;}
.menu-nav li:hover dl{display: block;}
.menu-nav li dl:after{content: ''; position: absolute; top: 0; left: 50%; margin-left: -32px; width: 65px; height: 2px; background-color: #008fd5;}
.menu-nav li dl dd a{display: block; font-size: 16px; text-align: center; height: 67px; line-height: 67px; border-bottom: 1px solid #ccc; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.menu-nav li dl dd a:hover{color: #008fd5; border-bottom: 1px solid #008fd5;}
/*banner*/
.banner{position: relative;}
.banner .item .con{display: block; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; cursor: pointer;}
.banner .slick-dots{position: absolute; right: 10%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 9;}
.banner .slick-dots li{position: relative; margin-top: 25px; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/icon17.png); width: 35px; height: 20px; cursor: pointer;}
.banner .slick-dots li.slick-active{background-position: center top;}
.banner .slick-dots button{display: none; position: absolute; right: 100%; background-color: transparent; cursor: pointer; border-radius: 50%; border: 0; outline: 0; font-size: 22px; color: #fff; padding: 0; font-weight: 600;}
.banner .slick-dots li.slick-active button{display: block;}
.banner .back-main{display: block; position: absolute; bottom: 50px; left: 50%; margin-left: -26px; width: 52px; height: 28px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/icon4.png); -webkit-background-size: contain; background-size: contain;}
/*产品应用*/
.row-a1{overflow: hidden; padding: 90px 0;}

.m-imgtxt01{position: relative; margin: 0 -15px; overflow:hidden;}

.m-imgtxt01 .item {width:25%; float:left;}
.m-imgtxt01 .item a{display: block; margin: 0 15px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-imgtxt01 .item:hover a{box-shadow: 0 0 22px rgba(0,0,0,0.28);}
.m-imgtxt01 .item .pic{position: relative; height: 0; overflow: hidden; padding-top: 73%;}
.m-imgtxt01 .item .pic img{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.m-imgtxt01 .item .txt{padding: 20px 30px; background-color: #fff; border: 1px solid #eee;}
.m-imgtxt01 .item:hover .txt{background-color: #008fd5; border: 1px solid #008fd5;}
.m-imgtxt01 .item .txt h3{margin-bottom: 15px; height: 30px; line-height: 30px; font-size: 16px; font-weight: 400; color: #333; background-repeat: no-repeat; background-position: right center; background-image: url(../images/icon14.png); -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-imgtxt01 .item:hover .txt h3{color: #fff; background-image: url(../images/icon14-hover.png);}
.m-imgtxt01 .item .txt p{font-size: 14px; color: #999; height: 48px; line-height: 24px; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-imgtxt01 .item:hover .txt p{color: #fff;}
.m-imgtxt01 .slick-arrow{    position: absolute;    bottom: 0;    overflow: hidden;    cursor: pointer;    width: 40px;    height: 40px;    font-size: 0;    line-height: 0;    z-index: 9;    background-repeat: no-repeat;    background-position: center center; -o-background-size: auto 30px; -ms-background-size: auto 30px; -moz-background-size: auto 30px; -webkit-background-size: auto 30px; background-size: auto 30px; background-color: transparent;    border: 0;    outline: 0;    padding: 0;}

.m-imgtxt01 .slick-prev{left: 44%; background-image: url(../images/icon19.png); background-position: left center;}
.m-imgtxt01 .slick-prev:hover{background-image: url(../images/icon19-hover.png);}
.m-imgtxt01 .slick-next{right: 44%; background-image: url(../images/icon19.png); background-position: right center;}
.m-imgtxt01 .slick-next:hover{background-image: url(../images/icon19-hover.png);}
.m-imgtxt01 a.more{position: absolute; bottom: 0; left: 50%; margin-left: -20px; display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/icon15.png); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-imgtxt01 a.more:hover{background-image: url(../images/icon15-hover.png);}

/*技术方案*/
.row-a2{overflow: hidden; padding: 100px 0; background-repeat: repeat; background-position: 0 0;background-image: url(../images/bj1.jpg);}
.m-imgtxt02{padding-top: 60px; margin: 0 -15px;}
.m-imgtxt02 .item{padding: 0 15px;}
.m-imgtxt02 .item h3{text-align: center; font-size: 22px; color: #333; font-weight: 400; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-imgtxt02 .item:hover h3{color: #008fd5;}
.m-imgtxt02 .item h3 span{display: block; width: 2px; height: 59px; margin: 48px auto; background-color: #333; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-imgtxt02 .item:hover h3 span{background-color: #008fd5;}
.m-imgtxt02 .item .pic{overflow: hidden; position: relative; height: 0; padding-top: 75%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-imgtxt02 .item:hover .pic{box-shadow: 0 0 21px rgba(0,0,0,0.23);}
.m-imgtxt02 .item .pic img{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.m-imgtxt02 .item em.more{display: block; width: 50px; height: 50px; margin: 48px auto 0; background-repeat: no-repeat; background-position: center center; background-image: url(../images/icon16.png); -webkit-background-size: contain; background-size: contain; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-imgtxt02 .item:hover em.more{background-image: url(../images/icon16-hover.png);}
.m-imgtxt02 .slick-dots{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 99; font-size: 0;}
.m-imgtxt02 .slick-dots li{display: inline-block; margin: 0 5px;
}
.m-imgtxt02 .slick-dots button{background-color: #ccc; cursor: pointer; border-radius: 50%; border: 0; width: 10px; height: 10px; outline: 0; font-size: 0; padding: 0;}
.m-imgtxt02 .slick-dots li.slick-active button{background: #008fd5;}
/*晨风资讯*/
.row-a3{overflow: hidden; padding: 90px 0 50px;}
.ul-tab01{text-align: center; font-size: 0; margin-top: 40px;}
.ul-tab01 li{display: inline-block;}
.ul-tab01 li a{display: block; width: 120px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; margin: 0 15px; border-radius: 30px; background-color: #aaa; color: #fff;}
.ul-tab01 li.on a{background-color: #008fd5;}
.tab-news{height: 0; overflow: hidden;}
.tab-news.show{padding: 40px 0; height: auto; *zoom:1; overflow: visible;}
.tab-news.show:after,.tab-news.show:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.tab-news .col-l,
.tab-news .col-r{width: 50%;}
.m-news01{height: 574px; padding: 62px 85px; background-color: #f6f6f6;}
.m-news01 .tit{overflow: hidden; margin-bottom: 30px; height: 30px; line-height: 30px;}
.m-news01 .tit span.time{margin-left: 10px; float: right; font-size: 16px; color: #999; font-family: Arial;}

.m-news01 .tit h3{font-size: 22px; color: #666; font-weight: 400; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.m-news01:hover h3{color: #008fd5;}
.m-news01 p{position: relative; margin-bottom: 24px; font-size: 14px; color: #aaa; line-height: 26px; padding-left: 30px; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    overflow: hidden;}
.m-news01 p:after{content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color: #aaa;}
.m-news01 .pic{overflow: hidden; position: relative; height: 0; padding-top: 41%;}
.m-news01 .pic img{position: absolute; top: 0; left: 0; display: block; width: 100%;}
.m-news01 span.more{display: block; margin-top: 30px; padding: 0 20px; width: 154px; height: 40px; line-height: 40px; text-transform: uppercase; font-size: 14px; color: #fff; background-color: #008fd5; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-news01 span.more:hover{padding: 0 40px;}
.m-news01 span.more em{display: block; background-repeat: no-repeat; background-position: right 45%; background-image: url(../images/icon5.png);}
.ul-news01{border-top: 1px solid #f6f6f6;}
.ul-news01 li{position: relative; padding: 40px 60px; background-color: #fff; border-bottom: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.ul-news01 li:hover{box-shadow: 0 0 57px rgba(10,2,4,0.18); z-index: 3;}
.ul-news01 li .tit{overflow: hidden; margin-bottom: 20px; height: 24px; line-height: 24px;}
.ul-news01 li .tit .time{float: right; margin-left: 10px; font-size: 16px; color: #999; font-family: Arial;}
.ul-news01 li .tit h3{font-size: 18px; color: #666; font-weight: 400; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ul-news01 li:hover h3{color: #008fd5;}
.ul-news01 li p{font-size: 14px; line-height: 25px; color: #aaa; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}
.ul-news01 li .desc .time{}
.ul-news01 li .desc .time em{display: block;}

/*公司介绍*/

.row-a4{overflow: hidden; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;background-image: url(../images/bj2.jpg);}
.m-imgtxt03{overflow: hidden; position: relative; margin-top: 54px; padding: 0 0 236px 130px; background-repeat: no-repeat; background-position: left center;background-image: url(../images/icon6.png);}
.m-imgtxt03 .pic{position: absolute; top: 50px; right: 0; width: 40.5%; height: 350px;}
.m-imgtxt03 .pic img{display: block; width: 100%; height: 100%;}
.m-imgtxt03 .txt{padding: 110px 315px 132px 90px; float: left; width: 72%; background-color: #aaa;}
.m-imgtxt03 .txt .tit{margin-bottom: 40px; color: #fff;}
.m-imgtxt03 .txt .tit h3{font-size: 22px; font-weight: 400; margin-bottom: 10px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.m-imgtxt03 .txt .tit span{font-size: 12px; text-transform: uppercase;}
.m-imgtxt03 .txt p{font-size: 14px; line-height: 28px; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    overflow: hidden;    color: #fff;}
.m-imgtxt03 .txt .g-more1{margin-top: 24px; background-image: url(../images/icon7.png);}
/*合作伙伴*/
.row-a5{overflow: hidden;}

.ul-pic01{overflow: hidden; padding-top: 50px; margin: 0 -15px;}
.ul-pic01 li{float: left; width: 16.66%; padding: 0 15px; margin-bottom: 30px;}
.ul-pic01 li .pic{border: 1px solid #eee; overflow: hidden; position: relative; height: 0; padding-top: 52%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.ul-pic01 li:hover .pic{box-shadow: 0 0 21px rgba(136,136,136,0.18);}
.ul-pic01 li .pic:after{content: ''; position: absolute; top: 0; left: 0; width: 0; height: 2px; background-color: #008fd5; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.ul-pic01 li:hover .pic:after{width: 100%;}
.ul-pic01 li .pic img{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.m-pic1-sj{display: none !important; padding: 25px 0; margin: 0 -8px;}
.m-pic1-sj .item{padding: 0 8px; margin-bottom: 16px;}
.m-pic1-sj .item .pic{border: 1px solid #eee; overflow: hidden; position: relative; height: 0; padding-top: 52%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-pic1-sj .item:hover .pic{box-shadow: 0 0 21px rgba(136,136,136,0.18);}
.m-pic1-sj .item .pic:after{content: ''; position: absolute; top: 0; left: 0; width: 0; height: 2px; background-color: #008fd5; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.m-pic1-sj .item:hover .pic:after{width: 100%;}
.m-pic1-sj .item .pic img{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.m-pic1-sj .slick-dots{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 99; font-size: 0;}
.m-pic1-sj .slick-dots li{display: inline-block; margin: 0 5px;
}
.m-pic1-sj .slick-dots button{background-color: #ccc; cursor: pointer; border-radius: 50%; border: 0; width: 10px; height: 10px; outline: 0; font-size: 0; padding: 0;}
.m-pic1-sj .slick-dots li.slick-active button{width: 12px; height: 12px; background: #008fd5;}
/*******************************
	-------[=友情链接]-------
********************************/
.row-link{overflow: hidden; background-color: #008fd5; border-bottom: 1px solid #fff;}

.m-link1{padding: 20px 0;}
.m-link1 .item{overflow: hidden; color: #fff;}
.m-link1 .item:first-child{margin-bottom: 40px;}
.m-link1 .item span{float: left; font-size: 16px; margin-right: 18px; font-weight: 600;}
.ul-link1{overflow: hidden;}
.ul-link1 li{float: left;}
.ul-link1 li a{display: block; margin-right: 20px; font-size: 14px; color: #fff; height: 21px; line-height: 21px;}
.ul-link1 li a:hover{text-decoration: underline;}	
/*底部*/
.footer{background: url(../images/bj3.jpg) repeat;}

.fd-top{padding: 45px 0; overflow: hidden; border-bottom: 1px solid #4c4c4c;}

.fd-logo{float: left; width: 20%; height: 74px; line-height: 74px;}
.fd-logo img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}

.fd-nav{margin-top: 31px; float: right;}
.fd-nav li{float: left;}
.fd-nav li a{display: block; padding: 0 50px; border-right: 1px solid #888; font-size: 16px; color: #666; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.fd-nav li:last-child a{border-right: 0; padding-right: 0;}
.fd-nav li a:hover{color: #008fd5;}
.fd-txt{overflow: hidden; padding: 25px 0;}
.fd-txt li{float: left; width: 33.3%; color: #666; padding-left: 58px; background-repeat: no-repeat; background-position: left top;background-size: contain;}
.fd-txt li.li1{background-image: url(../images/icon8.png);}
.fd-txt li.li2{background-image: url(../images/icon9.png);}
.fd-txt li.li3{background-image: url(../images/icon10.png);}

.fd-txt li.li4{background-image: url(../images/icon11.png);}
.fd-txt li h3{font-size: 14px; font-weight: 400;}
.fd-txt li p{font-size: 16px; line-height: 32px;}
.fd-txt li.li1 p{font-weight: 600; font-size: 26px;}
.bdsharebuttonbox.bdshare-button-style0-16 a{background-position: 0 0; width: 25px; height: 25px; margin: 5px 14px 5px 0; line-height: 25px; padding-left: 0;}
.bdsharebuttonbox.bdshare-button-style0-16 a:hover{opacity: 1;}
.bdsharebuttonbox .bds_sqq{background-image: url(../images/qq.png);}
.bdsharebuttonbox .bds_sqq:hover{background-image: url(../images/qq-hover.png);}
.bdsharebuttonbox .bds_weixin{position: relative; background-image: url(../images/weixin.png);}

.bdsharebuttonbox .bds_weixin:hover{background-image: url(../images/weixin-hover.png);}
.bdsharebuttonbox .bds_weixin .pic{display: none; position: absolute; bottom: 0; left: -48px; width: 116px; height: 132px; padding: 16px 10px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/bj4.png); -webkit-background-size: contain; background-size: contain; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.bdsharebuttonbox .bds_weixin .pic img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.bdsharebuttonbox .bds_weixin:hover .pic{display: block; bottom: 100%;}

.bdsharebuttonbox .bds_tsina{background-image: url(../images/weibo.png);}
.bdsharebuttonbox .bds_tsina:hover{background-image: url(../images/weibo-hover.png);}
.footer .copy{padding: 17px 0; overflow: hidden; background-color: #f3f3f3;}
.footer .copy p{float: left; font-size: 12px; color: #666;}
.footer .copy p a{color: #aaa;}
.fd-link{float: right;}
.fd-link li{float: left;}
.fd-link li a{display: block; font-size: 12px; color: #666; padding: 0 7px; border-right: 1px solid #aaa; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.fd-link li:last-child a{padding-right: 0; border-right: 0;}
.fd-link li a:hover{color: #008fd5;}
/*客服*/
.kf {    width: 208px;    position: fixed;    /* right: 20px; */  right: -208px;    top: 100px;    z-index: 99999;}
.kt-top {    height: 40px;    line-height: 40px;    background: url("../images/kfimg/kefu.png") 12px center no-repeat #0482bf; -o-background-size: auto 20px; -ms-background-size: auto 20px; -moz-background-size: auto 20px; -webkit-background-size: auto 20px; background-size: auto 20px;    padding-left: 46px;    font-size: 14px;    color: #fff;}
.kt-top span:hover{      transform: rotate(90deg);}
.kt-top span {    width: 18px;    height: 16px;    float: right;    position: relative;    margin: 10px 10px 0px 0px;    cursor: pointer;    transition: 0.5s;    -webkit-transition: 0.5s;    -moz-transition: 0.5s;    -ms-transition: 0.5s;    -o-transition: 0.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; border:1px solid #eee;}
.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/kfimg/lianxi.png') 16px center no-repeat;    padding-left: 45px;    color: #666;    font-size: 14px;}
.kf .contact {    margin-top: 1px;}
.kf .contact p{    height: 26px;    line-height: 26px;    color: #666;    font-size: 14px;    padding-left: 22px;}
.kf .contact p:nth-child(2n){    padding-left: 32px;}
.kf .con h5.qr-icon{    background: url('../images/kfimg/erweima.png') 16px center no-repeat;}
.kf .con .qr{    margin-top: 10px;    padding-left: 40px;}
.kf .con .qr img{    width: 130px;    height: 130px;}
.kf .backTop{    width: 100%;    height: 40px;    background: url('../images/kfimg/huidaodingbu.png') center center no-repeat #008fd5;    background-size: 18px auto;    cursor: pointer;}
.kf-side{padding: 18px 10px 10px;    background: #008fd5;    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: normal;}
.kf-side span.arrow{width: 12px; height: 120px;    background: url('../images/kfimg/jt-1.png') no-repeat; -o-background-size: auto 120px; -ms-background-size: auto 120px; -moz-background-size: auto 120px; -webkit-background-size: auto 120px; background-size: auto 120px;    display: block;    margin-top: 10px;}
.kf-side span.on{background: url('../images/kfimg/jt-2.png') no-repeat;    -o-background-size: auto 120px;    -ms-background-size: auto 120px;    -moz-background-size: auto 120px;    -webkit-background-size: auto 120px;    background-size: auto 120px;}
/*手机底部菜单*/
.h50{display: none;}
.ftlink{display: none; overflow: hidden; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9; background-color: #fff; padding: 4px 0; box-shadow: 5px 0 10px rgba(0,0,0,.05);}
.ftlink li{float: left; width: 25%;}
.ftlink li a{display: block; text-align: center; font-size: 13px; color: #000;text-transform: capitalize;}
.ftlink li.on a,
.ftlink li:hover a{color: #008fd5;}
.ftlink li a i{display: block; width: 25px; margin: 0 auto; height: 25px; background-repeat: no-repeat; background-position: center center; -o-background-size: auto 18px; -ms-background-size: auto 18px; -moz-background-size: auto 18px; -webkit-background-size: auto 18px; background-size: auto 18px;}
.ftlink li a .i1{background-image: url(../images/sj-nav1.png);}
.ftlink li.on .i1,
.ftlink li:hover .i2{background-image: url(../images/sj-nav1-on.png);}
.ftlink li a .i2{background-image: url(../images/sj-nav2.png);}
.ftlink li.on .i2,
.ftlink li:hover .i2{background-image: url(../images/sj-nav2-on.png);}
.ftlink li a .i3{background-image: url(../images/sj-nav3.png);}
.ftlink li.on .i3,
.ftlink li:hover .i3{background-image: url(../images/sj-nav3-on.png);}
.ftlink li a .i4{background-image: url(../images/sj-nav4.png);}
.ftlink li.on .i4,
.ftlink li:hover .i4{background-image: url(../images/sj-nav4-on.png);}

/*******************************
	-------[=内页公用]-------
********************************/
.g-tit3{padding-bottom: 10px; font-size: 16px; color: #008fd5; border-bottom: 1px solid #e4e4e4;}
.g-tit3 span{font-weight: 400; color: #999; text-transform: uppercase;}
.pagination {float: left;	height: 30px;width: 100%;margin: 20px;	text-align: center;}
.pagination a,.page_num span{color: #666;margin-right: 5px;margin-left: 5px;padding-top: 8px; padding-right: 15px;padding-bottom: 8px;padding-left: 15px;	margin-top: 0px;margin-bottom: 0px;border: 1px solid #CCC;}
.pagination span{background-color: #0071bf;padding-top: 8px; padding-right: 15px;padding-bottom: 8px;padding-left: 15px;color: #FFF; text-decoration: none;margin: 0px;}
.pagination a:hover{background-color: #0071bf;color: #FFF;text-decoration: none;}
/*内页左侧*/
.g-cur{    height: 40px;    line-height: 40px;    background: #f3f3f3;}
.g-cur .wp{    background: url('../images/home.png') left center no-repeat;    padding-left: 20px;    box-sizing: border-box;}
.g-cur .wp a{   color: #2f2f2f; 
}
.g-cur .wp a:hover{    color: #008fd5;}
.row-b1{    overflow: hidden;    padding: 20px 0 56px;}
.row-b1 .col-l{width: 256px; border: 1px solid #eee; padding: 10px;}
.row-b1 .col-r{float: none; overflow: hidden;    margin-left: 280px;}
.g-titIns1{    height: 44px;    line-height: 44px;    font-size: 20px;    color: #545454;    border-bottom: 1px solid #ebebeb;    font-weight: normal;    position: relative;}
.g-titIns1::after{    content: '';    width: 80px;    height: 1px;    background: #008fd5;    position: absolute;    left: 0;    bottom: -1px;}
.snv{   padding-top: 12px;   margin-bottom: 30px;}
.snv li{    line-height: 44px;    background: url('../images/jiantou-r.png') 6px 18px no-repeat;    text-indent: 20px;    -o-background-size: auto 10px;    -ms-background-size: auto 10px;    -moz-background-size: auto 10px;    -webkit-background-size: auto 10px;    background-size: auto 10px;}
.snv li a{    display: block;    color: #000;    font-size: 14px;    border-bottom: 1px solid #f2f2f2;}
.snv>li.on>a {    color: #008fd5;}
.snv-sub{    padding-bottom: 10px;    display: none;}
.snv-sub dd{    background: url('../images/jiantou-r.png') 12px 18px no-repeat;    text-indent: 26px;    -o-background-size: auto 10px;    -ms-background-size: auto 10px;    -moz-background-size: auto 10px;    -webkit-background-size: auto 10px;    background-size: auto 10px;}
.snv-sub dd.on a{   color: #008fd5; 
}
.m-info{padding: 15px 0;}
.m-info p{line-height: 34px;    font-size: 14px;    color: #2F2F22;border-bottom: 1px dashed #dedede;}
.m-info p:last-child{border-bottom:0;}
/*内页banner]*/
.ban{    height: 359px;    -webkit-background-size: cover;    background-size: cover;    overflow: hidden;    background-repeat: no-repeat;    background-position: center center;}
/*******************************
	-------[=产品列表]-------
********************************/
.m-chanpin{margin-bottom: 30px;}
.m-chanpin .desc{padding: 10px; margin-top: 20px; line-height: 26px; text-indent: 2em; font-size: 14px; border: 1px dotted #e5e5e5; color: #868686; background-color: #f5f5f5;}
.ul-imgtxt-01 {    margin: 0 -10px;    *zoom:1;}
.ul-imgtxt-01:after,.ul-imgtxt-01:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.ul-imgtxt-01 li {    width:25%;    float: left;    margin-top: 20px;}

.ul-imgtxt-01 li a {    margin: 0 10px;    display: block;    text-align: center;}
.ul-imgtxt-01 li a .pic {    padding-top: 77%;    height: 0;    position: relative;    overflow: hidden;}
.ul-imgtxt-01 li a .pic img {    display: inline-block;    vertical-align: middle;    width: 100%;    height: 100%;    position: absolute;    left: 0;    top: 0;    transition: 1s;    -webkit-transition: 1s;    -moz-transition: 1s;    -ms-transition: 1s;    -o-transition: 1s;}
.ul-imgtxt-01 li a:hover .pic img {    transform: scale(1.08);    -webkit-transform: scale(1.08);    -moz-transform: scale(1.08);    -ms-transform: scale(1.08);    -o-transform: scale(1.08);}
.ul-imgtxt-01 li a p {    height: 50px;    line-height: 50px;    text-align: center;    font-size: 15px;    color: #666;    background-color: #f5f5f5;    font-weight: 400;    transition: .3s;    -ms-transition: .3s;    -moz-transition: .3s;    -webkit-transition: .3s;    -o-transition: .3s;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}
.ul-imgtxt-01 li a:hover {    text-decoration: none;}
.ul-imgtxt-01 li a:hover p {background-color: #008fd5;    color: #fff;}
.ul-imgtxt2{margin-top: 0;}
.ul-imgtxt2 li .pic{padding: 4px;}
.ul-imgtxt2 li a:hover{border: 0;}
.m-list3{padding: 25px 0;}
.ul-link2{overflow: hidden; margin-top: 20px;}
.ul-link2 li{float: left; margin-bottom: 20px;}
.ul-link2 li a{display: block; margin-right: 17px; font-size: 14px;}
.ul-link2 li a:hover{color: #ea042b;}
/*******************************
	-------[=产品详情]-------
********************************/
.m-list1{overflow: hidden; padding: 14px 0 25px; border-bottom: 1px dotted #a9a9a9;}
.m-pic1{float: left; width: 490px;}
.m-txt1{overflow: hidden; padding-left: 38px;}
.m-txt1 h3{font-size: 16px; padding-bottom: 9px; margin-bottom: 9px; border-bottom: 1px dotted #a9a9a9;}
.m-txt1 .txt{margin-right: 100px;}
.m-txt1 .txt p{line-height: 28px; margin-bottom: 10px; font-size: 14px; color: #2f2f2f;}

.m-txt1 .btn{display: block; width: 150px; height: 35px; line-height: 35px; padding-left: 15px; background-color: #008fd5; color: #fff; cursor: pointer;}
.m-txt1 .btn:hover{background-color: #444;}
.m-txt1 .btn span{display: block; padding-left: 15px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/btn-r.png);}

.m-txt2{margin-top: 25px;}
.m-txt2 p{font-size: 14px; line-height: 26px; margin-bottom: 10px;}

.ul-pages1{overflow: hidden; margin: 20px 0 50px;border-top: 1px solid #eee; height: 40px;  line-height: 40px;}
.ul-pages1 li{float: left; font-size: 14px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ul-pages1 li:last-child{float: right;}

.ul-pages1 li a{color: #337AB7; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.ul-pages1 li a:hover{color: #008fd5;}
.m-list3{padding: 25px 0;}
.ul-link2{overflow: hidden; margin-top: 20px;}
.ul-link2 li{float: left; margin-bottom: 20px;}
.ul-link2 li a{display: block; margin-right: 17px; font-size: 14px;}
.ul-link2 li a:hover{color: #008fd5;}
/* 放大镜 */


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;}

.showcase {margin-bottom: 30px;}

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.zoomDiv img{max-width: none;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.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;}


.m_pic_showpic {    display: none;}
.m_showpic img {    display: block;    max-width: 100%;}
/*产品详情图片*/
.pc-slide {    width: 100%;    margin: 0 auto;}
.m-pic1 .view .swiper-slide{    padding: 0 2px;}
.view .swiper-slide .imgauto {    width: 100%;    height: 350px;    line-height: 350px;}
.view .swiper-container {    width: 100%;}

.preview {    width: 100%;    margin-top: 10px;    position: relative;}

.preview .swiper-container {    width: 80%;    margin: 0 10%;}

.preview .swiper-slide {    width: 25%;    padding: 5px;}
.preview .swiper-slide .imgauto {width: 100%; height: 80px; line-height: 80px; border: 1px solid #ddd; text-align: center; cursor: pointer;}
.preview .swiper-slide .imgauto img {display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; padding: 5px;}

.preview .slide6 {    width: 82px;}

.preview .arrow-left {    background: url(../images/feel3.png) no-repeat left top;    position: absolute;    left: 10px;    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: 10px;    top: 50%;    margin-top: -9px;    width: 9px;    height: 18px;    z-index: 10;}

.preview img {    padding: 1px;}

.preview .active-nav .imgauto {    border: 1px solid #008fd5;}

.clearfix {    *zoom: 1;}

.clearfix:after {    content: " ";    display: block;    height: 0;    clear: both;    visibility: hidden;}

.work_list {width: 100%; padding-top: 12px; margin-bottom: 20px;}
.work_list h3 {line-height: 44px;    background: url(../images/jiantou-r.png) 95% center no-repeat;    text-indent: 20px;    background-size: auto 10px;    border-bottom: 1px solid #f2f2f2;    width: 100%;    float: left;}
.work_list h3 a {float: left; line-height: 44px;    color: #666; font-size: 14px;    text-indent: 0; padding-left: 5px; font-weight: normal;display: block;  width: 100%;}
.work_list h3:hover a{color:#0482bf; font-weight:bold;}
.work_list h3.on a {font-weight: bold;}
.work_list h3 span {}

.work_list ul {display: none; float: left; width: 100%;}
.work_list li {background: url(../images/jiantou-r.png) 18px 15px no-repeat;    text-indent: 26px;    display: block;    border-bottom: 1px solid #f2f2f2;    width: 100%;    line-height: 42px;    background-size: 5px;}
.work_list li a {    display: block;    color: #666;    font-size: 14px;    text-indent: 0;    padding-left: 30px;}
/*******************************
	-------[=关于我们]-------
********************************/
.m-content .txt{padding: 15px 0; line-height: 28px;    color: #2F2F2F;    font-size: 14px;}
/*******************************
	-------[=新闻列表]-------
********************************/

.ul-newslist{overflow: hidden;   padding: 20px 0;;}
.ul-newslist li{    font-size: 14px;    padding: 14px 0;    border-bottom: #dddddd 1px dotted;
}
.ul-newslist li a{display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ul-newslist li .tit{    overflow: hidden;    margin-bottom: 20px;}
.ul-newslist li .tit .time{    float: right;    font-size: 14px;    margin-left: 10px;}
.ul-news1 li .tit .time{font-size: 12px; margin-top: 2px;
}
.ul-newslist li .tit a{    display: block;    font-size: 16px;    background: url('../images/news-r.png') left center no-repeat;    padding-left: 14px;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}
.ul-newslist li a:hover{     color: #008fd5;}
.ul-newslist li .txt p{    font-size: 14px;    line-height: 24px;    display: -webkit-box;       -webkit-box-orient: vertical;       -webkit-line-clamp: 2;       overflow: hidden;}
/*******************************
	-------[=新闻详情]-------
********************************/
.m-news1{padding-top: 20px;}
.m-news1 h1{    height: 34px;    line-height: 34px;    color: #434343;    margin-bottom: 15px;    text-align: center;    font-size: 16px;}
.m-news1 .desc{text-align: center;}
.m-news1.desc span{display: inline-block; font-size: 14px; margin: 0 10px;}
.m-news1 .txt{padding: 15px 0; line-height: 28px;    color: #2F2F2F;    font-size: 14px;}
.m-txt3{    margin-top: 10px;}
.m-txt3 .link{    padding-left: 20px;    margin-bottom: 15px;    height: 36px;    line-height: 36px;    color: #868686;    font-size: 14px;    background-color: #f5f5f5;    border: 1px dotted #e5e5e5;}
.m-txt3 .link a{    color: #868686;}
.m-txt3 .link a:hover{    color: #008fd5;}
.m-txt3 .tabel{    overflow: hidden;    color: #5a5a5a;    border-top: 1px dashed #999;    border-bottom: 1px dashed #999;    font-size: 14px;    
}
.m-txt3 .tabel span{    float: left;    height: 42px;    line-height: 42px;    margin-right: 10px;}
.m-txt3 .tabel ul{    overflow: hidden;}
.m-txt3 .tabel li{    float: left;}
.m-txt3 .tabel li a{    display: block;    margin-right: 10px;    height: 42px;    line-height: 42px;}
.m-txt3 .tabel li a:hover{    color: #008fd5;}
.ul-news1 li{float: left; width: 50%;}
.ul-news1 li a{font-weight: 400;}
.ul-news1 li .tit{margin: 0 10px;}
/*******************************
	-------[=留言反馈]-------
********************************/

#message .m-content .m-message{    width:90%;    padding:20px;  }
#message .m-content{  margin-top:1rem;  }

.m-message label.code span {  float:left;  }
.m-message label.code input {  float:left;  }
.m-message label.code img {  float:left;  }

#message {position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; transform: scale(0); transition: .3s;}
.messagebg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1001;}
#message .m-content {margin-top: 10%;}
#message .m-content .m-message{background: #fff; width: 580px;    background: #fff;    padding: 50px; 
    margin: 0 auto;    position: relative;    z-index: 1002;    box-shadow: 1px 1px 50px rgba(0,0,0,.3);    max-width: none;}
.m-message{    max-width: 494px;    margin: 48px auto 0;}
.m-message label{    margin-bottom: 15px;    display: block;    font-size: 14px;}
.m-message label em{    display: block;    float: right;    color: red;    height: 32px;    line-height: 32px;}
.m-message label span{    width: 70px;    height: 34px;    line-height: 34px;    color: #2F2F2F;    float: left;    font-weight: bold;    text-align: right;    margin-right: 30px;    display: inline-block;}

.m-message label input.inp,.m-message label textarea,.m-message label.code input{    width: 77%;    overflow: hidden;    height: 32px;    line-height: 32px;    border: #cccccc 1px solid;    border-radius: 3px;    padding:0 14px;    box-sizing: border-box;    color: #555;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);  	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus{    border-color: #66afe9;  	outline: 0;  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 2, 8, .6);    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 2, 8, .6);}
.m-message label textarea{    height: 72px;    line-height: 24px;    padding:10px 14px;}
.m-message label.code{    line-height: 34px;}
.m-message label.code input{    width: 30%;    float: left;    margin-right: 30px;}
.m-message label.code .pic {    display: inline-block;    vertical-align: top;    width: 80px;    height: 32px;}
.m-message label.code img{    display: block;    width: 100%;    height: 100%;}
.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: #008fd5;    color: #fff;}
.btn-1 input.focus:hover{    background: #444;}
.btn-1 input:hover{    background: #ccc;}
/*******************************
	-------[=案例详情]-------
********************************/
.m-list2{margin-top: 30px; padding:26px 10px 10px; border: 1px solid #ddd; background-color: #f0f0f0;}
.m-list2 .con{margin-bottom: 10px; padding: 15px; background-color: #fff; border: 1px solid #ddd;}
.m-list2 .box{padding: 26px 20px; background-color: #fff; border: 1px solid #ddd;}
.m-list2 .con .pic{height: 450px; line-height: 450px; overflow: hidden; text-align: center;}
.m-list2 .con .pic img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.m-list2 .box .txt{
}
.m-list2 .box .txt h3{margin-bottom: 30px; font-size: 22px; color: #008fd5;}
.ul-txt-01{overflow: hidden; padding-left: 23px; background: url(../images/source.gif) left center no-repeat;}
.ul-txt-01 li{float: left; margin-right: 4px; font-size: 14px; color: #505050; font-family: 'microsoft yahei',Verdana, Arial;}
.ul-txt-01 li a{font-size: 12px;}
.ul-txt-01 li a:hover{color: #008fd5;}
.bd_weixin_popup{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box;}