@charset "utf-8";
body{ font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu; min-width:300px; overflow-x:hidden; color:#444;border-top:4px solid #727071; background:url(../images/bodybg.jpg) repeat left top;}
a,a:visited{text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{color:#da251c;}
.clear{ clear:both; overflow:hidden; height:0px;}
.clearfix:after{
    display: block;
    font-size: 0;
    line-height:0;
    visibility: hidden;
    height: 0;
    clear: both;
    content: " ";  
}
/*pages*/
.Pages{ padding:1em 0; line-height:2; zoom:1; overflow:hidden; text-align:center;}
.Pages span{ padding:0px 3px; display:inline-block;}
@media (min-width:300px) and (max-width:768px){
.Pages a{ display:inline-block; width:30px; height:30px; overflow:hidden; line-height:100px; margin:0 1px;}
.Pages .a_prev,.Pages .a_next{ background-repeat:no-repeat;}
.Pages .a_prev{ background-position:left 0;}
.Pages .a_next{ background-position:right 0;}
.Pages .on{ cursor:default;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_page em,
.Pages .a_first,
.Pages .a_end,
.Pages .p_jump{ display:none;}
}
@media (min-width:769px){
.Pages{ line-height:18px;}
.Pages span{vertical-align:middle;}
.Pages{ font-size:12px; text-align:right;}
.Pages b{ font-weight:normal;}
.Pages .p_cur b{ color:#727071;}
.Pages .p_total,
.Pages .p_page em{ display:none;}
.Pages .i_text{ width:23px; height:21px; border:1px solid #727071; text-align:center; background:#fff; vertical-align:middle; margin:0 5px;}
.Pages .i_button{  width:52px; height:18px; cursor:pointer; border:none; vertical-align:middle; margin-left:10px;}
}

/*pages end*/


/*top.html*/
.auto{ width:100%; margin:0 auto; max-width:1200px;}

.Header{width:100%; margin:0 auto; max-width:1200px;}
.logo{ float:left; /*padding-top:53px;*/
margin: 0;
    padding: 20px 0;
    display: table;}

.top-menu{ height:70px; padding:28px 0 17px 0;}
.top-menu .list-unstyled{ margin-bottom:0px;}
.top-menu ul{ float:right;}
.top-menu li{ line-height:25px; float:left;   font-size:86%;}
.top-menu li.Language{ margin-left:13px;}
.top-menu li.Language a{}
.top-menu li.hotline{ padding-left:26px;
}
.top-menu li.hotline b{ font-size:110%;}
.top-menu li.hotline strong{ font-size:150%; color:#CC0101; font-family:Tahoma;}
.top-menu li.hotline strong span{ display:block; text-align:right;}
.top-menu li.search{ margin-left:24px; position:relative;}
.top-menu .text{height:23px; line-height:23px;border:1px solid #e0e0e1; padding-left:10px; background:none; border-radius:5px;  width:148px; padding-right:30px;}
.top-menu  .text:focus{border-color: #727071;outline: 0px none;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(68, 153, 51, 0.6);}
.top-menu li.search .btn-search{ width:25px; height:25px; position:absolute; padding:0; right:0px; top:25px;border:0;background:none;color:#727071; }
.top-menu li.columnname{ display:none;}
@media(max-width:1100px)
{
.menu-list,
.logo,
.top-menu li{ display:none;}
.top-menu{ padding:3% 0 2% 0; height:auto;}
.top-menu ul{ float:none;}
.top-menu li.back,
.top-menu li.toggle-nav,
.top-menu li.columnname{ display:block; line-height:30px;}
.top-menu li.columnname{ width:60%; text-align:center; font-size:180%;}
.top-menu li a{width:30px; height:30px;display:block;  background-size:auto 30px; background-repeat:no-repeat; background-position:center center;}
.top-menu li.back a{}
.top-menu li.toggle-nav a{ background-image:url(../images/phone_menu.png);background-size:100% 100%; float:right; }
.top-menu li.toggle-nav,
.top-menu li.back{ width:20%; }
.top-menu li.back{padding-left:3%;}
.top-menu li.toggle-nav{padding-right:3%; text-align:right;}
}

@media(min-width:300px) and (max-width:480px)
{
.top-menu li.columnname{  font-size:120%;}
.top-menu li a{ width:20px; height:20px;background-size:auto 20px; margin-top:5px;}
}
@media(min-width:300px) and (max-width:1100px)
{
#Header{ position:relative;}
#Header .top-menu{ position:absolute; right:0; width:20%; padding:0; top:50%; margin-top:-20px;}
#Header .top-menu li{ display:none;}
#Header .top-menu li.toggle-nav{ display:block; float:right; width:100%;}
#Header .logo{ display:block; text-align:center; padding:2% 0; float:none;}
#Header .logo img{ max-width:244px; width:40%;}
#Header .top-menu li a{ width:40px; height:40px; background-size:40px auto; margin-top:0;}
}
@media(min-width:300px) and (max-width:480px)
{
#Header .top-menu li a{ width:30px; height:30px; background-size:30px auto; margin-top:0;}
#Header .top-menu{margin-top:-15px;}
}
/*menu*/
.menu-list{ float:right; margin-bottom:0;background:url(../images/menu_line.png) repeat-x left top;}
.menu-list li{ float:left; padding-left:64px; height:75px;}
.menu-list li.first{ padding-left:0;}
.menu-list li a{display:block; text-decoration:none;}
.menu-list li a span{ padding-top:32px; font-size:16px; display:block;}
.menu-list li a:hover{text-decoration:none;}
.menu-list li a:hover span,.menu-list li a.on span{ color: #da251c;background:url(../images/menu_aon.png) no-repeat center top; }
.subnav{  width:100%; display:none;border-bottom:4px solid #727071;border-top:1px solid #727071; height:0; overflow:hidden;}
.subnav .icon{ padding-bottom:25px;background:url(../images/subnav_icon.png) no-repeat  center bottom; cursor:pointer;}
.subnav dl{ max-width:1200px; text-align:right; margin:0 auto; width:100%; padding-right:34px; padding-top:10px;}
.subnav dl dd{ display:inline-block; width:148px; margin-left:10px; text-align:center; font-size:12px;}
.subnav dl .zx{ display:inline-block; width:500px; margin-left:10px; text-align:center; font-size:12px;}
.subnav dl dd img{ width:148px; height:102px; margin-bottom:10px; display:block;}
.subnav dl dd .zxbj img{ width:500px; height:102px; margin-bottom:10px; display:block;}
.subnav dl dd:hover a{ color:#da251c; font-weight:bold;}/*二级菜单链接颜色*/
.subnav dl dd:hover img{width:146px; height:100px; border:1px solid #da251c;}/*二级菜单图片颜色*/
.subnav dl .zx:hover img{width:498px; height:100px; border:1px solid ##da251c;}


.open-menu	{ display:none;}
@media (min-width:300px) and (max-width:1100px)
{
.subnav{display:none !important; }
.open-menu{ position:absolute; width:40%; right:0px; display:none; z-index:50; background:url(../images/bodybg.jpg) repeat;display:none;}
.open-menu ul{}
.open-menu li{ text-align:center;}
.open-menu li a{ padding-top:5%; padding-bottom:3%; margin-bottom:4%; display:block;}
.open-menu li a span{ display:inline-block; border-bottom:3px solid rgba(85,85,85,0.1);  min-width:28%; font-size:130%; padding-bottom:2%;}
.open-menu li a.on,.open-menu li a:hover{ border-bottom:0; background:url(../images/menu_aon.png) no-repeat center bottom;}
.open-menu li a.on span,.open-menu li a:hover span{ border-bottom-color:transparent;}
.open-menu li .subnav{ display:none;}
}
@media (min-width:1100px) {
.open-menu	{ display:none !important;}
}
@media (min-width:300px) and (max-width:480px){
.open-menu li a span{ font-size:110%;}
}

/****banner***/
#slides{ position:relative;display:none;}
#slides .main_image {width:100%;  overflow:hidden; margin:0 auto; position:relative; height:100%; z-index:0; /*padding-bottom:120px;*/}
#slides .main_image span{display:block; width:100%;background-position:center top; height:100%; background-repeat:no-repeat; }
#slides .main_image a{display:block; width:100%;height:436px;text-decoration:none;}
#slides .main_image img{width:100%;}
#slides .slidesjs-container{height:436px;}
#slides .slidesjs-control{height:436px;}
#slides .slidesjs-pagination{ display:block; position:absolute; bottom:20px; width:1200px; left:50%; margin-left:-600px;  z-index:10;}
#slides .slidesjs-pagination-item a{ display:inline-block; width:66px; height:62px;  overflow:hidden; line-height:1000px; margin-right:8px; background-position:0 0; background-repeat:no-repeat;}

@media (min-width:300px) and (max-width:1100px)
{  
 #slides .slidesjs-pagination{ bottom:2%;}   
#slides { height:auto;}
#slides .main_image{ height:auto !important;}
#slides .main_image a{ height:auto !important;}
#slides .slidesjs-pagination{ bottom:5%; text-align:center; width:100%; left:0; margin-left:0;}
#slides .slidesjs-pagination a{ width:10px; height:9px; margin:0 3px;}
#slides .slidesjs-pagination a:hover,#slides .slidesjs-pagination a.active{ }
}
/****banner end***/

/**footer**/
#goToTop{ position:fixed; right:2%; bottom:2%;width:50px;  background:rgba(0,0,0,.5); text-align:center; padding:5px 0; border-radius:3px; display:none;}
#goToTop a span{ display:block; margin-bottom:5px;}
#goToTop a{color:#fff; text-decoration:none;}
#goToTop dl{ display:none;}
#goToTop dl dt{}
#goToTop dl dt a{ cursor:pointer; display:block; padding-top:33px; }
#goToTop dl dd{ display:none; position:absolute; right:50px; bottom:0px; background:rgba(0,0,0,.5); border-radius:8px 0px 0px 8px; padding:10px;}

#goToTop dl dd .close{ z-index:5; display:block; cursor:pointer; width:30px; height:30px; position:absolute; left:-20px; top:-20px; }
#goToTop dl dd ul{ padding:0px; margin:0px;}
#goToTop dl dd ul li{ list-style:none; padding:5px 0;}

footer .Bottom{ background-color:#ededed; padding:36px 0; border-top:1px solid #b9d6b6; }
.Bottom .contact{ float:right; width:208px; margin-right:35px;}
.Bottom .contact .img{height:118px; text-align:center; margin-bottom:9px; padding-top:9px;}
.Bottom .contact .img img{ width:92px; height:92px;}
.Bottom .contact li{ float:left; width:50px; height:50px; margin-right:29px; background-repeat:no-repeat; background-position:center center;}
.Bottom .contact li.webchat{ }
.Bottom .contact li.qq{margin-right:0;}
.Bottom .contact li.qq:hover{}
.Bottom .contact li.sina{ }
.Bottom .contact li.sina:hover{}
.Bottom .contact li a{ display:block; height:50px;}

.Bottom dl{ float:left; width:159px; border-left:1px solid #d5d5d5; padding-left:18px; min-height:180px; padding-top:10px;}
.Bottom dt{ border-left:3px solid #53a553; margin-left:-20px; padding-left:18px; font-size:14px; font-weight:bold; margin-bottom:17px;}
.Bottom dd{ font-size:12px; line-height:27px;}
.Bottom dd a{ color:#9a9a9a;}
.Bottom dd a:hover{ color:#53a553;}
@media (min-width:300px) and (max-width:1100px){
footer .Bottom{ display:none;}
}

.copyright{ text-align:center; color:#9f9f9f;  font-size:86%; padding:2% 2% 3%;
background: rgb(139,139,139); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(139,139,139,1) 50%, rgba(52,52,52,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(139,139,139,1)), color-stop(99%,rgba(52,52,52,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(139,139,139,1) 50%,rgba(52,52,52,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(139,139,139,1) 50%,rgba(52,52,52,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(139,139,139,1) 50%,rgba(52,52,52,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(139,139,139,1) 50%,rgba(52,52,52,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#343434',GradientType=0 ); /* IE6-9 */
}
.copyright a{ color:#d4d4d4;}
.copyright span a{color:#9f9f9f;}
.copyright p{ margin-bottom:0; padding:0.5% 0;}
.copyright p a{ padding:0 1%; position:relative;}
.copyright p a::after{content:"";position:absolute;right:0px;top:3px;height:10px;width:1px;background:#666;filter:alpha(opacity=60); opacity:.6;}
.copyright p a:last-child::after{ display:none;}
@media (min-width:300px) and (max-width:480px){
.copyright img{ width:50%;}
.copyright p{ padding:2% 0;}
.copyright p a{ padding:0 2%;}
}

.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:930px; float:right; padding-bottom:3%;}
.info{ padding:0 0 2% 0; margin:1em 0;}

.Sidebar header{  height:129px;}
.col_14{background:url(../images/col_14.png) no-repeat;}

.col_84{background:url(../images/col_84.png) no-repeat;}
.col_94{background:url(../images/col_94.png) no-repeat;}


.side_contact{ padding-bottom:7px;}
.side_contact img{
}
.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; padding-left:10px;}


.side_contact div.contacttitle {
background-color:#da251c;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
width:244px;
height:50px;
padding-top:15px;
padding-left:15px;
}



.side_contact ul {
border-left:1px solid #da251c;
border-right:1px solid #da251c;
border-bottom:1px solid #da251c;
}
.side_contact ul li {
border-bottom: 1px dotted #b4b1b1;
line-height:24px;
font-size:12px;

}


.side_contact ul.leftartlist {
    background: url(../images/news_list_bg.gif) no-repeat 4px 175px;
    
    overflow: hidden;
}

.side_contact ul.leftartlist li {
border-bottom::1px solid #e0e0e0;
line-height:24px;
font-size:14px;
padding-left:25px;
height:24px;
}




.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.myhover{background-color:#da251c; 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;display:none;}
.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: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:#727071; 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:#727071;}
.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:#727071; 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 .Rightbar{ padding:0 2%;
border: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{ height: 185px;    width: 246px;border: 1px solid #e0e0e0;}
.aboutTeam li .txt{ float:right; width:580px}

.aboutTeam li .pic2{ float:left; }
.aboutTeam li .pic2 img{width: 157px; height: 185px;  border: 1px solid #e0e0e0;}
.aboutTeam li .txt2{ float:right; width:650px}




.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:#12854C; font-weight:bold; position:absolute; width:580px; 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:#727071; 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;  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:#727071; 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{ 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;  }
.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; 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%; 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;  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;}

@media (min-width:767px)
{
.bgColor_whirt .Rightbar .cailiao{padding-left:1.5%; padding-bottom:4%; padding-right:2%; border-bottom:0px solid #f1f1f1;}
}


.bgColor_whirt .Rightbar .h2{ font-size:120%; color:#727071; 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 #727071; 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:#727071; 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; 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%;}
    }


/*电子专题页*/
.row{ margin:0px;}
.banner{ height:auto !important;
/*height:200px; 
min-height:200px;*/
    width: 100%;
    overflow: hidden;
}

}




.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;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 #727071; padding-bottom:3.5%; margin:0px; margin-bottom:-1px;}
.carCon .title h3 span{ color:#727071;}
.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;}
@media (min-width:300px) and (max-width:640px)
{
.carCon .txt ul li{ width:100%; float:none;}
}

.company{ width:100%; }
.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 #727071; padding-bottom:3.5%; margin:0px; margin-bottom:-1px;}
.aside3 .aside3box .title h3 span{ color:#727071;}
.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; }
.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 #727071; padding-bottom:3.5%; margin:0px; margin-bottom:-1px;}
.aside4 .aside4box .title h3 span{ color:#727071;}
.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 #727071; padding-bottom:3.5%; margin:0px; margin-bottom:-1px;}
.aside5 .aside5box .title h3 span{ color:#727071;}
.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; }
.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:#727071;}
.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; }
.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%;}
.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{ 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#loca06{ background:#fff;}
.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 #727071; padding-bottom:1.5%; margin:0px; margin-bottom:-1px;}
.NewasideBox .title h3 span{ color:#727071;}
.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;}
.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%; 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 #727071; padding-bottom:1.5%; margin:0px; margin-bottom:-1px;}
.center_air .title h3 span{ color:#727071;}
.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:#727071; 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#loca02,
.center_air#loca03{ background-color:#dce4c6;}
.center_air#loca04{ background-color:#fff; border-top:5px solid #f6f6f6;}
.center_air#loca05{ 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;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;}
}

.mylist1{
margin-top:20px;
margin-left:13px;