/*base style for css file*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    
}
html{
    font-size:62.5%;
    position:relative;
}
table,caption,tbody,tfoot,thead,tr,th,td{
    /*border-collapse:collapse;8*/
    margin:0;
    padding:0;
    outline:0;
}

ul,ol {
    list-style:none;
}
blockquote,q{
    quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none;
}


a {
    text-decoration: none;
    color:#000;
}
a:hover {
    text-decoration: none;
}
a:focus{
    text-decoration: none;
    outline-offset:0;
    outline: none;
}

.fr {
    float:right;
}
.fl {
    float:left;
}
.clear {
    clear:both;
    font-size:0;
    line-height:0;
}




.page_header_line{width:100%;height:60px;}

@font-face {
    font-family: 'icon';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svgwork_active'); /* iOS 4.1- */
}

.iconFont{
    font-family:"icon" !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


/** header **/
.tHeader{background:#fff200;height:50px;left:0;position:fixed;top:0;width:100%;z-index:1000;display:block;}
.tHeader .container{display: flex;justify-content: center;align-items: center;}
.tHeader .logo{display:inline-block;height:50px;padding:10px 30px;}
.tHeader .logo img{height:100%;}
.tHeader .nav a{color:#0e0101c7;display:inline-block;font-size:13px;line-height:48px;padding:0 25px;border-bottom: 2px solid #fff200;margin:0 14px;}
.tHeader .nav a:hover{border-bottom: 2px solid #fff200;color:#060000b8;}
.tHeader .nav a.hover{border-bottom: 2px solid #fff200;color:#060000b8;}
.tHeader .tel{float:right;font-size:15px;color:#666;position:relative;height:18px;line-height:18px;margin-top:21px;margin-left:20px;padding-left:20px;}
.tHeader .tel:before{
    content:'';width:1px;height:18px;position:absolute;top:0;left:0;background:#b4b4b5;
}
.phone_header{padding:8px 0;width:100%;position:fixed;top:0;left:0;border-bottom:1px solid #efebeb;transition:all 0.2s linear 0s;z-index:100;background:#333333fb;display:none;}
.phone_header .logo_box{float:left;}
.phone_header .logo_box a{position:relative;display:inline-block;height:48px;line-height:48px;transition:height 0.3s linear, font-size 0.3s linear;vertical-align:bottom;}
.phone_header .logo_box a img{width:auto;height:100%;display:block;position:absolute;top:0;left:0;}
.phone_header .menu_btn{float:right;font-size:26px;color:#fff;height:48px;line-height:48px;}
.phone_header .title{text-align: center;font-size: 18px;color: #fff;z-index: 999;line-height:48px;position: absolute;width:70%;left:15%;font-size:22px;}
.pop_menu_box{width:100%;height:100%;background:#141414;position:fixed;top:0;left:0;z-index:1000;display:none;}
.pop_menu_box .h_box{padding:8px 0 8px 0;}
.pop_menu_box .h_box .close_btn{float:right;height:48px;line-height:48px;color:#fff;font-size:25px;}
.pop_menu_box .h_box a{display:inline-block;height:48px;line-height:48px;float:left;}
.pop_menu_box .h_box img{width:auto;height:48px;display:block;vertical-align:bottom;}
.pop_menu_box .menu_box{width:100%;height:calc(100% - 88px);}
.pop_menu_box .menu_box .btn_box{padding-top:35px;}
.pop_menu_box .menu_box .btn_box a{position:relative;text-align:center;display:inline-block;width:100%;font-size:20px;color:#fff;line-height:60px;}
.pop_menu_box .menu_box .btn_box a:first-child::after{height:0;}
.pop_menu_box .tel{position:absolute;bottom:30px;left:8%;}
.pop_menu_box .tel span{display:block;color:#141414;}
.pop_menu_box .tel span.text-1{font-size:18px;margin-bottom:3px;}
.pop_menu_box .tel span.text-2{font-size:22px;}

@media only screen and (max-width: 480px){
    .phone_header .title{line-height:36px;font-size:18px;}
}




/** footer **/
.footer_box{background:#2d2d2d;width:100%;padding:10px 0;display:block;text-align:center;color: rgba(169, 169, 169, 1);font-size:12px;}
.footer_box a{color: rgba(169, 169, 169, 1);}


/** index.php **/
/** banner **/
.index_slideBox{position:relative;width:100%;height:auto;overflow:hidden;padding-top: 50px;}

.index_slideBox .swiperpc {height: 600px;background:#000000;}
.index_slideBox .swiperpc .swiper-slide a {display: flex;justify-content:center;align-items: center;width: 100%;height:100%;overflow:hidden;}
.index_slideBox .swiperpc .swiper-slide img {width: auto;height:100%;}
.index_slideBox .swiperpc .swiper-pagination-bullet-active{background:#333333fb;}




.phone_index_slideBox{position:relative;width:100%;height:auto;overflow:hidden;background:#f1f3f3;display:none;padding-top: 51px;}
.swiperm{width: 100%}
.swiperm img{width: 100%}
/** about **/


.index_main{background:#fff200;padding:20px 0;}
.index_main .item{background:#fff200;padding:30px 28px;margin:8px 0;display:flex;justify-content:space-between;}
.index_main .item .logo{width:calc(100% - 88px);display:flex;justify-content:space-between;}
.index_main .item .logo img{width: 86px;height: 86px;}
.index_main .item .txt{width:calc(100% - 100px);display: flex;justify-content:center;flex-direction: column; }
.index_main .item .txt h3{font-size:16px;padding-bottom: 5px;}
.index_main .item .txt p{font-size:12px;line-height: 1.5;min-height:36px;color: #0e0101;}
.index_main .item .more{width:70px;display: flex;justify-content: space-between;flex-direction: column;padding:10px 0;}
.index_main .item .more .more_btn{background: #363636;display: inline-block;line-height: 28px;border-radius: 12px;text-align: center;color:#fff;}
.index_main .item .more a{color: #ccc;font-size: 12px;text-align: center}






@media only screen and (max-width: 1024px) {

    .index_slideBox .prev,.index_slideBox .next{display:none;}

}
@media only screen and (max-width: 1020px) {
     /** header **/
    .tHeader{display:none;}
    .phone_header{display:block;}

    /** index.php **/
    /** banner **/
    .index_slideBox{display:none;}
    .phone_index_slideBox{display:block;}
}

@media only screen and (max-width: 480px) {
    .container{margin-left:0;margin-right:0;}
    .page_header_line{height:53px;}
    
    /*header.php*/
    .phone_header .logo_box a{height:36px;line-height:36px;}
    .phone_header .menu_btn{height:36px;line-height:36px;}
    .pop_menu_box .h_box .close_btn{height:36px;line-height:36px;}
    .pop_menu_box .h_box a{height:36px;line-height:36px;}
    .pop_menu_box .h_box img{height:36px;}
    .pop_menu_box .menu_box{height:calc(100% - 76px);}


.index_main .item{padding:15px;}

}