@charset "utf-8";
@import "animate.css";
/* CSS Document */
body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, form, iframe, th, td { margin: 0; padding: 0; }
* { padding: 0; }
body { color: #282828; font-family: "黑体", Arial, Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.628; width: 100%; }
.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 }
a h3{color: #282828; font-size: 18px; line-height: 30px; }
a p{ color: #666; }
a:hover h3{ color: #036eb8;}
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; clear: both; }
.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; }
div { outline: none; }
input { outline: none; }
textarea { outline: none; color: #282828; font-family: "黑体", Arial, Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 1.628; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; border: 0; }
th, td { padding: 0; }
.aui_border, .aui_dialog, .content table { table-layout: auto; }
ul { padding: 0; }
td { vertical-align: top; }
p { margin: 0; }
li { zoom: 1; vertical-align: middle; }
ol { margin: 0px; padding: 0; padding-left: 36px; }
input, select, button, textarea { border: 1px solid #ccc; padding: 2px 3px; }
input:focus, textarea:focus { background: #f8f8f8; }
.error{ color:red; padding-left:1px; }
.scrollspy{ position:relative; }

@font-face {font-family: "iconfont";
	src: url('iconfont.eot'); /* IE9*/
	src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('iconfont.woff') format('woff'), /* chrome, firefox */
	url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

/*加载*/
.load { margin-top: 10px; text-align: center; font-size: 14px; line-height: 31px; }
.load a { color: #707c85; background: #f0f0f0; display: block; height: 50px; line-height: 50px; width: 300px; margin: 0 auto; }
.load a:hover { background: #446933; color: #fff; }
/*新闻详细页*/
.title { padding-bottom: 10px; color: #333; text-align: center; font-weight: bold; font-size: 21px; }
.time { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dotted #aaa; text-align: center; }
.newscontent { text-align: justify; }
.hits { margin-left: 20px; }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; }
.back a { background: url(../image/new_back.png) no-repeat left center; padding-left: 20px; }
/*留言*/
#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; }*/

.top{ height:40px; background:#325783; color:#fff; }
.stock-code{ padding: 0px 0 0 10px; display: inline-block; font-size: 16px; position: relative; height: 40px; width: 400px; overflow: hidden; }
.top ul{ float: right; margin-right: 10px; }
.top ul li{ float: left; line-height: 40px; }
.top ul li a{ color: #fff; display: block; background:url(../images/line2.png) no-repeat center right; padding: 0 10px; }
.top ul li a:hover{ color: #fff; }
.lan { margin: 10px 0; padding: 0 5px; font-size: 12px; }
.lan a { color: #fff; }
.lan img { height: 14px; vertical-align: middle; margin-right: 5px; }
.lan a:hover { color: #ff0000; }
/*头部*/
#header { height: 80px; }
.logo { padding-top: 20px; }
.headright { text-align: right; }
#header.navFix { background: #fff none repeat scroll 0 0; box-shadow: 0 0 5px #444; height: 65px; left: 0; position: fixed; top: 0; width: 100%; z-index: 4; }
#header.navFix span { bottom: 5px; }
#header.navFix .logo { padding: 14px 0; }
#header.navFix .logo img { width: 230px; }
#header.navFix .hertop { display: none; }
#header.navFix .menu li { line-height: 65px; }
#header.navFix .search-user a { height: 65px; }
#header.navFix .menu li .menulist { top: 60px; }
#header.navFix .menu li .menulist ul li { line-height: 25px; }
/* vivo-head */
#header.navFix #vivo-head .vivo-search { top: 12px; }
.search-user a { background: url(../images/search.png) no-repeat center center; float: left; display: block; height: 80px; width: 80px; }
#vivo-head { position: relative; }
#vivo-head .vivo-search { position: absolute; z-index: 3; display: none; right: 45px; top: 20px; }
.vivo-search .search-box input { width: 136px; height: 20px; padding: 9px 10px; font-size: 14px; color: #555; border: none; background: #fff; overflow: hidden; vertical-align: middle; border: 1px solid #2d79a6; float: left; }
.vivo-search .search-box button { width: 79px; height: 40px; overflow: hidden; float: left; text-align: center; font-size: 14px; color: #fff; border: none; overflow: hidden; vertical-align: middle; background: #2d79a6; outline: none; cursor: pointer; }
/*导航*/
.menu li { float: left; margin-left: 50px; text-align: center; line-height: 80px; position: relative; }
.menu li a { display: block; font-size: 18px; color: #184268; }
.menu li a:hover { color: #036eb8; }
.menu span { position: absolute; width: 100%; bottom: 10px; height: 7px; background: url(../images/menubarrow.png) no-repeat center center; left: 0; display: none; }
.menu li:hover span { display: block; }
.menu .first a { color: #333; }
.menulist { width: 860px; height: 216px; display: none; overflow: hidden; background: transparent url(../images/xia.png) no-repeat top left; position: absolute; top: 70px; text-align: center; z-index: 50; left: -250px; }
.menu .subnav { display: block; }
.menu li .menulist ul { padding-bottom: 10px; overflow: hidden;margin:10px 0 10px 10px; width:570px; }
.menu li .menulist ul li { margin-left: 30px; width:200px; line-height:25px; text-align: left; padding-right: 30px; float: left; background: url(../images/arrow16.gif) no-repeat left center; padding-left: 12px; }
.menu li .menulist ul li a { color: #000; font-size: 15px; }
.menu li .menulist ul li a:hover { color: #036eb8; }
.menu li .menulist ul{ float: left; padding-top: 20px; }
.menuleft { width: 140px; height: 200px; line-height: 200px; color: #fff; font-size: 28px; text-align: center; padding-left: 60px; text-align: center; padding-top: 40px; margin-left:-10px; }
/*banner*/
#ban { height:499px; }
#ban .banner { height: 499px; position: relative; overflow: hidden; }
.banner ul.imglist li { position: absolute; }
#ban .imglist li { background: none repeat-x center top; height: 500px; width: 100%; }
#ban a { display: block; }
.banner .imglist li a { height: 100%; }

.loop .section { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: none; }
.loop .container { width: 1200px; margin: 0 auto; text-align: center; padding-top: 120px; position: relative; height: 380px; }
.loop .container h1 { padding-bottom: 5px; }
.loop .container .ban-en { margin-bottom: 28px; }

.lx { width: 1000%; height: 500px; position: absolute; left: 0; top: 0; }
.lx div { position: absolute; top: 0px; right: 0px; }
.lx1 { width:294px; height:203px; background:url(../images/lx/lx1.png) no-repeat; }
.lx2 { width:114px; height:88px; background:url(../images/lx/lx2.png) no-repeat; }
.lx3 { width:73px; height:43px; background:url(../images/lx/lx3.png) no-repeat; }
.lx4 { width:134px; height:98px; background:url(../images/lx/lx4.png) no-repeat; }
.lx5 { width:82px; height:60px; background:url(../images/lx/lx5.png) no-repeat; }

.ban-title { font-size: 65px; color: #fff; font-weight: bold; text-shadow: 2px 2px 2px #777; }
.ban-en { font-size: 32px; color: #fff; text-shadow: 2px 2px 2px #777; }
.ban-cn { font-size: 16px; color: #fff; text-shadow: 2px 2px 2px #777; }

#inban { height: 250px; }
#inban .banner { height: 250px; position: relative; }
#inban .banner li { background: none no-repeat center top; height: 250px; width: 100%; }

#inban .wrap { position: relative; }
#inban .wrap h3 { position: absolute; color: #fff; font-size: 36px; line-height: 1; left: 20px; top: 80px; letter-spacing: 3px; text-shadow: 1px 1px 2px #333; }
#inban .wrap p { position: absolute; color: #fff; font-size: 16px; line-height: 1.2; left: 20px; top: 130px; letter-spacing: 1px; text-shadow: 1px 1px 2px #333; }

.btn_left, .btn_right { cursor: pointer; display: block; height: 134px; position: absolute; top: 12px; width: 52px; z-index: 1; }
.btn_left_del { left: 15%; }
.btn_right_del { right: 15%; }
.pagelist { bottom: 40px; height: 17px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 3; }
.pagelist li { color: #fff; cursor: pointer; display: inline-block; *float:none; *display:inline; zoom: 1; text-align: center; font-size: 45px; height: 45px; line-height: 45px; position: relative; width: 25px; text-indent:-999px; overflow: hidden; background: url(../images/dot.png) no-repeat; }
.pagelist li.on { color: #cb0000; background-image: url(../images/dots.png); }
/*首页主体*/
.main1 { background: #0068b4; padding:0; overflow: hidden; }
.main1 .wrap { width: 1507px; }
.main1 ul li { display:inline-block ; margin-right: 39px; text-align: center; width: 264px;}
.main1 ul li div { width: 100%; height: 170px; position: relative; overflow: hidden; background: url(../images/bottom.jpg) no-repeat center center; }
.main1 ul li img { width: 100%; height: 170px; position: relative; z-index: 1; transition: all 1s ease 0s; }
.main1 ul li i { width: 40px; height: 40px; position: absolute; right: 0; bottom: 0; background: url(../images/cate/arr.png); z-index: 2; }
.main1 ul li:hover img { transform: scale(1.1); }
.main1 ul li a { padding: 30px 0; display: block; }
.main1 ul li h3 { color: #fff; background: url(../images/line.png) no-repeat bottom center; font-size: 22px; line-height: 30px; padding: 5px 0 8px 0; }
.main1 ul li span { display: block; background: url(../images/more.png) no-repeat center center; height: 25px; margin-top: 10px; transition: -moz-transform 0.6s ease-out 0s; }
.main1 ul li:hover span { transform: rotate(720deg); }
.main1 ul { width: 1544px; text-align: center; }

.inpage-4 ul li{ background-image: url(../images/main1bgs.png); }
@media screen and (min-width: 1600px) {
.main1 .wrap { width: 1507px; }
}
@media screen and (max-width: 1440px) {
.main1 { padding: 30px 0; }
.main1 .wrap { width: 1200px; }
.main1 ul { width: 1230px; }
.main1 ul li { margin-right: 15px; width: 222px; }
.main1 ul li a { padding: 20px 0; }
.main1 ul li a h3 { font-size: 21px; }
}
@media screen and (max-width: 1200px) {
.main1 { padding: 30px 0 10px 0; }
.main1 .wrap { width: 768px; }
.main1 ul { width: 800px; }
.main1 ul li { margin-right: 20px; width: 236px; margin-bottom: 20px; }
.main1 ul li a { padding: 20px 0; }
.main1 ul li a h3 { font-size: 21px; }
}

.main1 ul li h3 { background: #1e537b; }
.main1 ul li hr { height: 0px; width: 0px; border-bottom: #fff solid 2px; visibility: hidden; margin: 0 auto; transition: all .4s ease-out 0s; }
.main1 a:hover hr { width: 180px; border-bottom: #fff solid 2px; visibility: visible; }

.main2 { background: #f8f8f8 url(../images/m2.jpg) no-repeat bottom center; overflow: hidden; }
.main2top { width: 1200px; }
.main2top .img { display: block; height: 374px; overflow: hidden; width: 890px; }
.img { float: left; margin-right: 30px; }
.img img { transition: all 1s ease 0s; }
.img:hover img { transform: scale(1.2); }
.text { float: left; margin-top: 10px; }
.text h3 { -webkit-text-stroke-width: 0.2px; color: #00132b; font-size: 40px; font-weight: normal; line-height: 1; margin-bottom: 10px; padding-bottom: 4px; }
.text a:hover h3 { color: #00acd6; }
.text a:hover h4 { color: #184268; }
.text p { color: #666;  line-height: 26px; margin-top: 20px; }
.main2top .text { width: 280px; }
.main2bottom { height: 347px; margin-top: 50px; }
.main2bottom .img { display: block; height: 378px; overflow: hidden; width: 550px; }
.main2bottom .text { width: 370px; margin-top :80px; }
.main2bottom .text h4{ font-size: 30px; color: #00132b; }

.main20 { padding-top:40px;padding-bottom: 20px; background-color: #f8f8f8;}
.main20 h3 { font-size: 36px; line-height: 36px; padding-top: 11px; }
.main20 h6 { font-size: 26px; padding-top: 0; letter-spacing: 1px; }
.main20 h4 { font-size: 20px; color: #999; }
.maintitle { text-align: center; margin-bottom: 30px; }
.maintitle h3 {font-size: 36px; line-height: 36px; padding-top: 11px; }
.maintitle h6 {font-size: 26px; padding-top: 0; letter-spacing: 1px; }
.maintitle h4 {font-size: 20px; color: #999; }
.main20tt { text-align: center; }
.newage { margin-top: 30px; height: 490px; position: relative; overflow: hidden; }
.newage li { float: left; margin-right: 12px; position: relative; height: 453px; width: 190px; overflow: hidden; }
.newage li.last { margin-right: 0; }
.newage li img{width: 100%;height: 100%;}
.newage li div { position: absolute; left: 0; bottom: 0; background: url(../images/sbg.png); width: 190px; color: #fff; height: 40px; transition: all 0.4s; }
.newage li div h5 { font-size: 24px; line-height: 40px; padding-left: 10px; transition: all 0.4s; text-align: center;}
.newage li div p { padding: 12px 10px; font-size:18px; line-height: 1.8; color: #fff; text-align: center;font-weight: bold;}
.newage li div p.pp{
	padding: 12px 10px;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-family: Arial sans-serif;
}
.newage li a:hover div { height: 453px; }
.newage li a:hover h5 { padding-top: 30px; }

.main3 { overflow: hidden; clear: both; }
.main3top { margin-top: 35px; height: 568px; overflow: hidden; position: relative; }
.main3top .main3title { display: block; font-size: 32px; line-height: 40px; padding-bottom: 10px; }
.main3top a { display: block; }
.main3top a h3 {  font-weight: normal; }
.main3top .pleft { float: left; width: 469px; margin-right: 78px; }
.main3top .pleft a.img { display: block; height: 280px; width: 469px; overflow: hidden; }
.main3top .pleft h3 { line-height: 40px; margin-top: 5px; }
.main3top .pright { float: right; width: 653px; }
.main3top .pright ul { display: block; height: 385px; overflow: hidden; }
.main3top .pright ul li {  overflow: hidden; height:77px; }
.main3top .pright ul li a { display: block; }
.main3top .pright ul li .onetime { background: url(../images/rl.png) no-repeat center center; height: 57px; margin-right: 15px; text-align: center; width: 63px; }
.main3top .pright ul li .onetime h3 { color: #999; font-size: 20px; font-weight: normal; height: 30px; line-height: 30px; }
.main3top .pright ul li .onetime span{ font-size: 13px; }
.main3top .pright ul li .onetime p { color: #666; font-size: 18px; font-weight: normal; line-height: 18px; padding: 7px; }
.main3top .pright ul li .inewinfo { width: 575px; }
.main3top .pright ul li .inewinfo h3{ margin-top: -5px; }
.main3top .pright ul li a:hover .onetime{ background: url(../images/rlh.png?1) no-repeat center center; }
.main3top .pright ul li a:hover .onetime h3{ color: #fff; }

.main4 { overflow: hidden; padding: 35px 0 50px;background-color: #f8f8f8; }
.main4top { overflow: hidden; position: relative; }
.item1 { cursor: pointer; float: left; }
.item1 a { display: block; }
.item1 .para { width: 260px; float:left; }
.item1 .para .main { color: #fff; padding: 50px; text-align: center; }
.item1 .para .main h3 { display: block; }
.item1 .para .main h4 { font-size: 15px; display: block; margin-top: 10px; }
.item1 .para .main p { display: none; font-size: 14px; }
.item1 .para .main span { background-color: #ffae00; color: #fff; display:block; font-size: 12px; height: 33px; line-height: 33px; text-align: center; width: 120px; margin-top: 10px; }
.slider { height: 300px; width: 840px; float: left; overflow: hidden; }
.main4 .item { cursor: pointer; float: left; height: 300px; overflow: hidden; position: relative; width: 180px; background: #285a90; }
.main4 .item a { display: block; }
.main4 .item img { float: right; position: absolute; right: 0; width:350px; margin-left: 70px; margin-top: 10px; }
.main4 .item .para.i2 { background-color: #2d79a6; }
.main4 .item .para.i3 { background-color: #286090; }
.main4 .item .para.i4 { background-color: #174369; }
.main4 .item .para { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 180px; word-break: break-all; z-index: 2; }
.main4 .item .para b { background: url(../images/ic.png) repeat 0 0; bottom: 0; display: inline-block; height: 57px; left: auto; position: absolute; right: 0; top: auto; width: 67px; z-index: 9; }
.main4 .item.active { background: url(../images/a2.jpg) no-repeat center center; }
.main4 .item.active .para { background: none; width: 180px; }
.main4 .item.active .para b { background: none; }
.main4 .item.active .para .main h4, .slider .item.active .para .main span, .slider .item.active .para .main p { display: block; }
.main4 .item .para .main { color: #fff; padding: 25px; position: relative; }
.main4 .item.active .para .main { margin-top: 40px; padding: 25px 27px 25px 15px; color: #011435; text-align: right; }
.main4 .item .para .main h3 { font-size: 28px; line-height: 45px; color: #fff; }
.main4 .item.active .para .main h3 { font-size: 32px; color: #282828; }
.main4 .item.active .para .main:hover h3, .main4 .item .para .main:hover span { color: #036eb8; }
.main4 .item .para .main h4 { font-size: 14px; }
.main4 .item .para .main p { display: none; font-size: 14px; }
.main4 .item .para .main span { line-height: 30px; font-size: 22px; text-align: right; width: 100%; color: #174369; display: none; }

.main5 { overflow: hidden; padding: 35px 0 50px; }
.main5 .partnerlist { overflow: hidden; height: 246px; }
.main5 ul { width: 1414px; }
.main5 ul li { border: 1px solid #d2d2d2; width: 188px; height: 72px; float: left; margin: 0 12px 12px 0; background: #fff; }
.main5 ul li img { width: 187px; height: 72px; }
/*底部*/
#footer { background: #2d79a6 url(../images/footbg.jpg) repeat-x center top; height: 352px; position:relative; }
#picShow{
	position:absolute;
	background:#FFF;
	padding:2px;
	display:none;
	color:#333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	-o-border-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	z-index:300
}
/*上下*/
.foottop { height: 317px; }
.foottop ul { float: left; width: 180px; margin-top: 25px; margin-left: 10px; }
.foottop li.tt { font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.foottop li.tt i { width: 9px; height: 5px; background: url(../images/arrowdown.png); display: inline-block; margin-left: 10px; }
.foottop li.tt .tel_ico { width: 22px; height: 28px; float: left; background: url(../images/zj.png) no-repeat center center; display: inline-block; margin-right: 10px; }
.foottop li { line-height: 1.9; color: #fff; }
.foottop li img { vertical-align: middle; }
.foottop a { color: #eee; transition: all 0.4s; }
.foottop li a:hover { padding-left: 10px; }
.foottop .social { padding-top: 15px; margin-right: -70px; }
.foottop .social a { font-size: 22px; margin-right: 3px; }
.foottop .social a:hover { color: orange; }
.footbottom img { vertical-align: middle; margin-right: 10px; }
.footbottom,.footbottom a { color: #fff; }
.footbottom span { float: right; }
.footbottom span,.footbottom span a { color: #ddd; }

.friendlink { clear: both; color: #fff; padding: 20px 0 0 10px; }
.foottop .friendlink ul {  width: 1080px; float: none; margin: 0 0 0 0px; display: inline-block; }
.friendlink ul li { float: left; line-height: 1.64; margin-right: 8px; }
.friendlink ul li a { margin-right: 8px; }
.friendlink ul li strong { font-size: 11px; color: #CCC; line-height:1.2; }
.friendlink ul li a:hover { padding-left: 0; }
.friendlink i { font-size: 12px; color: #3ea8e5; }

/*产品内页顶部*/
.curnav { position: relative; }
.curnav > a { font-size: 16px; color: #575757; display: inline-block; }
.curnav > a:nth-child(1) { margin-right: 55px; }
.curnav > a:nth-child(2) { padding-right: 23px; background: url(../images/ico_1.jpg) no-repeat right center; margin-right: 17px; }
.curnav .showjobmenu { padding-right: 16px; background: url(../images/ico_2.jpg) no-repeat right center; display: inline-block; margin-left: -4px; }
.curnav .showjobmenu > a { font-size: 16px; color: #575757; display: inline-block; }
.jobmenu { position: absolute; background: #fff; border: 1px solid #282828; top: 70px; left: 163px; display: none; padding: 5px 0; box-shadow: 2px 2px 5px #999; }
.jobmenu li { width: 120px; }
.jobmenu li a { text-align: center; margin: 0; display: block; height: 34px; line-height: 34px; }

.introtop { background: #f0f0f0; padding: 30px; overflow: hidden; margin-bottom: 25px; }
.introtop div { float: left; padding: 0 0 0 25px; width: 470px; }
.introtop div h3 { font-size: 24px; color: #555; border-bottom: 1px dashed #b5b5b5; padding-bottom: 20px; margin-bottom: 15px; }
.introtop div p { font-size: 14px; color: #555; text-align: justify; }
.introtop div a { display: block; padding: 5px 15px; background: #2d79a6; color: #fff; width: 71px; margin-top: 15px; }
.introtop img { float: left; margin-left: 30px; }

.products_left { width: 245px; margin-right: 40px; float: left; background: #f9f9f9; margin-top: 40px; border-bottom: 3px solid #2d79a6; }
.products_right { width: 915px; float: left; position: relative; }

#cnm { height: 60px; line-height: 60px; border-bottom: 1px dashed #2d79a6; background: #2d79a6; padding-left: 20px; width: 225px; color: #fff; }
.cates > ul > li { border-bottom: dashed 1px #ccc; margin: 0 20px; position: relative; }
.cates > ul > li > a { display: block; background: url(../images/arrow22.gif) no-repeat left 14px; padding-left: 20px; font-size: 16px; margin: 5px 0; line-height: 36px; }
.cates > ul > li:last-child { border: none; }
.cates > ul > li > a:hover { background: #2d79a6 url(../images/arrow23.gif) no-repeat left 14px; color: #fff; }
.cates > ul > li > a:hover .ileft { position: absolute; background: #2d79a6; width: 20px; height: 36px; display: block; left: -20px; top: 0; }
.cates > ul > li > a:hover .iright { position: absolute; background: #2d79a6; width: 20px; height: 36px; display: block; right: -20px; top: 0; }
.cates li ul { border-top: dashed 1px #ccc; }
.cates li li { border-top: dashed 1px #ccc; margin-left: 10px; }
.cates li li:first-child { border-top: none; }
.cates li li a { display: block; background: url(../images/arrow24.gif) no-repeat 10px 10px; font-size: 14px; line-height: 26px; margin: 5px 0; padding-left: 30px; transition: all 0.5s; }
.cates li li a:hover { background: url(../images/arrow24.gif) no-repeat 20px 10px; padding-left: 40px; }
.cates > ul > li.cur > a { background: #2d79a6 url(../images/arrow23.gif) no-repeat left 14px; color: #fff; }
.cates li li.cur a { background: url(../images/arrow24.gif) no-repeat 20px 10px; padding-left: 40px; }
.cates > ul > li.cur a .ileft { position: absolute; background: #2d79a6; width: 20px; height: 36px; display: block; left: -20px; top: 0; }
.cates > ul > li.cur a .iright { position: absolute; background: #2d79a6; width: 20px; height: 36px; display: block; right: -20px; top: 0; }

.products li { width: 280px; height: 245px; border: solid 1px #2d79a6; color: #fff; position: relative; margin: 0 23px 30px 0; float: left; background: url(../image/bt2.jpg) no-repeat center center; background-size: 280px 245px; }
.products li img { width: 280px; height: 210px; }
.products li a { display: block; color: #fff; }
.products li div { position: absolute; transition: all .4s; left: 0; bottom: 0px; width: 250px; text-align: center; height: 15px; padding: 10px 15px; line-height:1.5; background: url("../images/sbg.png") repeat 0 0; z-index: 2; }
.products li a:hover div { height: 160px; padding-top: 75px; font-size: 21px; }

.products-small li { width: 208px; height: 187px; border: solid 1px #2d79a6; color: #fff; position: relative; margin: 0 25px 30px 0; float: left; background: url(../image/bt2.jpg) no-repeat center center; background-size: 208px 187px; }
.products-small li img { width: 208px; height: 156px; }
.products-small li a { display: block; color: #fff; }
.products-small li div { position: absolute; transition: all .4s; left: 0; bottom: 0px; width: 192px; text-align: center; height: 15px; padding: 8px 8px; line-height: 1.5; background: url("../images/sbg.png") repeat 0 0; z-index: 2; }
.products-small li a:hover div { height: 122px; padding-top: 57px; font-size: 18px; }

.pro-pagelist{ width: 100%; text-align: center; margin: -40px 0 20px; }
.pro-pagelist li{ display: inline-block; color: #444; width: auto; height: auto; background: none; border: none; font-size: 40px; float: none; padding: 0; margin: 0 2px; cursor: pointer; }
.pro-pagelist li.on{ display: inline-block; color:#39F; }

/*产品内页顶部 end*/

/*新闻内页顶部*/
.news_left { width: 580px; height: 387px; float: left; position: relative; }
.news_right { width: 580px; height: 387px; float: left; margin-right: 40px; overflow: hidden; }
.news_right img { transition: all 0.5s; width: 580px; height: 387px; }
.news_right img:hover { transform: scale(1.1); }

.inpage { margin-bottom: 40px; overflow: hidden; }
.tt1,.tt2 { width: 100%; }
.tt1 { border-bottom: solid 3px #282828; font-size: 24px; }
.tt2 { text-align: right; line-height: 70px; border-bottom: solid 1px #282828; }
.tt1 h2 { margin: 10px 0; }
.first-time { font-size: 18px; margin: -5px 0 30px; }
.first-tt { font-size: 22px; padding-bottom: 10px; line-height: 1.4;font-weight: bold; }
.first-Subtt { font-size: 20px; padding-bottom: 20px; line-height: 1.4; }
.first-desc { opacity: 0.8; text-align: justify; }
.first-more { position: absolute; right: 0; bottom: 0; width: 140px; height: 43px; }
.first-more a { display: block; color: #fff; font-size: 14px; text-align: center; line-height: 43px; background: #2d79a6 url(../image/news_arrow.png) no-repeat 110px center; }
/*新闻内页顶部 end*/

/*新闻列表*/
.news-cates { width: 1225.5px; }
.news-cates li { background: url(../image/news_bk.png) no-repeat; height: 109px; width: 280px; margin-right: 25.5px; float: left; text-align: center; }
.news-cates li:nth-child(1) { background: url(../image/nnn1.png) no-repeat; }
.news-cates li:nth-child(2) { background: url(../image/nnn2.png) no-repeat; }
.news-cates li:nth-child(3) { background: url(../image/nnn3.png) no-repeat; }
.news-cates li:nth-child(4) { background: url(../image/nnn4.png) no-repeat; }
.news-cates li a { display: block; font-size: 24px; color: #282828; line-height: 109px; }
.news-cates li a i { width: 53px; height: 65px; display: inline-block; vertical-align: middle; margin-right: 30px; }
.news-cates li:nth-child(1) a i { background: url(../image/news_i1.png) no-repeat; }
.news-cates li:nth-child(2) a i { background: url(../image/news_i2.png) no-repeat; }
.news-cates li:nth-child(3) a i { background: url(../image/news_i3.png) no-repeat; }
.news-cates li:nth-child(4) a i { background: url(../image/news_i2.png) no-repeat; }

.news-cates li:nth-child(1):hover { background: url(../image/nnn1h.png) no-repeat; }
.news-cates li:nth-child(2):hover { background: url(../image/nnn2h.png) no-repeat; }
.news-cates li:nth-child(3):hover { background: url(../image/nnn3h.png) no-repeat; }
.news-cates li:nth-child(4):hover { background: url(../image/nnn4h.png) no-repeat; }
.news-cates li:hover a { color: #2d79a6; }
.news-cates li:nth-child(1):hover a i { background: url(../image/news_i1h.png) no-repeat; }
.news-cates li:nth-child(2):hover a i { background: url(../image/news_i2h.png) no-repeat; }
.news-cates li:nth-child(3):hover a i { background: url(../image/news_i3h.png) no-repeat; }
.news-cates li:nth-child(4):hover a i { background: url(../image/news_i2h.png) no-repeat; }

.news-cates li:nth-child(1).cur { background: url(../image/nnn1h.png) no-repeat; }
.news-cates li:nth-child(2).cur { background: url(../image/nnn2h.png) no-repeat; }
.news-cates li:nth-child(3).cur { background: url(../image/nnn3h.png) no-repeat; }
.news-cates li:nth-child(4).cur { background: url(../image/nnn4h.png) no-repeat; }
.news-cates .cur a { color: #2d79a6; }
.news-cates li:nth-child(1) .cur i { background: url(../image/news_i1h.png) no-repeat; }
.news-cates li:nth-child(2) .cur i { background: url(../image/news_i2h.png) no-repeat; }
.news-cates li:nth-child(3) .cur i { background: url(../image/news_i3h.png) no-repeat; }
.news-cates li:nth-child(4) .cur i { background: url(../image/news_i2h.png) no-repeat; }

.newslist li { clear: both; margin-bottom: 40px; height: 150px; }
.newslist .fl { display: block; }
.newslist img { margin-right: 20px; width: 200px; height: 150px; float: left; }
.newslist div.fl { width: 850px; margin-right: 40px; }
.newslist div.fl h3 { padding: 5px 0 5px; font-size: 22px;font-weight: bold;}
.newslist div.fl h4{padding: 5px 0 15px; font-size: 20px; }
.newslist span.fl { border: solid 1px #999; border-radius: 5px; color: #999; padding: 10px; text-align: center; margin-top: 36px; }
.newslist span.fl i { display: block; font-size: 20px; }
.subLink { border-top: dotted 1px #ccc; padding-top: 10px; margin-top: 10px; }
/*新闻列表 end*/

/*关于我们*/
.content { padding-top: 20px; }
.infirst { padding-top: 40px; }
.ttm { clear: both; margin: 0 auto; border-left: solid 2px #282828; border-right: solid 2px; width: 350px; font-size: 32px; line-height: 40px; margin: 0 auto; text-align: center; }
.ttl { font-size: 22px; line-height: 30px; }
.ttl h2 { font-size: 32px; line-height: 40px; }
.split2 .item { width: 50%; float: left; }

.split4 { min-width: 1200px; margin: 0 auto; line-height: 1.6; }
.split4 .item { width: 50%; float: left; height: 375px; background-position: center; background-repeat: no-repeat; overflow: hidden; }
.split4 .cover div { display: block; background: url(../images/split4bg.png); height: 100%; width: 100%; color: #fff; }
.split4 .coverl div { padding-left: 40px; }
.split4 .coverr div { padding-right: 40px; }
.split4 h3 { font-size: 28px; font-weight: bold; }
.split4 h4 { font-size: 18px; font-weight: bold; }
.split4 p { width: 550px; padding-top: 10px; }
/*关于我们 end*/

/*产品内页*/
.pro-detaill { margin-top:40px; float: left; width: 372px; }
.pro-detailr { margin-top:40px; float: left; width: 500px; margin-left: 43px; height: 278px;/* position: relative;*/ }
.pro-detailr h3 { font-size: 24px; color: #555; line-height: 24px; margin-bottom: 25px; }
.pro-detailr div { background: #f0f0f0; padding: 15px 20px; color: #555; font-size: 14px; line-height: 26px; height: 110px; overflow: hidden; }
.pro-detailr h4 { background: #2d79a6 url(../images/phone.png) no-repeat 20px center; width: 200px; font-size: 14px; color: #fff; line-height: 45px; padding-left: 55px; margin-top: 20px;/* position: absolute; left: 0; bottom: 0;*/ }
.zoom-section img { border:1px solid #cccccc; }

.prodetail { float: left; width: 915px; margin-top: 55px; position: absolute; top: 300px; }
.prodetail { width: 915px; background: #f0f0f0; }
.prodetail li { float: left; width: 127px; line-height: 40px; padding: 10px 0; font-size: 14px; color: #555555; cursor: pointer; border-spacing: 10px; transition: background-color 0.5s; }
.prodetail li a { display: block; border-right: 1px dashed #b5b5b5; }
.prodetail li:nth-child(4) { width: 126px; }
/*.prodetail li:last-child a { border-right: none; }*/
.prodetail .detail1 { background: #f0f0f0 url(../images/i1.png) no-repeat 64px center; padding-left: 102px; }
.prodetail .detail2 { background: #f0f0f0 url(../images/i2.png) no-repeat 64px center; padding-left: 102px; }
.prodetail .detail3 { background: #f0f0f0 url(../images/i3.png) no-repeat 64px center; padding-left: 102px; }
.prodetail .detail4 { background: #f0f0f0 url(../images/i4.png) no-repeat 64px center; padding-left: 102px; }
.prodetail .detail1h { background: #2d79a6 url(../images/i1h.png) no-repeat 64px center; color: #ffffff; }
.prodetail .detail2h { background: #2d79a6 url(../images/i2h.png) no-repeat 64px center; color: #ffffff; }
.prodetail .detail3h { background: #2d79a6 url(../images/i3h.png) no-repeat 64px center; color: #ffffff; }
.prodetail .detail4h { background: #2d79a6 url(../images/i4h.png) no-repeat 64px center; color: #ffffff; }
#prodetail.navFix { position: fixed; top: 10px; z-index: 3; }

.detail5 { float: left; width: 915px; margin: 20px 0 35px 0; background: #f0f0f0; }
.detail5 li { float: left; width: 127px; line-height: 40px; padding: 10px 0; font-size: 14px; color: #555555; cursor: pointer; border-spacing: 10px; }
.detail5 .detail5h { background: #2d79a6 url(../images/i5h.png) no-repeat 64px center; color: #ffffff; padding-left: 102px; cursor: default; }

.allcont { width: 100%; overflow: hidden; padding-bottom: 25px; margin-top: 95px; float: left; }
.allcont h6 { background: url(../images/ico_3.png) no-repeat center center; width: 111px; height: 40px; font-size: 18px; color: #2d79a6; line-height: 40px; text-align: center; margin: 35px 0 20px 0; }
.allcont p { font-size: 14px; color: #555; }
/*
 Cloud Zoom CSS. (c)2012-2015 Star Plugins.
*/

/* CSS for lens */
.cloudzoom-lens {
    border:5px solid #888;
    width:100px;
    height:100px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor:crosshair;
    z-index: 9999;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
    border:1px solid #888;
    width:600px;
    height:200px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
	z-index: 9999;
	margin: -1px 0 0 30px;
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border:none;
    box-shadow:none;
	z-index: 9999;
}

/* CSS for captions */
.cloudzoom-caption {
    display:none;   /* CSS captions should be hidden initially */
    text-align: left;
    background-color:#000;
    color:#fff;
    font-weight:bold;
    padding:10px;
    font-family: sans-serif;
    font-size:11px;
   
}

/* A blank image */
.cloudzoom-blank {
    background-image:url(blank.png);
}

/* The animated ajax loading image */
.cloudzoom-ajax-loader {
    background-image:url(ajax-loader.gif);
    width:32px;
    height:32px;
}

/*综合页*/
.comtitle { color: #393939; font-size: 36px; text-align: center; margin-top: 40px; }
.comentitle { color: #393939; font-size: 26px; text-align: center; line-height: 30px; padding-bottom: 30px; }

/*核心竞争力*/
.power1 { overflow: hidden; margin-bottom: 60px; }
.power1left { width: 580px; float: left; }
.power1left p { background: #dadada; padding: 8px 10px; line-height: 20px; }
.power1right { width: 580px; float: left; margin-left: 40px; }
.power1right li { background: url(../image/power_ico_2.png) no-repeat left 9px; padding-left: 15px; line-height: 24px; border-bottom: 1px dashed #989898; padding-bottom: 10px; margin-bottom: 10px; text-align: justify; }
.power1right li:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }

.power2 { background: #f8f8f8; overflow: hidden; margin-bottom: 60px; }
.power2top { width: 1240px; overflow: hidden; margin-bottom: 40px; }
.power2top li { float: left; width: 270px; height: 63px; line-height: 63px; margin-right: 40px; text-align: center; font-size: 24px; color: #2d79a6; background: url(../image/power_ico_1.png) no-repeat center center; }

/*品牌*/
.tt5 { font-size: 24px; height: 60px; line-height: 60px; }
.tt6 { display: inline-block; color: #2d79a6; line-height: 40px; height: 43px; font-size: 18px; background: url(../image/title_bg.png) no-repeat right center; padding: 0 16px 0 10px; border-left: 4px solid #2d79a6; margin: 10px 0 20px; }
.brand1 { margin-bottom: 35px; }
.brand2 li { background: #f8f8f8 url(../image/brand_ico_5.png) no-repeat right bottom; padding: 12px 0; overflow: hidden; margin-bottom: 20px; }
.brand2 li img { margin: 14px 26px; float: left; }
.brand2 li .cell { display: table; float: left; height: 100px; border-left: 1px dashed #d2d2d2; }
.brand2 li .cell div { display: table-cell; vertical-align: middle; padding-left: 40px; }
.brand2 li p { color: #575757; width: 1000px; text-align: justify; }
.brand2 li .aa { display: block; }
.brand2 li .ab { display: none; }
.brand2 li:hover { background: #2d79a6 url(../image/brand_ico_5h.jpg) no-repeat right bottom; }
.brand2 li:hover p { color: #fff; }

/*系统*/
.sys0 { color: #575757; margin: 0 0 20px; }
.sys1 { color: #575757; margin: 10px 0 20px; }
.sys2 { width: 1239px; overflow: hidden; margin-top: -20px; }
.sys2 li { float: left; width: 374px; margin: 20px 39px 10px 0; }
.sys2 li div { border: 1px solid #b5b5b5; width: 372px; height: 248px; overflow: hidden; border-bottom: none; }
.sys2 li img { width: 372px; height: 248px; transition: all 0.5s; }
.sys2 li h3 { font-size: 15px; color: #575757; background: #dcdcdc; line-height: 36px; padding-left: 20px; border: 1px solid #b5b5b5; border-top: none; }
.sys2 li:hover img { transform: scale(1.1); }
.sys2 li:hover h3 { color: #fff; background: #2d79a6; }
.sys3 { font-size: 16px; color: #575757; margin: -5px 0 15px; }

/*研究所*/
.yjsimg { margin-bottom: 35px; }
.yjs4 li img { margin: 14px 20px 14px 15px; width: 102px; height: 72px; float: left; }
.yjs4 li .cell { border-left: none; }
.yjs4 li .cell div { padding-left: 0; }
.yjs4 li p { width: 1025px; }
.yjs4 li .wtf { float: left; width: 102px; height: 72px; margin: 14px 20px 14px 15px; line-height: 72px; text-align: center; font-size: 28px; font-weight: bold; color: #2d79a6; }
.yjs4 li:hover .wtf { color: #fff; }

/*路线*/
.route2 li { background: #f8f8f8 url(../image/brand_ico_5.png) no-repeat right bottom; overflow: hidden; margin-bottom: 20px; float: left; width: 1200px; }
.route2 li .tt { width: 140px; text-align: center; float: left; background: #2d79a6; color: #fff; font-size: 18px; }
.route2 li p { color: #575757; width: 990px; text-align: justify; float: left; padding: 12px 0 12px 30px; }
.route2 li .cell { display: table; float: left; height: 140px; }
.route2 li .cell div { display: table-cell; vertical-align: middle; }
.route2 li .cell p { float: none; }

.addv li { width: 587px; float: left; margin: 0 26px 26px 0; }
.addv li:nth-child(2n) { margin-right: 0; }
.addv li .wtf { font-size: 52px; }
.addv li p { width: 425px; }

/*标杆*/
.internet0 { float: left; }
.internet1 { float: left; width: 540px; margin: 10px 0 0 40px; }
.internet1 li { width: 250px; float: left; margin: 0 0 30px 20px; }
.internet1 li h3 { float: left; width: 76px; height: 174px; line-height: 174px; color: #2d79a6; font-size: 30px; font-weight: bold; text-align: center; }
.internet1 li .cell { display: table; float: left; width: 174px; }
.internet1 li .cell div { display: table-cell; vertical-align: middle; height: 174px; background: url(../image/internet_ico_1.png) no-repeat right center; text-align: center; }
.internet1 li p { font-size: 16px; color: #fff; }
.internet1 li:nth-child(1) .cell div { background-image: url(../image/internet_ico_2.png); }
.internet1 li:nth-child(1) p { color: #2d79a6; }
.internet2 { margin: 30px 0 10px; overflow: hidden; }
.intdiv { position: relative; overflow: hidden; float: left; }
.intdiv1 { margin-bottom: 38px; }
.intmid { width: 280px; overflow: hidden; float: left; margin: 0 40px 0 39px; }
.intimg { border: 1px solid #174369; }
.intdiv > div { position: absolute; top: -185px; left: 0; width: 100%; height: 100%; background: url(../image/internet_ico_3.png) repeat; }
.intdiv > div > div { text-align: center; font-size: 18px; color: #ffffff; display: table; line-height: 40px; height: 43px; background: url(../image/internet_ico_4.png) no-repeat right center; border-left: 4px solid #fff; padding: 0 16px 0 10px; margin: 70px auto 0; }
.intdiv2 > div { top: -410px; }
.intdiv2 > div > div { margin: 182px auto 0; }
.intdiv3 > div { top: -386px; }
.intdiv3 > div > div { margin: 170px auto 0; }
.intdiv4 > div { top: -290px; }
.intdiv4 > div > div { margin: 70px auto 0; }
.intdiv5 > div { top: -280px; }
.intdiv5 > div > div { margin: 101px auto 0; }
.intdiv6 > div { top: -350px; }
.intdiv6 > div > div { margin: 140px auto 0; }
.intdiv8 > div { top: -290px; }
.intdiv8 > div > div { margin: 121px auto 0; }
.intdiv9 > div { top: -800px; }
.intdiv9 > div > div { margin: 350px auto 0; }
/* 分页 */
#pageNav { text-align: center; width: 100%; clear: both; background: #fff; height: 35px; /*font-family: simsun;*/ margin-top: 20px;  }
#pageNav a { color: #565656; text-decoration: none; }
.pageNum, .cPageNum, listnumber { line-height: 35px; width: 52px;height: 36px; text-align: center; display: inline-block; background: url(../images/page.gif) }
#pageNav .cPageNum { background: url(../images/page_cur.gif); color: #fff; font-weight: bold; *display:inline; }
#pageNav .pageNum:hover { background: url(../images/page_hover.gif); color: #fff; font-weight: bold; }

.pageNav2{ text-align:center; position: absolute; bottom: 0px;}
.pageNav2 { margin-top: 10px; text-align: center; font-size: 14px; line-height: 31px;width:100% }
.pageNav2 a { color: #707c85; background: #f0f0f0; display: block; height: 50px; line-height: 50px; margin: 0 auto; }

/*关于我们综合页*/
.nohover:hover h3 { color: #282828; }
.nohover h6 { color: #282828; }

.ab1 { height: 400px; }
.ab1 img { float: left; width: 600px; height: 400px; }
.ab1 .ab1r { float: left; width: 390px; height: 240px; padding: 80px 105px; background: #2d79a6; }
.ab1 .ab1r h3 { color: #fff; font-size: 30px; }
.ab1 .ab1r h4 { color: #fff; font-size: 20px; margin-bottom: 15px; }
.ab1 .ab1r p { color: #fff; font-size: 14px; text-align: justify; }

.ab2 { background: #f8f8f8; overflow: hidden; padding: 35px 0 55px; }
.ab21 { float: left; width: 270px; height: 580px; }
.ab22 { float: left; width: 270px; height: 580px; margin: 0 40px; }
.ab23 { float: left; width: 580px; height: 580px; }
.cul1 { float: left; width: 270px; height: 580px; }
.cul2 { float: left; width: 270px; height: 270px; margin-bottom: 40px; }
.cul3 { float: left; width: 270px; height: 270px; }
.cul4 { float: left; width: 580px; height: 270px; margin-bottom: 40px; }
.cul5 { float: left; width: 270px; height: 270px; margin-right: 40px; }
.cul6 { float: left; width: 270px; height: 270px; }
.cul { position: relative; }
.cul .content { background: url(../image/culture_bg.png) repeat; position: absolute; left: 12px; bottom: 12px; width: 216px; height: 226px; padding: 10px 15px; display: none; }
.cul .content h3 { color: #fff; font-size: 24px; }
.cul .content div { height: 1px; width: 100px; border-top: 1px solid #fff; margin: 8px 0 12px; }
.cul .content h4 { color: #fff; font-size: 16px; }
.cul .titleonly { font-size: 24px; color: #fff; position: absolute; left: 0; bottom: 0; padding: 0 0 15px 25px; }

.ab3 { position: relative; margin-bottom: 40px; }
.ab3 ul { width: 1239px; position: relative; overflow: hidden; }
.ab3 ul li { float: left; border: 1px solid #a0a0a0; padding: 10px; margin-right: 39px; }
.ab3 ul li img { float: left; width: 352px; height: 234px; }
.btnleft, .btnright { cursor: pointer; display: block; height: 35px; position: absolute; top: 230px; width: 20px; z-index: 1; }
.btnleft { background: url(../image/jtz.png) no-repeat scroll center center; left: -40px; }
.btnright { background: url(../image/jty.png) no-repeat scroll center center; right: -40px; }
.btnleft:hover { background-image: url(../image/jyz_h.png); }
.btnright:hover { background-image: url(../image/jyy_h.png); }
@media screen and (max-width: 1280px) {
.btnleft, .btnright { display: none; }
}

.ab4 { background: #f8f8f8; overflow: hidden; padding: 35px 0 55px; }
.ab4 .wrap { padding-bottom: 45px; }
.ab4 ul { width: 3410px; }
.ab4 ul li { float: left; width: 220px; height: 353px; background: url(../image/about_bsd.png) no-repeat center center; margin-right: 40px; padding: 15px 25px; }
.ab4 ul li:last-child { margin-right: 0; }
.ab4 ul li h3 { color: #393939; font-size: 36px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; }
.ab4 ul li p { font-size: 14px; color: #525252;/* margin-bottom: 10px;*/ line-height: 23px; padding-left: 12px; background: url(../image/about_bp.png) no-repeat left 9px; }

.ab5 { margin-bottom: 60px; }
.ab5video { width: 1200px; height: 468px; position: relative; }
.ab5video img { width: 1200px; height: 468px; }
.ab5video a { display: block; position: absolute; background: url(../image/about_bf.png) no-repeat center center; width: 172px; height: 95px; top: 186px; left: 514px; }
.ab5video a:hover { background-image: url(../image/about_bfh.png); }

/*资质*/
.inpagenav { text-align: left; margin: 0 auto 10px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
.inpagenav a { font-size: 16px; margin: 0 10px; color: #282828; padding: 3px 12px; transition: all 0.5s; display: inline-block; border-radius: 20px; border: 1px solid #2d79a6; }
.inpagenav a:hover { color: #fff; background: #2d79a6; border-radius: 20px; }
.inpagenav a.cur { color: #fff; background: #2d79a6; border-radius: 20px; }
.inpagenav a:first-child { margin: 0 10px 0 0; }
.inpagenav a:last-child { margin: 0 0 0 10px; }
.honorlist { margin-top: 10px; width: 1240px; overflow: hidden; float: left; }
.honorlist li { border: 1px solid #a0a0a0; width: 268px; height: 178px; float: left; margin: 0 40px 40px 0; }
.honorlist img { width: 258px; height: 168px; margin: 5px; display: block; }

/*党团*/
.caucuslist { margin-top: 10px; width: 1242px; }
.caucuslist li { background: #f3f3f3; width: 350px; float: left; margin: 0 42px 42px 0; border: 11px solid #f3f3f3; overflow: hidden; position: relative; }
.caucuslist img { width: 350px; height: 233px; display: block; transition: all 0.5s; }
.caucuslist .cell { background: url(../image/hoverbg.png) repeat; width: 350px; height: 233px; position: absolute; top: -233px; left: -350px; display: table; }
.caucuslist .cell div { display: table-cell; vertical-align: middle; }
.caucuslist h3 { font-size: 16px; color: #fff; text-align: center; line-height: 24px; padding: 20px; }
.caucuslist li:hover img { transform: scale(1.1); }
.caucuslist li:hover h3 { color: #fff; }

/*光*/
.lightlist { margin-top: 10px; width: 1240px; }
.lightlist li { width: 270px; height: 180px; float: left; margin: 0 40px 40px 0; }
.lightlist img { width: 270px; height: 180px; display: block; }

/*文化*/
.culture1 > li { background: #2d79a6 url(../image/brand_ico_5h.jpg) no-repeat right bottom; padding: 12px 0; overflow: hidden; margin-bottom: 20px; }
.culture1 > li .cell { display: table; float: left; height: 92px; }
.culture1 > li .cell div { display: table-cell; vertical-align: middle; padding-left: 40px; }
.culture1 > li li { color: #fff; width: 1000px; text-align: justify; list-style-type: initial; padding-left: 5px; }

.culture2 { width: 100%; }
.culture2 > li { background: #2d79a6 url(../image/brand_ico_5h.jpg) no-repeat right bottom; background-size: 26px 26px; padding: 12px 0; overflow: hidden; margin-bottom: 20px; }
.culture2 > li p { padding-left: 30px; color: #fff; font-size: 18px; }

.culture2 { float: left; }
.culture2 img { margin-top: 20px; float: left; display: block; transition: all 1s; }
.culture2 .ctt { margin: 20px 0 0 40px; float: left; }
.culture2 .ctt div { display: inline-block; height: 38px; line-height: 34px; padding: 0 15px 0 12px; background: url(../image/culture_ico_1.png) no-repeat right center; font-size: 18px; color: #fff; }
.culture2 .ctt ul { background: url(../image/culture_ico_2.png) no-repeat right center; padding: 10px 30px 10px 15px; margin-top: 12px; height: 120px; }
.culture2 .ctt ul li { background: url(../image/about_bp.png) no-repeat left 9px; padding-left: 15px; line-height: 24px; }
.culture2 .has:hover { transform: rotateY(180deg); }

.culture3 { float: right; }
.culture3 .ctt ul { padding: 16px 30px 24px 15px; height: 100px; }
.culture3 .ctt ul li { line-height: 25px; }

.culture4l { background: #f8f8f8 url(../image/culture_3.jpg) no-repeat center center; width: 600px; float: left; }
.culture4r { background: #2d79a6 url(../image/brand_ico_5h.jpg) no-repeat right bottom; padding: 25px 35px 25px 55px; width: 510px; float: left; }
.culture4r li { list-style-type: initial; color: #fff; padding-left: 5px; text-align: justify; }

.culture5l { background: #f8f8f8 url(../image/culture_4.jpg) no-repeat center center; width: 600px; float: left; }
.culture5r { background: #2d79a6 url(../image/brand_ico_5h.jpg) no-repeat right bottom; padding: 25px 45px 25px 55px; width: 500px; float: left; }
.culture5r li { list-style-type: initial; color: #fff; padding-left: 5px; text-align: justify; }

/*大事记*/
.timelinet { background: url(../image/event_ico_1.png) no-repeat center center; width: 1200px; height: 25px; position: absolute; top: -25px; }
.timelineb { background: url(../image/event_ico_2.png) no-repeat center center; width: 1200px; height: 25px; position: absolute; bottom: -25px; }
#timeline:before { content: ""; width: 3px; height: 100%; background: #e4e4e4; left: 598px; top: 0; position: absolute; }
#timeline { position: relative; margin-top: 40px; }
.timeline-item:after { content: ""; display: block; width: 100%; clear: both; }

#timeline .timeline-item { margin-bottom: 30px; }
#timeline .timeline-item .item-date { position: relative; width:560px; }
#timeline .timeline-item .item-date h3{ color: #2d79a6; font-weight: bold; }
#timeline .timeline-item .item-date i { display: block; width: 20px; height: 3px; background: #e4e4e4; position: absolute; }
#timeline .timeline-item .item-content { width:560px; text-align: justify; }

#timeline .left .item-date { float: left; }
#timeline .left .item-date h3 { text-align: right; }
#timeline .left .item-date i { right: -40px; }
#timeline .left .item-content { float: right; }

#timeline .right .item-date { float: right; }
#timeline .right .item-date h3 { text-align: left; }
#timeline .right .item-date i { left: -40px; }
#timeline .right .item-content { float: left; }

.eventl { width: 30px; height: 30px; display: block; background: url(../image/event_ico_3.png) no-repeat center center; margin-top: 22px; float: left; }
.eventr { width: 30px; height: 30px; display: block; background: url(../image/event_ico_4.png) no-repeat center center; margin-top: 22px; float: right; }
.eventm { width: 1140px; float: left; background: url(../image/event_ico_7.png) repeat-x left 22px; }
.eventm li { float: left; padding: 20px 0 0 90px; background: url(../image/event_ico_5.png) no-repeat 90px 29px; width: 60px; height: 74px; }
.eventm li a { display: block; width: 60px; padding: 25px 0 0 9px; color: #575757; font-size: 18px; }
.eventm .cur { background: url(../image/event_ico_6.png) no-repeat 90px 7px; }
.eventm .cur a { padding-top: 2px; color: #2d79a6; }

/*留言*/
.msgform input { height: 24px; line-height: 24px; vertical-align: middle; margin: 5px 0; border: solid 1px #ccc; padding-left: 5px; }
.msgform textarea { border: solid 1px #ccc; padding-left: 5px; }
.msgform input:focus, .msgform textarea:focus { border-color: #69C; }
.msgform .radio input { border: none; }
.msgform span.error { color: red; background: #fff; display: inline-block; }
.msgform input.error, .msgform textarea.error { border-color: #F33; }
.inputh { text-align:left; width: 100px; font-weight: normal; position: relative; }
.inputh p { width: 100px; line-height: 40px; position:absolute; top:0; }
.inputh span { color: red; }
#uMark { margin-top:5px; resize:vertical; }
.btn_default { width:84px; height:30px; line-height:30px; transition: all 0.5s ease 0s; cursor: pointer; font-family: "黑体"; }
.btn_default:hover { color:#fff; background:#2d79a6; border-color:#2d79a6; }

/*理念*/
.concept1 { width: 1240px; }
.concept1 li { background: #f8f8f8 url(../image/brand_ico_5.png) no-repeat right bottom; background-size: 20px 20px; overflow: hidden; margin-bottom: 20px; float: left; width: 270px; margin-right: 40px; }
.concept1 li .tt { text-align: center; float: left; background: #2d79a6; color: #fff; line-height: 73px; width: 73px; font-size: 24px; font-weight: bold; }
.concept1 li h3 { font-size: 16px; color: #2d79a6; padding-left: 20px; line-height: 73px; float: left; }

/*福利*/
/*.wellfare1 li { background: url(../image/wellfare_ico_1.png) no-repeat left center; padding-left: 30px; color: #575757; line-height: 32px; }*/
.wellfare1 li { float: left; width: 300px; height: 185px; text-align: center; }
.wellfare1 li img { width: 110px; height: 110px; border-radius: 55px; }
.wellfare1 li p { margin: 0 45px; }

/*招聘*/
.jobtitle { cursor: pointer; background: #f9f9f9; border-bottom: 1px solid #ccc; }
.jobtitle:hover { background: #2d79a6; color: #fff; }
.sub3 { display: none; }
.sub4 { display: none; }
.jobtitle:hover .subgif2 { display: none; }
.jobtitle:hover .sub3 { display: block; }
.jobtitle.currr:hover .sub3 { display: none; }
.jobtitle.currr:hover .sub4 { display: block; }
.currr { background: #2d79a6; color: #fff; }
.jobtitle td { line-height: 45px; padding-top: 3px; padding-bottom: 3px; }
.jobsub { background: #f5f5f5; display: none; overflow: hidden; padding: 20px 60px; border-bottom: 1px solid #ccc; }
#job .th { background: #eff; margin: 10px 0 3px 0; padding: 5px 3px; font-weight: bold; }
.JobList-J1 li.first { background: #f0f0f0; height: 62px; line-height: 62px; border-bottom: 1px solid #ccc; }
.JobList-J1 li.first ._ut { float: left; font-size: 18px; text-align: center; margin-bottom: 10px; }
.tr_un { float: left; height: 40px; line-height: 40px; padding-top: 10px ;width: 100%; }
._t1 { padding-left: 60px; text-align: left !important; width: 312px; }
._t3 { width: 204px; }
._t4 { width: 372px; }
._t5 { width: 204px; }
._t6 { width: 48px; }
.td_un { overflow: hidden; text-align: center; }
.JobList-J1 li:hover { background: #ededed; }
.newjob { background: url(../image/job_news.png) no-repeat scroll 0 0; display: inline-block; height: 28px; margin-left: 5px; vertical-align: -2px; width: 44px; }

/*在线简历*/
.job-title { text-align: center; font-size: 24px; font-weight: bold; }
.jobform input { height: 24px; line-height: 24px; vertical-align: middle; margin: 5px 0; border: solid 1px #ccc; padding-left: 5px; }
.jobform textarea { border: solid 1px #ccc; padding-left: 5px; }
.jobform input:focus, .jobform textarea:focus { border-color: #69C; }
.jobform .radio input { border: none; }
.jobform span.error { color: red; background: #fff; display: inline-block; }
.jobform input.error, .jobform textarea.error { border-color: #F33; }
.inputx { text-align: left; width: 130px; font-weight: normal; padding-left: 30px; position: relative; }
.inputx p { width: 100px; line-height: 40px; position: absolute; top: 0; }
.inputx span { color: red; }
.inputt { height: 60px; }
.inputt h3 { text-align: left; background: #f0f0f0; line-height: 40px; padding-left: 30px; font-weight: bold; }

/*流程*/
.tt7 { display: inline-block; height: 38px; line-height: 34px; padding: 0 15px 0 12px; background: url(../image/culture_ico_1.png) no-repeat right center; font-size: 18px; color: #fff; }
.process1 { float: left; margin-top: 10px; }
.process1 > li { width: 320px; margin-top: 45px; }
.process1 > li > div { background: url(../image/culture_ico_3.png) no-repeat right bottom; position: relative; padding: 35px 30px 25px 30px; }
.process1 > li > div > div { position: absolute; font-size: 24px; color: #2f79a8; left: 0; top: -20px; margin-left: 30px; }
.process1 > li > div > p { text-align: justify; height: 100px; }

/*产品应用领域*/
.arealist { width: 940px; }
.arealist li { float: left; width: 208px; height: 178px; margin: 0 25px 25px 0; border: 1px solid #c9c9c9; background: none; }
.arealist li img { width: 208px; height: 138px; display: block; }
.arealist li h3 { height: 40px; line-height: 40px; font-size: 14px; color: #575757; text-align: center; }

/*下载*/
.downloadlist li { padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px dashed #eee; position:relative; }
.downloadlist li h3 { font-size: 18px; color: #333; margin-bottom: 5px; }
.downloadlist li span { font-size: 14px; margin-right: 140px; line-height: 30px; color: #0d3771; font-style: italic; }
.downloadlist li p { font-size: 13px; color: #aaa; padding-top: 3px; width: 1060px; height: 25px; }
.downloadlist li a { width: 80px; height: 80px; text-align: right; display: block; float: right; position: absolute; top: 0; right: 0; }
.downloadlist li:hover h3 { color: #1e489d; }
.downloadlist li:hover span { color: #1e489d; }
.downloadlist li:hover p{ color: #545454; }

/*活动*/
.actlist { width: 1075px; margin: 0 auto; }
.actlist li { float: left; margin-bottom: 20px; margin-right: 20px; }
.actlist li:nth-child(3n) { margin-right: 0px; }
.actlist li img { display: block; width: 345px; height: 230px; }
.actlist li h3 { text-align: center; font-size: 14px; }

.sys3{
	margin-top: 30px;
}
.sys3 li{
	position: relative;
	width: 190px;
	height: 285px;
	float: left;
	margin-right: 12px;
	box-sizing: border-box;
	border:1px solid #ccc;
}
.sys3 li h3{
	position: absolute;
	width: 100%;
	height: 35px;
	bottom: 0;
	left: 0;
	text-align: center;
	line-height: 33px;
	box-sizing: border-box;
	background-color: #dcdcdc;
}
.sys3 li:last-child{
	margin-right: 0;
}
.sys3 li img{
	width: 100%;
	height: 255px;
}
.intdiv11{
	width: 580px;
	height: 386px;
}
.intdiv11 img{
	width: 580px;
	height: 386px;
}
.intdiv11 > div{
	width: 580px;
	height: 386px;
	top: -389px;
}
.intdiv11 > div >div{
	margin: 150px auto 0; 
}


.intdiv12{
	width: 282px;
	height: 188px;
	margin-right: 24px;
}
.intdiv12 img{
	width: 282px;
	height: 188px;
}
.intdiv12 > div{
	width: 282px;
	height: 188px;
	top: -190px;
}
.intdiv12 > div >div{
	margin:80px auto 0; 
	font-size: 18px;
}

.main111{
	width: 100%;
	height: 212px;
	padding: 35px 0;
}