@charset "utf-8";
html,body {
	height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,video,source,th,td,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0px;
	padding:0px;
	outline:medium
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
audio,canvas,video {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
body {
	font:normal 12px Arial,'\5FAE\8F6F\96C5\9ED1';
	line-height: 1.42857;
	background-color:#FFF;
    color: #333;
	overflow-x:hidden;
}
input,select,textarea,button {
	font-size:100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img{
	display:inline-block;
	vertical-align:middle;
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
	max-width:100%
}
li {
	list-style:none;
	*margin-left:-1px
}
::-moz-placeholder{color:#999;opacity:1}
:-ms-input-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}

input,button{
	text-indent: 0;
	border-radius: 0;
    border: 0 none;
    resize:none; 
    outline:none;  /*清除选中效果的默认蓝色边框 */
    -webkit-appearance:none;  /*清除浏览器默认的样式 */
    line-height: normal;
} 
input:focus, textarea:focus {outline: none;}

a {text-decoration:none;color:#333}
a:hover {text-decoration:none;color:#1077D6}

.banner{
	position:relative
}
.swiper-container{
	margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
	height: 100%;
}
.swiper-wrapper img{display:block;max-width:100%}
#pagination1 {
	bottom: 20px;
    left: 0;
    width: 100%;
}
.swiper-pagination-banners {
	width: 30px;
    height: 4px;
    display: inline-block;
	background-color:#FFFFFF;
	opacity: 0.6;
	cursor: pointer;
	margin: 0 5px;
}
.swiper-pagination-banners-active {
	opacity: 1;
	background-color:#E80E0D
}
.header{
	position:fixed;
	top:0px;
	background-color:rgba(25,131,216,0.8);
	width:100%;
	height:80px;
	z-index:999
}
.container{
	margin:0 75px;
	position:relative;
	z-index:9
}
.logo{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/logo.jpg) no-repeat 0 0;
	width:150px;
	height:100px;
	z-index:9
}
.nav{
	float:right;
	margin-left:15%;
	padding-top:20px;
	text-align:right
}
.nav ul{
	display:inline-block
}
.nav ul li {
	float:left;
}
.nav ul li a:link,.nav ul li a:visited {
	float:left;
	font-size:14px;
    color: #fff;
	width:112px;
	line-height:39px;
	text-align:center;
	margin-right:5px;
}
.nav ul li:hover a,.nav ul li a:hover {
	color:#FFF;
	background:url(../images/bdjf.png) no-repeat 0 0
}
.nav ul li a.nov{
	color:#FFF;
	background:url(../images/bdjf.png) no-repeat 0 0
}
.lang {
	padding-top:27px;
	padding-left:10px;
	float:right;
}
.slider-bottom{
	padding:15px 0;
}
.notice{
	float:left;
	width:70%;
	background:url(../images/1-lb.png) no-repeat left center;
	border-bottom:2px solid #E80E0D;
	height:35px;
	padding:0 20px 0 30px;
	box-sizing:border-box
}
#scroll {
	width:100%;
	overflow:hidden
}
#inscroll {
	width: 800%;
}
#scroll-1,#scroll-2 {
	float: left;
}
.notice ul{
	width:100%
}
.notice ul li{
	float:left;
	background:url(../images/20.png) no-repeat left center;
	padding-left:20px;
	margin:0 12px;
	height:28px;
	line-height:28px;
}
.search{
	float:left;
	width:30%
}

.main{}
.products{
	background-color:#F1F1F1;
	padding-top:50px;
}
.products .item-title{
	border-bottom:1px solid #CCC;
	padding-top:16px;
}
.products .item-title h3{
	float:left;
	padding-top:13px;
	font-size:18px;
	line-height:100%;
	font-weight: normal;;
	display:inline-block;
	padding-bottom:10px;
	border-bottom:2px solid #1077D6
}
.products .item-title .more{
	float:right;
	font-size:12px;
	border-bottom:none;
}
.products .item-title .more a{
	display:block;
	width:90px;
	height:29px;
	line-height:29px;
	border:2px solid #1077D6;
	border-radius:29px;
	text-align:center;
}
.products .item-title .more a:hover{
	color:#1077D6;
}
.product-list{
	padding-top:22px;
	padding-bottom:50px;
}
.product-list ul li{
	float:left;
	width:23.5%;
	margin-right:2%
}
.product-list ul li:last-child{
	margin-right:0
}
.product-list ul li span{
	display:block;
	width:100%;
	background-color:#E90C0C;
	color:#FFF;
	text-align:center;
	padding:15px 0;
	font-size:14px
}
.advantage-title{
	padding-top:90px;
	text-align:center
}
.advantage-title h3{
	background:url(../images/xian.jpg) no-repeat center center;
	font-size:20px;
	font-weight: normal;
}
.advantage-title span{
	font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
}
.advantage-content{
	padding:40px 0;
}
.advantage-item{
	float:left;
	width:30.83%;
}
.advantage-center{
	float:left;
	width:38.33%;
	background:url(../images/2-ys.jpg) no-repeat center top;
	height:66px;
	padding-top:378px;
	text-align:center
}
.advantage-center h3{
	font-size: 20px;
    line-height: 28px;
	color:#FFF
}
.advantage-center span{
	font-size: 14px;
    line-height: 160%;
    text-transform: uppercase;
	color:#FFF
}
.item-list{
	border-bottom:1px solid #CCCCCC;
	padding:15px 0px
}
.item-top{
	margin-bottom:7px;
	display:flex;
	align-items:center
}
.item-top .pic{
	float:left;
	width:19%;
	margin-right:2%
}
.item-top .title{
	float:left;
	width:79%;
}
.item-top .title h3{
	font-size:20px;
    text-transform:uppercase;
	font-weight: normal;
	color:#1077D6
}
.item-top .title span{
	font-size:14px;
    line-height:140%;
    text-transform:uppercase;
	color:#1077D6
}
.item-con{
	padding-top:10px;
	font-size:14px;
    line-height:140%;
	color:#666
}
.about{
	margin-top:50px;
	background:url(../images/2-gsbj.jpg) no-repeat center center;
	height:500px
}
.about .item-title{
	padding-top:16px;
}
.about .item-title h3{
	float:left;
	padding-top:13px;
	font-size:18px;
	line-height:100%;
	font-weight: normal;
	display:inline-block;
	padding-bottom:10px;
	color:#FFFFFF;
	border-bottom:2px solid #E90C0C
}
.about .item-title .more{
	float:right;
	font-size:12px;
	border-bottom:none;
}
.about .item-title .more a{
	display:block;
	width:90px;
	height:29px;
	line-height:29px;
	color:#FFFFFF;
	border:2px solid #FFFFFF;
	border-radius:29px;
	text-align:center;
}
.about .item-title .more a:hover{
	color:#FFFFFF;
}
.about-content{
	padding-top:28px;
	display:flex
}
.about-txt{
	float:left;
	flex:1;
	height:300px;
	background-color:#004C97;
	color:#FFFFFF;
	padding:20px;
	position:relative;
}
.about-txt h3{
	position:relative;
	font-size:24px;
	line-height:25px;
	padding-left:15px;
	margin-bottom:35px;
}
.about-txt h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4px;
    height: 25px;
	background-color:#FFF
}
.about-txt span{
	color:#B8DCFF;
	line-height:26px;
}
.about-more{
	position:absolute;
	right:50px;
	bottom:50px;
	z-index:3;
	display:block;
	background:url(../images/2-ank_7ivw.png) no-repeat 0 0;
	width:122px;
	height:40px;
	line-height:40px;
	color:#FFF;
	text-align:center;
	padding-right:21px;
	font-size:16px
}
.about-pic{
	float:right;
	width:698px;
	height:336px;
	border:2px solid #FFF;
	overflow:hidden
}
.news{
	padding:90px 0
}
.news-title{
	padding-top:25px;
	text-align:center
}
.news-title h3{
	background:url(../images/xian.jpg) no-repeat center center;
	font-size:20px;
	font-weight: normal;
}
.en h3{
	background:url(../images/xian2.jpg) no-repeat center center !important;
}
.news-title span{
	font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
}
.news-content{
	padding:25px 0;
}
.news-left{
	float:left;
	width:47.5%;
}
.news-pic{
	position:relative;
	border:1px solid #CCC;
	padding:2px;
	margin-bottom:5px;
}
.news-more{
	position:absolute;
	right:3px;
	bottom:2px;
}
.news-more a{
	display:block;
	color:#fff;
	width:40px;
	height:40px;
	background:#1077D6;
	text-align:center;
	line-height:40px;
	font-size:24px
}
.news-left h3{
	font-size: 18px;
    color: #333333;
    font-weight: normal;
	line-height:200%
}
.news-left span{
	word-wrap: break-word;
	color:#666
}
.news-right{
	float:right;
	width:47.5%;
}
.news-right ul li{
	border-bottom:1px solid #D9D9D9;
	padding:7px 0
}
.news-right ul li .num{
	float:left;
	width:10%;
	margin-right:25px;
	text-align:center;
	font-family: 华文细黑;
    font-size: 50px;
    letter-spacing: -6px;
	font-weight:bold
}
.news-right ul li .news-box{
	float:left;
	width:80%;
}
.news-right ul li .news-box h3{
	font-size:16px;
	font-weight: normal;
}
.news-right ul li .news-box span{
	font-size: 14px;
	color:#666
}

.footer{}
.ft-nav{
	background-color:#2286E4;
	padding:9px 0;
}
.ft-nav ul{
	display:flex;
	justify-content:space-between
}
.ft-nav ul li {
	float:left;
}
.ft-nav ul li a:link,.ft-nav ul li a:visited {
	float:left;
	font-size:14px;
    color: #fff;
	width:112px;
	line-height:39px;
	text-align:center;
	margin-right:15px;
}
.ft-nav ul li:hover a,.ft-nav ul li a:hover {
	color:#FFF;
	background:url(../images/bdjf.png) no-repeat 0 0
}
.ft-content{
	background-color:#22272D;
}
.ft-ewm{
	float:left;
	width:26%;
	text-align:center;
	border-right:1px solid #3A3E43;
	line-height:30px;
	color:#FFF;
	font-size:14px;
	padding-top:40px;
	padding-bottom:12px;
}
.ft-center{
	float:left;
	width:41%;
	padding-top:40px;
	text-align:center;
}
.company{
	font-size:20px;
	line-height:30px;
	color:#666
}
.ft-search{
	width:60%;
	margin:25px auto
}
.copyright{
	font-size:14px;
	color:#666
}
.ft-contact{
	float:left;
	width:28.33%;
	padding-left:45px;
	border-left:1px solid #3A3E43;
	padding-top:40px;
	padding-bottom:20px;
}
.ft-contact span{
	color:#2286E4;
	font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
}
.ft-contact h3{
	color:#2286E4;
	font-size: 28px;
    line-height: 23px;
    text-transform: uppercase;
	font-weight:bold
}
.ft-contact ul li{
	margin-top:10px;
	color:#666666;
	padding-left:30px;
}
.ft-contact ul li.icon1{
	background:url(../images/4-add.png) no-repeat left center;
}
.ft-contact ul li.icon2{
	background:url(../images/4-tel.png) no-repeat left center;
}
.ft-contact ul li.icon3{
	background:url(../images/4-email.png) no-repeat left center;
}
.ft-contact ul li.icon4{
	background:url(../images/4-fax.png) no-repeat left center;
}

.location-box{
	background-color:#EAEAEA
}
.location{
	height:60px;
	line-height:60px;
	background-color:#EAEAEA
}
.column-title{
	padding:40px 0;
	text-align:center
}
.column-title h3{
	font-size: 26px;
	color:#666;
	font-weight:normal
}
.column-title span{
	font-size: 16px;
	color:#666;
	text-transform: uppercase;
    line-height: 28px
}
.column-title .line{
	background:url(../images/xxxn.jpg) no-repeat center center;
	height:6px;
}
.column-content{
	padding:20px 0 90px 0;
	font-size:14px;
}
.contact{
	display:flex;
	justify-content:space-around;
	margin:20px 0
}
.contact li{
	width:25%;
	text-align:center;
}
.contact li p{
	line-height:160%
}
.main-map{height:450px;}

.nlist li{padding-top:15px;padding-bottom:15px;border-bottom:1px dashed #DBD4CD}
.ndate{float:left;width:80px;line-height:24px;text-align:center;color:#FFFFFF;background-color:#1077D6;margin-right:20px;padding-top:10px;padding-bottom:10px}
.ncontent{float:left;width:1080px;font-size:14px;line-height:160%}
.pro-list{margin-top:10px}
.pro-list ul{
	font-size:0;
	[;font-size:12px;];
	*font-size:0;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
}
.pro-list ul li{
	vertical-align:top;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	letter-spacing:normal;
	word-spacing:normal;
	margin-right:4%;
	width:22%
}
.pro-list ul li a:link,.pro-list ul li a:visited{display:inline-block;border:1px solid #DDDDDD;position:relative;z-index:1;width:100%;font-size:14px;overflow:hidden}
.pro-list ul a img{
	max-width:100%;
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.pro-list ul li:nth-child(4n+0){margin-right:0px;}
.pro-list ul a:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.pro-list ul li p{width:100%;margin-bottom:10px;word-wrap:break-word;font-size:14px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}

.product-box{text-align:center;}
.product-box img{max-width:100%;}
.product-box h3{padding:10px;font-size:24px;font-weight:normal}

.company-profile{
	display:flex
}
.about-left{
	width:698px;
	height:336px;
	border:2px solid #FFF;
	margin-right:50px;
	overflow:hidden
}
.about-right{
	flex:1
}
.about-right h3{
	padding-top:20px;
	font-size:22px;
	font-weight:normal
}
.about-right p{
	margin-top:40px;
	font-size:16px;
	line-height:160%
}
.promise{
	background:url(../images/P6.jpg) no-repeat center center;
	height:450px;
	color:#FFF;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.promise h3{
	font-size:22px;
	font-weight:normal
}
.promise h2{
	font-size:30px;
	margin:40px 0;
}
.promise span{
	font-size:24px;
	color:#CCC;
	letter-spacing:10px;
}
.idea{
	padding:40px 0;
	text-align:center
}
.idea h3{
	font-size:24px;
	font-weight:normal
}
.idea ul{
	display:flex;
	justify-content:center;
	margin:40px 0
}
.idea ul li{
	margin:0 60px
}
.idea ul li img{
	width:108px
}
.idea ul li h3{
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
	color:#666;
	line-height:200%
}
.idea ul li span{
	font-size:14px;
	color:#999
}

.left-news{float:left;width:35%}
.left-news-pic .news-pic{ overflow:hidden}
.left-news-pic .news-pic img{
	width:100%;
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.left-news-pic:hover  .news-pic img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.news-title{font-size:20px;padding-top:10px;font-weight:bold}
.left-news-pic span{display:block;font-size:12px}
.left-news-pic p{color:#5A5A5A;line-height:21px;padding-bottom:10px}
.more{text-align:right;border-bottom:1px solid #2C508C;line-height:30px}

.left-news ul li{border-bottom:1px dashed #DBD4CD;display:flex;padding:10px 0;}
.lndate{width:80px;line-height:24px;text-align:center;background-color:#F8F8F8;color:#2C508C;padding-top:10px;padding-bottom:10px;margin:10px 20px 10px 0;}
.lncontent{flex:1;padding-top:10px;padding-bottom:10px;font-size:14px;line-height:1.6}

.left-news ul li:hover .lncontent{width:100%;padding:12px;font-size:14px;line-height:1.6;border-left:3px solid #2C508C;background-color:#595757;color:#FFFFFF;box-sizing:border-box}
.left-news ul li:hover .lndate{display:none}
.left-news ul li:hover a{color:#FFFFFF}
.left-news ul li:hover span{color:#FFFFFF !important}

.right-news{float:right;width:60%}
.right-news ul li{border-bottom:1px dashed #DBD4CD;display:flex;padding:10px 0;}
.ndate{width:80px;line-height:24px;text-align:center;background-color:#F8F8F8;color:#2C508C;padding-top:10px;padding-bottom:10px;margin:10px 20px 10px 0;}
.ncontent{flex:1;padding-top:10px;padding-bottom:10px;font-size:14px;line-height:1.6}

.right-news ul li:hover .ncontent{width:100%;padding:12px;font-size:14px;line-height:1.6;border-left:3px solid #2C508C;background-color:#595757;color:#FFFFFF;box-sizing:border-box}
.right-news ul li:hover .ndate{display:none}
.right-news ul li:hover a{color:#FFFFFF}
.right-news ul li:hover span{color:#FFFFFF !important}

.jobcell{position:relative; background:#f5f5f5 url(../images/jiao.jpg) no-repeat left top;padding:2em 5em;margin-bottom:2em;}
.jobcell::before,.jobcell::after{width:50%;max-width:300px;position:absolute;top:80%;bottom:15px;left:10px;content:''; box-shadow:0 15px 10px #aaa; transform:rotate(-3deg); z-index:-1;}
.jobcell::after{left:auto;right:10px; transform:rotate(3deg);}
.jobtit{height:42px;line-height:42px;border-bottom:1px solid #fff;}
.jobtit h3{ font-size:20px;font-weight: bold; float:left; }
.jobtit span{ float: right; font-size:14px; }
.jobcell ul{margin-top:2em;overflow:hidden;}
.jobcell ul li{width:100%;float:left;overflow:hidden;margin-bottom:10px; font-size:16px; color: #000; line-height: 1.8; } 
.jobcell ul li span{ display: block;float:left; }
.jobcell ul li p{color:#000;overflow:hidden;}
.jobcell ul li.li1{width:40%;}
.jobcell ul li.li2{width:35%;}
.jobcell ul li.li3{width:25%;text-align:right;}
.jobcell ul li a{display:block;width:92px;height:29px; float: right; text-align:center;line-height:29px;color:#fff;background:#f8b62b;}

.jobinfo dl{width:31%;float:left;margin-right:3%; line-height:38px;margin-bottom:1em;}
.jobinfo dl.w100{clear:both;width:100%;float:none;margin-right:0;}
.jobinfo dl.w45{width:45%;margin-right:0;}
.jobinfo dl.w45.fr{margin-right:-3px;}
.jobinfo dl dt{width:105px; float:left; font-size:18px;}
.jobinfo dl dt em{ color: #e6002d;margin-right:2px; }
.jobinfo dl dd{position:relative;overflow:hidden;min-height:40px; }
.jobinfo dl dd .opt{float:left;height:40px;margin-right:1.2em; position: relative;}
.jobinfo dl dd input{width:99%; border: 1px solid #aaaaaa;padding:8px 3px; font-size:15px;background:#fff; }
.jobinfo dl dd input.magic-radio,.jiameng dl dd input.magic-checkbox{width:8px;height:8px;padding:0;}
.jobinfo input:focus {border-color:#fbda95;}
.jobinfo dd select{width:99%;height:40px; border:1px solid #aaaaaa; margin-right:8px; appearance:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;padding-right: 20px;padding-left:10px;padding:8px 10px\0/IE8+9;  background: url(../images/select.png) no-repeat  95% 50% ;background:#fff\0/IE8+9; margin-right:2%; font-size:16px; font-family: Microsoft Yahei;}
.ie9 .jobinfo dd select{background:#fff;}
select::-ms-expand { display: none; }
select option{padding:3px 0;}
.jobtitle{clear:both;font-size:20px;color:#f8b62b;font-weight:bold;margin:1em 0;}
.jobinfo dl.fr{margin-right:0; float:right;}
.jobinfo dl.w100 select{width:23%;}
.jobinfo dl.w100 dd input{width:49%;}
.jobinfo dl.w100 dd textarea{width:100%;height:125px;border: 1px solid #aaaaaa;padding:8px 3px; font-size:16px;background:#fff;}
.jobinfo .btns button{margin-right:0;margin-left:1.5em;}
.jobinfo dl.w30.fr dt{width:auto;}
.jobinfo dl.w100 dd textarea:focus,.jiameng dl dd textarea:focus{border-color:#fbda95;}
.jobinfo dl dd.error input{ border-color: #e6002d; }
.jobinfo dl dd.error .valid_message{ display: none; }

.PageNo{margin:10px auto;text-align:center;padding-top:20px;padding-bottom:20px;font-size:12px}
.PageNo a{font-weight: normal;;margin:2px;border:1px solid #999;padding:5px;color:#444;text-decoration:none;}
.PageNo .PV{color:#FFFFFF;background-color:#1077D6}
.PageNo span{margin:2px;padding:5px;border:1px solid #999;font-weight: normal;;color:#999;}
.clearfix {
	zoom:1
}
.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clear{height:74px;clear:both;overflow:hidden}
.footer_contact {-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:10;opacity:1;width:100%;overflow:hidden;bottom:0;}
.footer_contact ul {overflow:hidden;border-left:solid 0.5px #FFFFFF;margin:0;padding:0}
.footer_contact li {float:left;width:25%;text-align:center;font-size:14px;background:#01A9A9}
.footer_contact li a {border-right:solid 0.5px #FFFFFF;color:#FFFFFF;height:60px;padding-top:14px;text-decoration:none;display:block}

@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
	.container{
		width:1180px;
		margin:0 auto;
	}
}
@media (min-width: 1440px) {
	.container{
		width:1400px;
		margin:0 auto;
	}
	.nav ul li a:link,.nav ul li a:visited {
		margin-right:30px;
    }
}
@media (min-width: 1600px) {
	.container{
		width:1500px;
		margin:0 auto;
	}
	.nav ul li a:link,.nav ul li a:visited {
		margin-right:40px;
    }
}