﻿.tgg{position:relative;width:100%;height:60px;background:url(../image/tgg.jpg) no-repeat center center;cursor:pointer;display:none;}
.tgg .gb{width:20px;position:absolute;right:75px;top:20px;z-index:99;cursor:pointer}
.head-top{width:100%;height:40px;line-height:40px;background:#f5f5f5;border-bottom:1px solid #d2d2d2}
.login{margin-left:35px}
.login span{margin-right:15px}
.head-top li{float:left;margin-right:30px;}
.head-top-shu{margin:0 15px}
.head-nav{width:100%;height:50px;line-height:50px;background: #ef2d36;font-size:18px;text-align:center}
.nav-left{width:133px;height:50px;background:#de0800}
.nav-right{margin-top:25px; }
.nav-right a{color:#333333}
.nav-right li{float:left;margin: 0 35px;}
.nav-right1 li{margin:0px;}
.nav-right li div{padding: 10px 8px;font-weight: bold;font-size:18px;}
.nav-right1 li div{font-weight:normal;font-size:16px;}
.nav-right li div:hover, .nav-right li .active div{color:#FF0000; border-bottom: 2px solid #FF0000;}
.head-logo{width:100%;height: 100px;}
.head-logo .box{display:flex; justify-content:space-between;}
.logo{width: 222px;/* height: 60px; */margin-top: 11px;}
.search{width:397px;height:38px;margin: 30px 205px 0 0;position:relative}
/*.phone {margin-top: 19px;}*/
/*.phone-img{width:49px;height:49px;margin-right:10px;margin-top:8px}*/
/*.phone-text{font-size:18px;letter-spacing:.6px}*/
.phone{
    font-size: 20px;
    margin-top: 35px;
}
.phone i{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../image/tel.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.search-input{width:325px;height:37px}
.search-input input{width:100%;border-radius:5px 0 0 5px;padding:10px 0 10px 5px;border: 1px solid rgb(0 143 217);color:#999}
.search-button{width:70px;height:37px;line-height:34px;color:#fff;text-align:center;border-radius:5px;cursor:pointer;background: rgb(0 143 217);}
.search-button img{vertical-align:middle}
.search-button span{vertical-align:middle}
.search-list{position:absolute;top:38px;left:2px;background:#fff;width:422px;max-height:300px;overflow:auto;border:1px solid #b5d1d0;border-radius:0 0 5px 5px;z-index:999}
.search-list li{width:100%;height:40px;border-bottom:1px solid #b5d1d0}
.search-list li div{color:#666;width:95%;height:20px;padding:10px 15px 10px 5px;text-indent:10px}
.search-list li div:hover{background:#f8f8f8}
.shop-process{width:460px;height:46px;margin-top:10px}
/*å·¦ä¾§æ‚¬æµ®*/
.xuanfu{position: fixed;top: 18%;left: 10px;width:184px;height:580px;background:url(../image/k1.png) no-repeat center top;z-index:999;padding-top:15px;}
.xfTit{width:83px;height:21px;text-align:center;margin:0 auto;color:#666;line-height:21px}
.bkzd{width:83px;height:22px;background:url(../image/k2.png) no-repeat center;margin:22px auto 0}
.xfList{overflow:hidden}
.xfList li a{width:140px;height:35px;display:block;text-decoration:none;margin-left:25px}
.xfList li a span{display:block;width:140px;height:35px;background:#fff;box-shadow:0 2px 4px 0 #272727;text-align:center;line-height:35px;margin-top:4px;font-size:14px;color:#4d4d4d;transition:all .5s}
.xfList li a span:hover{transform:translateY(-4px);transition:all .5s}
.xfList li:nth-child(even) a span{color:#eb6100}
.lead{position:relative;margin-top:17px}
.Input{width:140px;margin-left:30px}
.Input input{width:128px;height:28px;outline:0}
.swt{display:block;text-decoration:none}
.swt span{width:130px;height:30px;display:block;background:#ef506e;margin-left:30px;margin-top:10px;font-size:14px;font-weight:700;text-align:center;line-height:30px;color:#fff;cursor:pointer}
.Top{width:140px;margin-left:25px;height:60px;margin-top: 6px;padding-top:10px;font-size:16px;color:#fff;text-align:center;font-weight:700;letter-spacing: 3px;position:relative;cursor:pointer;}
.Top>i{display:block;width:14px;height:8px;position:relative;top:0;left:61px;background:url(../image/s_icon.png) no-repeat center}
/*å³ä¾§æ‚¬æµ®*/
.rightAside{width: 144px;height: 609px;z-index:1000;position:fixed;top:50%;transform:translateY(-48%);right:15px;background: url(../image/right-img.gif) no-repeat center center;background-size: cover; cursor: pointer;}
.rightAside .zxzxrtop{width:100%;height:120px;text-align:center;font-size:25px;color:#000;border-radius:20px;border-bottom:3px solid #3ca6ff;position:absolute;top:0;z-index:2000}
.rightAside .zxzxrtop .shakeTop 0%,.rightAside .zxzxrtop .shakeTop 100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}
.rightAside .zxzxrtop .shakeTop 5%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
.rightAside .zxzxrtop .shakeTop 10%,.rightAside .zxzxrtop .shakeTop 20%,.rightAside .zxzxrtop .shakeTop 30%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
.rightAside .zxzxrtop .shakeTop 15%,.rightAside .zxzxrtop .shakeTop 25%,.rightAside .zxzxrtop .shakeTop 35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
.rightAside .zxzxrtop .shakeTop 40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
.rightAside .zxzxrtop .shakeTop 45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
.rightAside .zxzxrtop .shakeTop 50%{-webkit-transform:rotate(0);transform:rotate(0)}
.rightAside .zxzxrtop .closeR{width:20px;height:20px;float:right;margin-right:-10px;margin-top:-20px;cursor:pointer}
.rightAside .zxzxrtop .zaiimg{width:68px;height:54px;margin:18px auto 8px;-webkit-animation:shakeTopx 1s linear infinite;-o-animation:shakeTopx 1s linear infinite;animation:shakeTopx 1s linear infinite}
@-moz-keyframes shakeTopx{0%,100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}
5%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
10%,20%,30%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
15%,25%,35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
50%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-ms-keyframes shakeTopx{0%,100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}
5%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
10%,20%,30%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
15%,25%,35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
50%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-o-keyframes shakeTopx{0%,100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}
5%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
10%,20%,30%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
15%,25%,35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
50%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-webkit-keyframes shakeTopx{0%,100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}
5%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
10%,20%,30%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
15%,25%,35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
50%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes shakeTopx{0%,100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 0;transform-origin:50% 0}
5%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
10%,20%,30%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
15%,25%,35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
50%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.rightAside .zxzxrtopmid{width:100%;margin-top: 150px;}
.rightAside .zxzxrtopmid ul{}
.rightAside .zxzxrtopmid ul li{height:45px;line-height:45px;font-size: 16px;color:#222;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;border-bottom:dashed 1px #ddd;text-indent:20px;}
.rightAside .zxzxrtopmid ul li:hover{color:#eb6100;cursor:pointer}
.rightAside .zxzxrtopmid ul li:hover span{color:#f6ff00}
.rightAside .zxzxrtopmid ul li .rasd 0%{margin-left:0}
.rightAside .zxzxrtopmid ul li .rasd 50%{margin-left:3px}
.rightAside .zxzxrtopmid ul li .rasd 100%{margin-left:0}
@-moz-keyframes shakeleft{0%{margin-left:0}
50%{margin-left:3px}
100%{margin-left:0}
}
@-ms-keyframes shakeleft{0%{margin-left:0}
50%{margin-left:3px}
100%{margin-left:0}
}
@-o-keyframes shakeleft{0%{margin-left:0}
50%{margin-left:3px}
100%{margin-left:0}
}
@-webkit-keyframes shakeleft{0%{margin-left:0}
50%{margin-left:3px}
100%{margin-left:0}
}
@keyframes shakeleft{0%{margin-left:0}
50%{margin-left:3px}
100%{margin-left:0}
}
.rightAside .zxzxrtopmid ul li span{padding: 3px 12px;background: #eb6100;color:#fff;border-radius: 10px;behavior:url(http://www.shudewang.com/static/modules/cms/other/PIE.htc);-webkit-animation:shakeleft 1s linear infinite;-o-animation:shakeleft 1s linear infinite;animation:shakeleft 1s linear infinite;font-size: 14px;}
.rightAside .zxzxrtopbtm{display:flex;justify-content:center;margin-top:7px}
.rightAside .zxzxrtopbtm img{width:720px;height:93px;margin-right:5px}
.rightAside .zxzxrtopbtm div{margin-right:5px;font-size:16px;color:#222;text-align:center}
.rightAside .zxzxrtopbtm div span{font-size:20px;color:#3ca6ff}
.iphone.style-1,.nav1,.banner{
    display: none;
}


