@charset "utf-8";
/*====================== 初始化 ====================*/
body { font-family:'zfull-GB','Microsoft YaHei', '微软雅黑','宋体'; font-size:14px; line-height:22px; color:#333333;}
body,ul,ol,li,p,span,i,strong,a,h1,h2,h3,h4,h5,h6,form,table,td,img,div,form,label,dl,dt,dd{margin:0;padding:0;border:0;} 
ul,ol{ list-style:none;}
table { border-collapse:collapse; border-spacing:0;}
a{ text-decoration:none; color:#000;}
img{ border:none;}
input,button,select,textarea{outline:none; border:none}
.width1200{ margin:0 auto; width:1200px; min-width:1000px;}
.width1162{ margin:0 auto; width:1162px; min-width:1000px;}
.width1000{ margin:0 auto; width:1000px; min-width:1000px;}

/*====================== 首页 ====================*/
.top{ height:60px;}
.top h1 a{ display:block; width:226px; height:38px; background:url(../images/logo.png) no-repeat center; float:left; margin-top:11px;}
.top ul{ float:right;}
.top ul li{ float:left; margin-left:40px; height:56px; line-height:56px;}
.top ul li.active a{ border-bottom:4px solid #3679c3; color:#3679c3;}
.top ul li a{ font-size:16px; color:#333; display:inline-block; padding:0 15px; border-bottom:4px solid #fff;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.top ul li:hover a{ border-bottom:4px solid #3679c3; color:#3679c3}
.banner img{ width:100%; display:block;}
.list{ text-align:center; padding:60px 0; overflow:hidden;}
.list h3{ font-size:36px; color:#333; font-weight:normal;}
.list h3 span{ display:inline-block; margin-right:7px; font-weight:bold;}
.list p{ font-size:18px; color:#999999; display:block; padding:30px 0 60px 0;}
.list p:after{ content:""; display:block; width:196px; height:7px; background:url(../images/l-border.png) no-repeat center; margin:20px auto 0;}
.list ul{ overflow:hidden;}
.list ul li{ float:left; width:25%; text-align:center;}
.list dt{ font-size:18px; margin:10px 0;}
.list dd{ color:#999999; font-size:14px;}
.collaborate-bj{ background:#f0f3f5;}
.collaborate ul li{ width:20%;}
.collaborate ul li img{ border: 2px solid #d7d8d9; border-radius: 5px; }
.records{ background:#333333; font-size:12px; color:#fff; text-align:center; padding:30px 0;}
.share ul li{ width:25%; float:left; text-align:center;}
.share ul li em{ display:block; font-style:normal; font-size:18px; color:#333333; margin-top:15px;}
.share-img{ width:1002px; height:94px; background:url(../images/share-shop.png) no-repeat center center; margin:0 auto;}
.share-div{ position:relative; min-height:80px;}
.share-div ul{ overflow:hidden; padding:20px 0 0 0;}
.share-div ul li{ float:left; text-align:center;position:absolute; top:15px; }
.share-div ul li h3{ color:#333; font-size:18px; font-weight:normal; margin-bottom:5px;}
.share-div ul li p{ font-size:14px; color:#999999;}
.share-div ul li.li1{ left:70px;}
.share-div ul li.li2{ left:370px;}
.share-div ul li.li3{ left:650px;}
.share-div ul li.li4{ left:960px;}
.share-bj{ padding:60px 0; position:relative;}
.serve{ text-align:center; padding:60px 0;}
.serve h3{ font-size:36px; color:#333333; font-weight: normal;}
.serve h3:after{content:""; display:block; width:196px; height:7px; background:url(../images/l-border.png) no-repeat center; margin:30px auto 0;}
.serve ul{ overflow:hidden; padding-top:50px;}
.serve ul li{ float:left; width:25%; text-align:center;}
.serve ul li h4{ font-size:18px; color:#333333; margin:10px 0;}
.serve ul li p{ font-size:14px; color:#999999;}
.serve-bj{ background:#f0f3f5; padding-bottom:40px;}
.serve-on-line{ font-size:30px; color:#666666; overflow:hidden; text-align:center}
.serve-on-line ul{ display:inline-block;}
.serve-on-lineIn{ margin-top:30px;}
.serve-on-line ul li img{ margin-left:40px;}
.accordion ul li{ float:left; width:150px; height:300px; overflow:hidden;position:relative;}
.accordion ul li.onlive{width:150px; height:300px; overflow:hidden;}
.accordion ul li.ontwo{width:200px; height:300px; overflow:hidden;}
.accordion{ background:#cacaca; height:300px; overflow:hidden;}
.accordion-img{ width:150px; float:left; display:inline-block; margin-top:58px; position:relative;}
.accordion-img img{ position:absolute; right:20px; top:20px;}
.accordion-txt{width: 264px; float:left; text-align:left;}
.accordion ul li h4{ color:#333333; font-size:18px; margin:30px 0 10px 0;
position:absolute; top:10px; right:10px; color:#FFF; z-index:3;}
.accordion ul li span{ display:none; font-size:14px; color:#666666; line-height:24px;}
.accordion ul li.active{ width:562px; background:url(../images/energy-bj.png) no-repeat center;}
.accordion ul li.active h4{ position:static; color:#333333;}
.accordion ul li.active span{ display:block;}
.accordion ul li.active .accordion-img{ width:298px;}
.accordion-mask4{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:2;}
.accordion-mask6{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:2;}
.accordion ul li.active .accordion-mask6{ background:rgba(0,0,0,0);}
.accordion ul li.active .accordion-mask4{ background:rgba(0,0,0,0);}
.accordion-no{ padding:60px 0 20px 0;}
.accordion-none{ padding:0 0 60px 0;}
.accordion-none ul li{ width:200px;}
.accordion-none .accordion-txt{ float:left; margin:-58px 0 0 20px;}
.accordion-none .accordion-img{ float:right;}
.accordion-none .accordion-img img{ left:-20px;}
.accordion-none .accordion ul li h4{ left:10px;}
.accordion-line{ margin-bottom:30px;}
.accordion-list-none{ padding:60px 0 0 0;}
.accordion-list-bt{ text-align:left;}
.accordion-list-bt img{ display:inline-block; margin-bottom:30px; margin-left:210px;}
.accordion-list-bt img:last-child{ margin-bottom:60px; margin-left:225px;}
.contact-title{ margin-top:30px;}
.contact-title h4{ font-size:24px; color:#333333; margin-bottom:20px; font-weight: normal;}
.contact-title h4:before{ content:""; display:inline-block; background:#cccccc;
height:28px; width:4px; margin-right:10px; position:relative; top:5px;}
.contact-list p{ font-size:14px; color:#666; line-height:23px; margin-top:10px; text-indent:0em !important;}
.contact-time ul li{ position:relative;font-size:14px; color:333; min-height:100px;}
.contact-month{ width:80px; text-align:center}
.contact-month em{ font-style:normal; display:block;color:#3679c3;  }
.contact-month span{ display:block; font-size:24px; color:#3679c3; }
.contact-border{ position:absolute; top:15px; left:0; right:0; bottom:0;min-height:80px;}
.contact-border i{ display:block; min-height:70px; width:2px; background:#3679c3;
position:absolute; left:4px; top:12px; bottom:0; right:0; padding-bottom:30px;}
.contact-border strong{ display:inline-block; height:10px; width:10px; background:#3679c3;
border-radius:50%;}
.contact-time p{ position:absolute; left:100px; top:0px; right:10px; bottom:0; color:#666;}
.contact-none{ margin:0 auto;}
.contact-none p{ font-size:14px; color:#999; line-height:35px;}
.contact-none i{ display:inline-block; width:30px;}
.contact-none span{ display:inline-block; width:60px; height:1px; background:#999; margin:0 10px;
position:relative; top:-4px;}
.contact-plat p{ font-size:14px; color:#666; line-height:35px;}
.list-n ul{ margin-bottom:60px;}
.list-n ul li{ margin-top:60px; overflow:hidden;}
.list-n i{ display:block; width:4px; height:60px; background:#3679c3; float:left;}
.list-n-time{ width:80px; text-align:center; float:left; font-size:20px; color:333;}
.list-n-time h4{ font-size:36px; color:#333; margin:8px 0 10px 0;}
.list-n-list{ float:left; margin-left:130px; font-size:14px; color:#999; text-align:center;}
.list-n-list h3{ font-size:26px; font-weight:normal; color:#333333; margin-bottom:15px; text-align: left;}
.list-n-list p{ line-height:25px; margin-top:10px; clear:both; text-align:left;}
.list-n-list img{ text-align:left; float:left;}
.list-n-list a{ display:block; color:#999; margin-top:15px; text-align:left; clear:both; 
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.list-n-list a:hover{ color:#3679c3;}
.list-n-list em{ font-style:normal; float:left; height:30px; line-height:30px; margin-bottom: 10px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.list-n-list img{ display:inline-block; margin:5px 0;}
.list-new{ text-align:center;}
.list-new h3{ color:#333; font-size:26px; font-weight:normal; margin:30px 0;}
.list-new{ font-size:14px; color:#666;}
.list-new span{ display:block; margin:10px 0; border-bottom:1px solid #cccccc; margin-bottom:40px; padding-bottom:10px; color:#999;}
.list-new p{ text-align:left; text-indent:2em; line-height:24px; margin-top:10px;}
.list-new img{ display:inline-block; margin:5px 0;}
.list-new-padding{ padding:60px 0;}
.contact-plat{ padding-bottom:60px;}
.serve-on-line ul li{ float:left; height:114px; line-height:114px; position:relative;}
.serve-on-line ul li:first-child{ display:inline-block; width:150px; text-align:center}
.list-n-list em.on{ color:#3679c3;}
.list-n-list img{ display:inline-block; margin:10px 0;}
.list-n-list h3 a{ color:#333;}
.serv-ov{ overflow:hidden;}
.serv-left{ width:600px; float:left; text-align:center; font-size:24px; color:#666; margin-top:100px;}
.serv-left p{ line-height:50px;}
.serv-right{ width:600px; float:right; margin-top:20px;}
.share ul li strong{ font-weight:normal; font-size:14px; color:#999; display:block; margin-top:10px;}

.austin{ overflow:hidden; text-align:center}
.austin ul{ display:inline-block;}
.austin ul li{ overflow:hidden;}
.austin ul li.li2{ margin-top:40px;}
.austin-div{ float:left;}
.austin-div1{ width:170px; text-align:center;}
.austin-div1 h3{ font-size:24px; color:#333; margin-bottom:10px; margin-top:10px; font-weight:normal;}
.austin-div1 p{ font-size:14px; color:#999999;}
.austin-div2{ height:2px; width:160px; background:#cccccc; display:block; margin:40px 40px 0;}
.austin-div3 p.imgi{ display:inline-block; margin-left:20px;}
.austin-div3 p{ width:100px; float:left; text-align:center;}
.austin-div3 p span{ display:block; font-size:14px; color:#999999; margin-top:3px;}