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

.logo{ width:277px; float:left;}
.logo img{ width:276px; height:119px;}
.nav{ width:900px; float:right}
.nav ul li{ float:left; line-height:116px; position:relative}
.nav ul li a{ color:#000; font-size:16px; padding:3px 35px 0px 35px; display:block;}
.nav ul li a.on{ background:#1277cf; color:#FFF; padding:3px 35px 0px 35px;  display:block}
.nav ul li a:hover{ background:#1277cf; color:#FFF; padding:3px 35px 0px 35px;  display:block}
.nav ul li .navChild{ display:none; position:absolute;}
.nav ul li:hover .navChild{ display:block;background:#1277cf; border-top:#0d61ab solid 1px; z-index:99999; width:200px; text-align:left}
.nav ul li:hover .navFather{background:#1277cf; color:#FFF; padding:3px 35px 0px 35px;  display:block}
.nav ul li:hover .navChild a{ line-height:30px; color:#FFF}

.banner{ height:600px; clear:both;top:0px;}
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0px;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;}
.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:0px;width:100%;text-align:center;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:11px;height:11px;line-height:11px;overflow:hidden;text-align:center;margin-right:4px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#d5343e;  color:#d5343e; border-radius:100%; margin-left:4px}
.ban_nav .on{background:#ffffff;color:#ffffff;}
.Left,.Right{cursor:pointer;}

.title{ width:392px; margin-left:auto; margin-right:auto; margin-top:50px;}
.title h3{ background:url(../images/titlebg_03.png); width:392px; height:22px; text-align:center; color:#000; font-size:18px; font-weight:normal}
.title span{ text-align:center; display:block; color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:30px;}


.teamsBox{ width:100%; clear:both;  }
.teams{ overflow:hidden; width:1200px; margin:0 auto;}
.teamsLeft{ width:1200px; margin:0 auto}
.friendTeams{height:284px; overflow:hidden; padding-top:0px; }
.mr_frboxTeams{height:284px;padding:0px 0px 0px;position:relative}
.mr_frBtnLTeams{cursor:pointer;display:inline;left:0;height:32px;margin:114px 0 0 0;width:32px; display:block; position:absolute; z-index:999}
.mr_frUlTeams{float:left;height:380px;width:1200px;margin-left:0px; margin-top:20px; overflow:hidden}
.mr_frBtnRTeams{margin-top:114px;cursor:pointer;width:32px;height:32px;position:absolute;right:0}
.mr_frUlTeams ul li{display:inline;float:left;/*height:389px;*/width:290px;overflow:hidden;position:relative; margin-right:14px;height:248px;}
.mr_frUlTeams ul li a img{/*display:block;*/width:290px; height:194px;}
.mr_frUlTeams ul li a img:hover{ opacity:0.8;}
.mr_frUlTeams ul li a{ position:relative; color:#000000; text-align:center; display:block; font-size:16px }
.mr_frUlTeams ul li a span{ line-height:45px;}


.Product{ overflow:hidden; clear:both;margin-top:30px;}
.hotNav{ width:240px; float:left; background:#1277cf}
.hotNav li{ line-height:50px; width:240px;}
.hotNav li:nth-child(1){ font-size:18px; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding-top:50px; padding-left:40px;}
.hotNav li:nth-child(2){ font-size:18px; color:#FFF; line-height:5px; padding-bottom:30px; padding-left:40px;}
.hotNav li:last-child{ padding-bottom:115px;}
.hotNav li a{ color:#ffffff; font-size:16px; font-family:"微软雅黑"; display:block; padding-left:40px;}
.hotNav li a:hover{ background:#FFF; color:#000; display:block; width:240px; border-left:#e17f26 solid 6px}
.hotProduct{ width:945px; float:right}
.hotProduct span{ float:left; border-left:#dc801d solid 1px; width:1px; height:16px; margin-right:4px;}
.hotProduct h3{ float:left; font-size:18px; font-weight:normal; line-height:15px;}
.hotProduct .a{ float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#1277cf; color:#FFF; padding:5px 8px 5px 8px; border-radius:4px}
.productTitle{ border-bottom:#d0d0d0 solid 1px; overflow:hidden; padding-bottom:5px}
.hotProduct li{ width:311px; float:left; text-align:center; margin-right:5px; margin-top:10px;}
.hotProduct li a{ color:#000; font-size:16px; font-family:"微软雅黑"; line-height:40px;}
.hotProduct li img{ width:311px; height:215px; transition:0.2s}
.hotProduct li div{width:311px; height:215px; overflow:hidden}
.hotProduct li:hover img{transform:scale(1.1)}

.cases { overflow:hidden; margin-top:20px;}
.cases li{ width:385px; float:left; margin-right:14px; text-align:center;}
.cases img{ width:385px; height:257px; display:blocks;transition:0.2s}
.cases a{ font-size:16px; color:#000; line-height:60px;}
.cases div{ width:385px; height:257px; overflow:hidden}
.cases li:hover img{transform:scale(1.1)}

.news{ overflow:hidden; margin-top:20px;}
.newsLeft{ width:590px; float:left}
.newsLeft img{ width:590px; height:180px;}
.newsLeft h3{ font-size:16px; color:#000; font-weight:normal; line-height:40px;}
.newsLeft p{ color:#666666; font-size:14px; line-height:30px;}
.newsLeft .a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e07f21; line-height:30px;}

.newsRight{ width:590px; float:right}
.newsRight li{ overflow:hidden; line-height:28px; padding-top:10px; padding-bottom:10px; border-bottom:#d2d2d2 solid 1px;}
.newsRight li:hover{ color:#FFF; background:#1277cf}
.newsRight li:hover span{ color:#FFF !important}
.newsRight li:hover P{ color:#FFF !important}
.newsRight li:hover h3{ color:#FFF !important}
.newsRight li:nth-child(1) div:first-child{ width:78px; float:left}
.newsRight li:nth-child(1) div:last-child{ width:492px; float:right}
.newsRight li:nth-child(1) div span:first-child{ display:block; font-size:26px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:right; color:#FFF}
.newsRight li:nth-child(1) div span:last-child{font-size:12px; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#000; display:block; color:#FFF}
.newsRight li:nth-child(1).a{ background:#1277cf}
.newsRight li:nth-child(1) h3{ color:#FFF; font-size:16px; font-weight:normal}
.newsRight li:nth-child(1) p{ color:#FFF; font-size:14px;}

.newsRight li:nth-child(2) div:first-child{ width:78px; float:left}
.newsRight li:nth-child(2) div:last-child{ width:492px; float:right}
.newsRight li:nth-child(2) div span:first-child{ display:block; font-size:26px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:right; color:#000000}
.newsRight li:nth-child(2) div span:last-child{font-size:12px; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#000; display:block; color:#000}
.newsRight li:nth-child(2) h3{ color:#000; font-size:16px; font-weight:normal}
.newsRight li:nth-child(2) p{ color:#666666; font-size:14px;}

.newsRight li:nth-child(3) div:first-child{ width:78px; float:left}
.newsRight li:nth-child(3) div:last-child{ width:492px; float:right}
.newsRight li:nth-child(3) div span:first-child{ display:block; font-size:26px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:right; color:#000000}
.newsRight li:nth-child(3) div span:last-child{font-size:12px; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#000; display:block; color:#000}
.newsRight li:nth-child(3) h3{ color:#000; font-size:16px; font-weight:normal}
.newsRight li:nth-child(3) p{ color:#666666; font-size:14px;}

.about{ margin-top:20px;}
.about img{ width:600px; height:233px; float:left; margin-right:30px}
.about h3{ font-weight:normal; font-size:18px;}
.about p{ color:#666666; font-size:14px; line-height:35px; margin-top:20px; margin-bottom:28px;}
.about a{ font-size:12px; color:#FFF; background:#1277cf; padding:5px 10px 5px 10px;}

.footer{ background:#1277cf; margin-top:60px; overflow:hidden;text-align:center; clear:both}
.footerNav{ border-bottom:#085faa solid 1px;}
.footerNav a{ color:#FFF; font-size:16px; line-height:60px; padding-left:20px; padding-right:20px; border-right:#085faa solid 1px;}
.footerNav a:last-child{ border-right:none;}
.conf{ text-align:center; color:#FFF; font-size:14px; padding-top:40px; padding-bottom:50px; line-height:30px;  font-family:"微软雅黑"}
.conf a{ color:#FFF}

/*************分页开始的地方**************************/
.main{ overflow:hidden; margin-top:20px;}
.mainLeft{ width:200px; float:left; background:#1277cf}
.mainLeft li{ color:#FFF; border-bottom:#085faa solid 1px;}
.mainLeft li:nth-child(1){ font-size:16px; padding-top:20px; border-bottom:none;padding-left:20px;}
.mainLeft li:nth-child(2){ font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px;padding-left:20px;}
.mainLeft li:last-child{ padding-bottom:50px;border-bottom:none}
.mainLeft li a{ color:#FFF; font-size:14px; line-height:50px; display:block; padding-left:20px;}
.mainLeft li a:hover{ background:#FFF; border-left:#dc801d solid 4px; color:#000}
.mainLeft li.a a{ background:#FFF; border-left:#dc801d solid 4px; color:#000}
.mainRight{ width:980px; float:right}
.menu{ color:#000;border-bottom:#d0d0d0 solid 1px; padding-bottom:10px; font-size:15px; font-family:"微软雅黑"}
.menu a{ color:#000;  font-family:"微软雅黑"}
.menu img{ width:18px; height:18px; margin-right:10px; float:left; margin-top:2px}
.containter img{ max-width:980px;}
.containterTitle{ color:#000; font-size:18px; text-align:center; line-height:45px; font-family:"微软雅黑"}
.containterConf{ text-align:center; font-family:"微软雅黑"; font-size:14px; color:#000; margin-bottom:10px;}

.casesBox{ overflow:hidden}
.casesBox li{ float:left; width:311px; margin-right:22px; text-align:center; margin-top:10px; background:#e4e4e4;}
.casesBox img{ width:311px; height:215px; transition:0.2s}
.casesBox a{ color:#000; line-height:30px; display:block; line-height:50px; font-size:14px;}
.casesBox li:hover{ background:#1277cf; color:#FFF;}
.casesBox div{width:311px; height:215px; overflow:hidden}
.casesBox li:hover a{ color:#FFF}
.casesBox li:hover img{transform:scale(1.1)}

.productBox{ overflow:hidden}
.productBox li{ float:left; width:311px; margin-right:22px; text-align:center; margin-top:10px; background:#e4e4e4;}
.productBox img{ width:311px; height:auto; transition:0.2s}
.productBox a{ color:#000; line-height:30px; display:block; line-height:50px; font-size:14px;}
.productBox li:hover{ background:#1277cf; color:#FFF;}
.productBox div{width:311px; height:210px; overflow:hidden}
.productBox li:hover a{ color:#FFF}
.productBox li:hover img{transform:scale(1.1)}

.newsBox li{ overflow:hidden; margin-bottom:10px;}
.newsBox li:hover{ background:#1277cf}
.newsBox li:hover a{ color:#FFF}
.newsBox li:hover p{ color:#FFF}
.newsBox li:hover span{ color:#FFF; padding-left:5px;}
.time{ width:80px; float:left;}
.newsConf{ width:890px; float:right}
.newsConf a{ color:#000; line-height:45px;}
.newsConf h3{ font-weight:normal; font-size:16px;}
.newsConf p{ font-size:14px; color:#666666}
.fonts{ font-size:24px; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:45px;}
.font{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000}

.free{ background:url(../images/free_03.png) no-repeat; width:821px; height:649px; margin:0 auto}
.fr{ width:400px; margin-left:auto; margin-right:auto; padding-top:142px;}
.fr li{ margin-bottom:10px;}
.fr li:nth-child(2){ margin-top:55px;}
.fr li:nth-child(3){ margin-top:53px;}
.fr input[type="text"]{ width:335px; line-height:35px; border:0; padding-left:10px; height:35px;margin-top:2px;}
.fr input[type="text"].last-childText{ width:106px; line-height:29px; border:0; padding-left:10px; height:29px; margin-top:45px}
.fr textarea{ width:335px; line-height:0px; border:0; padding-left:10px; height:68px; line-height:25px; font-family:"微软雅黑"}
.fr a{ display:block; width:352px; height:44px; display:block}

.page{ text-align:center; clear:both; width:100%; margin-top:20px;}
.page a{ color:#000; font-size:14px; font-family:"微软雅黑"; padding-right:20px;}


*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋";}
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:314px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#1277cf;opacity:1;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.wx{ background:#1277cf; text-align:center; position:relative; font-size:14px; color:#000; }
.wx img{ text-align:center; padding:15px 0 0 15px}
.wx:hover{ background:#1277cf}
.ewm{ position:absolute; display:none; line-height:20px; text-align:center; color:#FFF}
.ewm img{ width:165px; height:155px; padding:5px;}
.wx:hover .ewm{ background:#1277cf; width:175px; height:195px; position:absolute; right:54px; top:-100px; display:block}