﻿@charset "utf-8";
/**
深圳市亚网互联信息技术有限公司
*/
/*头部*/
.topbar{height:40px;line-height: 40px;font-size: 14px;background: #1d4499;color: #fff;}
.topbar a{font-size: 14px;color: #fff;display: inline-block;margin-left: 25px;padding-left: 25px;background-position: left center;background-repeat: no-repeat;}
.topbar a:hover{color: #d9241c;} 
.topbar .wb{background-image: url(../images/header-ico1.png);}
.topbar .wx{position: relative;background-image: url(../images/header-ico2.png);}
.topbar .mess{background-image: url(../images/header-ico3.png);}
.topbar .wx img{position: absolute;z-index: 999;width: 100px;height: 100px;top:34px;right: -20px;background-color: #fff;padding: 5px;overflow: hidden;border-radius: 3px;display: none;}
.header{height:100px;}
.headerLogo{height: auto;margin-top: 15px;}
.headerLogo img{display: block;height: auto;}
.title{float: left;margin: 42px 0 0 30px;}
.title .bt{font-size: 24px;font-weight: bold;color: #1d4499; line-height: 30px;}
.title p{font-size: 14px;line-height: 20px;}
.headerPic{margin-top: 10px;}
.headerPic img{width: 75px;height: 75px;display: block;}
.headerTel{margin-top:20px;height: 60px;margin-right: 15px;}
.headerTel{font-size:32px;color: #d9241c;background: url(../images/header-ico4.png) no-repeat left center;padding-left: 60px;}
.headerTel  span{display: block;margin-bottom: 5px;font-size: 14px;color:#999999;}

/*导航*/
.headNav{height:60px;line-height:60px;background-color: #1d4499;}
.headNav .menu1{width: 1200px;}
.headNav .menu1>li{float: left;text-align: center;font-size: 14px;color: #fff;transition: all .5s;}
.headNav .menu1 > li >a{display:block;color: #fff;width: 149px;border-right: 1px solid #0061d1;font-size: 16px;}
.headNav .menu1 > li:hover,.headNav .menu1 > li.current{background-color: #d9241c;}


/*-------------------------------nav-----------------------------------*/
.navBar{ height: 60px; background: #1d4499;width: 100%;}
.nav{  margin:0 auto; width:100%;}
.nav h3{ font-size:100%; font-weight:normal;  }
.nav .m{  position:relative; float:left;  display:inline; text-align:center; border-right: 1px solid #3457a3;}
.nav h3 a{  zoom:1; line-height:60px; width:132px; color:#fff;  display:block; text-transform:uppercase;font-size: 15px;}
.nav li:hover a{ color:#fff; border-bottom:0px #00b4ff solid;}
.nav li:hover a:hover{ background: #dc212e; display: block;}
.nav li h3 a.hover{ background: #dc212e; display: block;}
.nav .sub{ width:132px; position:absolute; left:0px; top:60px; z-index: 999}
.nav .sub li{ text-align:center; line-height:40px; }
.nav .sub li a{ color:#fff; display:block; zoom:1;background:rgba(0, 0, 0, 0.4)!important;-webkit-transition: all 0.9s ; border:0px;}
.nav .sub li a:hover{color:#fff; background:#1d4499 !important; }
.search{float: right;width: 260px;padding-top: 12px;}
.search .input_txt{width: 194px;height: 34px;border:1px solid #CCC;border-right: none;float: left;outline: medium;padding-left: 5px;}
.search .input_btn{width: 60px;height: 36px;border:none;background: #e92a3a;float: right;outline: medium;background: url(../images/pic3.jpg) no-repeat;cursor: pointer;}
/*-------------------------------nav-----------------------------------*/

/*广告*/
.banner{width: 100%;height: 650px;margin:0 auto;overflow:hidden;position: relative;}
.banner .bd{height:650px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;width: 1920px;}
.banner .bd .li2{position: relative;background-repeat: no-repeat;background-position: center center;height: 650px;}
.banner .bd .li2 .wid{width: 1200px;margin: 0 auto;height: 100%;position: relative;}
.banner .bd .li2 a{position: absolute;border-radius: 50%;width: 200px;height: 200px;}
.banner .bd .li2 .a1{width:400px;height: 400px;left: 50%;margin-left: -200px;top: 50%;margin-top: -200px; }
.banner .bd .li2 .a2{left: 185px;top: 55px;}
.banner .bd .li2 .a3{left:0;top: 50%;margin-top: -100px;}
.banner .bd .li2 .a4{left:185px;bottom: 55px;}
.banner .bd .li2 .a5{right:185px;top: 55px;}
.banner .bd .li2 .a6{right:0;top: 50%;margin-top: -100px;}
.banner .bd .li2 .a7{right:185px;bottom: 55px;}

.banner .hd{width:100%;position: absolute;z-index:999;left: 0;height:16px;bottom:40px;}
.banner .hd ul{text-align: center;}
.banner .hd ul li{display:inline-block;width: 12px;height: 12px;margin: 0 5px;cursor: pointer;overflow: hidden;border:1px solid #fff;transition: all .5s;background-color: #fff;}
.banner .hd ul li.on,.banner .hd ul li:hover{background: #d60e03;border-color: #d60e03}
.banner .prev,.banner .next{display:block;width: 40px;height:60px;position: absolute;z-index:2;top:45%;margin-top: -20px;}
.banner .prev{background: url(../images/banner-pn.png) no-repeat left bottom;left: 5%;}
.banner .next{background: url(../images/banner-pn.png) no-repeat right bottom;right: 5%;}


/* 搜索*/
.homeSeach{width: 100%;height: 60px;background: #f0f0f0;line-height: 60px;}
.homeSeach .key{float: left;}
.homeSeach .key span{color: #d9241c;}
.homeSeach .key a{margin: 0 3px;color: #888888;font-size: 12px;}
.homeSeach .key a:hover{color: #d60e03;}
.homeSeach .seachBox{float: right;background: #fff;margin-top: 10px;}
.homeSeach .seachBox form{overflow: hidden;}
.homeSeach .seachBox form input{display: block;float: left;background-color: #ffffff;}
.homeSeach .seachBox .word{width: 240px;height: 38px;line-height: 38px;text-indent: 1em;border-right: none;color: #828282}
.homeSeach .seachBox .sousuo{width: 38px;height: 38px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/hSear-ico.png);cursor: pointer;}


/*首页产品中心*/
/*产品分类*/
.dingzhi{overflow: hidden;padding: 50px 0;}
.dingzhi_left{float: left;width: 240px;overflow: hidden;background-color: #f5f5f5;padding-bottom: 6px;}
.dingzhi_left h3{width: 100%;padding: 25px 0;background-color: #11428f;text-align: center;margin-bottom: 20px;}
.dingzhi_left h3 a{color: #fff;font-size: 18px;font-weight: normal;}
.dingzhi_left h3 span{font-weight: normal;font-size: 12px;text-transform: uppercase;color: #7acaed;display: block;}
.dingzhi_left dl{overflow: hidden;width: 207px;margin: 0 auto;margin-bottom: 10px;}
.dingzhi_left dt{background: #d0272c;border-radius: 5px;height: 34px;width: 100%;line-height: 34px;overflow: hidden;margin-bottom: 10px;}
.dingzhi_left dt.on{background: #11428f;}
.dingzhi_left dt a{display: block;background: url(../images/sp.png) no-repeat 9px center;font-size: 14px;padding-left: 35px;color: #fff;}
.dingzhi_left dd{margin-left: 15px;width: 240px;overflow: hidden}
.dingzhi_left dd li{float: left;background: url(../images/fenleili.jpg) no-repeat left center;padding-left: 10px;width: 192px;font-size: 12px;line-height: 30px;}
.dingzhi_left dd li.on a{color: #11428f;font-weight: 700;}
.dingzhi_left dd li a{display: block;color: #666;}
.dingzhi_left dd li a:hover{color: #11428f;}
.dingzhi_left>p{font-size: 18px;color: #fff;font-weight: bold;width: 170px;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;}
.dingzhi .dingzhi_right{overflow: hidden;width: 700px;float: right;}
.dingzhi .dingzhi_right .dz_nav{overflow: hidden;width: 100%;height: 64px;border-bottom: 4px solid #0a59b5;margin-bottom: 25px;}
.dingzhi .dingzhi_right .dz_nav li{float: left;width: 175px;height: 64px;text-align: center;line-height: 64px;font-size: 16px;font-weight: bold}
.dingzhi .dingzhi_right .dz_nav li a{color: #000;text-decoration: none}
.dingzhi .dingzhi_right .dz_nav li:hover{background-color: #0a59b5}
.dingzhi .dingzhi_right .dz_nav li:hover a{color: #fff;}

/* 右边 */
.m_pright{width: 927px;float: right;}
.m_pright h3{height: 38px;line-height: 38px;border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;font-weight: normal;color: #cecece;clear: both;}
.m_pright h3 a{display: inline-block;font-size: 15px;color: #333333;padding: 0 20px;font-weight: bold;}
.m_pright h3 a:hover, .m_pright .cur{color: #11428f;background: url(../images/lvjiantou.png) no-repeat 0 17px;}
.m_pright h3 .u_more{display: block;}
.m_pright h3 .u_more a{padding: 0;}
.m_pright h3 .u_more a img{vertical-align: middle;}
.f_fr{float: right;}
.in_pro{width: 100%; height: auto; overflow: hidden}
.in_pro ul{ margin-right: -2%; }
.in_pro ul li{width:23%; height: auto; float:left; margin:1% 2% 0% 0; }
.in_pro ul li img{width: 99%; height: auto; border:1px solid #dbdbdb;}
.in_pro ul li .zi{text-align: center; font-size: 14px; line-height: 28px; color: #333;}

/*首页产品中心*/


/*首页产品*/
.g_pro {overflow: hidden;}
/* 左边 */
.g_pro .m_pleft{width: 220px;}
.g_pro .m_pleft .in_title{background: url(../images/flh2bg.jpg) no-repeat;color: #fff;height: 78px;padding-top: 30px;font-size: 22px;color: #fff;text-align: center;display: block;font-weight: bold;}
.g_pro .m_pleft .in_title a{font-size: 22px;color: #fff;text-align: center;display: block;font-weight: bold;}
.g_pro .m_pleft .in_title em{display: block;font-size: 12px;color: #5b7eb9;text-transform: uppercase;font-weight: normal;padding-top: 7px;}
.g_pro .m_pleft .m_plc{padding: 16px 13px 0 13px;background: url(../images/flmid.jpg) repeat-y;}
.g_pro .m_plc .in_mleft{background: url(../images/flh3bg.jpg) no-repeat;width: 160px;height: 35px;line-height: 35px;overflow: hidden;padding-left: 34px;}
.g_pro .m_plc .in_mleft a{font-weight: bold;font-size: 14px;color: #fff;}
.g_pro .m_plc .in_mleft_1{padding-bottom: 0px;}
.g_pro .m_plc ul{padding: 10px 0;}
.g_pro .m_plc li{height: 30px;line-height: 30px;overflow: hidden;}
.g_pro .m_plc li a{height: 34px;line-height: 34px;overflow: hidden;padding-left: 38px;display: block;font-size: 14px;color: #555555;background: url(../images/flico.jpg) no-repeat 23px 15px;font-weight: normal;}
.g_pro .m_plc li a:hover{color: #555555;}
.g_pro .fld{background: url(../images/fld.jpg) no-repeat;width: 220px;height: 47px;overflow: hidden;}
/* 左边 */

.g_pro .m_pright{width: 942px;float: right;}
.g_pro .m_pright .in_rtitle{font-size: 20px; height: 38px;line-height: 38px;border-bottom: 2px solid #074fab;margin-bottom: 20px;font-weight: bold;color: #074fab;}
.g_pro .m_pright .in_rtitle a{display: inline-block;font-size: 16px;color: #333333;padding: 0 15px;font-weight: bold;}
.g_pro .m_pright .in_rtitle a:hover, .g_pro .m_pright .cur{color: #04489d;}
/*首页产品*/


/*实力*/
.mtitle{text-align: center; font-size: 28px; color: #333;padding: 30px 0;}
.mtitle h3{margin-bottom: 10px; font-size:28px; font-weight:normal;}
.mtitle h3 span{color:#11428f;}
.mtitle p#bg01{background:url(../images/bg_xian01.png) no-repeat center center;}
.mtitle p span{ font-size:13px;    text-transform: uppercase; font-family:Arial; color:#fff; background: #11428f; padding: 3px 20px;}
.shili { padding:40px 0; position:relative; z-index:10; background: #f4f4f4; box-sizing: border-box;}
.shili .menu{ width:100%; height:280px; margin-bottom:30px;}
.shili .menu li{ float:left; width:25%; *width:297px; }
.shili .menu .icon{ display:block; width:179px; height:179px; margin:0 auto; margin-bottom:10px; position:relative}
.shili .menu .icon img{ display:block; position:absolute; left:0; top:0}
.shili .menu h4{ text-align:center; margin-bottom:8px; font-size:18px; font-style: normal;}
.shili .menu h4 a{ color:#333;}
.shili .menu em{ display:block; text-align:center; font-size:15px; line-height:22px; color:#999; text-transform:uppercase; font-style: normal;}
.shili .menu .icon01{ background:url(../images/shili01.png) no-repeat center top;}
.shili .menu .icon02{ background:url(../images/shili02.png) no-repeat center top;}
.shili .menu .icon03{ background:url(../images/shili03.png) no-repeat center top;}
.shili .menu .icon04{ background:url(../images/shili04.png) no-repeat center top;}
.shili .menu img.ibg02{ display:none; animation:ibg02 5s linear infinite;}
@keyframes ibg02{

	0%{ transform:rotate(0deg)}

	100%{ transform:rotate(360deg)}

	}
.shili .menu li.cur img.ibg01{ display:none}
.shili .menu li.cur img.ibg02{ display:block}
.shili .menu li.cur .icon{ background-position:bottom}
.shili .menu li.cur a{ color:#1f4da2; font-weight:bold}
.shili .slbox{ display:none; overflow:hidden; width:100%; height:256px; padding-top:9px; left:50%; top:200px; }
.shili .slbox .sl_s{ display:block; position:absolute; left:135px; top:205px}
.shili .slWin{ overflow:hidden; width:1152px; height:218px; position:relative; background-color:#595656; border-radius:5px; position:relative; border:19px solid #595656;}
.shili .slWin ul{ overflow:hidden; position:absolute;}
.shili .slWin li{ float:left; width:268px; height:218px; margin:0 10px;}
.shili .slWin li img{ display:block; margin:10px auto; border:5px solid #fff;}
.shili .slWin li span{ display:block; text-align:center; font-size:13px; color:#fff;}
.shili .slWin li a{ display:block; text-decoration:none}


.h_list {width: 100%;background: #f4f4f4;padding: 40px 0;overflow: hidden;}
.dh ul{position: relative;overflow: hidden;width: 1200px;height: 428px;padding: 0 0 60px 0; margin: auto;}
.dh ul li{float: left;width: 175px;overflow: hidden;height: 100%;position: relative;cursor: pointer;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.75);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 5px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 5px;right: -200%;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 18px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}

.dh ul li.curr{}
/* .dh ul li.curr .layer .p1{left: -200%;}
.dh ul li.curr .layer .p2{left: 10px;} */

.col1{color: #eee;}
.col2{color: #fff;}
/*走进*/
.shengjia{
	background: url("../images/shengbj.jpg")no-repeat center top;
	padding: 73px 0;
	
}
.shengtit{text-align: center;}
.shengtit p{
	font-size: 45px;
	color: #fff;
	font-weight: bold;
	line-height: 60px;
}
.shengtit span{
	font-size: 16px;
	color: #64a0d2;
 text-transform: uppercase;
}

.stuwen {
	margin: 35px 0 70px;
	    background: #fff;
    overflow: hidden;
    padding: 20px;
}
.shengtu{
	width: 587px;
	height: 400px;
	float: left;
}
.shengwen{
	float: left;
	margin: 38px 0 0 50px;
	width: 523px;
}
.shengwen p{
	font-size: 24px;
    color: #222;
    font-weight: bold;
}
.shengwen span{
	font-size: 11px;
    color: #999;
    text-transform: uppercase;
}

.shengwen pre{
	font: 14px Arial, "Microsoft Yahei";
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
	line-height: 24px;
	color: #515151;
    overflow: hidden;
}
.shengwen a{
	display: block;
	width: 170px;
	height: 50px;
	background: #d00309;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	border-radius: 40px;
	text-align: center;
}

		/* 本例子css */
		.slideGroup001{  width:100%;text-align:left;   }
		.slideGroup001 .parHd{ height:45px; line-height:27px; padding:0 20px;position:relative;
    text-align: center;  }
		.slideGroup001 .parHd ul{  position: relative;
    display: inline-block;
    z-index: 666;
    top: -15px;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;  }
.slideGroup001 .parHd ul span{
	float: left;
	font-size: 18px;
	color: #333;
}
	.slideGroup001 .parHd .HDhx{
    position: relative;
    z-index: 5;
    height: 1px;
    width: 100%;
    background: #eee;
}
.slideGroup001 .tempWrap {
	width: 100%!important;
}
		.slideGroup001 .parHd ul li{  float:left; padding:0 18px; cursor:pointer;color: #333;font-size: 18px;  }
		.slideGroup001 .parHd ul li.cur{  height:30px;color: #005faf;font-weight: bold; }
		.slideGroup001 .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }

		.slideGroup001 .sPrev{ position:absolute; left:-60px; top:77px; display:block; width:46px; height:46px;  background:url("../images/fecz.jpg") center center no-repeat;}
		.slideGroup001 .sNext{ left:auto; right:-60px; top:77px; display:block; width:46px; height:46px; background:url("../images/fecr.jpg") center center no-repeat; position:absolute;  }
		.slideGroup001 .sPrev:hover{background: url("../images/csaeprev1.png") center center no-repeat;}
.slideGroup001 .sNext:hover{background: url("../images/casenext1.png") center center no-repeat}
.slideGroup001 .parBd{position: relative;}
		.slideGroup001 .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup001 .parBd ul .rongss{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; background: #f5f5f5;display: block;border: 1px solid #e4e4e4;width:240px!important;}
		.slideGroup001 .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; background: #f5f5f5;display: block;border: 1px solid #e4e4e4;width: 280px;}
		.slideGroup001 .parBd ul li .pic{ background: #fff!important;}
		.slideGroup001 .parBd ul li .pic img{ width:auto; max-height: 240px; display:block;background: #f5f5f5; }
		.slideGroup001 .parBd ul li .pic a:hover img{ border-color:#999;  }
		.slideGroup001 .parBd ul li .title{ line-height:50px; color: #333;font-size: 16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.moress{
	width: 150px;
    height: 40px;
    border-radius: 40px;
    background: #d00309;
    text-align: center;
    line-height: 40px;
    margin: 20px auto 0 auto;
}

.moress a{
	color: #fff;font-size: 14px;display: block;
}




/*流程*/
.liuchen{padding: 63px 0;overflow: hidden;background: url("../images/liuchen_bj.jpg")no-repeat center top;}
.liutit p{color: #fff!important;}
.liutit span{color: #64a0d2!important;}
.liuchen .liunr{overflow: hidden;}
.liunr ul li{float: left; width: 117px;}
.liunr ul li .lr01{width: 106px; background: #004a89; padding: 30px 0; border-radius: 50%; height: 46px; border: 7px solid #3681c0;}
.liunr ul li .lr01 img{width: 55px; height: 48px; margin: 0 auto; display: block}
.lrwen{text-align: center; color: #fff; padding: 20px 0 10px;}
.lrwen p{font-size: 18px; font-weight: bold; line-height: 28px;}
.lrwen span{font-size: 14px; line-height: 28px;}
.liunr ul i{display: block; background: url(../images/lico7.png)no-repeat center center; margin: 0 35px; width: 26px; height: 117px; float: left;}
.liunr ul i:nth-child(12){display: none;}
.liuzx{background: #fff url("../images/lico8.png")no-repeat 28px center;width: 362px;height: 43px;margin: 38px auto 0;border-radius: 40px;}
.liuzx .zx{font-family: "Times New Roman"; font-size: 30px; color: #fff; width: 285px; background: #005faf; border-radius: 40px; height: 39px; line-height: 39px; float: right; margin: 2px 2px 0 0px; text-align: center;}


/*  新闻中心 */
.newsBox{padding: 70px 0;}
.hynews{float: right;}
.gsnews{float: left;}
.imgBox{overflow: hidden;}
.imgBox img{width: 100%; height: auto; display: block;}
.inews{width: 540px; padding-left: 20px; padding-right: 40px;}
.inewsTitle{position: relative; width: 100%;}
.inewsTitle:before{position: absolute; left: 0; top: 50%; border-top: 1px solid #DBDBDB; height: 0;content: ''; width: 100%; z-index: -1;}
.inewsTitle h2{float: left; color: #231f20; line-height: 50px; font-size: 32px; background: #fff; padding-right: 15px;}
.inewsTitle a{float: right; color: #06389e; line-height: 50px; font-size: 14px; background: #fff; padding-left: 15px;}
.inewsTitle a:hover{color: #16a5ec;}
.inewsList{padding-top: 25px;}
.inewsListTop .imgBox{width: 250px; height: 160px; float: left;}
.inewsR{width: 275px; float: right;}
.inewsR .nesstit{color: #333; font-size: 16px; line-height: 24px; height: 48px; display: block;}
.inewsR .nesstit:hover{color: #16a5ec; color: #06389e;}
.inewsR p{font-size: 12px; color: #888; line-height: 20px; margin-top: 10px; height: 60px;}
.ljxqBox{line-height: 22px; margin-top: 20px;}
.ljxqBox a{color: #06389e; font-size: 14px; float: left;}
.ljxqBox a:hover{color: #16a5ec;}
.ljxqBox .time{float: right;}
.time{font-size: 12px; color: #888;font-weight: normal;}
.time .iconfont{margin-right: 7px;}
.inewsListBot{padding-top: 15px;}
.inewsListi{border-bottom: 1px dotted #DBDBDB; position: relative; line-height: 25px; padding: 10px 0;}
.inewsListi a:before{position: absolute; content: ''; left: 0; width: 5px; height: 5px; top: 50%; margin-top: -2.5px; background: #ccc;transition: all .3s ease-out;}
.inewsListi a{color: #333; font-size: 14px; float: left; padding-left: 20px;}
.inewsListi a:hover{color: #06389e;}
.inewsListi a:hover::before{background: #06389e;}
.inewsListi .time{float: right;}

.inaboutny{padding-top: 25px;}
.inaboutny .img{width: 100%; margin-bottom: 20px;}
.inaboutnyzi{font-size: 14px; line-height: 25px; color:#333;}

/*  新闻中心 */

/*合作客户*/
.homePartner{background-color: #f0f0f0;padding: 60px 0;}
.homePartner h3{font-size: 30px;color: #333333;font-weight: normal;text-align: center;margin-bottom: 25px;}
.homePartner h3 strong{font-weight: normal;color: #1d4499}
.homePartner h3 span{display: block;font-size: 12px;color: #999999;text-transform: uppercase;margin-top: 5px;}
.homePartner .bd{overflow: hidden;}
.homePartner ul{width: 1230px;}
.homePartner li{width: 230px;height: 115px;float: left;margin-right: 10px;overflow: hidden;border:1px solid #d7d7d7;}
.homePartner li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.homePartner li a img{position: absolute;z-index: 2;transform:rotateY(0deg);transition: all 0.5s ease 0s;backface-visibility: hidden;transition: all 0.5s ease 0s;left:0;top:0;right: 0;bottom: 0;width: 100%;height: 100%;}
.homePartner li a span{position: absolute;text-align: center;line-height: 140px;background-color:#1d4499;transform:rotateY(-180deg);color: #fff;font-size: 20px;font-weight: 600;transition: all 0.5s ease 0s;backface-visibility: hidden;left:0;top:0;right: 0;bottom: 0;}
.homePartner li a:hover img{transform: rotateY(180deg);}
.homePartner li a:hover span{transform: rotateY(0deg);}
.homePartner-main{position: relative;}
.homePartner-main .prev,.homePartner-main .next{position: absolute;width: 35px;height: 35px;background-repeat: no-repeat;background-image: url(../images/show-tab.png);border: 1px solid #e3e3e3;border-radius: 50%;top: 50%;margin-top: -17px;}
.homePartner-main .prev{left: -60px;background-position: 0 0;}
.homePartner-main .next{right: -60px;background-position: -35px 0}
.homePartner-main .prev:hover,.homePartner-main .next:hover{background-color: #1d4499;border-color: #1d4499;}
.homePartner-main .prev:hover{background-position: 0 -35px;}
.homePartner-main .next:hover{background-position: -35px -35px;}


/*友情链接*/
.foorterLink{background-color: #fff;padding: 40px 0;}
.foorterLink span{color: #333333;font-size: 14px;}
.foorterLink a{font-size: 14px;color: #666666;padding: 0 15px;border-right: 1px solid #b7b7b7;transition: all .5s;}
.foorterLink a:hover{color: #1d4499}
.foorterLink a:last-child{border-right: 0;}

/*  尾部 */
.footer{background:#333;overflow:hidden;color:#989898;padding-bottom: 15px;}
.footMenu{text-align:center;height:55px;line-height:55px;border-bottom:1px solid #484848;margin-bottom:15px;}
.footer .footMenu a{color:#fff;margin:0 25px;font-size:14px;}
.footer .footMenu a:hover{text-decoration:underline;}
.footMain{overflow:hidden;padding-bottom:15px}
.footContact{line-height: 25px;}
.footContact span{margin-right:10px;}
.footContact .p1{color:#fff;font-size:14px;}
.footWx{float:right;text-align:center;color:#fff;}
.footWx p{margin-top:5px;}
.firendLink span{color:#fff;}
.firendLink em{margin:0 10px;}
.footer a{color:#989898;}
.footer a:hover{color:#fff;}
/*  尾部 */

/*内页样式*/
.nybanner {width: 100%;height: 300px;}
.nybanner .container {position: relative;}


/*二级导航*/
.subnav{margin-bottom: 60px;border-bottom: #eee 1px solid;height: 72px;}
.subnav .subnav_li{position: relative;float: left;margin-right: 4%;}
.subnav .subnav_li.cur:after, .subnav .subnav_li:hover:after{content: '';display: block;position: absolute;bottom: 0;left: 0;margin-bottom: -2px;width: 100%;height: 3px;background-color: #1d4499;}
.subnav .subnav_li > a{font-size: 16px;color: #525252;line-height: 72px;display: block;}


/*关于我们*/
.about_main{overflow: hidden;padding: 0 0 70px 0;}
.about_con{font-size: 16px;line-height: 35px;color: #666;}




/**荣誉资质*/
.xiangguan{width: 100%; height: auto; overflow: hidden;}
.xiangguan ul{ margin-right: -2%;}
.xiangguan li{width: 23%;display: block;float: left;margin: 0 2% 10px 0px;}
.xiangguan li img{width: 100%;height: auto;padding: 3px;border: 1px solid #eee;display: block;}
.xiangguan .fc_wen{display: block;width: 100%;text-align: center;font-size: 14px;line-height: 35px;}
/**荣誉资质*/

/**办公环境*/
.workshop{width: 100%; height: auto; overflow: hidden;}
.workshop ul{ margin-right: -2%;}
.workshop li{width: 23%;display: block;float: left;margin: 0 2% 10px 0px;}
.workshop li img{width: 100%;height: auto;padding: 3px;border: 1px solid #eee;display: block;}
.workshop .fc_wen{display: block;width: 100%;text-align: center;font-size: 14px;line-height: 35px;}
/**办公环境*/

/**资质证书*/
.honor{width: 100%; height: auto; overflow: hidden;}
.honor ul{ margin-right: -2%;}
.honor li{width: 23%;display: block;float: left;margin: 0 2% 10px 0px;}
.honor li img{width: 100%;height: auto;padding: 3px;border: 1px solid #eee;display: block;}
.honor .fc_wen{display: block;width: 100%;text-align: center;font-size: 14px;line-height: 35px;}
/**资质证书*/

/**客户留言代码**/
.message{width:100%; float:left; padding-top: 30px;}
.message h3{text-align:center; color:#333; font-size:24px; font-weight:bold;}
.message ol{width:100%; float:left; margin-top:30px;}
.message ol li{float: left; width:49%; margin-bottom:30px; background:#fff; border:1px solid #e6e6e6;}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left;}
.message ol li:nth-child(7){float:right;}
.message ol li input{width:100%; height:55px;  background:none; border:none; color:#999; padding:0 15px; font-size:14px; outline:none; -webkit-appearance:none;}
.message ol li textarea{font-size:14px; padding:10px 15px; width:90%; height:180px; border:none; background:none; color:#999; outline:none; -webkit-appearance: none; box-sizing: border-box;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; cursor:pointer;}
.message ol li .btn{background:#06389e;}
.message ol li .btn2{background:#999;}
/**客户留言代码 End**/


/**联系我们代码**/
.cont_text{width:100%; float:left; border-bottom:1px solid #d6d6d6; padding-bottom:30px;}
.cont_l{width:60%;float:left; line-height:30px; font-size:14px;}
.cont_l h1{font-size:20px; font-weight:bold; color:#06389e;}
.cont_r{float:right; text-align:right;}
.cont_r img{width:200px; height:200px;}
.map{width:100%; float:left; margin-top:30px;}

/**联系我们代码 End**/





/*内页新闻中心*/
.news_r_text{width:100%; height: auto; }
.news_r_text ul li{width:100%;border-bottom:1px dashed #e6e6e6; padding-bottom:2%;margin-top:2%;overflow: hidden;}
.news_r_text ul li:nth-child(5n){border-bottom:none; padding-bottom:inherit;}
.news_r_text ul li .pic{width:20%; float:left; overflow:hidden; background:#e6e6e6; padding:3px;} 
.news_r_text ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.news_r_text ul li .pic img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.news_r_text ul li .text{width:78%;float:right;}
.news_r_text ul li .text .titnr{width:100%;float:left;font-size: 14px;}
.news_r_text ul li .text .tit a{font-size:16px; font-weight:bold; color:#1d4499; float:left; overflow: hidden; text-overflow: ellipsis;white-space: nowrap!important;} 
.news_r_text ul li .text .tit a:hover{color:#1d4499;}
.news_r_text ul li .text .time{float:right; color:#333;}
.news_r_text ul li .text .wz{width:100%;float:left; margin-top:1%; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; font-size: 14px; color: #555;}
.wz a{font-size: 14px; color: #555;}
.wz a:hover{font-size: 14px; color: #1d4499;}
/*内页新闻中心*/


/*新闻详情*/
.xinwenxiangqing{width:100%; height: auto; overflow: hidden; }
.xinwenxiangqing .nd_head{text-align: center;margin-top:10px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #1d4499;font-size: 28px;margin-bottom: 18px;height: auto;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 10px 0;}
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px 0;}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
.new_s2{width:100%;float:left; margin-top:50px;}
.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#1d4499; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none; box-sizing: border-box}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#1d4499;}
.news_random2 ul li span{float:right; color:#999;}

.news_con_b{border-top: 1px solid #EEE;margin-top: 50px;padding-top: 50px;}
.news_con_b ul{line-height: 30px;float: left;}
.news_con_b li {font-size: 14px; color: #555;}
.news_con_b li a{font-size: 14px; color: #555;}
.news_con_b li a:hover{font-size: 14px; color: #1d4499;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #1d4499;text-align: center;}
.news_con_b .fhlb a{display: block;color: #FFF; font-size: 14px;}
.news_con_b .fhlb a:hover{display: block;color: #FFF;text-decoration: none;}


/*产品*/
.inpro{width: 100%; height: auto; background: #f3f3f4; overflow: hidden; padding:40px 0}
.spro{margin-top: 0px; overflow: hidden;}
.sp-le{width:240px;float:left;margin-bottom: 30px;}
.sp-le-d{border:1px solid #e6e6e6;}
.sp-le-ti{width:100%;height:105px;background-color:#06389e;}
.sp-le-ti h2{color:#fff;font-size:24px;height:60px;line-height:80px;width:100%;text-align: center;}
.sp-le-ti p{color:#fff;line-height:25px;font-size:14px;width:100%;text-align: center;}
.sp-li{width:100%;line-height:46px;background-color:#fff;text-indent:20px; background: url(../images/protbg.gif) repeat-x; border-bottom: solid 1px #e7e7e7;}
.sp-li span{float:right;transition: all .5s;}
.sp-li-a{color:#000;font-size:15px; font-weight: 600}
.sp-li span{padding:0 10px;color:#d9d9d9;text-align: center;text-indent: 0;}
.sp-li span:hover{cursor: pointer;}
.sp-li-er{width:100%;display:none;background: #fff;}
.sp-li-er a{display:block;border-top:1px solid #dadada;width:80%;padding:0 10%;margin:0 auto;text-align: left;line-height:46px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#000;font-size:14px;text-indent: 20px;background: url(../images/ico04.gif) no-repeat 28px 17px;} 
.sp-li:hover .sp-li-a{color:#06389e;font-weight: bold;}
.sp-li-er > a:hover{color:#fff;font-weight: bold; background:#06389e;}
.sp-li-er > a.hover{color:#fff;font-weight: bold; background:#06389e;}

.sp-li-three{width:100%;display:none;background: #fff;}
.sp-li-three a{display:block;border-top:none;width:80%;padding:0 10%;margin:0 auto;text-align: left;line-height:46px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#000;font-size:14px;text-indent: 30px;background: none;} 

.sp-ri{float:right;width:933px;}
.sp-ri-by{width:100%;height:139px;background:url("../images/prori.jpg") no-repeat center;}
.sp-ri-by-h{color:#fff;font-size:27px;float:left;width:600px;text-indent:40px;line-height:139px;font-weight: normal;}
.sp-ri-by-h span{font-weight: bold;}
.sp-ri-by-h2{color:#fff;font-size:28px;float:left;width:333px;/*text-align:center;*/text-indent:25px;line-height:139px;}
.sp-dl{width:297px;float:left;height:auto;margin-left:21px;}
.sp-dt{width:295px;height:auto;border:1px solid #ededed;overflow: hidden;position:relative;}
.sp-dt img{width:100%;height: 100%;transition:all 2s;}
.sp-dd{height:40px;line-height: 40px;color:#333333;font-size:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;}
.sp-dt-d{position:absolute;top:16px;left:25px;width:245.83px;height:295px;background:rgba(6,56,158,0.5) url("../images/lj.png") no-repeat center;/*display:none;*/opacity: 0;transition: all .5s;}
.sp-dl:hover .sp-dt-d{transform: scale(1.2);opacity: 1;}
.sp-dl:hover .sp-dt img{transform: scale(1.4);}
.sp-dl:hover .sp-dd{color:#06389e;font-weight: bold;}
.sp-dl2{width:297px;float:left;height:464px;margin-left:21px;margin-top:20px;}
.sp-dt2{width:295px;height:423px;border:1px solid #ededed;overflow: hidden;position:relative;}
.sp-dt2 img{width:100%;height: 100%;transition:all 2s;}
.sp-dd2{height:40px;line-height: 40px;color:#333333;font-size:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;}
.sp-dl2:hover .sp-dt2 img{transform: scale(1.4);}
.sp-dl2:hover .sp-dd2{color:#06389e;font-weight: bold;}
/*产品*/

/*cpright*/
.cpright{ width:930px; padding:0 25px 25px 25px; background:#fff; float:right; box-sizing: border-box;}
#ny_prBox{background-color: #fff; margin-bottom:30px; min-height:500px; margin-top: 55px;}
#rtop{padding-top: 18px; padding-bottom: 15px;margin: 12px 20px 0 20px;}
.rtop{ overflow:hidden; padding-top:20px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;}
.rtop .anybt{ float:left; padding-left:10px; border-left:3px solid #06389e; font-weight:normal; line-height:16px;  font-size:16px; color:#06389e;}
.rtop .anybt a{}
.rtop span{ float:right; font-size: 14px;}
.rtop span em{ color:#999;}
.rtop span a{ color:#999;}

.agent_con { width:100%;  padding-top:20px;margin: 0 auto; overflow: hidden;}


/*内页产品展示*/
.pro_r_img{width:100%; height: auto; overflow: hidden; margin:20px auto 0;}
.pro_r_img ul{margin-right:-2%;}
.pro_r_img ul li{width:31.333%; float:left; margin:0 2% 10px 0;}
.pro_r_img ul li span{width:97%;float:left; text-align:center;line-height:22px; font-size:13px; padding-top:10px;min-height:30px;}
.pro_r_img ul li img{width:100%;height:211px;float:left; padding:1px; box-sizing:border-box; border:1px solid #ccc;}
.pro_r_img ul li img:hover{padding:1px;border:1px solid #06389e;}
/*内页产品展示*/

.cl-cbgg-tys-02{height: 120px; background:#07389f; margin: 20px auto 0 auto;} 
.cl-cbgg-tys-02-tel{height: 80px;padding-top: 30px; padding-left: 16px; background:url(../images/cl-cbgg-tys-icon2.png) no-repeat 162px 16px;} 
.cl-cbgg-tys-02-tel span{display: block; font-size: 18px; line-height: 18px; color: #fff;  }
.cl-cbgg-tys-02-tel em{font-style: normal; font-size: 20px;font-weight: bold; color: #fff; line-height: 28px;}

/*内页产品详情样式*/
.xqbg{overflow: hidden;}
.cpxq_t:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.cpxq{ margin-top: 3%; margin-bottom: 3%;}
.cpxq_t_l{ float:left; width:48%;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0.5%; width:23%; height:70px; border:1px #eaeaea solid; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0; border:1px solid #ccc;}
.sp-large a img{ width: 100%;}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-zoom img{ max-width: none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {
	.sp-wrap{ margin:0 0 15px 0;}
	#sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}
}
.cpxq_t_r{ float:right; width:48%;}
.cpxq_t_r .cpxq_t_r_bt{color:#06389e; font-size:22px;}
.cpxq_t_r .cpxq_t_r_jj{font-size:14px; margin-top:20px; line-height: 25px;}
.cpxq_t_r .cpxq_t_r_wb{line-height:24px;margin:20px 0 0 0;}
.cpxq_t_r .fh{ line-height:40px; margin-top:30px;}
.cpxq_t_r .fh a{display:inline-block; color:#fff; background:#444; padding:0 15px; transition:all 0.5s;}
.cpxq_t_r .fh a:hover{background:#06389e;}
.tels{ margin:20px 0px}

.cpxq_b{margin-top:30px;}
.cpxq_b_dh{background:#f1f1f1;}
.cpxq_b_dh ul{overflow:hidden; background: #e6e6e6;}
.cpxq_b_dh ul li{float:left; text-align:center; line-height:20px; padding:15px 20px; cursor:pointer; }
.cpxq_b_dh ul li:hover{color:#fff; background:#06389e ; transition:all 1.5s;}
.cpxq_b_dh ul .active{color:#fff; background:#06389e ;}

.cpxq_b_kj{margin-top:30px;}
.cpxq_b_kj .wb{display:none; line-height:24px;}
.wb td, .wb th{ padding:0 10px;}
.wb table{ border-left:1px solid #777; border-top:1px solid #777; text-align:center;}
.wb td,.wb th{border-right:1px solid #777; border-bottom:1px solid #777;}

.cpxq_b_kj .wb_xgcp
.cpxq_b_kj .wb_xgcp ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpxq_b_kj .wb_xgcp ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_img{width:100%; position:relative;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_img:after{content:""; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.6) url(../images/sy_cp_fdj.png) center no-repeat; transition:all 0.5s; position:absolute; top:0; left:0;}
.cpxq_b_kj .wb_xgcp ul li:hover .cpzx_img:after{opacity:1;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_wz{color:#fff; line-height:20px; padding:13px; background:#666; transition:all 0.5s;}
.cpxq_b_kj .wb_xgcp ul li:hover .cpzx_wz{background:#4eb839;}


.show-form{width:87%;padding:10px 54.5px;border:2px solid #ccc;}
.show-form-h{font-size: 20px; line-height: 48px; color: #333; height: 48px; overflow: hidden; text-align: center; border-bottom: 1px solid #eaeaea; margin-bottom: 30px;}
.show-form-h span{color:#f0b767;font-size:18px;font-weight: normal;}
.mes{width:592px;margin:0 auto;}
.mes form{width:100%;}
.mes-u{width:100%;}
.mes-li{height: 38px;width: 270px;border: 1px solid #d1d1d1;float: left;margin-right: 22px;margin-bottom: 16px;}
.mes-li input{width:100%;border:none;height:38px;text-indent:20px;}
.mes-li2{float:left;width: 564px;height: 72px;padding-top: 10px;border: 1px solid #d1d1d1;}
.mes-li2 textarea{width:100%;border:none;font-size:14px;text-indent:20px;height:100%;}
.mes-li2{float:left;width: 564px;height: 72px;padding-top: 10px;border: 1px solid #d1d1d1;}
.mes-li3{height: 38px;width: 270px;float: left;margin-right: 22px;margin-top: 16px;}
.mes-li3-i{background: #0088ce;height: 34px;width: 110px;color: #fff;font: 16px "Microsoft YaHei";border:none;}
.mes-li3-i2{background: #bbb;height: 34px;width: 110px;color: #fff;font: 16px "Microsoft YaHei";border:none;margin-left:20px;}
.mes-li4{float:left;width: 564px;height:30px;padding-top: 10px;}
.mes-li4-span{color:#999;font-size:12px;}

/*内页产品详情样式*/

/*内页相关产品*/

.hot_pro2{width:100%;margin-top:0px; overflow: hidden;}
.hot_pro2_tit{width:100%; float:left; border-bottom:1px solid #e6e6e6; padding:0 0 10px 10px; border-left:3px solid #06389e;}
.hot_pro2_tit h3{float:left; font-size:16px; color:#06389e; font-weight:bold;}
.hot_pro2_tit span{color:#999; font-size:12px; text-transform:uppercase;float:left; padding:3px 0 0 10px;}

.scrollleft2{width: 100%; height: auto; overflow: hidden}
.scrollleft2 ul{ margin-right: -2%; }
.scrollleft2 ul li{width:23%; height: auto; float:left; margin:1% 2% 0% 0; }
.scrollleft2 ul li img{width: 99%; height: auto; border:1px solid #dbdbdb;}
.scrollleft2 ul li img:hover{border:1px solid #06389e;}
.scrollleft2 ul li .zi{text-align: center; font-size: 14px; line-height: 28px; color: #333; min-height: 56px;}

/*内页产品详情样式*/