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



/*=== 媒体查询 ===*/

/*手机*/

@media ( min-width : 320px) { 



    .huayu-head { position: fixed; top: 0; left: 0; width: 100%; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); z-index: 99; }

    .huayu-head .top .logo { max-width: 2rem; }



}



@media ( min-width : 360px) { 



} 



/*平板电脑*/

@media ( min-width : 640px) {



}



/*笔记本电脑*/

@media ( min-width : 960px) {



    .huayu-head { position: relative; top: 0; left: 0; width: 100%; background: #FFF; }

    .huayu-head .top .logo { max-width: 100%; }



} 



/*PC电脑*/

@media ( min-width : 1200px) { 



} 



/*大屏PC电脑*/

@media ( min-width : 1400px) { 

    

}



@media ( min-width : 1600px) { 

    

}



/*=== Style ===*/

.huayu-head .top { padding: 0.16rem 0; }

.huayu-head .top .slogan { position: relative; top: 0.08rem; margin-left: 0.16rem; padding-left: 0.16rem; border-left: 0.01rem solid rgba(0,0,0,0.1); }

.huayu-head .top .slogan .title { line-height: 0.28rem; font-weight: 700; color: #14257F; }

.huayu-head .top .slogan .content { font-size: 0.14rem; color: #AAA; }

.huayu-head .top .tel .content { position: relative; top: 0.06rem; left: 0.04rem; }

.huayu-head .top .tel .title { font-size: 0.14rem; }

.huayu-head .top .tel .number { line-height: 0.28rem; font-size: 0.24rem; font-weight: 700; color: #CD0000; }

.huayu-head .top .tel .number .icon figure { display: inline; }

.huayu-head .top .tel .number .icon img { position: relative; top: -0.02rem; left: -0.04rem; max-width: 0.28rem; }



.huayu-head .main-menu { border-top: 0.01rem solid rgba(0,0,0,0.05); font-size: 0.14rem; }

.huayu-head .main-menu nav > ul > li { position: relative; }

.huayu-head .main-menu nav > ul > li > a { display: block; padding: 0 0.64rem; border-left: 0.01rem solid rgba(0,0,0,0.1); line-height: 0.56rem; }

.huayu-head .main-menu nav > ul > li:last-child > a { border-right: 0.01rem solid rgba(0,0,0,0.1); }

.huayu-head .main-menu nav > ul > li.active > a,

.huayu-head .main-menu nav > ul > li:hover > a { background: #004A9F; color: #FFF; }

.huayu-head .sub-menu { position: absolute; }

.huayu-head .main-menu nav .sub-menu { position: absolute; left: 0; top: 0.56rem; 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 ); }

.huayu-head.fixed-before .main-menu nav .sub-menu { top: 0.8rem; }

.huayu-head .main-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 ); }



.huayu-head .main-menu nav .sub-menu > li + li { border-top: 0.01rem solid rgba(0,0,0,0.05); }

.huayu-head .main-menu nav .sub-menu > li > a { display: block; padding: 0.08rem 0.16rem; font-size: 0.12rem; color: #666; }

.huayu-head .main-menu nav .sub-menu > li.active > a,

.huayu-head .main-menu nav .sub-menu > li > a:hover { background: #004A9F; color: #FFF; }