*{padding:0; margin:0;}
body{font-size:14px; font-family:'Microsoft YaHei';}
a{color:#4a4a4a;text-decoration:none;}
a:hover{color:#f7800f;}
li{list-style:none;}img{display:block;}em{font-style:normal;}
h1,h2,h3,h4{font-weight:normal; font-size:14px;}
.fl{float:left}.fr{float:right}.clear{clear:both; }
.w1200{width:1200px; margin:auto;}
.pc{display:block;}
.mobile{display:none;}
.imghover{-webkit-transition: all linear 1s;transition: all linear 1s;z-index: 10;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.imghover:hover{-webkit-transition: all linear 1s;transition: all linear 1s;z-index: 10;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

.header{overflow:hidden; height:40px; padding:30px 0px; position:fixed;top:0; left:0; right:0; width:100%; background-color:rgba(255,255,255,0); border-bottom:1px solid #958f85;z-index:9999;}
.header .logo{float:left; margin-left:6%; display:block;}
.header .logo img{height:50px; margin-top:-5px;}
.header .tmall{float:left; margin-left:50px; display:block;}
.header .tmall img{height:70px; margin-top:-10px;}
.header .navagation{float:right; margin-right:6%;height:40px; overflow:hidden; width:43%;}
.header .navagation a{display:block; float:left; color:#fff; font-size:18px; height:40px; line-height:40px;  width:16.5%; text-align:center;}
.header .navagation a.search{width:10%; display:none;}
.header .navagation a.search img{margin:10px auto;}
.header .navagation a:before{width: 0;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: width 0.5s,left 0.5s;background-color: #f7800f;content: "";}
.header .navagation a:hover,.header .navagation a.on{color:#f7800f}
.header .navagation a:hover::before{width:100%}
.cheader .header{background-color:#fff; border-bottom:none; border-bottom: 1px solid #eee;/*position:initial;*/}
.cheader .header .navagation a{color:#333333;}
.cheader .header .navagation a:hover,.cheader .header .navagation a.on{color:#f7800f}
.cheader .header .tmall img{height:40px; margin-top:0px;}
.smallheader{height:0px; overflow:hidden; background-color:#f67800; width:100%; position:fixed; top:0; left:0;right:0; z-index:99999;}
.smallheader .container{ margin:auto; text-align:center;}
.smallheader .container .nav{line-height:40px; height:40px; display:inline-block; *display:inline; *zoom:1;  padding:10px 2%; color:#fff; font-size:16px; position:relative;  }
.smallheader .container .nav.on::after,.smallheader .container .nav:hover::after{content:""; width:90%; position:absolute; left:5%; bottom:0px; height:2px; background-color:#fff;}
.header.scollheader{padding:5px 0;}
.header.scollheader .logo img{height:32px; margin-top:5px;}
.header.scollheader .tmall img{height:40px; margin-top:0;}

.footer{overflow:hidden; background-color:#f9f9f9; width:100%;}
.footer .container{width:80%; padding:3% 0 2%; margin:auto;}
.footer .foot{/*overflow:hidden;*/}
.footer .foot .fl{overflow:hidden; float:left; width:60%;}
.footer .foot .fl .item{float:left; width:14.5%;}
.footer .foot .fl .item h3{font-size:16px; color:#333; padding-bottom:20px;}
.footer .foot .fl .item h3 a{font-size:16px; color:#333; line-height:initial;}
.footer .foot .fl .item a{color:#999999; display:block; line-height:32px;}
.footer .foot .fl .item a:hover{color:#f7800f;}
.footer .foot .fl .item.firstitem{width:12%;}
/*.footer .foot .fl .item.firstitem a{font-size:16px; color:#333; line-height:initial;}*/
.footer .foot .fr{float:right;    padding-right: 3%;}
.footer .foot .fr .flogo{margin-bottom:5px; width:200px;}
.footer .foot .fr p{font-size:16px; color:#999; line-height:38px;}
.footer .foot .fr p.tel{font-size:30px; color:#333;}
.footer .foot .fr p img,.footer .foot .fr p span{float:left; margin-right:10px;}
.footer .foot .clinks{}
.footer .foot .clinks span{font-size:16px; color:#999; line-height:38px; float:left}
.footer .foot .clinks .iicc{position:relative; display:block;float:left; height:38px; cursor:pointer;}
.footer .foot .clinks .iicc .icon{margin-top:7px; margin-right:15px;}
.footer .foot .clinks .iicctext{position:absolute; width:200px; overflow:hidden; text-align:center; background-color:#fff; bottom:0; left:-80px; z-index:9999; display:none}
.footer .foot .clinks .iicctext span{font-size:14px; display:block; text-align:center; width:100%; line-height:24px;}
.footer .foot .clinks .iicctext img{width:100%; margin:auto;}
.footer .foot .iicc:hover .iicctext{display:block;}
.footer .copyright{overflow:hidden; margin-top:30px; padding-top:50px;}
.footer .copyright .fl{float:left}
.footer .copyright .fl a{color:#666666; margin-right:15px;}
.footer .copyright .fl a:hover{color:#f7800f;}
.footer .copyright .fr{float:right; color:#666666; position:relative; padding-left: 120px; }
.footer .copyright .fr .biao{position:absolute; left:0; top:-60px; width:120px;}
.footer .copyright .fr a{color:#666666; margin-left:15px;}
.footer .copyright .fr a:hover{color:#f7800f;}
.footer .copyright .fr a.fw{background:url(../images/icon04.png) no-repeat center right; padding-right:26px;}

.floatmenu{overflow:hidden; position:fixed; right:1%; top: 50%;margin-top: -285px; border:1px solid #ddd; padding:2px 10px; background-color:#fff; z-index:99999999;}
.floatmenu .item{display:block; text-align:center; border-top:1px solid #ddd; line-height:22px; padding:10px 0px; cursor:pointer;}
.floatmenu .item:first-child{border-top:none;}
.floatmenu .item em{width:32px; height:32px; display:block; margin:auto; margin-bottom:2px;}
.floatmenu .item:hover{color:#f7800f}
.floatmenu .kf{background:url(/assets/images/mmenu/m_kf.png) no-repeat top center;}
.floatmenu .dh{background:url(/assets/images/mmenu/m_dh.png) no-repeat top center;}
.floatmenu .store{background:url(/assets/images/mmenu/m_store.png) no-repeat top center;}
.floatmenu .zs{background:url(/assets/images/mmenu/m_zs.png) no-repeat top center;}
.floatmenu .hz{background:url(/assets/images/mmenu/m_hz.png) no-repeat top center;}
.floatmenu .fw{background:url(/assets/images/mmenu/m_fw.png) no-repeat top center;}
.floatmenu .gotop{background:url(/assets/images/mmenu/m_top.png) no-repeat top center;}
.floatmenu .item:hover .kf{background:url(/assets/images/mmenu/m_kf_h.png) no-repeat top center;}
.floatmenu .item:hover .dh{background:url(/assets/images/mmenu/m_dh_h.png) no-repeat top center;}
.floatmenu .item:hover .store{background:url(/assets/images/mmenu/m_store_h.png) no-repeat top center;}
.floatmenu .item:hover .zs{background:url(/assets/images/mmenu/m_zs_h.png) no-repeat top center;}
.floatmenu .item:hover .hz{background:url(/assets/images/mmenu/m_hz_h.png) no-repeat top center;}
.floatmenu .item:hover .fw{background:url(/assets/images/mmenu/m_fw_h.png) no-repeat top center;}
.floatmenu .item:hover.gotop{background:url(/assets/images/mmenu/m_top_h.png) no-repeat top center;}


@media screen and (min-width: 960px) and (max-width: 1440px) {
    .header{padding:15px 0px;}
    .header .navagation a{font-size:16px;}
    .header .logo img{height:40px; margin-top:0px;}
    .smallheader .container .nav{line-height:30px; height:30px;  padding:8px 2%; font-size:15px; }

    .footer .container{width:90%;}
    .footer .foot .fr .flogo{width:160px;}
    
    
    .floatmenu{top: 50%;margin-top: -180px;}
    .floatmenu .item{ line-height:16px; font-size:12px; padding:5px 0px;}
    .floatmenu .item em{width:22px; height:22px; background-size:contain;margin-bottom:2px;}
    .floatmenu .item:hover .kf{background-size:contain;}
    .floatmenu .item:hover .dh{background-size:contain;}
    .floatmenu .item:hover .store{background-size:contain;}
    .floatmenu .item:hover .zs{background-size:contain;}
    .floatmenu .item:hover .hz{background-size:contain;}
    .floatmenu .item:hover .fw{background-size:contain;}
    .floatmenu .item:hover.gotop{background-size:contain;}
}

@media (max-width: 960px)
{
    .pc{display:none;}
    .mobile{display:block;}

    .w1200{width:100%; margin:auto;}

    .mobileheader{overflow:hidden; position:fixed; top:0; z-index:999; left:0; right:0;  width:100%;z-index: 999999999;}
    .mobileheader .nav{overflow:hidden ;height:50px; width: 94%; padding:5px 3%; background-color:#fff;  border-bottom: 1px solid #f67800;}
    .mobileheader .mlogo{float:left;}
    .mobileheader .mlogo img{height:44px; margin-top:3px;}
    .mobileheader .menu{float:right; width:15%; padding-top:10px;}
    .mobileheader .menu span{display:block; width:60%; height:5px; background-color:#f67800; margin:5px auto 0;}
    .mobileheader .navagation{display:none; position:fixed; top:0; left:0; right:0; bottom:0; padding:5%; background:rgba(0,0,0,0.9); z-index:999999999;}
    .mobileheader .navagation .menu{font-size:30px; color:#fff; text-align:right}
    .mobileheader .navagation .nva1{display:none; padding-left:5%;}
    .mobileheader .navagation .nva2{display:none}
    .mobileheader .navagation a.a1{font-size:18px; height:55px; line-height:55px; color:#fff; display:block; text-indent:5%; border-bottom:1px solid #3c3c3c}
    .mobileheader .navagation a.a2{font-size:16px; height:40px; line-height:40px; color:#fff; display:block; }
    .mobileheader .navagation a.a3{display:none; font-size:14px; height:40px; line-height:40px; color:#fff;display:block; text-indent:10%}
    .smallheader{height:46px; overflow:hidden; background-color:#f67800; width:100%; position:fixed; top:auto; bottom:0; left:0;right:0; z-index:9999999999;}
    .smallheader .container{ margin:auto; text-align:center;overflow-x: scroll;overflow-y: hidden; white-space: nowrap; z-index: 99999999;}
    .smallheader .container .nav{line-height:36px; height:36px; display:inline-block; *display:inline; *zoom:1;  padding:5px 2%; color:#fff; font-size:16px; position:relative;  }

    .footer .container{width:100%; padding:0; margin:auto; padding-bottom:5%;}
    .footer .foot{overflow:hidden; padding:5%;}
    .footer .foot .fl{overflow:hidden; float:none; width:100%;}
    .footer .foot .fl .item{float:left; width:100%; padding:1% 0 3%;}
    .footer .foot .fl .item:first-child{display:none}
    .footer .foot .fl .item h3{font-size:16px; color:#333; padding-bottom:5px; width:100%;}
    .footer .foot .fl .item a{color:#999999; display:block; line-height:180%; width:25%; float:left}
    .footer .foot .fl .item h3 a{font-size:16px; color:#333; line-height:initial; float:none}
    .footer .foot .fr{overflow:hidden; float:none; width:100%; margin-top:20px;}
    .footer .foot .fr .flogo{margin-bottom:15px; width:60%;}
    .footer .foot .fr p{font-size:14px; color:#999; line-height:180%;margin-bottom:2px;}
    .footer .foot .fr p.tel{font-size:24px; color:#333;}
    .footer .foot .fr p img,.footer .foot .fr p span{float:left; margin-right:10px;}
    .footer .foot .fr p img{margin-top:5px;}
    .footer .copyright{overflow:hidden; margin-top:20px;padding-top: 0;}
    .footer .copyright .fl{float:none; display:none}
    .footer .copyright .fr{float:none; padding:0 5%; color:#666666; text-align:center; line-height:180%; }
    .footer .copyright .fr a{color:#666666; margin-left:15px;}
    .footer .copyright .fr a:hover{color:#f7800f;}
    .footer .copyright .fr a.fw{background:url(../images/icon04.png) no-repeat center right; padding-right:26px;}

    .floatmenu{display:none}
    
}