@charset "utf-8";
/* 
 * Project Name:汇通能源
 * Author:cyh
 * Date：2019-12-10
 */
@font-face { font-family: 'helvetica_neue_ltregular'; src: url('helveticaneuelt-mediumcond-webfont.woff2') format('woff2'), url('helveticaneuelt-mediumcond-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'space_ageregular'; src: url('space_age-webfont.woff2') format('woff2'), url('space_age-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'mohaveregular'; src: url('mohave-webfont.woff2') format('woff2'), url('mohave-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","Arial","Helvetica","SimHei","黑体",sans-serif; margin: 0 auto; color:#666; line-height:26px; background-color: #fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.clear{ clear:both;}
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1230px; margin: 0px auto; }
/*header*/
.slogo{ display:none;}
.fild-header { position: fixed; width: 100%; left: 0; top: 0; z-index: 999; }
.search-box { background: #373b43; position: relative; text-align: center; height: 204px; visibility: hidden; max-height: 0; transition: all .4s; -webkit-transition: all .4s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; overflow: hidden; }
.search-wr { padding: 53px 42px 100px 89px; }
.search-box.active-search { max-height: 204px; visibility: visible; }
/*.close { display: block; width: 24px; height: 24px; background: url(../images/close.png) center no-repeat; position: absolute; right: 43px; top: 22px; cursor: pointer; opacity: 0; transform: translateX(7px); -webkit-transform: translateX(7px); }
.close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transition: 760ms 0ms; -webkit-transition-delay: 0s; transition-delay: 0s; }*/
.search-box.active-search .close { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: transform .6s ease,opacity .2s ease .2s; -webkit-transition: transform .6s ease,opacity .2s ease .2s; transition-delay: 1s; -webkit-transition-delay: 1s; }
.search { width: 1000px; position: relative; border-bottom: 1px solid #5f6269; margin: auto; }
.search input[type=text] { width: 100%; box-sizing: border-box; opacity: 0; padding-left: 8px; height: 50px; border: none; background: none; outline: none; line-height: 50px; color: #787a82; font-size: 24px; font-family: Arial; transform: translateX(300px); -webkit-transform: translateX(300px); -moz-transform: translateX(300px); }
.search input[type=button] { width: 50px; height: 50px; position: absolute; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); right: 0; top: 0; background: url(../images/search1.png) center no-repeat; cursor: pointer; border: none; outline: none; z-index: 5; }
.search-box.active-search .search input[type="text"] { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: transform .6s ease,opacity .2s ease .2s; -webkit-transition: transform .6s ease,opacity .2s ease .2s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.search-box.active-search .search input[type=button] { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: transform .6s ease,opacity .2s ease .2s; -webkit-transition: transform .6s ease,opacity .2s ease .2s; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; }

.header-box { padding: 11px 42px 16px 89px; background: #fff; display:none; position: relative; z-index: 999; }
.logo { float: left; width:15%; padding-top:6px;}
.logo img { display: block; height:60px; }
.logo p{ font-size:14px; color:#777; line-height:18px; letter-spacing:4px; font-weight:100;}
.header-r { float: right; margin-top: 17px; }
.searchbox { float: left; position: relative; }
.searchbox span { display: block; height: 20px; width: 17px; cursor: pointer; background: url(../images/search.png) center no-repeat; }
.version { float: left; margin-left: 20px; }
.version a { display: inline-block; float: left; color: #606060; font-size: 15px; line-height: normal; }
.version b { display: inline-block; float: left; color: #606060; font-size: 15px; line-height: normal; margin: 0 5px; }
.version a:hover { color: #e39628; }

.mobile-mark { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; transition: 670ms 300ms; opacity: 0; visibility: hidden; z-index: 10; }
.mobile-mark.show { opacity: 1; visibility: visible; transition: 670ms 0ms; }
.menu-box { position: absolute; height: 56px; display: none; right: -240px; top: 0; transition: 780ms 0ms; z-index: 12; }
.menu-box.slider { right: 0; height: auto; transition: 680ms 300ms; }
.menuBtn { position: relative; float: left; width: 57px; height: 56px; cursor: pointer; background: #e39628; }
.menuBtn .burger, .munebox .burger { display: block; width: 35px; height: 2px; position: absolute; left: 11px; background: #fff; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: transform 277ms ease-in-out; -ms-transition: transform 277ms ease-in-out; -moz-transition: transform 277ms ease-in-out; }
.menuBtn .burger-1 { top: 18px; }
.menuBtn .burger-2 { top: 28px; width: 23px; left: 23px; }
.menuBtn .burger-3 { top: 37px; }
.menuBtn.active .burger-1 { top: 28px; left: 15px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menuBtn.active .burger-3 { top: 28px; left: 15px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#menu-handler1 { display: none; }
.mtop { height: 129px; }
.nav-box { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; padding:0px 130px; position: relative; z-index: 88; height:75px; box-sizing:border-box;}
.nav-wr { float:right; position: relative; }
.nav { height:75px; position: relative; z-index: 10; }
.nav li { float: left; position: relative; line-height: 0; }
.nav li a { display: inline-block; width:120px; text-align: center; height:75px; line-height:73px; color: #606060; font-size:16px; transition: 560ms; }
.nav li:nth-child(1) { position: relative; }
.nav li:hover a, .nav li.cureent a { color: #e39628; }
.navbg { display: block; width: 93px; height:2px; position: absolute; left: 0; bottom:2px; background: #e39628; }
.munebox { float: right; width: 35px; height: 21px; cursor: pointer; margin-top: 13px; position: relative; }
.munebox .burger { left: 0; background: #e39628; }
.munebox .burger-1 { top: 0; }
.munebox .burger-2 { width: 23px; left: 12px; top: 10px; }
.munebox .burger-3 { top: 19px; }
.munebox.active .burger-1 { top: 11px; left: 5px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.munebox.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.munebox.active .burger-3 { top: 11px; left: 5px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-nav { width: 240px; height: 100vh; float: left; background: #e39628; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; }
.nav-list a { display: block; height: 54px; border-bottom: 1px solid rgba(255,255,255,0.2); line-height: 54px; padding-left: 20px; color: #ffffff; font-size: 15px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.address { margin-left:20px; margin-top:20px; padding-bottom:20px; color: #fff; }
.address-info { display: block; margin-bottom: 5px; }
.address-info dt { display: inline-block; color: #ffffff; font-family: Arial; font-weight: normal; text-transform: uppercase; }
.address-info dd { display: inline-block; color: #ffffff; margin-left: 8px; }
.nav-list a { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
@-webkit-keyframes flipInX {
    from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
@keyframes flipInX {
    from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
.menu-down { background:rgba(100%,100%,100%,0.95); width:100%; position:absolute; left:0; top:74px; display:none; padding:0px 225px 0 130px; box-sizing:border-box; }
.menuleft{ float:left; max-width:20%; padding-top:4%; text-align:center; font-size:20px; color:#666;}
.menu-fix { float:right;}
.menu-list { float: left; width:120px; display:block; height:375px; padding-top:14px; position:relative;}
.menu-list:after{ content:''; display:block; position:absolute;right:0; top:0; width:1px; height:100%; background-color:#ddd;}
.menu-list dd { display: block; text-align: center; }
.menu-list dd a { display: inline-block; margin: auto; transition: 540ms; padding-bottom:12px; line-height:24px; color: #606060; font-size:15px; position: relative; }
.menu-list dd a:before { content: ""; height: 2px; background: #e39628; position: absolute; left: 0; bottom: 7px; transition: 666ms; opacity: 0; visibility: hidden; width: 0; }
.menu-list dd a:hover { color: #e39628; }
.menu-list dd a:hover:before { width: 100%; opacity: 1; visibility: visible; }
.navright{ float:right; width:75px; height:75px;}
.searchnav,.threenav{ width:50%; float:left; padding-top:24px; text-align:right;}
.ri_gh{ float:right; width:75px; margin-left:20px;}
 
.ri_gh .ri01{ float:right; position:relative; padding-top:30px; padding-right:0px;cursor:pointer;}
.ri_gh .ri01 .menu{ display:block; width:25px;height:25px; background: url(../images/list.png) no-repeat; z-index:90;-webkit-transition:all .3s;transition:all .3s;}
.ri_gh .ri01:hover .wio{ display:block;}
.ri_gh .ri02{ float:left; position:relative; height:20px; margin-top:30px; cursor:pointer; padding-right:2%; width:37px; }
.header-button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;z-index:1;display:block;width:30px;height:26px;margin:0;padding:0;outline:0;border:none;cursor:pointer}
#toggle-menu{float:left;background-position:0 0;background-color:#bc0023}
#toggle-search{float:right;background:url(../images/search.png) no-repeat 0px 0}
#toggle-search.open:after{top:40px}
#toggle-search:after{-moz-transition:top,.5s;-o-transition:top,.5s;-webkit-transition:top,.5s;transition:top,.5s;position:absolute;top:52px;left:50%;margin-left:-8px;content:"";border-color:transparent transparent #e1e4e7;border-style:solid;border-width:8px 8px 12px}
#toggle-basket{position:relative;float:right;background-position:-120px 0}
#toggle-basket:before{position:absolute;top:5px;left:0;width:2px;height:50px;content:"";background-color:#000}
#search-form{-moz-transition:max-height,.5s;-o-transition:max-height,.5s;-webkit-transition:max-height,.5s;transition:max-height,.5s;position:absolute;top:45px;right:0;width:260px;max-height:0;overflow:hidden;background-color:#fff}
#search-form.open{max-height:50px}
#search-form fieldset{position:relative;padding:0;border:none}
#search-form input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:50px;font-family:'微软雅黑'}
#search-form input[type=search]{width:100%;padding:0 5px 0 10px;background-color:#fff; border:1px solid #e39628;outline:0}
#search-form input[type=submit]{position:absolute;bottom:0;right:0;width:60px;margin:0;padding:0;font-weight:700;text-transform:uppercase;color:#fff;background:#e39628;border:none;cursor:pointer;outline:0}
@keyframes fadedown{from{transform:translateY(-100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
.mask{width:100%;height:100%;background:#000;-webkit-opacity:.5;opacity:.5;filter:Alpha(opacity=50);z-index:900;position:fixed;top:0;left:0;display:none}
.sitemap{width:360px;height:100%;background:#fff;z-index:1000;position:fixed;right:-100%;top:0;padding-bottom:100}
.sitemapCon{width:100%;height:100%}
.sitemap-head{width:100%;height:75px; box-sizing:border-box; background:#387499; padding:0 20px;}
.sitemap-head h2{font-size:16px;color:#fff;line-height:70px; float:left}
.sitemap-head a{width:46px;height:60px;background:url(../images/close.png) no-repeat center 8px;float:right;margin-top:9px}
.sitemap-con{ padding:10px 23px 0;height:100%; }
.sitemap{background-color:#fff}
.contacts{background:url(../images/phones.png) no-repeat 0 40px; padding-top:30px; color:#666;}
.contacts h3{font-size:24px;color:#666;line-height:24px;font-weight:700;padding-bottom:40px}
.contacts p{font-size:15px;color:#666;line-height:26px;margin:0}
.sitemap-nav ul li{ padding:7px 0; border-bottom:1px dashed #ddd;}
.sitemap-nav ul li a{ font-size:15px; line-height:22px; color:#888; display:inline-block; width:33.3%;}
.sitemap-nav ul li h3 a{ color:#333; width:100%; margin-bottom:5px;}
.sitemap-nav ul li a:hover{ color:#387499;}
@media screen and (max-width:1550px){
.nav-box { padding:0px 80px; }
.menu-down {  padding:0px 175px 0 80px; }
.logo p { font-size:13px; letter-spacing:2px; }
.logo img { display: block; height:34px; }
.logo { padding-top:12px;}
.contacts{ padding-top:15px; }
}
@media screen and (max-width:1410px){
   .baright{ margin-left:0;}
   .leader .flex-control-nav{ bottom:20px;}
   .base-text h3{ margin-bottom:12px;}
   .base-text p{ line-height:1.8;}
   .base-text{ padding:0 8%;}
   .nav li a{ width:100px; font-size:15px;}
   .menu-list dd a { padding-bottom:9px; line-height:22px; font-size:14px; }
   .menu-list{ width: 100px; height:335px;}
}
@media screen and (max-width:1300px){
.header .menu{right:10px}
.header .btns{margin-right:30px}
.logo p { letter-spacing:0px; }
}
@media screen and (max-width:1240px){
.menuleft,.ri_gh{ display:none}
.menu-down {  padding:0px 50px; }
.nav-box { padding:0px 50px; }
.logo p { font-size:11px;}
.logo{ padding-top:10px;}
.logo img { display: block; height:50px; }
}
@media screen and (max-width:1100px){
.menu-down { padding:0px 30px; }
.nav-box { padding:0px 30px; }
}
@media screen and (max-width:1024px){
   .slogo{ display:block;}
   .mtop{ display:block; height:56px;}
   .header-box{ height:56px; width:100%; box-sizing:border-box;}
   .nav-box{ display:none;}
   .menu-box{ display:block;}
   .logo{ width:auto; height:30px;  padding-top:0px;}
   .logo img{ height:40px; width:auto;}
   .header-r{ margin-top:12px; margin-right:18px;}
   .header-box { display:block;padding:8px 42px 16px 30px;}
}
@media screen and (max-height:800px){
.sitemap-con{padding:15x 20px;}
.sitemap-con dl{padding-bottom:5px;margin-bottom:8px}
.sitemap-shares h3{padding:0}
.sitemap-shares .reenoo{padding-top:8px}
.header-box { padding:8px 42px 16px 15px;}
} 
/*banner*/  
.sbanner{ display:none;}
@media screen and (max-width:768px){
.banner{ display:none;}
.sbanner{ display:block; margin-top:56px;}
.sbanner img{ width:100%; vertical-align:middle;}
.sbanner .swiper-container {width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px;background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;  -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
} 

.icontent{ padding:15px 130px; position:relative;} 
.icontent:after{ content:''; display:block; width:30%; position:absolute; right:0; height:165px; top:15px; background-color:#e0e2e4; z-index:-1;}
.core{ width:20%; float:left; box-sizing:border-box; padding:35px 0 0;} 
.energy{ width:80%; float:right;} 
.four>li{ width:25%; float:left;}
.core h2{font-size:30px; color:#333; line-height:50px; font-weight:bold; margin:0;} 
.core p{font-size:22px; color:#dedede; line-height:30px; font-weight:bold; } 
.four>li>a{ display:block; height:165px; padding:45px 30px; box-sizing:border-box;z-index:30; position:absolute; left:0; top:0; width:100%; box-sizing:border-box;} 
.four>li{ height:165px; position:relative; height:165px;} 
.four>li .btop{ position:absolute; bottom:0%; z-index:20; transition:all 0.3s; background-color:rgba(255,255,255,0.9); padding:20px 0px ;width:100%;}
.four>li .btop a{ display:inline-block; width:33%; text-align:center; font-size:16px; color:#666; line-height:26px;}
.four>li>a h3{font-size:24px; color:#fff; line-height:34px; font-weight:normal; transition:all 0.4s;}  
.four>li>a p{font-size:14px; color:#fff; line-height:30px; text-transform:uppercase;}  
.four>li:nth-child(1)>a{ background:#d5553a url(../images/c1.png) no-repeat 80% 70%;}
.four>li:nth-child(2)>a{ background:#e39628 url(../images/c2.png) no-repeat 80% 70%;}
.four>li:nth-child(3)>a{ background:#387499 url(../images/c3.png) no-repeat 80% 70%;}
.four>li:nth-child(4)>a{ background:#0d7e8c url(../images/c4.png) no-repeat 80% 70%;}
.four>li>a:hover h3{ transform:translateY(-8px)}
.four li:hover .btop{  bottom:100%; }
.four>li:nth-child(1) .btop a:hover{ color:#d5553a;} 
.four>li:nth-child(2) .btop a:hover{ color:#e39628;} 
.four>li:nth-child(3) .btop a:hover{ color:#387499;} 
.four>li:nth-child(4) .btop a:hover{ color:#0d7e8c;} 
.life{ padding:30px 130px;}
.word{ width:20%; float:left; margin-top:20px;}
.ihonor{ width:40%;float:left; background-color:#dedede; padding:20px 10px; box-sizing:border-box;margin-top:20px;}
.icontact{ width:28%;float:left; box-sizing:border-box; padding:0 2%;}
.wechat{ width:12%;float:left;}
.word h3{ font-size:16px; color:#333; line-height:50px; background:url(../images/yin.png) no-repeat  center center; font-weight:normal; text-align:center; position:relative;}
.word h3:after{ content:''; display:block; width:180px; position:absolute; left:-130px; height:2px; top:50%; background-color:#d5553a; z-index:-1;}
.ihonor p{font-size:16px; color:#666; line-height:26px; text-align:center;}
.icontact h3{ font-size:16px; color:#333; line-height:30px; font-weight:bold;}
.icontact h4{ font-size:14px; color:#999; line-height:30px; }
.icontact p{ font-size:14px; color:#666; line-height:30px; }
.icontact p img{ vertical-align:middle;}
.wechat ul li{ width:50%; float:left; text-align:center; position:relative;}
.wechat ul{ width:100%;}
.wechat ul li p{ font-size:14px; color:#555; line-height:34px; }
.wechat .wetop img{ max-width:98%;}
.close1{float:right; cursor:pointer; width:20px;}
.close1 img{ width:20px;}
.webot{ position:absolute; bottom:110%; box-shadow:1px 1px 7px 1px #bbb; width:150px; right:10%; background-color:#fff;padding:10px 20px; z-index:8999; display:none;}
.wetop{ cursor:pointer;}









footer{ background-color:#333333; padding:15px 130px;}
footer p,footer a{ font-size:13px; color:#fff; line-height:24px;}
.fleft{ float:left;}
.fright{ float:right;}
footer img{ vertical-align:middle; display:inline-block; margin:0 3px;}
#pump1{ cursor:pointer;}
@media screen and (max-width:1550px){
.core h2{font-size:24px; line-height:40px; } 
.core p{font-size:18px; } 
.four>li>a h3{font-size:20px; line-height:30px; }  
.four>li>a p{font-size:13px; line-height:24px; }  
.four>li>a{ padding:50px 20px 0;} 
.icontent{ padding:15px 80px; }
footer{padding:15px 80px;} 
.life{ padding:20px 80px;}
.word h3:after{ width:90px; left:-80px; }
.ihonor{ padding:10px 10px; }
.ihonor p{font-size:14px; line-height:24px; }
.four>li .btop{  padding:14px 0px ; }
.four>li .btop a{ font-size:14px;  width:50%; }
}
@media screen and (max-width:1300px){
.core h2{font-size:20px; } 
.core p{font-size:14px; line-height:24px;} 
.icontent:after{ height:140px; }
.four>li{ height:140px; position:relative; } 
.four>li>a{ height:140px; padding:35px 20px 0; } 
.four>li>a h3{font-size:18px; line-height:32px; }  
.four>li>a p{font-size:12px;line-height:20px;} 
 
}
@media screen and (max-width:1240px){
.icontent{ padding:15px 50px; } 
.life{ padding:20px 50px;}
footer{padding:15px 50px;} 
}
@media screen and (max-width:1200px){
.ihonor{ width:30%; }
.icontact{ width:34%; }
.wechat{ width:16%; }
.icontact p{ line-height:24px; }
}
@media screen and (max-width:1000px){
.four>li .btop a{ width:50%; }
.four>li>a{ padding:30px 15px 0; } 
}
@media screen and (max-width:850px){
.core{ width:100%; float:none; padding:0;} 
.energy{ width:100%; float:none; margin-top:20px} 
.icontent:after{ display:none;}
.word h3{ background:url(../images/yin.png) no-repeat  0 center; text-align:left; padding-left:15px;}
.word h3:after{ width:60px; left:-80px;}
.word{ width:100%;  float:none; margin-top:0;}
.ihonor{ width:25%;margin-top:30px; }
.icontact{ width:50%; margin-top:20px;}
.wechat{ width:25%; margin-top:20px;}
.mp{ display:none; visibility:hidden; height:0px;}

}
@media screen and (max-width:700px){
.four > li {width:50%;}
.icontent{ padding:10px 15px; } 
.life{ padding:10px 15px;}
footer{padding:10px 15px;} 
.core h2 { line-height:26px; margin-top:10px;}
.ihonor{ width:100%; float:none;margin-top:20px; }
.icontact{ width:100%; float:none; margin-top:15px; padding:0;}
.wechat{ width:100%; float:none;margin-top:10px;}
.wechat tr td img{ width:95%;}
.ihonor p{ text-align:left;}
.mp{ display:none; visibility:hidden; height:0px;}
.four li:hover .btop{  bottom:0%; }
.foot .fright{ float:left;}
}