body, dl, dd, ul, ol, h1, h2, h3, h4, form, input, button, textarea, p, th, td { margin: 0; padding: 0; }
body { font: 14px/1.2 "\5FAE\8F6F\96C5\9ED1", arial, 'Microsoft YaHei'; color: #333; background: #fff; }
img { vertical-align: middle; border: none; }
ul, ol { list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; }
a { color: #333; text-decoration: none; blr: expression(this.onFocus=this.blur()); }
a:hover { text-decoration: none; color: #2a5081; }
a:focus { outline: 0 none; }
h1, h2, h3, h4 { font-size: 100%; font-weight: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; -moz-appearance: button; }
.text, .btn, textarea { font-family: "\5FAE\8F6F\96C5\9ED1", arial, 'Microsoft YaHei'; }
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { *zoom: 1; }
.btn { border: none; cursor: pointer; }
html, body { width: 100%; /*height: 100%; */}
input, textarea { outline: none }
.fl { float: left; }
.fr { float: right; }
.wrap { width: 1200px; margin: auto;}
.wrap, a, .headbox,.nav li:before,.prod-item,.about-item img,.coop-list li img{ -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }



.headbox { position: fixed;top: 0;left: 0; width: 100%; height: 79px; background: rgba(255, 255, 255, 0.9); z-index: 999; }
.logo { margin-top: 17px; }
.nav li { float: left; height: 69px; text-align: center; line-height: 69px;font-size: 16px; padding-top: 10px ; margin: 0 22px; text-transform: uppercase; position: relative;}
.nav li a{color: #666;}
.nav li:hover a{ color: #1d63d6; }
.nav li:before{
	position: absolute;
	bottom: -1px;
	left: 50%;
	width: 0%;
	height: 2px;
	margin-left: -60%;
	background: #1d63d6;
	content: "";
}
.nav li:hover:before{ width: 120%;}



/*轮播图*/
.slide-img {width: 100%; margin-top: 80px; overflow: hidden; position: relative; }
.slide-b li { height:612px; }
.slide-img .flex-control-nav { position: absolute; bottom:10px; left: 0; width: 100%; text-align: center; overflow: hidden; z-index: 99; }
.slide-img .flex-control-nav li { display: inline-block; text-indent: -9999px; margin:0 5px; border-radius: 20px; overflow: hidden; }
.slide-img .flex-control-nav li a { display: block; width: 40px; height: 4px; font-size: 0; text-indent: -9999px; cursor: pointer; background: #8f979e; }
.slide-img .flex-control-nav li .flex-active { background: #fff; }
.flex-direction-nav { display: none; }
/***/
.ind-pad{ padding: 35px 0;}
.ind-head{margin-bottom: 30px;}
.ind-head-h3{
	float: left;
	font-size: 24px;
	height: 34px;
	text-transform: uppercase;
	position: relative;
}
.ind-head-h3:before{
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 69px;
	height: 2px;
	background-color: #adadad;
	content: ""
}
.more{
	float: right;
	line-height: 34px;
	padding-left: 20px;
	text-transform: uppercase;
	background: url(../images/pic_49.png) no-repeat left center;
}
.prod-box{ width: 1200px; padding: 0 0 25px;}
.owl-carousel .owl-stage-outer {
    padding: 15px 0;
}
.prod-item{
	float: left;
	width: 365px;
	margin-left:16px;
}
.prod-cont{
	padding: 0 20px 21px;
	background: #fff;
	border: 1px solid rgba(204,204,204,.6)
}
.prod-cont h3{
	padding-top: 8px;
	line-height: 51px;
	font-size: 18px;
	text-align: center;
	margin-bottom: 18px;
	position: relative;
}
.prod-cont h3:before,
.prod-cont h3:after{
	position: absolute;
	bottom: 0;
	left: 50%;
	content: "";
}
.prod-cont h3:before{
	width: 220px;
	height: 1px;
	margin-left: -110px;
	background: #cecece;
}
.prod-cont h3:after{
	width: 56px;
	height: 1px;
	margin-left: -28px;
	background: #0270c2;
}
.prod-contp{
	line-height: 22px;
	height: 44px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.prod-item:hover{
	transform: translate(0,-5px);
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -o-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
	box-shadow: 0 3px 10px rgba(186,186,186,0.5);
}
.prod-item-img{overflow: hidden; }
.prod-item-img img{ max-width: 100%}

.ind-about{
	background: url(../images/pic_18.jpg) no-repeat top center;
}
.comp,.coop{ margin-bottom: 38px;}
.comp .ind-head-h3{
	color: #fff;
}
.comp .ind-head-h3:before{
	background: rgba(255,255,255,0.4);
}
.comp .more{
	color: rgba(255,255,255,0.6);
	background-image: url(../images/pic_ff.png);
}
.comp .more:hover{color: rgba(255,255,255,1);}

.about-box{ padding-bottom: 40px;}
.about-items{
	float: left;
	width: 365px;
	height: 255px;
	margin-right: 76px;
}
.about-cont h3{ padding-top: 26px; font-size: 22px; color: #fff;}
.about-cont-txt{
	line-height: 24px;
	font-size: 14px;
	color: rgba(255,255,255,0.7);
	margin: 24px 20px 34px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.about-more{
	display: inline-block;
	width: 139px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	text-transform: uppercase;
	color: rgba(255,255,255,.4);
	border: 1px solid rgba(255,255,255,.4);
}
.about-more:hover{
	color: rgba(255,255,255,.8);
	border: 1px solid rgba(255,255,255,.8);
}
.about-item{overflow: hidden;}
.about-item:hover img{
	-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.coop-items{
	padding-bottom: 11px;
}
.coop-item{
	float: left;
	width: 177px;
	height: 84px;
	margin-right: 25px;
	border:1px solid #e6e6e6;
}

.ind-wrok-news{
	padding: 10px 0 27px;
	background: #026fc0;
}
.ind-network{
	width: 472px;
	margin-left: 8px;
}
.ind-news{
	width: 650px;
	margin-right: 19px;
}
.coop-item img{ transition: all 0.4s ease 0s;}
.coop-item:hover img{
	-webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
}

.ind-news-list li{ margin-bottom: 27px;}
.ind-news-list li:last-child{ margin-bottom: 0;}
.new-date{
	float: left;
	width: 72px;
	height: 66px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-right: 18px;
	border: 1px solid rgba(255,255,255,0.15)
}
.new-date i{
	font-size: 24px;
	font-style: normal;
	line-height: 40px;
}
.ind-news-list h3{ padding: 8px 0 3px;}
.ind-news-list h3 a{
	display: block;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;
}
.ind-news-list h3 a:hover{
	transform: translate(-5px,0);
    -webkit-transform: translate(-5px,0);
    -moz-transform: translate(-5px,0);
    -o-transform: translate(-5px,0);
    -ms-transform: translate(-5px,0); color: rgba(255,255,255,0.8);}
.ind-news-txt{
	font-size: 12px;
	line-height: 20px;
	color: rgba(255,255,255,0.4);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.ind-news-list li:hover .new-date{
	background-color: rgba(204,204,204,0.5);
}

.footer{
	height: 100px;
	padding-top: 34px;
	background: #083552;
}
.message{
	font-size: 14px;
	line-height: 24px;
	color: rgba(255,255,255,0.7);
}
.foot-link{ line-height: 24px; font-size: 14px; color: rgba(255,255,255,0.7);}
.font-links{
	padding-top: 8px;
}
.font-links a{
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(../images/ico_56.png) no-repeat ;
}
.font-links .link1{
	background-position: 0 0;
}
.font-links .link2{
	background-position: -34px 0;
}
.font-links .link3{
	background-position: -65px 0;
}
.font-links .link4{
	background-position: -98px 0;
}


.main-pad{ padding: 50px 0;}
.banner{ margin-top: 79px; position: relative;}
.banner img{ max-width: 100%;}
.bnr-pos{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
	height: 100%;
}
.bnr-h{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 342px;
    margin-top: -35px;
	font-size: 32px;
	color: #1c75c3;
	font-family: "Arial Rounded MT Bold";
	text-transform: uppercase;
}
.bnr-h:before{
	position: absolute;
	bottom: -17px;
	right: 0;
	width: 89px;
	height: 5px;
	background: rgba(28,117,195,.4);
	content: "";
}


.select-list{
	width: 240px;
}
.slt-head{
	text-align: center;
	height: 54px;
	font-size: 20px;
	line-height: 54px;
	color: #fff;
	background: #1c75c3;
}
.slt-list{ 
	margin-bottom: 52px;
	background: #d8f0fc;
}
.slt-list li{
	line-height:60px;
	text-align: center;
	font-size: 16px;
	color: #1c75c3;
	padding: 0 8px;
}
.slt-list li a{display: block;height: 100%; color: #1c75c3;border-bottom: 1px solid rgba(28,117,195,0.15)}
.slt-list li:last-child a{border-bottom: none;}
.slt-list li.show,.slt-list li:hover{ background: #508dc3;}
.slt-list li.show a,.slt-list li:hover a{color: #fff; }
.slt-mess{
	height: 70px;
	font-size: 20px;
	color: #fff;
	padding-left: 74px;
	line-height: 70px;
	background: url(../images/abt_05.jpg) no-repeat 0 0;
	position: relative;
}
.slt-mess a{display: block; height: 100%; color: #fff;}
.slt-mess a:hover{color: rgba(0,3,51,0.5);}
.slt-mess:before{
	position: absolute;
	top: 50%;
	left: 29px;
	width: 31px;
	height: 30px;
	margin-top: -15px;
	background: url(../images/mass_05.png) no-repeat 0 0;
	content: "";
}

.mian-conts{
	float: right;
	width: 913px;
}
.conts-head{
	height: 50px;
	line-height: 60px;
	border-bottom: 1px solid #d6d6d6;
}
.conts-head-h{
	float: left;
	font-size: 18px;
	color: #1c75c3;
	padding-left: 10px;
	text-transform: uppercase;
}
.conts-head-nav{
	float: right;
	padding-right: 10px;
	padding-left: 23px;
	background: url(../images/ico_05.jpg) no-repeat 0 center;
}
.conts-head-nav a:hover{ color: #1c75c3}

.article{
	padding: 42px 0 ;
}
.box{
	font-size: 14px;
	line-height: 24px;
}
.box img{ max-width: 100%;}
.cont-article{ min-height: 490px;}

.bgpos span{
	position: relative;
	padding-left: 17px;
}
.bgpos span:before{
	position: absolute;
	left: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -3px;
	background: url(../images/ico_10.jpg) no-repeat 0 0;
	content: "";
}

.news-h,.net-h{margin-left: -570px;}
.news-h:before,.net-h:before{
	left: 0;
}
.news-h{
	color: #fff;
}
.news-h:before{
	background: rgba(255,255,255,.6);
}

.list{
	padding: 15px 0;
}
.news-list{ margin-bottom: 42px;}
.news-list li{
	height: 50px;
	line-height: 55px;
	padding: 0 10px;
	border-bottom: 1px dotted rgba(163,163,163,.3);
	overflow: hidden;
}
.news-list-link{
	float: left;
	width: 80%;
	text-align: left;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.news-dates{
	float: right;
	font-size: 14px;
	color: #b2b2b2;
}
.news-list li:hover .news-list-link{
	transform: translate(-5px,0);
    -webkit-transform: translate(-5px,0);
    -moz-transform: translate(-5px,0);
    -o-transform: translate(-5px,0);
    -ms-transform: translate(-5px,0);
}

.paging{
	text-align: center;
}
.paging a{
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid #a6a6a6;
	margin: 0 2px;
}
.paging a.show,.paging a:hover{
	color: #fff;
	background: #1c75c3;
	border: 1px solid #1c75c3;
}

.article-head{ text-align: center; margin-bottom: 20px;line-height: 32px;}
.article-head h3{
	font-size: 20px;
}
.article-head p{
	font-size: 14px;
}

.returnbox{
	text-align: right;
	padding-top: 42px;
	padding-right: 12px;
}
.returnbox a{
	display: inline-block;
	width: 83px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	font-weight: 12px;
	background: #e8e8e8;
	border-radius: 5px;
}
.returnbox a:hover{
	color: #fff;
	background: #1c75c3;
}
.prod-h{ color: #ffd493;}
.prod-h:before{ background-color: rgba(255,212,147,.7);}
.svc-h{ color: #fff; margin-left: 372px;}
.svc-h:before{ background-color: rgba(255,255,255,.7);}


.online{
	margin-top: 79px;
	padding: 48px 0;
	border-top: 4px solid #2989c3;
	background: #f5fbff;
}
.online-box{
	padding: 85px 179px;
	background: #fff;
}
.onl-p{
	font-size: 22px;
	text-align: center;
}

.onl-list{margin-right: -63px; }
.onl-list li{
	float: left;
	margin-bottom: 25px;
	margin-right: 63px;
}
.onl-text{
	width: 362px;
	height: 34px;
	line-height: 34px;
	padding:0 10px;
	border: 1px solid #dbdbdb;
}
.onl-list .onl-textareas{
	width: 100%;
}
.textareas{
	width: 90%;
	height: 163px;
	padding: 0 1%;
	line-height: 24px;
	border: 1px solid #dbdbdb;
	resize:none;
}
.onl-ver{ width: 138px;}
.onl-list li:last-child{
	text-align: center;
	padding-top: 47px;
}
.onl-btn{
	width: 194px;
	height: 40px;
	margin: 0 15px;
	background: #ccc;
	border: none;
}
.onl-btn.show{
	background: #42a7de;
	color: #fff;
}

.owl-controls{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.owl-prev,.owl-next{
	position: absolute;
	text-indent: -9999px;
	z-index: 998;
}
.prod-box .owl-prev,.prod-box .owl-next{
	top: 147px;
	width: 45px;
	height: 46px;
	background: url(../images/l_16.png) no-repeat 0 0;
}
.prod-box .owl-prev{
	left: -71px;
}
.prod-box .owl-next{
	right: -71px;
	background-image: url(../images/r_19.png);
}
.about-items.owl-carousel .owl-stage-outer{ padding: 0;}
.about-items .owl-prev,.about-items .owl-next{
	top: 110px;
	width: 21px;
	height: 37px;
	background: url(../images/l_31.png) no-repeat 0 0;
}
.about-items .owl-prev{
	left: -37px;
}
.about-items .owl-next{
	right: -37px;
	background-image: url(../images/r_28.png);
}

.coop-items.owl-carousel .owl-stage-outer{ padding: 0;}
.coop-items .owl-prev,.coop-items .owl-next{
	top: 21px;
	width:14px;
	height: 26px;
	background: url(../images/l_38.png) no-repeat 0 0;
}
.coop-items .owl-prev{
	left: -31px;
}
.coop-items .owl-next{
	right: -31px;
	background-image: url(../images/r_35.png);
}

.net-worlds{
	position: relative;
}
.pos-item{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 23px;
	line-height: 23px;
}
.pos-item a{display: block; padding-left: 24px;background: url(../images/work_03.png) no-repeat 0 0;}
.pos-item:nth-child(2){
	margin-top: -50px;
    margin-left: -216px;
}
.pos-item:nth-child(3){
    margin-top: -30px;
    margin-left: 46px;
}
.pos-item:nth-child(4){
	margin-top: -74px;
    margin-left: 144px;
}
.pos-item:nth-child(5){
	margin-top: -32px;
    margin-left: 142px;
}
.pos-item:hover a,.pos-item a.show{ color: #ff0000; background-image: url(../images/work_06.png);}

.pos-item-cont{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	padding: 20px;
	color: #fff;
	margin-left: -170px;
	margin-top: 20px;
	background: #0591d2;
	z-index: 999;
	display: none;
}
.pos-item-cont i{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999%;
	background: url(../images/close_03.png) no-repeat 0 0;
}
.pos-item-cont h3{
	font-size: 18px;
	padding-bottom: 10px;
}
.pos-item-cont p{
	font-size: 14px;
	line-height: 22px;
}


/*.coop-list{ margin-right: -55px;}*/
.coop-list li{
	float: left;
	width: 22.5%;
	height: 110px;
	text-align: center;
	line-height: 110px;
	margin: 0 1% 20px;
	border: 1px solid #e6e6e6;
}
.coop-list li:hover img{ -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);}
/*招聘*/
.gagedlbox{ padding: 15px 0;}
.gagedlbox .box{padding-top: 0;}
.gagedl { margin-bottom: 10px; }
.dtdl{ margin-bottom: 18px; }
.dtdl dt, .ddhead { height: 48px; line-height: 48px; color: #fff; background: #858585; }
.dtsp { float: left; width: 20%; font-size: 16px; text-align: center; }
.dtsp:nth-child(1){ width: 38%; 
	padding: 0 1%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;}
.ddhead .dtsp { font-size: 14px; }
.dtbtn { display: block; width: 140px; height: 34px;line-height: 34px; text-align: center; margin: 4px auto 0; background: #b0afaf; color: #fff; }
.dtbtn:hover, .gage-dlshow .dtbtn { color: #fff; background: #2889c3; }
.dlitem{ margin-bottom: 20px; }
.ddhead { color: #333; background: none; border-bottom: 1px solid rgba(225,225,225,0.6); height: 44px; line-height: 44px; cursor: pointer;}
.ddbox { display: none; padding: 30px 45px; }
.ddbox .nmore { float: right; width: 97px; height: 34px; background: #999; text-align: center; line-height: 34px; color: #fff;}
.ddbox .nmore:hover{ color: #fff; background: #2889c3;}

.active{display: block;}


@media only screen and (max-width:1230px) {
	.wrap{
		width: 98%;
	}
	.prod-box{
		width: 1000px;
		margin: auto;
	}
	.prod-item{
		width: 93%;
		margin-left: 0;
	}
	.about-items{
		margin-left: 45px;
	}
	.coop-items{
		width: 1100px;
		margin: auto;
	}
	.coop-item{
		width: 97%;
	}

	.news-h,.net-h{margin-left: -535px;}
}

@media only screen and (max-width:1100px) {
	html, body {
		min-width: 1200px;
	}
	.footer{ height: 170px;}
}