/* 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;
	width: 100%;
	overflow: hidden;
}
header .logo{
	float: left;
	width: 500px;
}
header .headBox{
	float: right;
	width: 600px;
	padding-top: 8px;
}
header .top{
	float: right;
	padding-bottom: 10px;
}
header .top ul{
	float: left;
	padding-top: 16px;
	padding-right: 20px;
}
header .top li{
	float: left;
	padding: 0 10px;
	height: 22px;
	line-height: 22px;
	position: relative;
	cursor: pointer;
}
header .top li i{
	display: block;
	position: absolute;
	width: 1px;
	height: 12px;
	background: #d5ccd5;
	top: 5px;
	right: 0;
}
header .top a{
	display: inline-block;
	width: 38px;
	height: 38px;
	background-size: cover;
}
header .top a.wx{
	background-image: url(../images/wx.jpg);
}
header .top a.qq{
	background-image: url(../images/qq.jpg);
}
nav{
	height: 50px;
	overflow: hidden;
}
nav ul{}
nav li{
	float: left;
	width: 120px;
	text-align: center;
}
/*nav li:first-child{}*/
nav li a{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
}
nav li a.jd,
nav li a:hover{
}
/*	Banner */
.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;}
.mtit-box{/*text-align: center;*/}
.mtit{
	position: relative;
	color: #343434;
	text-align: center;
}
.mtit p{
	position: relative;
	display: inline-block;
	line-height: 4rem;
	font-size: 28px;
	color: #000;
	font-weight: 400;
}
.mtit p:before,
.mtit p:after{
	position: absolute;
	display: block;
    content: "";
    /*visibility: hidden;*/
    width: 80px;
    height: 1px;
    background: #343434;
    top: 25px;
}
.mtit p:before{
	left: -120px;
}
.mtit p:after{
	right: -120px;
}
.mtit span{
	display: block;
	padding: 0 15px;
	font-weight: 400;
	font-size: 14px;
	color: #d5b872;
}
.m1 .m1-1{
	padding: 50px 0;
}
.m1 .m1-1 .mabout{
	line-height: 2;
}
.m1 .m1-1 .fr{
	float: right;
	width: 600px;
}
.m1 .m1-1 .m1logo{
	float: right;
}
.m1 .m1-1 h3{
	margin: 30px 0;
	height: 35px;
	line-height: 35px;
}
.m1 .m1-1 b{
	font-size: 20px;
	color: #8c262f;
}
.m1 .m1-1 span{
	padding-left: 5px;
	font-size: 18px;
	color: #666;
}
.m2{
	position: relative;
	height: 795px;
	background: url(../images/m2.jpg) repeat 0 0;
}
.m2 .am-g{
	padding-top: 300px;
	background: url(../images/join.png) no-repeat top center;
}
.m2 .Mjoin{
	position: relative;
	height: 495px;
	background: #8c262f;
	overflow: hidden;
	z-index: 2;
}
.m2 .Mjoin .le{
	float: left;
	width: 546px;
}
.m2 .Mjoin .ri{
	float: right;
	padding: 40px;
	width: 653px;
	height: 100%;
	color: #fff;
}
.m2 .Mjoin span{
	display: inline-block;
	font-size: 30px;
	line-height: 2;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}
.m2 .Mjoin p{
	font-size: 16px;
	height: 38px;
	line-height: 38px;
}
.m2 i{
	position: absolute;
	display: block;
	width: 100%;
	height: 230px;
	bottom: 0;
	background: #fff;
}
.m3{
	padding-bottom: 50px;
}
.m3 .m3top{
	padding: 20px 0;
	text-align: center;
	color: #976f3c;
}
.m3 .m3top p{
	font-size: 26px;
	line-height: 50px;
}
.m3 .m3top i{
	margin: 10px auto;
	display: block;
	width: 1100px;
	height: 1px;
	background: #976f3c;
}
.m3 .m3top span{
	display: block;
	font-size: 16px;
}
.m3 .m3top em{
	padding: 0 10px;
}
.m3 .m3box{
	height: 280px;
	background: #8c262f;
}
.m3 .m3box .le{
	float: left;
	width: 535px;
	height: 100%;
	padding: 20px;
	color: #fff;
}
.m3 .m3box .ri{
	float: right;
	width: 665px;
}
.m3 .m3box p{
	font-size: 23px;
	line-height: 30px;
	color: #be8c55;
}
.m3 ul{
	padding-top: 20px;
}
.m3 ul li{
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}
.m3 ul li:hover{
	text-decoration: underline;
}
.m3 ul li em{
	margin-right: 8px;
	display: block;
	float: left;
	font-size: 30px;
	height: 30px;
	line-height: 30px;
}
.m3 h5{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #fff;
	/*background: rgba(0,0,0,.4);*/
	background: #d5b872;
	-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; 
}
/**
 * submain 公共部分
 */
.submain .location{
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 1.2rem;
}
.sub-tit{
	padding-top: 28px;
	padding-bottom: 28px;
	text-align: center;
	line-height: 1;
}
.sub-tit .en{
	color: #323232;
	font-size: 1.6rem;
	text-transform: capitalize;
}
.sub-tit .cn{
	font-size: 2.8rem;
	line-height: 1.8;
	color: #8c262f;
}
/*.sub-menu{
	padding: 10px 0;
	text-align: center;
}
.sub-menu a{
    display: inline-block;
    margin: 5px 8px;
    padding: 5px 10px;
}
.sub-menu a.jd,
.sub-menu a:hover{
	color: #fff;
	background: #305dc3;
}*/
.editor{padding: 1.2rem;line-height: 2;}
.editor img,.mbArticleSharePic{max-width: 100%;}
.sub-left{margin-bottom: 15px;}
.submain{padding-top: 1.5rem;}
.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{
	padding-top: 15px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.sideBar>ul{display: inline-block;}
.sideBar>ul>li{
	display: inline-block;
	padding: 0 10px;
}
.sideBar>ul>li>a{
	display: inline-block;
	height: 100%;
	padding: 12px 8px;
	font-size: 15px;
	/*font-family: '宋体';*/
	border-bottom: 3px solid #fff;
}
.sideBar>ul>li a:hover,
.sideBar li a.jd{
	background: #fff;
	color: #8c262f;
	border-bottom: 3px solid #8c262f;
}
.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*/
.prolist .lst{
	padding: 10px;
	text-align: center;
}
.prolist .lst a{
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #f1f1f1;
	/*position: relative;*/
}
.prolist .lst a p{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #f3f3f3;
}
.prolist .lst a span{
	display: block;
	height: 315px;
	overflow: hidden;
}
.prolist .lst a:hover p{
	color: #fff;
	background: #8c262f;
}
.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{
	padding-left: 50px;
	line-height: 2;
}
.newslist .item .text h5{
	line-height: 2.5;
	font-size: 2rem;
}
.newslist .item .text p{
	margin: 10px 0;
}
.newslist .item .text i{
	display: block;
}
.newslist .item .text .more{
	display: block;
	margin-top: 20px;
}
.newslist .item h5:hover,
.newslist .item .more:hover{
	color: #8c262f;
}
.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: 60px;
	color: #fff;
	background: #1e1e1e;
}
footer .am-g{
	padding-bottom: 20px;
}
footer a{color: #fff;}
footer .f-nav{
	float: left;
	width: 130px;
}
footer .f-nav li{
	height: 30px;
	line-height: 30px;
	font-size: 13px;
}
footer i{
	float: left;
	display: block;
	width: 1px;
	height: 200px;
	background: #535454;
}
footer .f-pro{
	float: left;
	padding: 0 30px;
	width: 460px;
}
footer .f-pro b{
	display: block;
	font-size: 22px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 10px;
}
footer .f-pro a{
	display: block;
	float: left;
	width: 50%;
	height: 28px;
	line-height: 28px;
	margin: 5px 0;
	color: #fff;
}
footer .f-txt{
	float: right;
	padding: 0 50px;
	max-width: 475px;
	min-height: 200px;
	line-height: 2;
}
footer .f-ewm{
	float: right;
	width: 115px;
	line-height: 30px;
}
footer .copyright{
	margin: 0 auto;   
	text-align: center;
	line-height: 30px;
    border-top: 1px solid #464646;
    font-size: 1.2rem;
    background: #34373a;
    color: #dadada;
}
footer .copyright a{
	padding: 0 5px;
	color: #fff;
}
footer .copyright a:hover{
	color: #fff;
}
@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{}
	.sj-logo{margin: 10px;}
	.sj-logo img{max-height: 60px;}
	.sj-nav .am-menu-dropdown1 .am-menu-toggle{
		top: -60px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		/*color: #305dc3;*/
		color: #8c262f;
	}
	.sj-nav .am-menu-toggle-icon{
		font-size: 2.8rem;
	}
	.sj-nav .am-menu-dropdown1 .am-active{
		color: #fff;
		background: #8c262f;
	}
	.sj-nav .am-menu-dropdown1 .am-menu-nav>li>a{
		border-bottom: 1px solid #8c262f;
		background-color: #8c262f;
	}
	.sj-nav .am-menu-dropdown1 .am-menu-nav>li>a.jd{
		color: #000;
		background: #913039;
	}
	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: #8c262f;
	    position: relative;
	    padding: 2px 10px;
	    margin: 0 auto;
	    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;
	}
	.sj-sideBar>ul>.navli{
		border-bottom: 1px solid #464646;
	}
	.sj-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;color: #fff;}
	.sj-footer a{color: #fff;}
	.sj-foot-txt{padding: 20px;}
	.sj-footer .copyright{
		text-align: center;
	    line-height: 30px;
	    border-top: 1px solid #464646;
	    background: #343434;
	    color: #868686;
	    font-size: 1.2rem;
	}
}