﻿@import url(base.css);

#pleft{float:left;width:480px;}
#pright{float:right;width:700px;}
#pright ul{ margin-left:-10px}
#pright ul li{ float:left; width:162px; height:101px; margin:0px 5px 12px 10px}
#pright ul li img{ width:162px; height:101px}
#pright ul li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}




.about{width:100%; height:240px;margin:auto;padding-top:50px; padding-bottom:50px; background-color:#efefef}
.about .abouta{ float:right; width:800px;height:45px;line-height:30px;font-size:14px;color:#000;text-align:left; font-weight:normal; margin-bottom:20px;text-align: justify;text-justify: inter-ideograph;}
.about ul{width:1200px;margin:auto;line-height:28px;text-align: justify;text-justify: inter-ideograph;}
.about h3{ font-size:30px;font-weight:normal;line-height:42px;}
.about h5{ font-size:24px;font-weight:normal;line-height:42px; margin-bottom:20px}


.fw{width:100%; display:table; padding-top:50px; padding-bottom:50px}
.fw h3{height:38px;line-height:35px;font-size:38px;color:#000;text-align: center;}
.fw h3 span{color:#258cdb;}
.fw h5{text-align:center;font-weight:normal; margin:auto; display:table;font-size:16px; height:50px; line-height:50px;color:#666; margin-bottom:20px}
.fw ul{width:1200px;margin:auto}
.fw ul li{ float:left; text-align:center}
.fw ul li h2{ color:#FFFFFF; font-size:18px; line-height:30px }
.fw ul li h2 span{ font-size:14px; font-weight:normal}
.fw ul li h4{font-size:12px; font-weight:normal; color:#FFFFFF; padding:0 10px; width:100px; height:20px; line-height:20px;border-radius:8px; background-color:#0066FF; margin-top:5px}
.fw ul li h2:hover{ color:#fff}
.fw ul li h3:hover{ color:#fdd000;}
.fw ul li.a1{background:url('/images/img/a1.jpg') center top no-repeat; float:left; width:290px; height:290px; margin-right:10px;padding-top:200px}
.fw ul li.a2{background:url('/images/img/a2.jpg') center top no-repeat; float:left; width:445px; height:170px; margin-right:5px; margin-bottom:10px;padding-top:70px}
.fw ul li.a3{background:url('/images/img/a3.jpg') center top no-repeat; float:left; width:445px; height:170px;margin-left:5px; margin-bottom:10px;padding-top:70px}
.fw ul li.a4{background:url('/images/img/a4.jpg') center top no-repeat; float:left; width:293px; height:170px;margin-right:7px;padding-top:70px}
.fw ul li.a5{background:url('/images/img/a5.jpg') center top no-repeat; float:left; width:294px; height:170px;margin-left:3px; margin-right:3px;padding-top:70px}
.fw ul li.a6{background:url('/images/img/a6.jpg') center top no-repeat; float:left; width:293px; height:170px;margin-left:7px;padding-top:70px}
.fw li:hover {filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9; opacity: 0.9;}


.ys{width:100%; display:table; margin:auto; padding-top:50px; padding-bottom:50px; background-color:#efefef}
.ys h3{height:38px;line-height:35px;font-size:38px;color:#000;text-align: center;}
.ys h3 span{color:#258cdb;}
.ys h5{text-align:center;font-weight:normal; margin:auto; display:table;font-size:16px; height:50px; line-height:50px;color:#666; margin-bottom:20px}
.ys ul{ width:1200px; margin:auto;}
.ys ul li{float:left;width:270px;height:280px; margin:10px 15px;font-size:12px;color:#333;line-height:20px; text-align:center;border-radius:8px; background-color:#FFFFFF;padding-top:30px}
.ys .title{ text-align:center; font-size:28px; line-height:38px; margin-bottom:20px; margin-top:10px}
.ys .word{ text-align:center; font-size:14px; line-height:24px;}
.ys li a:hover{ text-align:center; font-size:14px; line-height:24px; color:#fff}
.ys li:hover{background-color:#278cd9; color:#fff}
.ys li:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}
.ys .lx{ width:320px; margin:auto; height:48px;border-radius:8px; background-color:#f7ab00;color:#FFFFFF; font-size:16px; text-align:center; line-height:48px; margin-top:25px}
.ys .lx a{ color:#FFFFFF}


.team{width:100%; display:table; margin:auto; padding-top:50px; padding-bottom:50px;}
.team h3{height:38px;line-height:35px;font-size:38px;color:#000;text-align: center;}
.team h3 span{color:#258cdb;}
.team h5{text-align:center;font-weight:normal; margin:auto; display:table;font-size:16px; height:50px; line-height:50px;color:#666; margin-bottom:20px}
.team ul{ width:1200px; margin:auto;}
.team ul li{float:left;}
.team .title{ text-align:center; font-size:28px; line-height:38px; margin-bottom:20px; margin-top:10px}
.team .word{ text-align:center; font-size:14px; line-height:24px;}
.team li a:hover{ text-align:center; font-size:14px; line-height:24px; color:#fff}
.team li:hover{background-color:#278cd9; color:#fff}
.team li:hover img{transform:scale(1.01,1.01);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
.team .lx{ width:320px; margin:auto; height:48px;border-radius:8px; background-color:#f7ab00;color:#FFFFFF; font-size:16px; text-align:center; line-height:48px; margin-top:25px}
.team .lx a{ color:#FFFFFF}


.cl{width:100%; height:450px; margin:auto;overflow:hidden;padding-top:50px;background-color:#efefef;}
.cl h3{height:38px;line-height:35px;font-size:38px;color:#000;text-align: center;}
.cl h3 span{color:#258cdb;}
.cl h5{text-align:center;font-weight:normal; margin:auto; display:table;font-size:16px; height:50px; line-height:50px;color:#666; margin-bottom:20px}
.cl ul{ width:1232px; margin:auto;margin-left:-32px;}
.cl li{float:left;width:276px;height:308px; margin-left:32px;font-size:12px;color:#333;line-height:20px; text-align:center; margin-bottom:40px}
.cl li .eImg{width:100%;overflow:hidden;display:block;}
.cl li img{width:100%;transition:all 0.5s; margin-bottom:15px}
.cl li h4{font-size:24px;color:#000;background: url('/images/e_line.jpg') no-repeat left bottom;padding-bottom:20px;margin-bottom:10px;line-height:20px;font-weight:normal;}
.cl li h4 span{display:block;font-size:14px;color:#333;font-weight:normal;line-height:24px;margin-top:10px;}
.cl li p{margin-bottom:10px;line-height:20px;text-align:left; font-size:13px}
.cl li:hover img{transform:scale(1.02,1.02);}


.cll{width:100%; height:120px; margin:auto;overflow:hidden; padding-top:10px}
.cll ul{ width:1200px;margin:auto;}
.cll .cla{ width:1200px; height:138px; background-color:#fff}
.cll .cla li{ float:left; width:299px;height:70px; text-align:center; color:#666; border-right:1px #ccc solid;}
.cll .cla li h5{ font-size:48px; line-height:48px;color:#278cd9; font-weight:normal}

.cll .clb{ width:1200px; height:138px; margin-top:60px}
.cll .clb ul{ width:1242px; margin:auto; margin-left:-42px; height:138px;}
.cll .clb ul li{width:372px;margin-left:42px; height:180px; padding-top:40px; background-color:#FFFFFF; text-align:center; margin-bottom:40px}
.clr{ float:right}




.pro{ width:100%; height:1000px; padding-top:40px; margin:auto; background-color:#efefef;}
.pro h2{ text-align:center;font-weight:normal; font-size:16px; margin-bottom:35px}
.pro h3{height:38px;line-height:35px;font-size:24px;color:#000;text-align: center; font-weight:normal;}
.pro h5{ width:1200px;text-align:center;font-weight:normal; margin:auto; display:table;font-size:14px; height:30px; line-height:25px;color:#000; margin-bottom:20px;border-bottom:1px #aaa solid; padding-bottom:15px}
.pro ul{ width:1260px; margin:auto;margin-left:-60px;}
.pro li{float:left;width:360px;height:359px; margin-left:60px;font-size:12px;color:#333;line-height:20px; text-align:left; margin-bottom:40px;border-bottom:1px #ccc solid;}
.pro li h4{ font-size:16px; text-align:left;font-weight:normal; padding-top:20px}
.pro li p{ line-height:50px; font-size:13px; color:#666666}
.pro li img{ width:360px;transition:all 0.5s; margin-bottom:15px}
.pro li:hover img{transform:scale(1.02,1.02);}

.case{ width:100%; height:300px; padding-top:50px; margin:auto; background-color:#efefef}
.case h3{height:38px;line-height:35px;font-size:38px;color:#000;text-align: center;}
.case h3 span{color:#258cdb;}
.case h5{text-align:center;font-weight:normal; margin:auto; display:table;font-size:16px; height:50px; line-height:50px;color:#666; margin-bottom:20px}
.case ul{ width:1200px; margin:auto; }
.case ul p{ line-height:36px}


.hzbg {overflow:hidden; }
.hz { height:168px; overflow:hidden; width:1200px; margin:0 auto;}
.hz h2 { height:28px; overflow:hidden;}
.hz_c { height:198px; overflow:hidden;}
.hz_c ul { width:1160px; margin:auto; overflow:hidden; display:inline;padding-top:10px}
.hz_c ul li { float:left; width:212px; height:174px; display:inline; margin:0 10px; overflow:hidden; text-align:center;}
.hz_c ul li img { width:210px; height:126px;border:1px #ccc solid;}
.hz_c ul li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}
.hz_c ul li span{ float:right; width:156px; padding:15px 0 0 2px;}
.hz_c ul li h5{ font-size:14px; line-height:28px}
.hz_c ul li h6 img{ width:24px; height:24px; float:right; padding-right:13px}
.hz_c ul li b{ color:#43a443}
.hz_c ul li span a { text-align:center; display:block; line-height:24px; color:#535353;}
.h01 { margin-top:50px;}
.fl { float:left;}
.fr { float:right;}

#scrollDiv{
	width:700px;
	height:25px;
	line-height:25px;
	overflow:hidden;
}
#scrollDiv li{height:40px;padding-left:8px;}
.blue{ color:#2d6188}
a.blue:link {color: #2d6188;text-decoration: none;}
a.blue:visited {color: #2d6188;text-decoration: none;}
a.blue:hover {color: #2d6188;text-decoration:underline;}


.news{ width:100%; margin:auto; padding-top:50px; height:545px;}
.news h3{height:38px;line-height:35px;font-size:38px;color:#000;text-align: center;}
.news h3 span{color:#258cdb;}
.news h5{text-align:center;font-weight:normal; margin:auto; display:table;font-size:16px; height:50px; line-height:50px;color:#666; margin-bottom:20px}
.xy6a{ width:1200px;margin-top:10px;margin:auto; padding-top:10px}
.pleft2{float:left;width:386px;height:400px; background-color:#FFFFFF}
.pleft2 ul{ padding:5px 5px;width:376px}
.pleft2 h2{height:130px; width:407px}
.news b{ font-size:14px;}
.news ul li{ height:40px;border-bottom:1px #cccccc dashed;background:url(/images/news_bg.jpg) left no-repeat; padding-left:9px; line-height:40px}
.news ul li span{ float:right;color:#999;font-size:12px;}
.news ul li a:hover{color:#009944;}
.news a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}