/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0px; font-family:"微软雅黑"}
li{ list-style:none}
ul{ padding:0px; margin:0px;}
img{ border:0}
.w1200{ width:1200px; margin-left:auto; margin-right:auto}
.w{ width:105%}

.header{ position:relative; z-index:9999}
.logo{ width:385px; float:left; margin-top:10px}
.logo img{ width:385px; height:65px;}
.nav{ margin-left:30px; float:right}
.nav li{ float:left; width:112px; text-align:center; position:relative; z-index:9999}
.nav li.act{background:#1277cf;}
.nav li:hover{background:#1277cf;}
.nav li:hover a{ color:#FFF}
.nav li.act a{ color:#FFF}
.nav a{ font-size:16px; color:#666666; text-decoration:none; line-height:90px; display:block}
.s{ display:none; position:absolute;top:60px; background:#1277cf; width:200px;}
.s a{ display:block; color:#FFF; line-height:35px; text-align:left; font-size:16px; padding-left:22px; border-top:#0d6aba solid 1px; display:block}
.nav li:hover .s{ display:block;}
@keyframes fadeNav {
    from {
		width:100px;
    }
    to {
		background:#1277cf;
		width:200px;
		
    }
}
.animatedNav {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}
.fadeInNav {
    animation-name: fadeNav;
    animation-direction: normal;
}
/* banner */
.banner{height:600px; 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:42px;height:42px;right:50%;bottom:280px;}
.banner .Left{left:0px;background-position:5px 0; background:url(../img/left_02.png) no-repeat; width:40px; height:40px;}
.banner .Right{right:0px;background-position:-33px 0;background-color:#e6292f;background:url(../img/right_03.png) no-repeat; width:40px; height:40px;}
.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:12px;height:12px;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:#fff; color:#fff; border-radius:100%}
.ban_nav .on{background:#1277cf;color:#1277cf;}
.Left,.Right{cursor:pointer;}

.product{ overflow:hidden; margin-top:20px}
.productLeft{ width:244px; float:left}
.productLeft h1{ padding:0px; margin:0px; background:#1277cf; font-weight:normal; text-align:center; padding-top:15px; padding-bottom:15px}
.productLeft h1 span{ padding:0px; margin:0px; font-size:24px; color:#FFF;}
.productLeft h1 p{ padding:0px; margin:0px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; margin-top:8px}
.productLeft ul li a{ font-size:16px; color:#666666; text-decoration:none; padding-left:10px; display:block; overflow:hidden; padding-right:10px;}
.productLeft ul li a h4{ padding:0px; margin:0px; font-size:16px; font-weight:normal; display:block; float:left; text-align:left; width:90%;white-space:nowrap;text-overflow:ellipsis; overflow:hidden}
.productLeft ul li a span{ padding:0px; margin:0px; font-size:14px; font-weight:normal; display:block; float:right; text-align:right; border:#1277cf solid 1px; width:20px; height:20px; text-align:center; color:#1277cf; line-height:20px; margin-top:15px}
.productLeft ul li{ border:#ededed solid 1px; line-height:50px; margin-top:10px; overflow:hidden; height:50px;}
.productLeft ul li a:hover{ background:#1277cf;}
.productLeft ul li a:hover span{ color:#FFF; border:#FFF solid 1px;}
.productLeft ul li a:hover h4{ color:#FFF;}
.productLeft h2{ padding:0px; margin:0px; background:#1277cf; font-weight:normal; text-align:left; padding-top:25px; padding-bottom:25px; padding-left:20px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:46px; margin-top:10px}
.productLeft h2 img{ float:left; margin-right:8px}
.productRight{ width:935px; float:right}
.productRight ul{ overflow:hidden}
.productRight ul li{ width:294px; background:#eeeeee; text-align:center; margin-top:12px; float:left; margin-right:26px}
.productRight ul li a img{ width:294px; height:224px;transition: all 0.6s;}
.productRight ul li a div{ width:294px; height:224px; overflow:hidden;}
.productRight ul li:hover{ background:#1277cf}
.productRight ul li:hover img{ transform: scale(1.4);}
.productRight ul li:hover span{ color:#FFF}

.productRight ul li a span{ color:#666666; font-size:16px; line-height:54px;}
.productRight ul li a{ color:#666666; text-decoration:none; font-size:16px}

.title{ overflow:hidden; border-bottom:#dddddd solid 1px; overflow:hidden; padding-bottom:10px}
.title span{ font-size:24px; color:#1277cf; display:inline; float:left; margin-left:10px; padding:0px; margin-top:-5px}
.title p{color:#1277cf; display:inline; float:left; width:6px; height:25px; display:block; background:#1277cf; padding:0px; margin:0px}
.title a{ display:inline; float:right; text-align:right; text-decoration:none;color:#1277cf; padding:0px; margin:0px; margin-top:5px}

.about{ margin-top:30px}
.abouts{ overflow:hidden;}
.abouts div{float:left; width:620px; display:block}
.abouts p{ color:#666666; font-size:14px; line-height:28px}
.abouts img{ float:right; width:552px; height:290px; margin-top:18px; transition:0.5s}
.imgs:hover{ transform:rotate(-3deg); opacity:0.8}

.case{ margin-top:20px}
.teamsBox{ width:100%; clear:both; margin-top:10px}
.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:40px;margin:100px 0 0 0;width:40px; 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:100px !important;cursor:pointer;width:40px;height:40px;position:absolute;right:0}
.mr_frUlTeams ul li{display:inline;float:left;/*height:389px;*/width:292px;overflow:hidden;position:relative; margin-right:11px;height:280px; background:url(../img/sjtd_03.png); background:#eeeeee; transition:0.3s}
.mr_frUlTeams ul li a img{/*display:block;*/width:292px; height:224px;}
.mr_frUlTeams ul li a{ position:relative; color:#666666; text-align:center; display:block; font-size:18px; text-decoration:none }
.mr_frUlTeams ul li a span{ color:#666666;}
.mr_frUlTeams ul li a span{ line-height:48px;}
.mr_frUlTeams ul li:hover{ background:#1277cf; color:#FFF}
.mr_frUlTeams ul li:hover span{ color:#FFF}
.mr_frUlTeams ul li:hover{ margin-top:-20px}


.news{ margin-top:30px; overflow:hidden}
.newsLeft{ width:596px; float:left; margin-top:10px}
/*焦点图*/
.focus{position:relative;width:596px;height:376px;background-color:#000;margin:0px auto 0 auto;}  
.focus img{width:596px;height:376px;} 
.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;}  
.newsRight{ width:590px; float:right; margin-top:11px}
.newsRight div{ float:left; background:#0982ec; padding:5px 20px 5px 20px; margin-right:15px; text-align:center}
.newsRight div span{ display:block; color:#FFF; font-family:Arial, Helvetica, sans-serif; line-height:25px}
.newsRight div span:nth-child(1){ font-size:18px;}
.newsRight div span:nth-child(2){ font-size:14px;}
.newsRight h1{ font-size:18px; color:#666666; font-weight:normal; padding:0px; margin:0px; margin-bottom:8px}
.newsRight li{ height:78px; overflow:hidden; transition:0.5s}
.newsRight  a{  color:#666666; font-weight:normal; padding:0px; margin:0px; margin-bottom:10px; text-decoration:none}
.newsRight p{ font-size:14px; color:#666666; padding:0px; margin:0px; line-height:20px}
.newsRight li:hover{transform:rotate(3deg); }

.links{ border:#efefef solid 1px; margin-top:30px}
.links img{ float:left}
.links a{ color:#666666; font-size:18px; text-decoration:none; line-height:59px; margin-left:20px}
.links a:hover{ color:#1277cf}

.foot{ background:#1277cf;}
.copyConf{ overflow:hidden}
.copy{ float:left; width:900px; margin-top:30px}
.footNav{ margin-top:30px; text-align:center; border-bottom:#0057a3 solid 1px;}
.footNav a{ color:#FFF; text-decoration:none; font-size:16px; border-left:#0057a3 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 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}

.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;}
	
	
	
	/*********************************/
.ban{ width:100%; position:relative; overflow:hidden; height:300px;top:0px;}
.bans{ width:1920px; position:absolute; left:50%; margin-left:-960px; height:300px}
.bans img{ width:1920px; height:300px;}
.containter{ overflow:hidden; margin-top:0px;}
.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:1200px; margin-left:auto; margin-right:auto; margin-top:10px}
.flxz a{ color:#666666; text-decoration:none; margin-right:15px; border:#d4d4d4 dotted  1px !important; padding:10px; border-radius:10px}
.flxz span{ margin-right:20px}
.flxz a.act{ background:#1277cf; color:#FFF}
.flxz a:hover{ background:#1277cf; color:#FFF}

.caseContainter ul{ overflow:hidden;}
.caseContainter li{ width:292px; float:left; background:#eeeeee; margin-right:11px; height:280px; text-align:center; margin-top:15px; transition:0.5s}
.caseContainter img{ width:292px; height:224px;}
.caseContainter span{ color:#666666; font-size:18px; line-height:50px}
.caseContainter a{ text-decoration:none}
.caseContainter li:hover{ background:#1277cf;}
.caseContainter li:hover span{ color:#ffffff}
.caseContainter li:last-child{ margin-bottom:25px}
.caseContainter li:hover{ transform:rotate(1deg);}

.productContainter ul{ overflow:hidden;}
.productContainter li{ width:294px; float:left; background:#eeeeee; margin-right:8px; height:280px; text-align:center; margin-top:15px; transition:0.5s}
.productContainter img{ width:294px; height:224px;}
.productContainter span{ color:#666666; font-size:18px; line-height:50px}
.productContainter a{ text-decoration:none}
.productContainter li:hover{ background:#1277cf;}
.productContainter li:hover span{ color:#ffffff}
.productContainter li:last-child{ margin-bottom:25px}
.productContainter li:hover{ transform:rotate(1deg);}

.newsContainter{ }
.newsContainter img{ width:220px; height:130px; float:left; margin-right:18px}
.newsContainter div{ float:left; background:#0982ec; padding:5px 20px 5px 20px; margin-right:15px; text-align:center}
.newsContainter div span{ display:block; color:#FFF; font-family:Arial, Helvetica, sans-serif; line-height:25px}
.newsContainter div span:nth-child(1){ font-size:18px;}
.newsContainter div span:nth-child(2){ font-size:14px;}
.newsContainter h1{ font-size:18px; color:#666666; font-weight:normal; padding:0px; margin:0px; margin-bottom:8px}
.newsContainter li{overflow:hidden; transition:0.5s;margin-top:11px; border-bottom:#d6d6d6 dotted 1px; padding-bottom:10px}
.newsContainter  a{  color:#666666; font-weight:normal; padding:0px; margin:0px; margin-bottom:10px; text-decoration:none}
.newsContainter p{ font-size:14px; color:#666666; padding:0px; margin:0px; line-height:35px}
.newsContainter li:last-child{ margin-bottom:30px}
.newsContainter li:hover{ border-bottom:#1277cf dotted 1px;}
.newsContainter li:hover h1{ color:#1277cf}
.newsContainter li:hover p{ color:#1277cf}

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

.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; text-decoration:none}
.page a.act{ background:#0982ec; color:#FFF}
.page a:hover{background:#0982ec; color:#FFF}