/****************************************************************
 *																*		
 * 						      代码库							*
 *                        www.dmaku.com							*
 *       		  努力创建完善、持续更新插件以及模板			*
 * 																*
****************************************************************/

@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:"微软雅黑"; min-width: 1200px;}
ul,p,h3{ padding:0px; margin:0px;}
img{ border:0}
li{ list-style:none}
.w1200{ width:1200px; margin-left:auto; margin-right:auto}
.w{width:105%}

.top{ background:#007d5a; color:#FFF; font-size:14px; padding-left:20px; padding-right:20px; line-height:60px; border-bottom:#00543c solid 1px; }
.topLeft { display:inline}
.topLeft img{ float:left; margin-right:15px; margin-top:25px;}
.topLeft span{ font-family:Arial, Helvetica, sans-serif}
.topRight{ float:right; display:inline}
.topRight a{ color:#FFF; text-decoration:none;}
.topRight a img{ margin-left:8px; margin-right:8px; padding-top:10px;}

.show_webhcat{position:relative;}
.show_webhcat span{ border-radius: 5px; background: #fff; position:  absolute; text-align: center; left: -50px; top: 30px; z-index: 999; width: 117px; height: 117px; display: none;}
.show_webhcat span img{ width: 100px; height: 100px;}
.show_webhcat:hover span{ display: block;}

.header{ background:#007d5a; position:relative; width:100%; line-height:106px; height:106px;}
.logo{ width:335px; position:absolute; left:20px; top:15px}
.logo img{ width:335px; height:73px;}
.nav{ float:left; position:absolute; left:30px; right:0; margin:0 auto; width:768px;}
.nav li{ float:left; position:relative}
.nav li a{ color:#FFF; font-size:14px; text-decoration:none; padding-right:20px; padding-left:20px;}
.navChild{display:none; position:absolute;}
.nav li:hover .navChild{ display:block;background:#ffce4b; z-index:99999; text-align:left; width:200px; top:106px}
.nav li:hover .navChild a{ display:block; line-height:45px;border-bottom:#d7ae41 dotted 1px;color:#007d5a}
.nav li:hover .navFather{background:#ffce4b; padding-right:20px; padding-left:20px;  display:block; color:#007d5a}
.nav li a.act{background:#ffce4b; padding-right:20px; padding-left:20px;  display:block; color:#007d5a}
.nav li:hover{background:#ffce4b; display:block; }
.nav li:hover a{color:#007d5a}

.search{ right:20px; position:absolute; margin-top:30px; width: 217px; height: 37px;}
.search form{ padding: 0; margin:0;}
.search input[type="text"]{ background:#007d5a; border:#FFF solid 1px; color:#FFF; border-radius:5px; line-height:36px; padding-left:10px; width:216px; font-size:12px;}
.search input[type="image"]{ position:absolute; right:8px; top:10px}
.search_btn{ position:absolute; right:4px; top:10px; cursor: pointer}

.search input[type="text"]::-webkit-input-placeholder{
    color:#fff;
}
.search input[type="text"]::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
}
.search input[type="text"]:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
.search input[type="text"]:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#fff;
}
/* banner */
.banner{height:650px; clear:both; position:absolute; top:0px; overflow:hidden}
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}
.banner .ban_nav{display:block;}
.banner .Left,.banner .Right{position:absolute;width:28px;height:27px;right:50%;bottom:320px;}
.banner .Left{left:0px;background-position:5px 0; background:url(../images/left_03.png) no-repeat; width:37px; height:22px;}
.banner .Right{right:0px;background-position:-33px 0;background-color:#e6292f;background:url(../images/right_03.png) no-repeat; width:37px; height:22px;}
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #de0000;}
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}
.frontCover .open{background:#e60013;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}
/*幻灯片(组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:20px;left:0;width:52%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:23px;height:3px;line-height:3px;overflow:hidden;text-align:center;margin-right:6px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ffffff; color:#ffffff}
.ban_nav .on{background:#cc5273;color:#cc5273;}
.Left,.Right{cursor:pointer;}

.title{ color:#007d5a; text-align:center; font-size:18px; margin-top:35px; margin-bottom:27px;}
.title span{ display:block}
.title span:first-child{ font-family:Arial, Helvetica, sans-serif}

.about{ width:100%;height:650px; position:relative; overflow:hidden; margin-top:50px; clear:both; }
.aboutimg{ width:1920px; height:650px; position:absolute; left:50%; margin-left:-960px;}
.aboutimg img{ width:1920px; height:650px; border-top:#000 solid 0px;}
.aboutContainter{width:1200px; background:#007d5a; margin-left:auto; margin-right:auto;padding-bottom:52px;}
.aboutContainter h3{ padding:0px; margin:0px; font-weight:normal; font-size:16px; color:#ffffff; text-align:center; padding-top:50px; padding-bottom:15px}
.aboutContainter h3 span{ font-size:18px;}
.aboutContainter h3 span:first-child{ font-size:18px; font-family:Arial, Helvetica, sans-serif; display:block}
.aboutContainter p{ padding-top:15px; font-size:14px; color:#ffffff; line-height:40px; width:630px; margin-left:auto; margin-right:auto; height:218px}
.aboutContainter a{ color:#007d5a;padding:6px; width:96px;margin-top:40px; display:block; margin-left:auto; text-align:center; background:#fec240; font-size:16px; margin-right:auto; border-radius:6px; text-decoration:none;margin-bottom:30px}
.hp{ position:absolute; left:-7px; bottom:-70px}
.hp img{ width:267px; height:436px;}

.teamsBox{ width:100%; clear:both; height:550px;}
.teams{ overflow:hidden; width:1200px; margin:0 auto;}
.teamsLeft{ width:1200px; margin:0 auto}
.friendTeams{height:550px; overflow:hidden; padding-top:0px; }
.mr_frboxTeams{padding:0px 0px 0px;position:relative}
.mr_frBtnLTeams{cursor:pointer;display:inline;left:0;height:36px;margin:260px 0 0 0;width:42px; display:block; position:absolute; z-index:999}
.mr_frUlTeams{float:left;width:1200px;margin-left:0px; margin-top:10px; overflow:hidden}
.mr_frBtnRTeams{margin-top:260px;cursor:pointer;width:42px;height:36px;position:absolute;right:0}
.mr_frUlTeams ul li{display:inline;float:left;/*height:389px;*/width:382px;overflow:hidden;position:relative; margin-right:27px;height:550px; background:#007d5a}
.mr_frUlTeams ul li a img{/*display:block;*/width:401px; height:461px; transition: all 0.6s;}
.mr_frUlTeams ul li a img:hover{ opacity:0.8;}
.mr_frUlTeams ul li a{ position:relative; color:#ffffff; text-align:center; display:block; font-size:18px; line-height:70px; text-decoration:none}
.mr_frUlTeams ul li a span{ line-height:45px;}
.mr_frUlTeams ul li a div{width:401px; height:461px; overflow:hidden}
.mr_frUlTeams ul li:hover{ background:#fec240;}
.mr_frUlTeams ul li:hover a{ background:#fec240; color:#007d5a}
.mr_frUlTeams ul li:hover img{transform: scale(1.2);  }

.news{ background:#007d5a; padding-bottom:30px;}
.new{ overflow:hidden}
.new li{ float:left; width:600px; height:300px; background:#FFF}
.new li:nth-child(1) h3{ font-weight:normal; padding-top:60px; padding-left:20px; text-align:center;}
.new li:nth-child(2) h3{ font-weight:normal; padding-top:60px; padding-left:20px; text-align:center;}
.new li:nth-child(3) h3{ font-weight:normal; padding-top:60px; padding-right:20px; text-align:center;}
.new li:nth-child(4) h3{ font-weight:normal; padding-top:60px; padding-right:20px; text-align:center;}
.new li:nth-child(1) p{ font-weight:normal; padding-top:20px; padding-left:20px; text-align:center; margin-bottom:30px}
.new li:nth-child(2) p{ font-weight:normal; padding-top:20px; padding-left:20px; text-align:center;margin-bottom:30px}
.new li:nth-child(3) p{ font-weight:normal; padding-top:20px; padding-right:20px; text-align:center;margin-bottom:30px}
.new li:nth-child(4) p{ font-weight:normal; padding-top:20px; padding-right:20px; text-align:center;margin-bottom:30px}
.new li:nth-child(1) .a{text-align:center; background:#f1f1f1; width:100px; color:#989898; line-height:35px; padding:10px 18px 10px 18px;font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:100px;}
.new li:nth-child(2) .a{text-align:center; background:#f1f1f1; width:100px; color:#989898; line-height:35px; padding:10px 18px 10px 18px;font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:100px;}
.new li:nth-child(3) .a{text-align:center; background:#f1f1f1; width:100px; color:#989898; line-height:35px; padding:10px 18px 10px 18px;font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:100px;}
.new li:nth-child(4) .a{text-align:center; background:#f1f1f1; width:100px; color:#989898; line-height:35px; padding:10px 18px 10px 18px;font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:100px;}
.new li:nth-child(1) span{ background:#dddddd; width:30px; height:2px; display:block; margin-left:134px; margin-top:15px}
.new li:nth-child(2) span{background:#dddddd; width:30px; height:2px; display:block;margin-top:15px;margin-left:134px;}
.new li:nth-child(3) span{ background:#dddddd; width:30px; height:2px; display:block; margin-left:435px; margin-top:15px}
.new li:nth-child(4) span{ background:#dddddd; width:30px; height:2px; display:block; margin-left:435px; margin-top:15px}
.new li h3 a{ color:#000; font-size:16px; text-align:center; text-decoration:none}
.new li p{ color:#7c7c7c; font-size:14px;}
.new li a{ text-decoration:none}
.new li:nth-child(1) img{ width:300px; height:300px; float:right; margin-left:20px;}
.new li:nth-child(2) img{ width:300px; height:300px; float:right;margin-left:20px; }
.new li:nth-child(3) img{ width:300px; height:300px; float:left; margin-right:20px; }
.new li:nth-child(4) img{ width:300px; height:300px; float:left; margin-right:20px; }
.new li:hover span{background:#fec23e;}
.new li:hover .a{background:#007d5a; color:#FFF}

.searchlist li{ border-bottom: 1px dotted #dedede; padding-bottom: 10px; line-height: normal}
.newMain{ width:259px;}
.newsMore{ color:#007d5a;padding:6px; width:96px;margin-top:45px; display:block; margin-left:auto; text-align:center; background:#fec240; font-size:16px; margin-right:auto; border-radius:6px; text-decoration:none;margin-bottom:30px}
.foot{ background:#007d5a; margin-top:60px;}
.links{ color:#FFF; font-size:14px; line-height:46px; border-bottom:#00543c solid 1px;}
.links a{ color:#FFF; text-decoration:none; margin-right:20px}

.copyConf{ overflow:hidden}
.copy{ float:left; width:900px;}
.footNav{ margin-top:50px;}
.footNav a{ color:#FFF; text-decoration:none; font-size:14px; border-left:#00543c solid 1px;padding-right:15px;padding-left:15px;}
.footNav a:first-child{ border-left:none;padding-left:0px;}
.copy p{ color:#FFF; font-size:14px; line-height:75px;}
.copy p a{ color:#FFF; text-decoration:none}
.copy span { color:#FFF; font-size:14px;}
.copy span a{ color:#FFF; text-decoration:none}
.conf{ width:154px; float:right; margin-top:30px; text-align:center; color:#FFF; font-size:12px;}
.conf P{ background:url(../images/e_03.png) no-repeat; width:154px; height:133px;}
.conf P img{ margin-top:12px; width:120px; height:110px;}
.conf span{ line-height:30px; margin-bottom:20px; display:block}

.more{ width:30px; height:30px; margin-left:auto; margin-right:auto; margin-top:30px; clear:both; display:block;}
.Rotation{position:relative;
animation:myfirst 0.5s linear 0.5s infinite alternate;
/* Firefox: */
-moz-animation:myfirst 0.5s linear 0.5s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 0.5s linear 0.5s infinite alternate;
/* Opera: */
-o-animation:myfirst 0.5s linear 0.5s infinite alternate;
}


@keyframes myfirst
{
0%   {top:0px;}
100% {top:10px;}
0%   {top:0px;}
}
 
@-moz-keyframes myfirst /* Firefox */
{
0%   {top:0px;}
100% {top:10px;}
0%   {top:0px;}
}
 
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {top:0px;}
100% {top:10px;}
0%   {top:0px;}
}
 
@-o-keyframes myfirst /* Opera */
{
0%   {top:0px;}
100% {top:10px;}
0%   {top:0px;}
}
/*********************************/
.containter{ overflow:hidden; margin-top:20px;}
.containterLeft{ width:250px; float:left; background:#007d5a; color:#FFF;}
.containterLeft a{ color:#FFF; font-size:14px;}
.leftNav li{ padding-left:10px; border-left:#fe0000 solid 0px; line-height:45px; border-bottom:#005f29 solid 1px;}
.leftNav li:nth-child(1){ font-size:16px; padding-top:30px; border-bottom:none;line-height:0px;}
.leftNav li:nth-child(2){ font-size:14px; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase }
.leftNav li a{ display:block; text-decoration:none}
.leftNav li:hover{ background:#ffce4b}
.leftNav li:hover a{ color:#006f30}
.leftNav li.act{ background:#ffce4b;}
.leftNav li.act a{ background:#ffce4b;  color:#006f30}
.leftNav li:nth-child(1):hover{ background:none}
.leftNav li:nth-child(2):hover{ background:none}
.leftNav li{ padding-left:10px; line-height:45px; border-bottom:#005f29 solid 1px;}
.contact li{ padding-left:10px; border-left:#fe0000 solid 0px; line-height:45px; border-bottom:#005f29 solid 1px; font-size:14px; padding-right:10px}
.contact li:nth-child(1){ font-size:16px; padding-top:30px; border-bottom:none;line-height:0px; background:#FFF;color:#006f30}
.contact li:nth-child(2){ font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#FFF; color:#006f30 }
.containterRight{ width:920px; float:right}
.menu{ font-size:16px; color:#000; text-align:left; border-bottom:#00863a solid 1px; padding-bottom:10px;}
.menu a{ font-size:16px; color:#000; text-decoration:none}
.main img{ max-width:920px;}

.mainNews img{ width:200px; height:200px; float:left; margin-right:15px;}
.mainNews li{ margin-top:15px; overflow: hidden}
.mainNews a{ color:#000; text-decoration:none}
.mainNews h3{ padding:0px; margin:0px; font-weight:normal; font-size:16px;}
.mainNews h3 a{ font-weight: bold}
.mainNews h3 time{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #666;}
.mainNews span{ line-height:45px; font-size:14px;}
.mainNews p{ font-size:14px; color:#666666; line-height:28px;}
.mainNews p a{ font-family:Arial, Helvetica, sans-serif; color:#007d5a; padding-left:20px; font-size:12px}

.mainCases ul{ overflow:hidden}
.mainCases img{ width:290px; height:334px; transition: all 0.6s;}
.mainCases li{ margin-top:15px; width:290px; float:left; margin-right:25px; height:385px; background:#007d5a; text-align:center}
.mainCases li div{ width:290px; height:334px; overflow:hidden}
.mainCases a{ color:#ffffff; text-decoration:none; line-height:45px;}
.mainCases h3{ padding:0px; margin:0px; font-weight:normal; font-size:14px;}
.mainCases li:hover img{transform: scale(1.2);  }
.mainCases li:hover{ background:#ffce4b; color:#005f29}
.mainCases li:hover a{color:#005f29}

.mainProducts ul{ overflow:hidden}
.mainProducts img{ width:290px; transition: all 0.6s; height:335px;}
.mainProducts li{ margin-top:15px; width:290px; float:left; margin-right:25px; height:auto; background:#007d5a; text-align:center}
.mainProducts li div{ width:290px; height:334px; overflow:hidden}
.mainProducts a{ color:#ffffff; text-decoration:none; line-height:45px;}
.mainProducts h3{ padding:0px; margin:0px; font-weight:normal; font-size:16px;}
.mainProducts li:hover img{transform: scale(1.2);  }
.mainProducts li:hover{ background:#ffce4b; color:#005f29}
.mainProducts li:hover a{color:#005f29}
.mainProducts li span{ background:#ffce4b; padding:10px 15px 10px 15px; border-radius:10px; margin-bottom:10px;}
.mainProducts li span a{color:#005f29}
.mainProducts li:hover span { background:#005f29 }
.mainProducts li:hover span a{color:#ffce4b}

.titles{ text-align:center; font-size:18px; color:#000; line-height:45px;}
.titleConf{ text-align:center; font-size:12px; margin-bottom:10px;}

.free li{ line-height:60px; margin-top:20px;}
.free input[type="text"]{ line-height:45px; width:60%; padding-left:10px; font-size:14px;}
.free input[type="submit"]{ line-height:45px; width:60%; padding-left:10px; font-size:14px; border:0}
.free span{ color:#F00; margin-left:10px;}
.free textarea{ width:80%; height:200px; padding-left:10px; line-height:45px; font-family:"微软雅黑"; font-size:14px;}

.page{ text-align:center; margin-top:30px; clear:both; width:100%}
.page a{ font-size:16px; margin-right:10px; color:#000}