@charset "utf-8";
/* CSS Document */


* { margin: 0; padding: 0; font-family: "微软雅黑", "Microsoft Yahei"; }
a { text-decoration:none;color:#555;}
li { list-style: none; }
img { border: 0; }
.cl { clear: both; height: 0; line-height: 0;width: 100%; }
.clear { clear: both; height: 0; line-height: 0;width: 100%; }
body, html { font-family: "微软雅黑", "Microsoft Yahei"; font-size: 14px;color:#666;}
.all { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }

/* header */
.header{width:100%;height:130px;border-top: 4px solid #4881e6;}
.logo{width: 370px;height: 54px;margin-top: 25px;float: left;}
.nav{float: right;width: 720px;height: 130px;}
.nav p{margin-top: 18px;line-height: 30px;font-size: 12px;border-bottom:1px solid #5389e8;}
.nav p span{font-weight: bold;color: #5389e8;}
.nav p font{font-weight: bold;color: #5389e8;font-size: 18px;}
.nav ul{width:660px;height:80px;font-size: 14px;overflow: hidden;}
.nav ul li{width: 70px;height:80px;float: left;padding-right:40px;text-align: center;}
.nav ul li a{display: block;padding-top: 20px;}
.nav ul li:hover a{border-top: 3px solid #5389e8;color: #5389e8;}
.nav1{display:none;}

/* banner */
.banner{position:relative;}
.banner ul{width: 100%;height: 400px;overflow: hidden;}
.banner ul li{float: left;width: 100%;height: 100%;}
.banner ul li a{display: block;width: 100%;height: 100%;}
.banner_phone{display:none;}
.banner_img{position:relative;width: 100%;height: 400px;overflow: hidden;}
.banner_num{position:absolute;left:50%;width:158px;height:20px;margin-left:-50px;bottom:14px;}
.banner_num ul{float:left;width:20px;height:20px;margin-right:10px;border-radius:50%;background:#efefef;cursor:pointer;}
.banner_num ul.on{background:#5389e8;}
/*  under_ban */
.under_ban{width: 800px;margin: 40px auto 50px;text-align: center;line-height: 30px;}


/* youshi */
.youshi{width: 1070px;margin: 0 auto 30px;overflow: hidden;}
.youshi ul{width: 1120px;}
.youshi ul li{width: 228px;margin-right: 50px;float: left;border:1px solid transparent;}
.youshi ul li p{height: 45px;line-height: 45px;color:#5389e8;font-weight: bold;font-size: 16px;text-align: center;background: #efefef;}
.youshi ul li img{width: 228px;height: 135px;}
.youshi ul li span{text-align: center;background: #efefef;font-size: 12px;padding: 20px;display: block;line-height: 22px;}
.youshi ul li:hover{box-shadow: 0 0 8px #ddd;border: 1px solid #ddd}



/*通用title样式*/
.title{padding-top:25px;margin-bottom: 20px;line-height: 45px;border-bottom:1px solid #d9dde5;position: relative;text-indent: 15px;font-weight: 400;}
.title i{width: 4px;height: 30px;background: #5389e8;position: absolute;left: 0;top: 25px;}
.title span{font-size: 18px;}
.title font{font-size: 14px;color:#9b9b9b;}
.title a{float: right;font-size: 14px;}

/*  cp_zhongxin  */
.cp_left{width: 190px;margin-right: 40px;float: left;}
.cp_left h3{height: 55px;line-height: 55px;color: #f3f3f3;font-size: 24px;text-align: center;background: #5389e8;}
.cp_left p{height: 45px;line-height: 45px;text-indent: 35px;font-size: 14px;color: #444444;border-top:1px solid #f7f9fa;background: #e6e5e5;}
.cp_left i{float:right;width: 0px;height: 0px;border:8px solid transparent;margin:15px;border-left-color:#c8c8c8;}
.cp_left p:hover{color: #fff;background: #5389e8;}
.cp_left p:hover i{border-left-color:#fff;}
.cp_right{width:970px;overflow: hidden;float: right;}
.cp_right ul{width: 990px;}
.cp_right ul li{width: 178px;margin-right: 20px;height: 175px;margin-bottom: 27px;float: left;}
.cp_right ul li img{width: 178px;height: 135px;}
.cp_right ul li p{height: 40px;background: #e6e5e5;line-height: 40px;font-size: 12px;color: #545454;text-align: center;}
.cp_right ul li:hover p{color: #5389e8;}

/*  solution  */
.solution{background: #f7f9fa;border-bottom:1px solid transparent;}
.solution ul{width:1260px;margin-bottom:30px;}
.solution ul li{width: 360px;height: 270px;margin-right: 60px;float: left;position: relative;overflow: hidden;}
.solution ul li img{width: 100%;height: 100%;transition: all 1s;}
.solution ul li:hover img{transform: scale(1.2);}
.solution ul li p{background: url(img/opacity.png) repeat;position: absolute;width:100%;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;bottom: 0;}


/*about_new*/
.about_new{background: #f7f9fa;padding-bottom: 50px;}
.about{width: 560px;}
.about img{width: 100%;height: 135px;}
.about_title{line-height: 50px;font-size: 16px;font-weight: bold;color: #444;}
.about_txt{color: #848484;line-height: 24px;font-size: 14px;}
.about_txt a{font-size: 14px;color: #5389e8;}


.news{width: 560px;}
.news ul{padding-top: 15px;}
.news ul li{width: 100%;height: 50px;line-height:50px;border-bottom: 1px dashed #d9dde5;text-indent: 20px;position: relative;}
.news ul li:hover span{color: #5389e8}
.news ul li:hover i{background:#5389e8}
.news ul li i{position: absolute;width: 5px;height: 5px;background: #bcbbbb;border-radius: 50%;top:23px;left: 2px;}
.new_title{display: inline-block;font-size: 14px;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_time{font-size: 12px;color: #bcbbbb;float: right;}


/*  footer  */
.footer{background: #f9fafb;width: 100%;border-top: 2px solid #4881e6;}
.foot_nav{width: 660px;height:200px;float: left;margin-top: 20px;}
.foot_nav ul li{width: 110px;float: left;position: relative;line-height: 22px;}
.foot_nav ul li a{font-weight: bold;font-size: 14px;color: #666;display: block;width: 100%;height: 100%;}
.foot_nav ul li a:hover{color: #5389e8;}
.foot_nav ul li ul{position: absolute;top:25px;left: 0;}
.foot_nav ul li li a{color: #acadad;font-size: 12px;line-height: 25px;font-weight: normal;}


.foot_dress{width: 480px;float: right;}
.dress_title{display: block;font-size: 14px;color:#666;margin-top: 20px;font-weight: bold;}	
.dress_txt{display: inline-block;margin-top: 20px;line-height: 26px;}
.foot_dress img{width: 110px;height: 130px;float: right;}

.beian{margin-top: 20px;font-size: 14px;line-height: 50px;}
.link{width: 100%;height: 50px;line-height: 50px;background: #7f7f7f;}
.link p{width: 1200px;margin: 0 auto;color:#dcdcdc;}
.link p a{color:#dcdcdc;margin-right: 15px;}


.content{background:#f7f9fa;padding:20px 0;}
.contan_left{width:230px;float:left;}
.contan_left a.on p{color: #fff;background: #5389e8;}
.contan_left a.on i{border-left-color:#fff;}
.contant_body{width:970px;float:right;}
.contant_body h3{line-height:100px;font-size:20px;font-weight:bold;text-align:center;}
.position a:hover{text-decoration:underline;color:#5389e8;}


/* pagelist */
.Pagelist{}
.Pagelist li { width: auto; float: left; border: 1px solid #ccc;  margin-bottom: 30px; color: #888; display:inline-block; padding:6px 10px; text-align:center; margin-right:6px; width: auto !important;
    height: auto !important;}
.Pagelist li span{ line-height:35px; margin:0 10px;}
.Pagelist li a { display: block; color: #888; }
.thisclass { display: block; }
.Pagelist li select { border: 0; background: none; color: #888; }
.Pagelist li:hover { border: 1px solid #5389e8; color: #5389e8;  }
.Pagelist li:hover a { color: #5389e8; }
.thisclass { background: #5389e8 !important; border: 1px solid #5389e8 !important; color: #fff !important; }
.thisclass a{color:#fff !important;}


/*新闻*/
.new_list{margin-bottom:20px;}
.new_list li{width:100%;height:120px;border-bottom:1px dashed #5389e8;}
.new_list li img{width:140px;height:100px;float:left;margin:10px 20px 10px 0;}
.new_list li p{font-size:16px;font-weight:bold;line-height:35px;}
.new_list li .intro{font-size:14px;font-weight:normal;line-height:20px;}


.contan_top{width:660px;margin:50px auto;}
.contan_top a{width:195px;display:inline-block;margin:0 10px;text-align:center;font-size:16px;height:50px;line-height:50px;border:1px solid #ccc;}
.contan_top a.on{background:#5389e8;color:#fff;}
.contan_top a:hover{background:#5389e8;color:#fff;}
.solution_list{margin:20px 0;width:100%;border-top:1px solid #ccc;padding-top:20px;}
.solution_list li{height:250px;border-bottom:1px solid #ccc;position:relative;}
.solution_list li img{width:250px;height:220px;margin-right:20px;float:left;margin-top:15px;}
.solution_list li p{font-size:16px;font-weight:bold;line-height:50px;}
.solution_list li .intro{font-size:14px;font-weight:normal;line-height:20px;}
.solution_list li span{position:absolute;display:block;width:100px;height:30px;line-height:30px;border:1px solid #ccc; border-radius:5px;left:270px;bottom:20px;text-align:center;}
.solution_list li span:hover{background:#5389e8;color:#fff;}



.contant_message{width:190px;margin-top:50px;background:#e6e5e5;}
.contant_message div{font-size: 14px;line-height: 30px;padding: 10px 10px 20px 20px;}





/*适配*/
@media (max-width: 640px){ 
/*头部*/
	.all{width:96%;}
	.header{height:40px;position:fixed;top:0;box-shadow:0px -2px 6px 0px #000;background:#fff;z-index:1;}
	.logo{margin-top:0;max-width:60%;height:auto;}
	.nav{display:none;}
	.nav1{display:block;width:40px;height:40px;float:right;background:url("img/nav_bg.png") 5px 5px/30px 23px no-repeat;}
	.nav1 ul{position:absolute;top:40px;right:-102px;width:100px;background:#fff;border: 1px solid #ccc;border-top-color: transparent;border-right-color: transparent;transition:right 1s;}
	.nav_on ul{right:0;transition:right 1s;}
	.nav1 ul li{width:100%;height:30px;line-height:30px;text-align:center;}
	.nav1 ul li:hover a{color:#5389e8;}
/*首页*/	
	.banner_img,.banner_num{display:none;}
	.banner_phone{width:100%;height:auto;display:block;margin-top:45px;}
	.under_ban{width:90%;margin: 0 auto 20px;}
	.youshi{width:96%;}
	.youshi ul{width:80%;margin:0 auto;}
	.youshi ul li{width:100%;margin-bottom:20px;}
	.youshi ul li img{width:100%;height:auto;}
	
	.cp_zhongxin .cp_left{display:none;}
	.cp_zhongxin .cp_right{width:80%;margin:0 auto;float:none;}
	.cp_zhongxin .cp_right ul{width:100%;}
	.cp_zhongxin .cp_right ul li{width:100%;height:auto;}
	.cp_zhongxin .cp_right ul li img{width:100%;height:auto;}
	.solution ul{width: 80%;margin:0 auto 30px;}
	.solution ul li{width: 100%;height: auto;margin-bottom: 20px;}
	
	.about{width:100%;}
	.news{width:100%;}
	.new_title{width:200px;}
	
/*内页*/
.contan_left{width:20%;}
.cp_left{width:100%;margin-right:10px;}
.cp_left h3{display:none;}
.cp_left p{font-size:12px;line-height:30px;text-indent:0;text-align:center;height:30px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.cp_left i{display:none;}
.contant_message{display:none;}
.contant_body{width:75%;}
.contant_body .cp_right{width:100%;overflow: inherit;}
.contant_body .cp_right ul{width:100%;}
.contant_body .cp_right ul li{width:100%;height:auto;}
.contant_body .cp_right ul li img{width:100%;height:auto;}

.contant_body .new_list li{height:auto;}
.contant_body .new_list li img{display:none;}
.contant_body .new_title_inner{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.contant_body img{max-width: 100%;height: auto!important;}
.contant_body .Pagelist{width:130%;}
	
	
	#wrap{width:133%;flat:right;margin-left:-33%;}
/*footer*/	
	.foot_nav{display:none;}
	.foot_dress{width:100%;}
	.foot_dress img{float:left;display:none;}
	.beian{line-height:normal;}
	.link{height:auto;}
	.link p{width:96%;line-height:normal;padding:10px 2%;}
	
	
	
}