@charset "utf-8";
/* CSS Document */

/*样式重置*/
body,ul,li,p,h1,h2,h3,h4,h5,h6,hr,span,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0; list-style:none;}
body,html{font:14px/28px "Microsoft YaHei";background-color: #ffffff;}
a{text-decoration: none; outline: none;}
img{list-style:none;border:none; display:block; margin: 0 auto;}
ul{list-style:none;}
input,select,textarea{outline:none;border:none; -webkit-appearance: none; background-color: transparent;}
input:focus { outline: none; }
textarea{resize:none;}
*{word-break:break-all;}
.clear:after{content:"";display:block;clear:both;}
.clear{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.text_overflow{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
@font-face {
    font-family: iconfont;
    src: url("../font/iconfont.eot"),url("../font/iconfont.svg"),url("../font/iconfont.ttf"),url("../font/iconfont.woff");
}
.more-overflow{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bottomTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(600px);
        -moz-transform: translateY(600px);
        -ms-transform: translateY(600px);
        -o-transform: translateY(600px);
        transform: translateY(600px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes bottomTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(600px);
        -moz-transform: translateY(600px);
        -ms-transform: translateY(600px);
        -o-transform: translateY(600px);
        transform: translateY(600px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.bottomTop {
    -webkit-animation-name: bottomTop;
    -moz-animation-name: bottomTop;
    -o-animation-name: bottomTop;
    animation-name: bottomTop;
}


.wrap{width: 100%;}
@media only screen and (min-width:761px){
    html,body{height: 100%;}
    .center{ position: relative; width: 1200px; min-width: 1200px; margin: 0 auto;}
    /*头部样式*/
    header{width: 100%;min-width: 1200px; height: 105px;padding-top: 45px; background: url("http://www.ylcp.shop/files/files/images/img/headerBj.jpg") repeat-x top;}
    header nav{width: 100%;min-width: 1200px;}
    header nav .navBtn{display: none;}
    header section h1.app{display: none;}
    header section h1.pc{ position: absolute; z-index:1;left:50%; margin-left: -95px; width: 190px; height: 166px;border-radius: 0 0 50% 50%; background-color: #fff;}
    header section h1.pc img{ width: 146px;}
    header nav li{position:relative;float: left; width: 98px; padding:42px 0 0 70px;}
    header nav li a{position: relative; color: #F28100; font:bold 16px/16px "Microsoft YaHei";}
    header nav li a span{ display: block;font-size: 12px;}
    header nav li a:before{content: '';position:absolute; color: #555;}
    header nav li:nth-child(3){ margin-right: 190px;}
    header nav li:nth-child(1) a:before{content: '\e6be'; top:2px; left:-40px;font:34px/34px "iconfont";}
    header nav li:nth-child(2) a:before{content: '\e61b'; top:0; left:-45px;font:38px/38px "iconfont";}
    header nav li:nth-child(3) a:before{content: '\e60d'; top:7px; left:-48px;font:32px/32px "iconfont";}
    header nav li:nth-child(4) a:before{content: '\e628'; top:5px; left:-40px;font:36px/36px "iconfont";}
    header nav li:nth-child(5) a:before{content: '\e607'; top:5px; left:-40px;font:32px/32px "iconfont";}
    header nav li:nth-child(6) a:before{content: '\e633'; top:5px; left:-45px;font:38px/38px "iconfont";}
    header nav li.cur{border-bottom: 2px solid #f07106;padding-bottom: 10px;}
    /*header nav li.cur a:before{color: #F28100}*/

    .list_banner{min-width: 1200px; background: url("http://www.ylcp.shop/files/files/images/img/jzkt_bj.jpg") no-repeat center; height: 550px;}

    footer{position:relative; margin-top:-35px;width: 100%;min-width: 1200px; height:400px; background: url("http://www.ylcp.shop/files/files/images/img/foot_bj.png") no-repeat center;}
    footer .center{ padding-top: 90px;}
    footer h2{ color: #E7312D; border-bottom: 1px solid #E7312D; font-size: 18px; line-height: 33px;font-weight: normal;}
    footer .f_logol{width: 175px; margin-right: 70px; margin-left: 45px;}
    footer .f_logol img{width: 175px;}
    footer .f_about{width: 230px;margin-right: 130px;}
    footer .f_about p{color: #fff; line-height: 23px; padding-top: 20px; text-align: justify;}
    footer .f_contact{width: 270px;}
    footer .f_contact ul{ padding-top: 20px;}
    footer .f_contact ul li{color: #fff; line-height: 38px; font-size: 16px;}
    footer .f_contact ul li:before{position:relative; padding-right:10px;font: 18px/38px iconfont;}
    footer .f_contact ul li:nth-child(1):before{content: '\e683';}
    footer .f_contact ul li:nth-child(2):before{content: '\e603';}
    footer .f_contact ul li:nth-child(3):before{content: '\e69f'}
    footer .erWeiMa{ width: 126px; margin-right: 45px; padding-top: 40px;}
    footer .erWeiMa img{width:126px;}
    footer .copy{margin-top: 50px; border-top: 1px solid #3F3D3E;}
    footer .copy p{ padding-top: 18px; color: #fff; line-height: 20px; font-size: 12px;text-align: center}


    /*分页*/
    .pageNav{width: 680px; margin: 0 auto; text-align: center; padding: 65px 0;}
    .pageNav a{width: 35px;  height: 35px; color: #464646;  display: inline-block;  text-align: center;  line-height: 35px; margin: 0 2px; border: 1px solid rgb(221, 221, 221);}
    .pageNav span{width: 35px;  height: 35px;  display: inline-block;  text-align: center;  line-height: 35px; margin: 0 2px; color: #F18101; }
    .pageNav a:hover{ color: #F18101; background-color: rgb(255, 255, 255);}
    .pageNav a.a1{ width: 80px;}
    .pageNav a.a2{ width: 80px; background-color: transparent; border: none;}


}
@media only screen and (max-width:760px){
    .center{ width: 100%; margin: 0 auto;}
    .wrap{width: 100%; height: 100%; position: relative;}
    /*.wrap:before{position:absolute;content: '';display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}*/
    header{width: 100%; height:3.75rem;padding-top: 1.6rem; background: url("http://www.ylcp.shop/files/files/images/img/headerBj.jpg") repeat-x top/10% ;}
    header section h1.pc{display: none;}
    header section h1.app{float:left;width: 75%; padding-left: 5%; background-color: #fff;}
    header section h1 img{width: 100%}
    header nav{width: 100%;position: relative;}
    header nav .navBtn{float: right; width: 10%;}
    header nav .navBtn:before{content:'\e604';font:1.3rem/3rem iconfont;}
    header nav ul{position: absolute; z-index:99;right: 0;top:3rem;width: 100%; background-color: rgba(0,0,0,0.5);padding: 0; height:0;overflow: hidden;}
    header nav ul li{width: 100%; text-align: center; font:normal 1rem/2.5rem "Microsoft YaHei";/*padding-left: 35%; padding-bottom: 0.1rem;*/ border-bottom: 1px solid #fff;}
    header nav li a{position: relative; color: #fff; }
    header nav li a span{ display: none;font-size: 12px;}
    header nav li.cur a{color: #fcee86; font-weight: 600;}
    /*header nav li a:before{content: '';position:absolute; color: #fff;}*/
    /*header nav li:nth-child(1) a:before{content: '\e6be'; top:2px;left:-120%; font:2rem/2rem "iconfont";}*/
    /*header nav li:nth-child(2) a:before{content: '\e61b'; top:0; left:-60%; font:2rem/2rem "iconfont";}*/
    /*header nav li:nth-child(3) a:before{content: '\e60d'; top:7px;left:-60%; font:1.6rem/2rem "iconfont";}*/
    /*header nav li:nth-child(4) a:before{content: '\e628'; top:5px;left:-60%; font:2rem/2rem "iconfont";}*/
    /*header nav li:nth-child(5) a:before{content: '\e607'; top:5px;left:-60%; font:2rem/2rem "iconfont";}*/
    /*header nav li:nth-child(6) a:before{content: '\e633'; top:5px;left:-60%; font:2rem/2rem "iconfont";}*/

    .list_banner{width: 100%; background: #EFFDE6; height: 10rem}
    .klbt_banner{width: 100%; background: #EFFDE6; height: 17rem}


    footer{width: 100%; background: url("http://www.ylcp.shop/files/files/images/img/foot_bj.png") no-repeat top center/100% 100% ;margin-top: -10px;}
    footer .center{ width: 90%; padding-top: 1.5rem;}
    footer .f_logol,footer .f_about,footer .f_contact,footer .erWeiMa{display: none;}
    footer .copy{padding-bottom: 1rem;}
    footer .copy p{color: #fff; line-height: 20px; font-size: 12px;text-align: center; }



    /*分页*/
    .pageNav{width: 80%; margin: 0 auto; text-align: center; padding: 2rem 0;}
    .pageNav a{width: 1.5rem;  height: 1.5rem; color: #464646;  display: inline-block;  text-align: center;  line-height: 1.5rem; margin: 0 2px; border: 1px solid rgb(221, 221, 221);}
    .pageNav span{width: 1rem;  height: 1rem;  display: inline-block;  text-align: center;  line-height: 1rem; margin: 0 2px; color: #F18101; }
    .pageNav a:hover{ color: #F18101; background-color: rgb(255, 255, 255);}
    .pageNav a.a1{ width: 4rem;}
    .pageNav a.a2{ width: 4rem; background-color: transparent; border: none;}
}