/* 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: 1200px;position: relative;}
.wrap960{margin:0 auto; text-align:left; position: relative; max-width: 960px;}
.wrap{margin:0 auto; text-align:left; position: relative; max-width: 1000px;}
/*  header  */
header{
	position: relative;
	background: url(../images/bg.gif);
}
.head-top{
	height: 30px;
	line-height: 30px;
	font-size: 1.2rem;
	background: #fff;
}
.head{
}
.head .logo{
	padding: 25px 0;
}
.head-tel{
	margin-top: 25px;
	padding-left: 50px;
	background: url(../images/icon01.png) no-repeat center left;
}
.head-tel span{
    display: block;
    height: 18px;
    line-height: 18px;
    color: #9f9f9f;
    overflow: hidden;
}
.head-tel strong{
    display: block;
    color: #bf022c;
    font-size: 20px;
}
nav{
	background: #ba012a;
}
nav ul{
}
nav li{
	display: inline-block;
	text-align: center;
}
nav li a{
	display: block;
	width: 114px;
	line-height: 50px;
	color: #fff;
	border-right: 1px solid #d50330;
}
nav li a:hover,
nav li a.jd{
	color: #fff;
	background: #3d3d3f;
}
.sj-nav{display: none;}
.sj-nav .am-menu-dropdown1 .am-menu-toggle{
	background: #fff;
	top: -55px;
	width: 50px;
	height: 40px;
	line-height: 50px;
	color: #ae0000;
}
.sj-nav .am-menu-dropdown1 .am-active{
	color: #fff;
	background: #ae0000;
}
.sj-nav [class*=am-icon-]:before{
	font-size: 3rem;
}
.sj-nav .am-menu-dropdown1 .am-menu-nav>li>a{
	background: #ae0000;
	border-bottom: 1px solid #d50330;
}
.search{
    position: absolute;
    left: 0;
    bottom: -48px;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 1.2rem;
    background: url(../images/sch_bg.png) no-repeat center top;
    z-index: 999;
}
.search .txt a{
    padding: 0 5px;
}
/*	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{}
.mtit{
	overflow: hidden;
    text-align: center;
}
.mtit p{
    display: block;
    font-size: 24px;
    color: #ae0000;
    line-height: 33px;
    text-align: center;
}
.mtit span{
    display: inline-block;
    padding: 0 40px;
    background: url(../images/ico-1.png) repeat-x center center;
}
.mtit span ins{
    display: block;
    line-height: 20px;
    font-size: 16px;
    color: #999999;
    padding: 0 12px;
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.m1 .mtit ins{
	background: #f9f9f9;
}
.m1{
	padding: 40px 0;
    background: url(../images/m1.jpg) no-repeat center bottom #f9f9f9;
}
.m1 .mpro-box{padding: 25px 0;}
.m1 .mprolst .lst{
	float: left;
    display: inline-block;
    text-align: center;
    height: 280px;
}
.m1 .mprolst .lst a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
}
.m1 .mprolst .lst h5{
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #666;
    font-size: 18px;
    background: #FFF;
    border-width: 0 1px 1px;
    border-color: #c2c2c2;
    border-style: solid;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m2{
	padding: 55px 0;
}
.m2 .m2box{
	padding: 25px 0;
}
.m2 .mabout{
	padding-top: 60px;
	padding-left: 50px;
}
.m2 .mabout .txt{line-height: 2;}
.m2 .m2more{
	float: right;
	display: block;
	margin-top: 20px;
	width: 59px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border: 1px solid #696969;
}
.m2 .m2more:hover{
	color: #fff;
	border-color: #427a89;
	background: #427a89;
}
.m3{padding-bottom: 55px;}
.m3 .m3box{
	position: relative;
}
.m3 .m3box .btn{
	position: absolute;
    width: 30px;
    height: 52px;
    top: 105px;
    z-index: 99;
    cursor: pointer;
}
.m3 .m3-but-prev{
	left: -30px;
}
.m3 .m3-but-next{
	right: -30px;
}
.m3 .mcase .lst{
	float: left;
    height: 280px;
    display: inline-block;
    text-align: center;
    padding: 0 10px 20px;
}
.m3 .mcase .lst a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
}
.m3 .mcase .lst h5{
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #666;
    font-size: 18px;
    background: #FFF;
    border-width: 0 1px 1px;
    border-color: #c2c2c2;
    border-style: solid;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/**
 * submain
 */
.editor{padding: 1rem;}
.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: #ae0000;
	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: #ae0000;
}
.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;}
@media only screen and (max-width: 640px){
	.prevAndNext .am-btn{width: 100%;margin: .5rem 0;font-size: 1.2rem;}
}
/*product*/
.prolst .lst{padding: 2px;height: 260px;margin-bottom: 20px;}
.prolst .lst a{
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
}
.prolst .lst p{
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    background: rgba(0,0,0,.4);
    line-height: 2;
}
.showpro .title,
.shownews .title{text-align: center;font-size: 2rem;line-height: 2.5;}
/*news*/
.NewsList .lst{overflow: hidden;padding: 2px 5px;margin: .5rem 0;}
.NewsList .lstbox{padding: 3px;border-radius: 3px;border: 1px solid #c7c7c7;}
.NewsList .text{line-height: 2;padding-left: 1rem;padding-right: .5rem;}
.NewsList .text h5{padding: .5rem 0;font-size: 1.5rem;}
.NewsList .text:hover h5,
.NewsList .text .more:hover{color: #021d3b;}
.NewsList .text i{font-size: 1rem;}
.NewsList .text p{font-size: 1.2rem;color: #888;}
.shownews .infos{text-align: center;padding: .5rem 0;border-bottom: 1px dashed #c7c7c7;}
footer{/*padding: 20px 0;color: #a8a8a8;background: #f7f7f7;*/
    position: relative;
    width: 100%;
    padding: 50px 0 10px 0;
    background: url(../images/icon03.jpg) no-repeat center bottom #fafafa;
    color: #666;
    /*min-width: 1200px;*/
}
.foot-text .txt{
    display: block;
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
}
.foot-msg h4 {
    display: block;
    font-size: 24px;
    letter-spacing: 5px;
    line-height: 40px;
    color: #666;
}
.foot-msg .msg-box{
	padding-top: 20px;
}
.foot-msg .msg-box li{
    float: left;
    margin-top: 11px;
}
.foot-msg .msg-box li input{
    height: 44px;
    line-height: 44px;
    border: 1px solid #aaaaaa;
    background: transparent;
    font-family: 'microsoft yahei';
    color: #666;
    font-size: 14px;
    text-indent: 10px;
}
.foot-msg .msg-box li:nth-child(1),
.foot-msg .msg-box li:nth-child(1) input{
    width: 250px;
}
.foot-msg .msg-box li:nth-child(2){
    width: 335px;
    margin-left: 11px;
}
.foot-msg .msg-box li:nth-child(2) input{
    width: 335px;
}
.foot-msg .msg-box li:nth-child(3){
    width: 99.7%;
}
.foot-msg .msg-box li:nth-child(3) textarea {
    width: 100%;
    height: 80px;
    padding: 5px 10px;
    line-height: 25px;
    border: 1px solid #aaaaaa;
    background: transparent;
    font-family: 'microsoft yahei';
    color: #666;
}
.foot-msg .msg-btn{
    display: block;
    margin-top: 11px;
}
footer .copyright{    
	line-height: 30px;
    color: #323334;
    text-align: center;
    font-size: 14px;
}
@media only screen and (max-width: 800px){
	header{padding: 5px 0;}
	.head .logo{padding: 0 0 0 15px;}
	header .logo,
	header .logo img{max-height: 60px;}
	nav{display: none;}
	.sj-nav{display: block;}
	.mtit em{line-height: 3rem;font-size: 3.5rem;}
	.mtit p{line-height: 1.5rem;font-size: 1.5rem;}
	.mtit span{font-size: 1.2rem;font-weight: normal;}
	.m1, .m2{padding: 20px 0 0px;}
	.m1 .mpro-box{padding:0;}
	.m2 .m2box{padding: 18px 0;text-align: center;}
	.m2 .mabout{padding: 0 2%;text-align: left;}
	.m3{padding: 18px 0;}
	.m4,.m5{padding: 20px 0;}
	.m4 .mtit-box {margin-bottom: 20px;}
	.m5 .m5box{margin-top: 15px;}
	.m5 .m5box .lst{padding: 8px 0;}
	.m5 .m5box img{padding-bottom: 10px;}
	.submain-nav .am-menu-toggle {height: 30px;left:auto;right: 5px;font-size: 1.4rem;}
	.foot-text .txt,
	.foot-msg{
		width: 95%;
		margin: auto;
	}
}
@media only screen and (max-width: 1200px){
	.m3 .m3box .btn{display: none;}
	.foot-msg .msg-box li:nth-child(1),
	.foot-msg .msg-box li:nth-child(1) input,
	.foot-msg .msg-box li:nth-child(2),
	.foot-msg .msg-box li:nth-child(2) input{
	    width: 100%;
	    margin-left: 0;
	}
}