/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
b,i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px; }
.clearfix{clear: both; zoom: 1; }
.clearfix:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}

.top_nav{width: 100%;height: 54px;position: relative;overflow: hidden;margin: 0 auto;background-color: #00a7ff;}
.navs{position: fixed;top: 0;width: 100%;height: 54px;overflow: hidden;margin: 0 auto;background-color: #00a7ff;z-index: 99;}
#header>.head_wrap{width: 1000px;height: 54px;position: relative;overflow: hidden;margin: 0 auto;}
#header a.tel{color:#fff;font-size:20px;float: right;margin-top: 15px;margin-right: 15px;}
#header a.tel>img{vertical-align: middle;margin-right: 5px;margin-top: -3px;}
#header>.head_wrap>p{width: 700px;height: 34px;float: left;position: relative;overflow: hidden;margin-top: 10px;margin-left: 20px;}
#header>.head_wrap>p>a{display: block;float: left; height: 34px;border-radius: 5px; padding: 0 22px;color: #fff;text-align: center;line-height: 34px;font-size: 18px;}

/*nav*/
.nav{width:970px; padding-left:30px; height:140px; overflow:hidden; margin:0 auto;}
.nav dl{width:150px; height:140px; overflow:hidden; float:left; margin-right:47px;}
.nav dl dt{width:150px; height:104px;}
.nav dl dd{width:100%; height:36px;}
.nav dl dd a{display:block; transition:all 0.4s; width:150px; height:36px; line-height:36px; text-align:center; color:#fff; font-size:18px; background:#00a7ff; border-radius:18px;}
.nav dl dd a:hover{background:#ff4937;}

.anchor{ width:654px; padding-left:196px; padding-right:150px; overflow:hidden; margin:0 auto;}
.anchor a{ float:left; width:134px; height:82px; text-align:center; color:#1b1b1b; font-size:16px; line-height:132px; margin:0 24px 14px 0;}

.same_tit{ width:100%; text-align:center; overflow:hidden;}
.same_tit h2{ text-align:center; line-height:66px; color:#1b1b1b; font-size:36px; letter-spacing:2px;}
.same_tit h2 i{ font-weight:bold; margin-right:18px;}

.intro{ width:520px; margin:0 auto; overflow:hidden; margin:0 auto; padding:136px 376px 0 104px; line-height:30px; color:#1b1b1b; font-size:14px; letter-spacing:1.5px;}


.same_tit2 i{ margin:0 0 0 18px;}

.five{ width:1000px; margin:0 auto; overflow:hidden; position:relative; height:316px;}
.five p{ line-height:24px; color:#1b1b1b; font-size:16px; text-align:center; position:absolute;}


.zx_btn{ width:100%; text-align:center; overflow:hidden; padding-top:16px; padding-bottom:80px;}
.zx_btn a{ display:inline-block; width:240px; height:66px; text-align:left; overflow:hidden; line-height:60px; color:#FFF; font-weight:bold; box-shadow:#f9b9bc 0 0 16px; border-radius:30px; font-size:24px; text-indent:58px; background:url(../images/zx_bg.jpg) no-repeat; margin-right:40px;}
.zx_btn span{ display:inline-block; width:280px; height:60px; line-height:60px; text-align:left; text-indent:36px;color:#fa5157; overflow:hidden; font-size:24px;  box-shadow:#f9b9bc 0 0 16px; border-radius:30px; font-weight:bold; background:url(../images/phone_bg.jpg) no-repeat;}

.same_tit3 h2{ color:#FFF; font-size:inherit; }
.same_tit3 h2 i{ font-size:64px; vertical-align:middle; display:inline-block; height:66px; line-height:66px; overflow:hidden;}
.same_tit3 h2 b{ display:inline-block; font-weight:normal; line-height:64px; font-size:36px; vertical-align:middle; }
.same_tit3 p{ font-size:18px; color:#FFF; line-height:56px; text-align:center; letter-spacing:8px;}

.load{ width:1000px; margin:0 auto; overflow:hidden; }
.load dl{ float:left; width:490px; margin-right:20px; background:#FFF; overflow:hidden; padding:12px 0  34px;}
.load dl dt{ width:465px; overflow:hidden; margin:0 auto 14px;}
.load dl dt img{ display:block;}
.load dl dd{ width:100%; overflow:hidden;}
.load dl dd h4{ font-size:16px; line-height:18px; text-align:center; font-weight:bold; color:#1b1b1b;}
.load dl dd h4 i{ font-size:14px; font-weight:normal;}
.load dl dd p{ text-align:center; line-height:44px; font-size:14px; color:#b5b5b5;}
.load dl dd p font{ color:#1b1b1b; margin-right:10px;}
.load dl dd div{ width:100%; text-align:center;}
.load dl dd div span{ display:inline-block; color:#ff684b; font-size:14px; line-height:22px; border:1px solid #ff684b; padding:0 8px; border-radius:12px; margin-right:6px;}

.zx_btn2 a{ box-shadow:none;}
.zx_btn2 span{ box-shadow:none;}

.same_tit4 h2{ color:#1b1b1b;}
.same_tit4 p{ color:#1b1b1b;}


.us{ width:1000px; padding:22px 50px 0; overflow:hidden;}
.us dl{width:320px; margin:0 20px 16px 0; box-shadow:#bce4f8 0 0 16px; }
.us dl dt{ width:294px; margin-bottom:26px;}
.us dl dd p{ line-height:56px;}
.us dl dd div span{padding:0 6px;}

.eng dl{ box-shadow:none; padding:12px 0 20px;}
.eng dl dt{ margin-bottom:12px;}
.eng dl dd h4{ line-height:24px;}
.eng dl dd p{ line-height:42px;}
.eng dl dd div span{ margin-right:4px;}
.eng dl.last{ width:235px; margin-right:18px;}
.eng dl.last dt{ width:208px;}
.eng dl.last dd p{ line-height:24px; padding:4px 0;}
.eng dl.last dd div span{ margin:0 0 8px 0;}

.can dl{ margin-bottom:16px;}

.same_tit h2 em{ color:#fb5158; font-weight:bold;}

.same_tit5 p{ color:#1b1b1b; font-size:18px; line-height:78px; height:49px; text-align:center;}

.six{ width:1100px; margin:0 auto; overflow:hidden;}
#system{ float:left; width:648px; overflow:hidden; padding:28px 0 0 50px;}
#system span{ cursor:pointer; float:left; width:202px; height:78px; padding-top:16px; margin:0 10px 12px 0; box-shadow:#9bcef8 0 0 16px; overflow:hidden; background:#FFF; line-height:36px; color:#cdcdcd; font-size:14px; text-align:center;}
#system span i{ font-size:24px; font-weight:bold; color:#1b1b1b; display:block;}
#system span.se{ background:#01a1ff; color:#a4d3ff;}
#system span.se i{ color:#FFF;}


#system_content{ float:right; width:352px; height:380px; overflow:visible;}
#system_content .ever{ display:none;}
#system_content .active{ display:block;}
#system_content div dl{width:352px; height:380px; position:relative;}
#system_content div dl dt{ width:100%; height:auto;}
#system_content div dl dt img{ display:block;}
#system_content div dl dd{ width:352px; height:169px; background:#01a1ff; overflow:hidden;}
#system_content div dl dd span{ position:absolute; width:166px; height:48px; background:#ffd700; line-height:48px; text-align:center; font-weight:bold; font-size:24px; color:#1b1b1b; left:-9px; bottom:152px;}
#system_content div dl dd ul{ width:310px; padding:28px 16px 0 26px;}
#system_content div dl dd ul li{ line-height:24px; color:#FFF; font-size:14px; letter-spacing:1px;}

.six .zx_btn{ float:left; width:660px; padding-top:60px;}

.same_tit6 h2{ color:#FFF;}

.focus{width:510px;height:400px;overflow:hidden;position:relative; float:right;}
.focus ul{height:368px;position:absolute;}
.focus ul li{float:left;width:510px;height:368px;overflow:hidden;position:relative;}
.focus ul li div{position:absolute;overflow:hidden;}
.focus .btn{position:absolute;width:100%;height:10px; right:0;bottom:5px;text-align:center;}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:28px;height:5px;_font-size:0;margin-left:8px;cursor:pointer;background:#fff;border-radius:6px;}
.focus .btn span.on{background:#ffd700;}
.focus .preNext{width:0px;height:0px;position:absolute;top:90px;cursor:pointer;display:none;}
.focus .pre{left:0;}
.focus .next{right:0;background-position:right top;}
 
  .foot{ width:1000px; margin:0 auto; overflow:hidden;}

.video{ float:left; width:480px; height:368px; overflow:hidden;}


.fl_window {
	width: 1260px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 16px;
}
.fl_window p {
	float: left;
	width: 120px;
	padding-top: 6px;
}
.fl_window a {
	-webkit-transition: all 0.6s ease-in-out;
	display: block;
	width: 150px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	border: 2px solid #FFF;
	border-radius: 8px;
}
.fl_window a:hover {
	background: #FFF;
	color: #ec6941;
}