﻿.container{max-width:1230px;}

/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5}
.info-content p{word-wrap:break-word;line-height:25px;padding:5px 0px;}
a{color:#333;text-decoration:none;}                                            
a:hover, a:focus{color:brown;text-decoration:none;}
a:focus{color:brown}
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低版*/

/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .4);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:6px;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;}
/*顶部样式*/
.header{position:relative;}
.header .logo img{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:16%;}
.nav>ul>li:hover {background-color:#ff7e00;}
.nav > ul > li.current, .nav > ul > li :hover {background-color: #ff7e00!important;}/*点击后的背景色*/
.nav>ul>li>a{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: -10px;left: 0;}
.phonepadding{padding-top:30px;}
/*底部*/
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%;}
/*首页》丰硕成果*/
.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;}
}

.home-sdysc{text-overflow: -o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;height:84px;}


@media (max-width:1000px) /*手机端*/
{
.header .logo img{height:70px;}
.header .nav-toggle{position:absolute;right:0px;top:-74px;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:14px;line-height:3;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:46px;font-size:13px;background-color:#eeeeee}
.nav ul li ul li ul li a{padding-left:58px;}
.nav ul li ul li ul li li a{padding-left:70px;}
.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:#5a342b;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
.display-none{display:none;}
.phone-maxwidth{width:90%;}
.phonepadding{padding-top:0px;}
/*底部*/
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%;}
/*分页*/
.pagination .disabled a{font-size:10px;}
.pagination .active a{font-size:10px;}
/*产品*/
/*.tabct ul{padding-top:40px;}*/
/*在线留言*/
.buttomstyle{width:100%;}
.phonemargin{margin: 0 10px!important;}
/*关于我们*/
.phone-right{float:right;}
.phonelist{margin-left: 15px;margin-right: 15px;}
/*首页》丰硕成果*/
.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 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: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:20%;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;padding:0px 15px;}
.sub-nav-box .sub-nav li a{display:block;text-align:left;line-height:22px;padding:12px 0px;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:#5a342b;}
.sub-nav-box .sub-nav li ul{display:none}

.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:#5a342b;}
.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;}



/*图片列表*/
.images-list .row .item a{display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.images-list .row .item a:hover{color:#005bac;}
.images-list .row .item img{display:block;width:100%;height:auto;}
.images-list .row .item a:hover img{transform:scale(1.3,1.3);transition: all 0.3s ease-out 0s;}

/*新闻资讯-首页、子栏目公用*/
.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{padding:0px 10px;}
.listborder ul li{margin: 10px 0 10px 0px;}
.listborder ul li a{font-size: 14px;cursor: pointer;}
.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;}
.buttomstyle {width: 90%!important;}
.form-control {width: 90%!important;}
/*首页》热销产品*/
.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);}
.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);}

@media (max-width:767px) {
   .goodnessbg .item{min-height:auto;}
}
@media (min-width:768px) {
   .home-fscg{margin-top:-75px;}
}
@media (min-width:992px) {
   .images-list{margin-left:-15px;margin-right:-15px;}
   .images-listsss{margin-left:-30px;margin-right:-30px;}
}
@media (max-width:991px) {
   .images-list{margin-left:-15px;margin-right:-15px;}
}
/*首页》关于我们*/
.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: 320px;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:228px;height:320px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:228px;height:320px;padding:2px;overflow:hidden;}
.marqueeleft li .pic img{height:100%;width:100%;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}

/*首页》公司新闻(触发)*/
.news-boxpadd{padding-top:60px;padding-bottom:20px;}
.tab {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;}
/*固定客服*/
.kefu{position: fixed;top:68%;right: 0;}
.static-kefu{position: absolute;top:30%;right: 0;opacity: 1;transition: .1s linear;width: 53px;height: 90px;}
.hover-kefu{position: absolute;top:30%;right:0;opacity: 0;transition: .5s linear;width: 191px;height: 300px;}
.kefu:hover .static-kefu{opacity: 0;}
.kefu:hover .hover-kefu{opacity: 1;}
.static-kefu p{position: absolute;top: 60%;right: 10%;}
.hover-position{position:absolute;right:72%;top:44%;}
.online{width:100px;position: absolute;top:30%;right:2%;}
.online p a:hover{color:#005bac;}


