/*****1、公共样式*****/
body{
    font:12px "microsoft yahei",Arial,Helvetica,sans-serif;
    color:#666;
    margin:0;
    padding:0;
}
 

.JaneCC{ width:100%; height:auto;}
.w1200{ width:1200px;margin:0 auto;}
.Inner_no{ width:1000px; margin:0 auto;}
.yahei{font-family: 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif!important}
.songti{font-family: "Helvetica Neue", Helvetica,"Songti SC", "SimSun", serif!important}
.kaiti{font-family: "Helvetica Neue", Helvetica, "KaiTi", "楷体", "STKaiti", "华文楷体", serif!important}
.fangsong{font-family: "Times New Roman", "Helvetica Neue", Helvetica, "FangSong", "仿宋", "STFangSong", "华文仿宋", serif!important}
.greytxt{ color:#565656}
.bluetxt{color:#0f7bac;}
  
/*header*/

.header{height:124px}
.header-l{float:left;height:124px;}
.header-r{float:right;height:124px; margin-right:10px;}
.version{ text-align:right; line-height:30px; font-size:14px; font-family:Verdana, Geneva, sans-serif}
.logo{background:url(../images/logo.png) no-repeat center center;margin-top:20px;}
.text-en{padding-top:10px;}
.search{margin-top:10px;}
.search .info a{display: inline-block}
.search .info{height:22px;line-height: 22px;   font-size:18px; font-weight:bold; color:#7f7c77}
.search2{border:1px solid #ebebeb;margin-top:25px;width:192px; height:36px;position: relative;}
.search2 form{width:192px; height:36px;}
.search .search-input{width:192px; height:36px;text-indent: 1em;border:0;}
.search .submit{position: absolute;top: 8px;right: 3px;height:24px;width:20px;border:0;background:url(../images/search.png) no-repeat top center;}



/*导航菜单*/
.nav{height:60px;background:#004c2e;}
.nav-w ul{float:left}
.nav-w ul li{float:left;height:50px; line-height:50px; width:150px; text-align:center;font-size:16px; font-weight:bold;}
.nav-w ul li a{color:#fff; display:block;}
.menu {font-family: arial, sans-serif; height:50px;background:#2587f4;}
.nav-w ul {padding:0; margin:0;list-style-type: none;}
.nav-w ul li {float:left; position:relative;height:50px;z-index:999999999;}
.nav-w ul li a,{display:block; text-align:center; text-decoration:none; width:149px; height:50px; color:#000; border-right:1px solid #fff;line-height:50px;  color:#ffffff}
.nav-w ul li ul {display: none;}
.menu ul li:hover a {color:#fff; background:#0072c6;text-decoration:none}
.local{color:#fff; background:#0072c6;}
.menu ul li:hover ul {display:block; position:absolute; top:50px; left:0; width:105px;}
.menu ul li:hover ul li a {display:block; background:#0072c6; color:#ffffff;}
.menu ul li:hover ul li a:hover {background:#364483; color:#ffffff; text-decoration:none}
/*banner*/





.content .turning_turn .honorwall {
	width: 100%;
	height: 387px;
	border-radius: 4px;
	margin: 28px auto auto auto;
	background: url(../images/honor_bg.png) no-repeat center;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 25px;
}

.content .turning_turn .honorwall_t {
	font-size: 18px;
	color: #ffffff;
}

.content .turning_turn .honorwall_t:before,
.content .turning_turn .honorwall_t:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../images/honor_t_icon.png) no-repeat center;
}

.content .turning_turn .honorwall_t:before {
	margin-right: 10px;
}

.content .turning_turn .honorwall_t:after {
	margin-left: 10px;
}

.content .turning_turn .honorwall_et {
	font-size: 10px;
	color: #788096;
}

.content .turning_turn .honorwall_imgs {
	width: 1192px;
	margin: 15px auto auto auto;
	overflow: hidden;
}

.content .turning_turn .honorwall_imgs_l {
	width: 201px;
	height: 276px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 8px;
	margin-left: 40px;
	margin-right: 40px;
	float: left;
	background: rgba(255, 255, 255, 0.2);
}

.content .turning_turn .honorwall_imgs_l img {
	max-width: 182px;
	max-height: 259px;
}

.content .turning_turn .honorwall_imgs_m {
	width: 362px;
	height: 276px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 8px;
	margin-right: 40px;
	float: left;
	background: rgba(255, 255, 255, 0.2);
}

.content .turning_turn .honorwall_imgs_m img {
	max-width: 346px;
	max-height: 259px;
}

.content .turning_turn .honorwall_imgs_r {
	width: 201px;
	height: 276px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 8px;
	margin-right: 40px;
	float: left;
	background: rgba(255, 255, 255, 0.2);
	margin-right: 0;
}

.content .turning_turn .honorwall_imgs_r img {
	max-width: 182px;
	max-height: 259px;
}



.content .turning_turn .honorwall_imgs_r1 {
	width: 201px;
	height: 276px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 8px;
	margin-left: 40px;
	float: left;
	background: rgba(255, 255, 255, 0.2);
	margin-right: 0;
}

.content .turning_turn .honorwall_imgs_r1 img {
	max-width: 182px;
	max-height: 259px;
}





p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd{
    margin:0;
    padding:0;
    list-style:none;
	font-weight:400;
}
a{
    color:#666;
    text-decoration:none;
}
img{
    vertical-align:bottom;
}
.lf{float:left;}
.rt{float:right;}
.clear{clear:both;}
/***导航条***/
 
div.top_left{
    width:40%;
    height:125px;
    float:left;
	line-height:125px;
}
div.top_left>div{
    float:left;
}
.top_left_l{
    width:55%; 
    line-height:125px;
	margin-top:20px;
}
 
.nav{
    width:60%;
    height:125px;
    display:block;
    float:left;
}
.nav li{
    float:left;
    width:16%;
    height:125px;
    text-align: center;
}
.nav li>a{
    color:#fff;
    line-height:125px;
    display:block;
    width:100%;
    text-align: center;
    font-size:18px;
    float:left;
}
.nav li.active{
    color:#2392d1;
}
.nav li.active>a{
    color:#2392d1;
}
.nav li a:hover{ 
    color:#2392d1;
}
/*banner轮播图*/
#header{
    overflow: auto;
    position:relative;
    top:0;
    left:0;
}
div.banner{
    width:100%;
    float:left;
}
div.banner img{
    width:100%;
    height:100%;
    display:none;
}
div.banner img.show{
    display:block;
}
/*轮播数字*/
.number{
    position:absolute;
    top:90%;
    left:45%;
}
.number>p{
    float:left;
    width:18px;
    height:18px;
    border-radius:50%;
    background-color:#e8e8e8;
    margin-left:15px;
    color:transparent;
    line-height:20px;
    text-align: center;
    cursor: pointer;
}
.wrap div .on{
    background:#0590fb;
}
.met_module1>div
{
	font-size:16px;
}
/*我们的服务*/
.server{
    width:1200px;
    margin:50px auto;
    padding:0 10px;
}
.title{
    margin:20px auto;
    text-align: center;
}
.title>h2{
    font-size:36px;
    color: #62636d;
    font-weight: normal;
}
.title>div{
    padding-top:15px;
}
.ser-content ul{
    float:left;
    width:25%;
    margin-top:50px;
}
.ser-content ul>li{
    text-align: center;
    font-size:18px;
}
.ser-content ul .circle{
    margin:0 auto 20px auto;
    font-size: 50px;
    width: 120px;
    height: 120px;
    color: #2574A9;
    border: solid 1px #bdc3c7;
    text-align: center;
    line-height: 140px;
    border-radius: 100%;
}
.ser-content ul .circle>img{
	margin-top:30px;
}
.ser-content ul .circle a>img{
	margin-top:30px;
}
.ser-content ul .circle:hover{
    background: #61B1F5;
    transition:background 0.5s linear;
}



 .prolist{
	 width:980px; margin:0 auto;
 }


.pic_img{ 
    overflow: hidden;
}
@media (max-width:767px) {
	.pic_img{
		padding-left: 15px;
	}
}
@media (max-width:375px) {
	.zhaiyao p{
		display: none;
	}
	.zhaiyao{
		padding: 5px 5px !important;
	}
	.zhaiyao h3{
		font-size: 14px !important;
		margin: 0;
	}
}
 
.page
{
	height:50px; line-height:50px; font-size:15px;
}

 
#pic_img .img_active:hover .zhaiyao{
	opacity: 1;
} 
.zhaiyao{
	width: 100%;
	overflow: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.39);
    padding: 10px 10px;
    opacity: 0;
    transition: all 0.4s;
}
.zhaiyao h3{
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 25px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.zhaiyao p{
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 0;
}

.content-left{float: right;width: 925px;height: 100%;}
.content-right1{float: left;width: 255px;height: auto; }
.content-right1 ul a img { margin:10px 0 10px 20px;}
.content-right1 ul li{  }
.content-right1  ul p{ text-indent: 2em;color: #333;}




#tool {
  position: fixed;
  right: 0;
  bottom: 150px;
  z-index: 999;
}
#tool > div {
  margin-bottom: 0px;
  cursor: pointer;
}
#tool > div img {
  vertical-align: top;
}


.qq a{color:#000; float:; margin:0px 0 0 px;width:82px; height:23px;}
.qq a:hover{color:;}

#qqList{position:absolute; background:#fff; right:47px;; width:120px; height:187px; display:none; border-bottom:2px solid #bbb8b8; border-left:2px solid #bbb8b8; border-top:2px solid #bbb8b8; padding-left:10px;
background:url(../images/q7.jpg) no-repeat right center #fff;
z-index:999;

}
#qqList li{margin:3px 0 0 0; width:82px; height:23px;}

#telList{position:absolute;  right:47px; width:170px; height:44px; display:none; background:url(../images/q8.png) no-repeat 10px center #00915f; line-height:44px; text-indent:15px; color:#fff; font-weight:bold;z-index:999;}

#qrcodeList{height:175px; width:120px; background:url(../images/wx.jpg) no-repeat center 5px #fff; font-size:13px; text-align:center; line-height:300px; bottom:4px; right:45px; display:none;position:absolute;border-bottom:2px solid #bbb8b8; border-left:2px solid #bbb8b8; border-top:2px solid #bbb8b8;z-index:999;}

.tel{
	font-size:16px;
}
/*.ser-content ul .circle:hover img{*/
    /*background:url(../images/ser_1.1.png);*/
/*}*/
/*成功案例*/
.case{
    margin-top:100px;
}
#marquee_demo{
    width:1200px;
    margin:0 auto;
    padding:30px 0 10px 0;
    overflow:hidden;
    text-align:center;
}
#marquee_demo td img{
    width:300px;
    height:280px;
}
#marquee_demo td div{
    font-size:18px;
    padding-top:20px;
}
/*关于我们*/
#about{
    width:100%;
	background:#F3F3F4;
}


#product{
    width:100%;
	background:#F3F3F4;
}


.father{
    margin:0 auto;
    width:1200px;
    overflow: auto;
    padding-top:60px;
}
.father>div{
    float:left;
	padding-bottom:50px;
}
.father_l{
    width:38%;
    padding-right:50px;
}
.father_l img{
    width:90%; 
}
.father .test-introduction{
    width:57%;
    padding-bottom:20px;
}
.test-introduction h3 {
    font-size: 22px;
    color: #666;
    width:100px;
	padding-left:22px;
	border-left:4px solid #0cF;
	height:29px;
    font-weight: normal;
}
div.line {
    width: 100px;
    height: 10px;
    border-top: 1px solid #666;
}
div.test-introduction>span {
    color: #666;
    line-height: 26px;
    font-size: 16px;
	display:block;
	margin-top:30px;
	padding-bottom:30px;
}
div.contact {
    text-align: right;
    color: #fff;
    width:200px;
	height:50px;
	background-color:#2492d0;
	text-align:center;
	line-height:50px;
	border-radius:4px;
}
div.contact>h1 {
    font-size: 14px;
    font-weight: normal;
}
div.contact>h1 a{
    color:#fff
}
div.contact>p {
    font-size: 16px;
    line-height: 30px;
}
div.contact>span {
    font-size: 18px;
}

.fatitle{ color:#CCC; margin-right:60px; padding-right:20px; border-right:2px solid #2492d0; display:block; margin-top:60px; font-size:28px;}


.middle .content{ width:50%; height:600px; background-color:#202020; float:left; text-align:right}

.middle .content .text{ position:relative;}
.middle .content .text h2{ color:#CCC; margin-right:60px; padding-right:20px; border-right:2px solid #2492d0; display:block; margin-top:90px; font-size:28px;}
.middle .content .text h3{ font-size:20px; line-height:40px;}
.middle .content .text ul{ margin-top:30px}
.middle .content .text .img1{ position:absolute; margin-left:900px}
.middle .content .text .img2{ position:absolute; margin-left:900px; margin-top:90px}
.middle .content .text .img3{ position:absolute; margin-left:900px; margin-top:180px}
.middle .content .text .img4{ position:absolute; margin-left:900px; margin-top:270px}
.middle .content .text ul li{ margin-top:30px; width:500px; float:right; margin-right:60px; line-height:20px}
.middle .content .text ul li h3{ color:#0c83c7}
.middle .content .text ul li h3 a{ color:#0c83c7}
.center{ width:1200px; margin:0 auto;}
.center ul li{  margin-left:20px ;font-size:18px; height:40px; line-height:40px; display:inline-block}
.center ul{ overflow:hidden;   margin:10px; font-size:14px; text-align:center}
.center .nav1{ margin-top:60px; padding-bottom:40px; text-align:left; }
.center .nav1 a{ text-align:left; padding-left:30px;padding-bottom:20px;}
.center .nav1 img{ width:350px; height:275px; border:1px solid #CCC;}
.center .nav1 img:hover{ background-color:#000; opacity:0.2}

.center .nav1 li{ margin-top:60px; padding-bottom:40px; text-align:left; float:left}
.center .nav1 span{  text-align:center; }

 
 .prolist{
	 width:1200px; margin:0 auto;
 }


.pic_img{ 
    overflow: hidden;
}
@media (max-width:767px) {
	.pic_img{
		padding-left: 15px;
	}
}
@media (max-width:375px) {
	.zhaiyao p{
		display: none;
	}
	.zhaiyao{
		padding: 5px 5px !important;
	}
	.zhaiyao h3{
		font-size: 14px !important;
		margin: 0;
	}
}

.pic_img ul li{	
	 overflow: hidden;
	 margin-bottom: 15px; 
	 margin-top: 15px; 
	float:left;
	margin-left:40px;
}
.pic_img ul li a{ 
	display:inline-block;  
	margin: 0 0 1px 1px;
	position: relative; 
	border: 3px solid #eee;
}
.page
{
	height:50px; line-height:50px; font-size:15px;
}

.pic_img ul li a img{  
	
}
#pic_img .img_active:hover .zhaiyao{
	opacity: 1;
} 
.zhaiyao{
	width: 100%;
	overflow: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.39);
    padding: 10px 10px;
    opacity: 0;
    transition: all 0.4s;
}
.zhaiyao h3{
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 25px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.zhaiyao p{
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 0;
}





.center h2{margin-top:0px; font-size:36px}
.center h3{margin-top:10px; font-size:18px}
.new{  background-color:#f4f5f9;}
.new .wra{  width:1200px; margin:0 auto; text-align:center; position:relative; overflow:hidden}
.new h2{margin-top:80px; font-size:36px}
.new h3{margin-top:10px; font-size:18px;}
.new .text{ margin-top:6px}
.new .photo{ float:right}
.con h2{margin-top:80px; font-size:36px}
.con h3{margin-top:10px; font-size:18px;}
.con .wra{ width:1200px; margin:0 auto; text-align:center}
.con{ background-color:#f3f3f4; overflow:hidden; padding-bottom:60px}
.con .tontent .con1{ width:478px; height:566px; background-color:#fff; float:left; text-align:left; line-height:60px}
.con .tontent .con2{ width:665px; height:566px; background-color:#fff; float:right}
.con .tontent .con1 .text{ padding-top:50px; padding-left:90px; color:#46a8dd;}

.con .tontent .con1 .phone{ padding-top:80px; padding-left:90px;}
.con .tontent .con1 .eml{ padding-top:80px; padding-left:90px;}
.nav2{ width:1200px; text-align:center; overflow:hidden; margin:0 auto; padding-bottom:40px}
.nav2 h2{margin-top:40px; font-size:36px}
.nav2 p{margin-top:10px; font-size:18px;}
.nav2 .img ul li{ float:left; margin-left:30px; margin-bottom:50px;}
.nav2 .img ul li:hover{ opacity:0.2}

/*客户说*/
#custom{
    width:1200px;
    margin:30px auto 0 auto;
}
.custom{
    text-align: center;
}
.custom>div{
    float:left;
}
.custom>.item{
    margin:30px 10px 50px 15px;
}
.custom .item>.pic{
    border: 9px solid #2574a9;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: -82.5px;
    position: relative;
    z-index: 5;
    overflow: hidden;
}
.custom .item>.pic img{
    width:165px;
    height:165px;
}
.custom .item>.descript{
    text-align: center;
    padding: 0 30px;
    background: #f3f3f4;
    padding-top: 90px;
    padding-bottom: 50px;
    display: block;
    border: 1px solid #e2e2e2;
    transition:background 1s linear;
}
.custom .item>.descript:hover{
    background: #1E8BC3;
    color:#fff;
}
.custom .item>.descript h4{
    /*color:#fff;*/
    font-size: 16px;
    margin-top: 24px;
}
.custom .item>.descript p{
    font-size: 14px;
    width:210px;
    margin-top: 11px;
    height:42px;
}
/*新闻动态*/
#news{
    width:1200px;
    margin:0 auto;
}
.news-content{
    margin:50px 20px;
}
.news-content>div{
    float:left;
    margin-right:40px;
}
.news-list3{ 
}
.news-content img{
    width:360px;
    height:180px;
    text-align: center;
}
.news-content h3{
    color: #044A67;
    font-size:24px;
    font-weight:normal;
    padding:15px 0px;
}
.news-content ul li{
    line-height:30px; 
}
.news-content ul li a{
    color: #37474f;
    font-size:15px;
}
.news-content p{
    margin: 0 0 11px;
}
.news-content p a{
    display: inline-block;
    padding: 6px 12px;
    margin: 15px 7px 7px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.45;
    background-color: #1E8BC3;
    border: 1px solid transparent;
    border-radius: 4px;
    min-width: 90px;
    text-align: center;
    letter-spacing: .03em;
    color: #fff !important;
}
/*底部上*/
#footer{
    width:100%;
    
}
.footer-top{
    background: #212832;
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer-top .sp1{
    font-size: 1.75em;
    color: #fff;
    display: inline-block;
    margin: 10px 0;
    line-height: 30px;
    padding-right: 50px;
    position: relative;
    top: 5px;
}
.footer-top .sp2{
    display: inline-block;
    background: #044A67;
    line-height: 40px;
    padding-left: 27px;
    border-radius: 3px;
    margin: 10px 0;
    font-size: 14px;
}
.footer-top .sp2:hover{
    background:#61b1f5;
}
.footer-top .sp2 a{
    color: #fff;
    padding-right: 9px;
}
.footer-top .sp2 a img {
    vertical-align: middle;
    border-left:1px solid #fff;
    padding-left:10px;
    margin-left:10px;
}
.text-center {
    text-align: center;
}
/*底部中*/
.footer-middle{
    padding: 25px 0;
    background: #044A67;
}
.mob-masonry{
    width:1200px;
    height:120px;
    margin:0 auto;
    position:relative;
}
.masonry-item{
    text-align: center;
    width:20%;
    position: absolute;
    left:0;
    top:0;
}
.masonry-item h4{
    color: #dadada;
    font-size: 18px;
    padding-bottom:10px;
    font-weight:normal;
}
.masonry-item ul li{
    line-height:23px;
}
.masonry-item ul li a{
    color:#fff;
}
.masonry-item em a{
    color:#fff;
    font-size:26px;
}
.masonry-item p{
    color: #dadada;
}
.masonry-item a img{
    margin:10px 20px;
}
/*底部下*/
footer{
    border-top: 1px solid #f0f2f5;
    padding: 15px 0;
    color: #fff;
    height: auto;
    line-height: 1.8;
    background: #333;
    
}
.met-links {
    color: #E4F1FE;
    padding: 0 0 10px;
}


/****内页*****/
/*关于我们*/
#services{
    width:1200px;
    margin:60px auto;
}
#services .title>h2{
    font-size: 36px;
    color: #62636d;
    font-weight: normal;
    margin:50px auto 0 auto;
}
.met_section{
    width:1200px;
    margin:0px auto;
}
.met_section1{
    width:1200px;
    margin:20px auto;
}
.met_section aside {
    position: relative;
    float: left;
    width: 230px;
}
.met_section aside section {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 20px;
}
.met_section aside section h2 {
    padding: 0 20px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    position: relative;
}
.met_section aside .met_aside_list {
    background: #fff;
    border-top: 1px solid #ddd;
}
.met_section .met_aside dl dt {
    height: 45px;
    line-height: 45px;
    font-weight: normal;
    padding: 0 20px;
    color: #333;
}
.met_section article {
    float: left; 
    width: 100%;
}
.met_section article .met_article {
    
}
.met_article_head {
    position: relative;
    padding: 0 10px;
    height: 60px;
    border-bottom: 1px solid #ddd;
    line-height: 60px;
    margin-bottom: 30px;
}
.met_article_head h1 {
    color: #555;
    font-weight: normal;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
}
.met_article_head .met_position {
    position: absolute;
    top: 0;
    right: 10px;
    color: #aaa;
}
.met_article_head .met_position a {
    color: #999;
}
.met_editor {
    line-height: 2;
    word-wrap: break-word;
    font-size:14px;
}
/*服务中心*/
.servers-items dl{
    width:188px;
    height:144px;
    overflow:hidden;
    padding:20px 29px 0 80px;
    margin-top:30px;
    float:left;
    border:1px solid #eee;
    border-right:none
}
.servers-items dd{
    font-size:18px;
}
.servers-items dt{
    font-size:14px;
    color:#a4a4a4;
    padding:10px 0;
}
.app-sf4{
    border-right:1px solid #eee;
}
.servers-items dl.app-sfl{
    background:url("../images/android_1.png") left 20px top 20px no-repeat;
}
.servers-items .app-sfl:hover{
    background:url("../images/android_2.png") left 20px top 20px no-repeat;
    background-color:#42a7f4;
    color:#fff;
}
.servers-items .app-sfl>dt:hover{
    color:#fff;
}
.servers-items dl.app-sf2{
    background:url("../images/ios_1.png") left 20px top 20px no-repeat;
}
.servers-items dl.app-sf2:hover{
    background:url("../images/ios_2.png") left 20px top 20px no-repeat;
    background-color:#42a7f4;
    color:#fff;
}
.servers-items .app-sf2>dt:hover{
    color:#fff;
}
.servers-items dl.app-sf3{
    background:url("../images/websit_1.png") left 20px top 20px no-repeat;
}
.servers-items dl.app-sf3:hover{
    background:url("../images/websit_2.png") left 20px top 20px no-repeat;
    background-color:#42a7f4;
    color:#fff;
}
.servers-items .app-sf3>dt:hover{
    color:#fff;
}
.servers-items dl.app-sf4{
    background:url("../images/app_1.png") left 30px top 20px no-repeat;
}
.servers-items dl.app-sf4:hover{
    background:url("../images/app_2.png") left 30px top 20px no-repeat;
    background-color:#42a7f4;
    color:#fff;
}
.servers-items .app-sf4>dt:hover{
    color:#fff;
}
/*2、服务流程*/
.servers-list dl{
    width:288px;
    height:100px;
    overflow:hidden;
    padding:20px 29px 0 80px;
    margin-top:15px;
    float:left;
    border:1px solid #eee;
    border-right:none
}
.servers-list dd{
    font-size:18px;
    padding-left:10px;
}
.servers-list dt{
    font-size:14px;
    color:#a4a4a4;
    padding:10px 0;
    padding-left:10px;
}
.servers-list dl.path-sfl{
    background:url("../images/sof_1.png") left 30px top 20px no-repeat;
}
.servers-list .path-sfl:hover{
    background:url("../images/sof_1.1.png") left 30px top 20px no-repeat;
    background-color:#42a7f4;
    color:#fff;
}
.servers-list .path-sfl>dt:hover{
    color:#fff;
}
.servers-list dl.path-sf2{
    background:url("../images/sof_2.png") left 30px top 20px no-repeat;
}
.servers-list dl.path-sf2:hover{
    background:url("../images/sof_2.2.png") left 30px top 20px no-repeat;
    background-color:#42a7f4;
    color:#fff;
}
.servers-list .path-sf2>dt:hover{
    color:#fff;
}
.servers-list dl.path-sf3{
    background:url("../images/sof_3.png") left 30px top 20px no-repeat;
}
.servers-list dl.path-sf3:hover{
    background:url("../images/sof_3.3.png") left 30px top 20px no-repeat;
    background-color:#42a7f4;
    color:#fff;
}
.servers-list .path-sf3>dt:hover{
    color:#fff;
}
.servers-list dl.path-sf4{
    background:url("../images/sof_4.png") left 30px top 20px no-repeat;
}
.servers-list dl.path-sf4:hover{
    background:url("../images/sof_4.4.png") left 30px top 20px no-repeat;
    background-color:#42a7f4;
    color:#fff;
}
.servers-list .path-sf4>dt:hover{
    color:#fff;
}
.servers-list dl.path-sf5{
    background:url("../images/sof_5.png") left 30px top 20px no-repeat;
}
.servers-list dl.path-sf5:hover{
    background:url("../images/sof_5.5.png") left 30px top 20px no-repeat;
    background-color:#42a7f4;
    color:#fff;
}
.servers-list .path-sf5>dt:hover{
    color:#fff;
}
.servers-list dl.path-sf6{
    background:url("../images/sof_6.png") left 30px top 20px no-repeat;
}
.servers-list dl.path-sf6:hover{
    background:url("../images/sof_6.6.png") left 30px top 20px no-repeat;
    background-color:#42a7f4;
    color:#fff;
}
.servers-list .path-sf6>dt:hover{
    color:#fff;
}
/*3、功能开发*/
.ul_functional li{
    width:230px;
    height:300px;
    padding:40px 20px;
    text-align: center;
    margin-right:30px;
    margin-top:20px;
    background-color:#f7f7f7;
    float:left;
}
.ul_functional li:hover div.functional_top p{
    color:#42a7f4;
}
.ul_functional li:hover div.functional_bottom span{
    color:#42a7f4;
}
.ul_functional li a{
    display:block;
}
.functional_top{
    padding:20px 0;
}
.functional_top .p_1{
    font-size:18px;
    color:#555;
}
.functional_bottom{
    padding-top:20px;
}
.functional_bottom span{
    width:115px;
    display:block;
    float:left;
    color:#9c9c9c;
    line-height:2em;
}
/*4、服务承诺*/
#promise ul{
    float:left;
    margin-top:20px;
}
#promise ul li{
    width:278px;
    height:308px;
    float:left;
    margin-right:20px;
    border:1px solid #42a7f4;
}
#promise ul li:hover{
    background-color:#42a7f4;
}
.promise_server{
    padding-top:30px;
    width:200px;
    margin:50px auto 20px;
    text-align: center;
}
.p_promise{
    font-size:18px;
    color:#000;
    padding-top:15px;
}
/*成功案例*/
.met_editor .cases ul{
    margin:20px auto;
}
.met_editor .cases ul>li{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.met_editor .cases ul>li .no-margin{
    margin-right:0;
}
.met_editor .cases ul>li a img{
    width:306px;
    height:250px;
}
/*新闻动态*/
.article{
    padding:15px 15px 5px 25px;
}
.article>ul>li{
    margin:0;
    padding: 8px 10px 8px 10px;
    border-bottom: 1px solid #eee;
    background: url(../images/news.png) no-repeat 0 50%;
}
.article>ul>li>span{
    float: right;
    font-size: 12px;
    color: #999;
}
.article>ul>li>a{
    text-decoration: none;
    color: #5F5F5F;
    transition: color 0.2s linear 0s;
    padding-left:5px;
}
.met_editor .news .ul3>li{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.met_editor .news .ul3>li .no-margin{
    margin-right:0;
}
.met_editor .news .ul3>li a img{
    width:306px;
    height:250px;
}
/*联系我们*/
.cont{
    width:1140px;
    margin:70px auto 70px auto;
}
.cont .map img{
    width:1200px;
    /*height:400px;*/
}
.cont div.cont_list{
    margin:60px auto 0 auto;
}
.cont div.cont_list>div{
    float:left;
}
.cont div.cont_list .cont_item{
    text-align: center;
    width:33.33%;
}
.cont_item p
{
	font-size:15px;
}



/*n_content_left_t*/
.n_content_left_t{ width:100%; height:74px; color:#222; text-align:center;  margin-top:42px;margin-bottom: 10px;}
.n_content_left_t1{font-size: 24px;display: block;height: 34px;line-height: 34px;}
.n_content_left_t2{font-size:36px;display: block;height: 40px;line-height: 40px; font-weight:bold;text-transform: uppercase;}
/*end_n_content_left_t*/
/*n_content_left_cnt */
.n_content_left_cnt{width:1200px;margin: 0 auto 30px;overflow: hidden;position: relative; height: auto;}
.n_content_left_cnt>ul{font-size: 0;text-align: center;width: 100%;}
.n_content_left_cnt>ul>ul{display: inline-block;*display: inline;*zoom: 1;}
.n_content_left_cnt>ul>ul>li{height: 38px;line-height: 38px;font-size: 14px;border: 1px solid #676767;overflow: hidden; padding: 0 8px;min-width: 64px;margin-bottom: 10px; margin-right: -1px;position: relative; display: inline-block;*display: inline;*zoom: 1;}
.n_content_left_cnt>ul>ul>li:hover,.n_content_left_cnt>ul>ul>.left_menu1_cur,.n_content_left_cnt>ul>ul>.left_menu1_2{z-index: 2;background: #122a88;}
.n_content_left_cnt>ul>ul>li>a{display: block;color: #515151;}
.n_content_left_cnt>ul>ul>li:hover a,.n_content_left_cnt>ul>ul>.left_menu1_cur a{color: #fff;}
.left_menu2{ width:193px;display: none !important;}
.left_menu3{ width:193px;display: none !important;}
/*end_n_content_left_cnt */

/*nnews_lb*/
/*nnews_lb*/
.nnews_lb{width:1200px;margin: 0 auto 64px;position: relative; height:auto;}
.nnews_lb_m{width:100%; height:260px; position:relative;overflow: hidden; margin-bottom: 10px; background:#EEE;}
.nnews_lb_m:hover .nnews_lb_title a{color:#122a88;}
.nnews_lb_m:hover .nnews_lb_xq a{color:#fff;}
.nnews_lb_m:hover .nnews_lb_cnt{color:#282828;}
.nnews_lb_m:hover .nnews_lb_xq a{background:#122a88;}
.nnews_lb_img{float: left;width: 300px;height: 230px;overflow: hidden;margin-right: 23px;}
.nnews_lb_img img{width:300px; height:230px; border:0px;}
.nnews_lb_title{margin-top: 12px;float: left; width:825px; height:28px;font-weight:bold; }
.nnews_lb_title a{color:#525252;display: block;width:825px; height:28px;line-height: 28px;white-space: nowrap; font-size:18px; 
  text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/
  overflow:hidden;/*溢出隐藏*/
  -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/ }
.nnews_lb_cnt{float: left; width:825px; height:66px;margin-bottom: 28px;padding-top: 12px; overflow:hidden; font-size:12px; line-height:22px; color:#666;} 
.nnews_lb_date{float: left; font-size:12px; color:#949494;padding-left: 18px;background: url(../images/clock_07.png) left center no-repeat;margin-right: 18px;height: 22px;line-height: 22px;}
.nnews_lb_bq{float:left; }
.nnews_lb_date1,.nnews_lb_date2,.nnews_lb_date3,.nnews_lb_date4,.nnews_lb_date5{ float:left;}
.nnews_lb_bq1{float:left; color:#666; margin-right:5px;}
.nnews_lb_click{float: left; font-size:12px; color:#949494;height: 22px;line-height: 22px;}
.nnews_lb_xq{position:absolute; top:171px; left:353px;border: 1px solid #525252;font-size: 14px;}
.nnews_lb_xq a{color:#525252; text-decoration:none;width: 106px;height: 27px;display: block;line-height: 27px;text-align: center;}
/*end_nnews_lb*/



.nnews_lb_img1{float: left;width: 240px;height: 300px;overflow: hidden;margin-right: 23px;}
.nnews_lb_img1 img{width:240px; height:300px; border:0px;}

