﻿.container{max-width:1200px;}
.font-simsun{font-family: SimSun!important;}
/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5}
a{color:#333;text-decoration:none;}                                            
a:hover{color:#ef741f}
a:focus{color:#ef741f}
a.btn-more{display:inline-block;width:140px;height:50px;line-height:50px;color:white;font-size:12px;transition:all 0.3s ease;text-align:center;margin:0px auto;margin-top:20px;background-color: rgba(239,116,31,1);border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
a.btn-more:hover{background:rgba(217,95,10,1);}
.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(64, 62, 62, 0.7);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}


/*底部*/
footer{text-align:left;width:100%;min-height:95px;background:#ef741f;margin-top:40px;line-height:2.5}

/*顶部样式*/
.header{position:relative;}
.header .logo img{height:96px;}
.bg-orange{background-color:#ef741f;line-height:32px;color:white;}
/*自定义导航动画，也可以用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端*/
{
.header .nav-toggle{display:none}
.nav{padding-top:20px}
.nav>ul>li{float:left;text-align:center;line-height:50px;position:relative}
.nav>ul>li:hover{background:url(../images/menu.jpg) no-repeat bottom;}
.nav>ul>li:hover>a{color:#ef741f;font-weight:bold;}
.nav > ul > li.current{background:url(../images/menu.jpg) no-repeat bottom center;}/*点击后的背景色*/
.nav > ul > li.current>a{color:#ef741f;font-weight:bold;}/*点击后的背景色*/
.nav ul li ul{display:none;position:absolute;left:0px;top:100%;z-index:2;width:150px;padding-top:5px;background:none;} /*二级ul样式*/
.nav ul li ul li{background-color:rgba(13,81,198,.7);}
.nav ul li ul li:hover{background:#ef741f}
.nav ul li ul li a{color:#fff;display:block;}
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/
.nav ul li:hover> ul{display:block;}
.nav>ul>li>a{padding:0px 12px;color:#666666;font-size:18px;}
.nav li:hover> ul{display:block;}
.nav ul li .arrow{display:none}
/*footer*/
.pcwidth{width:80%;}
.btn{width:78%;}
/*小导航栏*/
.heading{font-size:35px;}
/*子栏目样式*/
.sub-nav-box .sub-nav ul{float:right;}
.sub-nav-box .sub-nav li{display:inline-block;padding:12px 60px;}
.sub-nav-box .sub-nav li:hover{background-color:#ef741f;}
.sub-nav-box .sub-nav li.current{background-color:#ef741f;}
.sub-nav-box .sub-nav li:hover a{color:white;}
.sub-nav-box .sub-nav li.current a{color:white;}
/*分页>新闻中心*/
.samedate .date{font-weight:bold;font-size:24px;}
.title>span{font-family: Microsoft YaHei;font-size:24px;}
.title>p{font-family: SimSun;font-size:12px;}
.news-focus li.item a{font-size:24px!important;}
/*首页》提供商*/
.pctext-right{text-align:right;padding-top:40px;}
.bg-grays{background-color:#f0f0f0;}
.chemical{top: -60px;left: 0px;}   
.pcpaddtop60{padding-top:60px;}
/*首页》我们的服务优势*/
.pcpaddtop50{padding-top:50px;}
/*首页》新闻资讯*/
.pcmarbott70{margin-bottom:70px;}
.pcimg{position: absolute;left: 8%;}
.pcpaddtop20{padding-top:20px;}
.short-news{margin-top:80px;}
.pcpaddtop80{padding-top:80px;}

.pc-img1{position: absolute;top: -90px;left: 0;}
}
@media (max-width:1000px) /*手机端*/
{
.header .logo img{height:70px;}
.header .nav-toggle{position:absolute;right:0px;top:0px;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;overflow-y:auto}
.nav.active{opacity:1;width:1000px;max-width:100%;box-shadow: inset 0rem -0.3rem .5rem rgba(0,0,0,.3);height: auto;margin-top: 34px;}
.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:#ef741f;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;}
.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;color:#ef741f;}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px;}

.nav ul li.current > a{color:#ef741f;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
.display-die{display:none;}
.phone-maxwidth{width:90%;}
.iyang{color:white;padding: 8px 9px 8px 9px;background-color:#c00;border-radius: 4px;}
.hidden-lg i{font-size:18px!important;}
.cha{position: absolute;top: 4px;right: 16px;cursor: pointer;background-color:#ef741f;border-radius: 2px;padding: 2px 4px;font-size: 24px;color: white;}
.phopaddleft10{padding-left:10px;}
.mouse{padding: 10px 10px 8px 10px;background-color: #ef741f;border-radius: 4px;}
/*footer*/
.btn{width:100%;}
/*小导航栏*/
.heading{font-size:28px;}
/*子栏目样式*/
.sub-nav-box {clear: both;position: relative;}
.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#fafafa;}
.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;padding-left:25px;line-height:30px;font-size:14px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";border-bottom:1px #ececec solid;font-size:14px;background-color: #ef741f;}
.sub-nav-box .sub-nav li a:hover{color:#5a342b;}
.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:40px;line-height:40px; text-align:center;transition-duration:0.1s;cursor:pointer;color:white;}
.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{background-color: #d06d28;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}
/*分页>新闻中心*/
.samedate .date{font-weight:bold;font-size:16px;padding:0 10px;}
.title>span{font-family: Microsoft YaHei;font-size:15px;}   
.title>p{font-family: SimSun;font-size:10px;}
.news-focus li.item a{font-size:16px!important;}
/*首页》提供商*/
.pctext-right{text-align:center;}
.chemical{display:none;}
.leftimg img{padding-left:10px;}
/*首页》新闻资讯*/
.short-news{margin-top:20px;}
/*首页》产品展示*/
.price{padding:10px 0 30px;}
}
@media (max-width:767px){
.phopadd{padding-top:16px;}
}
/*小导航栏*/
.breadcrumb > li > a:hover{text-decoration:underline;}
.heading{background:url(../images/menu.jpg) no-repeat left top;line-height: 80px;}
/*图片列表*/
.images-list .row .item a{display:block;overflow:hidden;}
.images-list .row .item a.title{white-space:nowrap;text-overflow:ellipsis;}
.images-list .row .item img{display:block;width:100%;height:auto;}
.images-list .row .item span.introduction{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:20px;line-height:20px;}

/*新闻资讯-首页、子栏目公用*/
.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 .content{display:inline;}
.news-list li.tw .content a{display:block;font-size:18px;color: #ff9900;}
.news-list li.tw .content a:hover{color: black;}
.news-list li.tw .content p,.duction{font-size: 12px;color: #7D7D7D;} 
.news-list li.tw .content .explicit>a{font-size: 12px;color: #CF0202;}
.news-list li.tw .content .explicit>a:hover{color: #ff0000;}

.news-list li.item{clear:both;overflow:hidden;width:100%;}
.news-list li.item a{color: #7D7D7D;font-size:12px;}
.news-list li.item:hover a{color:#0064D4;}
.news-list li.item .title{max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*footer*/
.footernews a{color:white;}
.footernews a:hover{color:#ece4d8;}
.dateorange{color: #f9cb9c;font-size:11px;float:right;}
.news-list li.message{clear:both;overflow:hidden;width:100%;border-bottom: 2px dotted #d1af97;}
.hand{color:white;}
.hand:hover{color: #ff9953;}

/*在线留言表单*/
.form-group::before,.form-group::after{content:"";display:table} 
.form-group::after{clear:both} 
.form-group{position:relative;padding:13px 0px;}    
.form-group .control-label{position:absolute;left:0px;top:10px;}
.form-group .controls{padding-left:40px;}
.form-group .form-control{border:1px solid #eeeeee;height:38px;width:100%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;}
.form-group .form-control:focus{border-color:burlywood}
.form-group textarea.form-control{height:38px;}

.form-group .help-block{display:block}
.btn{border:1px solid #ff9900;color:#fff;height:38px;background:#ff9900;}
.btn:hover{background:#fba627;color: #980000;}
.form-group .controls-verificationCodeImage{position:relative;max-width:400px;_width:400px;}
.form-group .lb_verificationCodeImage{position:absolute;display:inline-block;right:1px;top:0px;height:32px;overflow:hidden}
.form-group .lb_verificationCodeImage img{height:30px;}

/*分页>关于我们*/
.bg-gray{background-color:#f0f0f0;}
.border-gray{border:1px solid #d9d9d9;}
.hide-img{padding: 30px 20px 30px 20px;}
.hide {width:100%;max-height:300px;overflow-y:auto;min-height: 200px;padding: 10px 10px 10px 20px;line-height: 2;;}
._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #131313;width: 5px;}
._mCS_1 .mCSB_scrollTools .mCSB_draggerRail {background: #c2c2c2;width: 2px;}

/*分页>新闻中心*/
.samedate{background-color: #ef741f;color: white;font-family: SimSun;}
.brief{background-color: #f5f5f5;border: 1px solid #e5e5e5;}
.news-focus li.item a{color: #5A5A5A;}
.dotted-line{border-bottom:1px dotted #dbd4cd;}
.news-focus li.item:hover a{color:#ef741f!important;}
 /*分页>产品展示*/
 .handon:hover{border:1px solid #ef741f;-moz-box-shadow: rgba(238,238,238,1) 0px 0px 2px 2px;-webkit-box-shadow: rgba(238,238,238,1) 0px 0px 2px 2px;box-shadow: rgba(238,238,238,1) 0px 0px 2px 2px;} 
 .borderbottom{border-bottom:1px solid #e9e9e9;display:block;margin: 10px 0;}
 /*分页>联系我们*/
 .inforpadd{padding: 20px 20px 0px 30px;}
 .informapadd{padding: 20px 30px 0px 10px;}
 .mappadd{padding: 20px 20px 0px 30px}
 .bg-blue{background-color:#0000ff;line-height:32px;color:white;}
 .information strong{font-size:22px;}
 .information p{font-size:16px;}
@media (max-width:415px)
{.inforpadd{padding: 20px 30px 0px 30px;} 
 .informapadd {padding: 20px 28px 0px 30px;}
 .mappadd {padding: 6px 26px 0px 30px;}
.pctext-right{text-align:left;}
}

/*首页》提供商*/
.pctext-right>a{margin-left:20px;}
.bg-white{background-color: white;}
.leftimg{padding: 30px 0px 0px;}
.chemical{height: 110px;width: 269px;position: absolute;z-index: 2;}
.chemical strong{position:absolute;top: 20px;left: 20px;}
.chemical p{position:absolute;top: 60px;left: 20px;}

/*首页》我们的服务优势*/
.heading>p{font-size:18px!important;line-height:10px;}
.shear{margin-top: -77px;width: 100%;position: relative;background-color: #ef741f;height:77px;-moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.shear>span{color: white;line-height: 77px;}
.shear:hover{background-color: rgba(217,95,10,1);}
.shearto{background-color:rgba(255,255,255,0.85)!important;}
.shearto>span{color: #ef741f!important;}
.shearto:hover{background-color: #ef741f!important;}
.shearto:hover span{color:white!important;}
.oil{padding-top:20px;}
.oil>a>img{width:100%!important;}

/*首页》新闻资讯*/
.handed{color:#ef741f;}
.handed:hover{color:#ff9953;}
.bg-black{background-color:#636164;}
.datewhite{color: #cccccc;font-size:11px;float:right;}
.indexnews a{color:white;}
.indexnews a:hover{color:#cccccc;}

@media (max-width:999px) and (min-width:415px)  {.displayimg{display:none;}}
.borderbott-gray{border-bottom:1px solid #f2f2f2;}
/*首页》产品展示*/
.shearsame{margin-top: -77px;width: 100%;position: relative;height:77px;font-size:16px;text-align:center;overflow:hidden;}
.service1{background-color:rgba(2, 96, 247, 0.86)}
.service2{background-color:rgba(80, 199, 28, 0.84)}
.service3{background-color:rgba(246, 128, 5, 0.91)}
.shearsame > span{color: white;line-height: 77px;}
.price{font-size:12px;color:gray;}
.price li strike{color:black;}

.energy{margin-left:-30px;padding-top:20px;}
.energy a img{height:100px!important;width:100%!important;}

.mark{padding-top:20px;line-height:1.5}
.mark > span{font-size:12px;}
.mark a{font-size:12px;font-weight:bold;padding-top:8px;color:#0064d4;}
.mark a:hover{color:#ff9900;}

/*手机端置顶固定*/
.curpointer {cursor: pointer;}
.bg-bottgray{background-color:#f3a066;width: 100%; height: auto;z-index:10;}
.backphone{background:url(../images/phone.png) center center no-repeat;}

.bott-fixed{left: 0;bottom: 0;}
.backtop{background:url(../images/top.png) center center no-repeat;}
.backhome{background:url(../images/home.png) center center no-repeat;}
.backwei{background:url(../images/wei.png) center center no-repeat;}
.backsame{background-size: 1.625rem 1.625rem;height: 24px;width: 24px;margin: 0 auto;margin-top: 3px;}
@media(min-width: 1000px){.phoblack{display: none;}}