﻿@charset "utf-8";
/* CSS Document */
html{font-size: 14px;}
body{margin:0px; padding:0px; font-size:14px; font-family:Arial,"微软雅黑"; color:#666;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
/*a:visited{text-decoration: none; outline:none;}*/
/*a:hover{text-decoration:none; color:#36a390; outline:none;}*/
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.ovh{overflow: hidden;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

input, textarea{background:transparent; padding:0px; font-size:14px; color:#666; outline:none; border:0px;font-family: Arial, "微软雅黑";}
em{font-style:normal;}
input[type="button"],input[type="submit"],select{-webkit-appearance:none;}

/*通用*/
input::-webkit-input-placeholder{font-family: Arial, "微软雅黑";color: #666;} 
input:-moz-placeholder{font-family: Arial, "微软雅黑";color: #666; } 
input::-moz-placeholder{font-family: Arial, "微软雅黑";color: #666; } 
input:-ms-input-placeholder{font-family: Arial, "微软雅黑";color: #666; }
textarea::-webkit-input-placeholder{font-family: Arial, "微软雅黑";color: #666;} 
textarea:-moz-placeholder{font-family: Arial, "微软雅黑";color: #666; } 
textarea::-moz-placeholder{font-family: Arial, "微软雅黑";color: #666; } 
textarea:-ms-input-placeholder{font-family: Arial, "微软雅黑";color: #666; }

input:focus {outline: none; } 
input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
input:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
input:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
textarea:focus {outline: none; } 
textarea:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
textarea:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
textarea:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
i{font-style: normal;}

.tech{width: 1200px;margin:0 auto;}
/*.pc-show{display: block!important;}
.pc-hide{display: none!important;}*/

.l1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.l3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.l4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

/*图片放大*/
.icb{overflow: hidden;}
.icb img{transition: all .5s;width: 100%;}
.icb:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

.tran_2{-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.tran_3{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

/*图标抖动*/
@keyframes IconShake
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}

@-moz-keyframes IconShake /* Firefox */
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}

@-webkit-keyframes IconShake /* Safari 和 Chrome */
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}

@-o-keyframes IconShake /* Opera */
{
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 
}
/*图标抖动*/
.ico_s:hover{animation: IconShake 1s; -moz-animation: IconShake 1s;   /* Firefox */ -webkit-animation: IconShake 1s;    /* Safari 和 Chrome */ -o-animation: IconShake 1s; /* Opera */ }

.container {background: #f0f0f2;padding-bottom: 80px;}

/*头部*/
.header .tech{position: relative;}
.header .top{height: 40px; line-height: 40px; background: #575757; } 
.header .link{padding-right: 25px; background: url(/guangzhou/images/a3.png) no-repeat right; font-size: 13px; color: #b1b1b1; } 
.header .link-box{ display: none; position: absolute;z-index: 9; top: 40px;background: #444;margin-left: -15px;} 
.header .link-box li a{color: #b1b1b1; display: block; padding: 0 15px; } 
.header .link-box li a:hover{color: #259b24; } 
.header .rg-box{overflow:hidden; height: 40px; } 
.header .rg-box li{float: left; margin-left: 32px; } 
.header .rg-box li a{font-size: 13px;color: #b1b1b1; } 
.header .rg-box li a:hover {color: #259b24;} 
.header .rg-box li i{display: inline-block; margin:0 5px; font-size: 13px;color: #b1b1b1; } 
.header .rg-box .name{display: block; padding: 0 57px 0 29px; background: url(/guangzhou/images/z12.png) no-repeat right; } 
.header .rg-box .name span{display: block; } 
.header .rg-box .name.on{color: #fff; background: #292929 url(/guangzhou/images/z12_on.png) no-repeat right; } 
.header .user-sel{display: none; position: absolute;right: 46px;top: 40px;z-index: 20;} 
.header .user-sel li{float: none; height: 60px;line-height: 60px;background: #292929;padding-right: 35px;} 
.header .user-sel li>a{display: block;} 
.header .user-sel li img{width: 40px; height: 40px; border-radius: 100%; overflow: hidden; margin:0 13px 0 22px; } 
.header .user-sel li span{color: #fff; } 
.header .user-sel li:hover span{color: #259b24;}
.header .bot{height: 100px;line-height: 100px; } 
.header .bot .tech{position: relative;}
.header .search{padding-left: 33px; cursor: pointer; } 
.header .links{overflow: hidden; } 
.header .links li{float: left; } 
.header .links li a{margin: 0 33px;height: 100%;display: block;font-size: 16px;color: #333;border-bottom: 3px solid #fff;} 
.header .links li.on a,.header .links li:hover a{color: #259b24;border-bottom: 3px solid #259b24;}
/*底部*/
.footer{background-color: #e8e8e8;}
.footer .footer_top .footer_top_cont{overflow: hidden;padding-bottom: 43px;}
.footer .footer_top .footer_top_cont .dl_list{width: 17%;float:left;text-align: left;padding-left: 3%;}
.footer .footer_top .footer_top_cont .dl_list dt{font-size:16px;font-weight: bold;line-height: 23px;margin-top: 60px;margin-bottom: 5px;}
.footer .footer_top .footer_top_cont .dl_list dd{line-height: 30px;}
.footer .footer_top .footer_top_cont .dl_list dd a:hover{color:#009c44;}
.footer .footer_top .footer_top_cont .dl_list .qimmg{margin-top: 15px;}
.footer .footer_bottom{background:#696969;height: 40px;line-height: 40px;text-align: center;color:#fff;font-size: 14px;}
.footer .footer_top .footer_top_cont .dl_01 dd{line-height: 40px;}
.footer .footer_top .footer_top_cont .dl_01 dd img{margin-right:10px;}
.footer .footer_top .footer_top_cont .dl_02 dt{margin-top: 34px;}

/*搜索框*/
.search-box{display: none; width:741px;background-color: #fff;overflow: hidden;position: absolute;right: 0px;top: 39px;z-index: 50;height: auto;box-shadow: 0px 6px 20px -6px #afafaf;padding-bottom: 25px;}
.search-box .searchinp{width:676px;height: 50px;line-height: 50px;padding-top:20px;margin: 0 auto;border-bottom: 1px solid #259b24;}
.search-box .searchinp .seachico{float: left;width: 20px;height: 20px;margin-top: 14px;cursor: pointer;}
.search-box .searchinp .seachword{float: left;width: 605px;height: 50px;line-height: 50px;font-size: 16px;color: #696969;border:none;outline: none;padding-left: 15px;}
.search-box .searchinp .closico{float: right;width: 18px;height: 18px;margin-top: 12px;cursor: pointer;}

/*内页banner图*/
.bannerPic,.bannerPic img{width: 100%;}

/*路径*/
.path{height: 40px; line-height: 40px; background: #6cbd65; overflow: hidden; } 
.path p{color: #333; } 
.path p a,.path p b{color: #333;line-height: 36px;display: inline-block;} 
.path p a:after{content:"";width:0%;height: 2px;background: #fff;display: block; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } 
.path p a:hover{color: #fff; } 
.path p a:hover:after{width: 100%; }


/*左边导航条*/
.left-bar{width: 168px; background: #fff; padding-bottom: 100px; margin-top: -40px; } 
.left-bar em{display: block; line-height: 52px; padding: 34px 0 0 20px; background: #009c44; font-size: 22px;color: #ffffff; } 
.left-bar li a{display: block; font-size: 16px; height: 45px; padding: 0 20px; line-height: 45px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; } 
.left-bar li.on a, .left-bar li:hover a{color: #fff; background: url(../../../images/a23.jpg) repeat-x; }
.left-bar3 li.on dl a,.left-bar3 li:hover  dl a{color: #666; background: none;     padding: 0 30px;}
.left-bar3 li:hover>a:hover,.left-bar3 li a.now{color: #fff; background: url(../../../images/a23.jpg) repeat-x; }
.left-bar3 li dd a.now{color: #5eb155; }
.left-bar3 li dl{background: #f0f9ef;display: none;}
.left-bar3 li:hover dd a:hover{color: #5eb155;}
.left-bar3 li.on dl{display:block;}
.right-cont{width: 992px; }

.rg-link{font-size: 16px; line-height: 73px; overflow: hidden; } 
.rg-link a{float: left; display: inline-block; } 
.rg-link i{float: left; padding: 0 17px; display: inline-block; } 
.rg-link a.on,.rg-link a:hover{color: #5db055; } 

.rg-tlt{font-size: 30px;color: #333; margin-bottom: 30px; }


/*页码*/
.page-num{float: right; padding-top: 40px; } 
.page-num .top{color: #999;padding-right: 13px;} 
.page-num .num{color: #666;width: 20px;height: 20px;text-align: center;line-height: 20px;margin: 0 5px;display: inline-block;} 
.page-num .next{padding-left: 13px; } 
.page-num .prev{padding-right: 13px; } 
.page-num .next img,.page-num .prev img{width: 8px; } 
.page-num .next img.on,.page-num .prev img.on{display: none;}
.page-num span{color: #999; padding: 0 20px 0 25px; } 
.page-num span i{color: #666;padding: 0 6px;} 
.page-num .down{color: #999; } 
.page-num .num:hover,
.page-num .num.on{color: #fff; background: #6cbd65; border-radius: 100%; } 
.page-num .top:hover,
.page-num .down:hover{color:#6cbd65; }
.page-num .next:hover img.off,.page-num .prev:hover img.off{display: none;}
.page-num .next:hover img.on,.page-num .prev:hover img.on{display: inherit;}


.load-more{margin: 20px 0 0 0;display: block; width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 14px; background: #6cbd65; }

/*手机搜索框*/
.pageBg {position: fixed; z-index: 11; width: 100%; height: 100%; display: none; left: 0px; top: 0px; }
.m-search-box{display:none;position: absolute;width: 100%;height: 140px;z-index: 15;left: 0;top: 90px;background: #63bd60;} 
.m-search-box .inp{overflow:hidden;width: 100%;height: 48px;margin-top: 0px;border-bottom: 1px solid #fff;padding-top: 31px;} 
.m-search-box input{width: 75%;float: left;/*line-height: 40px;height: 40px;*/margin-right: 4%;color: #fff;font-size: 14px;padding: 15px 0;} 
.m-search-box a{display: inline-block;width: 21%;float: left;height: 40px;line-height: 40px;color: #63bd60;background: #fff;border-radius: 4px;text-align: center;font-size: 14px;} 
.m-search-box input::-webkit-input-placeholder{color: #fff;} 
.m-search-box input:-moz-placeholder{color: #fff; } 
.m-search-box input::-moz-placeholder{color: #fff; } 
.m-search-box input:-ms-input-placeholder{color: #fff; }


/*手机菜单栏*/
.memu-bg{display: none; position: fixed;z-index: 109;width: 100%;height: 100%;top: 0px;}
.memu-show{display: none;position: fixed;top: 90px;z-index: 110;background: #63bd60;padding: 0px 0px 30px;width: 100%;}
.memu-show li{border-bottom: 1px solid #fff;}
.memu-show li a{display: block;font-size: 14px;color: #fff;height: 40px;line-height: 40px;padding-top: 12px;}

/*手机底部*/
.m-footer {background: #696969; padding: 15px 0; } 
.m-footer ul{display: table; margin:0 auto; } 
.m-footer ul li{float: left; margin:0 10px; } 
.m-footer ul li a{font-size: .8em;color: #fff;} 
.m-footer p{font-size: .8em; color: #fff; text-align: center; padding-top: 7px; } 
.m-footer p a{font-size: .8em; color: #fff; }

/*手机二级栏目*/
.selTitle{position: relative;background: #d0d0d0  url(../../../images/m6.png) no-repeat 96%;height: 45px;line-height: 45px;
background-size: 3%;}
.selTitle a{display:block;padding: 0 3%;font-size: 16px;}
.selCont{display: none;position: absolute;width: 100%;background: #c0c0c0;padding: 10px 0;z-index: 99;
max-height: 236px;overflow-y: scroll;} 
.selCont ul li{height: 40px;line-height: 40px;} 
.selCont ul li a{border-bottom: 1px solid #e4e4e4;}
.selCont ul li:last-child a{border-bottom: 0;}
.selCont ul li a{display: block;margin: 0 3%;}
.selTitle.on{background: #d0d0d0 url(../../../images/m6_on.png) no-repeat 96%;background-size: 4%;}




/*主菜单*/
.navigation {
	float:right !important;
	/*WIDTH: 900px;*/
	HEIGHT: 37px;
	padding: 0px;
	margin: 0px;
	margin-top:30px;
	text-align: center;
}

 .menu {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	Z-INDEX: 49;
	PADDING-BOTTOM: 0px;
	/*WIDTH: 900px;*/
	PADDING-TOP: 0px;
	POSITION: relative;
	HEIGHT: 37px;
	margin: 0px;
	
}
.menu LI {
	width: 109px;
	text-align: left !important;
	padding:0px 0px;
	/*FONT-WEIGHT: bold;*/
	FONT-SIZE: 16px;
	FLOAT: left;
	margin: 0px;
	line-height:37px;
}


.menu LI A:link {
	width:99px; padding:0px;  DISPLAY: block; COLOR: #000; 
}
.menu LI A:hover {
	width:99px; padding:0px; DISPLAY: block; COLOR:#259b24 !important; 

}
.menu LI A:visited {
	width:99px; padding:0px;  DISPLAY: block;  COLOR: #000; 
}


.menu UL {
	Z-INDEX: 300;
	POSITION: relative;
}

.menu LI UL {
	DISPLAY: none;
	WIDTH: 109px;
	/*min-width:99px;*/
	/*max-width:119px;*/
	POSITION: absolute;
	TOP: 37px;
	list-style-type: none;
	margin: 0px;
	padding:0px;
	background:#F2F2F2;
	border-top:6px solid #F2F2F2;
	border-bottom:10px solid #F2F2F2;
    border-radius:6px;
	margin-left:0px;

}
.menu LI UL{box-shadow: 0px 4px 12px -2px #aaa;}/*投影*/

.menu LI UL LI {
	WIDTH:109px;
	height: 29px;
	margin: 0px;
	padding: 0px 0px;
	padding-left:3px;
	/*padding-left:1px;*/
	line-height: 29px;
	font-size:13px;
overflow:hidden;
}

.menu LI UL LI A:link {
	COLOR: #000;
	height: 29px;

}
.menu LI UL LI A:hover {
	COLOR: #000;
	height: 29px;

}

.menu LI UL LI A:visited{
	COLOR: #000;
	height: 29px;

}

.navigation #menu-mainmenu #menu-item-393 a {
	text-align: center;
}


.navigation #menu-mainmenu #menu-item-382 a {
	text-align: center;
}

.navigation #menu-mainmenu #menu-item-382 .sub-menu #menu-item-376 a {
	text-align: center;
}





/*分页样式*/
.pagelink{
	float:right;
	height:45px;
	margin: 0;
	margin-top:25px;
	margin-bottom:25px;
	padding:0px;
}
.pagelink a, .pagelink span{
    width:45px;
    height:45px;
    border:1px solid #808080;
    border-radius:50%;
    display:inline-block;
    text-align:center;
    line-height:45px;
    color:#808080;
    background:#ffffff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
	margin-right:15px;
	font-size:12px;
}
.pagelink a.on, .pagelink a:hover{ 
    color:#ffffff;
    background:#212224;
    border-color:#212224;
	font-size:12px;	
}

@media screen and ( max-width:1004px ){
	.pagelink{ display:none;}
	
	.pagelink_m{
	/*float:right;*/
	width:98%;
	height:45px;
	margin: 0 auto;
	margin-top:25px;
	margin-bottom:25px;
	padding:0px;
	text-align:center;
}
.pagelink_m a, .pagelink_m span{
    width:45px;
    height:45px;
    border:1px solid #808080;
    border-radius:50%;
    display:inline-block;
    text-align:center;
    line-height:45px;
    color:#808080;
    background:#ffffff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
	margin-left:8px;
	margin-right:8px;
	font-size:12px;
}
.pagelink_m a.on, .pagelink_m a:hover{ 
    color:#ffffff;
    background:#212224;
    border-color:#212224;
	font-size:12px;	
}
}
}



.clearboth { clear:both; display:block; height:0;font-size:0; overflow:hidden;}









