﻿@charset "utf-8";
/* CSS Document */
	body, div, p, h1, h2, h3, h4, h5{ 
		margin:0; padding:0; font-family:Arial, "微软雅黑"; font-size:12px;
	}
	img { border:none; vertical-align:top; }
	b,i{ font-style:normal;}
	ul, ol, li { list-style:none; }
	a { text-decoration:none;  }
	a:hover{ text-decoration:none;}
	small { font-size:12px; }
	input, select, textarea { outline:none; } 
	textarea { resize:none; overflow:auto; }
	table { border-collapse:collapse; }
	button, input[type="reset"], input[type="button"], input[type="submit"] { line-height:normal !important; }
	.fl{ float:left;}
	.fr{ float:right;}
	.rel{ position:relative;}
	.abs{ position:absolute;}
	.clearfix:after { display:block; clear:both; content:""; visibility:hidden; height:0; }
	.clearfix { zoom:1;}
body{ color:#666666; min-width:1000px;}
.in-wrap{ position:relative; margin:0 auto; width:1200px; height:100%; z-index:10;}
.comm-jpg{ background:url(../images/comm.png) no-repeat;}
.font-gothic{  font-family: 'gravitybook';}
.bg-edeff4{ background:#edeff4;}
.bg-edeff4 .interphone-pic img{ margin-bottom:0;}
.bg-red{ background:#d21f1f;}
.section-comm .font30 em{ font-size:30px;}
h5{ margin:0 auto; width:700px; line-height:30px;}


/** header **/
.header{ position:fixed; width:100%; height:60px; background:#fff; background:rgba(255,255,255,.6); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); z-index:1100;}
.header a.header-logo{background-position:-260px -128px; width:240px; height:60px; text-indent:-9999px;}
.header ul li{ float:left; margin:0 0 0 50px;}
.header ul li a{ display:block; padding:10px 6px; font-size:14px; color:#5b5b5b; -moz-transition:all 0.5s ease;
	-webkit-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
	-ms-transition:transform 0.5s ease;
	transition:transform 0.5s ease;}
.header ul li a:hover,.header ul li a.current{ background:url(../images/comm.png) no-repeat 0 -317px; color:#cc0000; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}


/** banner **/
.banner{height:700px; background:url(../img/01.jpg) center top no-repeat #03528a;min-width:1200px}
.banner .banner-icon{ position:absolute; padding-top:550px; width:100%; z-index:110; text-align:center;}
.banner .banner-icon a{ display:inline-block;width:120px; height:120px; margin:0 0 0 15px; filter:gray; filter:none\9; -webkit-filter:grayscale(1);}
.banner .banner-icon a:hover{filter:none; -webkit-filter:grayscale(0);}

/** solution **/
.solution-comm{ display:none;}
.related-down{ padding-top:0; margin-top:-90px;}
.section-comm{ padding:50px 0;}
.section-comm h4{font-family:"微软雅黑";text-align:center; font-weight:normal;line-height:80px; font-size:42px; color:#0088cc;}
.section-comm h4 i{ display:inline-block; line-height:80px; font-size:24px; color:#000;}
.section-comm h4 i span { font-size: 25px; }
.section-comm h5{ font-family:"微软雅黑";font-size:15px; color:#666;font-weight:normal;text-align:center;}
.solution ul{ margin:20px auto; width:1200px;}
.solution ul li{ float:left; margin:0 15px; width:270px; height:320px; *zoom:1;}
.solution ul li:first-child{ margin-left:0;}
.solution ul li:hover{ background:#edeff4;}
.solution ul li p.solution-title{ font-size:20px; color:#000; text-align:center;}
.solution ul li p.solution-intro{font-family:"微软雅黑";font-size:14px; margin:0 auto; width:85%; height:100%; overflow:hidden; text-align:center; color:#666;}
.solution ul li a{ display:block; margin-top:5px; padding-top:20px; width:100%; height:120px; color:#000; }
.solution ul li a p{ text-align:center; font-size:14px; }
.solution ul li a em{ margin:10px auto 0; display:block; width:31px; height:31px; background-position:0 -128px;}
.solution ul li:hover a{ background:#0099cc;}
.solution ul li:hover a p{ color:#fff;}
.solution ul li:hover a em{ background-position:-56px -128px;}
.solution ul li a div.solution-line{ margin:15px auto; background:#d4d4d4; width:30px; height:1px; overflow:hidden;}
.solution ul li em.solution-case-icon{ margin:60px auto 35px; display:block; width:104px; height:104px; text-indent:-9999px;}
.solution ul li.solution-li1 em.solution-case-icon{background-position:0 0;}
.solution ul li.solution-li2 em.solution-case-icon{background-position:-133px 0;}
.solution ul li.solution-li3 em.solution-case-icon{background-position:-268px 0;}
.solution ul li.solution-li4 em.solution-case-icon{background-position:-395px 0;}

/** product **/
.product{ background:#006699;}
.product-comm{ padding:50px 0 50px;}
.product-comm h4{font-family:"微软雅黑";text-align:center; font-weight:normal;line-height:80px; font-size:42px; color:#fff;}
.product-comm h4 i{ display:inline-block; line-height:55px; font-size:24px; color:#999;}
.product-comm h4 i span { font-size: 25px; }
.product-comm h5{font-family:"微软雅黑";font-size:15px; color:#cdcdcd;font-weight:normal;text-align:center;}
.product img.product-line{ position:absolute; top:-50px; left:0;}
.product-btn{ margin:90px 0; text-align:center;}
.product-btn a{ display:inline-block; margin:0 20px; width:180px; height:180px; font-size:18px; line-height:180px; color:#666666; text-align:center; background:#fff; border-radius:50%; background:url(../images/white_bg.png) no-repeat\9;}
.product-btn a:hover,.product-btn a.product-a-hover{ background:#ff9900; color:#fff; }

/*技术参数*/
.feature{position:relative;overflow:hidden;-webkit-font-smoothing:antialiased; width:100%;height:100%;background:#f5f5f5; padding:50px 0 40px;}
.feature h4{font-family:"微软雅黑";text-align:center; font-weight:normal;line-height:80px; font-size:42px; color:#0088cc;}
.feature h5{font-family:"微软雅黑";font-size:15px; color:#666;font-weight:normal;text-align:center;}
.feature .feature-list{width:1116px;margin:0 auto;font-size:14px;padding:0;;list-style-type:none;}
.feature .feature-list li{position:relative;float:left;width:259px;*width:258px;padding:30px 10px 0;border-top:1px solid #dcdcdc;*border-left:1px solid #dcdcdc;text-align:center}
.feature .feature-list li:after{position:absolute;left:0;top:0;width:1px;height:100%;content:'';background:#dcdcdc}
.feature .feature-list .top{border-top:0;height:140px;padding-top:40px; color:#666;}
.feature .feature-list .top:after{height:190px;top:auto;bottom:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.1)));background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.1) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.1) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0) \9}
.feature .feature-list .bot{height:169px;padding-top:20px;color:#666;}
.feature .feature-list .bot:after{top:0;height:190px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top, rgba(0,0,0,0.1) 0, rgba(0,0,0,0) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.1)), color-stop(100%, rgba(0,0,0,0)));background:-webkit-linear-gradient(top, rgba(0,0,0,0.1) 0, rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0.1) 0, rgba(0,0,0,0) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0, rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#00000000', GradientType=0) \9}
.feature .feature-list .left{border-left:0}
.feature .feature-list .left:after{display:none;background:none}
.feature .icon-overall{display:block;width:64px;height:64px;margin:0 auto 20px;background:url(../images/features-icons.png) no-repeat 0 0}
.feature .icon-overall-01{background-position:0 0}
.feature .icon-overall-02{background-position:-64px 0}
.feature .icon-overall-03{background-position:-128px 0}
.feature .icon-overall-04{background-position:-192px 0}
.feature .icon-overall-05{background-position:0 -64px}
.feature .icon-overall-06{background-position:-64px -64px}
.feature .icon-overall-07{background-position:-128px -64px}
.feature .icon-overall-08{background-position:-192px -64px}
.feature .text{ width:auto; float:right; padding-right:38px; margin-right:100px;font-family:"微软雅黑";font-weight:normal;line-height:30px; font-size:18px; color:#F60; background:url(../images/right.gif) no-repeat right;}

/** Topology **/
.topology{ background:#006699;}
.topology-comm{ padding:50px 0;}
.topology-comm h4{font-family:"微软雅黑";text-align:center; font-weight:normal;line-height:80px; font-size:42px; color:#fff;}
.topology-comm h5{font-family:"微软雅黑";font-size:15px;color:#D2D2D2;font-weight:normal;text-align:center;}
.topology img.Topology-line{ position:absolute; top:-50px; left:0;}
.topology-main{ margin:30px auto; text-align:center; padding-top:30px;}
.topology-main a{ display:inline-block; margin:0 20px; width:150px; height:150px; font-size:18px; line-height:150px; color:#666666; text-align:center; background:#fff; border-radius:50%; background:url(../images/white_bg.png) no-repeat\9;}
.topology-main a:hover,.topology-main a.topology-a-hover{ background:#ff9900; color:#fff; }

/** Application **/
.application{position:relative;overflow:hidden;-webkit-font-smoothing:antialiased; width:100%;height:100%;background:#F7F7F7;padding:50px 0;}
.application h4{font-family:"微软雅黑";text-align:center; font-weight:normal;line-height:80px; font-size:42px; color:#0088cc;}
.application h5{font-family:"微软雅黑";font-size:15px; color:#666;font-weight:normal;text-align:center;}
.application ul{ margin:0px auto;; width:1200px;}	
.application ul li{ float:left; margin:0px 80px; width:200px;}
.application ul li img{ float:left;width:200px; height:120px; margin-top:30px;}
.application ul li p{color:#003366; text-align:center; line-height:30px; font-size:14px;}

/*footer*/
.footer{background: #27303f; color:#818c9e; }
.footer-main{margin:0 auto;background: #27303f;overflow:hidden; padding:0; width:1000px;font-family:"微软雅黑"}
.footer-main ul{ overflow:hidden; float:left;padding:20px 20px 30px;;}
.footer-main ul li{float:left; padding-right:20px;}
.footer-main ul li h3{ background:url(../images/line.gif) repeat-x bottom; padding-bottom:2px;}
.footer-main ul li h3 span{padding:62px 0 10px 40px; display:inline-block;font-size:15px; line-height:24px;  color:#818c9e;}
.footer a{color:#818c9e}
.footer a:hover{color:#fff}
.footer-main .ft_link{padding:10px 0 30px 40px;}
.footer-main .ft_link a{ display:block; line-height:24px;}
.footer-main .bh1 span{ background:url(../images/icon01.png) no-repeat 55px 23px;}
.footer-main .bh2 span{ background:url(../images/icon02.png) no-repeat 55px 23px;}
.footer-main .bh3 span{ background:url(../images/icon03.png) no-repeat 55px 23px;}
.footer-main .bh4 span{ background:url(../images/icon04.png) no-repeat 55px 23px;}
.footer-main .bh5 span{ background:url(../images/icon05.png) no-repeat 55px 23px;}
.cont-tu{ float:left; padding-top:100px; padding-left:20px;}
.cont-tu h3{font-size:15px; line-height:30px;  color:#818c9e;text-align:center;}

.bottom {background: #19202d;color:#818c9e;}
.bottom a{color:#818c9e;}
.bottom .bottom-main{width:1000px;margin:0 auto;background: #19202d; line-height:42px; padding:0;height:42px;}
.bottom .bottom-main .flink {float:right; margin-right:10px; padding:0 10px;line-height:42px;}
.bottom .bottom-main .flink a{padding:0 10px; border-right:#999 1px solid;}
.bottom .bottom-main .copyright{float:left; margin-left:10px;line-height:42px;}

/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-100px;
	_bottom:auto;
	width:60px;
	height:60px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/top_btn.png);
	_background-image:url(../images/top_btn.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	width:60px;
	height:60px;
	background-image:url(../images/top_btn_hover.png);
	_background-image:url(../images/top_btn_hover.png);
}
