.litpic{position:relative;width:100%;height:0;padding-bottom:100%;overflow: hidden;}
.litpic img{width:100%;height:100%;position:absolute;left:0;top:0;}
.eya_pro_list li .eya_tjpro_img{height:auto;}

/* .eyeyprodet_context table{width:100%;} */
.eyeyprodet_context table td{border:1px solid #eee;}
.eyeyprodet_context p{margin:5px 0;}

.newsdetail_con table{max-width:100%;}

.msg_btn .msg_btn1{background-color: #82AD31 !important;}
.msg_btn .msg_btn1:hover{background-color: #9b1710 !important;}

.case .litpic{padding-bottom:75%;}

.web_nav .nav_list > ul > li ul{width:160px;left:calc(50% - 80px);}

.n_nav_box .n_position{float:left;}

.eya_pro_list li{width:23.5%;}
.eya_pro_list li:nth-of-type(3n){margin: 0 2% 2% 0;}
.eya_pro_list li:nth-of-type(4n){margin: 0 0 2% 0;}
.eya_pro_list li:nth-of-type(12n){margin: 0 0 2% 0;}



.zz_list li{width:23.5%;margin-right:2%;margin-bottom:2%;float:left;}
.zz_list li:nth-of-type(4n){margin-right:0;}
.zz_list li .litpic{padding-bottom:85%;}
.zz_list li a{display:block;}
.zz_list li a p{
    margin-top:10px;text-align:center;height:30px;line-height:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#333;
    font-size: 16px;
}
.zz_list li a:hover img{transition:all 2s;transform: scale(1.1);}
.zz_list li a:hover p{color:#cd233e;}


.eytop_main .web_logo{width:33%;height:auto;}
.web_logo a{height:auto;}
.eya_tjpro_text p{height:25px;}
.eya_tjpro_text em{height:36px;}
.eya_tjpro_text a.eya_tjpro_name{height:40px;line-height:40px;font-size:16px;}

.eynyconmap_child img{width:100%;}

.web_aboutss .webab_pic ul li .cont span.wenzi{font-size:34px;}


.web_nav .nav_list > ul > li:hover .navSedBox{display:flex;}

.navSedBox {
        display: none;
        position: fixed;
        top: 120px;
        /* display: flex; */
        flex-wrap: nowrap;
        justify-content: space-between;

        background: #f9f7f0;
        padding: 0 0 0 15px;
        border-bottom: 0px solid #bb9205;
        overflow: hidden;
        z-index: 99;
        transition: all .5s ease;
    }
    .navLi:hover .navSedBox {
        height: 380px;
        border-bottom: 2px solid #bb9205;
    }
    .navSedUl {
        width: 25%;
        padding: 20px 0 10px 30px;
    }
    .navContentBox {
        width: 60%;
        float: right;
        background: #fff;
        padding: 25px 25px 45px 25px;
    }
    .navSedTitLink {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 0.875rem;
        border-bottom: #ddd 1px solid;
        transition: .5s;
    }
    .navSed:hover .navSedTitLink {
        color: #fff;
        background: #1b5ad3;
    }
    .picBox {
        position: relative;
        width: 90%;
        height: 0;
        padding-bottom: 50%;
        overflow: hidden;
    }
    .navImg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .tit {
        display: block;
        width: 90%;
        margin: 1rem 0;
        pading: 0 1rem;
        font-size: 1.25rem;
        font-weight: bold;
        color: #4e4e4e;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: all .5s ease;
    }
    .tit:hover {
        color: #1b5ad3;
    }
    .navSummray {
        width: 90%;
        margin: 1rem 0;
        color: #666;
        font-size: 0.75rem;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        line-height: 1.8;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        display: none;
    }
    .navSedTit a{color:#333;}



    .web_nypagedetail .newsdetail_title {
        width: 100%;
        overflow: hidden;
        line-height: 40px;
        color: #000;
        font-size: 30px;
        text-align: center;
        margin: 0 auto;
        padding: 0;
    }


    .contact-info-list .c-info a.c-lxr {
        background: #fff url(../images/lxr.png) center center no-repeat;
    }
    .contact-info-list .c-info:hover a.c-lxr {
    background: #82AD31 url(../images/lxrhv.png) center center no-repeat;
	}
	.contact-info-list .c-info a.c-qq {
        background: #fff url(../images/qq.png) center center no-repeat;
    }
    .contact-info-list .c-info:hover a.c-qq {
    background: #82AD31 url(../images/qqhv.png) center center no-repeat;
	}


.foot_ewm{float:left;margin-right:20px;}
.foot_ewm:last-of-type{margin-right:0;}
.foot_ewm span{display:block;color:#fff;margin-top:10px;text-align:center;}

.eynyconLxfs_con .contact-info-list ul{display: flex;justify-content: space-between;}
.eynyconLxfs_con .contact-info-list li{}

.web_logo a img{height:60px;}

/*在线客服*/
.side {
    position: fixed;
    width: 68px;
    right: 5px;
    top: 50%;
    margin-top: -200px;
    z-index: 100;
    background: #fff;
    border-bottom: 0;
    border-radius: 5px;
    box-shadow: 0 0 1px 1px rgba(0 , 0 , 0 , 0.1);
    opacity: 0.95
}

.side ul li {
    width: 68px;
    height: 68px;
    float: left;
    position: relative;
    color: #333;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
    white-space: nowrap;
}

.side ul li:hover {
    background: #f1592a;
    color: #fff;
}

.side ul li:hover a {
    color: #fff;
}

.side ul li i {
    height: 25px;
    margin-bottom: 1px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 25px;
    margin-top: 13px;
    transition: all 0.3s;
}

.side ul li a {
    overflow: hidden;
    white-space: nowrap;
	color:#333;
}

.side ul li i.bgs1 {
    background-image: url(../images/right_pic1_on.png);
}

.side ul li i.bgs2 {
    background-image: url(../images/right_pic2.png);
}

.side ul li i.bgs3 {
    background-image: url(../images/right_pic3.png);
}

.side ul li i.bgs4 {
    background-image: url(../images/right_pic4.png);
}

.side ul li i.bgs5 {
    background-image: url(../images/right_pic5.png);
}

.side ul li i.bgs6 {
    background-image: url(../images/right_pic6.png);
}

.side ul li:hover i.bgs1 {
    background-image: url(../images/right_pic1_on.png);
}

.side ul li:hover i.bgs2 {
    background-image: url(../images/right_pic2_on.png);
}

.side ul li:hover i.bgs3 {
    background-image: url(../images/right_pic3_on.png);
}

.side ul li:hover i.bgs4 {
    background-image: url(../images/right_pic4_on.png);
}

.side ul li:hover i.bgs5 {
    background-image: url(../images/right_pic5_on.png);
}

.side ul li:hover i.bgs6 {
    background-image: url(../images/right_pic6_on.png);
}

.side ul li .sidebox {
    position: absolute;
    width: 68px;
    height: 68px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    overflow: hidden;
}

.side ul li:hover div {
    display: block !important;
}

.side .hover {
    background: #f1592a;
    border-radius: 5px 5px 0 0;
}

.side .hover {
    color: #fff
}

.side .sq a {
    animation: heart 1s ease-in-out infinite alternate;
    display: block;
}
.side ul li.sideetel .telBox {
    display: none;
    margin: 0;
    width: 200px;
    padding: 14px;
    position: absolute;
    right: 85px;
    top: 4px;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    background: url(../images/right_pic1_on.png) no-repeat 10px center #f1592a;
    padding-left: 35px;
}

.side ul li.sideetel .telBox:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 26px;
    right: -7px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid #f1592a;
}

.side ul li.sideewm .ewBox {
    width: 180px;
    display: none;
    color: #363636;
    text-align: center;
    padding-top: 200px;
    position: absolute;
    left: -200px;
    top: -66px;
    /* background-image: url(../images/right-weixin.jpg); */
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ddd;
    background-color: #fff;
	background-size:100% 100%;
}

.side ul li.sideewm .ewBox:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 100px;
    right: -7px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid #ddd;
}

/* message */
.liuyan{margin-top:0px;padding-left:60px;/* background:#f8f8f8; */}
.liuyan h2{font-size:16px;color:#333;text-align:left;}
.liuyan form{margin-top:36px;}
.liuyan input{
    width:32%;float:left;border:1px solid #E8E8E8;box-sizing:border-box;height:48px;line-height:48px;padding:0 10px;outline:0;
    margin-right: 2%;font-size:14px;
}
.liuyan input:nth-of-type(3){margin-right:0;}
.liuyan textarea{margin-top:2%;width:100%;height:160px;line-height:25px;padding:10px;border: 1px solid #E8E8E8;box-sizing: border-box;font-size:14px;}

.liuyan .save{width:32%;height:48px;line-height:48px;background:#82AD31;color:#fff;outline:0;margin-top:2%;cursor:pointer;float:left;outline:0;border:0; font-size: 14px;}

input::input-placeholder{color:  #D1D1D1 ;} /* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别 */
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #D1D1D1; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #D1D1D1; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #D1D1D1; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #D1D1D1; 
} 


.eya_pro_list li{float:unset;margin:0 0 2%;padding:20px;width:100%;box-sizing:boder-box;}
.eya_pro_list li a{display:block;}
.eya_pro_list li a .pro_img{float:left;width:200px;}
.eya_pro_list li a .pro_info{float:right;width:calc(100% - 250px);padding-top:42px;}
.eya_pro_list li a .pro_info h2{font-size:16px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-weight:bold;}
.eya_pro_list li a .pro_info p{font-size:16px;line-height:25px;color:#666;margin-top:10px;}
.eya_pro_list li:hover{background:#82AD31;}
.eya_pro_list li a:hover img{transform:scale(1.1);transition:all 2s;}
.eya_pro_list li a:hover h2{color:#fff;}
.eya_pro_list li a:hover p{color:#fff;}

.foot .foot_main ul li.foot_pro{width:42%; padding: 0 4%;}

.foot .foot_main ul li.foot_pro dl dd{float:left;}



.newsdetail_con p, .newsdetail_con div{color:#000;}
.ey_lanmu .hd p{font-size:30px;font-weight:normal;}

.contact-info-list .c-info .c-info-detail1,.contact-info-list .c-info .c-info-detail{color:#000;}

.web_banner{margin-top:90px;}





@media (max-width: 1400px) {
    .eytop_main .web_logo{width:25%;}
    .web_nav .nav_list > ul > li{width:12%;}
    .web_nav{width:60%;}
    .web_nav .nav_list > ul > li > a{font-size:14px;}
}


@media (max-width: 1025px) {
    .web_nav .nav_list > ul > li ul{width:100%;left:0;}
    .eya_pro_list li {
        width: 49%;
    }
    .eya_pro_list li:nth-of-type(2n){margin: 0 0 2% 0;}

    .web_nav .nav_list > ul > li:hover .navSedBox{display:none;}
}

@media (max-width: 767px) {
    #web_msg.web_msg .msg_btn input,#web_msg.web_msg .msg_btn button {
        width: 48% !important;
        margin: 0 4% 0 0 !important;
    }

    .zz_list li{width:49%;margin-right:2%;margin-bottom:2%;float:left;}
    .zz_list li:nth-of-type(2n){margin-right:0;}

    .eytop_main .web_logo{width:80%;}
	.eynyconLxfs_con .contact-info-list ul{flex-wrap:wrap;}
	.web_nav .nav_list > ul > li{width:100%;}
	
	.web_logo a img{height:40px;}
	
	.side{display:none;}
	.message .eypro_left{display:none;}
	.liuyan{padding:0;}
	.liuyan h2{font-size:16px;}
	.liuyan input{width:100%;margin-bottom:2%;}
	.liuyan textarea{margin-top:0;}
	.web_eyproducts{padding:40px 0;min-height:unset;}
	.ey_lanmu .bd ul li:last-child,.cp_type .bd ul li:last-child{border-left: 4px solid #f1f1f1;}
	
	.eya_pro_list li{width:100%;}
	.eya_pro_list li a .pro_img{width:100%;}
	.eya_pro_list li a .pro_info{width:100%;padding-top:20px;}

    
}