@font-face
{font-family: PingFang;
src: url('PingFangMedium.otf')}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,span,em,i{margin:0;padding:0;color:inherit;line-height: inherit;font-family: 'PingFang',"microsoft yahei";}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;font-size:inherit;}
*{box-sizing:border-box;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{width: 1200px;margin:0 auto;}
:hover{transition: all .2s;}
.bold{font-weight: bold;}
.center{text-align: center!important;}
.img{width: 100%;display: block;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{border:none;}
.img_hover_wrap{overflow: hidden;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.bg_f4{background: #f4f5f9!important;}
.bg_f9{background: #f9fafc!important;}
.bg_f6{background: #f6f7fb!important;}
.hoverbg:hover{background: #333b42!important;}
/*新闻中心*/
.head{background: #fff;}
.hd_t{padding:20px 0;}
.hd_logo{}
.hd_logo .img{height: 70px;width: auto;}
.hd_sear{width: 505px;height: 40px;border:1px solid #0a6abf;margin-left: 80px;margin-top: 15px;}
.hd_sear .ipt_txt{width: 310px;float: left;font-size: 14px;color: #444;padding:0 15px;line-height: 38px;}
.hd_sear .submit{font-size: 15px;color: #fff;width: 95px;height: 40px;line-height: 40px;background: #0a6abf;float: right;border:none;cursor: pointer;}

.hd_tel{background: url(../images/icon_01.png) no-repeat left center;background-size:36px;padding-left: 45px;margin-top: 10px;}
.hd_tel .fz{font-size: 16px;color: #666666;}
.hd_tel .wz{font-size: 20px;color: #0a6abf;}

.hd_b{border-top:1px solid #efefef;position:relative;}
.hd_nav{display: block;font-size: 0;}
.hd_nav li{display: inline-block;vertical-align: middle;margin-right: 55px;}
.hd_nav li>a{font-size: 16px;color: #333333;display: block;line-height: 75px;position:relative;}
.hd_nav li:hover>a,.hd_nav li.cur>a{color: #0a6abf;}
.hd_nav li>a:after{content:'';position:absolute;left: 50%;bottom: 18px;width: 0;height: 2px;background: #0a6abf;transition: all .3s;}
.hd_nav li:hover>a:after,.hd_nav li.cur>a:after{width: 22px;margin-left: -11px;}

.hd_nav li.has>a:before{content:'';position:absolute;left: 50%;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #0a6abf transparent;margin-left: -5px;display: none;}
.hd_nav li.has:hover>a:before{display: block;}

.hd_nav li:hover .drop{display: block;}
.hd_nav .drop{position:absolute;width: 100%;left: 0;padding:30px 0;background: #fff;z-index:100;border-top:1px solid #0a6abf;display: none;}
.hd_nav .drop_box{width: 1200px;margin:0 auto;}
.hd_nav .drop .list{margin-left: -18px;}
.hd_nav .drop .grp{width: 170px;float: left;margin-left: 18px;}
.hd_nav .drop .tp{width: 170px;height: 100px;}
.hd_nav .drop .title{font-size: 14px;color: #333333;margin-top: 10px;text-align: center;}
.hd_nav .drop .grp:hover .title{color: #0a6abf;}


.hd_qq{display: block;font-size: 14px;color: #fff;width: 100px;line-height: 32px;height: 32px;border-radius:3px;text-align: center;background: #0a6abf;margin-top: 22px;}
.hd_qq:before{content:'';display: inline-block;vertical-align: middle;margin-right: 5px;width: 12px;height: 15px;background: url(../images/icon_02.png) no-repeat center;background-size:contain;}

.banner{position:relative;}
.banner .img{width: 100%;display: block;}
.banner .shade{position:absolute;width: 100%;left: 0;top: 50%;text-align: center;margin-top: -50px;}
.banner .cn{font-size: 60px;color: #fff;line-height: 60px;}
.banner .en{font-size: 18px;color: #fff;text-transform: uppercase;margin-top: 20px;}

.crumb{padding:10px 0;font-size: 14px;color: #333333;line-height: 30px;}
.crumb a:hover{color: #0a6abf;}
.crumb span{color: #0a6abf;}
.crumb:before{content:'';display: inline-block;vertical-align: middle;margin-right: 5px;width: 16px;height: 16px;background: url(../images/xw_02.png) no-repeat center;background-size:contain;}

.xw_main{padding:30px 0 60px;}
.xw_menu{height: 50px;box-shadow:0 1px 20px rgba(162,162,162,.1);border-radius:4px;text-align: center;margin-bottom: 30px;}
.xw_menu .lk{display: block;float: left;width: 50%;}
.xw_menu .lk em{font-size: 16px;color: #666666;line-height: 50px;cursor: pointer;}
.xw_menu .lk:hover em,.xw_menu .lk.cur em{color: #0a6abf;}

.xw_list{margin-left: -22px;}
.xw_list .item{float: left;box-shadow:0 1px 20px rgba(162,162,162,.15);border-radius:8px;overflow: hidden;width: 385px;margin:0 0 30px 22px;}
.xw_list .imgbox{overflow: hidden;}
.xw_list .img{width: 100%;height: 220px;}
.xw_list .info{padding:13px 12px 15px;}
.xw_list .title{font-size: 16px;color: #333333;font-weight: bold;}
.xw_list .txt{font-size: 14px;color: #999999;line-height: 24px;-webkit-line-clamp: 3;height: 72px;margin-top: 5px;}
.xw_list .bot{margin-top: 15px;}
.xw_list .tag{font-size: 14px;color: #0a6abf;line-height: 26px;display: inline-block;vertical-align: middle;padding:0 8px;background: #e6f0f8;border-radius:2px;}
.xw_list .date{font-size: 14px;color: #999999;line-height: 26px;}
.xw_list .item:hover .title{color: #0a6abf;}
.xw_list .item:hover{box-shadow:0 1px 20px rgba(162,162,162,.35);}                                                                                                      

.pagelist{margin-top: 30px;text-align: center;line-height: 28px;}
.pagelist li{display: inline-block;vertical-align: middle;width: 30px;height: 30px;margin:0 5px;}
.pagelist li a{display: block;font-size: 14px;color: #999999;border-radius:3px;border:1px solid #ddd;}
.pagelist .prev,.pagelist .next{display: inline-block;vertical-align: middle;border-radius:3px;border:1px solid #ddd;width: 75px;font-size: 14px;color: #999999;margin:0 5px;cursor: pointer;}
.pagelist li.active a,.pagelist li:hover a,.pagelist .prev:hover,.pagelist .next:hover{color: #0a6abf;border-color:#0a6abf;}


.hot_pro{padding:50px 0;background: #fff;}
.hot_pro .detail{margin-left: -20px;position:relative;}
.hot_pro .item{float: left;width: 285px;margin-left: 20px;}
.hot_pro .item .imgbox{overflow: hidden;display: block;}
.hot_pro .item .img{width: 100%;height: 190px;border-radius:8px;}
.hot_pro .item .title{font-size: 16px;color: #333333;font-weight: bold;margin-top: 15px;margin-bottom: 10px;}
.hot_pro .item .more{font-size: 12px;color: #5d5d5d;}
.hot_pro .item:hover .title{color: #0a6abf;}
.hot_pro .item .more:hover{text-decoration: underline;color: #0a6abf;}

.hot_pro .anniu{display: block;position:absolute;width: 38px;height: 28px;top: -55px;cursor: pointer;}
.hot_pro .prev{background: url(../images/xw_11.png) no-repeat center;background-size:contain;right: 45px;}
.hot_pro .next{background: url(../images/xw_12.png) no-repeat center;background-size:contain;right: 0;}
.hot_pro .prev:hover{background: url(../images/xw_11-1.png) no-repeat center;background-size:contain;}
.hot_pro .next:hover{background: url(../images/xw_12-1.png) no-repeat center;background-size:contain;}


.pub_tit{line-height: 30px;margin-bottom: 25px;}
.pub_tit .bt{font-size: 20px;color: #333333;font-weight: bold;position:relative;}
.pub_tit .bt:before{content:'';display: inline-block;vertical-align: middle;margin-right: 10px;width: 6px;height: 20px;border-radius:3px;background: #0a6abf;}

.ft_link{padding:30px 0;background: #fff;}
.ft_link .lks{margin-left: -20px;font-size: 12px;color:rgba(51,51,51,.5);}
.ft_link .lks a{font-size: 14px;color:rgba(51,51,51,.7);display: inline-block;vertical-align: middle;padding:0 20px;}
.ft_link .lks a:hover{color: #333;text-decoration: underline;}

.foot{background: url(../images/ft_04.jpg) no-repeat center;background-size:cover;}
.ft_t{padding:40px 0;}
.ft_logo{display: block;margin-bottom: 35px;width: 340px;}
.ft_col{min-width: 180px;padding-right: 15px;max-width:360px;}
.ft_col .tit{font-size: 16px;color: #fff;margin-bottom: 20px;}
.ft_col .lks{}
.ft_col .lk{display: block;font-size: 14px;color: rgba(255,255,255,.36);line-height: 30px;}
.ft_col .lk:hover{color: #fff;}
.ft_col .tel{font-size: 25px;color: #fff;font-weight: bold;margin-bottom: 5px;}
.ft_col .wz{font-size: 14px;color: rgba(255,255,255,.36);line-height: 30px;}
.ft_vx{}
.ft_vx .pic{width: 180px;}
.ft_vx .fz{font-size: 14px;color: rgba(255,255,255,.36);margin-top: 10px;text-align: center;}
.ft_b{font-size: 14px;color: rgba(255,255,255,.36);line-height: 25px;padding:15px 0;border-top:1px solid #3e4449;text-align: center;}

/*联系我们*/
.lx_top{padding:45px 0 70px;}
.lx_list{}
.lx_list .item{width: 20%;text-align: center;float: left;}
.lx_list .icon{width: 40px;display: block;margin:0 auto;transition: all .3s;}
.lx_list .tit{font-size: 18px;color: #333333;font-weight: bold;margin-top:20px;}
.lx_list .fz{font-size: 14px;color: #333333;margin-top: 10px;}
.lx_list .item:hover .icon{transform: scale(1.05,1.05);}

.lx_map{margin-top: 60px;}

.lx_bot{padding:50px 0 40px;background: #f8f9fb;}
.lx_bot .list{}
.lx_bot .list .item{margin-bottom: 30px;}
.lx_bot .list .icon{width: 70px;display: block;float: left;}
.lx_bot .list .info{margin-left: 85px;}
.lx_bot .list .tit{font-size: 18px;color: #333333;font-weight: bold;}
.lx_bot .list .txt{font-size: 16px;color: #333333;margin-top: 10px;}

/*产品列表*/
.pro_titbox{margin-bottom: 25px;}
.pro_titbox .title{font-size: 26px;color: #333333;font-weight: bold;line-height: 30px;}
.pro_titbox .more{font-size: 14px;color: #999999;font-weight: normal;}
.pro_titbox .more:hover{color: #0a6abf;text-decoration: underline;}
.pro_titbox .en{font-size: 16px;color: #999999;margin-top: 5px;text-transform: uppercase;}

.pro_hot{padding:30px 0 60px;}
.pro_hot .list{margin-left: -22px;}
.pro_hot .list .item{float: left;margin-left: 22px;border-radius:8px;overflow: hidden;width: 385px;box-shadow:0 1px 20px rgba(162,162,162,.15);}
.pro_hot .list .imgbox{display: block;overflow: hidden;position:relative;}
.pro_hot .list .img{width: 100%;display: block;height: 230px;transition: all 1s;}
.pro_hot .list .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/pro_05.png) no-repeat center;background-size:cover;}
.pro_hot .list .title{font-size: 20px;color: #fff;text-align: center;position:absolute;width: 100%;left: 0;bottom: 10px;padding:0 15px;}
.pro_hot .list .item:hover .img{transform: scale(1.1,1.1);}

.pro_hot .list .info{padding:15px 15px 0;}
.pro_hot .list .txt{font-size: 14px;color: #333333;line-height: 24px;-webkit-line-clamp: 2;height: 48px;}
.pro_hot .list .bot{padding:15px 0;border-top:1px solid #efefef;margin-top: 15px;}
.pro_hot .list .num{display: inline-block;vertical-align: middle;width: 22px;height: 25px;background: url(../images/pro_06.png) no-repeat center;background-size:contain;font-size: 14px;color: #fff;line-height: 18px;text-align: center;margin-right: 3px;}
.pro_hot .list .tags{font-size: 14px;color: #333333;display: inline-block;vertical-align: middle;width: 320px;}
.pro_hot .list .tags em{display: inline-block;vertical-align: middle;padding:0 10px;min-width:98px;text-align: center;}

.pro_hot .list .item:nth-child(2) .num{background-image: url(../images/pro_07.png);}
.pro_hot .list .item:nth-child(3) .num{background-image: url(../images/pro_08.png);}
.pro_hot .list .item:hover{box-shadow:0 1px 20px rgba(162,162,162,.3);}

.pro_sec{padding:50px 0 20px;}
.pro_list{margin-left: -20px;}
.pro_list .item{float: left;margin:0 0 30px 20px;border-radius:8px;overflow: hidden;width: 285px;box-shadow:0 1px 20px rgba(162,162,162,.1);}
.pro_list .imgbox{display: block;overflow: hidden;position:relative;}
.pro_list .img{width: 100%;display: block;height: 180px;transition: all 1s;}
.pro_list .num{position:absolute;font-size: 16px;color: #0a6abf;left: 10px;top: 0;line-height: 30px;text-align: center;width: 35px;height: 38px;display: block;background: url(../images/pro_15.png) no-repeat center;background-size:contain;font-size: 16px;color: #0a6abf;}
.pro_list .info{padding:15px 15px;}
.pro_list .title{display: block;font-size: 18px;color: #333333;font-weight: bold;}
.pro_list .txt{font-size: 14px;color: #333333;line-height: 24px;height: 48px;margin-top: 5px;}
.pro_list .item:nth-child(1) .num{background-image: url(../images/pro_12.png);color: #fff;}
.pro_list .item:nth-child(2) .num{background-image: url(../images/pro_13.png);color: #fff;}
.pro_list .item:nth-child(3) .num{background-image: url(../images/pro_14.png);color: #fff;}
.pro_list .item:hover .title{color: #0a6abf;}
.pro_list .item:hover{box-shadow:0 1px 20px rgba(162,162,162,.3);}
.pro_list .item:hover .img{transform: scale(1.05,1.05);}

.pro_recom{padding:40px 0 10px;}
.pro_recom .list{margin-left: -22px;margin-bottom: 25px;}
.pro_recom .list .item{position:relative;margin-left: 22px;float: left;border-radius:6px;overflow: hidden;}
.pro_recom .list .img{width: 100%;display: block;height: 240px;transition: all 1s;}
.pro_recom .list .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/pro_05.png) no-repeat center;background-size:cover;}
.pro_recom .list .title{font-size: 20px;color: #fff;position:absolute;width: 100%;left: 0;bottom: 15px;padding:0 15px;}
.pro_recom .list_t .item{width: 385px;}
.pro_recom .list_b .item{width:283px;}
.pro_recom .list .item:hover .img{transform: scale(1.1,1.1);}

/*产品列表展示*/
.pro_main{padding:30px 0;}
.pro_menu{font-size: 0;text-align: center;margin-top: 30px;margin-bottom: 50px;}
.pro_menu .lk{display: inline-block;vertical-align: middle;font-size: 16px;color: #999999;min-width:140px;text-align: center;line-height: 38px;border-radius:4px;border:1px solid #ddd;margin:0 25px;}
.pro_menu .lk:hover,.pro_menu .lk.cur{color: #fff;background: #0a6abf;border-color:#0a6abf;}

/*公司介绍*/
.us_intro{margin:70px 0 80px;}
.us_intro .imgbox{border-radius:4px;background: #dae9f5;float: left;margin-left: 10px;width: 400px;height: 415px;}
.us_intro .img{display: block;margin:-10px 0 0 -10px;border-radius:4px;width: 400px;height: 415px;}
.us_intro .info{margin-left: 490px;}
.us_intro .title{font-size: 18px;color: #333333;font-weight: bold;}
.us_intro .smtit{font-size: 24px;color: #999999;margin-top: 5px;text-transform: uppercase;}
.us_intro .txt{font-size: 16px;color: #333333;line-height: 30px;margin-top: 20px;height: 340px;position:relative;}
.us_intro .txt p{margin-bottom: 20px;}
.us_intro .txt:after{content:'';position:absolute;right: 0;bottom: 0;width: 50px;height: 50px;background: url(../images/us_03.png) no-repeat center;background-size:contain;}

.us_pics{}
.us_pics .detail{margin-left: -10px;}
.us_pics .col{margin-left: 10px;}
.us_pics .col li{margin-bottom: 10px;}
.us_pics .col .img{width: 100%;display: block;border-radius:8px;}

.us_pics .col_1{width: 610px;}
.us_pics .col_1 .img{height: 360px;}
.us_pics .col_1 li:last-child .img{height: 240px;}
.us_pics .col_2{width: 235px;}
.us_pics .col_2 .img{height: 300px;}
.us_pics .col_3{width: 330px;}
.us_pics .col_3 .img{height: 180px;}
.us_pics .col_3 li:last-child .img{height: 290px;}

.us_pics .titbox{background: url(../images/us_08.jpg) no-repeat center;background-size:cover;height: 120px;border-radius:8px;padding-top: 25px;text-align: center;}
.us_pics .titbox .tit{font-size: 30px;color: #fff;}
.us_pics .titbox .smtit{font-size: 18px;color: #fff;text-transform: uppercase;}

.us_pro{padding:60px 0 90px;margin-top: 110px;}

.us_titbox .en{text-align: center;font-size: 40px;color: #333333;text-transform: uppercase;position:relative;letter-spacing: 4px;}
.us_titbox .en:before,.us_titbox .en:after{content:'';display: inline-block;vertical-align: middle;width: 58px;height: 1px;background: #ddd;margin:0 30px;}
.us_titbox .cn{font-size: 26px;color: #0a6abf;margin-top: 10px;text-align: center;}

.us_pro .list{margin-left: -35px;margin-top: 50px;}
.us_pro .list .item{width: 375px;height: 365px;float: left;margin-left: 35px;border-radius:8px;background: #fff;padding:80px 65px 0;position:relative;overflow: hidden;background: url(../images/us_18.jpg) no-repeat center top;background-size:cover;}
.us_pro .list .icon{height: 70px;width: auto;display: block;margin:0 auto;transition: all .3s;}
.us_pro .list .title{font-size: 20px;color: #333333;text-align: center;margin-top: 30px;font-weight: bold;}
.us_pro .list .txt{font-size: 14px;color: #999999;line-height: 24px;margin-top: 20px;}
.us_pro .list .item:before{content:'';position:absolute;left: 0;top: 0;height: 5px;background: #0a6abf;display: block;width: 100%;}
.us_pro .list .item:hover .icon{transform: scale(1.05,1.05)}

.us_factory{padding:90px 0 30px;}
.us_factory .detail{margin-top: 65px;position:relative;}
.us_factory .picmarquee{width: 1200px;overflow: hidden;}
.us_factory .item{width: 480px;margin-right: 30px;float: left;}
.us_factory .item .img{width: 100%;height: 350px;border-radius:4px;display: block;}
.us_factory .anniu{width: 35px;height: 50px;display: block;position:absolute;top: 50%;margin-top: -25px;cursor: pointer;}
.us_factory .prev{background: url(../images/us_16.png) no-repeat center;background-size:cover;left: -80px;}
.us_factory .next{background: url(../images/us_17.png) no-repeat center;background-size:cover;right: -80px;}
.us_factory .prev:hover{background: url(../images/us_16-1.png) no-repeat center;background-size:cover;}
.us_factory .next:hover{background: url(../images/us_17-1.png) no-repeat center;background-size:cover;}

/*新闻详情*/
.xw_det{box-shadow:0 1px 20px rgba(162,162,162,.15);padding:0 30px;}
.xw_det .topbox{padding:25px 0 20px;border-bottom:1px dashed #e5e5e5;}
.xw_det .title{font-size: 24px;color: #0a6abf;font-weight: bold;}
.xw_det .smbox{line-height: 30px;margin-top: 15px;}
.xw_det .smbox .icon{font-size: 14px;color: #888888;min-width:120px;display: inline-block;vertical-align: middle;}
.xw_det .smbox .read{background: url(../images/xw_13.png) no-repeat left center;background-size:17px;padding-left: 25px;}
.xw_det .smbox .date{background: url(../images/xw_14.png) no-repeat left center;background-size:17px;padding-left: 25px;}
.xw_det .sharebox{font-size: 14px;color: #888888;}


.xw_det .brief{font-size: 14px;color: #516483;line-height: 30px;padding:15px 25px;background: #f8fafe;margin-top: 35px;}

.xw_det .editbox{font-size: 14px;color: #333333;line-height: 30px;padding:30px 0;}


.pagenav{box-shadow:0 1px 20px rgba(162,162,162,.15);padding:25px 30px;line-height: 30px;margin-top: 8px;}
.pagenav li{width: 48%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 14px;color: #666666;}
.pagenav .prev{float: left;background: url(../images/xw_16.png) no-repeat 1% center;background-size:20px;padding-left: 34px;}
.pagenav .next{float: right;background: url(../images/xw_17.png) no-repeat 99% center;background-size:20px;padding-right: 34px;text-align: right;}
.pagenav li:hover{color: #0a6abf;font-weight: bold;}
.pagenav .prev:hover{background-image: url(../images/xw_16-1.png)}
.pagenav .next:hover{background-image: url(../images/xw_17-1.png)}


.xw_arc{padding:35px 0 0;}
.xw_arc .list{margin-left: -3%;}
.xw_arc .list .item{margin-bottom: 20px;width: 30.3%;margin-left: 3%;float: left;}
.xw_arc .list .imgbox{display: block;float: left;overflow: hidden;border-radius:5px;width: 130px;}
.xw_arc .list .img{width: 100%;height: 86px;display: block;}
.xw_arc .list .info{margin-left: 145px;padding-top: 5px;}
.xw_arc .list .title{font-size: 16px;color: #333333;font-weight: bold;display: block;}
.xw_arc .list .date{font-size: 14px;color: #999999;margin-top: 7px;margin-bottom: 10px;}
.xw_arc .list .more{font-size: 12px;color: #5d5d5d;}
.xw_arc .list .item:hover .title{color: #0a6abf;}
.xw_arc .list .more:hover{color: #0a6abf;text-decoration: underline;}

/*视频列表*/
.sp_slide{padding:50px 0 40px;}
.sp_slide .swiper-container{}
.sp_slide .swiper-slide{/*width: 660px;*//*height: 370px;*/}
.sp_slide .swiper-slide-active{margin-top: -5px;}

.sp_slide .swiper-slide .imgbox .img{transform: scale(0.85,0.85);width: 660px;height: 370px;}
.sp_slide .swiper-slide .img{float: left;}
.sp_slide .swiper-slide-active .imgbox .img{transform: scale(1.0,1.0);}

.sp_slide .swiper-pagination{text-align: center;margin-top: 40px;position:static;}
.sp_slide .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;margin:0 7px;background: #b8b8ba;}
.sp_slide .swiper-pagination-bullet-active{background: #0a6abf;width: 25px;border-radius:10px;}
.sp_slide .title{font-size: 18px;color: #333333;font-weight: bold;margin-top: 15px;display: none;}
.sp_slide .title:before{content:'';display: inline-block;margin-right: 15px;width: 10px;height: 2px;background: #0a6abf;vertical-align: middle;}
.sp_slide .imgbox{position:relative;}
.sp_slide .img{width: 100%;display: block;border-radius:10px;}
.sp_slide .icon{position:absolute;left: 50%;top: 50%;display: block;width: 88px;height: 88px;background: url(../images/sp_15.png) no-repeat center;background-size:cover;margin-left: -44px;margin-top: -44px;}
.sp_slide .swiper-slide-active .title{display: block;}


.sp_main{padding:60px 0 70px;}
.sp_list{padding-bottom: 20px;}
.sp_list .item{padding: 20px;border-radius:2px;}
.sp_list .imgbox{overflow: hidden;display: block;float: left;border-radius:4px;width: 300px;position:relative;}
.sp_list .imgbox .img{width: 100%;height: 190px;display: block;}
.sp_list .imgbox .icon{width: 54px;height: 54px;background: url(../images/sp_07.png) no-repeat center;background-size:contain;display: block;position:absolute;left: 50%;top: 50%;margin-left: -27px;margin-top: -27px;}
.sp_list .info{margin-left: 340px;padding-top: 10px;}
.sp_list .title{font-size: 18px;color: #333333;font-weight: bold;display: block;}
.sp_list .title.hot:after{background: url(../images/sp_06.png) no-repeat center;background-size:contain;content:'';width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin-left: 8px;}
.sp_list .tags{margin-top: 15px;}
.sp_list .tg{display: inline-block;vertical-align: middle;padding:0 12px;font-size: 14px;color: #0a6abf;line-height: 26px;background: #e6f0f8;border-radius:2px;margin-right: 5px;}
.sp_list .tg_1{}
.sp_list .tg_2{color: #44a03d;background: #ecf5eb;}
.sp_list .tg_3{color: #ff9600;background: #fff4e5;}
.sp_list .txt{font-size: 14px;color: #333333;line-height: 24px;-webkit-line-clamp: 2;height: 48px;margin-top: 15px;}
.sp_list .bot{line-height: 30px;font-size: 14px;color: #999999;text-align: right;margin-top: 15px;}
.sp_list .date{float: left;}
.sp_list .ico{min-width:75px;display: inline-block;vertical-align: middle;text-align: left;}
.sp_list .read{background: url(../images/sp_08.png) no-repeat left center;background-size:19px;padding-left: 25px;}
.sp_list .thumb{background: url(../images/sp_09.png) no-repeat left center;background-size:19px;padding-left: 25px;cursor: pointer;}
.sp_list .thumb.checked{background-image: url(../images/sp_09-1.png);color: #0a6abf;}
.sp_list .item:hover{background: #f9fafc;}
.sp_list .item:hover .title{color: #0a6abf;}

.sp_recom{padding:45px 0 55px;}
.sp_recom .list{box-shadow:0 6px 30px rgba(85,85,85,.1);position:relative;}
.sp_recom .list .item{width: 50%;float: left;}
.sp_recom .list .imgbox{width: 50%;position:relative;float: left;overflow: hidden;}
.sp_recom .list .img{width: 100%;display: block;height: 240px;transition: all 1s;}
.sp_recom .list .icon{position:absolute;left: 50%;top: 50%;width: 54px;height: 54px;background: url(../images/sp_07.png) no-repeat center;background-size:contain;}
.sp_recom .list .info{padding:50px 30px 0 20px;width: 50%;float: left;}
.sp_recom .list .title{font-size: 16px;color: #333;font-weight: bold;}
.sp_recom .list .txt{font-size: 14px;color: #333;line-height: 28px;max-height:56px;-webkit-line-clamp: 2;margin-top: 20px;margin-bottom: 20px;}
.sp_recom .list .arrow{width: 20px;height: 8px;background: url(../images/sp_14.png) no-repeat center;background-size:contain;}
.sp_recom .list .item:hover .title{color: #fff;}
.sp_recom .list .item:hover .txt{color: #fff;}
.sp_recom .list .item:hover{background: #0a6abf;}
.sp_recom .list .item:nth-child(4n+3) .imgbox{float: right;}
.sp_recom .list .item:nth-child(4n+4) .imgbox{float: right;}
.sp_recom .list .item:hover .img{transform: scale(1.1,1.1);}

.sp_recom .anniu{display: block;position:absolute;width: 38px;height: 28px;top: -55px;cursor: pointer;}
.sp_recom .prev{background: url(../images/xw_11.png) no-repeat center;background-size:contain;right: 45px;}
.sp_recom .next{background: url(../images/xw_12.png) no-repeat center;background-size:contain;right: 0;}
.sp_recom .prev:hover{background: url(../images/xw_11-1.png) no-repeat center;background-size:contain;}
.sp_recom .next:hover{background: url(../images/xw_12-1.png) no-repeat center;background-size:contain;}


/*视频详情*/
.spdet_top{background: #fff;}
.spdet_top .video{width: 100%;height: 550px;   object-fit:fill;}
.spdet_top .video-js{background-color: #000;}
.spdet_top .video-js .vjs-big-play-button{background: url(../images/sp_07.png) no-repeat center;background-size:contain;width: 54px;height: 54px;border:none;top: 50%;left: 50%;margin-top: -27px;margin-left: -27px;}
.spdet_top .video-js .vjs-big-play-button .vjs-icon-placeholder{display: none;}

.spdet_top .info{padding:20px 25px;}
.spdet_top .title{font-size: 28px;color: #333333;font-weight: bold;}
.spdet_top .smb{margin-top: 15px;}
.spdet_top .smb .wz{font-size: 14px;color: #999999;line-height: 30px;display: inline-block;vertical-align: middle;margin-right: 35px;}
.spdet_top .smb .read{background: url(../images/sp_08.png) no-repeat left center;background-size:19px;padding-left: 26px;margin-right: 25px;}
.spdet_top .smb .thumb{background: url(../images/sp_09.png) no-repeat left center;background-size:19px;padding-left: 26px;}


.spdet_main{margin-top: 20px;padding-bottom: 35px;}
.spdet_l{width: 950px;}
.spdet_r{width: 230px;}

.spdet_tsec{background: #ffff;}
.spdet_menu{border-bottom:1px solid #efefef;font-size: 0;}
.spdet_menu .lk{font-size: 16px;color: #999999;line-height: 40px;width: 150px;display: inline-block;vertical-align: middle;text-align: center;margin-right: 2px;}
.spdet_menu .lk:hover,.spdet_menu .lk.cur{color: #fff;background: #0a6abf;}

.spdet_para{padding:25px 20px;margin-bottom: 10px;}
.spdet_para li{min-width:33.3%;float: left;font-size: 16px;color: #333333;line-height: 30px;padding:10px 5px;}
.spdet_para li em{color: #999999;}

.spdet_mod{background: #fff;margin-bottom: 10px;padding: 25px;}
.spdet_mod .t_tit{font-size: 22px;color: #333333;font-weight: bold;margin-bottom: 10px;line-height: 30px;position:relative;}
.spdet_mod .t_tit:before{content:'';position:absolute;left: -25px;top: 50%;width: 6px;height: 30px;background: #0a6abf;margin-top: -15px;}
.spdet_mod .txt{font-size: 16px;color: #333333;line-height: 38px;}

.spdet_lx{height: 140px;background: url(../images/sp_21.jpg) no-repeat center;background-size:cover;padding:30px 50px 0;}
.spdet_lx .titbox{display: inline-block;vertical-align: middle;min-width:225px;}
.spdet_lx .tit{font-size: 26px;color: #333333;font-weight: bold;}
.spdet_lx .smtit{font-size: 16px;color: #333333;text-transform: uppercase;margin-top: 8px;font-weight: bold;}
.spdet_lx .button{font-size: 18px;color: #fff;width: 150px;line-height: 45px;border-radius:6px;text-align: center;display: inline-block;vertical-align: middle;background: #0a6abf;}

.spdet_recom{background: #fff;}
.spdet_recom .tt{font-size: 16px;color: #0a6abf;font-weight: bold;line-height: 40px;padding:0 15px;background: url(../images/sp_23.png) no-repeat 96% center #e6f0f8;background-size:20px;}
.spdet_recom .tt .ico{width: 20px;display: inline-block;vertical-align: middle;margin-right: 6px;}
.spdet_recom .list{padding:15px 15px 1px;}
.spdet_recom .list .item{margin-bottom: 20px;}
.spdet_recom .list .imgbox{position:relative;}
.spdet_recom .list .img{width: 100%;display: block;}
.spdet_recom .list .hot{position:absolute;left: 0;top: 0;font-size: 16px;color: #fff;line-height: 26px;width: 62px;height: 26px;background: url(../images/sp_30.png) no-repeat center;background-size:contain;padding-left: 10px;}
.spdet_recom .list .title{font-size: 14px;color: #333333;font-weight: bold;margin-top: 10px;}
.spdet_recom .list .item:hover .title{color: #0a6abf;}

/*产品详情*/
.spdet_mod .brief{font-size: 16px;color: #4b647a;line-height: 38px;padding: 15px;background: #f3f7fc;border-radius:5px;margin-bottom: 15px;}

.prodet_top{}
.prodet_top .detail{padding: 25px;background: #fff;}

.prodet_slide{width: 685px;}


.prodet_info{width: 440px;}
.prodet_info .smtit{font-size: 18px;color: #0a6abf;font-weight: bold;}
.prodet_info .title{font-size: 22px;color: #333333;font-weight: bold;margin-top: 15px;}
.prodet_info .tags{margin-top: 15px;}
.prodet_info .tg{font-size: 14px;color: #0a6abf;padding:0 20px;display: inline-block;vertical-align: middle;background: #dae9f5;line-height: 28px;}
.prodet_info .txt{font-size: 14px;color: #666666;line-height: 26px;-webkit-line-clamp: 3;max-height:78px;margin-top: 20px;}
.prodet_info .button{font-size: 20px;color: #fff;width: 220px;line-height: 50px;display: block;border-radius:4px;display: block;margin-top: 45px;background: #0a6abf;text-align: center;}
.prodet_info .tel{font-size: 16px;color: #333333;background: url(../images/pro_30.jpg) no-repeat left center;background-size:16px;padding-left: 25px;margin-top: 35px;}
.prodet_info .font{font-size: 16px;color: #333333;margin-top: 10px;}

/*index*/
.idx_ban{position:relative;}
.idx_ban .img{width: 100%;display: block;}
.idx_ban .hd{position:absolute;width: 100%;left: 0;bottom: 20px;text-align: center;}
.idx_ban .hd li{display: inline-block;vertical-align: middle;width: 16px;height: 16px;border-radius:50%;margin:0 6px;background: rgba(0,0,0,.6);font-size: 0;cursor: pointer;color: transparent;}
.idx_ban .hd li:hover,.idx_ban .hd li.on{background: #fff;}
.idx_ban .anniu{position:absolute;top: 50%;width: 60px;height: 60px;margin-top: -30px;opacity: .4;}
.idx_ban .prev{background: url(../images/idx_02.png) no-repeat center;background-size:contain;left: 5%;}
.idx_ban .next{background: url(../images/idx_03.png) no-repeat center;background-size:contain;right: 5%;}
.idx_ban .anniu:hover{opacity: 1;}

.idx_recom{padding:100px 0 100px;}
.idx_recom .detail{margin-top: 70px;}
.idx_recom .list .item{position:relative;border-radius:6px;overflow: hidden;;float: left;}
.idx_recom .list .img{width: 100%;display: block;transition: all 1s;}
.idx_recom .list .shade{background: url(../images/pro_05.png) no-repeat center bottom;background-size:cover;position:absolute;width: 100%;left: 0;top: 0;height: 100%;}
.idx_recom .list .title{font-size: 22px;color: #fff;position:absolute;left: 25px;bottom: 15px;line-height: 30px;right: 25px;}
.idx_recom .list .item:hover .img{transform: scale(1.1,1.1);}

.idx_recom .list_l{width: 880px;}
.idx_recom .list_l .item{margin:0 30px 30px 0}
.idx_recom .list_r{width: 320px;}

.idx_recom+.us_pro{margin-top: 0;}




.idx_case{padding:100px 0;}
.idx_case .more{display: block;margin:60px auto 0;font-size: 14px;color: #fff;width: 180px;line-height: 54px;background: url(../images/idx_09.jpg) no-repeat center;background-size:cover;border-radius:4px;text-align: center;}
.idx_case .more:hover{background: #ff9b39;transition: all 0s;}

.idx_case .detail{position:relative;overflow: hidden;}
.idx_case .swiper-container{position:static;/*padding:40px 0 70px;*/}
.idx_case .detail{margin-top: 50px;}
.idx_case .swiper-slide{transform: scale(.85,.85);/*width: 694px!important;height: 410px;*//*margin:0 30px!important*/width: 880px;/*height: 520px;*/}
.idx_case .swiper-slide-active{transform: scale(1,1);/*margin-top: -65px!important;*//*margin-top: -20px;*/}
.idx_case .swiper-slide .item{display: block;}

.idx_case .title{font-size: 18px;color: #333333;font-weight: bold;margin-top: 15px;}
.idx_case .title:before{content:'';display: inline-block;margin-right: 15px;width: 10px;height: 2px;background: #0a6abf;vertical-align: middle;}
.idx_case .imgbox{position:relative;}
.idx_case .img{display: block;/*width: 880px;height: 520px;*/border-radius:10px;/*width: 694px;height: 410px;*/}
.idx_case .icon{position:absolute;left: 50%;top: 50%;display: block;width: 76px;height: 76px;background: url(../images/sp_15.png) no-repeat center;background-size:cover;margin-left: -38px;margin-top: -38px;}
.idx_case .swiper-slide-active .title{display: block;}

.idx_case .swiper-button-next,.idx_case .swiper-button-prev{width: 60px;height: 60px;left: 50%;right:auto;z-index:100;}
.idx_case .swiper-button-prev{background: url(../images/idx_02.png) no-repeat center;background-size:contain;margin-left: -500px;}
.idx_case .swiper-button-next{background: url(../images/idx_03.png) no-repeat center;background-size:contain;margin-left: 450px;}


.idx_intro{background: url(../images/idx_10.jpg) no-repeat center;background-size:cover;padding:35px 0;font-size: 0;}
.idx_intro .txt{display: inline-block;vertical-align: middle;font-size: 18px;color: #fff;line-height: 30px;width: 915px;}
.idx_intro .button{display: inline-block;vertical-align: middle;margin-left: 135px;font-size: 16px;color: #fff;width: 150px;line-height: 45px;border-radius:4px;text-align: center;background: #ff9b39;}


.idx_us{padding:60px 0;background: #f4f5f9;}
.idx_us .detail{font-size: 0;margin-top: 75px;}
.idx_us .txt{font-size: 16px;color: #333333;line-height: 34px;text-indent: 2em;width: 575px;display: inline-block;vertical-align: middle;}
.idx_us .txt em{color: #0a6abf;}
.idx_us .img{display: inline-block;vertical-align: middle;width: 545px;margin-left: 80px;border-radius:8px;}


.idx_xw{padding:100px 0 0;}
.idx_xw .menu{width: 255px;border-radius:25px;text-align: center;box-shadow:0 1px 20px rgba(162,162,162,.15);margin:60px auto 0;}
.idx_xw .menu .lk{font-size: 16px;color: #666666;line-height: 50px;width: 50%;float: left;cursor: pointer;}
.idx_xw .menu .lk:hover,.idx_xw .menu .lk.cur{color: #0a6abf;}

.idx_xw .list_t{margin-top: 50px;margin-left: -22px;padding-bottom: 10px;}
.idx_xw .list_t .item{float: left;width: 385px;margin-left: 22px;}
.idx_xw .list_t .imgbox{overflow: hidden;display: block;}
.idx_xw .list_t .img{width: 100%;height: 245px;border-radius:8px;}
.idx_xw .list_t .title{font-size: 16px;color: #333333;font-weight: bold;margin-top: 15px;margin-bottom: 10px;}
.idx_xw .list_t .more{font-size: 12px;color: #5d5d5d;}
.idx_xw .list_t .item:hover .title{color: #0a6abf;}
.idx_xw .list_t .more:hover{text-decoration: underline;color: #0a6abf;}

.kf_box{position:fixed;width: 60px;right: 15px;bottom: 240px;z-index:100;display: none;}
.kf_box .item{margin-top: 5px;position:relative;}
.kf_box .gotop{background: url(../images/kf_01.png) no-repeat center;background-size:contain;display: block;height: 70px;cursor: pointer;}
.kf_box .gotop:hover{background-image: url(../images/kf_01-1.png);}

.kf_box .icon{display: block;border:1px solid #ddd;background-repeat:no-repeat;background-position:center;background-size:contain;width: 60px;height: 52px;background-color:#fff;cursor: pointer;}
.kf_box .tel{background-image:url(../images/kf_02.png);}
.kf_box .vx{background-image:url(../images/kf_03.png);}
.kf_box .qq{background-image:url(../images/kf_04.png);}

.kf_box .item:hover .icon{background-color:#0a6abf;border-color:#0a6abf;}
.kf_box .item:hover .tel{background-image:url(../images/kf_02-1.png);}
.kf_box .item:hover .vx{background-image:url(../images/kf_03-1.png);}
.kf_box .item:hover .qq{background-image:url(../images/kf_04-1.png);}

.kf_box .item .drop{background: #fff;box-shadow:0 1px 20px rgba(162,162,162,.3);width: 150px;left: -160px;padding: 15px;position:absolute;top: 0;display: none;}
.kf_box .item .drop .pic{width: 120px;}
.kf_box .item .drop .wz{font-size: 12px;color: #666666;text-align: center;margin-top: 5px;}
.kf_box .item:hover .drop{display: block;}

.kf_box .fz{font-size: 15px;color: #333;}

.quickq_box{position:fixed;left: 10px;bottom: 60px;width: 50px;background: #2c8ade;padding:15px 10px;text-align: center;font-size: 16px;color: #fff;border-radius:4px;display: none;z-index:100;}
.quickq_box .ico{margin-bottom:6px;width: 22px;}
.quickq_box:hover{background: #0a6abf;}


.pub_bot{position:fixed;width: 100%;left: 0;bottom: 0;z-index:100;padding:40px 0;background: #0a6abf;height: 180px;display: none;}
.pub_bot .titbox{display: block;float: left;width: 250px;}
.pub_bot .titbox .cn{font-size: 32px;color: #fff;}
.pub_bot .titbox .en{font-size: 14px;color: #fff;opacity: .56;}

.pub_bot .auto{position:relative;}
.pub_bot .close{width: 40px;height: 40px;background:url(../images/icon_06.png) no-repeat center;background-size:contain;right: -100px;top: 50%;margin-top: -15px;display: block;position:absolute;cursor: pointer;}

.pub_bot .form{margin-left: 250px;}
.pub_bot .form .item{width: 255px;padding-right: 20px;float: left;}
.pub_bot .form .tit{font-size: 14px;color: #fff;margin-bottom: 8px;}
.pub_bot .form .ipt_txt{height: 38px;line-height: 38px;border-radius:4px;background-color: #fff;background-repeat:no-repeat;background-position:15px center;background-size:18px;padding-left: 40px;text-align: left;width: 100%;}
.pub_bot .form .submit{font-size: 16px;color: #fff;width: 150px;line-height: 46px;border-radius:4px;text-align: center;background: #ff9b39;display: block;float: right;border:none;cursor: pointer;margin-top: 18px;}
.pub_bot .form .submit:hover{background: #f38e2b;}
.pub_bot .form .name{background-image: url(../images/icon_03.png);}
.pub_bot .form .tel{background-image: url(../images/icon_04.png);}
.pub_bot .form .size{background-image: url(../images/icon_05.png);}
.pub_bot_index.b+.foot{margin-bottom: 180px;}
.pub_bot_inner.b+.foot{margin-bottom: 180px;}
.pub_bot.hide+.foot{margin-bottom: 0;}
.pub_bot.hide{display: none!important;}