@charset "gb2312";
/* CSS Document */
*{margin:0; padding:0; font-family:"΢ÈíÑźÚ"; font-size:16px;}
::selection{background:#6eae42;color:#FFF;}
::-moz-selection{background:#6eae42;color:#FFF;}
::-webkit-selection{background:#6eae42;color:#FFF;}
li{ list-style:none;}
input{outline:none; border:none;}
img{ border:none;}
a{ text-decoration:none; color:#000;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.clearfix{clear:both;}


	.slider{ width:100%; margin:0 auto; position:relative; overflow:hidden;   height:578px; background:#000;  }
	.slider .bd{ position:relative; z-index:0; margin-left:-960px;left:50%;  }
	.slider .bd li{ height:578px; overflow:hidden; }
	.slider .bd li img{ display:block;  }

	.slider .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
	.slider .hd ul{ text-align:center;  }
	.slider .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px; height:13px; margin:0 4px; 
		background:url(../images/btn.png) 0 -14px;
		overflow:hidden;  filter:alpha(opacity=70);opacity:0.7;  vertical-align:top; line-height:9999px; 
	}
	.slider .hd ul .on{ background-position:0 0;}

.top_bg{ height:78px; background-color:rgba(255,255,255,0.8); position:absolute; top:0; left:0; z-index:9999; width:100%;}
.top_bg .top{ width:1200px; margin:0 auto;}
.top .logo{ float:left; margin-top:30px;}
.top .logo img{ display:block;}
.top .nav{ float:left; margin-top:40px; margin-left:30px;}
.top .nav li{ float:left; position:relative;}
.top .nav li a{ display:block; padding:0 15px; color:#4c4c4c;}
.top .search{ float:right;}
.top .search a{ font-size:12px; color:#4c4c4c; margin:0 5px; line-height:36px;}
.top .search .x{ position:relative; padding-right:10px;}
.top .search #s_t{ width:152px; height:24px; line-height:24px; font-size:14px; background-image:url(../images/search_text.png); padding-left:10px; background-color:rgba(0,0,0,0)}
.top .search #s_b{ width:20px; height:20px; background-image:url(../images/search_btn.png); background-color:rgba(0,0,0,0); cursor:pointer; position:absolute; right:0; top:3px;}

.f_nav_bg{ height:58px; background-color:rgba(255,255,255,0.8); position:fixed; top:0px; left:0; z-index:9999; width:100%; display:none; transition:all 1s; opacity:0; z-index:9999999999;}
.f_nav_bg .f_nav{ width:1200px; margin:0 auto;}
.f_nav .logo{ float:left; margin-top:10px;}
.f_nav .logo img{ display:block;}
.f_nav .nav{ float:left; margin-top:20px; margin-left:30px;}
.f_nav .nav>li{ float:left; position:relative;}
.f_nav .nav li a{ display:block; padding:0 15px; color:#4c4c4c;}
.f_nav .search{ float:right;}
.f_nav .search .x{ position:relative; padding-right:10px; margin-top:20px;}
.f_nav .search #s_t{ width:152px; height:24px; line-height:24px; font-size:14px; background-image:url(../images/search_text.png); padding-left:10px; background-color:rgba(0,0,0,0)}
.f_nav .search #s_b{ width:20px; height:20px; background-image:url(../images/search_btn.png); background-color:rgba(0,0,0,0); cursor:pointer; position:absolute; right:0; top:3px;}

.nav>li .sub{ position:absolute; background-color:rgba(255,255,255,0.8); top:21px; left:0; width:100%; padding:10px 0; display:none;}
.nav>li .sub li{ line-height:30px; text-align:center; width:100%; position:relative; left:0; transition:all 0.3s;}
.nav>li .sub li:hover{ left:-3px;}
.nav>li .sub li a{ font-size:14px; display:block;}
.nav>li .sub li a:hover{ color:#7eb844;}



.team_bg{ width:100%; margin-top:60px;}
.team{ width:1200px; margin:0 auto;}
.team .title{ text-align:center; font-size:45px; color:#333333;}
.team .jj{ text-align:center; font-size:18px; line-height:34px; width:830px; margin:28px auto 0; color:#808080;}
.team .content{ margin-top:60px; height:540px; overflow:hidden;position:relative}
.team .col{ float:left; width:378px; height:252px; box-sizing:border-box; border:1px solid #fff; position:relative;margin-right:30px;margin-bottom:30px;}
.team .col:nth-child(3n){margin-right:0;}
/*.team .col:nth-child(5){position: absolute;top: 200px;left: 299px;}*/
.team .col img{ display:block; width:378px; height:252px;}
.team .col .show{ position:absolute; width:100%; height:100%; top:0; left:0;transition:all 0.5s;overflow: hidden;}
.team h2{ color:#fff; text-align:center; padding-top:35%; transition:all 0.5s;transform:translate3d(0,-20px,0);}
/*
.team .col:nth-child(1) h2{padding-top:24%}
.team .col:nth-child(2) h2{padding-top:24%}
.team .col:nth-child(3) h2{padding-top:46%}
.team .col:nth-child(4) h2{padding-top:46%}
*/
.team p{ font-size:14px; color:#fff; text-align:center; padding:20px; transition:all 0.5s; transform:translate3d(0,20px,0); opacity:0;}
.team .line_h{ height:192px; width:0px; box-sizing:border-box; border-top:1px solid #fff; border-bottom:1px solid #fff; position:absolute; top:30px; left:50%; z-index:999999; transition:all 0.5s;}
.team .line_s{ width:316px; height:0px;box-sizing:border-box; border-left:1px solid #fff; border-right:1px solid #fff; position:absolute; left:30px; z-index:999999; top:50%; transition:all 0.5s;}
.team .col:hover .show{ background-color:rgba(0,0,0,0.6);} 
.team .col:hover h2,.team .col:hover p{transform:translate3d(0,0,0); opacity:1;}
.team .col:hover .line_h{ width:316px; left:30px;}
.team .col:hover .line_s{ height:192px; top:30px;}


.about_bg{ width:100%; margin-top:80px;}
.about_bg .about{ width:1200px; margin:0 auto; background-color:#f1f1f1;}
.about .title{ text-align:center; font-size:45px; color:#333333;-moz-font-smoothing:subpixel-antialiased;
-webkit-font-smoothing:subpixel-antialiased; padding:50px 0;}
.about .left{float:left; color:#808080; width:550px; text-align:justify; line-height:34px; margin-left:50px;margin-bottom:30px;}
.about .right{float:right; margin-right:50px;}
.about .right li{ margin-bottom:30px;}
.about .right span{ font-size:12px; font-weight:bold; color:#808080;}
.about .right .jd_bg{ padding-top:3px; width:550px; height:7px; border-radius:5px; background-color:#fff; margin-top:8px}
.about .right .jd{ transition:all 1.5s;  height:4px; border-radius:2px; background:linear-gradient(left,#124e77,#7eb844);
background:-moz-linear-gradient(left,#124e77,#7eb844);
background:-webkit-linear-gradient(left,#124e77,#7eb844);
}
.about .right .jd1{width:0px;}
.about .right .jd2{width:0px;}
.about .right .jd3{width:0px;}
.about .right .jd4{width:0px;}
.about .bottom{ width:1200px; height:200px; background-image:url(../images/bottom.jpg); margin-top:60px;}

.news_bg{ width:100%; margin-top:70px;}
.news{width:1200px; margin:0 auto;}
.news>.title{ text-align:center; font-size:45px; color:#333333; margin-bottom:40px;}
.news li{float:left; width:370px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); background-color:#f5f5f5; padding-bottom:30px; margin-right:45px; position:relative; transition:all 0.3s; top:0;}
.news li img{ width:370px; height:250px; display:block;}
.news li:hover{top:-5px; box-shadow:0px 0px 15px rgba(0,0,0,0.4);}
.news li:last-child{ margin-right:0;}
.news li .content .title{ text-align:center; margin-top:30px;}
.news li .content .title a{ text-align:center; font-size:24px; color:#333333;}
.news li .content .title a:hover{color:#7eb844}
.news li .content .time{ font-size:12px; color:#b2b2b2; text-align:center; margin:15px 0;}
.news li .content .ms{ font-size:14px; color:#808080; width:280px; margin:0 auto; line-height:24px; text-align:center; height:48px; overflow:hidden;}

.footer_bg{width:100%; background-color:#262626; margin-top:60px;}
.footer_bg .line{ height:10px; width:100%; background-color:#05b8ff;}
.footer_bg .footer{ width:1200px; margin:0 auto; background-image:url(../images/ft_bg.png); background-repeat:no-repeat; background-position:center top; height:187px; padding-top:44px;}
.footer .contact{float:left; margin-left:35px; }
.footer .contact .m{color:#009cd9; font-size:16px; font-weight:bold; margin-bottom:24px;}
.footer .contact .tel{ color:#009cd9; font-size:22px; line-height:16px; padding-left:42px; background-image:url(../images/tel_icon.png); background-repeat:no-repeat; background-position:left center;padding-top:5px; margin-bottom:20px;}
.footer .contact .tel span{ color:#009cd9; font-size:12px; line-height:20px;}
.footer .contact .add{ font-size:14px; color:#009cd9; font-weight:bold; width:198px; padding-left:42px; background-image:url(../images/add_icon.png); background-repeat:no-repeat; background-position:left center; padding-top:3px;}
.footer ul{ font-size:18px; color:#fff; text-align:center; float:left;}
.footer ul:nth-child(2){ margin-left:110px;}
.footer ul:nth-child(3){ margin-left:150px;}
.footer ul:nth-child(4){ margin-left:150px;}
.footer ul li{ line-height:30px;}
.footer ul li:first-child{ margin-top:25px;}
.footer ul li a{ font-size:14px ; color:#fff;}
.footer .code{ float:left; text-align:center;font-size:18px; color:#fff; margin-left:150px;}
.footer .code img{ display:block; margin-top:30px; width:92px; height:92px;}
.footer_bg .copyright{ width:100%; background-image:url(../images/copyright_bg.png); height:106px;}
.footer_bg .copyright h1{ text-align:center; font-size:14px; color:#fff; padding-top:30px; margin-bottom:15px;}
.footer_bg .copyright h1 a{ font-size:14px; color:#fff;}
.footer_bg .copyright h1 a:hover{ text-decoration:underline;}
.footer_bg .copyright p{ text-align:center;font-size:14px; color:#fff;} 
.footer_bg .copyright p a{font-size:14px; color:#fff;}
.footer_bg .copyright p a:hover{ text-decoration:underline;}