/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:"微软雅黑"; overflow-x:hidden}
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:#ffffff; color:#FFF; font-size:14px; padding-left:30px; padding-right:30px; line-height:60px;  overflow:hidden;height:60px; margin-top:25px}
.topLeft {width:475px; float:left}
.topLeft img{ width:475px; height:54px;}
.topCenter{ width:300px; float:left}
.topCenter{ width:364px; overflow:hidden; margin-left:76px}
.topCenter input[type="text"]{ border:#0982ec solid 1px; line-height:42px; float:left; padding-left:8px; color:#b9b9b9; font-size:14px; width:290px; font-family:"微软雅黑"}
.topRight{width:203px; background:url(../img/tel_03.png) no-repeat; height:49px; color:#0982ec; text-align:right; font-size:24px; font-family:Arial, Helvetica, sans-serif; float:right}
.topRight span{ display:block; line-height:35px}


.header{ background:#0982ec;width:100%; line-height:65px; height:65px; margin-top:20px; z-index:9999; position:relative }
.nav{ float:left; display:inline;padding-left:0px}
.nav li{ float:left; position:relative; border-right:#006ecd solid 1px;}
.nav li a{ color:#FFF; font-size:18px; text-decoration:none; padding-right:20px; padding-left:20px; display:block}
.navChild{display:none; position:absolute;}
.nav li:hover .navChild{ display:block;background:#ffce4b;  text-align:left; width:200px; top:65px; left:0}
.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:#0982ec}
.nav li:hover{background:#ffce4b; display:block; }
.nav li:hover a{color:#007d5a}

.search{ float:right; display:inline; padding-right:0px;}
.search img{ padding-top:15px; margin-left:10px}
.f{ position:relative; text-align:center}
.s{ display:none; position:absolute; right:0px; top:33px; width:130px; height:118px; background:#FFF; text-align:center; border-radius:10px}
.f:hover .s{ display:block; z-index:1; width:}
.s img{ width:120px; height:107px; display:block; padding:5px 5px 5px 5px; margin:0px}


/* banner */
.banner{height:600px; clear:both; position:absolute; top:-10px; overflow:hidden; z-index:0}
.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:42px;height:42px;right:50%;bottom:280px;}
.banner .Left{left:0px;background-position:5px 0; background:url(../img/left_03.png) no-repeat; width:42px; height:42px;}
.banner .Right{right:0px;background-position:-33px 0;background-color:#e6292f;background:url(../img/right_03.png) no-repeat; width:42px; height:42px;}
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-50px;padding:0 0 16px;border-bottom:5px solid #de0000;}
.frontCover li{float:left;width:82px;padding:3px;background:#1277cf;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:28px;height:5px;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:#1277cf; color:#1277cf}
.ban_nav .on{background:#fff000;color:#fff000;}
.Left,.Right{cursor:pointer;}

.title{ color:#ffffff; text-align:center; font-size:36px; margin-top:35px; margin-bottom:27px;}
.title span{ display:block}
.title span:last-child{ font-family:Arial, Helvetica, sans-serif; font-size:24px; margin-top:8px}

.about{height:467px; position:relative; overflow:hidden; margin-top:20px; clear:both; }
.about img{ width:619px; height:467px;}
.abimg{ width:604px !important; height:454px !important; position:absolute; left:0; top:0}
.aboutContainter img{ width:663px; height:336px}
.aboutContainter h1{ padding:0px; margin:0px; font-size:24px; color:#FFF; font-weight:normal; position:absolute; left:50px; top:50px; border-bottom:#FFF solid 1px; padding-bottom:15px}
.aboutContainter p{ padding:0px; margin:0px; font-size:14px; color:#FFF; font-weight:normal; position:absolute; left:50px; top:110px; line-height:40px; width:440px  }
.aboutContainter a{ padding:0px; margin:0px; font-size:14px; color:#FFF; font-weight:normal; position:absolute; left:50px; top:250px; font-family:Arial, Helvetica, sans-serif; text-decoration:none }
.aboutContainter span{ padding:0px; margin:0px; font-size:18px; color:#fff; font-weight:normal; position:absolute; right:22px; bottom:112px;  }
.mr{position:absolute; right:0px; top:45px; background:#000; width:125px;}
.mr a{ color:#0982ec !important;font-size:14px;position:absolute; right:0px; bottom:0px; z-index:999; display:block}

.product{ background:#0982ec; margin-top:100px; padding:50px 0px 80px 0px}
.product ul{ overflow:hidden}
.product li{ width:386px; height:370px; background:#FFF; text-align:center; padding-top:10px; float:left; margin-right:20px; margin-top:20px}
.product a{ text-decoration:none; color:#0982ec}
.product img{ width:366px; height:262px;transition: all 0.6s;}
.product ul li a span{ font-size:18px; display:block; color:#0982ec; line-height:68px}
.product ul li a div{ width:366px; height:262px; overflow:hidden; margin:0 auto}
.product time{ font-size:14px; display:block; color:#0982ec}
.product ul li:hover img{ transform: scale(1.4);}

.ckgd{ width:211px; line-height:46px; text-align:center; margin:0 auto; border:#FFF solid 1px; margin-top:80px}
.ckgd a{ font-size:18px; color:#FFF; text-decoration:none; display:block}

.team{ background:#0982ec; margin-top:60px; padding:50px 0px 100px 0px}
.teamsBox{ width:100%; clear:both; margin-top:30px}
.teams{ overflow:hidden; width:1200px; margin:0 auto;}
.teamsLeft{ width:1200px; margin:0 auto}
.friendTeams{ overflow:hidden; padding-top:0px; }
.mr_frboxTeams{padding:0px 0px 0px;position:relative}
.mr_frBtnLTeams{cursor:pointer;display:inline;left:0;height:42px;margin:220px 0 0 0;width:42px; display:block; position:absolute; z-index:999}
.mr_frUlTeams{float:left;width:1200px;margin-left:0px; margin-top:0px; overflow:hidden}
.mr_frBtnRTeams{margin-top:220px !important;cursor:pointer;width:42px;height:42px;position:absolute;right:0}
.mr_frUlTeams ul li{display:inline;float:left;/*height:389px;*/width:294px;overflow:hidden;position:relative; margin-right:10px;height:463px; background:url(../img/sjtd_03.png); background:#fff}
.mr_frUlTeams ul li a img{/*display:block;*/width:294px; height:290px;}
.mr_frUlTeams ul li:hover img{ opacity:0.8;}
.mr_frUlTeams ul li a{ position:relative; color:#000000; text-align:center; display:block; font-size:18px; text-decoration:none }
.mr_frUlTeams ul li a span{ color:#0982ec;}
.mr_frUlTeams ul li a div{ color:#666666; padding-bottom:10px; font-size:14px; padding:15px 10px 10px 10px; line-height:30px; text-align:left}
.mr_frUlTeams ul li a span{ line-height:48px;}
.mr_frUlTeams ul li p{ border-bottom:#e5e5e5 solid 1px; padding:0px; margin:0px}

.news{ background:#ffffff; padding-bottom:30px;}
.new{ overflow:hidden; margin-top:40px}
.newLeft { width:575px; float:left}
.newLeft li{ font-size:18px; width:575px; height:112px; padding-top:15px}
.newLeft a{ text-decoration:none}
.newLeft span{ float:left; display:inline; color:#0982ec}
.newLeft time{ float:right; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#0982ec;padding-right:15px; margin-top:5px}
.newLeft p{ font-size:14px; display:block; color:#666666;line-height:25px; margin-top:5px;padding-right:15px;}
.newLeft li:first-child{ background:url(../img/hover_03.png) no-repeat; padding-top:15px; padding-left:15px;}
.newLeft li:first-child span{ color:#FFF}
.newLeft li:first-child time{ color:#FFF; padding-right:40px}
.newLeft li:first-child p{ color:#FFF; padding-right:40px; line-height:25px; margin-top:5px;}
.newLeft li:hover{ background:url(../img/hover_03.png) no-repeat; padding-top:15px}
.newLeft li:hover span{ color:#FFF; padding-left:15px}
.newLeft li:hover p{ color:#FFF; padding-left:15px}
.newLeft li:hover time{ color:#FFF; padding-right:30px;}
.newLeft li:hover:first-child span{ color:#FFF; padding-left:0px}
.newLeft li:hover:first-child p{ color:#FFF; padding-left:0px}
.newLeft li:hover:first-child time{ color:#FFF; padding-right:40px;}
.newRight{ width:600px; float:right;}

.focus{position:relative;width:600px;height:470px;background-color:#000;margin:0px auto 0 auto;}  
.focus img{width:600px;height:470px;} 
.focus .shadow .title{width:260px;height:65px;padding-left:30px;padding-top:20px;}
.focus .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;}
.focus .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1;} 
.focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9;}  
.focus .btn a:hover,.focus .btn a.current{cursor:pointer;background:#fc114a;}  
.focus .fPic{position:absolute;left:0px;top:0px;}  
.focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}  
.focus .shadow{width:100%;position:absolute;bottom:0;left:0px;z-index:10;height:80px;line-height:80px;background:rgba(0,0,0,0.6);  
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display:block;text-align:left;}  
.focus .shadow a{text-decoration:none;color:#fff;font-size:20px;overflow:hidden;margin-left:10px;font-family:"\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000  }  
.focus .fcon img{display:block;}  
.focus .fbg{bottom:25px;right:10px;position:absolute;height:21px;text-align:center;z-index:200;}  
.focus .fbg div{margin:2px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative;display:inline;width:12px;height:12px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#ffffff;}    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#0982ec;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none;font-style:normal;}    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background:url(../img/focus_btn.png) no-repeat;}
.focus .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
.focus .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  
.focus .prev:hover{background-position:0 0;}  
.focus .next:hover{background-position:-40px 0;}  


.foot{ background:#0982ec;}


.copyConf{ overflow:hidden}
.copy{ float:left; width:900px; margin-top:30px}
.footNav{ margin-top:50px; text-align:center; border-bottom:#006ecd solid 1px;}
.footNav a{ color:#FFF; text-decoration:none; font-size:16px; border-left:#006ecd solid 1px;padding-right:15px;padding-left:15px; line-height:60px}
.footNav a:first-child{ border-left:none;padding-left:0px;}
.copy p{ color:#FFF; font-size:14px; line-height:35px;}
.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(../img/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;}
}
.izl-rmenu{position:fixed;right:30px;bottom:10px;padding-bottom:73px;background:url(../img/r_b.png) 0px bottom no-repeat;z-index:999;}
    .izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
    .izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
    .izl-rmenu .btn-qq:hover{background-color:#488bc7;}
    .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{/* background:url(../img/r_qq.png) 0px 0px no-repeat; */background-color:#6da9de;text-decoration:none;display:block;}
    .izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
    .izl-rmenu .btn-wx:hover{background-color:#58a81c;}
    .izl-rmenu .btn-wx .pic{position:absolute;left:-120px;top:0px;display:none;width:120px;height:110px;}
    .izl-rmenu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
    .izl-rmenu .btn-phone:hover{background-color:#ff811b;}
    .izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
    .izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
    .izl-rmenu .btn-top:hover{background-color:#444;}
/*********************************/
.banners img{ width:1200px; height:100px;}
.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; }
.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:14px; color:#666666; text-align:left;  padding-bottom:10px; margin-top:20px}

.m{border-bottom:#00863a solid 1px;}
.menu a{ font-size:14px; color:#666666; text-decoration:none}
.main img{ max-width:1200px;}
.flxz{ background:#f1f1f1; line-height:60px; color:#666666; padding-left:20px; font-size:14px; width:1179px; margin-left:auto; margin-right:auto; margin-top:10px}
.flxz a{ color:#666666; text-decoration:none; margin-right:15px}
.flxz span{ margin-right:20px}
.mainNews img{ width:200px; height:150px; float:left; margin-right:15px;}
.mainNews li{ margin-top:15px; overflow:hidden}
.mainNews a{ color:#666666; text-decoration:none; font-size:18px}
.mainNews h3{ padding:0px; margin:0px; font-weight:normal; font-size:16px;}
.mainNews h3 time{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666666}
.mainNews span{ line-height:45px; font-size:16px; color:#666666}
.mainNews p{ font-size:14px; color:#666666; line-height:28px;}
.mainNews p a{ font-family:Arial, Helvetica, sans-serif; color:#1277cf; padding-left:10px; font-size:12px}
.mainNews li:last-child{ margin-bottom:40px}

.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:15px; height:385px; background:#f1f1f1;  text-align:center}
.mainCases li div{ width:290px; height:334px; overflow:hidden}
.mainCases a{ color:#666666; text-decoration:none; line-height:45px;}
.mainCases h3{ padding:0px; margin:0px; font-weight:normal; font-size:16px;}
.mainCases li:hover img{transform: scale(1.2);  }
.mainCases li:hover{ background:#0982ec; color:#005f29}
.mainCases li:hover a{color:#ffffff}

.mainProducts{ border:#f1f1f1 solid 1px}
.mainProducts ul{ overflow:hidden}
.mainProducts img{ width:366px; transition: all 0.6s; height:262px; display:block}
.mainProducts li{ margin-top:15px; width:366px; float:left; margin-right:10px; margin-left:20px;height:auto; background:#f1f1f1; text-align:center}
.mainProducts li div{ width:366px; height:262px; overflow:hidden}
.mainProducts a{ color:#666666; text-decoration:none; line-height:70px;}
.mainProducts h3{ padding:0px; margin:0px; font-weight:normal; font-size:18px; display:block}
.mainProducts li:hover img{transform: scale(1.2);  }
.mainProducts li:hover{ background:#0982ec; color:#005f29}
.mainProducts li:hover a{color:#ffffff}
.mainProducts li:hover span { background:#005f29 }
.mainProducts li:hover span a{color:#ffce4b}

.mainJstd{}
.mainJstd ul{ overflow:hidden}
.mainJstd img{ width:294px; transition: all 0.6s; height:290px; display:block}
.mainJstd li{ margin-top:15px; width:294px; float:left; margin-right:10px; margin-left:0px;height:auto; background:#f1f1f1; text-align:center}
.mainJstd li div{ width:294px; height:290px; overflow:hidden}
.mainJstd a{ color:#666666; text-decoration:none; line-height:70px;}
.mainJstd h3{ padding:0px; margin:0px; font-weight:normal; font-size:18px; display:block}
.mainJstd li:hover img{transform: scale(1.2);  }
.mainJstd li:hover{ background:#0982ec; color:#005f29}
.mainJstd li:hover a{color:#ffffff}
.mainJstd li:hover span { background:#005f29 }
.mainJstd li:hover span a{color:#ffce4b}

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

.ny-fy{
	margin-top: 35px;
}
.ny-fy li a{
	color: #999;    text-decoration: none;
}
.ny-fy li a:hover{
	color: #FF6100;
}

.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:10px; clear:both; width:100%}
.page a{ font-size:16px; margin-right:10px; color:#666666; background:#f1f1f1; padding:10px 20px 10px 20px}
.page a.act{ background:#0982ec; color:#FFF}
.page a:hover{background:#0982ec; color:#FFF}