@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th,i{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 微软雅黑; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#319f3c; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:25px auto;}
.head_top h1{ width:478px; float:left; margin:0;}
.head_top h1 img{ width:100%;}
.rexian{ float:right; font-size:16px; color:#525252; line-height:26px; margin:12px 0 0 52px;}
.rexian span{ font-size:22px; color:#319f3c; font-weight:bold;}
.cnen{ float:right; font-size:16px; line-height:26px; margin:14px 0 0 0;}
.cnen a{ margin:0 10px; color:#525252;}
.cnen a:hover, .cnen a.hot{ color:#319f3c; text-decoration:none;}

/*nav*/
.nav{ width:100%; background:#319f3c;}
.nav li{ float:left; width:14.28%;}
.nav li p{ position:relative;}
.nav li p a{ font-size:16px; color:#fff; line-height:50px; display:block; text-align:center;}
.nav li:hover p a, .nav li p a.her{ text-decoration:none; font-weight:bold;}
.nav .mover{ display:none;}
.nav li:hover .mover{ display:block; position:absolute; z-index:99; background:#319f3c; width:171px; box-shadow:#208e2b 0 1px 3px;}
.nav li:hover .mover .erji{ border-bottom:#208e2b 1px solid;}
.nav li:hover .mover .erji:last-child{ border-bottom:none;}
.nav li:hover .mover .erji a{ font-size:14px; color:#fff; display:block; line-height:40px; padding:0 0 0 12px;}
.nav li:hover .mover .erji:hover a{ background:#208e2b; text-decoration:none;}
.nav .mover .erji .mov_san{ display:none;}
.nav .mover .erji:hover .mov_san{ display:block; position:absolute; left:171px; top:0; width:171px; box-shadow:#208e2b 0 1px 3px;}
.nav .mover .erji:hover .mov_san .sanji{ border-bottom:#319f3c 1px solid;}
.nav .mover .erji:hover .mov_san .sanji:last-child{ border-bottom:none;}
.nav .mover .erji:hover .mov_san .sanji a{ font-size:14px; color:#fff; display:block; line-height:40px; padding:0 0 0 12px;}
.nav .mover .erji:hover .mov_san .sanji:hover a{ background:#319f3c; text-decoration:none;}

/*banner*/
.main_visual{ width:100%; margin:0 auto; overflow:hidden;}
.main_image{ height:420px; position:relative;}
.main_image ul{ overflow:hidden; position:absolute; top:0; left:0;}
.main_image li{ float:left; width:100%;}
.main_image li span{ display:block; width:100%;}
.main_image li a{ display:block; width:100%; height:420px;}
div.flicking_con{ width:1000px; margin:0 auto; position:relative;}
div.flicking_con .flicking_inner{ position:absolute; top:392px; left:47%; z-index:2;}
div.flicking_con a{ float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px;}
div.flicking_con a.on{background-position:0 -21px;}
#btn_prev,#btn_next{ z-index:3; position:absolute; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none;}
#btn_prev{ background:url(../images/hover_left.png) no-repeat left top; left:2%;}
#btn_next{ background:url(../images/hover_right.png) no-repeat right top; right:2%;}

/*service*/
.service_name{ margin:52px auto 20px auto;}
.service_name p{ float:left; font-size:24px; color:#319f3c; line-height:24px;}
.service_name p span{ font-size:18px; color:#666; text-transform:uppercase;}
.service_name a{ float:right; background:url(../images/more.png) right center no-repeat; font-size:14px; color:#888; line-height:24px; padding:0 28px 0 0;}
.service_name a:hover{ text-decoration:none; color:#319f3c;}

.service{ margin:20px auto 52px auto;}
.service ul{ overflow:hidden;}
.service li{ float:left; width:300px; border:#ccc 1px solid; margin:0 24px 0 0; position:relative; padding:16px 41px; text-align:center;}
.service li:nth-child(3n){ margin:0;}
.service li span{ display:block; width:88px; margin:0 auto;}
.service li span img{ width:100%;}
.service li big{ display:block; font-size:18px; line-height:36px; color:#525252; margin:0 0 5px 0;}
.service li small{ display:block; font-size:14px; line-height:20px; height:40px; color:#666;}
.service li .service_hover{ transition:all .3s; background:rgba(49,159,60,.8); position:absolute; width:100%; height:100%; left:0; top:-105%;}
.service li:hover .service_hover{ top:0px;}
.service li .service_hover p{ padding:12px 26px 0 26px;}
.service li .service_hover a{ font-size:16px; color:#fff; line-height:56px; width:50%; float:left; text-align:left; display:block; transition:all .3s;}
.service li .service_hover a:hover{ text-decoration:none; color:#e3e1bf;}
.service li .service_hover a.s_seah{ text-align:center !important; width:100% !important; line-height:188px; font-size:20px;}

/*why_us*/
.why_us{ background:#e7e7e7; width:100%; padding:46px 0;}
.why_name{ margin:0 auto 20px auto;}
.why_name p{ float:left; font-size:24px; color:#319f3c; line-height:24px;}
.why_name p span{ font-size:18px; color:#666; text-transform:uppercase;}
.why_name a{ float:right; background:url(../images/more.png) right center no-repeat; font-size:14px; color:#888; line-height:24px; padding:0 28px 0 0;}
.why_name a:hover{ text-decoration:none; color:#319f3c;}
.why_us ul{ width:1200px; margin:30px auto 0 auto; overflow:hidden;}
.why_us ul li{ float:left; width:23.5%; margin:0 2% 0 0; position:relative; padding:132px 0 0 0; cursor:pointer; text-align:center;}
.why_us ul li:last-child{ margin:0;}
.why_us ul li .quan{ position:absolute; top:0; left:50%; margin:0 0 0 -59px; width:102px; background:#f2f2f2; padding:8px; border-radius:50%;}
.why_us ul li .quan:before{ content:''; position:absolute; left:0; top:0; width:118px; height:118px; }
.why_us ul li:hover .quan:before{ animation:mymove 1s linear infinite backwards; background:url(../images/case_quan.png) center no-repeat;}
.why_us ul li .quan img{ width:100%; border-radius:50%; display:block;}
.why_us ul li a{ display:block; color:#525252;}
.why_us ul li a:hover{ color:#db221a;}
.why_us ul li big{ font-size:23px; font-weight:bold; color:#525252; line-height:36px; margin:0 0 8px 0; height:36px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.why_us ul li small{ font-size:14px; line-height:20px; height:40px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
@keyframes mymove{	
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

/*news*/
.news_name{ margin:52px auto 20px auto;}
.news_name p{ float:left; font-size:24px; color:#319f3c; line-height:24px;}
.news_name p span{ font-size:18px; color:#666; text-transform:uppercase;}
.news_name a{ float:right; background:url(../images/more.png) right center no-repeat; font-size:14px; color:#888; line-height:24px; padding:0 28px 0 0;}
.news_name a:hover{ text-decoration:none; color:#319f3c;}
.news{ margin:20px auto 28px auto;}
.news ul{ overflow:hidden;}
.news ul li{ width:560px; float:left; margin:0 24px 24px 0; position:relative; border:#eee 2px solid; padding:12px;}
.news ul li:nth-child(2n){ margin:0 0 24px 0;}
.news ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#319f3c; position:absolute; top:-2px; left:-2px;}
.news ul li:hover::before{ width:100.7%; visibility:visible; z-index:2;}
.news ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#319f3c; position:absolute; bottom:-2px; right:-2px;}
.news ul li:hover::after{ width:100.6%; visibility:visible; z-index:2;}
.news ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#319f3c; position:absolute; bottom:-2px; right:-2px;}
.news ul li:hover i:before{ height:102%; visibility:visible; z-index:2;}
.news ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#319f3c; position:absolute; top:-2px; left:-2px;}
.news ul li:hover i:after{ height:102%; visibility:visible; z-index:2;}
.news ul li .news_l{ float:left; width:120px;}
.news ul li .news_l img{ width:100%;}
.news ul li .news_r{ float:right; width:409px;}
.news ul li .news_r a{ font-size:14px; color:#666; line-height:25px; display:block;}
.news ul li .news_r a:hover{ text-decoration:none; color:#319f3c;}
.news ul li .news_r .news_zhut{ width:100%; margin:0 auto 6px auto; overflow:hidden;}
.news ul li .news_r .news_zhut .zhut_left{ float:left; font-size:16px; color:#333;}
.news ul li .news_r .news_zhut .zhut_right{ float:right; font-size:12px; color:#666;}
.news ul li .news_r .news_zhut .zhut_right span{ font-size:22px; margin:0 8px 0 0;}

/*shebei*/
.honor{ background:#e7e7e7; width:100%; padding:36px 0;}
.honor_name{ margin:0 auto 20px auto;}
.honor_name p{ float:left; font-size:24px; color:#319f3c; line-height:24px;}
.honor_name p span{ font-size:18px; color:#666; text-transform:uppercase;}
.honor_name a{ float:right; background:url(../images/more.png) right center no-repeat; font-size:14px; color:#888; line-height:24px; padding:0 28px 0 0;}
.honor_name a:hover{ text-decoration:none; color:#319f3c;}
.honor ul{ margin:20px auto 0 auto;}
.honor ul li{ width:286px; float:left; border:#ccc 1px solid; margin:0 16px 0 0; position:relative;}
.honor ul li:last-child{ margin:0;}
.honor ul li img{ width:100%;}
.honor ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#319f3c; -webkit-transition-delay:0.3s; position:absolute; top:-1px; left:-1px;}
.honor ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.honor ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#319f3c; -webkit-transition-delay:0.1s; position:absolute; bottom:-1px; right:-1px;}
.honor ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.honor ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#319f3c; -webkit-transition-delay:0.2s; position:absolute; top:-1px; right:-1px;}
.honor ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.honor ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#319f3c; -webkit-transition-delay:0s; position:absolute; bottom:-1px; left:-1px;}
.honor ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*footer*/
.footer{ width:100%; margin:0; overflow:hidden; background:#319f3c;}
.footer .footer_left{ float:left; margin:32px 0 0 0;}
.footer .footer_left dl{ float:left; margin:0 20px 32px 0;}
.footer .footer_left dl dd{ margin:0 0 6px 0;}
.footer .footer_left dl dd a{ font-size:16px; color:#fff; line-height:28px; display:block;}
.footer .footer_left dl dd a:hover{ text-decoration:none; color:#000;}
.footer .footer_left dl dt{ line-height:28px;}
.footer .footer_left dl dt a{ font-size:14px; color:#eee; display:block;}
.footer .footer_right{ float:right; margin:32px 0; width:460px;}
.footer .footer_right dl{ overflow:hidden;}
.footer .footer_right dl dd{ width:308px; float:left; margin:2px 12px 0 0; text-align:right; font-size:14px; color:#fff; line-height:22px;}
.footer .footer_right dl dd b{ font-weight:bold; display:block; font-size:18px;}
.footer .footer_right dl dd .qq_l{ width:100%; margin:12px 0 0 0; overflow:hidden;}
.footer .footer_right dl dd .qq_l p{ float:right; width:100px; text-align:center; border-radius:14px; background:#fff;}
.footer .footer_right dl dd .qq_l p a{ display:block; color:#319f3c; line-height:28px;}
.footer .footer_right dl dt{ width:120px; background:#f8f8f8; float:right; padding:10px 10px 0 10px;}
.footer .footer_right dl dt span{ display:block; font-size:14px; color:#525252; line-height:30px; text-align:center;}
.footer .footer_right dl dt img{ width:120px; height:120px;}

.footer .footer_icp{ border-top:#eee 1px solid; text-align:center; font-size:14px; color:#fff; line-height:20px; padding:20px 0;}
.footer .footer_icp a{ color:#fff;}

@media screen and (max-width:1200px) {

	.nav{ width:1200px;}
	
	.main_visual{ width:1200px;}
	
	.partner{ width:1200px;}
	
	.news{ width:1200px;}
	
	.footer{ width:1200px;}

}


/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/ny_banner1.jpg) center no-repeat; height:366px;}

/*lujing*/
.lujing{ border:#ececec 1px solid; border-left:none; border-top:none; box-shadow:0 2px 5px #ececec; padding:16px 0;}
.lujing a{ font-size:14px; color:#333; line-height:20px; float:left; font-weight:bold;}
.lujing a:hover{ color:#319f3c; text-decoration:none;}
.lujing i{ width:5px; height:10px; background:url(../images/lj_jt.png) center no-repeat; float:left; margin:5px 15px;}

/*content*/
.content{ width:1198px; margin:36px auto; overflow:hidden; border:#e5e5e5 1px solid;}
.content .content_left{ width:285px; float:left;}
.content .content_left h2{ border-top:#319f3c 5px solid; padding:0 0 0 30px; font-size:18px; color:#000; line-height:60px; border-bottom:#e5e5e5 1px solid;}
.content .content_left ul{ overflow:hidden;}
.content .content_left ul li{ line-height:40px;}
.content .content_left ul li a{ font-size:16px; color:#333; display:block; padding:0 0 0 30px;}
.content .content_left ul li a:hover{ color:#319f3c; text-decoration:none;}
.content .content_left ul li a.her{ border-left:#319f3c 5px solid; background:#f3f3f3; padding:0 0 0 25px;}
.content .content_left ul li dl{ padding:4px 0 4px 12px;}
.content .content_left ul li dl dd{ line-height:32px;}
.content .content_left ul li dl dd i{ width:5px; height:10px; background:url(../images/lj_jt.png) center no-repeat; float:left; margin:11px 8px 0 0;}
.content .content_left ul li dl dd a{ color:#666; font-size:14px;}
.content .content_left ul li dl dd a.hot{ color:#319f3c;}

.content .content_right{ width:912px; float:right; border-left:#e5e5e5 1px solid;}
.content .content_right h2{ width:828px; margin:18px auto; font-size:18px; color:#333; line-height:30px;}

/*profiles*/
.profiles{ width:828px; margin:18px auto; font-size:14px; line-height:25px; color:#666;}

.ny_honor{ width:828px; margin:18px auto;}
.ny_honor ul{ overflow:hidden;}
.ny_honor ul li{ width:31%; float:left; margin:0 3.5% 3.5% 0; position:relative;}
.ny_honor ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.ny_honor ul li img{ width:100%;}
.ny_honor ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_honor ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.ny_honor ul li a:hover{ text-decoration:none; color:#319f3c;}
.ny_honor ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#319f3c; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.ny_honor ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.ny_honor ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#319f3c; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.ny_honor ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.ny_honor ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#319f3c; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.ny_honor ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.ny_honor ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#319f3c; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.ny_honor ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*products*/
.products{ width:828px; margin:18px auto; font-size:14px; line-height:25px; color:#666;}
.products h3{ color:#319f3c; font-weight:bold; font-size:15px;}
.products img{ max-width:100%;}
.products dl{ float:left; width:30%; margin:8px 5% 3% 0;height: 350px;}
.products dl a{ color:#525252; display:block;}
.products dl a:hover{ text-decoration:none; color:#319f3c;}
.products dl:nth-child(3n){ margin:8px 0 3% 0;}
.products dl dd{ box-shadow:0 1px 4px #999; margin:0 0 8px 0;}
.products dl dd img{ width:100%;}
.products dl dt{ line-height:22px;}
.products dl dt font{ display:block; font-size:18px; color:#333; line-height:34px;}
.products dl dt span{ display:block; color:#319f3c; margin:3px 0 0 0;}
.products table{ border-collapse:collapse; border:none; width:100%;}
.products td{ border:solid #eee 1px; padding:4px 6px; font-size:14px; color:#666; line-height:25px;}

/*ny_news*/
.ny_news{ width:828px; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ margin:0 0 26px 0; position:relative; overflow:hidden;}
.ny_news ul li .news_fl{ width:22%; float:left;}
.ny_news ul li .news_fl img{ width:100%;}
.ny_news ul li .news_fr{ width:73%; float:right; margin:0 2% 0 3%;}
.ny_news ul li h4{ font-size:15px; line-height:25px; color:#333; font-weight:bold; margin:10px 0 2px 0;}
.ny_news ul li span{ font-size:12px; color:#319f3c; line-height:18px; margin:2px 0; display:block;}
.ny_news ul li em{ font-size:14px; line-height:22px; color:#666; margin:6px 0 10px 0; display:block;}
.ny_news ul li a{ display:block; border:#d9d9d9 1px solid; overflow:hidden;}
.ny_news ul li a:hover{ text-decoration:none;}
.ny_news ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#319f3c; position:absolute; top:0; left:0;}
.ny_news ul li:hover::before{ width:100%; visibility:visible; z-index:2;}
.ny_news ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#319f3c; position:absolute; bottom:0; right:0;}
.ny_news ul li:hover::after{ width:100%; visibility:visible; z-index:2;}
.ny_news ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#319f3c; position:absolute; bottom:0; right:0;}
.ny_news ul li:hover i:before{ height:100%; visibility:visible; z-index:2;}
.ny_news ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#319f3c; position:absolute; top:0; left:0;}        
.ny_news ul li:hover i:after{ height:100%; visibility:visible; z-index:2;}

.news_name_n{ width:828px; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 18px auto;}
.news_name_n strong{ font-size:16px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:828px; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.p_next{ width:828px; margin:18px auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#319f3c;}

/*join*/
.jobtitle{ width:828px; overflow:hidden; margin:0 auto; background:#f2f2f2; padding:10px 0;}
.jobtitle span{ float:left; width:25%; text-align:center; font-size:14px; color:#000; font-weight:bold; line-height:25px;}
.jobpanel{ width:828px; overflow:hidden; margin:0 auto 18px auto; border-bottom:1px dotted #ccc;}
.jobpanel dl{ border-top:1px dotted #ccc;}
.jobpanel dl dt{ line-height:42px; overflow:hidden;}
.jobpanel dl dt span{ float:left; width:25%; text-align:center; font-size:14px; color:#666;}
.jobpanel dl dt span a{ font-size:14px; color:#319f3c;}
.jobpanel dl dt span a:hover{ text-decoration:none;}
.jobpanel dl dd{ display:none; padding:10px 0 20px 76px; line-height:25px;}
.jobpanel dl dd h3{ font-size:14px; color:#319f3c; margin:0 0 6px 0; font-weight:bold;}

/*contact*/
.contact{ width:828px; margin:18px auto; font-size:14px; line-height:25px; color:#666;}

.feedback{ width:828px; margin:18px auto; overflow:hidden;}
.col-sm-5 .form-control{ display:block; width:100%; max-width:400px; height:35px; padding:0px 12px; font-size:14px; line-height:33px; color:#555; background:#fff; background-image:none; border:1px solid #ccc; border-radius:4px;}
.col-sm-5 #FeedabckContent{ display:block; width:100%; max-width:550px; height:150px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background:#fff; background-image:none; border:1px solid #ccc; border-radius:4px;}
.col-lg-12{ width:100%; max-width:550px; margin-top:20px;}
.col-lg-12 .btn{ display:inline-block; padding:7px 40px; margin-bottom:0; font-weight:normal; border:1px solid #ccc; border-radius:5px; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; background-color:#fff; cursor:pointer;}
.col-lg-12 .btn:hover{ background:#319f3c; border:1px solid #319f3c; color:#fff;}

/*search*/
.search_left{ float:right; width:836px;}
.search_left dl{ border-left:#eee 1px solid; padding:26px 0 26px 40px; font-size:14px; color:#666; line-height:25px;}
.search_left dl dd{ border-bottom:#eee 1px solid; padding:0 40px 20px 0; margin:0 0 12px 0;}
.search_left dl dt{ padding:0 40px 0 0;}
.search_right{ float:left; width:362px; border-top:#319f3c 5px solid;}

/*.search_cx{ width:282px; margin:26px auto 0 auto;}
.search_cx img{ width:100%;}*/
.mogSearchBox{ width:100%; margin:0 auto 26px auto; overflow:hidden; background:#eee;}
.mogSearchBox dl{ width:282px; margin:72px auto 36px auto; font-size:14px; color:#666; line-height:25px; overflow:hidden;}
.mogSearchBox dl dd{ width:100%; font-size:14px; color:#525252; line-height:38px; font-weight:bold;}
.mogSearchBox dl dt{ width:100%;}
.mogSearchBox input.mogSbox{ width:272px; padding:6px 0 6px 8px; font-size:14px; line-height:24px; border:#ccc 1px solid;}
.sear_dj{ width:282px; margin:36px auto 108px auto;}
.mogSearchBox input.button{ border:none; height:36px; width:88px; cursor:pointer; color:#fff; background:#319f3c; box-shadow:0 3px 2px #087112;}

.search_ss{ width:1118px; margin:32px auto; font-size:14px; color:#525252; line-height:28px;}

/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-90px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-150px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#faaa00; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg b{ font-size:18px;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-6px; border-top:5px solid transparent; border-left:7px solid #faaa00; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:-15px; left:-222px;}
.four-con ul li.a-w2 .f-all-con{ top:-43px; left:-154px;}
a.f-icon5, a.f-icon4, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../images/ficon1.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon4{ background:url(../images/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../images/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon1{ background-position:0 0;}

.lyck_t{ width:240px; position:fixed; bottom:0; left:0; font-size:14px; cursor:pointer; z-index:99999;}
.lyck_t h3{ line-height:30px; color:#fff; padding:0 40px; border:1px #999 solid; border-bottom:none; border-radius:8px 8px 0 0; background:#999 url(../images/db_yx.png) 16px 8px no-repeat;}				 
.lyck{ width:260px; background:#fff; border-radius:4px; font-size:14px; position:fixed; bottom:0; left:0; display:none; z-index:99999;}
.lyck h4{ line-height:30px; color:#fff; background:#999; padding:0 20px; border:1px #999 solid; border-bottom:none; border-radius:8px 8px 0 0;} 
.lyck h3{ line-height:30px; color:#fff; background:#999; padding:0 20px; border:1px #999 solid; border-bottom:none; border-radius:4px 4px 0 0;} 
.lyck h3 a{ color:#fff;}
.lyck h3 a:hover{ text-decoration:none;}
.lyck .lycknr{ padding:10px 20px; border-left:1px #ccc solid; border-right:1px #ccc solid;}
.lyck .lycknr p{ line-height:22px; color:#666;}	
.lyck ul{ width:218px; margin:0 auto;}	 
.lyck ul li{ width:216px; border:1px #ccc solid; border-radius:2px; margin:10px 0 0 0;}
.lyck ul li .input_txt{ width:196px; border:none; padding:0 10px;line-height:30px;}
.lyck ul .textarea{ width:216px; border:1px #ccc solid;}
.lyck ul li textarea{ width:97%; height:68px; border:none; padding:1.5%;}
.lyck .more{ width:120px; overflow:hidden; margin:10px 0 0 0;}
.lyck .more .input_btn{ width:120px; height:30px; text-align:center; margin:0 auto; background:#666; font-size:12px; border:none; color:#fff;}

.messages_box{  border-top:none; padding:0; font-size:14px; color:#333; line-height:25px;}
.messages_box h4{ font-size:15px; color:#f00; line-height:22px; margin:0 0 12px 0;}
.messages_box ul{ overflow:hidden;} 
.messages_box ul li{ padding:5px 22px 5px 0;}
.messages_box .text-input, .messages_box .summary-input, .messages_box .qq-input{ width:100%; height:33px; padding:0px 10px; line-height:normal; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important; font-size:14px;}
.messages_box .cont-input{ width:100%; height:130px; padding:10px; line-height:20px; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important; font-size:14px;}
.messages_box .code-input{ width:125px; vertical-align:middle; height:33px; padding:0px 10px; line-height:normal; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.messages_box .submitBtn{ text-align:center; padding-top:10px;}
.messages_box .messages-button{ width:125px; height:34px; line-height:34px; font-size:16px; color:#fff; text-align:center; background:none repeat scroll 0% 0% #f00; border:none;}