body{font-size: 1.2rem;}
header .top{width:100%;max-width: 1100px;margin: auto;padding: 20px 0; overflow: hidden;}
header .top .logo{float: left;}
header .top .ad{float: right;margin-top: 32px;margin-right: 20px;font-size: 1.4rem;}
header .top .tel{float: right;}
header .clear{clear: both;}

/*导航*/
header nav{width:100%;margin: auto;background:#f3a43f;}
header nav ul{width:100%;max-width: 1100px;margin: auto;display: flex;justify-content: space-around;}
header nav ul li{line-height: 42px;padding: 0 20px;}
header nav ul li:hover{background: #ec6120;}
header nav ul li a{color: #fff;font-size: 16px;}
.menubtn{display: none;}

@media all and (max-width: 900px){
    header .top .ad{display: none;}
}
@media all and (max-width: 768px) {
    header nav{}
    header nav ul{text-align:center;display:block;position:absolute;z-index: 9999;background:#f3a43f;overflow: hidden;height:0;margin-top: 42px;}
    .menubtn{display: block;width:100%;text-align: center;height:42px;}
}
@media all and (max-width: 480px){
    header .top .tel{display: none;}
    header .top .logo{text-align: center;width:100%;}
}

.imagective{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);
}
/*公共样式*/
.atop {width:100%;max-width:1100px;overflow: hidden;margin:auto;padding-top: 10px;}
.atop .optionlist{float: left;}
.atop .optionlist .option{display: block;float: left;padding: 5px 10px;background:#fff;color:#424242;margin-right: 20px;border: 1px solid #d2d2d2;}
.op_active{background:#0a6abe!important;color:white!important;border: 1px solid #0a6abe!important;}
.atop .position{float: right;padding: 5px 0;color:#a7a7a7;}
.atop .position a{color:#a7a7a7;}
.atop .position a:hover{color:#414141;}
.atop .position a:nth-last-child(1){color:#414141;}

.atitle{font-size: 2.2rem;color:#096abd;margin-top:20px;}
.atext{font-size: 1.4rem;line-height: 2rem;}

.nsection1{margin-top: 50px;}
.nsection2{margin-bottom: 50px;}

article{width:100%;margin: auto;overflow:hidden;}
.title{text-align: center;font-size: 16px;}
.title .ct{display: flex;justify-content: center;}
.title .ct .ctc{padding: 0 10px;}

.nsection1 .title {font-size: 2.4rem;color: #464646}

.section{padding: 50px 0;width:100%;max-width: 1100px;margin: auto;}
section{overflow: hidden;width:100%;max-width: 1100px;margin: auto;margin-top: 50px;}
/*首页 - 关于我们*/
.about section{display: flex;justify-content: space-between;margin-top: 50px;}
.about section .cimg{width:45%;max-width: 407px;}
.about section .cimg img{width:100%;}
.about section .acon{width:53%;position: relative;padding-bottom: 30px;}
.about section .acon p{text-indent: 2em;line-height: 2em;}
.about section .acon .btn{position: absolute;right:0;bottom:0;color:#fff;background:#cc0001;line-height: 25px;width:83px;text-align: center;border-radius: 17.5px;}

@media all and (max-width: 920px){
    .about section{display: block;overflow: hidden;}
    .about section .cimg{float: left;width:100%;text-align: center;max-width: 100%;}
    .about section .cimg img{max-width: 70%;}
    .about section .acon{float:left;width:100%;margin-top: 20px}
}
/*首页 - 产品展示*/
.product {max-width:100%!important;}
.product section{width: 100%;margin: auto;max-width: 1100px;overflow: hidden;margin-top: 50px;}
.product section a{display: block;float: left;width:32%;margin-right: 2%;margin-bottom: 25px;}
.product section a:nth-child(3n){margin-right: 0;margin-bottom: 25px;}
.product section a img{margin: 0;padding: 0;width:100%;}
@media all and (max-width: 768px ){
    .product section a{width:48%;margin-right: 4%;}
    .product section a:nth-child(3n){margin-right: 4%;}
    .product section a:nth-child(2n){margin-right: 0;margin-bottom: 25px;}
}
@media all and (max-width: 480px ){
    .product section a{width:100%;margin-right: 0%;}
    .product section a:nth-child(3n){margin-right: 0%;}
}

/*首页 - 成功案例*/
.case section{margin-top: 50px;}
.case section .com img{width:14.5%;border-radius: 50%;border:1px solid #ccc;margin-right: 1.99%;margin-bottom:20px; }
.case section .com:nth-child(6n) img{margin-right: 0;}
@media all and (max-width: 768px){
    .case section .com img{width:29%;border-radius: 50%;border:1px solid #ccc;margin-right: 5%;margin-bottom:20px; }
    .case section .com:nth-child(3n) img{margin-right: 0;}
}
@media all and (max-width: 480px){
    .case section .com img{width:44.5%;border-radius: 50%;border:1px solid #ccc;margin-right: 5%;margin-bottom:20px; }
    .case section .com:nth-child(3n) img{margin-right: 5%;}
    .case section .com:nth-child(2n) img{margin-right: 0;}
}

/*首页 - 新闻*/
.nlist{width:40%;font-size: 1.4rem;display: flex;justify-content: flex-start;float: left;margin-bottom: 20px;}
.nlist .nimg{float: left;}
.nlist .nimg img{width:91px;height:72px;}
.nlist .ncon{float: left;color:#747474;margin-left: 10px;}
.nlist .ncon a{color:5c5c5c;line-height: 2em;}
.nlist:nth-child(2n){float: right;}
@media all and (max-width: 900px){
    section .nlist{width:47%;}
}
@media all  and (max-width: 768px){
    section .nlist{width:90%;float: none!important;margin: auto;margin-bottom: 20px;}
}
@media all  and (max-width: 380px){
    section .nlist{width:100%;float: none!important;margin: auto;margin-bottom: 20px;}
    section .nlist .nimg{display: none;}
}

/*首页 - 尾部*/
footer .ff{background:#ce1213;}
footer .ff .ff-box{width:100%;max-width: 1100px;margin: auto;overflow: hidden;line-height: 3em;}
footer .ff .copy{float: left;}
footer .ff .link{float: right;}

@media all and (max-width: 512px) {
    footer .ff .copy{float: none;text-align: center}
    footer .ff .link{float: none;text-align: center}
}
footer .ft{width:100%;max-width: 1100px;overflow: hidden;margin: 30px auto;}
footer .ft .menu{width:17.5%;float: left;margin-top: 10px;}
footer .ft .menu .mt{font-size: 1.4rem;}
footer .ft .er img{width: 90%;max-width: 121px;}
footer .ft .menu ul li a{color:#828282}
footer .ft .address{width:29%;float: left;}
@media all and (max-width: 600px){
    footer .ft .menu{display: none;}
    footer .ft .er{display: block;width: 50%;text-align: center}
    footer .ft .address{width:50%;}
}


@media all and (max-width: 320px) {
    .atop .position{float: left;}
    .atop .optionlist{float: left;width:100%;display: flex;justify-content: center;}
    .atop .optionlist .option{margin: 0 5px;}
}

/*产品内页*/
.imgshow{display: block;margin-top: 30px;}
.imgshow .bigimg{width:97.8%;margin-left: 0.35%;border: 1px solid #cbcbcc;overflow: hidden}
.imgshow .smimg li{display: block;width:24%;margin:0.35%;border: 1px solid #cbcbcc;float: left;}
.imgshow .smimg li img{width:100%;}
@media all and (max-width:660px) {
    .imgshow .bigimg{width:98.7%;margin-left: 0.25%;}
    .imgshow .smimg li{margin:0.25%;}
}
@media all and (max-width:500px){
    .title{position:relative;left:50%;margin-left:-250px;width:500px;}
}
@media all and (max-width:640px) {
    .imgshow .bigimg{display: none;}
    .imgshow .smimg li{width:95%;margin: 0 auto;float: none;}
}



/*产品页*/
.pro{width:100%;max-width: 1100px;margin: auto;overflow: hidden}
.prolist{width:21.9%;float: left;margin-right: 4%;margin-bottom: 15px;}
.prolist:nth-child(4n){margin: 0;margin-bottom: 15px;}
.prolist .pic{width:100%;text-align: center;border: 1px solid #a2a2a2;display: flex;justify-content: center;align-items: center;}
.prolist .pic img{max-width:100%;max-height: 100%;}
.prolist p{text-align: center;line-height: 2em;}
@media all and (max-width:768px){
    .prolist{width:30%;margin-right: 4.5%;}
    .prolist:nth-child(4n){margin-right: 4.5%;margin-bottom: 15px;}
    .prolist:nth-child(3n){margin: 0;margin-bottom: 15px;}
}
@media all and (max-width:640px){
    .prolist{width:45%;margin-right: 9%;}
    .prolist:nth-child(3n){margin-right: 9%;margin-bottom: 15px;}
    .prolist:nth-child(2n){margin: 0;margin-bottom: 15px;}
}

/*翻页*/
#paging{width:100%;margin: auto;overflow: hidden;display: flex;justify-content: center;}
#paging a{display: block;width: 2em;border:1px solid #c7beb7;text-align: center;margin: 5px;font-size: 14px;}
#paging a:hover{background: #0a6abe;border-color: #0a6abe;color: #fff;}
#paging .page_in {display: flex;justify-content: center;}
.PageActive{background: #0a6abe;border-color: #0a6abe;color: #fff;}

/*留言页*/
.acontent a{
    display:block;
    margin: auto;
    margin-bottom: 20px;
    width:646px;
}
.acontent a i{
    color:#fff;
    display: block;
    line-height: 3em;
    width:3em;
    text-align: center;
    float: left;
    font-size: 1.24em;
    background: #f3a43f;
}
.acontent input{
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ebebeb;
    padding: 15px 22px;
    font: 15px/25px "Open Sans", sans-serif;
    color: #959595;
    margin-bottom: 20px;
    background: none;
    cursor: pointer;
    text-align: left;
    display: block;
    width: 600px;
}
.acontent textarea{
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ebebeb;
	padding: 15px 22px;
	font: 15px/25px "Open Sans", sans-serif;
	color: #959595;
	background: none;
	cursor: pointer;
	text-align: left;
	display: block;
	width: 600px;
	margin-bottom: 50px;
	height: 203px;
	resize: none;
    	font-family: "微软雅黑","宋体","Arial Narrow",HELVETICA;

}
.btn{width:646px;text-align: center;background:#f3a43f;line-height: 3em;color:#fff;font-size: 14px;}
@media all and (max-width: 650px){
    .acontent a{
        width:95%;
    }
    .acontent a i{
        display: none;
    }
    .acontent a input{width:100%;}
    .acontent a textarea{width:100%;}
}
.E_layer{width:100%;height:100vh;background:rgba(0,0,0,0.4);position: fixed;left:0;top:0;z-index:999999;display: none;}
.E_layer .big_img{width:400px;height:400px;position: absolute;left:50%;margin-left:-200px;top:50%;margin-top: -200px;}
.E_layer .big_img img{width:100%;}
.E_layer .big_img .pre{width:200px;height:400px;position: absolute;left:50%;top:50%;margin-top: -200px;z-index: 9999999}