﻿.container{max-width:1230px;}

/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5}
a{color:#333;text-decoration:none;}                                            
a:hover, a:focus{color:#005bac;text-decoration:none;}
a.btn-more{display:inline-block;width:140px;height:34px;line-height:34px;border:1px #CCC solid;color:#999;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:30px}
a.btn-more:hover{background:#40312f;border-color:#40312f;color:white;}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/
.font span{cursor:pointer;}
.font span:hover{color:#ff7e00;}
.card1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}

/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .8);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}

/*热门关键词*/
.iconstyle span{background: #660000;}
.hotbg{background: #eee;padding: 17px 0 10px 0;}
.hotbg .howords{color:#ff7e00;}
.searchbox-txt {padding-left:10px;width: 270px;float: left;font-size: 12px;font-family: SimSun;color: #666;font-weight: normal;line-height: 35px;vertical-align: middle; border: #ff7e00 2px solid;-webkit-border-radius: 0;display: block;}
.searchbox-btn {background: #ff7e00;font-family: SimSun;font-weight: normal;border: #fff 0px solid;float: left;width: 50px;line-height: 41px;cursor: pointer;color: #fff;font-size: 14px;text-align: center;}
@media (max-width:1000px) {
.searchbox-txt{width: 80%;}
}
/*顶部样式*/
.header{position:relative;}
.header .logo img{max-height:89px;}
.topstbg{height: 4px;background-color:rgb(0, 91, 172);}
.collect{position:absolute;top:0;right:15px;}
.collect-position{position:absolute;top:3%;left:18%;color:white;}
.collect-position a {color: rgb(255, 255, 255);font-family: SimSun;}
.words-color span{color:rgb(255, 126, 0);}
.phone-positon {position: absolute;top: 40px;left: 71%;}
/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}

/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.menubg{background-color: #005bac;}
.header .nav-toggle{display:none}
.nav>ul>li{float:left;text-align:center;line-height:60px;width:14.2%;}
.nav>ul>li:hover {background-color:#ff7e00;}
.nav > ul > li.current, .nav > ul > li :hover {background-color: #ff7e00!important;}/*点击后的背景色*/
.nav>ul>li>a{padding:0px 25px;color:white;font-size:16px;display: block;}
.nav li:hover> ul{display:block;}
.nav ul li .arrow{display:none}
.nav ul li ul li{display:none;}
.pc-position{position: relative;top: -18px;left: 0;}
/*底部*/
footer{text-align:left;width:100%;min-height:95px;background:#005bac;margin-top:40px;line-height:2.5}
.copyright a {border-radius: 15px;background-color: black;display: inline-block;width: 26%;}
.copyright a:hover{color:white !important;}
/*在线留言*/
.form-post form{width:600px;}
.buttomstyle{width:630px;}
/*首页》关于我们*/
.forusimg img{width:100%;height:340px;}
.pcfix{width: 100%;height: 290px;}
/*首页》丰硕成果*/
.title-position{position:absolute;top: 24%;left: 36%;}
/*首页》四大优势*/
.module-box {position:relative;padding:40px 0px}
.module-box .module-title{clear:both;text-align:center;margin:0px 0px 30px 0px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.module-box .module-title .en-title{display:inline-block;*display:inline;*zoom:1;color:#999;font-size:16px;}
.module-box .module-title .en-title i{float:left;width:160px;background:#555;height:1px;margin-top:25px; }
.module-box .module-title .en-title span{float:left;margin:0px 8px;line-height: 42px;color:rgb(85, 85, 85);font-size: 32px;font-weight: bold;}
.yuan {margin-top:14px!important; width: 20px;height: 20px;background-color: #555555;border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;}

.goodnessbg{background-image:url(../images/bg.gif);background-repeat:no-repeat;height:990px;}
.phoneleft img{margin-left:500px;}
.pc-marginleft{margin-left:100px;}

.bgblue .row,.goodnessbg{overflow: hidden;}
.header .padd{padding-top:30px;}
}



@media (max-width:1000px) /*手机端*/
{
.header .logo {padding: 10px 0 10px 4px;display:inline-block;}
.header .logo img{max-width: 80%;}
.header .nav-toggle{position:absolute;right:0px;top:-58px;font-size:25px;color:#999;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}

.nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:#eeeeee}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li.current > a{color:#005bac;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
.display-none{display:none;}
/*底部*/
footer{text-align:left;width:100%;min-height:95px;background:#005bac;margin-top:40px;line-height:2.5}
.copyright{text-align:center;}
.copyright a {border-radius: 15px;background-color: black;display: inline-block;width: 80%;text-align:center;}
.copyright a:hover{color:white !important;}
.phone-hotleft{padding-left:6%;}
/*产品*/
.tabct ul{padding-top:0px;}
/*在线留言*/
.buttomstyle{width:100%;}
/*关于我们*/
.phone-right{float:right;}
/*首页》丰硕成果*/
.title-position{text-align:center;position:absolute;top: 28%;left: 13%;}
.rich{font-size:25px!important;}
.strength{font-size:15px!important;}
/*首页》四大优势*/
.module-box {position:relative;padding:40px 0px}
.module-box .module-title{clear:both;text-align:center;margin:0px 0px 0 0px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.module-box .module-title .en-title{display:inline-block;*display:inline;*zoom:1;color:#999;font-size:16px;}
.module-box .module-title .en-title i{display:none;float:left;width:70px;background:#555;height:1px;margin-top:25px; }
.module-box .module-title .en-title span{float:left;margin:0px 8px;line-height: 42px;color:rgb(85, 85, 85);font-size: 32px;font-weight: bold;}
.yuan {margin-top:14px!important; width: 20px;height: 20px;background-color: #555555;border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;}

}
/*banner*/
.banner-words{position:absolute;top:30%;left:20%;z-index:1;}
.words1{width: 340px;left: 0px;top: 0px;line-height: 72px;background-color:#005bac;}
.words2{padding: 0px;overflow: hidden;width: 340px;line-height: 38px;border: 2px solid#005bac;border-radius: 15px;font-size: 22px;font-weight: bold;text-align: center;}

/*子栏目菜单样式*/
.sub-nav-box {clear: both;position: relative;} 
.sub-nav-box .sub-nav-title{line-height:56px;text-align:center;background:#005bac;font-size:22px;color:white;font-weight:bold;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.sub-nav-box .sub-nav-title img{padding-right:10px;}
.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;border:1px solid #ccc;}
.sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:block;}
.sub-nav-box .sub-nav li a{display:block;text-align:center;line-height:40px;font-size:14px;color:#808080;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";border-bottom:1px #ececec solid;font-size:15px}
.sub-nav-box .sub-nav li a:hover{color:#005bac;}
.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}

.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.sub-nav-box .sub-nav li.current > a{color:#005bac;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}
.relation{color:#5a342b;padding: 2px 20px;}
@media (max-width:1000px) {
.searchbox-txt{width: 80%;}.sub-nav-box{display:none;}
}




/*图片列表*/
.images-list .row .item a{display:block;overflow:hidden;}
.images-list .row .item img{display:block;width:100%;height:auto;transition: all 0.3s ease-out 0s;}
.images-list .row .item a:hover img{transform:scale(1.1,1.1);}

/*新闻资讯-首页、子栏目公用*/
.news-list{clear:both;overflow:hidden;}
.news-list li.tw{clear:both;overflow:hidden;display:block;width:100%;margin:0px 0px 15px 0px;text-align:left;}
.news-list li.tw .pic{float:left;width:160px;height:105px;overflow:hidden;margin-right:10px;}
.news-list li.tw .pic img{width:100%;height:100%;display:block;}
.news-list li.tw .content{display:inline;}
.news-list li.tw .content a{display:block;line-height:30px;font-size:16px;}
.news-list li.tw .content span{color:#808080;height:75px;line-height:25px;} 

.news-list li.item{clear:both;overflow:hidden;width:100%;border-bottom: 1px dashed #d9d9d9;padding:15px 0px 10px 0px;font-family: SimSun;}
.news-list li.item .title{padding-left:11px;background:url(images/icon-dot.gif) no-repeat left center;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-list li.item .date{float:right;}

/*产品中心*/
.listborder{border: 1px solid #ccc;}
.listborder>div>ul{margin-bottom: 14px;margin-left: -15px;margin-right: -15px;}
.listborder ul li{margin: 10px 0 10px 10px;}
.listborder ul li a{font-size: 16px;}
.hoverstyle li:hover{color:#005bac;}
.hoverstyle li a:hover {color: #005bac;text-decoration: underline;}
/*新闻中心*/
.newsborder{border:1px solid #dedede;}
/*.newsborder>div>ul{margin-bottom: 14px;margin-left: -15px;margin-right: -15px;border-bottom:1px solid #dedede;}*/
.newspstyle p {font-size: 12px;color: #929292;}
.newspstyle .title a:hover{color:#005bac !important;}

/*联系我们*/
.gap{margin-left: -15px;margin-right: -15px;}
.clearfix .item .listborder{margin:10px;}
.border-bottom{border-bottom: 1px solid #dedede;}
.postmargin{margin: 50px 0;}
.contactbg{padding: 20px 0;}
/*在线留言*/
.controls input{border: 1px solid #005bac;}
.controls textarea{border: 1px solid #005bac;}
.padd-patyle{padding: 10px 0 30px 0;}
.checkbox .radio-inline {background-color: #eee; color: #333;padding: 0 8px 0 25px;position: relative;height: 40px;line-height: 40px;float: left; margin-right: 5px;border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
.checkbox .radio-inline input {box-sizing: border-box;margin: 3px;padding: 0;top: 10px;}
.listborder div ul{background-color:white;}

/*首页》热销产品*/
.hotproduct {font-size: 20px;width: 200px;background-color: #005bac;margin-top: -10px;margin-bottom: -10px;line-height: 50px;text-align: center;color: rgb(255, 255, 255);}
.hotproduct span{position: relative;top: 6px;}
.box1-bg{background-color: #ecf0f3;}
.first-words li:first-child a{color: rgb(0, 91, 170);font-family: Arial, 宋体, Helvetica, sans-serif, Verdana;font-size: 20px !important;font-weight: bold;border-left: 5px groove #005bac;padding-left: 10px;}
.whitebg{background-color:white;}
.spacing{margin-left: -30px !important;margin-right: -30px !important;}
.whitebg{background-color:white!important;}
.sub-nav img{width:100%;}
.hotline p{color:rgb(255, 126, 0);}
/*首页》四大优势*/
.number01 {margin-left: 50px;width: 90px;height: 50px;line-height: 50px;text-align: center;background: #005bac;transform: skewX(-30deg);}
.numberzi {display: inline-block;transform: skewX(30deg);color: rgb(255, 255, 255);font-size: 36px;}
.number-right span{color: rgb(153, 153, 153);}
.maxright img{width: auto;max-height: 240px;}
@media(max-width:768px) {
    .goodnessbg .item{
        min-height:400px;
    }

}
/*首页》关于我们*/
.bgblue{background-color:#0073d6;padding: 80px 0;}
.forusimg img{border: 4px solid white;}
.forus-more{border: 2px solid white;padding: 6px 30px;}
.forus-more:hover{border: 2px solid black;padding: 6px 30px;transition:.4s linear;}
.simple{font-family:"宋体";}

/*首页》丰硕成果*/
.resultpadd{padding: 50px 0;}
.rich{color:rgb(255, 126, 0);}
.strength{color:rgb(0, 115, 214);}
/*左滚动*/
.marqueeleft{height: auto;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:260px;height:auto;overflow:hidden;text-align:center;}
.marqueeleft li .pic{display:block;width:260px;height:auto;padding:10px;overflow:hidden;}
.marqueeleft li .pic img{height:100%;width:100%;}
.marqueeleft li .txt{text-align:center;height:auto;line-height:260px;}
.marqueeleft .marquee1_1>li>p{text-align:center;margin: 0 auto;display:inline-block;}

/*首页》公司新闻(触发)*/
.tab {margin: 10px;border: 1px solid #eee;}
.tab-title {height: 60px;position: relative;background: #f7f7f7;}
.tab-title li {background-color:#d9d9d9;line-height: 60px;text-align: center;font-size: 16px;color:white;}
.tabct ul li{border-bottom: 1px dashed #d9d9d9;}
.tab-title ul li a{color:white;}
.tabct ul{margin:10px;}
.tab-title li.select {background-color: #005bac;}
.tabct li span a:hover{color:#005bac;}


/*pc端置顶*/
.kf{width: 208px;position: fixed;/* right: 20px;*/right: 4px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 10;}
.kt-top{height: 40px;line-height: 40px;background: url(../images/kefu.png) 12px center no-repeat #214d98;-ms-background-size: auto 20px;background-size: auto 20px;padding-left: 46px;font-size: 14px;color: #fff;}
.kt-top span:hover{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.kt-top span{width: 18px;height: 16px;float: right;position: relative;margin: 10px 10px 0 0;cursor: pointer;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.kt-top span b{width: 100%;height: 2px;background: #fff;display: block;position: absolute;top: 50%;left: 0;}
.kt-top span b:first-child{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
.kt-top span b:last-child{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.kf .con{overflow: hidden;background: #fff;}
.kf .con h5{height: 26px;line-height: 26px;margin-top: 12px;background: url(../images/lianxi.png) 16px center no-repeat;padding-left: 45px;color: #666;font-size: 14px;margin-bottom: 0;}
.kf .contact{margin-top: 1px;height: auto;}
.kf .contact p{height: 26px;line-height: 26px;color: #666;font-size: 14px;padding-left: 22px;margin: 0;}
.kf .contact p:nth-child(2n){padding-left: 32px;}
.kf .con h5.qr-icon{background: url(../images/erweima.png) 16px center no-repeat;}
.kf .con .qr{margin-top: 10px;padding-left: 40px;padding-bottom: 20px;}
.kf .con .qr img{width: 110px;height: 110px;}
.kf .backTop{width: 100%;height: 40px;margin-top: 4px;background: url(../images/huidaodingbu.png) center center no-repeat #214d98;background-size: 18px auto;cursor: pointer;}
.kf-side{display: none;padding: 18px 10px 10px;background: #214d98;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);left: -34px;cursor: pointer;}
.kf-side b{display: block;color: #fff;line-height: 18px;font-size: 14px;font-weight: 400;}
.kf-side span.arrow{width: 12px;height: 12px;background: url(../images/jt-1.png) no-repeat;-ms-background-size: auto 12px;background-size: auto 12px;display: block;margin-top: 10px;}
.kf-side span.on{background: url(../images/jt-2.png) no-repeat;-ms-background-size: auto 12px;background-size: auto 12px;}
@media (max-width:1000px){.kf{display: none !important;}}


/*移动端固定栏目按钮*/
.float-nav-toggle{z-index: 10;display: block;text-align: center;position: fixed;left: 6px;bottom: 60px;color: #fff;font-size: 18px;width: 40px;height: 40px;line-height: 40px;background-color: rgba(13, 13, 13, 0.6);border-radius: 20px;}
@media (max-width: 767px) {.display-xs-block {display: block !important;}}


/*移动端固定导航栏*/
.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px 2px;color:#fff;z-index:9;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-top: 0.2rem solid #000;background: #fff;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}
.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size: 13px;}
.footer-fixed ul li p{font-size:1.3rem;}
.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}
.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}
.footer-fixed i{display:block;}
.footer-fixed .fa{font-size:22px;}
@media (min-width:1000px){.footer-fixed{display:none!important;}}
@media (max-width:1000px){footer{padding-bottom:66px;}}


a.btn-more2{transition:all 0.5s ease;-moz-transition:all 0.5s ease; /* Firefox 4 */-webkit-transition:all 0.5s ease; /* Safari and Chrome */-o-transition:all 0.5s ease; /* Opera */}
@media (min-width:1000px) {
.homemore{margin-top:30px;}
.homemore a{padding: 12px 40px;}
}
@media (max-width:1000px) {
.homemore{margin-top:20px;text-align:center;}
.homemore a{padding: 8px 30px;}
}
.homemore{text-align: center;}
.homemore a{text-align: center;background-color: #005bac;-moz-border-radius: 30px 30px 30px 30px;-webkit-border-radius: 30px 30px 30px 30px;border-radius: 30px 30px 30px 30px;color:#fff;}
.homemore a:hover{background-color: #377dbd;}


/*样式*/
.nav-img{margin-bottom: 20px;}
.nav-img img{max-height:140px;width:auto;}
.homeSub .sub-nav>ul>li:nth-child(n+15){display:none;} 
.product-list a:first-child{border:1px solid #ccc;padding: 15px;background-color: #fff;}
.product-list a:first-child:hover{border:1px solid #005bac;}
.ewm-img{max-height:130px;width:auto !important;}
@media (min-width:1000px) {
.news-boxpadd{padding: 60px 0 20px;}
}
@media (max-width:1000px) {
.news-boxpadd{padding: 30px 15px 20px;}


}

