@charset "utf-8";
body{ font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu; min-width:300px; overflow-x:hidden; /* color:#444; */border-top:4px solid #449933; background:#fff/*url(../images/bodybg.jpg) repeat left top*/;}

a:focus {outline:none; -moz-outline:none;}

.clear{ clear:both; overflow:hidden; height:0px;}
.clearfix:after{
    display: block;
    font-size: 0;
    line-height:0;
    visibility: hidden;
    height: 0;
    clear: both;
    content: " ";  
}

.columnban{ text-align:center;}
.columnban img{ width:100%; max-width:1200px;}

.Content{padding-top:2em; padding-bottom:2em;}
.Sidebar{ width:245px; float:left; }
.Rightbar{ width:100%; float:right; padding-bottom:3%;}
.row div{width:29%;float:left;margin-left:30px;margin-top:20px;}
.row h1,.row select{width:100%;height:2.4em;}
.row select{color:black;}
.info{ padding:0 0 2% 0; margin:1em 0;}

.Sidebar header{  height:129px;}
.col_12{background:url(../images/col_12.png) no-repeat;}
.col_13{background:url(../images/col_13.png) no-repeat;}
.col_14{background:url(../images/col_14.png) no-repeat;}
.col_15{background:url(../images/col_15.png) no-repeat;}
.col_16{background:url(../images/col_16.png) no-repeat;}
.col_17{background:url(../images/col_17.png) no-repeat;}
.col_18{background:url(../images/col_18.png) no-repeat;}
.col_0{background:url(../images/col_0.png) no-repeat;}

.side_contact{ padding-bottom:7px;}
.side_contact img{ border:1px solid #e0e0e0;}
.side_project{ margin-bottom:0;}
.side_project dd{ position:relative; border:1px solid #ececec; margin-top:13px;}
.side_project dd img{ width:242px; height:95px;}
.side_project dd div{ background:rgba(0,0,0,.5); position:absolute; left:0px; bottom:0; height:28px; line-height:28px; width:100%;}
.side_project dd div a{ display:block; padding-left:17px; padding-right:20px; color:#fff; font-size:16px;}
.side_project dd div a span{ float:right; font-size:12px; background:url(../images/a_more.png) no-repeat left center; padding-left:10px;}

.sub li{text-align:center; padding-bottom:3px;}
.sub li a{ display:block; line-height:40px;height:40px; background-color:#fff;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sub li a:hover,.sub li a.on{background-color:#449933; color:#fff; text-decoration:none;}

@media (min-width:300px) and (max-width:1100px)
{ 
.Sidebar header,
.side_contact,
.side_project{ display:none;}
.sub{ text-align:center;}
.sub ul{ width:100%; margin-bottom:0;}
.sub li{width:20%; float:left; padding-bottom:0; font-size:120%;}
.sub_w25 li{ width:25%;}
.sub_w33 li{ width:33.33%;}
.sub_w16 li{ width:16.66666666666667%;}
.sub li a{ color:#fff; background:url(../images/line.jpg) no-repeat right center;}
.sub li:last-child a{ background:none;}
.sub li a.on{ font-weight:bold;}

.Content{ padding-top:0; padding-bottom:2%;}
.Sidebar{ float:none;width:100%; position:relative; background-color:#449933; z-index:20;}
.Rightbar{ float:none; width:100%;}
.info{ padding:0 2%; margin:1em 0;}
.info img{ max-width:100%; padding-bottom:1em;}
}

@media (min-width:300px) and (max-width:360px)
{ 
.sub li{ font-size:80%;}
}
@media (min-width:361px) and (max-width:480px)
{ 
.sub li{ font-size:100%;}
}

/**合作伙伴**/
.aboutPartner ul{ height:auto; overflow:hidden;}
.aboutPartner li{ float:left; margin-right:24px; width:294px; margin-bottom:3%;}
.aboutPartner li div{border:1px solid #e0e0e0; height:214px; background-color:#fff; text-align:center; padding-top:4%;}
.aboutPartner li.end{ margin-right:0\9;}
.aboutPartner li:nth-child(3n){ margin-right:0;}
.aboutPartner li img{ width:272px; height:163px;border:1px solid #e0e0e0;}
.aboutPartner li p{ margin-bottom:0; padding-top:2%;}
.aboutPartner li p a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
@media (min-width:300px) and (max-width:1100px)
{ 
.aboutPartner{ padding-top:2%;}
.aboutPartner li{ margin-right:0; padding:0 2%;}
.aboutPartner li div{ height:auto; padding:4% 3%;}
.aboutPartner li img{ width:100%; height:auto;}
}
@media (min-width:640px) and (max-width:1100px)
{ 
.aboutPartner li{ width:33.33%; }
}
@media (min-width:300px) and (max-width:639px)
{ 
.aboutPartner li{ width:50%; }
}
/**合作伙伴 end**/

/***详细页***/
.news-detailed .title{ text-align:center; color:#000;}
.news-detailed .date{ text-align:center; font-size:85%; padding-bottom:10px; border-bottom:1px solid #ebebeb; box-shadow:1px 0 1px #fff; }
.news-detailed .SingleInfo{margin-top:20px; margin-bottom:40px;}
.news-detailed .SingleInfo img{ max-width:100%;}
.news-video{ text-align:center;}
.video { OVERFLOW: hidden; WIDTH: 100%; POSITION: relative}
.close_light_bg {DISPLAY: none; BACKGROUND: #000; FILTER: alpha(opacity = 95); LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; opacity: .95}
.news-back{border-top:1px solid #ebebeb; padding-top:10px; text-align:center;}
.news-back a{color:#449933;}
.news-other{border-bottom:1px solid #ebebeb; padding-bottom:1em; margin:0.6em 0;font-size:90%;}
.news-other span{ display:block;}
.news-other span a{ color:#999;}
.news-other span a:hover{ color:#449933; text-decoration:none;}

@media (min-width:300px) and (max-width:800px){
.news-other span a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
}
@media (min-width:300px) and (max-width:1100px){
.news-detailed{ padding:2%;}
}


.bgColor_whirt{  background:url(../images/bg_m.png) repeat-y center 0;}
.bgColor_whirt .auto{background:url(../images/bg_b.png) no-repeat center bottom;}
.bgColor_whirt .Rightbar{ padding:2%;border-top:1px solid #e0e0e0;}
@media (min-width:300px) and (max-width:1100px){
.bgColor_whirt{  background:none;margin-bottom:0;}
.bgColor_whirt .auto{background:none;}
.bgColor_whirt .Rightbar{ background:#fff;margin:2%;border:1px solid #e0e0e0; width:96%;}
}
/**专业团队**/
.aboutTeam{}
.aboutTeam li{ overflow:hidden; clear:both; margin-bottom:3%; position:relative;}
.aboutTeam li .pic{ float:left; }
.aboutTeam li .pic img{ width:260px; height:159px;border:1px solid #e0e0e0;}
.aboutTeam li .txt{ float:right; width:605px}
.aboutTeam li h1{ font-size:105%; border-bottom:1px solid #e0e0e0; margin-top:0; padding-bottom:15px; }
.aboutTeam li h1 span{ float:right;  font-size:80%;color:#b0b0b0;}
.aboutTeam li h1 a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.aboutTeam li p{ font-size:86%; line-height:22px; color:#666; }
.aboutTeam li .more{ font-size:86%; color:#449933; font-weight:bold; position:absolute; width:605px; right:0; bottom:0;}
@media (min-width:300px) and (max-width:1100px){
.aboutTeam li .pic{ width:45%;}
.aboutTeam li .txt{ width:53%;}
.aboutTeam li .more{ width:53%; }
.aboutTeam li .pic img{ width:100%; height:auto;}
}
@media (min-width:300px) and (max-width:640px){
.aboutTeam li h1{ margin:5px 0; }
.aboutTeam li h1 span{ display:none;}
}
@media (min-width:300px) and (max-width:479px){
.aboutTeam li h1{padding-bottom:3px; }
.aboutTeam li p{ line-height:17px; height:34px; overflow:hidden; padding-top:0; margin-bottom:0}
}
@media (min-width:480px) and (max-width:640px){
.aboutTeam li p{ line-height:17px; height:51px; overflow:hidden; padding-top:0; margin-bottom:0}
}
/**专业团队 end**/
/**新闻资讯 **/


.newTop li{ padding:20px 0; }
.newTop .pic{ float:left; }
.newTop .pic img{ width:260px; height:159px;border:1px solid #e0e0e0;}
.newTop .txt{ float:right; width:605px}
.newTop h1{ font-size:105%; border-bottom:1px solid #e0e0e0; margin-top:0; padding-bottom:15px; }
.newTop h1 span{ float:right;  font-size:80%;color:#b0b0b0;}
.newTop h1 a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newTop p{  font-size:86%; line-height:22px; color:#666; }
.newTop .more{ font-size:86%; color:#449933; font-weight:bold;  width:605px;}


@media (min-width:300px) and (max-width:1100px){
.newTop .pic{ width:45%;}
.newTop .txt{ width:53%;}
.newTop .more{ width:53%; }
.newTop .pic img{ width:100%; height:auto;}
}
@media (min-width:300px) and (max-width:640px){
.newTop h1{ margin:5px 0; }
.newTop h1 span{ display:none;}
.newTop p{ line-height:17px; height:51px; overflow:hidden; padding-top:0; margin-bottom:0}
}
@media (min-width:300px) and (max-width:479px){
.newTop{ padding-bottom:6%;}
.newTop .more{ display:none;}
.newTop h1{padding-bottom:3px; }
}
@media (min-width:1024px){
  .newTop p{height:66px; overflow:hidden;}
}
.news-list li{ height:38px; line-height:38px; border-bottom:1px solid #e0e0e0;}
.news-list li a{ padding-left:40px; background:url(../images/icon.jpg) no-repeat left center; padding-right:10px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news-list li span{ float:right; font-size:12px; color:#a8a8a8;}
/**新闻资讯 end**/

.form_table{ padding-top:2%;}
.form_table table{ width:100%;}
.form_table .f_name{ font-weight:bold; padding-right:1%; width:20%; text-align:right;}
.form_table td{ padding-bottom:1em; vertical-align:top;}
.form_table td .text{ border:1px solid #ddd; width:50%; height:30px; line-height:30px;}
.form_err{color:#ca0b16;}
.form_table .btn{ background-color:#449933; color:#fff;}
.form_table textarea.text{ height:100px;}
@media (min-width:300px) and (max-width:640px)
{
.form_table td{ font-size:85%;}
.form_table td.f_name{ width:auto;}
.form_table td .text{width:85%; }
}

.templet_links_001 li{ text-align:center; width:186px; float:left; height:115px; overflow:hidden; padding-top:15px;}
.templet_links_001 .pic{ margin:0 auto;}
.templet_links_001 .pic img{ width:150px; height:60px;border:solid 1px #ccc; padding:2px; }
.templet_links_001 h5 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:86%; padding:0 13%;}
@media (min-width:300px) and (max-width:640px)
{
.templet_links_001 li{ background:url(../images/a_lang.png) no-repeat 0.5em center; padding-left:1.5em; height:30px; border-bottom:1px dotted #ccc; float:none; width:100%; padding-top:0; text-align:left;}
.templet_links_001 li h5{ margin:0; line-height:30px; }
.templet_links_001 li h5 a{padding:0;}
.templet_links_001 .pic{ display:none;}
}
.ul_sitemap li{ padding-bottom:10px;}

/**Home**/
.Home{ padding-top:3%; padding-bottom:7%; width:100%; margin:0 auto; max-width:1200px;}
.Home .box{ float:left;}
.Home .box .more{ border-radius:3px; border:1px solid #96c996; display:inline-block; width:108px; height:28px; line-height:28px; padding-left:46px; color:#339933;font-size:12px; background:url(../images/a_more.gif) no-repeat 15px center; }
.Home .box .more:hover{ text-decoration:none;}
.Home .box .title{ text-align:center; padding-bottom:6%;}
.Home .box .title img{ max-width:100%;}
.Home .box .title .small{ display:none;}
.Home .box_3{ width:28%;}
.Home .box_2{ width:8%; height:100px;}

@media (min-width:300px) and (max-width:640px)
{
.Home{ padding:3%;}
.Home .box{ float:none; margin-bottom:5%;}
.Home .box_3{ width:auto;}
.Home .box_2{ display:none;}
.Home .box .title img{ display:none;}
.Home .box .title .small{ display:block;}
}

.list_gongcheng .img img{ width:100%;}
.list_gongcheng h1{ font-size:120%;}
.list_gongcheng p{ font-size:90%; color:#838383;}
.list_gongcheng h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.h-case{ margin-bottom:2%;position:relative;}
.h-case .main {width:100%; overflow:hidden; margin:0 auto; position:relative;}
.h-case .main ul {width:9999px;  overflow:hidden; position:absolute; top:0; left:0}
.h-case .main li {float:left; width:100%;}
.h-case .main li img{ width:100%;}
.h-case .main li h1{ margin:0; height:40px; line-height:40px; font-weight:normal; font-size:110%;}
.h-case .main li h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-right:10%;}
.h-case .btn_prev,.h-case .btn_next{z-index:11111;position:absolute;display:block;width:6px!important;height:12px!important; bottom:15px; right:0;background:url(../images/btn.png) no-repeat left top; overflow:hidden; line-height:100px;}
.h-case .btn_prev{ right:17px;filter:alpha(opacity=50);opacity: 0.5;}
.h-case .btn_next{ background-position: right top;}

.h-news{ margin-bottom:7%;position:relative; border-bottom:1px solid #e7e7e7; padding-bottom:4%;}
.h-news .main {width:100%; overflow:hidden; margin:0 auto; position:relative;}
.h-news .main ul {width:9999px;  overflow:hidden; position:absolute; top:0; left:0}
.h-news .main li {float:left; width:100%;}
.h-news .main li .pic{ float:left; display:inline-block; width:40%; margin-right:2%;}
.h-news .main li .pic img{ width:100%;}
.h-news .main li span{ color:#c8c8c8;}
.h-news .main li h1{ margin:0; font-size:110%;}
.h-news .main li h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-right:2%;}
.h-news .main li p{ margin:0; padding-top:5px; height:41px; line-height:18px; font-size:12px; overflow:hidden;}
.h-news .btn_preva,.h-news .btn_nexta,.h-news .btn_prev,.h-news .btn_next,.h-news .btn_prevb,.h-news .btn_nextb{z-index:11111;position:absolute;display:block;width:6px!important;height:12px!important; bottom:0; left:42%;background:url(../images/btn.png) no-repeat left top; overflow:hidden; line-height:100px;}
.h-news .btn_preva,.h-news .btn_prev,.h-news .btn_prevb{filter:alpha(opacity=50);opacity: 0.5;}
.h-news .btn_nexta,.h-news .btn_next,.h-news .btn_nextb{ background-position: right top; left:48%;}
.h-list li{ height:30px; line-height:30px;}
.h-list li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-right:15px; background:url(../images/icon.png) no-repeat left center; padding-left:15px;}
.h-list li span{ color:#cbcbcb; float:right; font-size:12px;}

@media (min-width:641px) and (max-width:800px)
{
.h-news .main li span{ font-size:90%;}
.h-news .main li h1{ font-size:100%;}
.h-news .main li p{ padding-top:0;}
}

/*zlc 2015-9-4 系统评估页面css*/
.bgColor_whirt .Rightbar{}
.bgColor_whirt .system{ padding-top:0px; padding-left:0px; padding-right:0px; }
.bgColor_whirt .Rightbar .cailiao{padding-left:1.5%; padding-bottom:4%; padding-right:2%; border-bottom:1px solid #f1f1f1;}
.bgColor_whirt .Rightbar .h2{ font-size:120%; color:#449933; margin:0px; padding:1.5% 0px 0px; border-bottom:1px solid #cccccc; font-weight:bold;}
.bgColor_whirt .Rightbar .h2 span{ display:inline-block; border-bottom:3px solid #449933; padding-bottom:1.2%; margin-bottom:-2px;}
.bgColor_whirt .Rightbar .h4{ font-size:16px; color:#000; margin:0px; padding-top:3.5%; padding-bottom:2%; font-weight:bold;}
.bgColor_whirt .Rightbar .stysleBox .row{ color:#000;}
.stysleBox h1{ text-align:center; font-weight:bold; font-size:14px; background-color:#00a0e9; color:#fff; margin:0; height:30px; line-height:30px;}
.bgColor_whirt .Rightbar .stysleBox select{ width:100%;height: 2.4em;font-size: 14px; color:#414141; margin-bottom:5%; border-radius: 3px;border: 1px solid #ccc; outline:none;}
.bgColor_whirt .Rightbar .stysleBox input{  width: 60%;height: 2.4em; margin-bottom:2%; line-height:2.4em; font-size:14px; border-radius: 3px;border: 1px solid #cccccc; outline:none; margin-right: 2%; margin-left:2%; color: #000;}
.Rightbar .stysleBox .row  .txtright{ display:inline-block;text-align:right;width:23%}
.Rightbar .stysleBox .row  .txtleft{ display:inline-block;text-align:right;width:23%}
.col-md-offset-3{ margin-left:0px; margin-right:25%;}
.bgColor_whirt .Rightbar .stysleBox .col-md-offset-3 input{ width:55%;}
.jieguo{ text-align:center; padding-top:4%;}
.jieguo .button{ display:inline-block; width:104px; height:34px; line-height:34px; text-align:center; color:#fff; font-size:14px; font-weight:bold; background:url(../images/jsuan_03.png) no-repeat; border:none; outline:none;}
.result{ padding-top:7%; overflow:hidden; padding-bottom:4%;}
.result .result_left{ width:48.5%; float:left; margin-right:1.5%; overflow:hidden;}
.result .resule_so{ width:245px; height:109px; text-align:center; color:#fff; font-size:16px; padding-top:24px; font-weight:bold; background:url(../images/green_bg_03.png) no-repeat;}
.result .resule_so i{ font-style:normal; display:block; padding-top:15px;}
.result .result_left .resule_so{ float:right;}
.result .result_right{ width:50%; float:left;}
.result .result_right .resule_so{ float:left;}
@media (min-width:769px) and (max-width:1024px)
{
    .bgColor_whirt .Rightbar .stysleBox input{ width:65%;}
    }
@media (min-width:300px) and (max-width:768px){
	.result{ text-align:center;}
	.result .result_left{ width:auto; display:inline-block; text-align:center; float:none;}
	.result .result_right{ width:auto; display:inline-block; float:none;}
	.bgColor_whirt .Rightbar .stysleBox select{margin-bottom:2%;}
	.bgColor_whirt .Rightbar .stysleBox input{ width:65%;}
	}
@media (min-width:300px) and (max-width:460px)	
{
    .bgColor_whirt .Rightbar .stysleBox input{ width:58%;}
    }

/*zlc 2015-9-4 系统评估页面css*/

/*电子专题页*/
.row{ margin:0px;}
.banner{ height:auto; display:block; position:relative;}
.banner .img{ display:block;width:100%; margin:0 auto; vertical-align:baseline !important;}
.banner .banner_position{ width:100%; position:absolute; left:0px; bottom:63px;}
.banner_con{ width:100%; max-width:1200px; margin:0 auto; }
.banner_con .List_icon{ width:96%; margin:0px 2%;}
.banner_con .List_icon ul{ padding:0px; margin-bottom:0px; overflow:hidden; clear:both;}
.banner_con .List_icon li{ text-align:center; width:16.66666667%; float:left;}
.banner_con .ZList_icon li{ width:20%;}
.banner_con .List_icon li a{ display:block; width:100%; color:#fff; text-decoration:none;}
.banner_con .List_icon li h3{ font-size:18px; font-weight:bold; padding:0 0 10px 0; margin:0;}
.banner_con .List_icon li span{font-size:10px;-webkit-transform: scale(0.8); font-family:Arial; text-transform:uppercase; display:block;}
.banner_con .List_icon li:hover img
{
animation:myfirst 1s;
-moz-animation:myfirst 1s; /* Firefox */
-webkit-animation:myfirst 1s; /* Safari and Chrome */
-o-animation:myfirst 1s; /* Opera */
}
@keyframes myfirst
{
from {opacity: 0.2;}to {opacity: 1;}
}
@-moz-keyframes myfirst /* Firefox */
{
from {opacity: 0.2;}to {opacity: 1;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {opacity: 0.2;}to {opacity: 1;}
}
@-o-keyframes myfirst /* Opera */
{
from {opacity: 0.2;}to {opacity: 1;}
}
.banner_con .List_icon ul li a img{ max-width:100%;}
.banner_con .P_txt{ padding:2% 10% 0; color:#fff; text-align:center;}
.banner .click_pic{ width:100%; position:absolute; bottom:-40px; left:0px; right:0px; margin:auto; text-align:center;}
.banner .click_pic img{ max-width:80%;/*animation:1.5s ease 0s normal none infinite running myfirst; -ms-animation:1.5s ease 0s normal none infinite running myfirst; -webkit-animation:1.5s ease 0s normal none infinite running myfirst;*/  }

@media (min-width:300px) and (max-width:1100px){
.banner .banner_position{ position:relative; bottom:auto; background:#257ac8; padding-bottom:63px; padding-top:3%;}
.banner_con .List_icon li .pic{ padding:0 30%;}
.banner_con .List_icon li h3{ font-size:14px;}
.banner_con .P_txt{padding:2%; font-size:12px;}
}
@media (min-width:300px) and (max-width:640px)
{
.banner_con .List_icon li{ width:33.333333333%;}
.banner_con .List_icon li h3{ font-size:14px;}
}

.carbox{ width:100%; background:#fff; padding-top:5%; padding-bottom:3%;}
.carbox .carCon{ width:100%; max-width:1200px; margin:0 auto;}
.carbox .carCon .car_contact{ width:100%; margin:0 auto;}
.car{ text-align:center; margin-top:10%;}
.car img{ max-width:100%;}
.car .diandian ul{ overflow:hidden;}
.car .diandian ul li{ width:33.33333%; float:left; font-size:12px; color:#666666; line-height:20px; margin-bottom:8px; text-align:left;}
.car .diandian ul li span{ display:inline-block; width:20px; height:20px; margin-right:5px; background:url(../images/dianidan_bg.png) no-repeat left center; text-align:center;}
.car .hover{ position:relative;}
.car .hover .hover_txt{ position:absolute;}
.car .hover .hover_txt1{ left:16%; top:52%;}
.car .hover .hover_txt2{ left:27%; top:50%;}
.car .hover .hover_txt3{ left:35%; top:30%;}
.car .hover .hover_txt4{ left:45%; top:32%;}
.car .hover .hover_txt5{ right:39%; top:36%;}
.car .hover .hover_txt6{ right:24%; bottom:24%;}
.car .hover .hover_txt span{ color:#000; background-color:#fff; border-radius:50%; text-align:center; width:20px; height:20px; display:inline-block; line-height:20px; cursor:pointer;}
.car .hover .hover_txt .hover_hide{ border-radius:5px;  position:absolute; background:#eee; top:25px; display:none; width:180px; padding:10px;line-height:25px; text-align:left;}
.car .hover .hover_txt .hover_hide b{ width:0; height:0; border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #eee; position:absolute; top:-4px; left:5px;}
.car .hover .hover_txt:hover{ z-index:5;}
.car .hover .hover_txt:hover .hover_hide{ display:block; }
@media (min-width:300px) and (max-width:480px)
{
.car .hover .hover_txt .hover_hide{ width:100px}
.car .hover .hover_txt6 .hover_hide{ right:0;}
.car .hover .hover_txt6 .hover_hide b{ left:auto; right:5px;}
.car .diandian ul li{ width:50%;}
}

.carCon .title{ border-bottom:1px solid #eeeeee;}
.carCon .title h3{ display:inline-block; font-size:30px; font-weight:bold; border-bottom:3px solid #449933; padding-bottom:3.5%; margin:0px; margin-bottom:-1px;}
.carCon .title h3 span{ color:#449933;}
.carCon .title .em_name{ font-size:12px; color:#cccccc; text-transform:uppercase; font-family:"Arial"; margin-left:1.5%;}
.carCon .txt{ font-size:14px;}
.carCon .txt .p{ padding:3% 0px; margin:0px; color:#666666; line-height:26px;}
.carCon .txt ul{ padding:2.5% 0px; overflow:hidden;}
.carCon .txt ul.no_padding{ padding:0px;}
.carCon .txt ul li{ width:33.333%; float:left; line-height:32px; font-size:12px; margin-bottom:1%;}
.carCon .txt ul li span{ display:inline-block; width:32px; height:32px; margin-right:5px; font-size:14px; text-align:center; background:url(../images/big_dianidan.png) no-repeat;}
@media (min-width:300px) and (max-width:640px)
{
.carCon .txt ul li{ width:100%; float:none;}
}

.company{ width:100%; background:url(../images/company_bg.jpg) repeat;}
.company .row{ width:100%; max-width:1200px; margin:0 auto;}
.company .companyCon{ background-position:80% 0; background-repeat:no-repeat; background-size:auto 100%;}
.company .companyCon .company_right{background:#257ac8;}
.company .companyCon .company_right img{ max-width:100%;}
.company .companyCon .title{ padding-top:10%; border-bottom:1px solid #3eb8e3;}
.company .companyCon .title h3{display:inline-block; font-size:30px; font-weight:bold; border-bottom:3px solid #0053a5; padding-bottom:3.5%; margin:0px; margin-bottom:-1px;}
.company .companyCon .title h3 span{ color:#fff;}
.company .companyCon .title .em_name{font-size:12px; color:#fff; text-transform:uppercase; font-family:"Arial"; margin-left:1.5%;}
.company .companyCon .txt{ font-size:14px; color:#fff; padding-bottom:10%;}
.company .companyCon .txt .p{ padding:3% 0px; margin:0px; color:#fff; line-height:26px;}
.company .companyCon .txt ul{ padding-bottom:4%;}
.company .companyCon .txt ul li{ font-size:12px; color:#fff; line-height:16px; padding-top:4px; padding-bottom:4px;}
.company .companyCon .txt ul li span{ display:inline-block; width:20px; height:16px; border-radius:2px; background:#002e5b; line-height:16px; margin-right:5px; text-align:center;}
.company .companyCon .txt .gs{ overflow:hidden; padding-bottom:0px;}
.company .companyCon .txt .gs li{ width:50%; float:left;}

.aside3{ width:100%; background:#fff;}
.aside3 .aside3box{ width:100%; max-width:1200px; margin:0 auto;}
.aside3 .aside3box .aside3_right{ background:#fff; text-align:center;}
.aside3 .aside3box .aside3_right img{ max-width:100%;}
.aside3 .aside3box .title{ padding-top:10%; border-bottom:1px solid #eeeeee;}
.aside3 .aside3box .title h3{ display:inline-block; font-size:30px; font-weight:bold; border-bottom:3px solid #449933; padding-bottom:3.5%; margin:0px; margin-bottom:-1px;}
.aside3 .aside3box .title h3 span{ color:#449933;}
.aside3 .aside3box .title .em_name{ font-size:12px; color:#cccccc; text-transform:uppercase; font-family:"Arial"; margin-left:1.5%;}
.aside3 .aside3box .txt{ color:#666666; padding-bottom:8%;}
.aside3 .aside3box .txt .p{ padding:3% 0px; margin:0px; color:#666666; line-height:26px;}
.aside3 .aside3box .txt ul{ padding:2.5% 0px;}
.aside3 .aside3box .txt ul li{ line-height:32px; font-size:12px; margin-bottom:1%;}
.aside3 .aside3box .txt ul li span{ display:inline-block; width:32px; height:32px; margin-right:5px; font-size:14px; text-align:center; background:url(../images/big_dianidan.png) no-repeat;}
.aside3 .aside3box .txt dl{ overflow:hidden; font-size:12px;}
.aside3 .aside3box .txt dd{ width:33.33333%; float:left; padding:4px 0px;}
@media (min-width:300px) and (max-width:1024px)
{
.aside3 .aside3box .txt dd{ float:none; width:100%;}
}

.aside4{ width:100%; background:#000;}
.aside4 .row{ width:100%; max-width:1200px; margin:0 auto;}
.aside4 .aside4box{background-position:80% 0; background-repeat:no-repeat; background-size:auto 100%;}

.aside4 .aside4box .title{ padding-top:8%; border-bottom:1px solid #bebebe; color:#ffffff;}
.aside4 .aside4box .title h3{ display:inline-block; font-size:30px; font-weight:bold; border-bottom:3px solid #449933; padding-bottom:3.5%; margin:0px; margin-bottom:-1px;}
.aside4 .aside4box .title h3 span{ color:#449933;}
.aside4 .aside4box .title .em_name{ font-size:12px; color:#cccccc; text-transform:uppercase; font-family:"Arial"; margin-left:1.5%;}
.aside4 .aside4box .txt{ color:#ffffff; padding-bottom:6%; text-shadow:1px 1px 0 #000;}
.aside4 .aside4box .txt .p{ padding:3% 0px; margin:0px; color:#ffffff; line-height:26px;}
.aside4 .aside4box .txt ul{ padding:2.5% 0px 0px;}
.aside4 .aside4box .txt ul li{ line-height:32px; font-size:12px; margin-bottom:1%;}
.aside4 .aside4box .txt ul li span{ display:inline-block; width:30px; height:30px; margin-right:5px; font-size:14px; text-align:center; background:#1291cf; border-radius:5px;}
.aside4 .aside4box .txt dl{ overflow:hidden; font-size:12px;}
.aside4 .aside4box .txt dd{ width:50%; float:left; padding:4px 0px;}
.aside4 .aside4box .aside4_right{ background:#000; text-align:center;}
.aside4 .aside4box .aside4_right img{ max-width:100%;}
@media (min-width:300px) and (max-width:1024px)
{
.aside4 .aside4box{ background-position:right bottom;background-size:auto 50%;}
.aside4 .aside4box .txt dd{ float:none; width:100%;}
}

.aside5{ width:100%; background:#fff;}
.aside5 .aside5box{ width:100%; max-width:1200px; margin:0 auto;}
.aside5 .aside5box .aside5_right{ background:#fff;text-align:center;}
.aside5 .aside5box .aside5_right img{ max-width:100%;}
.aside5 .aside5box .title{ padding-top:10%; border-bottom:1px solid #eeeeee;}
.aside5 .aside5box .title h3{ display:inline-block; font-size:30px; font-weight:bold; border-bottom:3px solid #449933; padding-bottom:3.5%; margin:0px; margin-bottom:-1px;}
.aside5 .aside5box .title h3 span{ color:#449933;}
.aside5 .aside5box .title .em_name{ font-size:12px; color:#cccccc; text-transform:uppercase; font-family:"Arial"; margin-left:1.5%;}
.aside5 .aside5box .txt{ color:#666666; padding-bottom:6%;}
.aside5 .aside5box .txt .p{ padding:3% 0px; margin:0px; color:#666666; line-height:26px;}
.aside5 .aside5box .txt ul{ padding:2.5% 0px 0px;}
.aside5 .aside5box .txt ul li{ line-height:32px; font-size:12px; margin-bottom:1%;}
.aside5 .aside5box .txt ul li span{ display:inline-block; width:32px; height:32px; margin-right:5px; font-size:14px; text-align:center; background:url(../images/big_dianidan.png) no-repeat;}
.aside5 .aside5box .txt dl{ overflow:hidden; font-size:12px;}
.aside5 .aside5box .txt dd{  padding:4px 0px;}

.aside6{ width:100%; background:#dcdcdc;}
.aside6 .aside6box{background-position:95% 0; background-repeat:no-repeat; background-size:auto 100%;}
.aside6 .row{ width:100%; max-width:1200px; margin:0 auto;}
.aside6 .aside6box .title{ padding-top:8%; border-bottom:1px solid #8f8f8f; color:#333333;}
.aside6 .aside6box .title h3{ display:inline-block; font-size:30px; font-weight:bold; border-bottom:3px solid #616161; padding-bottom:3.5%; margin:0px; margin-bottom:-1px;}
.aside6 .aside6box .title h3 span{ color:#449933;}
.aside6 .aside6box .title .em_name{ font-size:12px; color:#666666; text-transform:uppercase; font-family:"Arial"; margin-left:1.5%;}
.aside6 .aside6box .txt{ color:#333333; padding-bottom:6%;}
.aside6 .aside6box .txt .p{ padding:3% 0px; margin:0px; color:#333333; line-height:26px;}
.aside6 .aside6box .txt ul{ padding:2.5% 0px 0px;}
.aside6 .aside6box .txt ul li{ line-height:32px; font-size:12px; margin-bottom:1%;}
.aside6 .aside6box .txt ul li span{ display:inline-block; width:30px; height:30px; margin-right:5px; font-size:14px; text-align:center; background:url(../images/big_dianidan.png) no-repeat;}
.aside6 .aside6box .txt dl{ overflow:hidden; font-size:12px;}
.aside6 .aside6box .txt dd{ width:50%; float:left; padding:4px 0px;}
.aside6 .aside6box .aside6_right{ background:#dcdcdc;text-align:center;}
.aside6 .aside6box .aside6_right img{ max-width:100%;}
@media (min-width:300px) and (max-width:1024px)
{
.aside6 .aside6box{background-position:-10% 0; }
.aside6 .aside6box .txt{ text-shadow:1px 1px 0 #fff;}
.aside6 .aside6box .txt dd{ float:none; width:100%;}
}

.aside7{ width:100%; background:#ffffff;}
.aside7 .aside7box{ width:100%; max-width:1200px; margin:0 auto; padding:4% 0px; border-bottom:1px solid #ccc;}
.aside7 .aside7box .pic_list li{ float:left;position:relative; width:330px; padding-right:130px; margin-bottom:5%;background:url(../images/jia.jpg) no-repeat 80% center;}
.aside7 .aside7box .pic_list li:nth-child(4n){ padding-right:0;width:200px; background:none;}
.aside7 .aside7box .pic_list li div img{ border-radius:50%; }
.aside7 .aside7box .pic_list li div span{ /*background-color:rgba(0,0,0,0.5); */background:url(../images/bg.png) no-repeat center bottom;position:absolute; text-align:center; bottom:0; padding:15px; width:200px; color:#fff;border-radius:50%;  left:0;}
@media (min-width:300px) and (max-width:1200px)
{
.aside7 .aside7box .pic_list{ width:100%; max-width:640px; margin:0 auto;} 
.aside7 .aside7box .pic_list li{ width:50%; text-align:center; padding-right:0; background-position:right center;}
.aside7 .aside7box .pic_list li:nth-child(2n){ padding-right:0; background:none;}
.aside7 .aside7box .pic_list li:nth-child(4n){width:50%;}
.aside7 .aside7box .pic_list li div span{ width:100%;}
}
@media (min-width:300px) and (max-width:480px)
{
.aside7 .aside7box .pic_list li{ padding:0 5% !important;}
.aside7 .aside7box .pic_list li{ background:none;}
.aside7 .aside7box .pic_list li div img{ width:100%;}
.aside7 .aside7box .pic_list li div span{ position:relative; display:block; background:none; color:#000;}
}
.aside7  .h2{ font-size:30px; margin:0px; text-align:center; font-weight:bold; color:#333333;}
@media (min-width:300px) and (max-width:480px)
{
.aside7  .h2{ font-size:20px;}
}
.aside7 .em_name{ display:block; text-align:center; font-size:12px;text-transform:uppercase; font-family:"Arial"; margin-top:1%; }
.aside7 .pic{ margin-top:1%; text-align:center;}
.aside7 .pic img{ max-width:100%;}
.aside7 .aside8box{ width:100%; max-width:1200px; margin:0 auto; padding:4% 0px;}
.aside7 .aside8box .p{ text-align:center; padding-top:2%;}


/*食品日化 专题页*/
.NList_icon{ padding:0 25%; overflow:hidden;}
.NList_icon ol{ padding-left:0; text-align:center; float:left; width:33.3333333%;}
.NList_icon ol img{ max-width:100%;}
.NList_icon ol:hover img{animation:myfirst 1s; -ms-animation:myfirst 1s; -webkit-animation:myfirst 1s;}
@media (min-width:300px) and (max-width:1100px){
.NList_icon{ padding:0 15%;}
.banner .Nbanner_post{ background:none !important; padding-bottom:8%; margin-top:-12%;}
}
@media (min-width:300px) and (max-width:640px){
.NList_icon{ padding:0 5%;}
}

.banner .Ybanner_post{ bottom:2%;}
.YList_icon ol{ padding-left:0; padding-bottom:2%; }
.YList_icon ol:hover img{animation:myfirst 1s; -ms-animation:myfirst 1s; -webkit-animation:myfirst 1s;}
@media (min-width:1100px) and (max-width:1500px){
.YList_icon ol{padding-bottom:0;}
}
@media (min-width:1100px) and (max-width:1200px){
.YList_icon ol img{ height:100px;}
}
@media (min-width:300px) and (max-width:1100px){
.banner .Ybanner_post{background:none !important; padding-bottom:9%;}
.YList_icon{ overflow:hidden;padding:0 15%;}
.YList_icon ol{ float:left; width:33.333333333%; text-align:center; padding:0 1%;}
.YList_icon ol img{box-shadow:0 0 3px #ccc; background-color:#ccc; border-radius:3px; max-width:100%;}
}
@media (min-width:300px) and (max-width:640px){
.YList_icon{ padding:0 5%;}
}

.banner .Sbanner_post{ bottom:25%;}
.SList_icon{ width:500px; margin:0 auto;}
.SList_icon ol{ padding-left:0; float:left; width:33.333333%; text-align:center;}
.SList_icon ol img{ max-width:100%;}
.SList_icon ol:hover img{animation:myfirst 1s; -ms-animation:myfirst 1s; -webkit-animation:myfirst 1s;}

@media (min-width:300px) and (max-width:1100px){
.banner .Sbanner_post{ background:#7ed6ee; padding:1% 0  5% ; position:relative;}
.SList_icon ol{ margin-top:-20%;}
}
@media (min-width:300px) and (max-width:640px){
.SList_icon{ width:100%; padding:0 5%;}
.SList_icon ol{ padding:0 3% 5%; margin-top:0;}
}


.Newaside{ background-size:cover; background-position: center top; background-repeat:no-repeat;}
.NewasideBox .row{ width:100%; max-width:1200px; margin:0 auto;}
.Newaside#loca01{ background-image:url(../images/sprh_01bg.jpg);}
.Newaside#loca02{ background-image:url(../images/sprh_02bg.jpg);}
.Newaside#loca03{ background-image:url(../images/sprh_03bg.jpg);}
.Newaside#loca04{ background-image:url(../images/yyws_bg01.jpg);}
.Newaside#loca05{ background-image:url(../images/yyws_bg02.jpg);}
.Newaside#loca06{ background:#fff;}
.Newaside#loca07{background-image:url(../images/sys_bg02.jpg);}
.Newaside#loca08{ background-image:url(../images/sys_bg01.jpg);}
.Newaside#loca09{ background:#a8dce7;}

.NewasideBox .title{padding-top:3%; margin-bottom:3%; border-bottom:1px solid #eee; color:#666; }
.NewasideBox .title h3{ display:inline-block; font-size:30px; font-weight:bold; border-bottom:3px solid #449933; padding-bottom:1.5%; margin:0px; margin-bottom:-1px;}
.NewasideBox .title h3 span{ color:#449933;}
.NewasideBox .title .em_name{ font-size:12px; color:#ababab; text-transform:uppercase; font-family:"Arial"; margin-left:1.5%;}
.NewasideBox .aside3_right{ padding-top:10%;}
.NewasideBox .aside3_right img{ max-width:100%;}
.NewasideBox .txt{ color:#666666; padding-bottom:4%;}
.NewasideBox .txt .p{ padding:3% 0px; margin:0px; color:#666666; line-height:26px;}
.NewasideBox .txt ul{ padding:2.5% 0px;}
.NewasideBox .txt ul li{ line-height:32px; font-size:12px; margin-bottom:1%;}
.NewasideBox .txt ul li span{ display:inline-block; width:32px; height:32px; margin-right:5px; font-size:14px; text-align:center; background:url(../images/big_dianidan.png) no-repeat;}
.NewasideBox .txt dl{ overflow:hidden; font-size:12px;}
.NewasideBox .txt dd{ padding:4px 0px;}
@media (min-width:300px) and (max-width:1200px)
{
.NewasideBox .aside3_right{ padding-top:0;}
}

#loca01 .NewasideBox .title,
#loca04 .NewasideBox .title,
#loca07 .NewasideBox .title{ padding-top:12%; margin-bottom:0;}
#loca01 .NewasideBox .title h3,
#loca04 .NewasideBox .title h3,
#loca07 .NewasideBox .title h3{ padding-bottom:3.5%; }

.Nproject_list li{ float:left;position:relative; width:330px; padding-right:130px; margin-bottom:5%;background:url(../images/jia.png) no-repeat 80% center; text-align:center;}
.Nproject_list li:nth-child(4n){ padding-right:0;width:200px; background:none;}
.Nproject_list li div{ }
.Nproject_list li img{ border:1px solid #41ac7b; border-radius:5px;max-width:100%;}
.Nproject_list li p{ text-align:center; font-size:15px; padding-top:5px;}

.Nno_border li img{ border:0;}

@media (min-width:300px) and (max-width:1200px)
{
#loca01 .NewasideBox .title,
#loca04 .NewasideBox .title,
#loca07 .NewasideBox .title{ padding-top:6%;}
#loca01 .NewasideBox .title h3,
#loca04 .NewasideBox .title h3,
#loca07 .NewasideBox .title h3{ font-size:20px;}
.NewasideBox .title{ padding-left:2%; padding-right:2%;padding-top:5%; margin-bottom:5%;}

.Nproject_list{ width:100%; max-width:640px; margin:0 auto;} 
.Nproject_list li{ width:50%; text-align:center; padding-right:0; background-position:right center;}
.Nproject_list li:nth-child(2n){ padding-right:0; background:none;}
.Nproject_list li:nth-child(4n){width:50%;}
}
@media (min-width:300px) and (max-width:480px)
{
.Nproject_list{ padding-top:2%;}
.Nproject_list li{ padding:0 5% !important;}
.Nproject_list li{ background:none;}
.Nproject_list li div img{ width:100%;}
}

#loca03,#loca06{ padding-bottom:5%;}
.NImgIntro{ padding:0 2%;}
.NImgIntro img{ max-width:100%;}

#loca07 .aside3_right{ padding:5% 0;}

/***中央空调***/
.banner_con .ZList_icon li h3{ font-size:15px; text-shadow:1px 0 1px #666;}
.banner_con .ZList_icon li span{ text-shadow:1px 0 1px #666;}

.center_air{ background-repeat:no-repeat; background-position: center bottom; background-size:cover;}
.center_air .title{padding-top:3%; margin-bottom:3%; border-bottom:1px solid #eee; color:#666; }
.center_air#loca01 .title{ background-color:#ebf0f4; margin-bottom:0;}
.center_air .title h3{ display:inline-block; font-size:30px; font-weight:bold; border-bottom:3px solid #449933; padding-bottom:1.5%; margin:0px; margin-bottom:-1px;}
.center_air .title h3 span{ color:#449933;}
.center_air .title .em_name{ font-size:12px; color:#ababab; text-transform:uppercase; font-family:"Arial"; margin-left:1.5%;}
@media (min-width:300px) and (max-width:1200px)
{
.center_air{padding:0 2%;}
.center_air .title{ padding-top:5%; margin-bottom:5%;}
.center_air .title h3{ font-size:18px; }
.banner .Zbanner_post{ background:#449933; bottom:10%;}
}
@media (min-width:300px) and (max-width:480px)
{
.center_air .title .em_name{ display:block; padding-top:5px; margin-left:0;}
.banner_con .ZList_icon li h3{ font-size:12px;}
}

.center_air#loca01{ background-image:url(../images/zykt_bg01.jpg);}
.center_air#loca02,
.center_air#loca03{ background-color:#dce4c6;}
.center_air#loca04{ background-color:#fff; border-top:5px solid #f6f6f6;}
.center_air#loca05{ background-image:url(../images/zykt_bg02.jpg); background-repeat:repeat; background-size:auto;}
.center_air#loca05 .title{border-bottom:1px solid #0053a5; color:#fff; }
.center_air#loca05 .title h3{ border-bottom:3px solid #0053a5;}
.center_air#loca05 .title h3 span{ color:#fff;}
.center_air#loca05 .title .em_name{  color:#fff;}

.center_air .Con{ width:100%; max-width:1200px; margin:0 auto; padding:2% 0;}
.center_air .Con img{ max-width:100%;}

.center_airTable{ overflow:auto; margin:2% 0;}
.center_airTable table{ min-width:740px;}
.center_airTable td{ border-collapse:collapse; border:1px solid #eaeaea; background-color:#fff; padding-top:10px; padding-bottom:10px; padding-left:20px;}
.center_airTable .tr_top td{ background-color:#e62129; color:#fff; text-align:center; padding-left:0;}

.center_air#loca03{ padding-bottom:0;}
.center_air#loca03 .title{ margin-bottom:1%;}
.center_air#loca03 .Con{ padding:0;}
.end_systemList li{ float:left; width:50%; text-align:center; color:#666; padding:2% 10%;}
.end_systemList li p{ font-size:16px; text-align:left;}
.end_systemList li:nth-child(1),
.end_systemList li:nth-child(2){ border-bottom:1px dotted #b2c08a;}
.end_systemList li img{ max-width:100%;}
@media (min-width:840px) and (max-width:1000px)
{
.end_systemList li h5,
.end_systemList li p{ font-size:12px;}
}
@media (min-width:300px) and (max-width:840px)
{
.end_systemList li{ width:100%;}
.end_systemList li p{ text-align:center;}
}

.center_air#loca05 .Con{ color:#fff;}
.zykt_controls{ text-align:center; padding:0 10%}
.zykt_controls td{ padding:0 5%;}
.zykt_controls td img{ margin:3% 0;}
@media (min-width:300px) and (max-width:1000px)
{
.zykt_controls{ padding:0;}
}

.Host_list_zykt li{ float:left; width:33%;border-left:1px dotted #000; position:relative; padding-left:3%;padding-right:3%;}
.Host_list_zykt li:nth-child(1){ border-bottom:1px dotted #000; padding-top:2%;}
.Host_list_zykt li:nth-child(2){ border-top:1px dotted #000; padding-top:2%;}
.Host_list_zykt li:nth-child(3){ border-bottom:1px dotted #000;}
.Host_list_zykt li p{ line-height:24px; height:72px;}
.Host_list_zykt li span.icon{ position:absolute;background:url(../images/host_icon.png) no-repeat center center; width:31px; height:31px; left:-15px; top:8%;}
.Host_list_zykt li:nth-child(3) span.icon{ top:64%;}
.Host_list_zykt li:nth-child(3) div img{ margin-top:-2%;}
.Host_list_zykt li:nth-child(3) p{ padding-top:2%;height:118px;}

@media (min-width:300px) and (max-width:800px)
{
.Host_list_zykt li{ width:100%; float:none;}
.Host_list_zykt li p{height:auto;}
.Host_list_zykt li:nth-child(1){ border-bottom:0;}
.Host_list_zykt li:nth-child(3){ border-top:1px dotted #000; border-bottom:0;}
.Host_list_zykt li span.icon{ top:2%;}
.Host_list_zykt li:nth-child(3) span.icon{ top:2%;}
.Host_list_zykt li:nth-child(3) p{ position:absolute; top:0; padding-top:1%;height:auto;}
.Host_list_zykt li:nth-child(3) div{ padding-top:82px;}
.Host_list_zykt li:nth-child(3) div img{ margin-top:0;}
}