/*=== 作者：Distantmemory - 时间：2020年04月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 
    
    .fuertong-head { position: fixed; top: 0; left: 0; padding: 0.16rem 0; width: 100%; background: #011327; line-height: 0.2rem; color: #A1A9B1; z-index: 99; }

    .fuertong-head .top .logo { padding: 0 0.64rem; }

}

@media ( min-width : 360px) { 

} 

/*平板电脑*/
@media ( min-width : 640px) {

}

/*笔记本电脑*/
@media ( min-width : 960px) {

} 

/*PC电脑*/
@media ( min-width : 1200px) { 

    .fuertong-head { height: 1.6rem; }

    .fuertong-head .top .logo { padding: 0; }

} 

/*大屏PC电脑*/
@media ( min-width : 1400px) { 
    
}

@media ( min-width : 1600px) { 
    
}

/*=== Style ===*/
.fuertong-head > div { position: relative; }
.fuertong-head .top .contact { padding-top: 0.08rem; font-size: 0.12rem; }
.fuertong-head .top .contact > div > div { position: relative; padding: 0.16rem; }
.fuertong-head .top .contact > div > div + div::before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -0.24rem; width: 0.01rem; height: 0.48rem; background: #424242; }
.fuertong-head .top .contact .icon { position: absolute; top: 0.16rem; left: 0.16rem; font-size: 0.4rem; }
.fuertong-head .top .contact .text { padding-left: 0.48rem; }
.fuertong-head .top .contact .tel .number,
.fuertong-head .top .contact .hour .time { font-weight: 700; font-size: 0.14rem; color: #DDD; }

.fuertong-head .menu { margin-top: 0.16rem; width: 100%; height: 0.64rem; background: #F4F4F4; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1); border-radius: 0.02rem; font-size: 0.14rem; }
.fuertong-head .menu nav > ul { display: inline-block; vertical-align: bottom; }
.fuertong-head .menu nav > ul > li { position: relative; }
.fuertong-head .menu nav > ul > li > a { display: block; padding: 0 0.32rem; line-height: 0.64rem; color: #454545; }
.fuertong-head .menu nav > ul > li.active > a,
.fuertong-head .menu nav > ul > li:hover > a { background: #FF3D00; color: #FFF; }
.fuertong-head .sub-menu { position: absolute; }

.fuertong-head .menu nav .sub-menu { position: absolute; left: 0; top: 0.64rem; width: 100%; background: #FFF; box-shadow: 0 0.08rem 0.08rem rgba(0,0,0,0.1); border-bottom-left-radius: 0.02rem; border-bottom-right-radius: 0.02rem; line-height: 0.22rem; z-index: 999; opacity: 0; visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleX( -1 );
    -o-transform: scaleX( -1 );
    -ms-transform: scaleX( -1 );
    -moz-transform: scaleX( -1 );
    -webkit-transform: scaleX( -1 ); }
.fuertong-head.fixed-before .menu nav .sub-menu { top: 0.8rem; }
.fuertong-head .menu nav > ul > li:hover .sub-menu { opacity: 1; visibility: visible;
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }

.fuertong-head .menu nav .sub-menu > li + li { border-top: 0.01rem solid rgba(0,0,0,0.05); }
.fuertong-head .menu nav .sub-menu > li > a { display: block; padding: 0.08rem 0.16rem; font-size: 0.12rem; color: #666; }
.fuertong-head .menu nav .sub-menu > li.active > a,
.fuertong-head .menu nav .sub-menu > li > a:hover { background: #011327; color: #FFF; }