/* Write your styles */
html{font-size: 62.5%}
html,body,div,p,strong,input,form,img,
h1,h2,h3,h4,h5,h6,ul,ol,li,
dl,dd,dt{margin: 0;padding: 0;vertical-align:middle;}
tbody,tr,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;}
ul,ol,li{list-style: none;}
a{
	/*color:#333;*/
	color: #696969;
	blr: expression(this.onFocus=this.blur());}
a:focus,a:hover{/*color: #333;*/color: #021d3b;}
body {
    /*background: #fff;*/
    /*font-weight: 400;*/
    line-height: 1.5;
    font-size: 1.4rem;
    color: #696969;
    min-width: 320px;
}
/*清除浮动*/ 
.cle{
	clear:both;
	height:0;
	margin:0; 
	padding:0; 
	border:none; 
	overflow:hidden;}
.clearfix:before,
.clearfix:after{
    display:block;
    content:"";
    visibility:hidden;
    height:0}
.clearfix:after{clear:both;}
.clearfix{zoom:1} /* IE < 8 */
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.text-nowrap{white-space: nowrap;}
.text-upper{text-transform: uppercase;}
.text-lower{text-transform: lowercase;}
.capitalize{text-transform: capitalize;}
.fl{float:left;}
.fr{float:right;}
.por{position:relative;}
.poa{position:absolute;}
.row{padding: 0;}
.row-fl{padding-left: 0;}
.row-fr{padding-right: 0;}
[class*=am-u-]+[class*=am-u-]:last-child{float: left;}
[class*='am-icon']{font-size: 1.6rem;}
[class*=am-u-]{padding: 0;}
.img100{display:inline-block;max-width:100%;height:auto}
.imgbox{display:inline-block;text-align: center;}
.imgbox>img{display:inline-block;max-width: 100%;}
.lst{padding: 5px;overflow: hidden;}
.lst>.lstbox{padding: 5px;border-radius: 5px;border: 1px solid #c7c7c7;}
.lst>.lstbox>.text{padding: 8px;overflow: hidden;}
.lst>a{display: block;}
img{max-width:100%;}
/*.am-container{max-width: 1120px;position: relative;}*/
.am-container{width: 1200px;max-width: none;position: relative;}

.wrap{margin:0 auto; text-align:left; position: relative; max-width: 1000px;}

.pc_wrap{display: block;min-width: 1200px;}
.sj-main,
.sj_wrap{display: none;}
/*  header  */
header{
	position: relative;
	z-index: 2;
}
header .head{}
header .logo{
	float: left;
	padding: 10px;
}
header .head-top{
	height: 30px;
	line-height: 30px;
	font-size: 1.2rem;
	background: #f1f1f1;
}
header .head-tel span{
	color: #427a89;
	font-size: 2.2rem;
	display: inline-block;
}
nav{float: right;}
nav ul{text-align: center;}
nav>ul>li{
	float: left;
	position: relative;
	width: 100px;
	height: 98px;
	text-align: center;
}
nav>ul>li>a{
	display: block;
	margin: 0 auto;
	/*width: 90px;*/
	line-height: 98px;
	font-size: 1.4rem;
	color: #6a6a6a;
}
nav .ulst_2{
	position: absolute;
	z-index: 9;
	display: none;
	padding: 0;
	margin: 0;
	background: rgba(0,0,0,.4);
}
nav .ulst_2>li{
	margin: 0 auto;
    width: 100px;
}
nav .ulst_2>li>a{
	display: block;
	color: #fff;
	height: 30px;
	line-height: 30px;
}
nav .nav_li:hover .ulst_2{
	display: block;
}
/*nav li{
	float: left;
	width: 100px;
	text-align: center;
}
nav li a{
	display: block;
	margin: 0 auto;
	width: 90px;
	line-height: 98px;
	font-size: 1.4rem;
	color: #6a6a6a;
}*/
nav li a.jd,
nav li a:hover{
	color: #fff;
	background: #305dc3;
}

/*	Banner */
.banner{position: relative;z-index: 1;}
.banner .bxslider li{}
.banner .bxslider li,
.banner .bxslider li img{width: 100%;height: auto;}
.banner .bx-wrapper .bx-pager{z-index: 90;bottom: 10px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: #000;}
.banner .bx-wrapper .bx-controls-direction a{z-index: 999;}
/*  main  */
main{min-width: 1200px;font-weight: 300;margin: 0 auto;background: #f6f6f6;}
.mtit-box{/*text-align: center;*/}
.mtit{
	position: relative;
	text-align: center;
	/*display: inline-block;*/
	color: #fff;
	font-weight: 300;
}
.mtit p{
	line-height: 4rem;
	font-size: 2.5rem;
	color: #000;
	text-transform: uppercase;
}
.mtit span{
	position: relative;
	display: block;
	line-height: 1.8;
	margin: 0 auto;
	color: #5e7387;
	font-size: 1.2rem;
	font-style: inherit;
	padding: 12px 0;
}
.mtit i{
	display: block;
	margin: 0 auto;
	width: 128px;
	height: 3px;
	background: #e60012;
}
/*.mtit span:before,
.mtit span:after{
	position: absolute;
	display: block;
    content: "";
    visibility: hidden;*
    width: 80px;
    height: 2px;
    top: 14px;
    background: #e9e9e9;
}
.mtit span:before{
	left: -80px;
}
.mtit span:after{
	right: -80px;
}*/
.main-menu{
	text-align: center;
	padding: 35px 0;
}
.main-menu a{
	display: inline-block;
	margin: 0 8px;
	padding: 8px 13px;
	background: #fff;
}
.main-menu a:hover{
	color: #fff;
	background: #305dc3;
}
.m1{
	padding-top: 50px;
	background: #f6f6f6;
}
.m1 .m1box{
	overflow: hidden;
	padding: 15px 0;
}
.m1 .m1box ul{
	width: 1233px;
	margin-left: -16px;
}
.m1 .m1box .lst{
	font-size: 1.8rem;
	padding: 16px;
}
.m1 .m1box .lst a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.2rem;
}
.m1 .m1box .lst span{
	/*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;
	text-align: center;
	*display: block;
	*font-family:Arial;

	height: 278px;
	background: #fff;
}
.m1 .m1box .lst img{
	width: 100%;
	height: auto;
	vertical-align:middle;
	display: inline-block;
}
.m1 .m1box .lst p{
	line-height: 38px;
	font-size: 1.8rem;
	color: #494949;
}
.m1 .m1box .lst .txt{
	font-size: 1.2rem;
	color: #656565;
}
.m1 .m1-1{
	margin-top: 120px;
	background: #ededed;
}
.m1 .m1-1 .le{
	float: left;
	width: 50%;
	padding-top: 50px;
	color: #656565;
}
.m1 .m1-1 .le b{
	font-family: '宋体';
	font-size: 4.5rem;
	line-height: 2;
}
.m1 .m1-1 .le i{
	display: block;
	width: 100px;
	height: 4px;
	background: #e60012;
}
.m1 .m1-1 .le p{
	padding: 20px 0;
	font-size: 3.3rem;
	text-transform: uppercase;
}
.m1 .m1-1 .le span{
	font-size: 2rem;
}

.m1 .m1-1 .ri{
	width: 430px;
	float: right;
	padding-bottom: 35px;
}
.m1 .m1-1 .ri img{
	margin-top: -100px;
}
.m2{
	padding: 50px 0;
	background: url(../images/m3.jpg) no-repeat center top;
}
.m2 .mtit p,
.m2 .mtit span{
	color: #fff;
}
.m2 .mpro ul{
	padding: 40px 0;
}
.m2 .mpro li{
	text-align: center;
	background: rgba(255,255,255,.4);
}
.m2 .mpro li a{
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.m2 .mpro li .imgbox{
	/*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;
	text-align: center;/*水平居中*/
	*display: block;/*IE*/
	*font-family:Arial;
	width: 400px;
	height: 300px;
	/*width: 100%;
	height: 100%;*/
	position: relative;
	z-index: 1;
	border: 1px solid #f1f1f1;
}
.m2 .mpro li .imgbox img{
	width: 100%;
	height: auto;
	vertical-align:middle;
	display: inline-block;
}
.m2 .mpro li h5{
	position: absolute;
	width: 100%;
	height: 300px;
	line-height: 300px;
	z-index: 2;
	top: 0;
	/*background: rgba(230,0,18,.7);*/
	background: rgba(230,0,18,.7) url(../images/ico-j.png) no-repeat center 170px;
	opacity: 0;
	color: #fff;
	-moz-transition: all, 0.6s;
    -webkit-transition: all, 0.6s;
    -o-transition: all, 0.6s;
    -ms-transition: all, 0.6s;
    transition: all, 0.6s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.m2 .mpro li:hover h5{
	opacity: 1;
/*	-moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05); */
}
.m2 .m2more{
	display: block;
	margin: 0 auto;
	width: 100px;
	text-align: center;
}
.m2 .m2more p{
	line-height: 30px;
	color: #fff;
}
.m2 .m2more i{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-family: '宋体';
	font-size: 1.8rem;
	border-radius: 30px;
	background: #fff;
	font-style: inherit; 
}

.m3{
	padding: 50px 0;
}
.m3 .m3box{
	padding: 45px 0;
}
.m3 .m3box .le{
	float: left;
	width: 505px;
}
.m3 .m3box .m3le h5{
	margin: 15px 0;
	height: 38px;
	line-height: 38px;
	font-size: 2rem;
}
.m3 .m3box .m3le p{
	line-height: 2;
}
.m3 .m3box .ri{
	float: right;
	width: 656px;
	background: #ededed;
}
.m3 .m3box .ri ul{
	padding: 0 18px;
}
.m3 .m3box .ri li{
	padding: 18px 0;
	height: 145px;
	border-top: 1px solid #fff;
}
.m3 .m3box .ri li:first-child{
	border: 0;
}
.m3 .m3box .ri li i{
	display: table-cell;
	vertical-align:middle;
	text-align: center;/*水平居中*/
	*display: block;/*IE*/
	*font-family:Arial;
	float: left;
	width: 105px;
	height: 110px;
	background: #fff;
}
.m3 .m3box .ri li img{
	width: 100%;
	height: auto;
	vertical-align:middle;
	display: inline-block;
}
.m3 .m3box .ri li .txt{
	float: left;
}
.m3 .m3box .time{
	float: left;
	width: 52px;
	padding: 15px 0;
	margin: 0 18px;
	color: #e60012;
}
.m3 .m3box .ri li p.p1{
	font-family: '宋体';
	line-height: 50px;
	font-size: 4rem;
}
.m3 .m3box .ri li p.p2{
	font-size: 12px;
	line-height: 30px;
	border-top: 1px solid #e60012;
}
.m3 .m3box .ri li .t{
	float: left;
	width: 400px;
	font-size: 1.2rem;
	line-height: 2;
}
.m3 .m3box .ri li h5{
	line-height: 3;
	font-size: 1.4rem;
}
/**
 * submain 公共部分
 */
.submain .location{
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 1.2rem;
}
.sub-tit{
	text-align: center;
	line-height: 1;
}
.sub-tit .en{
	color: #343434;
	font-size: 3.5rem;
	text-transform: uppercase;
	display: none;
}
.sub-tit .cn{
	font-size: 2rem;
	line-height: 1.8;
	/*color: #305dc3;*/
}
.sub-menu{
	padding: 10px 0;
	text-align: center;
}
.sub-menu ul{
	display: inline-block;
}
.sub-menu ul li{
	display: inline-block;
	background: url(../images/ico-l.gif) no-repeat left center;
}
.sub-menu ul li:first-child{
	background: none;
}
.sub-menu>ul>li>a{
    display: inline-block;
    margin: 5px 8px;
    padding: 5px 10px;
}
/*.sub-menu span{
	display: inline-block;
}
.sub-menu span:first-child{ 
	display: none;
}*/
.sub-menu a.jd,
.sub-menu a:hover{
	color: #000;
}





.editor{padding: 1.2rem;line-height: 2;}
.editor img,.mbArticleSharePic{max-width: 100%;}

.sub-left{margin-bottom: 15px;}

.submain{padding-top: 1.5rem;background: #f6f6f6;}
.submain-nav{}
.submain-nav .am-menu-toggle{
	width: 120px;
	height: 30px;
	top: -50px;
	left: 180px;
	color: #427a89;
	font-size: 1.6rem;
}
.submain-nav .am-icon-angle-right:before{
	font-size: 2rem;
}
.submain-nav .am-menu-dropdown1{background: #000;}
.submain-nav .am-menu-dropdown1 .am-menu-nav{
	background: #427a89;
}
.sideBar{text-align: center;}
.sideBar .lst{
	display: block;
    margin: 0 5px;
}
.sideBar .lst a{ 
	display: block; 
	width: 100%;
	height: 100%;
	padding: 8px 15px;
	color: #fff;
}
.sideBar .lst a:hover,.sideBar .lst a.jd{
	background: #fff;color: #427a89;
}
.sub-right .rtop{
	border-top: 1px dashed #c7c7c7;
	border-bottom: 1px dashed #c7c7c7;
}
.sub-right .R_position{
	float: right;
	color: #021d3b;
	line-height: 3;}
.sub-right .R_position>a{/*color: #d59961;*/}
.sub-right .R_position>a:last-child{/*color: #333;*/}
.sub-body{padding: 1rem 0;}
/*分页*/
.prevAndNext{text-align: center;}
.prevAndNext .am-btn{font-size: 1.4rem;margin: .5rem;}
/*product*/

.showpro .title{
	text-align: center;
	font-size: 2rem;
	line-height: 2.5;
}
.showpro .imgbox{
	width: 90%;
	padding: 20px 0;
	text-align: center;
}
.showpro .imgbox img{
	max-width: 600px;
}
.showpro .h3{
	line-height: 30px;
	text-indent: 10px;
	border-top: 1px dashed #f1f1f1;
	border-bottom: 1px dashed #f1f1f1;
}
/* NEWSLIST CSS */
.newslist .item{
	height: 280px;
	overflow: hidden;
	padding: 30px 0 20px;
	border-bottom: 1px solid #ccc;
}
.newslist .item .pic{
	overflow: hidden;
	height: 100%;
	text-align: center;
	background: #f9f9f9;
}
.newslist .item .text{
	position: relative;
	height: 100%;
	padding-left: 50px;
	line-height: 2;
}
.newslist .item .text h5{
	line-height: 2.5;
	font-size: 1.8rem;
}
.newslist .item .text span{
	display: block;
	width: 53px;
	height: 3px;
	background: #e60012;
}
.newslist .item .text p{
	font-size: 1.2rem;
	margin: 18px 0;
}
.newslist .item .text i{
	display: block;
	position: absolute;
	font-style: inherit;
	padding-right: 25px;
	bottom: 0;
	background: url(../images/ico-gt.png) no-repeat right center;
}
.newslist .item h5:hover,
.newslist .item .more:hover{
	color: #885851;
}
.shownews .title{
	text-align: center;
	font-size: 2rem;
	line-height: 2.5;
}
.shownews .infos{
	text-align: center;
	padding: .5rem 0;
	border-bottom: 1px dashed #c7c7c7;
}
footer{
	padding-top: 30px;
	color: #fff;
	background: #2d2c28;
}
/*footer .am-container{max-width: 900px;}*/
footer a{color: #fff;}
.foot-nav{
    height: 38px;
    line-height: 38px;
    font-size: 1.4rem;
}
.foot-nav a{
	color: #fff;
	margin-right: 50px;
}
.foot-box{
	padding-top: 30px;
}
.foot-box .txt{
	height: 223px;
	overflow: hidden;
}
.foot-wx{
	text-align: right;
	line-height: 30px;
	padding-bottom: 20px;
	font-size: 1.2rem;
}
.foot-wx img{
	margin-bottom: 20px;
	max-width: 138px;
}
footer .copyright{

	margin: 0 auto;   
	text-align: center;
	line-height: 30px;
    border-top: 1px solid #464646;
    font-size: 1.2rem;
    background: #343434;
    color: #d7d6d6;
}


@media only screen and (max-width: 640px){
	/*隐藏联系我们地图*/
	.ueditor_baidumap{display: none;}
	.prevAndNext .am-btn{width: 100%;margin: .5rem 0;font-size: 1.2rem;}
	.sj_wrap,.sj-main{display: block;max-width: 640px;}
	.pc_wrap{display: none;}
	.am-container{width: 100%;}

	.sj-head{border-top: 5px solid #305dc3;}
	.sj-logo{margin: 10px;}
	.sj-logo img{max-height: 60px;}
	.sj-nav .am-menu-dropdown1 .am-menu-toggle{
		top: -60px;
		width: 50px;
		height: 50px;
		color: #305dc3;
	}
	.sj-nav .am-menu-toggle-icon{
		font-size: 2.8rem;
	}
	.sj-nav .am-menu-dropdown1 .am-active{
		color: #fff;
		background: #305dc3;
	}
	.sj-nav .am-menu-dropdown1 .am-menu-nav>li>a{
		border-bottom: 1px solid #305dc3;
		background-color: #305dc3;
	}
	.sj-nav .am-menu-dropdown1 .am-menu-nav>li>a.jd{
		color: #000;
	}
	main{display: none;}
	.sj-main{width: 96%;margin: 0 auto;}
	.sj-mtit{
		padding: 8px 0 12px;
		text-align: center;
	}
	.sj-mtit p{
	    line-height: 3rem;
	    font-size: 2rem;
	    color: #343434;
	    text-transform: uppercase;
	}
	.sj-mtit span{
		color: #fff;
	    position: relative;
	    padding: 2px 10px;
	    margin: 0 auto;
	    background: #305dc3;
	    font-size: 1.2rem;
	    font-style: inherit;
	}
	.sj-mtit span:before,
	.sj-mtit span:after{
	    position: absolute;
	    display: block;
	    content: "";
	    /* visibility: hidden; */
	    width: 50px;
	    height: 1px;
	    top: 9px;
	    background: #e9e9e9;
	}
	.sj-mtit span:before{
    	left: -50px;
	}
	.sj-mtit span:after{
    	right: -50px;
	}
	.sj-m1{
		padding: 20px 0;
	}
	.sj-m1 .mabout{
		line-height: 2;
	}
	.sj-m2{
		padding: 20px 0;
	}
	.sj-m2 .mpro{
		overflow: hidden;
	}
	.sj-m2 .mpro .swiper-slide a{
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		text-align: center;
	}
	.sj-m2 .mpro .swiper-slide h5{
		position: absolute;
		width: 100%;
		height: 28px;
		line-height: 28px;
		bottom: 0;
		color: #fff;
		background: rgba(0,0,0,.4);
	}
	.sj-submain{
		position: relative;
	}
	.sj-submain .sub-tit{
		padding: 8px 0;
		border-bottom: 1px dashed #ccc;
	}
	.sj-submain .sub-tit .en{
		font-size: 2.2rem;
	}
	.sj-submain .sub-tit .cn{
		font-size: 1.6rem;
	}
	.sj-sub-nav{
		position: absolute;
		min-width: 50px;
		background: #f00;
		top: 10px;
		left: 10px;
	}
	.sj-sub-nav p{
		border-bottom: 1px solid #464646;
		text-align: center;
	}
	.sj-sub-nav p a{
		display: block;
		padding: 15px 18px;
		color: #fff;
	}
	.sideBar>ul>.navli{
		border-bottom: 1px solid #464646;
	}
	.sideBar>ul>.navli>a{
		color: #fff;
		display: block;
		padding: 15px 18px;
	}

/*手机产品展示*/
	.sj-prolist .lst{
		padding: 8px;
		text-align: center;
	}
	.sj-prolist .lst a{
		position: relative;
		background: #f1f1f1;
	}
	.sj-prolist .lst span{
		display: inline-block;
		height: 200px;
		overflow: hidden;
	}
	.sj-prolist .lst p{
		height: 30px;
		line-height: 30px;
	}
/*手机新闻列表*/
	.sj-newslist{
		width: 96%;
		margin: 18px auto;
	}
	.sj-newslist .item{
		padding: 10px 0;
		border-bottom: 1px dashed #ccc;
		overflow: hidden;
	}
	.sj-newslist .item .text{
		padding-left: 15px;
	}
	.sj-newslist .item h5{
		font-size: 1.6rem;
		line-height: 2.3;
	}
	.sj-newslist .item p{
		font-size: 1.2rem;
		line-height: 2;
		margin: 8px 0;
	}	
	.sj-shownews .title{
		text-align: center;
		line-height: 35px;
		font-size: 1.8rem;
	}
	.sj-shownews .infos{
		text-align: center;
	}
/*手机底部*/
	.sj-footer{background: #222;}
	.sj-foot-txt{padding: 20px;}
	.sj-footer .copyright{
		text-align: center;
	    line-height: 30px;
	    border-top: 1px solid #464646;
	    background: #343434;
	    color: #d7d6d6;
	    font-size: 1.2rem;
	}
}