blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{color:#333;font-size:14px;line-height:1.5;font-family:"微软雅黑","Microsoft Yahei",PingFangSC-Regular,"PingFang Regular",sans-self;padding-top:110px;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
a{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
input,select,textarea{font-size:14px;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#d2d2d2}
::-moz-placeholder{color:#d2d2d2}
::-ms-input-placeholder{color:#d2d2d2}
@font-face{font-family:gothambold;src:url('../font/gothambold.ttf')}
@font-face{font-family:gothambook;src:url('../font/gothambook.ttf')}
@font-face{font-family:gothammedium;src:url('../font/gothammedium.ttf')}
@font-face{font-family:gothamultra;src:url('../font/gothamultra.ttf')}
@font-face{font-family:msyh;src:url('../font/msyh.ttf')}
@font-face{font-family:msyhbd;src:url('../font/msyhbd.ttf')}
@font-face{font-family:msyhl;src:url('https://www.ecosocial.cn/template/tp/assets/fonts/msyhl.ttc')}
.am-container {
	max-width:1200px;
}
img{max-width:100%;}




.header{z-index:10;position:fixed;top:0;left:0;width:100%;height:110px;background-color:#fff}
.header .logo{float:left;height:110px; margin-left:100px;font-size: 28px;}
.header .logo img{display:block;height:100%;width:auto;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.header .logo img:hover{opacity:.8}

.header .hd-r{float:right}


.nav{ float:right; padding-right:40px;}
.nav li{float:left;cursor:pointer;padding-top:30px;position:relative}
.nav a{display:block;font-size:14px;color:#252525; min-width:86px; text-align:center; margin:0 12px; font-weight:700; letter-spacing:1px;}
.nav .v1{position:relative;line-height:50px}
.nav .v1:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:#191a1b;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.nav .on a,.nav li:hover .v1{ color:#ff0404}
.nav .on .v1:after{left:0;width:100%}
.nav .on2 .v1:after{left:0;width:100%}

.nav .sub-nav{display:none;position:absolute;top:100%;left:0;width:100%;height:270px;background-color:#fff}
.nav .sub-inner{display:none;position:absolute;top:100%;width:110px;height:270px;padding-top:20px;overflow:hidden}
.nav dl{position:relative;overflow:hidden;float:left;height:0;width:110px;transition:1.5s;-ms-transition:1.5s;-moz-transition:1.5s;-webkit-transition:1.5s;-o-transition:1.5s}
.nav dl.ok{height:270px}
.nav dl.ok:after{height:270px}
.nav dd a{line-height:42px; color:#252525 !important;}
.nav dd a:hover{color:#ff0404 !important;}
/*手机导航*/
.menuBtn{display:none;position:absolute;top:0;right:0;width:114px;height:80px;}
.menuBtn .ico{display:block;position:absolute;top:50%;left:56%;width:26px;height:20px;cursor:pointer;-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.menuBtn .ico em{margin-bottom:6px;display:block;height:2px;background-color:#252525;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.menuBtn.on .ico em{display:none;margin:-2px 0 0;position:absolute;top:50%;width:24px}
.menuBtn.on .ico em:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.on .ico em:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.aside{z-index:10;position:fixed;left:0;top:80px;height:0;width:100%;overflow:hidden;overflow-y:auto;padding:0 15px;background-color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.aside.open{bottom:0;height:100%}
.aside ul{padding:30px 0}
.aside li{ text-align:center;}
.aside li:last-child{}
.aside li a{display:block;line-height:47px;font-size:14px;color:#252525;white-space:nowrap;overflow:hidden; font-weight:bold;}
.aside .v1{}
.aside .on .v1{background-image:url(https://www.ecosocial.cn/template/tp/assets/images/menu-ico-on.png)}
.aside dl{ border-bottom:1px solid #191B1B; border-top:1px solid #191B1B;display: none;}
.aside dd a{line-height:47px;font-size:13px;font-size:14px;color:#252525;}

.footer{ background:#252525; height:120px; line-height:65px; padding:27px 30px 0 30px; width:100%;}
.footer p{ font-size:14px; color:#7f7f7f;}
.footer p a{ color:#7f7f7f;}
.footer p a:hover{ color:#fff;}
.footer img{ width:267px}
.focus{width: 100%; height: 780px; overflow:hidden; position:relative;}
.focus .lunbo { width: 100%; height: 100%;   position:relative;}
.focus .lunbo .bg{ position:relative; width:100%; height:100%; background-size:cover; background-position:top center;}

.am-slider-default .am-direction-nav a{ width:50px; height:81px; background:url(../image/home_case_left.png) no-repeat top center; background-size:100% 100%; margin-top:-40px; opacity:1;}
.am-slider-default .am-direction-nav a.am-next:before,.am-slider-default .am-direction-nav a:before{ content:"";}
.am-slider-default .am-direction-nav a.am-next{ background-image:url(../image/home_case_right.png)}
.am-slider-default .am-prev,.am-slider-default .am-next,.am-slider-default:hover .am-prev,.am-slider-default:hover .am-next{ opacity:1;}


.liuyan .am-modal-dialog{ width:1200px; background:#fff;}
.liuyan .am-modal-dialog .am-modal-bd{ padding:25px 10px 15px 10px;}
.liuyan .am-modal-dialog .am-modal-bd h3{font-family:gothammedium; font-size:30px; color:#252525; font-weight:normal; text-align:left; line-height:24px; padding-bottom:14px;overflow:hidden; width:100%;word-break:break-all; padding-left:15px;}
.liuyan .am-modal-dialog .am-modal-bd h4{ font-size:24px; color:#252525; font-weight:normal; text-align:left; line-height:24px; padding-bottom:20px; padding-left:15px;}
.liuyan .am-modal-dialog .am-modal-bd .lybd{ border:none; background:#F1F1F1; height:74px; line-height:74px; width:100%; color:#7f7f7f; font-size:20px; padding:0 19px; margin-bottom:20px;}

        .liuyan .am-modal-dialog .am-modal-bd .lybd::-webkit-input-placeholder{
            color:#7f7f7f
        }
        .liuyan .am-modal-dialog .am-modal-bd .lybd::-moz-placeholder{  
            color:#7f7f7f
        }
        .liuyan .am-modal-dialog .am-modal-bd .lybd:-moz-placeholder{    
            color:#7f7f7f
        }
        .liuyan .am-modal-dialog .am-modal-bd .lybd:-ms-input-placeholder{  
            color:#7f7f7f
        }
.liuyan .am-modal-dialog .am-modal-bd [class*=am-u-] {padding-left: 15px;padding-right: 15px;}
.liuyan .am-modal-dialog .am-modal-bd .lynr{ padding:0 15px;}
.liuyan .am-modal-dialog .am-modal-bd .lybd2{ border:none; background:#F1F1F1; height:230px; line-height:40px; width:100%; color:#7f7f7f; font-size:20px; padding:15px 19px; margin-bottom:20px; resize: none;}
.liuyan .am-modal-dialog .am-modal-hd{ padding:0;  z-index:9999}
.liuyan .am-modal-dialog .am-modal-bd .btn{ width:200px; height:50px; font-size:20px; color:#fff; background:#ff0404; border:none; outline:none; float:right;}

        .liuyan .am-modal-dialog .am-modal-bd .lybd2::-webkit-input-placeholder{
            color:#7f7f7f
        }
        .liuyan .am-modal-dialog .am-modal-bd .lybd2::-moz-placeholder{  
            color:#7f7f7f
        }
        .liuyan .am-modal-dialog .am-modal-bd .lybd2:-moz-placeholder{    
            color:#7f7f7f
        }
        .liuyan .am-modal-dialog .am-modal-bd .lybd2:-ms-input-placeholder{  
            color:#7f7f7f
        }



@media only screen and (max-width:1760px){

}
@media only screen and (max-width:1600px){

}
@media only screen and (max-width:1550px){

}
@media only screen and (max-width:1440px){

}
@media only screen and (max-width:1366px){

}
@media only screen and (max-width:1199px){
}
@media only screen and (max-width:1024px){


}
@media only screen and (max-width:959px){
.nav {display: none;}
body{ padding-top:55px;}
.header{ height:55px;}
.header .logo{ height:33px; margin-top:12px; margin-left:15px;}
.menuBtn{width:65px;height:55px; display:block;}
.menuBtn .ico{top:50%;width:22px}
.aside{top:55px}
.focus{width: 100%; height: 390px; overflow:hidden;}

.footer{  height:auto; line-height:24px; padding:13px 30px 13px 15px; width:100%; text-align:center;}
.footer img{ height:33px; margin:auto; float:left; width:auto;}
.footer p {
    font-size: 12px;
    color: #7f7f7f;
}
	.am-slider-default .am-direction-nav a{ width:24px; height:41px;  margin-top:-20px; opacity:1;}

}
@media only screen and (max-width:768px){
.liuyan .am-modal-dialog{ width:95%; }
.liuyan .am-modal-dialog .am-modal-bd{ padding:13px;}
.liuyan .am-modal-dialog .am-modal-bd h3{padding-left:0; font-size:20px; padding-bottom:12px;}
.liuyan .am-modal-dialog .am-modal-bd h4{padding-left:0; font-size:18px; padding-bottom:20px;}
.liuyan .am-modal-dialog .am-modal-bd .lybd{  height:39px; line-height:39px;  font-size:15px; padding:0 15px; margin-bottom:11px;}

.liuyan .am-modal-dialog .am-modal-bd [class*=am-u-] {padding-left: 0;padding-right: 0;}
.liuyan .am-modal-dialog .am-modal-bd .lynr{ padding:0;}
.liuyan .am-modal-dialog .am-modal-bd .lybd2{  height:158px; line-height:30px;  font-size:15px; padding:15px; margin-bottom:15px;}
.liuyan .am-modal-dialog .am-modal-hd{ padding:0;  z-index:9999}
.liuyan .am-modal-dialog .am-modal-bd .btn{ width:260px; height:50px; font-size:15px;  float:none;}

	


}
@media only screen and (max-width:479px){
body{ padding-top:55px;}
.header{ height:55px;}
.header .logo{ height:50px; margin-top:0px; margin-left:15px;}
.menuBtn{width:65px;height:55px; display:block;}
.menuBtn .ico{top:50%;width:22px}
.aside{top:55px}
.focus{width: 100%; height: 390px; overflow:hidden;}

.footer{  height:auto; line-height:24px; padding:13px 30px 13px 15px; width:100%; text-align:center;}
.footer img{ height:33px; margin:0 auto 10px auto; float:none; width:auto;}
.footer p {
    font-size: 12px;
    color: #7f7f7f;
}




}



