@charset "utf-8";
/*
Theme ID: ydpro
Author: guokun
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://www.ylefu.com/
*/
*{margin: 0;padding: 0;}
body {/* background-color:#fff; */
        font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#333;
        word-wrap:break-word; word-break:break-all;
        -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline: 0;
}
h1,h2,h3,h4,h5,h6{font-weight:400;line-height: 1.5;}
.container{width: 1100px;margin: 0 auto;}
a{text-decoration: none;color: #333;}
a:hover{/* text-decoration: underline; */color: #4592e6;}
a img {border:none;}
.clear{clear:both;}
/*==============header============*/
/* top */
#top{
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: #f2f2f2;
    /* min-width: 1200px; */
    border-bottom: 1px solid #e5e5e5;
}
.top{color: #3c3c3c;font-size: 12px;}
.top a{color: #4592e6;}
.top_text{float: left;}
.top_contact{float: right;}
.top_contact i{color: #4592e6;font-style: normal;}

/* header */
#header{overflow: hidden;margin-bottom: 10px;}
.header{padding: 20px 0;}
.logo{float: left;width: 260px;height: 80px;line-height: 80px; font-size: 0;}
.logo img{max-height: 80px;vertical-align: middle;}

/* h_qr */
.h_qr{float: right;width: 260px;text-align: right;line-height: normal;}
.h_qr span{display: inline-block;margin-left: 10px;}
.h_qr img{width: 74px;height: 74px;}
.h_qr i{display: block;text-align: center;font-style: normal;font-size: 12px;}

/* logo_text */
.logo_text{text-align: center;}
.logo_text h1{color: #4592e6;}

/* nav */
#nav{width: 100%;height: 45px; line-height: 45px;font-size: 16px; background: #4592e6;}
.nav_all{}
/* .nav_cate{display: none; float: left;width: 200px;background-color: #0256e6;color: #fff;position: relative;z-index: 2;}
.nav_cate .nav_info{text-align: center;}
.nav_cate .nav_info i{font-size: 16px;}
.nav_list{display: none; position: absolute;top: 45px;left: 0;width: 200px; background-color: #fff;overflow: hidden;}
.nav_list ul{list-style: none;}
.nav_list li{display: block;padding: 5px 0;text-align: center;} */

/* nav_ul */
.nav_ul{}
.nav_ul ul{list-style: none;}
.nav_ul li{display: inline-block;position: relative;z-index: 3;}
.nav_ul li a{color: #fff;padding: 0 20px;display: inline-block;}
.nav_ul li a:hover{text-decoration: none;}
.nav_ul li:hover,.nav_ul li.active{background-color: #0256e6;}
.nav_ul li ul{display: none; position: absolute;left: 0;top: 100%;background-color: #0256e6;min-width: 100%;}
.nav_ul li:hover > ul{display: block;}
.nav_ul li li{display: block;white-space: nowrap;text-align: center;}
.nav_ul li li:hover{background-color: #4592e6;}
.nav_ul li li ul{left: 100%;top: 0;}

/* home_one */
#home_one{background-color: #f7f7f7;margin-bottom: 30px;padding: 10px 0;}
.home_one{overflow: hidden;position: relative;}

.home_one_left{float: left;/* margin-left: 210px; */width: 890px;}
.home_one_left .home_l_img{display: none; position: absolute;left: 0;}
/* slider */
.slider_img{width: 100%;height: 300px;overflow: hidden;margin-bottom: 9px;}
.slider_img img{width: 100%;height: auto;}

.slider{width: 100%;height: 300px;overflow: hidden;margin-bottom: 9px;}
.swiper-container{height: 300px;}
.swiper-button-next,.swiper-button-prev{display: none;}
.swiper-pagination-bullet-active{background: #4592e6;}

/* home_icon */
.home_icon{width: 100%;height: 146px;background-color: #fff;padding: 20px 10px;overflow: hidden;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.home_icon .box{float: left;width: 33%;padding-left: 2%;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.home_icon .box i{width: 35px;height: 35px;line-height: 35px; margin-right: 10px;display: inline-block;}
.home_icon .box span{display: inline-block;height: 35px;line-height: 35px;vertical-align: top;font-weight: bold;letter-spacing: .6px;}
.home_icon .box1 i{background: url('images/zp.png') no-repeat center;}
.home_icon .box2 i{background: url('images/bm.png') no-repeat center;}
.home_icon .box3 i{background: url('images/kd.png') no-repeat center;}
.home_icon .box p{color: #666;}


/* home_one_right */
.home_one_right{float: right;width: 200px;height: 455px;overflow: hidden;}
/* login */
.login{width: 100%;margin-bottom: 9px;overflow: hidden;}
/* .login a{float: left; width: 49%;display: inline-block;height: 30px;line-height: 30px;background-color: #4592e6;color: #fff;margin: 0;padding: 0;text-align: center;}
.login a:last-child{float: right;width: 48%;height: 28px;line-height: 28px;background-color: #fff;border: 1px solid #4592e6;color: #4592e6;} */
.login form{width: 100%;border: 1px solid #4592e6;height: 30px;line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.login input{float: left;width: 78%;height: 28px;border: none;padding-left: 5%;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.login button{float: right;width: 22%;height: 28px;line-height: 28px; border: none;background-color: #4592e6;text-align: center;color: #fff;cursor: pointer;}


/* home_tj */
.home_tj{font-size: 16px;margin-bottom: 10px;}
.home_tj span{height: 33px;line-height: 33px;text-align: center;display: block;overflow: hidden;}
.tj_text{background-color: #fff;padding: 5px 8px;line-height: 1.5;}
.tj_text p{line-height: 28px;}
.tj_text i{font-style: normal;font-size: 14px;color: #4592e6;display: inline-block;float: right;}

/* news */
.news{}
.tab_ul{list-style: none;overflow: hidden;}
.tab_ul li{float: left;width: 50%;text-align: center;padding: 5px 0;}
.tab_ul li.active{background-color: #fff;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.tab_ul li a{display: inline-block;}
/* tabs */
.tabs{background-color: #fff;padding: 0 5px;}
.tabs ul{list-style: none;}
.tabs li{display: block;height: 27px;line-height: 27px;overflow: hidden;position: relative;}
.tabs li::before{position: absolute;left: 5px;margin-top: 12px; content: "";width: 6px;height: 6px;background-color: #f60;display: inline-block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.tabs li a{padding-left: 20px;}

/* store */
#store{}

/* pro */
#pro{}
.pro{margin-right: -1.5%;padding-top: 8px;overflow: hidden;}

/* pro_tit */
.pro_tit{text-align: center;margin-top: -8px;}
.pro_tit span{position: relative;display: inline-block;background-color: #4592e6;padding: 3px 20px; color: #fff;font-weight: 400;
    line-height: 1.5;font-size: 1.5em;}
.pro_tit span i{
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    border-left: 6px solid transparent;
    border-bottom: 8px solid #4592e6;
    border-right: 8px solid transparent;
    right: -8px;
    display: inline-block;
}
.pro_tit span i:first-child{
    border-left: 8px solid transparent;
    border-right: 6px solid transparent;
    left: -8px;
    top: 0;
}

.pro_box{float: left; width: 48.5%;margin-right: 1.5%;margin-bottom: 30px;
	border: 1px solid #e5e5e5;
    border-top: 1px solid #4592e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    -o-transition: all .3s;
    transition: all .2s;
}
/* .pro_box:hover{border: 1px solid #4592e6;} */
.pro_box:hover .pro_tit span{background-color: #0256e6;}
.pro_box:hover .pro_tit span i{border-bottom-color: #0256e6;}

.pro_box ul{list-style: none;}
.pro_box li{border-bottom: 1px solid #e5e5e5;padding: 10px;overflow: hidden;
    width: 100%;/* height: 180px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.pro_box li:hover{background-color: #fcfcfc;}
.pro_box li:last-child{border-bottom: none;}
.pro_box li .img{float: left; width: 155px;height: 160px;overflow: hidden;
    border-right: 1px solid #e5e5e5;
    /* padding: 5px; */
    /* margin-bottom: 10px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 1px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.pro_box li .img:hover{border: 1px solid #4592e6;}
.pro_box li .img img{width: 100%;height: auto;}

.pro_box li .text{margin-left: 170px;padding: 20px 0;}
.pro_box li .text h3{font-size: 18px;line-height: 32px;height: 32px;overflow: hidden; margin-bottom: 10px;letter-spacing: .5px;}
.pro_box li .text h3 a{color: #4592e6;display: block;}
.pro_box li .text h3:hover a{text-decoration: underline;}
.pro_box li .text p{font-size: 16px;line-height: 28px;max-height: 56px;overflow: hidden; color: #666;}
.pro_box li .text p span{color: #000;font-weight: bold;}

/* pro2 */
.pro2{}

.pro2_box{
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    border-top: 1px solid #4592e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    -o-transition: all .3s;
    transition: all .2s;
}
.pro2_box ul{list-style: none;/* padding: 0 5px; */overflow: hidden;margin-bottom: -1px;}
.pro2_box li{}

.pro2_box li{float: left;width: 50%;border-bottom: 1px solid #e5e5e5;overflow: hidden;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.pro2_box li:hover{background-color: #fcfcfc;}
.pro2_box li .img{float: left; width: 155px;height: 160px;overflow: hidden;
    border-right: 1px solid #e5e5e5;
    /* padding: 5px; */
    /* margin-bottom: 10px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 1px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.pro2_box li .img:hover{border: 1px solid #4592e6;}
.pro2_box li .img img{width: 100%;height: auto;}

.pro2_box li .text{margin-left: 170px;padding: 20px 0 0;}
.pro2_box li .text h3{font-size: 18px;line-height: 32px;max-height: 64px; margin-bottom: 10px;letter-spacing: .5px;overflow: hidden;}
.pro2_box li .text h3 a{color: #4592e6;display: block;}
.pro2_box li .text h3:hover a{text-decoration: underline;}
.pro2_box li .text p{font-size: 16px;line-height: 28px;max-height: 56px;overflow: hidden; color: #666;}
.pro2_box li .text p span{color: #000;font-weight: bold;}

/* home_yijuhua */
.home_yijuhua{width: 100%;padding: 20px 0;/* background-color: #4592e6; */color: #fff;font-size: 26px;text-align: center;margin-bottom: 30px;border: 1px solid #4592e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.home_yijuhua span{display: inline-block;color: #4592e6;}

/* home_text */
.home_text{border: 1px solid #4592e6;overflow: hidden;margin-bottom: 20px;}
.home_text .text_tit{background-color: #4592e6;color: #fff;padding: 10px 15px;}
.home_text .text_tit h2{font-size: 20px;}
.home_text ul{list-style: none;padding: 10px;}
.home_text li{padding: 10px 0;font-size: 18px;border-bottom: 1px dashed #f7f7f7;}


/* home_text_img */
.home_text_img{border: 1px solid #4592e6;overflow: hidden;margin-bottom: 20px;}
.home_text_img .text_tit{background-color: #4592e6;color: #fff;padding: 10px 15px;}
.home_text_img .text_tit h2{font-size: 20px;}
.home_text_img ul{list-style: none;overflow: hidden;}
.home_text_img li{float: left;width: 20%;
    padding: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.home_text_img li .img{width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;border-radius: 50%;margin-bottom: 5px;}
.home_text_img li .img img{width: 100%;height: auto;}
.home_text_img li p{font-size: 16px;line-height: 32px;height: 32px;overflow: hidden;text-align: center;}

/* home_text_img2 */
.home_text_img2{border: 1px solid #4592e6;overflow: hidden;margin-bottom: 20px;}
.home_text_img2 .text_tit{background-color: #4592e6;color: #fff;padding: 10px 15px;}
.home_text_img2 .text_tit h2{font-size: 20px;}
.home_text_img2 ul{list-style: none;overflow: hidden;}
.home_text_img2 li{float: left;width: 20%;
    padding: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.home_text_img2 li .img{width: 100%;height: 0;padding-bottom: 150%;overflow: hidden;margin-bottom: 5px;}
.home_text_img2 li .img img{width: 100%;height: auto;}
.home_text_img2 li p{font-size: 16px;line-height: 32px;height: 32px;overflow: hidden;text-align: center;}


/* home_abouts */
.home_abouts{border: 1px solid #4592e6;overflow: hidden;margin-bottom: 20px;}
.home_abouts .text_tit{width: 100%; background-color: #4592e6;color: #fff;padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.home_abouts .text_tit h2{font-size: 20px;}
.abouts_box{padding: 10px;}
.abouts{float: left;width: 45%;font-size: 14px;line-height: 24px;height: 240px;overflow: hidden;padding: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.abouts .img{float: left;width: 200px;height: auto;overflow: hidden;margin-right: 10px;}
.abouts .img img{width: 100%;height: auto;}
.abouts p{display: inline-block;}

.news_post{margin-left: 45%;border-left: 1px dashed #4592e6;padding:  0 20px;}
.news_post .news_top{text-align: center;padding-top: 8px;}
.news_post .news_top span{display: inline-block;}
.news_post .news_top span a{color: #4592e6;}
.news_post .news_top p{font-size: 13px;color: #666;line-height: 24px;height: 72px;overflow: hidden;}
.news_post ul{list-style: none;overflow: hidden;}
.news_post li{float: left;width: 50%;line-height: 28px;height: 28px;overflow: hidden; font-size: 14px;position: relative;}
.news_post li::before{content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #4592e6;
position: absolute;margin-top: 13px;
}
.news_post li a{padding-left: 12px;}

/* .home_links  */
.home_links{border: 1px solid #e5e5e5;overflow: hidden;margin-bottom: 20px;}
.home_links .title{border-bottom: 1px solid #e5e5e5;background-color: #f3f3f3;padding: 14px 16px;font-size: 20px;color: #4592e6;}
.home_links ul{list-style: none;padding: 10px 20px;overflow: hidden;}
.home_links li{float: left;margin: 5px;}

/* footer */
#footer{border-top: 3px solid #4592e6;padding: 40px 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.footer{}
.footer .fnav{text-align: center;margin-bottom: 5px;overflow: hidden;}
.footer .fnav a{margin: 0 10px;display: inline-block;position: relative;color: #211e1e;}
.footer .fnav a:hover{color: #4592e6;}
.footer .fnav a::after{content: "-";position: absolute;padding: 0 16px 0 8px;color: #999;}
.footer .fnav a:last-child::after{content: "";}

.footer .ftext{text-align: center;}
.footer .ftext span{display: inline-block;margin: 0 10px;}
.footer .ftext span p{line-height: 32px;}
.footer .ftext span img{max-height: 70px;}

#goTop{position: fixed;bottom: 20px;left: 50%;margin-left: 570px;width: 40px;height: 40px;background-color: #4592e6;border-radius: 2px;cursor: pointer;line-height: 40px;text-align: center;color: #fff;font-size: 20px;}


/* category */
.main{overflow: hidden;}
.main_l{float: left;width: 780px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.main_r{float: right;width: 300px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

/* breadcrumb */
.breadcrumb{padding: 5px 0;}
.breadcrumb i{margin: 0 5px;}

.main_l_list{border: 1px solid #e5e5e5;overflow: hidden;}
.main_l_list .list_tit{background-color: #f3f3f3;border-bottom: 1px solid #e5e5e5;padding: 6px 16px;}
.main_l_list .list_intro{margin: 10px 0;border-bottom: 1px dashed #e5e5e5;overflow: hidden;}
.main_l_list .list_intro p{padding: 10px;}

/* list_text */
.list_text{overflow: hidden;padding: 10px;}
.list_text ul{list-style: none;}
.list_text li{padding: 10px;border-bottom: 1px dashed #e5e5e5;overflow: hidden;}
.list_text .img{float: left; width: 150px;height: 120px;overflow: hidden;}
.list_text .img img{width: 100%;height: auto;}

.list_text .text{margin-left: 165px;}
.list_text .text h3{}
.list_text .text h3 a{font-size: 18px;line-height: 26px;max-height: 52px;overflow: hidden;display: inline-block;}
.list_text .text p{color: #666;}

/* pagebar */
.pagebar{text-align: center;overflow: hidden;margin: 10px 0;}
.pagebar a,.pagebar span{width: 35px;height: 35px;line-height: 35px; display: inline-block;margin: 5px;background-color: #666;color: #fff;}
.pagebar span,.pagebar a:hover{background-color: #4592e6;}

.ias_trigger{text-align: center;background-color: #fefefe;clear: both;padding: 10px 0;border-bottom: 1px solid #e5e5e5; }
.ias_trigger a{color: #4592e6;font-size: 20px;display: block;}
.pagebar-loading{padding: 10px 0;clear: both;text-align: center;font-size: 20px;color: #999;}


/* pro_intro */
.pro_intro{display: none; border: 1px solid #4592e6;padding: 10px 0;font-size: 18px;color: #4592e6;text-align: center;margin-bottom: 20px;}

/* pro_list */
.pro_list{
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    border-top: 1px solid #4592e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    -o-transition: all .3s;
    transition: all .2s;
}
/* ===============post_pro=============== */
.post_pro{border: 1px solid #e5e5e5;border-top-color: #4592e6;margin-bottom: 20px;}
.post_pro_title{background-color: #4592e6;padding: 10px;color: #fff;text-align: center;margin-bottom: 10px;letter-spacing: 0.5px;}
/* pro_thumb */
.pro_thumb{padding: 10px 20px;overflow: hidden;/* border-bottom: 1px solid #e5e5e5; */}
.pro_thumb .img{float: left;width: 55%;height: auto;overflow: hidden;}
.pro_thumb .img img{width: 100%;height: auto;}
.pro_thumb .info{margin-left: 58%;}
.pro_thumb .info ul{list-style: none;}
.pro_thumb .info li{line-height: 38px;font-size: 18px;}
.pro_thumb .info li span{font-weight: bold;color: #000;}

.pro_thumb .price{margin: 15px 0;
    background-color: #ff0;
    vertical-align: middle;
    border-radius: 70px 5px;
    font-weight: 900;
    height: 60px;
    line-height: 60px;
    /* padding-left: 40px; */
    /* margin-top: 20px; */
    font-size: 24px;
    width: 220px;
    -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 1px rgba(0,0,0,0.2);
    border-bottom: 1px #999999 solid;
    border-right: 1px #999999 solid;
    text-align: center;
}
/* home_icon_post_pro */
.home_icon_post_pro{border-top: 1px solid #e5e5e5;/* border-bottom: 1px solid #e5e5e5; */
    padding: 10px;height: auto;overflow: hidden;margin-bottom: 20px;}

/* pro_content */
.pro_content{border: 1px solid #e5e5e5;border-top-color: #4592e6;margin-bottom: 20px;}
/* .tit_content{border-top: 1px solid #4592e6;} */
.tit_content span{display: inline-block;background-color: #4592e6;padding: 5px 10px;color: #fff;font-size: 16px;}

.related_pro{border: 1px solid #e5e5e5;border-top-color: #4592e6;margin-bottom: 20px;}
.related_pro ul{list-style: none;margin-right: -2%;overflow: hidden;padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.related_pro li{float: left;width: 31.333%;margin-right: 2%;margin-bottom: 8px;}
.related_pro li .img{width: 100%;height: 0;padding-bottom: 80%;overflow: hidden;}
.related_pro li .img img{width: 100%;height: auto;}
.related_pro li .text{}
.related_pro li .text h3{height: 32px;line-height: 32px;overflow: hidden;text-align: center;font-size: 16px;}
.related_pro li .text h3 a{color: #4592e6;}
.related_pro li .text p{display: none;}


/* ==================post============ */
.post{margin-bottom: 20px;}
.post{border: 1px solid #e5e5e5;overflow: hidden;}
.post .title{background-color: #f3f3f3;border-bottom: 1px solid #e5e5e5;padding: 6px 16px;}
.post .title h2{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.post .info{padding: 10px 20px;border-bottom: 1px dashed #e5e5e5;font-size: 13px;color: #666;}
.post .info span{margin-right: 20px;}
.post .info span a{margin: 0 3px;color: #000;}

/* article_content */
.article_content{padding: 20px;
    word-break:break-all;word-wrap:break-word;
    margin: 0 0 20px 0;
    line-height: 1.8;
    font-size: 16px;
    color: #3d464d;
}
.article_content img {max-width:100%; padding:10px 0}
@media screen and (max-width: 780px) {
    .article_content img{}
}
.article_content h1,.article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6 {
    margin-bottom:18px;background-color: #fafafa;color: #333;border-left: 3px solid #4592e6;padding-left: 10px; margin: 10px 0;font-weight: normal;
/*border-top-left-radius: 2px;border-bottom-left-radius: 2px;*/}
.article_content h1 {font-size:32px;padding-top: 10px;padding-bottom: 10px;}
.article_content h2 {font-size:28px;padding-top: 8px;padding-bottom: 8px;}
.article_content h3 {font-size:20px;padding-top: 4px;padding-bottom: 4px;}
.article_content h4 {font-size:16px;padding-top: 3px;padding-bottom: 3px;}
.article_content h5 {font-size:14px;padding-top: 2px;padding-bottom: 2px;font-weight: normal;}
.article_content h6 {font-size:12px;padding-top: 0;padding-bottom: 0;font-weight: normal;}
.article_content ul, .article_content ol {margin:0 0 18px 50px}
.article_content ul {list-style: disc;}
.article_content ol {list-style: decimal;}
.article_content li {margin-bottom: 6px;}
.article_content p {margin-bottom: 20px; color: #555; line-height: 1.8em; word-wrap:break-word;}
.article_content pre {word-wrap:break-word}
.article_content table {border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:18px}
.article_content table th {background-color:#F9F9F9;text-align:center}
.article_content table td, .article_content table th {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article_content .alignnone {margin:0 auto;}
.article_content .alignleft {float:left;text-align:left;margin-right:10px}
.article_content .aligncenter {margin: 0 auto;text-align: center;display: block;}
.article_content .alignright {float:right;text-align:right;margin-left:10px}
.article_content a {color: #4592e6;margin: 0 3px;padding:0 0 1px}
.article_content a:hover {color: #0256e6;}
.article_content pre, .comment pre {font-size: 12px;background-color:#ededed;}
.article_content blockquote {margin: 10px 0px;padding: 15px 20px 1px;border-left: 5px solid #eee;background-color:#f7f7f7;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 100%;height: 498px;}
@media screen and (max-width: 780px) {
    .article_content embed, .article_content video, .article_content iframe{width: 100%;height: 220px;}
}

/* related */
.related{overflow: hidden;border: 1px solid #e5e5e5;margin-bottom: 20px;}
.related .title{background-color: #f3f3f3;border-bottom: 1px solid #e5e5e5;padding: 10px;font-size: 16px;}
.related ul{list-style: none;margin-right: -1%;padding: 20px;overflow: hidden;}
.related li{float: left;width: 24%;margin-right: 1%;margin-bottom: 10px;}
.related li .img{width: 100%;height: 130px;overflow: hidden;border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.related li .img img{width: 100%;height: auto;}
.related li .info{padding: 3px 0;}
.related li .info p{line-height: 24px;height: 24px;overflow: hidden;}


/* .widget */
.widget{overflow: hidden;margin-bottom: 10px;border: 1px solid #e5e5e5;}
.widget h5{background-color: #f3f3f3;border-bottom: 1px solid #e5e5e5;padding: 10px;font-size: 16px;}

.widget ul{list-style: none;padding: 10px;overflow: hidden;}
.widget li{line-height: 28px;height: 28px;overflow: hidden; position: relative;}
.widget li::before{position: absolute; content: "";width: 4px;height: 4px;background-color: #4592e6;border-radius: 50%;margin-top: 13px;}
.widget li a{padding-left: 12px;}

/* widget_div */
.widget_div{padding: 10px;overflow: hidden;}

/* widget_tuijian */
.widget_tuijian{border-top-color: #4592e6;}



/* widget_searchpanel */
.widget_searchpanel{overflow: hidden;}
.widget_searchpanel form{width: 100%;}
.widget_searchpanel input{float: left;width: 75%;height: 34px;line-height: 34px;border: 1px solid #e5e5e5;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;margin-left: -1px;}
.widget_searchpanel input+input{width: 25%;background-color: #f3f3f3;cursor: pointer;}

/* widget_statistics */
.widget_statistics li::before{content: "";display: none;}

/* 双列 */
.widget_link li,.widget_misc li,.widget_catalog li,.widget_archives li,.widget_authors li{float: left;width: 50%;}

/* widget_misc */
.widget_misc li{height: auto;line-height: normal;}

.widget_tuijian{}
.widget_tuijian .box{border-bottom: 1px solid #e5e5e5;padding: 10px;overflow: hidden;}
.widget_tuijian .box .img{float: left; width: 120px;height: 80px;overflow: hidden;}
.widget_tuijian .box .img img{width: 100%;height: auto;}
.widget_tuijian .box .text{margin-left: 130px;}
.widget_tuijian .box .text h3{line-height: 26px;max-height: 26px;overflow: hidden;margin-bottom: 5px}
.widget_tuijian .box .text a{color: #4592e6}
.widget_tuijian .box .text p{color: #555;line-height: 20px;max-height: 40px;overflow: hidden;}
/*widget_tags*/
.widget_tags ul{overflow: hidden;}
.widget_tags li{float: left;width: auto;margin-right: 5px;margin-bottom: 5px;}
.widget_tags li::before{content: "";display: none;}
.widget_tags li a{display: block;padding: 0 5px;color: #fff;}
.widget_tags li[class$="0"] a{background-color: #4A4A4A;}
.widget_tags li[class$="1"] a{background-color: #428BCA;}
.widget_tags li[class$="2"] a{background-color: #5CB85C;}
.widget_tags li[class$="3"] a{background-color: #D9534F;}
.widget_tags li[class$="4"] a{background-color: #567E95;}
.widget_tags li[class$="5"] a{background-color: #B433FF;}
.widget_tags li[class$="6"] a{background-color: #00ABA9;}
.widget_tags li[class$="7"] a{background-color: #B37333;}
.widget_tags li[class$="8"] a{background-color: #FF6600;}
.widget_tags li[class$="9"] a{background-color: #D8B303;}

#tbCalendar{width: 100%;text-align: center;}
.widget_calendar caption{/*background-color: #fafafa;*/height: 20px;line-height: 20px;}
.widget_calendar td {padding: 5px 0;}
.widget_calendar td a{display:block;margin: 5px;padding:5px 0; background:#4592e6;color:#fff;}

/* widget_comments */
/* widget_comments */
.widget_comments{}
.widget_comments ul{}
.widget_comments li{line-height:inherit;margin-bottom: 5px;padding-bottom: 5px;height: auto;line-height: normal;}
.widget_comments li::before{content: "";display: none;}
.widget_comments li .img{float: left;width: 36px;height: 36px;border-radius: 50%;overflow: hidden;}
.widget_comments li .img img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;}
.widget_comments li .info{margin-left: 46px;font-size: 14px;line-height: 24px;position: relative;
    margin-top: -20px;
    
}
.widget_comments li .info span{color: #417863;display: block;}
.widget_comments li .info p{
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.widget_comments li:hover .info p{-webkit-transform: translateX(-3px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
}
.widget_comments li{padding-left: 0;}




/* fcontact */
.fcontact{position: fixed;top: 50%;left: 50%;margin-top: -100px; margin-left: 560px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.fcontact:hover{margin-left: 430px;}
.fcontact span{width: 50px;height: 50px; background-color: #4592e6;border-radius: 2px; display: block;margin-bottom: 5px;overflow: hidden;
    /* -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; */
}
.fcontact span i{width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 26px;color: #fff;display: inline-block;}
.fcontact span a{color: #fff;font-size: 16px;line-height: 30px;display: block;}
.fcontact span.fwechat{}
.fcontact span.fwechat img{width: 120px;margin: 0 30px 5px;}
.fcontact:hover span{width: 180px;}
.fcontact:hover span.fwechat{height: auto;}

@media screen and (max-width: 600px) {
    .fcontact{left: auto; right: 0;margin-left: 0;}
    .fcontact:hover span{width: 50px;}
    .fcontact:hover{margin-left: 0;}
    .fcontact:hover span.fwechat{height: 50px;}
    .fcontact:hover span.fwechat img{display: none}
}

/* fcon */
.fcon{display: none; position: fixed;bottom: 0;width: 100%;}
.fcon span{float: left; width: 33.333%;height: 45px;line-height: 45px; text-align: center; border-right: 1px solid #fff; background-color: #4592e6;font-size: 18px;color: #fff;cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fcon span:last-child{border-right: none;}
.fcon span.gohome{}
.fcon span.gohome img{width: 50px;height: 50px;margin-top: -20px;}
@media screen and (max-width: 600px) {
    .fcon{display: block;}
    .fcon span{height: 38px;line-height: 38px;font-size: 15px;}
}

.bodywx{display: none; position: fixed;z-index: 3;left: 25%;top: 15%;width: 50%;background-color: #fff;border-radius: 5px;
    /* width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5); */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 1);

}
.wxclose{position: absolute;right: 2%;top: 2%;cursor: pointer;overflow: hidden;}
.wxbox{/* display: none; */ text-align: center;}
.wxbox p{padding: 20px 0;display: block;font-size: 18px;}
.wxbox p.wxid{background-color: red;padding: 5px 0;}
.wxbox p.wxid span{background-color: yellow;padding: 5px;color: red;font-size: 40px;line-height: 1.2; display: inline-block;border-radius: 3px;}
.wxbox p a{color: red;}
.wxbox p a i{font-style: normal;color: blue;}

.wxboximg{padding: 20px;text-align: center;}
.wxboximg img{width: 200px;height: auto;border: 1px solid #e5e5e5;border-radius: 3px;}

@media screen and (max-width: 876px) {
    .wxboximg{display: none;}
    .bodywx{left: 10%;width: 80%;}
    .wxbox{display: block;}

}


/*===========comments=============*/
#comments{}.comments{background-color: #fff;padding: 20px;border: 1px solid #eee;}
.comments .c_title{border-bottom: 1px solid #eee;margin-bottom: 1.25em;overflow: hidden;}
.comments .c_title h5{float: left;font-size: 20px;padding-bottom: 10px;margin-bottom: 0;}
.comments .c_title h5 i{/* color: #379be9;border-bottom: 1px dotted #379be9; */margin-right: 5px;font-style: normal;}
.comments .c_title span{display: inline-block;float: right;}
.comments .c_title span a{color: #379be9;border-bottom: 1px dotted #379be9;margin-left: 5px;}
/*compost*/
.compost{overflow: hidden;margin-bottom: 20px;}
.compost .cp_avatar{display: none; float: left;width: 50px;height: 50px;overflow: hidden;box-sizing: border-box;}
.compost .cp_avatar img{width: 100%;height: 100%;border-radius: 50%;}
.compost .cp_post{/* margin-left: 70px; */overflow: hidden;}
.compost .cp_post .cp_box{overflow: hidden;margin-bottom: 10px;}
.compost .cp_post .cp_box textarea{width: 100%;height: 80px; /* border-radius: 5px; *//* background-color: #fbfbfb; */border: 1px solid #eee;padding: 10px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.compost .cp_post .cp_info{overflow: hidden;width: 100%;}
.compost .cp_post .cp_info ul{list-style: none;margin-bottom: 10px;overflow: hidden}
.compost .cp_post .cp_info li{margin: 8px 0;float: left;width: 45%;margin-right: 2%;}
.compost .cp_post .cp_info li label{display: none;}
.compost .cp_post .cp_info li input{width: 100%;padding-left: 5px; height: 32px;line-height: 32px;border: 1px solid #eee;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.compost .cp_post .cp_info li.inpVerify input{width: 30%;}
.compost .cp_post .cp_info li.inpVerify img{vertical-align: bottom;}
.compost .cp_post .cp_info button{padding: 8px 30px;/* border-radius: 5px; */ background-color: #4592e6;color: #fff;border: 1px solid #4592e6;}
/*c_list*/
.c_list ul{list-style: none;}
.c_list li{margin-bottom: 20px;}
.c_list li .c_avatar{float: left;width: 50px;height: 50px;box-sizing: border-box;}
.c_list li .c_avatar img{width: 100%;height: 100%;}
.c_list li .c_main{margin-left: 70px;background-color: #f9f9f9; padding: 0.75em 1em;transition: all ease 0.25s;overflow: auto;}
/* .c_list li .c_main:hover{-webkit-box-shadow: 0 0.225em 0.75em 0 #f4f4f4;box-shadow: 0 0.225em 0.75em 0 #f4f4f4;} */
.c_list li .c_main .c_info{overflow: hidden;}
.c_list li .c_main .c_info span{float: left;font-size: 14px;color: #a1a1a1;}
.c_list li .c_main .c_info span a{color: #4592e6;}
.c_list li .c_main .c_info .icon{display: inline-block;/*翻转*/-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*IE*/filter:FlipH;}
.c_list li .c_main .c_info span+span{float: right;}
.c_list li .c_main .c_info span+span a{border-bottom: 0;}
.c_list ul ul li .c_avatar{display: none;}
.c_list ul ul li .c_main{margin-left: 0;margin-top: 0.5em;}
@media screen and (max-width: 768px) {
    .comments .c_title h5{font-size: 16px}
        .compost .cp_avatar{display: none; width: 32px;height: 32px;}
        .compost .cp_post{margin-left: 0;}
        .c_list li .c_avatar{width: 32px;height: 32px;}
        .c_list li .c_main{margin-left: 42px;}
        .comments{padding: 10px 2%;box-sizing: border-box;}
        .compost .cp_post .cp_box{margin-bottom: 5px;}
        .compost .cp_post .cp_info{width: 80%;}
        .compost .cp_post .cp_info li{margin: 3px 0;float: left;width: 100%;margin-right: 0;}

}

/*404页面*/
.page404{padding: 40px 0 50px;text-align: center;overflow: hidden;}
.page404 h1{margin: 10px 0;color: #333;text-shadow: rgba(61,61,61,.3) 1px 1px, rgba(61,61,61,.2) 2px 2px, rgba(61,61,61,.3) 3px 3px;font-weight: 700;font-size: 98px;line-height: 150px;}
.page404 h3{margin: 10px 0;color: #333;font-size: 30px;line-height: 35px;font-weight: normal;}
.serach404{margin: 20px 0;}
.serach404 p{color: #333;font-size: 14px;}
.serach404 form{width: 420px;margin: 10px auto;overflow: hidden;}
.serach404 form input{float: left; width: 335px;height: 40px;line-height: 38px;box-sizing: border-box;padding-left: 2%;border:1px solid #4592e6;}
.serach404 form button {float: right;width: 85px;line-height: 38px;height: 40px;background-color:#4592e6;color: #fff;text-align: center;border:1px solid #4592e6;font-size: 16px;}
.goindex404{text-align: center;margin: 20px 0;}
.goindex404 a{display: inline-block;padding: 8px 30px;background-color: #4592e6;color: #fff;border-radius: 2px;font-size: 16px;}
@media screen and (max-width: 980px) {
    .page404{padding: 0 0 0;}
    .serach404 form{width: 80%;}
    .serach404 form input{width: 75%}
    .serach404 form button {width: 25%;}
}
/* // 404 */
/*下方为自适应CSS
Theme ID: ydpro
Author: guokun
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://www.ylefu.com/
*/

.mnav{display: none;}

@media screen and (max-width: 1100px) {
    .container{width: 98%;margin-left: 1%;margin-right: 1%}
    #top{display: none;}

    .logo_text{text-align: center;}
    .logo_text h1{color: #4592e6;font-size: 20px;}
    .logo_text h2{font-size: 16px;display: none}

    #home_one{display: none;}
    .home_abouts{}
    .abouts{width: 100%;height: auto;margin-bottom: 10px}
    .news_post{margin-left: 0;border: 0;padding: 0;}

    .pro{padding-top: 20px;}

    .main_r{display: none;}
    .main_l{width: 100%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
}
@media screen and (max-width: 876px) {
    .h_qr{display: none;}
    #header{margin-bottom: 0;}
    .header{padding: 5px 0;}
    .logo{width: auto;height: 50px;line-height: 50px; }
    .logo img{max-height: 50px;}
    .logo_text h1{font-size: 15px;}
    .logo_text h2{font-size: 12px;}

    #nav{display: none;}
    .mnav{display: block;overflow: hidden;}
    .mnav ul{list-style: none;overflow: hidden;}
    .mnav li{float: left;width: 33.333%;border-right: 1px solid #fff;border-bottom: 1px solid #fff;background-color: #4592e6;text-align: center;
        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
    .mnav li a{color: #fff;display: block;padding: 6px 0;}
    .mnav li a:hover{background-color: #0256e6;}

    .pro{margin-right: 0;}
    .pro_box{width: 100%;margin-right: 0;margin-bottom: 10px;}
    .pro_box li .text{padding: 5px 0;}
    .pro_box li .text h3{height: auto;max-height: 64px;}

    .pro2_box{margin-bottom: 10px;}
    .pro2_box li{float: none;width: 100%;}
    .pro2_box li .img{float: left; width: 120px;height: 130px;}
    .pro2_box li .text h3{margin-bottom: 5px;}
    .pro2_box li .text{padding: 5px 0 0;margin-left: 130px;}

    .home_yijuhua{padding: 10px 0;font-size: 16px;margin-bottom: 10px;}

    .home_text{margin-bottom: 10px;}
    .home_text .text_tit{padding: 5px 8px;}
    .home_text .text_tit h2{font-size: 16px;}
    .home_text li{line-height: 1.5;padding: 5px 0;font-size: 16px;}

    .home_text_img{margin-bottom: 10px;}
.home_text_img .text_tit{padding: 5px 8px;}
.home_text_img .text_tit h2{font-size: 16px;}

    .home_text_img2{margin-bottom: 10px;}
.home_text_img2 .text_tit{padding: 5px 8px;}
.home_text_img2 .text_tit h2{font-size: 16px;}

    .home_links{margin-bottom: 10px;}
    .home_links .title{padding: 5px 10px;font-size: 18px;}
    .home_links ul{padding: 5px 10px;}

    #footer{padding: 10px 0;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
    .footer .ftext span:first-child{display: none;}

    .list_text{padding: 0;}
    .list_text li{padding: 5px;}
    .list_text .img{width: 110px;height: 90px;}
    .list_text .text{margin-left: 120px;}
    .list_text .text h3 a{max-height: 78px;}
    .list_text .text p{display: none;}



    .pro_intro{padding: 5px 0;}
    .pro_list{margin-bottom: 10px;}
    .post_pro{margin-bottom: 10px;}
    .post_pro_title{padding: 5px 0;}
    .post_pro_title h2{font-size: 20px;}


    .home_icon .box{width: 100%;padding-left: 0;margin-bottom: 5px;}
    .home_icon_post_pro{margin-bottom: 10px;padding: 10px 5px;}

    .post{margin-bottom: 10px;}
    .post .title{padding: 3px 8px;}
    .article_content{padding: 10px;}
    .pro_content{margin-bottom: 10px;}
    .related_pro{margin-bottom: 10px;}
    .related_pro li{width: 48%;}

    .post .title h2{font-size: 18px;}
    .post .info{display: none;}
    .article_content p {margin-bottom: 10px;line-height: 1.6em;}

    .related{margin-bottom: 10px;}

}
@media screen and (max-width: 600px) {
    .pro_thumb{padding: 5px 10px;}
    .pro_thumb .img{float: none;width: 100%;}
    .pro_thumb .info{margin-left: 0;}
    .pro_thumb .price{margin: 5px 0;}
    .post_pro_title h2{font-size: 18px;}
    .related ul{margin-right: -2%;}
    .related li{width: 48%;margin-right: 2%;}
}