@charset "UTF-8";
/*
auther:noyid
qq：374288398
company：重庆汐海科技
update:2016-07-13 13:39:32
 
*/
html * {outline: 0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, table, td, th, form,input,textarea,option,fieldset, img, dl, dt, dd,article, aside, canvas,details,figcaption,figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{ margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}
select, input,img{vertical-align:middle;}
li{ list-style:none;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;margin-bottom: 1.4em;table-layout: fixed;}
input[type="submit"],input[type="reset"],input[type="button"],input{-webkit-appearance:none;/*去掉iPhone网页按钮圆角*/}
input::-ms-clear {display: none;/*去除IE10+浏览器文本框后面的小叉*/}
input:focus,textarea:focus {
    outline: none;/*去除Chrome等浏览器文本框默认发光边框*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;/*去除高光样式*/
    border: 1px solid #149340;/*定义激活样式*/
}
textarea {resize: none;/*禁止多行文本框textarea拖拽放大缩小*/}
::-webkit-input-placeholder {color: #999; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } 
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } 
/*html5*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {display:block;}
audio, canvas, video{ display:inline-block;  *display:inline;  *zoom:1;}
hr{border:none}
.v-m{vertical-align:middle}
.d-b{display: block;}
.d-i{display: inline;}
.d-n {display:none;}
.posr {position:relative;}
.posa {position:absolute;}
.zoom {zoom:1}
.v-h {visibility:hidden;}

/*Layout*/
.row{width:960px;margin-left:auto;margin-right: auto;}
.clearfix,.row {*zoom: 1;}
.clearfix:before,.row:before,.clearfix:after,.row:after {display: table;line-height: 0;content: "";clear: both;}
.col{float:left;*display:inline;margin-left:10px;margin-right:10px;}
.col1{width:60px}
.col2{width:140px}
.col3{width:220px}
.col4{width:300px}
.col5{width:380px}
.col6{width:460px}
.col7{width:540px}
.col8{width:620px}
.col9{width:700px}
.col10{width:780px}
.col11{width:860px}
.col12{width:940px;}
/*其他*/
.cursor{cursor:pointer}
.fl{float:left;*display:inline;}
.fr{float:right;*display:inline;}
.center{margin-left: auto;margin-right: auto;}

.cb{ clear:both;}
.cl {clear:left;}
.cr {clear:right;}
.of-h{overflow:hidden;}

.margin-fix{margin-left:-10px;padding-left:10px}
.ml-10{margin-left:-10px}
.mr-10{margin-right:-10px}
/*常用值*/
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.ml0{margin-left: 0px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.pt1{padding-top: 1px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.p20{padding:20px}
.mt-5{margin-top:-5px;}
.mr-20{margin-right:-20px}
/*文本*/
.b{font-weight: bold;}
.n{font-weight: normal;font-style: normal;}
.i{font-style: italic;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.t-j{text-align:justify;}
.notext {font: 0/0 a;color: transparent;text-shadow: none;}
h1,.f24{font-size:24px;}
h2,.f20{font-size:20px;}
h3,.f18{font-size:18px;}
h4,.f16{font-size:16px;}
h5,.f14{font-size:14px;}
h6,.f12{font-size:12px;}
.f30{font-size:30px;}
.f28{font-size:28px;}
.f15{font-size: 15px;}
.f13{font-size: 13px;}
.l-l{line-height:1.8;}
.l-s{line-height:1.5;}

.table table th, .table table td,.table table caption{border:1px solid #ddd;padding:0.5em 1em;color:#666;}
.table table th{  background:#fbfbfb;}
.table table thead th{  background:#f1f1f1;}
.table table caption{  border-bottom:none;}
/*边框去除*/
.no-bt {border-top:none;}
.no-bb {border-bottom:none;}
.no-bl {border-left:none;}
.no-br {border-right:none;}

.trans{transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.title03{font-size:18px; font-weight:bold;}
body { font:14px/1.4 "Microsoft Yahei",arial, helvetica, sans-serif; color:#333}
a{text-decoration:none; color:#333;}
a:hover { color:#01943c; }
.hover-underline:hover{text-decoration: underline;}
.color-999{color:#999!important}
.color-666{color:#666!important}
.color-333{color:#333!important}
.color-primary{color: #01943c;}
.color-second{color:#2368b7;}
.color-accent{color:#2368b7;}
.color-fff{color:#fff}
.bg-eee{background-color:#eee;}
.bg-red{background-color:#e10806;}
.bg-fff{background-color:#fff;}
.bg-primary{background-color: #01943c;}
.bg-second{background-color:#2368b7}
.bdl{border-left:1px solid #ddd;}
.bdt{border-top:1px solid #ddd;}
.btn{display:block;border-radius:10px;height:30px;line-height:30px;color:#fff}
.btn:hover{color:#fff;}

.slider { position: relative; height:400px; overflow: hidden; }
.slider .bd li{position: relative;}
.slider .bd img {width:100%; height:400px; visibility: hidden }
.slider .bd a{display: block;}
.slider .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; left:50%;margin-left:-43px;z-index:3}
.slider .hd li{float:left;width:25px; height:5px; font: 0/0 blank;cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.slider .hd .on{ background:#01943c; filter:alpha(opacity=100);opacity:1;   }
.slider .prev,
.slider .next { width:45px; height:99px; position:absolute; top:91px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.slider .prev { background-image:url(images/index.png); background-position:-112px 0; left:0 }
.slider .next { background-image:url(images/index.png); background-position:-158px 0; right:0 }
.slider .prev:hover,
.slider .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }


.txtScroll-top{ overflow:hidden; position:relative; height:30px}
		.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px;   overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
		.txtScroll-top .hd .next{ background-position:0 -140px;  }
		.txtScroll-top .hd .prevStop{ background-position:-60px -100px;  }
		.txtScroll-top .hd .nextStop{ background-position:-60px -140px;  }
		.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
		.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
		.txtScroll-top .hd ul li.on{ background-position:0 0; }
		.txtScroll-top .infoList li{ height:30px; line-height:30px;   }
		.txtScroll-top .infoList li a{color:#999}


header{height:110px;border-bottom:1px solid #ddd;}
footer{border-top: 1px solid #ddd;background-color:#f2f2f2;padding-top:40px; -webkit-box-shadow:0 0 4px #ddd inset;-moz-box-shadow:0 0 4px #ddd inset;-ms-box-shadow:0 0 4px #ddd inset;box-shadow:0 0 4px #ddd inset;    }
.cate a{display: block;line-height: 32px;color: #999;}
.cate a:hover{color: #01943C;text-decoration: underline;}
.hotline{padding-left:70px;border-left: 1px solid #ddd;}
.hotline dt{background-image: url(../img/kf.png);
    background-image: -webkit-image-set(url(../img/kf.png) 1x,url(../img/kf@2x.png) 2x);background-repeat:no-repeat;background-position:left center;
    -webkit-background-size: 36px 40px;padding-left:45px;}
.copyright{height:60px;line-height:60px;}
a.sitemap:hover{color:#fff;text-decoration: underline;}
.flink a{color:#999}
.flink a:hover{color: #01943C;text-decoration: underline;}

#topbar{height:30px;line-height: 30px;color:#999;background:#f8f8f8;border-bottom: 1px solid #ddd;}
.notice{padding-left:20px;background-image: url(../img/notice.png);
    background-image: -webkit-image-set(url(../img/notice.png) 1x,url(../img/notice@2x.png) 2x);background-repeat:no-repeat;background-position:left center;
    -webkit-background-size: 17px 16px;color:#999}
.logo{width:205px; padding-top:12px;}
.nav .active,.index .logo{border-top: 1px solid #01943c;position: relative;margin-top:-1px;color:#01943c;}
.nav li{float: left;line-height:80px;}
.nav a{margin:0 10px;display: block;}
.nav .dropmenu{visibility: hidden;opacity:0;width:938px;height:320px;line-height:32px;overflow: hidden;position: absolute;left:10px;top:80px;background:#fff;border:1px solid #ddd;border-top:none;/*border-radius:0 0 10px 10px;*/display: none;}
.nav li:hover .dropmenu{visibility: visible;z-index: 9999;opacity:1;display: block;}

.search{margin-top: ;}
.search-field{height:20px;border-radius:3px;border: 1px solid #ddd;color:#999;text-indent:5px;}
.search .search-field:focus {border: 1px solid #149340;color:#666/*定义激活样式*/}
.search .search-btn{width:20px;height:18px;border:0;background-color:#fff;background-image: url(../img/search.png);
    background-image: -webkit-image-set(url(../img/search.png) 1x,url(../img/search@2x.png) 2x);background-repeat:no-repeat;background-position:left center;-webkit-background-size: 15px 15px;position: absolute;right:2px;top:2px}
.search:hover .search-field,.search-field:focus{width:180px;}

/*index*/
.division .f30{top:50px}
.news{background:url(../img/new.png) no-repeat right center;border-left: 1px solid #ddd;
    margin-left: 9px;}
.news li{height:70px;line-height:23px;margin-left:30px;}
.news .day{border-top:1px solid #999}
/*category*/
.division .info{border:1px solid #ddd;padding:20px;line-height:1.6;color:#666;height:320px;}
.division .info p{min-height:190px;}
.division .link a{border-radius:10px;border:1px solid #ddd;padding:0 10px;float: left;margin-right:10px;margin-bottom: 10px;}
.division .left:hover,.division .right:hover{opacity:.8;*filter:alpha(opacity=80)}
/*position*/
.position{background-image: url(../img/home.png);
    background-image: -webkit-image-set(url(../img/home.png) 1x,url(../img/home@2x.png) 2x);background-repeat:no-repeat;background-position:left center;-webkit-background-size: 18px 16px;text-indent:20px;height: 40px;line-height: 40px;color:#999}
.position a{color: #999;margin:10px 5px;}
.position a:hover{text-decoration:underline;}

.banner .tit{height:140px;background-color:#eee;text-indent:25px;padding-top:60px;}
.banner .tit span{border-top:2px solid #01943C;padding-top:10px; font-size:24px;}
.banner{background: url(../img/channel-banner.jpg) no-repeat;height:200px}
.product .banner{background-image:url(../img/category-banner-index.png);}
.product td{border: 1px solid #333!important;padding:5px 0!important;}
.category-h{height: 60px;line-height: 60px;border-bottom:4px solid #eee}
.category-h a{float: left;padding:0 45px;}
.category-h .active{border-bottom:4px solid #01943C;/*position:relative;*/margin-bottom:-4px;}
.content{line-height:1.8;}
.content p{margin-bottom: 10px;margin-top: 10px;}
.content img{max-width: 100%;}
.sidebar .tit{height:60px;line-height: 60px;text-indent:20px; border:none; font-size:20px; margin:0;}
/*图集*/
.thumbs li{width:220px;position:relative}
.thumbs  .thumb{width:200px;height:auto;display:block;margin-bottom:10px;border:1px solid #eee}
.thumbs .bigimg{width:0;opacity:0;filter:alpah(opacity=0);position:absolute;top:0;left:220px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;border:1px solid #eee}
.thumbs li:hover .bigimg{max-width:700px;width:auto;opacity:1;filter:alpah(opacity=0);}
.channel dt{border-left:5px solid #ddd;text-indent:15px;margin-top:30px;margin-bottom: 20px;}
.channel dd{margin-left:20px;text-indent:15px;margin-top:20px;margin-bottom: 20px;}
.channel dt.active,.channel dt:hover{border-color:#01943C}
.channel dd.active{background-image: url(../img/category-active.png);
    background-image: -webkit-image-set(url(../img/category-active.png) 1x,url(../img/category-active@2x.png) 2x);background-repeat:no-repeat;background-position:left center;-webkit-background-size:9px 15px;}
.channel dd.active a,.channel dt.active a{color:#01943C}

.list li{width: 220px;margin-bottom:20px;text-align: center;}
.list li .n{height:40px;line-height: 40px;}
.list .thumb{width:218px;height:250px;border:1px solid #eee;text-align:center;line-height:250px;overflow:hidden}
.list .thumb img{max-width:100%;max-height:100%}
.list li:hover .thumb{border-color:#01943C;opacity:.9;}
/*分页*/
.pagination {margin:30px 0}
.pagination li{float:left;margin-right:10px;}
.pagination a{display:block;height:30px;line-height:30px;padding:0 10px;background-color:#f2f2f2;}
.pagination .current{background-color:#01943C;color:#fff}
.pagination ul{margin-top:10px;overflow:hidden}
.description{padding-left:30px;position: relative;color:#999;line-height: 1.8;}
.description:before{content:"“";font-size:72px;position: absolute;left:-50px;top:-5px;color:#ddd;line-height: 1;}

.title{border-bottom:3px solid #01943C;padding-bottom:10px;color:#01943C}
.fluid.title{border-color: #2368B7;color:#2368B7}
/*流体*/
.fluid .channel a:hover{color:#2368b7;}
.fluid .channel dt.active,.fluid .channel dt:hover{border-color:#2368b7}
.fluid .channel dd.active{background-image: url(../img/category-active-fluid.png);
    background-image: -webkit-image-set(url(../img/category-active-fluid.png) 1x,url(../img/category-active-fluid@2x.png) 2x);}
.fluid .channel dd.active a,.fluid .channel dt.active a{color:#2368b7}
.fluid .list li:hover .thumb{border-color:#2368b7}
.fluid .list li:hover h5{color:#2368b7}
.fluid .pagination .current{background-color:#01943C;}
.fluid .pagination a:hover{color:#2368b7}

/*新能源案例*/
.caselist li{float: left;width:340px;margin:10px}
.caselist a:hover h5{color:#01943C}
.caselist a:hover{opacity: .9;}
.caselist p{width:330px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*流体案例&招聘*/
.table th{background-color: #2368B7;color:#fff;line-height: 30px;height:30px;font-weight: 300;text-align: left;padding:0 10px;/*border:1px solid #eee*/}
.table td{padding:10px;border:1px solid #eee;color:#666;line-height:28px;}
.table tr td:first-child{color:#2368B7;padding:10px 30px;vertical-align: top;}
.table ul li{width:50%;float: left;}
.table.jobs th{background-color: #01943C;} 
.table.jobs tr td:first-child{color:#01943C;}

.banner-channel{height:165px;border-bottom:1px solid #eee;position: relative;}
.banner-channel .tit{position: absolute;right:0;top:50px}
.form .text{background:#f8f8f8;height: 36px;line-height: 36px;text-indent:30px;margin-bottom: 10px;border: 1px solid #f8f8f8;width:214px}
.message .text,.message textarea{background-image: url(../img/message.png);
    background-image: -webkit-image-set(url(../img/message.png) 1x,url(../img/message@2x.png) 2x);background-size:19px 154px;background-repeat: no-repeat;}
.message textarea{border:1px solid #F8F8F8;background-color: #F8F8F8;width:625px;;padding:10px 30px;background-position:5px -128px;}
.message .name{background-position:5px 10px;}
.message .tel{background-position:5px -35px;}
.message .mail{background-position:5px -80px;}
.message .submit{width:687px;height:36px;line-height: 36px;color:#fff;}
.message .submit:hover{background: #2466b2;}

.list-text li{line-height:42px;height:42px}
.list-text li a{display: block;}
.list-text li span{margin-right: 10px;}
.article .title{padding-top:4px;}
.article p{margin: 10px 0;}
.article img{max-width: 100%;}
.prev-next{margin-top:10px;}
.bdsharebuttonbox.article{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0}
.p-indent0 p{text-indent:0}
.slogan span{font-weight:normal;padding:30px 20px 20px;color:#01943c; display:block; font-size:24px;}
.slogan p{margin:0 20px;color:#999;}
.slogan .color-primary{color: #01943c; padding:20px 0; font-size:24px;}
.content div.color-primary{font-size:24px;}
.fluid-a a:hover{color:#2368b7}
.link{margin:0 auto; color:#999; padding:10px 0;}
.link a{color:#999;}
.col div.color-primary,.col p.color-primary,.col p.color-second{font-size:20px;}