*{margin:0; padding:0;}
ul,li{list-style:none;}
a{text-decoration:none;}
a:Hover { color:#0070bc;}
a img{border:0;}
body{font-family:Microsoft YaHei;font-size:14px;}
.clear{clear:both;}
::selection{background:#21356d;color:#fff;text-shadow:none}
.middle { width:1200px; margin:0 auto; position:relative;}

@font-face {font-family: 'iconfont';
    src: url('../images/icon/iconfont.eot'); /* IE9*/
    src: url('../images/icon/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../images/icon/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../images/icon/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../images/icon/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
	display:block;
    font-family:"iconfont" !important;
    font-size:66px;font-style:normal;
	line-height:20px;
	color:#555;
	height:20px;
	text-align:center;
	overflow:hidden;
    /*-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;*/
	*display:inline;
	}
	
.header { background:url(../images/white.png); position:relative; z-index:3;}
.header .logo {float:left;height: 50px;margin: 18px 0;}
.header .logo a {display:block;width:160px;height: 54px;background:url(../images/icon3.png);background-size: cover;}
.header .nav { height:85px; float:right;}
.header .nav ul { height:85px;}
.header .nav ul li { float:left; position:relative; margin-left:20px;}
.header .nav ul li a { display:block; width:80px; height:49px; padding-top:32px; text-align:center;  /*background:url(../images/icon.png) no-repeat center -62px;*/}
.header .nav ul li a P { font-size:10px;-webkit-transform:scale(0.8); text-align:center; color:#999;}
.header .nav ul li a.na02 { background-position:center -132px;}
.header .nav ul li a.na03 { background-position:center -202px;}
.header .nav ul li a.na04 { background-position:center -272px;}
.header .nav ul li a.na05 { background-position:center -342px;}
.header .nav ul li a.na06 { background-position:center -412px;}
.header .nav ul li a.na07 { background-position:center -482px;}
.header .nav ul li a.na08 { background-position:center -552px;}
.header .nav ul li a.na09 { background-position:center -622px;}
.header .nav ul li.active,
.header .nav ul li:hover { border-bottom:solid 4px #4983c2; }
.header .nav ul li.active a .iconfont,
.header .nav ul li:hover a .iconfont { color:#4983c2;}
.header .nav ul li.active a p,
.header .nav ul li:hover a p { color:#4983c2;}

.header .nav ul li ul { height:auto; width:120px; position:absolute; top:85px; left:-20px;background:url(../images/white.png);-webkit-box-shadow:0 0 4px #ddd;  -moz-box-shadow:0 0 4px #ddd;  box-shadow:0 0 4px #ddd; display:none;}
.header .nav ul li ul li { float:none; margin:0; border:0;}
.header .nav ul li ul li a { width:auto; height:auto; padding:0; padding:10px; color:#666;}
.header .nav ul li ul li:hover { border:0;}
.header .nav ul li ul li a:hover { background:#4983c2; color:#fff; }

/*首页轮播图*/
.banner{overflow:hidden;position:relative;margin:0 auto;}
.banner_top { height:5px; background:url(../images/icon.png) repeat-x;}
.banner_bottom { height:5px; background:url(../images/icon.png) repeat-x 0 -5px; margin-bottom:50px;}
.banner .hd{height:4px;overflow:hidden;position:absolute;left:50%;margin-left:-140px;bottom:30px;z-index:1;}
.banner .hd ul{overflow:hidden;zoom:1;float:left;}
.banner .hd ul li{float:left;margin:0 5px;width:60px;height:4px;cursor:pointer; background:url(../images/black60.png);}
.banner .hd ul li.on{ background:url(../images/blue60.png);}
.banner .bd{position:relative;z-index:0; width:100%;}
.banner .bd li{zoom:1;vertical-align:middle;overflow:hidden; display:block; width:100%; height:600px;}
.banner .bd li div { width:1200px; position:absolute; left:50%; top:50%; margin:60px 0 0 -600px;}
.banner .bd li div img { display:block; margin-bottom:30px;}
.banner .bd li div a { display:inline-block;color:#999; font-size:16px;}
.banner .bd li div a:hover { border-bottom:solid 2px #0070bc; color:#0070bc;}
.banner .prev,
.banner .next{position:absolute;left:2%;top:50%;margin-top:-60px;display:block;width:50px;height:70px; background:url(../images/icon.png) no-repeat 0 -780px;filter:alpha(opacity=30);opacity:0.3;}
.banner .next{left:auto;right:2%; background-position:-50px -780px;}
.banner .prev:hover{ background-position:0 -850px;}
.banner .next:hover{ background-position:-50px -850px;}


.row { padding:0px 8px 8px;}
.row .col { float:left; width:25%;}
.row .col a { display:block; margin:8px; position:relative; overflow:hidden;}
.row .col a img {width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;transition:transform 1s; display:block;}
.row .col a:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.05);transform:scale(1.03)}
.row .col a p { position:absolute; left:0; bottom:0; width:100%; height:60px; line-height:60px; background:url(../images/dd60.png); color:#fff; text-align:center; font-size:18px; font-weight:bold; }
.row .col a:hover p {background:url(../images/blue60.png);}
.row .col a p .iconfont { font-weight:normal; font-size:100px; display:inline; line-height:60px; height:60px; color:#fff;}
.row .col a p * { vertical-align:middle;}
.row .col a p.pblue {background:url(../images/blue60.png);}
.row .col a p span { display:inline-block; height:20px; line-height:30px; border-left:solid 2px #fff; padding-left:6px; font-size:14px; margin-left:4px; font-family:Arial;}

.foot { background:#eee; padding:40px 0;}
.foot ul { float:left; width:133px;}
.foot ul li { line-height:24px; text-align:center;}
.foot ul li a { color:#757584; font-size:12px;}
.foot ul li a:hover { color:#0070bc; text-decoration:underline;}
.foot ul li .iconfont { margin-bottom:10px; border-right:solid 2px #ccc;}
.foot ul li .iconfont a { font-size:66px;}
.foot ul li .iconfont a:hover  { text-decoration:none;}
.foot ul li .fs01,
.foot ul li .fs02,
.foot ul li .fs03,
.foot ul li .fs04,
.foot ul li .fs05,
.foot ul li .fs06,
.foot ul li .fs07,
.foot ul li .fs08,
.foot ul li .fs09 { display:block; height:24px; background:url(../images/icon.png) no-repeat center -960px; margin-bottom:10px;}
.foot ul li .fs02 { background-position:center -1000px;}
.foot ul li .fs03 { background-position:center -1040px;}
.foot ul li .fs04 { background-position:center -1080px;}
.foot ul li .fs05 { background-position:center -1120px;}
.foot ul li .fs06 { background-position:center -1160px;}
.foot ul li .fs07 { background-position:center -1200px;}
.foot ul li .fs08 { background-position:center -1240px;}
.foot ul li .fs09 { background-position:center -1280px;} 
.foot .ewm { height:106px; background:url(../images/icon.png) no-repeat center -1300px; margin:20px auto 20px; padding-top:20px; border-top:solid 1px #ddd;}
.foot .foot_end p { line-height:24px; font-size:12px; color:#999; text-align:center;}
.foot .foot_end p a { color:#999;}

.foots { padding:30px 0 20px;}
.foots ul { width:116px;}
.foots .ewm { float:right; width:110px; border:0; padding:0; margin:0; background-position:center -1320px;}
.foot .ewm p { font-size:12px; color:#999; padding-top:110px; text-align:center; }

/*关于我们*/
.banners {}
.banners .banner_bottom { margin-bottom:20px;}
.banner_about { height:355px; background:url(../images/banner_about.jpg) no-repeat center top;}
.left { float:left; width:254px; position:relative; margin-bottom:20px;}
.left h2 { font-weight:normal; padding:14px 0; background:url(../images/icon2.png) no-repeat; color:#fff; text-align:center; position:absolute; width:100%; top:-42px; }
.left h2 .iconfont { font-size:120px; color:#fff; height:30px; line-height:30px;}
.left h2 p { font-size:16px; margin-top:4px;}
.left ul { margin-top:50px; background:#f5f5f5; padding:20px 0;}
.left ul li { line-height:50px;}
.left ul li a { display:block; padding:15px 0; text-align:center;}
.left ul li a .iconfont {line-height:26px; height:26px; font-size:80px; color:#666; display:inline-block; padding:0 14px; }
.left ul li a.active .iconfont,
.left ul li a:hover .iconfont { font-size:90px; color:#338ac8;border-left:solid 4px #338ac8;}

.right { float:right; width:910px; margin-bottom:20px;}
.right_top { font-size:14px; padding-left:24px;background:url(../images/icon2.png) no-repeat 0 -90px; color:#666; padding-bottom:14px; border-bottom:solid 1px #ddd; margin-bottom:20px;}
.right_top a { color:#666;}
.right_top a:hover { color:#0070bc;}
.right_top span { font-size:12px; font-family:'宋体'; color:#aaa; margin:0 6px;}
.right .detail img { max-width:100%;}

/*产品中心*/
.banner_products {height:355px; background:url(../images/banner_products.jpg) no-repeat center top;}
.productul {}
.productul li { float:left; width:250px; height:250px; margin:25px;}
.productul li a { display:block; height:100%; overflow:hidden; position:relative;}
.productul li a img {width:100%; height:100%; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;transition:transform 1s; display:block;}
.productul li a:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.productul li a p { position:absolute; left:0; bottom:0; height:50px; line-height:50px; width:100%; background:url(../images/dd60.png); color:#fff; text-align:center; font-size:16px; font-weight:bold; }
.productul li a:hover p {background:url(../images/blue60.png);}

.page{font-size:14px; margin:10px 0 20px; text-align:center; font-family:'黑体','宋体';}
.page *{vertical-align:middle;}
.page a{display:inline-block; padding:0 6px; height:24px; line-height:16px; text-align:center; margin:0 4px; }
.page a span {color:#999;text-decoration:none; font-size:15px; padding-bottom:2px; border-bottom:solid 1px #999; font-family:'宋体'; }
.page span{color:#333;}
.page .current,.page a:Hover{background:#0d71d7;}
.page .current span,.page a:Hover span{color:white !important; border-color:#fff; font-weight:bold;}
.page .pagetext{width:30px; height:30px; border:solid 1px #ccc; line-height:18px; margin:0 4px;}
.page .chaxun{padding:0; display:inline-block; text-align:center; line-height:30px; margin:0; width:32px; height:30px;background:#5f9a9e;;border:0; color:#fff; cursor:pointer; border-radius:2px;}
#jumptxt{width:28px; height:28px; border:solid 1px #ddd; margin:0 6px 0 4px;}

.detail_l { float:left; width:450px; margin-top:4px; border:solid 1px #ddd; padding:4px; background:#fff;}
.detail_l img { width:100%; display:block;}
.detail_r { float:right; width:420px;}
.detail_r .dtitle { font-size:22px; font-weight:normal; color:#666; text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #ddd; position:relative;}
.detail_r .dtitle span { display:inline-block; width:100px; height:3px; background:#338ac8; position:absolute; left:0; bottom:-1px;}

.detail_r_d { font-size:14px; color:#666; line-height:28px;}
.updown { text-align:center; color:#666; padding-top:20px; margin-top:20px; border-top:solid 1px #ddd; }
.updown a {color:#666;}
.updown a:Hover { color:#338ac8; font-weight:bold;}
.updown a.upa { margin-right:30px; }

/*解决方案*/
.banner_solution {height:355px; background:url(../images/banner_solution.jpg) no-repeat center top;}

/*资讯中心*/
.banner_news {height:355px; background:url(../images/banner_news.jpg) no-repeat center top;}
.newsul {}
.newsul li { position:relative; margin:30px 0 20px; font-family:'宋体'; font-size:12px; padding-left:120px;}
.newsul li .newstitle { display:block; font-weight:bold; color:#444;white-space:nowrap; font-size:14px; text-overflow:ellipsis; overflow: hidden; margin-bottom:10px;}
.newsul li p { font-size:12px; line-height:22px; color:#888; display:inline;}
.newsul li a.more { color:#338ac8; margin-left:4px;}
.newsul li span { position:absolute; top:0; left:0; color:#999; }
.newsul li a:hover { color:#338ac8; text-decoration:underline;}
.newsul li a.more:hover { color:#f60; }

.newsdtitle { text-align:center; font-size:22px; font-weight:normal; color:#666; margin-top:40px;}
.newsdtitles { text-align:center; font-size:14px; font-weight:normal; color:#999; padding:10px 0 10px; margin-bottom:20px; border-bottom:solid 1px #ddd;}
.newsdtitles span {font-family:'宋体';font-size:12px;  margin:0 14px;}
.detail { color:#666; line-height:26px; min-height:300px;}
.detail img { max-width:100%;}
.morenews h3 { font-size:14px; color:#338ac8; margin-bottom:10px;}
.morenews ul li { line-height:24px;}
.morenews ul li a { color:#666;}
.morenews ul li a:hover { color:#338ac8; text-decoration:underline;}

.videotitle { font-size:22px; font-weight:normal; color:#555; margin-top:40px;}
.videoul {}
.videoul li { position:relative; width:205px; float:left; margin:20px 30px 0 0;}
.videoul li img { width:199px; height:149px; border:solid 1px #ddd; padding:2px;}
.videoul li a { display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.videoul li p { margin-top:4px; text-align:center; font-size:16px;}

.videodiv { float:left; margin-top:30px;}
.video_r { float:right; width:250px; background:#eee; padding:20px; margin-top:30px; min-height:340px;}
.video_r h3 { font-size:20px; text-align:center; margin-bottom:20px;}
.video_r p { line-height:30px; color:#666;}

/*下载中心*/
.banner_download {height:355px; background:url(../images/banner_download.jpg) no-repeat center top;}
.downdiv li { font-size:14px; height:46px; line-height:56px;border-bottom:dotted 1px #ccc; background:url(../images/icon.png) no-repeat left -114px; padding-left:30px;	}
.downdiv li a { color:#666; display:inline-block; }
.downdiv li a:hover { color:#338ac8; text-decoration:underline;}

/*常见问题*/
.banner_faqs {height:355px; background:url(../images/banner_faqs.jpg) no-repeat center top;}
.faqsul {}
.faqsul li { margin-top:20px;}
.faqsul li h3 { font-size:14px; height:24px; line-height:24px; background:url(../images/icon.png) no-repeat right -64px; font-weight:normal; color:#333; cursor:pointer; }
.faqsul li h3:hover { background-color:#f5f5f5;}
.faqsul li h3.active { color:#0070b9; background-position:right -93px; font-weight:bold;}
.faqsul li div { background:#f9f9f9; padding:20px; color:#666; line-height:24px; margin-top:10px; display:none;}

.faqstable { width:100%;}
.faqstable td { font-size:18px; color:#338ac8; vertical-align:top;}
.faqstable .inputdiv { background:#fff; border:solid 1px #ddd; padding:5px 10px; border-radius:4px;}
.faqstable .inputdiv span { display:inline-block; height:30px; line-height:30px;}
.faqstable .inputdiv input { border:0; background:none; width:280px; height:30px; font-size:18px; font-family:Microsoft YaHei; outline:0; color:#338ac8;  }
.faqstable .inputdiv * { vertical-align:middle;}
.faqstable .inputdiv textarea {border:0; background:none; width:100%; height:200px;font-size:18px; font-family:Microsoft YaHei;outline:0; color:#338ac8; }
.faqstable .submit { display:block; width:130px; height:40px; line-height:40px; margin:0 auto; background:none; border:0; background:#0070bc; color:#fff; border-radius:4px; font-size:18px; text-align:center; cursor:pointer;font-family:Microsoft YaHei;}
.faqstable td p { color:#666; margin-bottom:20px; font-size:18px;}

/*加入我们*/
.banner_join {height:355px; background:url(../images/banner_join.jpg) no-repeat center top;}
.joinul {}
.joinul li { border-bottom:dotted 1px #ccc;}
.joinul li.firstli { border-bottom:solid 1px #ccc;}
.joinul li h3 { font-weight:normal; font-size:14px; height:46px; line-height:56px; cursor:pointer; padding:0 10px;}
.joinul li.firstli h3{ font-weight:bold;}
.joinul li h3.active { background:#eee;}
.joinul li h3 span { display:inline-block; text-align:center;}
.joinul li h3 .joins01 { width:500px; text-align:left; color:#006fb9;}
.joinul li h3 .joins02 { width:100px;}
.joinul li h3 .joins03 { width:100px;}
.joinul li h3 .joins04 { width:100px;}
.joinul li div { display:none; padding-bottom:20px;}
.joinul li div h4 { font-size:14px;color:#333; margin:14px 0 4px;}
.joinul li div p { font-size:14px; color:#666; line-height:24px;}

/*联系我们*/
.banner_contact {height:355px; background:url(../images/banner_contact.jpg) no-repeat center top;}


/*内容分页*/
#page_break {
 position:relative;
} 
#page_break .collapse { 
display: none; 
} 
#page_break .num { 
padding: 10px 0; 
text-align: center; 
} 
#page_break .num li{ 
display: inline; 
margin: 0 2px; 
padding: 3px 5px; 


width:21px;
height:21px;
line-height:21px;
color: #000; 
text-align: center; 
cursor: pointer; 
font-family: Arial; 
font-size: 12px; 
overflow: hidden; 
} 
#page_break .num li.on{ 
background-color: #DED6C8; 
border:1px solid #B89F7B;
color: #000; 
font-weight: bold; 
} 
			
.dtitle { text-align:center; font-size:24px; margin-bottom:30px;}