@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { color: #333; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 20px; width: 100%;line-height: 1.628 }
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a:link, a:visited { color: #666666; text-decoration: none; }
a:hover { cursor: pointer }
fieldset, img { border: none; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.fl { float: left }
.fr { float: right }
.wrap { margin: 0 auto; width: 1200px; }
.minwidth { min-width: 1200px; }
#container {background:#fff}
.font16 { font-size: 16px; }
.textc { text-align: center; }
.textl { text-align: left; }
.textr { text-align: right; }
.mb { margin-bottom: 30px; }
.pr { position: relative; }
.pa { position: absolute; }
input { outline: none; }
textarea { outline: none; }
/*加载*/
.load { margin-top: 10px; height: 50px; background: #4570d5; color: #fff; text-align: center; font-size: 20px; line-height: 50px; width: 300px; margin: 0 auto;border-radius:4px; display: none;transition: 0.3s all}
.load:hover  { background: #1245d5  }
.load a { color: #fff; }
.load a:hover { color: #fff; }

.loada { margin-top: 20px; height: 60px; background: #4570d5; color: #fff; text-align: center; font-size: 20px; line-height: 60px; width: 300px; margin: 0 auto;border-radius:4px;transition: 0.3s all}
.loada:hover  { background: #1245d5  }
.loada a { color: #fff; }
.loada a:hover { color: #fff; }
/*新闻详细页*/
.title { padding-bottom: 10px; color: #333; text-align: center; font-weight: bold; font-size: 30px }
.time { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dotted #aaa; text-align: center }
.hits { margin-left: 20px }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; text-align: right }
/*留言*/
#guestform { margin-top: 20px; padding: 20px; border: dotted 1px #ddd }
.ajaxtable td { vertical-align: middle }
.tdinput { text-align: left; font-weight: normal; font-size: 12px; line-height: 30px }
/*招聘*/
.jobs { color: #225fa9; font-weight: bold; padding-bottom: 20px; }
.jobtitle { cursor: pointer; height: 25px; margin-bottom: 0; padding-top: 10px; width: 705px; }
.jobtitle td { border-bottom: 1px solid #dadada; line-height: 26px; }
.jobtitle .subgif { background: url(../images/mini.gif) no-repeat scroll right center; }
.jobsub { background-color: #fafafa; border: 1px dotted #dadada; border-top: none; display: none; overflow: hidden; padding: 10px; }
#job .th { background-color: #eFF; margin: 10px 0 3px 0; padding: 5px 3px; font-weight: bold }
/*头部*/
#header {background:#fff;height: 100px; margin-bottom: -1px}

.logo {height: 100px;}
.headright { margin-top: 27px; }
/*导航*/
.menu li { float: left; margin-left: 30px; text-align: center; line-height: 54px; position:relative; padding-bottom: 15px;}
.menu li a { display: block; font-size: 22px; color: #333; }
.menu li a:hover { color: #164ccb }
.menu > .first{border-bottom:5px solid #164ccb}
.menu > li:hover {border-bottom:5px solid #80c7ec;}
.menu .first a{color: #164ccb}
.menu .first .first a{color: #666 }
.menu .first .first a:hover{color: #243879;  }
.software{ position: absolute;top:68px; display:none;left:-20px;width:200px;padding-bottom:5px; z-index:2; background:#f7f7f7; box-shadow: 2px 3px 3px rgba(255,255,255,0.3);  }
.subnav{ display:block; padding: 10px 0}
.menu .software li{margin-left:0;padding:0 20px; text-align:left; float:none; position:relative; line-height:40px; }
.menu .software li a{font-size: 17px;transition: 0.4s all;}
.menu .software li ul{ position:absolute;left:180px; top:0; width:150px; background:#f3f3f3; display:none}
.menu .software li ul li a:hover{ background:none;}
.menu .software li:hover ul{ display:block}
/*banner*/
#ban { height: 450px;z-index:1; }
#ban .banner { height: 450px; position: relative; }
.banner ul.imglist li { position: absolute; }
#ban .imglist li { background: none no-repeat center top; height: 450px; width: 100%; }
#ban a { display: block; }
.btn_left, .btn_right { cursor: pointer; display: block; height: 134px; position: absolute; top: 12px; width: 52px; z-index: 1; }
.btn_left { background: url(../images/btn_left.png) no-repeat center center; left: 15%; }
.btn_right { background: url(../images/btn_right.png) no-repeat center center; right: 15%; }
.pagelist { bottom: 30px; height: 17px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; }
.pagelist li { color: #fd8222; cursor: pointer; display: inline-block; *display:inline;
font-size: 45px; height: 45px; line-height: 45px; position: relative; width: 25px; }
.pagelist li.on { color: #fed325; }
/*首页主体*/
.main1{
	padding: 50px 0;
	height: 800px;
	background: #f7f7f7;
}
.indexTit{
	position: relative;
	width: 570px;
	height: 90px;
	margin: 0 auto;
	text-align: center;
}
.indexTit span{
	position: absolute;
	display: block;
	width: 125px;
	height: 1px;
	background-color: #e0e0e0;
	top: 30px;
}
.indexTit .leftLine{
	left: 0;
}
.indexTit .rightLine{
	right: 0;
}
.indexTit h1{
	font-size: 42px;
	line-height:60px;
}
.indexTit h3{
	font-size: 17px;
	color: #959595;
	line-height: 30px;
}
.main1 .swiper-container{
	position: relative;
	float: left;
	width: 625px;
	height: 468px;
	margin-top: 42px;
}
.main1 .swiper-container img{
	width: 100%;
	height: 100%;
}
.main1 .swiper-container .swiper-pagination{
	position: absolute;
	bottom: 0;
	left: 457px;
	width: 168px;
	height: 58px;
	line-height: 58px;
	background-color: #fff;
	font-size: 20px;
	color: #7c7c7c;
}
.main1 .swiper-container .swiper-pagination .swiper-pagination-current{
	font-size: 26px;
	color: #333;
}
.main1 .swiper-button-prev{
	position: absolute;
	left: 0px;
	top:495px;
	width: 39px;
	height: 39px;
	background-image:url(../images/aboutarrowl.png);
	background-color: #4570d5;
}
.main1 .swiper-button-prev.swiper-button-disabled{
	background-color: #ccc;
}
.main1 .swiper-button-prev.swiper-container-horizontal{
	background-color: #4570d5;
}
.main1 .swiper-button-next{
	position: absolute;
	left: 50px;
	top:495px;
	width: 39px;
	height: 39px;
	background-image:url(../images/aboutarrowr.png);
	background-color: #4570d5;
}
.main1 .swiper-button-next.swiper-button-disabled{
	background-color: #ccc;
}
.main1 .swiper-button-next.swiper-container-horizontal{
	background-color: #4570d5;
}
.main1 .aboutRight{
	position: relative;
	float: right;
	padding-top: 60px;
	width: 545px;
}
.main1 .aboutRight h2{
	font-size: 23px;
}
.main1 .aboutRight h1{
	font-size: 57px;
	color: #164ccb;
	font-weight: bold;
	margin-bottom: 30px;
}
.main1 .aboutRight p{
	line-height: 36px;
	letter-spacing: 1.3px;
}
.main1 .aboutRight p span{
	font-weight: bold;
}
.main1 .aboutRight a{
	display: block;
	margin-top: 40px;
	height: 25px;
	line-height: 25px;
	padding-left: 40px;
	color: #333;
	font-weight: bold;
	background: url(../images/jt1.png) no-repeat left center;
}

.main2 {
	width: 100%;
	height: 230px;
	background-color: #f5f5f5;
	box-sizing: border-box;
	padding-top: 40px;
}
.main2 .wrap{
	height: 100%;
	position: relative;
	text-align: center;
}
.main2 h1{
	font-family: 黑体;
	font-size: 42px;
	font-weight: bold;
	color: #164ccb;
}
.main2 h2{
	font-size: 17px;
	color: #666;
	margin-top: 10px;
}
.main2 p{
	margin-top: 25px;
	color: #413939;
	line-height: 26px;
	opacity: .7;
}
.main2 .arrowDz{
	position: absolute;
	left: 540px;
	top:36px;
}
.main2 .fn1{
	position: absolute;
	left: 700px;
	bottom: 50px;
}
.main3{
	padding: 50px 0;
	overflow: hidden;
	box-sizing: border-box;
}
.main3 .indexTit{
	width:620px;
}
.main3 ul {
	margin-top: 30px;
}
.products li{
	float: left;
	box-sizing: border-box;
	width: 370px;
	height: 500px;
	border:1px solid #e2e2e2;
	margin-right: 45px;
	margin-bottom: 45px;
	transition: 0.2s all;
}
.products li:hover{border:1px solid #4570d5;}

.products li:nth-child(3n){
	margin-right: 0;
}
.products li img{
	width: 100%;
	height: 368px;
	background-color: #efeded;
}
.products   li h3,.solutions  li h3{
	font-size: 20px;
	color: #333;
}
.products li div{
	width: 100%;
	box-sizing: border-box;
	padding: 5px 20px 0 20px;
	transition: all .3s;
}
.products li h4{
	margin-top: 10px;
	font-size: 17px;
	color: #999;
}
.products li:hover {
	background-color: #4570d5;
}
.products li:hover h4,.products li:hover h3{
	color: #fff;
}



.main4{
	margin-bottom: 50px;
}
.main4 ul{
	margin-top: 30px;
}
.main4 ul li{
	width: 100%;
	height: 135px;
	box-sizing:border-box;
	padding: 10px 25px;
	margin-bottom: 15px;
	background:url(../images/newsarrow2.png) no-repeat 1150px center;
	transition: all .3s;
}
.main4 ul li a{
	display: block;
	height: 100%;
}
.main4 ul li img{
	float: left;
	width: 153px;
	height: 115px;
}
.main4 ul li .leftBox{
	float: left;
	box-sizing: border-box;
	padding-right: 100px;
	margin-left: 20px;
	height: 100px;
	margin-top: 7.5px;
	width: 680px;
	border-right: 2px solid #c7c5c8;
}
.main4 ul li .leftBox h1{
	font-size: 15px;
	font-weight: bold;
	color: #333;
	transition: all .3s;
}
.main4 ul li .leftBox h3{
	margin-top: 20px;
	line-height: 26px;
	transition: all .3s;
}
.main4 ul li .rightBox{
	float: left;
	margin-left: 30px;
}
.main4 ul li .rightBox h3{
	font-size: 50px;
	margin-top: 5px;
	transition: all .3s;
}
.main4 ul li .rightBox h1{
	font-size: 24px;
	transition: all .3s;
}
.main4 ul li:hover{
	background:url(../images/newsarrow1.png) no-repeat 1150px center;
	background-color: #4570d5;
}
.main4 ul li:hover .leftBox{
	border-right: 2px solid #fff;
}
.main4 ul li:hover .rightBox h1,
.main4 ul li:hover .rightBox h3,
.main4 ul li:hover .leftBox h1,
.main4 ul li:hover .leftBox h3{
	color: #fff;
}



.protitle li { height: 115px; width: 160px; border-bottom: 1px solid #d0d0d0; text-align: center; font-size: 17px; }
.protitle li a { color: #333; display: block; height: 115px; border-right: 1px solid #d0d0d0; }

.protitle .sel a { color: #fff; background: #012b8d; border-right: 1px solid #012b8d; }
.protitle .sel .p1 { background: url(../images/p1h.png) no-repeat center center; }
.protitle a:hover .p2 { background: url(../images/p2h.png) no-repeat center center; }
.protitle a:hover .p3 { background: url(../images/p3h.png) no-repeat center center; }
.protitle  a:hover { color: #fff; background: #012b8d; border-right: 1px solid #012b8d; }
#banner1{height:374px; overflow:hidden}
.protitle .sel i { display: block; background: url(../images/arrow.png) no-repeat center center; width: 13px; height: 115px; position: absolute; left: 160px; top: 0; }
.p1, .p2, .p3 { padding-top: 24px; width: 160px; height: 45px; display: block }
.protitle li .p1 { background: url(../images/p1.png) no-repeat center center; }
.protitle li .p2 { background: url(../images/p2.png) no-repeat center center; }
.protitle li .p3 { background: url(../images/p3.png) no-repeat center center; }
.proinfo { width: 552px;  }
.proinfo ul li img { border: 1px solid #d0d0d0;width:166px; height:126px }
.proinfo ul li { margin: 12px 0 0 12px; float: left }
.proinfo ul li h3 { text-align: center }
.proinfo ul li a:hover h3{ color:#012b8d}
.more1 { position: absolute; width: 12px; height: 12px; display: block; background: url(../images/more1.png) no-repeat center center; right: 12px; bottom: 12px; }

/*底部*/
/*上下*/
.foot1{
	height: 380px;
	background-color: #494848;
	color: #fff;
	box-sizing: border-box;
	padding: 50px 0;
	font-size: 17px;
}
.foot1 .foot1Left{
	float: left;
	width: 500px;
}
.foot1 h1{
	font-size: 20px;
	font-weight: bold;
}
.foot1 .foot1Left span{
	display: block;
	width: 25px;
	height: 2px;
	background-color: #fff;
	margin-top: 10px;
}
.foot1 .foot1Left div{
	padding-left: 40px;
	margin-bottom: 25px;
}

.foot1 .foot1Left .div1{
	margin-top: 20px;
	background: url(../images/footico1.png) no-repeat left center;
}
.foot1 .foot1Left .div2{
	background: url(../images/footico2.png) no-repeat left center;
}
.foot1 .foot1Left .div3{
	background: url(../images/footico3.png) no-repeat left center;
}
.foot1 .foot1Mid {
	float: left;
	width: 400px;
}

.foot1 .foot1Mid span{
	display: block;
	width: 25px;
	height: 2px;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 20px;
}

.foot1 .foot1Mid li{
	list-style: disc;
}
.foot1 .foot1Mid a{
	display: block;
	color: #fff;
	margin-bottom: 10px;
}
.foot1 .footRight {
	float: left;
	width:200px;
	padding-left: 100px;
}

.foot1 .footRight span{
	display: block;
	width: 25px;
	height: 2px;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 40px;
}



.foot2{

	font-size: 17px;
	height: 50px;
	line-height: 50px;
	background-color: #1d1d1d;
}
.foot2 .fl{
	color: #fff;
}
.foot2 .fl span{
	margin-right: 20px;
}
.foot2 .fr a{
	color: rgba(255,255,255,.7);
}






#ban1 { background: url(../images/inbanner01.jpg) no-repeat center center; height: 250px; }
#ban2 { background: url(../images/inbanner03.jpg) no-repeat center center; height: 250px; }
#ban3 { background: url(../images/inbanner04.jpg) no-repeat center center; height: 250px; }
#ban5 { background: url(../images/inbanner07.jpg) no-repeat center center; height: 250px; }

#ban4 { background: url(../images/inbanner06.jpg) no-repeat center center; height: 250px; }


.current { background1: url(../images/inbg.png) repeat-x center left; height: 65px; margin-bottom: 15px; line-height:70px; border-bottom: solid 3px #dedede }
.current ul li { float: left; margin-right: 30px; height: 65px;}
.current ul li a { padding: 18px 0px; font-size: 17px; font-weight: bold ; }
.current ul .cur a { border-bottom:solid 4px #4570d5;    }

.currentright ,.currentright a{ font-size: 16px; color: #666}

.contentitle { text-align: center;font-size: 20px; line-height: 70px; margin-bottom: 20px; }
.content { margin: 20px 0 0 0; overflow: hidden }
.newsTitle{
	font-size: 76px;
	font-weight: bold;
	color: #f2f3f3;
    display: none
}
.cnnewsTitle{
	font-size:30px;
	font-weight: bold;
}
.newslist {background:#fff;overflow: hidden;}
.newslist li {width: 280px;height:260px;float: left;box-sizing: border-box;border:1px solid #eee;padding:5px;margin-right: 26px;margin-bottom: 50px;}
.newslist li:nth-child(4n){margin-right: 0px;}
.newslist a { display: block; }
.newslist img{ width: 100%;height: 200px;}
.newslist h3 { text-align: center;padding: 10px 0; font-size: 20px; color: #888; transition:0.3s  all}
.newslist span { float: right; color: #999 }
.newslist .desc { line-height: 26px; height: 80px; overflow: hidden; width: 640px }
.newslist a:hover h3 { color: #333; }
.newslist li .newsDate { background: url(../images/newsdate.gif) no-repeat left center; float: right; height: 30px; padding-left: 22px; margin-left: 15px; width:88px }
.newslist li .newsDate span.d1 { display: inline-block; font-size: 26px; font-weight: bold; height: 30px; line-height: 29px; padding: 0 3px; float: left }
.newslist li .newsDate span.d2 { float: left; font-size: 12px; line-height: 14px }
.newslist li .newsHits { background: url(../images/eye.gif) no-repeat left center; float: right; height: 30px; padding-left: 28px; margin-left: 20px; line-height: 30px; width: 40px }
.newslist .other { height: 58px; }
.newslist .other .newsDate { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: left; height: 60px; margin-left: 0; margin-right: 15px; padding-left: 0; }
.newslist .other .newsDate span.d1 { font-size: 30px; padding-bottom: 5px; padding-top: 12px; }
.newslist .other .newsDate span.d2 { font-size: 17px; line-height: 28px; }
.newslist .other .desc { height: 26px; }


.solutions li{ width: 364px; height:320px; float: left; margin: 20px 17px; text-align: center }
.solutions li img{ width: 100%; height: 270px; border: solid 2px #ddd; margin-bottom: 10px; transition: 0.3s all}
.solutions li:hover img{ transform: scale(1.28)}

.solutions li h3{transition: 0.3s all}
.solutions li:hover h3{ display: none}
.solutions li a{ font-size: 16px;}

.softlist { width: 1220px; overflow: hidden }
.softlist li { width: 570px; height: 152px; float: left;padding:10px; margin: 10px 10px 20px 10px; background: #fff; box-shadow: 0 0 10px #dedede; transition: 0.3s all}
.softlist li:hover{  box-shadow: 0 0 10px #205aa4;}
.softlist li a { display: block; height: 150px; position: relative }
.softlist li img { width: 200px; height: 150px; padding-right: 10px }
.softlist li .softinfo { padding:0 10px;height:150px; overflow: hidden; width: 340px; position:relative }
.softlist li .softinfo h3 { color: #333;  height: 23px; line-height: 23px;  padding-top: 10px ; }
.softlist li .softinfo p{ font-size: 17px; padding-top: 15px; color: #999}
.softlist li a:hover h3 { cursor: pointer; color: #205aa4; font-weight: bold }
.more2{ background:url(../images/more2.png) no-repeat center center;height:33px;width:139px; display:block; position:absolute; left:10px; bottom:0;}



.more3{ background:url(../images/more3.png) no-repeat center center;width:139px; height:43px; display:block;margin-bottom:10px;margin-left:20px; cursor:pointer;

}

.downlist{ background:#fff;padding:20px;}
.downlist li{padding-bottom:10px;margin-bottom:5px;border-bottom:1px dashed #ccc; list-style: disc; }
.downlist li a{ display: block}
.downlist li a:hover{ color:#243879}


.aboutPro ul{
	margin-top: 20px;
	height: 335px;
}
.aboutPro h2{
	font-size: 40px;
}
.aboutPro li{
	float: left;
	width: 280px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	box-shadow: 0 0 10px #ddd;
}
.aboutPro li img{
	width: 100%;
}
.aboutPro li h3{
	padding: 10px 0;
	text-align: center;
}



.wrap_bg{ background: #f7f7f7; padding-bottom: 50px; margin-top: 70px}
.contact img{margin-top: 10px; float: left;width: 200px;}
.contact ul{float: left;margin-left:50px;margin-top: 10px;padding: 0;}
.contact ul li{list-style:none;margin-bottom: 5px;}
.content_foot{ height: 70px; clear: both}

.cke_show_borders{ font-size: 20px}
.cke_show_borders:nth-child(even){ background: #f7f7f7}
.stt{ color: rgb(0, 0, 128); font-weight: bold; padding:0 0 10px 0 }
.cke_show_borders h1{ color:rgb(0, 0, 128); font-size: 40px; font-weight: 700; padding-top: 50px }
.cke_show_borders h2{ color:#333; font-size: 36px; font-weight: 600; padding:30px 0  10px 0;  }
.cke_show_borders ol li{  padding: 15px 20px; list-style: none}
.cke_show_borders ol li:nth-child(even){ background:  rgb(246,246,246)}
.cke_show_borders ol li:nth-child(odd){ background:#eee }
.ttdesc{ font-size: 28px; line-height: 1.268; padding:15px 0 30px 0}
.r40bg{ background: rgb(246,246,246);  text-align: center; padding: 40px; border-radius: 20px 20px   0 0 ;}