@charset "utf-8";
/* CSS Document */
/*头部样式*/
.HeadTop { width: 100%; display: table; height: 36px; line-height: 36px; background-color: #f4f6f8;}
.HeadTop .fl { width: 195px;}
.HeadTop .right { width: 222px; display: table; text-align: right; font-size: 12px;}
.HeadTop .right li{ display: inline-block;}
.HeadTop .right a:hover { color: #c30d23;}
.HeadTop .right i { display: inline-block; width: 1px; background-color: #333; height: 15px; vertical-align: middle; margin: 0px 15px;}
/*banner样式开始*/
.indexBanner{width:100%;min-width: 1160px;height:460px;position: relative;overflow: hidden; margin: 0 auto; text-align: center; z-index: 1; }
.indexBanner .bd{ position:relative; height:100%; width:100%; text-align: center;}
.indexBanner .bd li{ zoom:1; vertical-align:middle;width:100%;height:460px;background-position: center;background-repeat: no-repeat;}
.indexBanner .bd li a{display: block;width:100%;height:100%; text-align: center;}
/*banner nav*/
.indexBanner .hd{ width:1160px;height:14px;position: absolute;bottom:30px;left: 50%; margin-left:-580px;overflow: hidden;}
.indexBanner .hd ul{overflow: hidden;zoom: 1;position: absolute;right: 40px;}
.indexBanner .hd ul li{float:left; width:14px; height:14px;background:url(../images/ysbg_icons.png) no-repeat -16px -132px;margin-left: 8px;cursor: pointer;}
.indexBanner .hd ul li.on {background:url(../images/ysbg_icons.png) no-repeat 0 -132px;}
/*banner样式结束*/
.Head { width: 100%; display: table; background-color: #fff; padding: 20px 0 12px 0;}
.Head .Logo  { width: 225px;}
.Head .SelectName{ width: 52px; margin-top: 22px; font-size: 12px; margin-left: 12px; position: relative;cursor: pointer;}
.Head .SelectName .CityDown{width: 82px;border: 1px solid #ddd;position: absolute;left: -20px;top: 24px;z-index: 99999; background-color: #fff; padding: 8px 0px 15px 0px;display: none;}
.Head .SelectName .CityDownA{display: block;text-align: center;color: #242424;font-size: 12px;padding: 8px 0px;}
.Head .SelectName .CityDownA:hover,
.Head .SelectName .CityDownA.Active {color: #c30d23;}
.Head .SelectName p{width: 46px;height: 20;line-height: 20px; padding-left: 6px;color: #242424; background:#f3f3f3 url(../images/SelectName_Bg.png) no-repeat 34px 7px;}
.Head .HeadRight { width: 412px; margin-top: 15px; font-size: 12px; color: #989898;}
.Head .HeadRight li { width: 78px; margin-left: 25px;}
.Nav { width:100%; display: table; background-color: #fff; border-bottom: 1px solid #cb2237;}
.Nav .NavAll{ width: 170px; height: 32px; position: relative;  line-height: 30px; border: 1px solid #ea0000; border-bottom: none; font-size: 14px; color: #eb001c;}
.NavAll .allsize{ width: 100%; display: table; text-align: center;}
.NavAll .allsize .fl{ width: 18px; margin-left: 38px; margin-top: 8px;}
.NavAll .allsize .fr{ width: 75px; margin-right: 38px;}
.allsize .fl .span1,.allsize .fl .span2,.allsize .fl .span3{ display: block; background-color: #ea0000; height: 2px; margin-bottom: 4px;}
.Nav .NavMenu{ width: 552px; position: absolute; left: -1px; top: 33px; z-index: 9999;}
.NavMenu .Navlist { width: 172px; background: #1b1829; filter:Alpha(opacity=70);/* 只支持IE6、7、8、9 */  background-color: rgba(27,24,41,0.7);}
.NavMenu .Navlist li { width: 100%; box-sizing: border-box; padding-left: 38px; cursor: pointer; height: 65.7px; line-height: 65px; font-size: 14px; color: #fff; border-bottom: 1px solid #8d8c98;}
.NavMenu .Navlist li { background: url(../images/nav-arrow.png) no-repeat 142px center;}
.Navlist li.li-last{ border-bottom: none;}
.Navlist li.whitebg{ background-color: #fff; color: #242424;}
.Navlist li .NavSides { width: 380px; display: none; height: 460px; position: absolute; top: 0; left: 172px; background:#fff url(../images/Banner_img2.jpg) no-repeat bottom center;}
.NavSides .NavConts{ width: 100%; display: table; padding-top: 50px;}
.NavSides .NavConts a{ display: block; width: 50%; line-height: 20px; font-size: 14px; color: #666; box-sizing: border-box; padding-left: 48px; margin-bottom: 35px;}
.NavSides .NavConts a:hover{ color: #ea0000;}
.NavUl{ width: 740px; display: table; margin-left: 20px; margin-top: 1px;}
.NavUl li{ width: 110px; text-align: center; height: 30px; line-height: 28px; border-bottom: 2px solid #fff;}
.NavUl .item { font-size: 14px; color: #333;}
.NavUl li.BorBot,.NavUl li:hover{ border-bottom: 2px solid #ea0000;}
.NavUl li:hover .item, .NavUl li.BorBot .item{ color: #ef0000;}
.Nav .NavPhone{width: 228px;text-align: right;font-weight: bold;color: #c30d23;height: 25px;line-height: 25px;font-size: 24px;/* margin-bottom: 5px; */margin-top: -65px;}
.Nav .NavPhone img{display: inline-block;/* vertical-align: middle; *//* width: 20%; */padding-right: 5px;padding-bottom: 7px;}
.Banner{ width: 100%; background: url(../images/Banner.jpg) no-repeat center center; background-size: 100% 100%; height: 460px;}
.Banner img{ display: block; width: 1160px; margin: 0 auto;}
/*底部*/
.Guarantee { width: 100%; display: table; background-color: #f4f6f8; box-sizing: border-box; padding: 30px 0;}
.Guarantee dl { width: 245px; display: table; color: #999; margin-right: 60px;}
.Guarantee dl dt { width: 79px;}
.Guarantee dl dd { width: 166px; white-space: nowrap;}
.Guarantee dd h6 { font-size: 24px; color: #333; padding: 8px 0 10px 0;}
.Guarantee dl.dl-last { width: 185px}
.Friend { width: 100%; margin-top: 40px; display: table;}
.FriendMain { width:100%; display: table; border-bottom: 1px solid #eaeaea; padding-bottom: 7px;}
.FriendMain h3{ width: 100%; font-size: 18px; padding-bottom: 20px; color: #333;}
.FriendMain ul { width: 100%; display: table; line-height: 20px;}
.FriendMain ul a { display: inline-block; margin-right: 35px; margin-bottom: 18px; color: #666; font-size: 12px;}
.FriendMain ul a:hover { color: #e3011c;}
.FootTop { width: 100%; margin-top: 30px; display: table; line-height: 22px;}
.FootTop .FootTopA { width: 110px;}
.FootTop .FootTopB { width: 155px;}
.FootTop .FootTopA  li,.FootTop .FootTopB  li { margin-bottom: 30px;}
.FootTopC { width: 400px; height: 150px; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; }
.FootTopC dl { width: 113px; text-align: center; padding-top: 10px; color: #333;}
.FootTopC dl dt { margin-bottom: 10px;}
.FootTopC dl.dl-one { margin-left: 58px; margin-right: 55px;}
.FootTopD { width:350px; margin-left:33px;font-size: 20px; color: #333;}
.FootTopD p { margin-bottom: 20px; height: 32px; line-height: 32px;}
.FootTopD p img { display: inline-block; padding-right: 20px;}
.FootBot { width: 100%; border-top: 1px solid #eaeaea; margin-top: 50px; padding: 25px 0; font-size: 12px; text-align: center;}
.FootBot img { display: inline-block; vertical-align: middle;}
/*侧边栏定位*/
.zaixian{position:fixed;top:300px;z-index:10000;right: 0;}
.zaixian li{width: 60px;height: 70px;background: #ff4d4c;margin-bottom: 2px;}
.zaixian li a{display:block;text-align: center;width: 100%;text-align: center;}
.zaixian li .ao{padding-top:13px;margin: auto;}
.zaixian li .at{color: #fff;font-size: 12px;margin-top:5px;}
.Return a{display:block;width: 60px;line-height: 24px;text-align: center;background:#bfbfbf;color: #fff;font-size: 12px;}
.Return img{display:block;margin: 0 auto;width:14px;padding-top:8px;}
.zaixian .liall:hover{background: #c30d23;}
.zaixian .li2{position: relative;}
.zaixian .lxb{width: 258px;height: 112px;background: url(../images/cbl/yuanj1.png) no-repeat center top;position: absolute;left: -258px;top: -42px;display: none;}
.zaixian .lxb p{color: #333333;font-size: 12px;margin-top:14px;margin-left: 14px;}
.zaixian .lxb span{color: #C30D23;font-size:24px;margin-top:4px;margin-left: 14px;display: block;}
.zaixian .lxb .form_t{margin-left: 14px;margin-top: 10px;}
.zaixian .lxb .form_t #telo{width: 120px;height: 22px;line-height: 22px;padding-left: 9px;border: 1px solid #e5e5e5;border-radius:3px;}
.zaixian .lxb .form_t #btnt{width:59px;height: 22px;line-height: 22px;border: 1px solid #C30D23;border-radius:3px;color: #C30D23;font-size: 12px;text-align: center;background: #fff;}
.zaixian .lxb .form_t input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999;font-size: 12px;} 
.zaixian .lxb .form_t input:-moz-placeholder, textarea:-moz-placeholder {color: #999;font-size: 12px;} 
.zaixian .lxb .form_t input::-moz-placeholder, textarea::-moz-placeholder {color: #999;font-size: 12px;} 
.zaixian .lxb .form_t input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;font-size: 12px;}
.zaixian .li3 .lxb{width: 143px;height: 112px;background: url(../images/cbl/yuanj2.png) no-repeat center top;position: absolute;left: -144px;top: 105px;}
.zaixian .li3 .lxb img{display: block;margin-left: 7px;margin-top: 5px;}
.zaixian .li4 .lxb{top: 175px;}
/*底边栏客服部分*/
.footergd{width: 100%;height: 136px;background: url(../images/cbl/bg.png) no-repeat center;position:fixed;left: 0;bottom: 0;}
.footergd_n{position: relative;padding-top: 43px;}
.footergd_n_o{margin-left: 8px;}
.footergd_n_o img{display: block;margin-top:13px;}
.footergd_n_o p{color: #fff;font-size: 14px;margin-left: 8px;}
.footergd_n_o p span{font-size: 24px;font-weight: bold;color: #ff1a1a;display: block;margin-top:4px;}
.footergd_n #yun{position: absolute;left: 217px;top:27px;}
.footergd_n #clone{position: absolute;top:-8px;right:8px;cursor: pointer;}
.formd{width:535px;height: 83px;position: absolute;left: 446px;top: 16px;}
.formd #btn{width: 109px;height: 82px;background: url(../images/cbl/zixuntj.png) no-repeat center top;border: none;position: absolute;top: 0;right: 0;cursor: pointer;}
.formd p{width: 180px;height: 34px;line-height: 34px;background: #fff;border-radius: 5px;float: left;}
.formd .pt{width: 219px;margin-left: 10px;}
.formd .pt input{width:151px;}
.formd .ps{width:408px;margin-top: 18px;}
.formd .ps input{width:340px;}
.formd p label{color: #999999;font-size: 12px;margin-left: 10px;border-right: 1px solid #bfbfbf;padding-right: 10px;}
.formd p label i{color: #ff1a1a;}
.formd p input{width: 112px;border: none;height: 32px;line-height: 32px;padding-left: 10px;margin-top: -2px;}
.formd .tis{color: #ff1a1a;font-size: 12px;position: absolute;left: 0;top: 30px;}


/*顶部广告图*/
.city-index { width: 100%; position: relative; text-align: center;}
.city-indexs { width: 100%; text-align: center; overflow: hidden; zoom: 1; background: #eee;}
.city-img { width: 100%; margin: 0 auto; height: auto;}
.city-indexs img { width: 100%;}
.city-img img { display: block; width: 100%; margin: 0 auto; height: auto; text-align: center;}
.CityClose { display: none; background: #b1b1b1; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 16px; color: #fff; cursor: pointer;}
.CityClose { position: absolute; right: 0; top: 0;}