body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;} body {font-size: 18px;font-family: 'Microsoft Yahei',arial,sans-serif;color: #444444;letter-spacing: 0px;-webkit-font-smoothing: antialiased;background: #fff; } address, cite, dfn, em, var ,i{ font-style: normal; } code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } small { font-size: 12px; } ul, ol, li { list-style: none; } a { text-decoration: none; color: inherit;} fieldset, img { border: none; } button, input, select, textarea {font-size: 100%;} input{border: 0;outline: none;} textarea{ resize: none; border: 0; outline: none;} table {border-collapse: collapse;border-spacing: 0;} b, strong{font-weight: bold;} hr {border: none;height: 1px;} html { overflow-y: scroll; } a{text-decoration: none;color: inherit;} article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;margin: 0;padding: 0;} @font-face { font-family: 'Impact'; src: url("/css/font/impact/impact.ttf"); font-style: normal; font-weight: normal; unicode-range: U+0025-00FF; } .clearfix:after{content: '';display: block;height: 0;visibility: hidden;clear: both;} .clearfix{zoom: 1;} .justify{text-align: justify;text-justify:distribute-all-lines;font-size: 0;} .justify>*{display: inline-block;vertical-align: top} .justify:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';} @font-face { font-family: 'Impact'; src: url("/css/font/impact/impact.ttf"); font-style: normal; font-weight: normal; unicode-range: U+0025-00FF; } .CONTAINER{ width: 1200px; margin: 0 auto;} .VERTICAL *{display: inline-block;font-size: 0;vertical-align: middle;} .VERTICAL > span{font-size: 15px;margin-left:10px;} .shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 1px transparent; box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .shadow:before { pointer-events: none; position: absolute;z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity"; } .shadow:hover,.shadow:focus,.shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .shadow:hover:before,.shadow:focus:before,.shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); } /*top*/ .top{background: #545555;font-size: 0;} .top p{color: #fff;font-size: 14px;display: inline-block;padding: 5px 0;} .top p:first-child{width: 936px;border-right: 1px solid #373737;} .top p:last-child{width: 262px;border-left: 1px solid #6B6F6F;} .top p:last-child i{font-size: 0;margin: 0 8px;} .top p:last-child i,.top p:last-child span{display: inline-block;vertical-align: middle} /*header*/ .header{padding: 20px 0;background: #fff;background: #fff} .header .CONTAINER > div{display: inline-block;vertical-align: middle;} .header .h-logo{font-size: 0;} .header .line{width: 0;height: 84px;border-left: 1px solid #F1F1F1;border-right: 1px solid #E3E3E3; } .header .h-logo a{font-size: 0;} .header .brand {text-align: center;} .header .brand a span{display: inline-block;font-size: 16px;margin-top: 13px;color: #5b5b5b} .header .brand a i,header .phone a i{display: inline-block;vertical-align: middle;font-size: 0;} .header .phone a span{display: inline-block;vertical-align: middle;line-height: 26px;color: #5b5b5b;margin-left: 10px;} .header .phone a span {font-size: 16px;font-weight: bold;} .header .phone a span b{display: inline-block;font-size: 32px;color: #f71818; font-style: italic;margin-left: -5px;margin-top: 5px;} /*h_nav*/ .h_nav { background: #F42840; } .h_nav *{-webkit-box-sizing: border-box;box-sizing: border-box;} .h_nav .CONTAINER{position: relative;} .h_nav .bottomLine{position: absolute;left: 0;bottom:0;height:4px;background-color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .h_nav .selectedNav{border-bottom: 4px solid #fff;} .h_nav ul { width: 100%; font-size: 0; display: -webkit-box; display: -ms-flexbox;} .h_nav ul li { display: inline-block; width: 130px; height: 44px; color: #fff; font-size: 20px; text-align: center; position: relative; } .h_nav ul li.nav1:hover .option1{opacity: 1;height: 394px;} .h_nav ul li.nav2:hover .option2{opacity: 1;height: 454px;} .h_nav ul li.nav3:hover .option3{opacity: 1;height: 323px;} .h_nav ul li.last{width: 160px;} .h_nav ul li > a { display: inline-block; padding: 5px 11px; margin-top: 4px; -webkit-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;} .h_nav ul li:hover > a{ -webkit-transform: translateY(-5px); transform: translateY(-5px)} .h_nav ul li .more-option *{-webkit-box-sizing: border-box;box-sizing: border-box} .h_nav ul li .more-option{position: absolute; z-index: 2;top: 44px;} .h_nav ul li .more-option .container{background: rgba(255, 255, 255, .95);} .h_nav ul li .more-option .block{width: 100%;height: 21px;} .h_nav ul li .more-option:after{border: solid transparent; content: ' ';height: 0;top: -9px;position: absolute;width: 0;border-width: 15px;border-bottom-color: #fff;z-index: 3;} /*option1*/ .h_nav ul li .option1{width: 608px;color: #444444;left: -126px;-webkit-transition: all .8s;-webkit-transition: all .5s;transition: all .5s;height: 0;overflow: hidden;} .h_nav ul li .option1:after{left: 180px;} .h_nav ul li .option1 h2{font-size: 24px;font-weight: normal;line-height: 66px;} .h_nav ul li .option1 .option-list{width: 522px;margin: 0 auto;padding: 0 16px 16px 16px;border-bottom: 2px dashed #BBBBBB;margin-bottom: 22px;} .h_nav ul li .option1 .option-list-l {width: 229px;height: 117px;border: 2px solid #D4D4D4;vertical-align: top;} .h_nav ul li .option1 .option-list-l a{font-size: 15px;display: inline-block;width: 50%;text-align: center;margin-top: 13px;} .h_nav ul li .option1 .option-list-l a:hover{color: #F42840;} .h_nav ul li .option-intro{width: 522px;margin: 0 auto;padding: 0 5px 30px 5px;} .h_nav ul li .option-intro p{width: 313px;font-size: 15px;color: #666666;text-align: justify;line-height: 30px;} /*option2*/ .h_nav ul li .option2{width: 1200px;color: #666666;font-size: 15px;;left: -280px;-webkit-transition: all .8s;-webkit-transition: all .5s;transition: all .5s;height: 0;overflow: hidden;} .h_nav ul li .option2 .container{padding: 0 20px 14px} .h_nav ul li .option2:after{left: 332px;} .h_nav ul li .option2 .list{padding: 15px 0;border-bottom: 1px dotted #959595;} .h_nav ul li .option2 .list:last-child{border: none;} .h_nav ul li .option2 .list .part1{width: 424px;} .h_nav ul li .option2 .list .part1 h2{font-size: 0;color: #e6153e;text-align: left;} .h_nav ul li .option2 .list .part1 h2 i{font-size: 0} .h_nav ul li .option2 .list .part1 h2 i,.h_nav ul li .option2 .list .part1 h2 span{display: inline-block;vertical-align: middle;} .h_nav ul li .option2 .list .part1 h2 span{font-size: 24px;margin-left: 10px;height: 32px;line-height: 32px;} .h_nav ul li .option2 .list .part1 .item-list{width: 100%;padding-left: 22px;} .h_nav ul li .option2 .list .part1 .item-list a{font-size: 15px;display: inline-block;width: 25%;border-left: 2px solid #A5A5A5;padding-left: 20px;margin-top: 15px;} .h_nav ul li .option2 .list .part1 .item-list a:hover{color: #F42840;} .h_nav ul li .option2 .list .part1 .item-list a.first{border: none;} .h_nav ul li .option2 .list .part2 a{display: inline-block;width: 178px;height: 50px;line-height: 50px;border-radius: 25px;background: #F42840;color:#fff;font-size: 15px;text-align: center;margin-top: 48px;} .h_nav ul li .option2 .list .part3{width: 472px;} .h_nav ul li .option2 .list .part3 a{width: 146px;height: 109px;position: relative;border-radius: 5px;overflow: hidden;} .h_nav ul li .option2 .list .part3 a span{display: block;width: 100%;position: absolute;bottom: 0;left: 0;font-size: 15px;color: #fff;background: rgba(83, 83, 83,.8);text-align: center;line-height: 20px;height: 20px;-webkit-transition: all .3s;transition: all .3s;} .h_nav ul li .option2 .list .part3 a:hover span{height: 109px;line-height: 109px;font-weight: bold;} .h_nav ul li .option2 .list2 h2 span{color: #D0A85D;} .h_nav ul li .option2 .list2 .part2 a{background: #D0A85D;} .h_nav ul li .option2 .list3 h2 span{color: #846ECF;} .h_nav ul li .option2 .list3 .part2 a{background: #846ECF;} .h_nav ul li .option2 .list .part1 h2{display: inline-block;-webkit-transition: all .8s;transition: all .8s} .h_nav ul li .option2 .list:hover .part1 h2{padding-left: 136px;} /*option3*/ .h_nav ul li .option3{width: 448px;color: #444444;font-size: 15px;left: -195px;-webkit-transition: all .8s;-webkit-transition: all .5s;transition: all .5s;height: 0;overflow: hidden;} .h_nav ul li .option3 .container{padding: 0 20px 14px} .h_nav ul li .option3:after{left: 250px;} .h_nav ul li .option3 h2{line-height: 65px;font-weight: normal;} .h_nav ul li .option3 .option-list{width: 378px;margin: 0 auto;padding: 0 20px 25px;border-bottom: 1px dashed #828282;} .h_nav ul li .option3 .option-list .option-list-detail{width: 158px;text-align: center;border: 1px solid #ABABAB;} .h_nav ul li .option3 .option-list .option-list-detail a{display: block;font-size: 15px;margin: 20px 0; } .h_nav ul li .option3 .option-list .option-list-detail a:hover{color: #F42840;} .h_nav ul li .option3 .option-btn a{display: block;width: 330px;margin: 0 auto;background: #45BCAA;padding: 20px 24px;border-radius: 5px;margin-top: 14px;} .h_nav ul li .option3 .option-btn a img{vertical-align: middle;} .h_nav ul li .option3 .option-btn a p{font-size: 24px; color:#fff;vertical-align: middle;} /*search*/ .search *{-webkit-box-sizing: border-box;box-sizing: border-box;} .search {background: #F6F6F6;padding: 4px 0;} .search .key-word{float: left;} .search .search-group{float: right;} .search .key-word p b,.search .key-word p a{font-size: 14px;} .search .key-word p b{color: #EC5959} .search .key-word p a{color: #706B6B;display: inline-block;padding: 0 5px;} .search .key-word p a:hover{color: #EC5959;text-decoration: underline;} .search .key-word p a:not(:last-child){border-right: 1px solid #A4A1A1} .search .search-group .s_txt{height: 30px;line-height: 30px;padding-left: 5px;border: 1px solid #CECECE;} .search .search-group .s_btn{display: inline-block;width: 84px;height: 30px;line-height: 30px;color: #fff;border: 1px solid #CECECE;background: #FB8E00;font-size: 14px;text-align: center;} .search .search-group a{display: inline-block;width: 84px;height: 30px;line-height: 30px;color: #fff;border: 1px solid #CECECE;background: #FB8E00;font-size: 14px;text-align: center;} .search .search-group a:nth-child(2){margin-left: -7px;} .search .search-group ::-webkit-input-placeholder { color: #c2c0c0; font-size: 14px; } .search .search-group :-moz-placeholder { color: #c2c0c0; font-size: 14px; } .search .search-group ::-moz-placeholder { color: #c2c0c0; font-size: 14px; } .search .search-group :-ms-input-placeholder { color: #c2c0c0; font-size: 14px; } /*banner-slide*/ .fullSlide{width: 100%;overflow: hidden;position: relative;} .fullSlide .bd {position: relative;z-index: 0;} .relative{position:relative;} .absolute{position:absolute;} .fullSlide .bd ul{width: 100%} /* #banner{height:510px;} */ .bannerSlide {/* width:100%; */height:500px;overflow:hidden;margin:0 auto;} .bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;/* height:510px; */margin:0 auto;} .bannerSlide .slideBox li {position:relative;width:100%;/* height:500px; */overflow:hidden;} .bannerSlide .slideBox li a {display:block;width:100%;height:100%;position:relative;} .bannerSlide .slideBox li img {position:absolute;left:0;top:0;-webkit-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);/* max-width:100%; height:100%;*/} .bannerSlide .slideBox li.active img {-webkit-transition:-webkit-transform 4s linear 0s;transition:-webkit-transform 4s linear 0s;transition:transform 4s linear 0s;transition:transform 4s linear 0s, -webkit-transform 4s linear 0s;-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);} .bannerSlide .focus {width:100%;bottom:9px;z-index:10;text-align:center;position:absolute;left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);bottom:12px;} .bannerSlide .focus span {zoom: 1;text-align: center;display: inline-block;width: 15px;height: 15px;border-radius: 15px;border: 1px solid #282b29;cursor: pointer;text-indent: -9999px;background: none;margin:0 5px;} .bannerSlide .focus span.active { background: #282b29; cursor: default;} .bannerSlide .preBtn,.bannerSlide .nextBtn{position: absolute;z-index: 3;font-size: 0;cursor: pointer;} .bannerSlide .preBtn{top: 50%;left: 2%;margin-top: -32px;} .bannerSlide .nextBtn{top: 50%;right: 2%;margin-top: -32px;} /*footer*/ .footer * { -webkit-box-sizing: border-box; box-sizing: border-box; } .footer{background: #F42840;position: relative;} .footer .backtop{position: absolute;width: 80px;height: 80px;border-radius: 50%;background: #fff;top: -40px;left: 50%;margin-left: -40px;font-size: 30px;font-weight: bold;text-align: center;padding: 5px;color: #f42840;cursor: pointer;} .footer .backtop span{content: '';display: block;width: 0;height: 0;border: solid transparent;border-width: 13px;border-bottom-color: #f42840;margin: 0 auto;} .footer .contact{border-bottom: 1px solid #EA1D31;padding: 76px 0 56px 0;} .footer .contact .CONTAINER > div{float: left;} .footer .contact .f_logo{ width: 260px;text-align: center;} .footer .contact .f_logo .tel{ display: block; color:#fff; font-size: 18px; margin-top: 30px;} .footer .contact .item{ width: 600px;font-size: 0;text-align: center;margin-left: 40px;} .footer .contact .item a:hover{text-decoration: underline;} .footer .contact .item > div{display: inline-block;vertical-align: top;} .footer .contact .item .item-block img{-webkit-transition: all .5s;transition: all .5s;} .footer .contact .item .item-block:hover img{-webkit-transform: translateY(-20px);transform: translateY(-20px);} .footer .contact .item .item-block h2{margin-top: 18px;font-size: 20px; font-weight: normal;} .footer .contact .item .item-block a{display: inline-block;width: 100%;margin-top: 18px;font-size: 15px;} .footer .contact .item .item-block .item-list{font-size: 0;} .footer .contact .item .item-block{color: #fff;} .footer .contact .item .item-left{width: 166px;border-left: 1px solid #FEF6F7;} .footer .contact .item .item-center{width: 268px;border-left: 1px solid #FEF6F7;border-right: 1px solid #FEF6F7} .footer .contact .item .item-center .item-list {padding: 0 40px;} .footer .contact .item .item-center .item-list a{width: 50%;} .footer .contact .item .item-right{width: 166px;border-right: 1px solid #FEF6F7} .footer .contact .qr-code{ width: 196px;font-size: 15px;text-align: center;color: #fff;margin-left: 70px;margin-top: 15px;} .footer .contact .qr-code p{line-height: 30px;} .footer .tip{text-align: center;font-size: 15px;color: #fff;padding: 10px 0 80px 0;border-top: 1px solid #F9737E} .footer .tip p{line-height: 25px;} /*input-style*/ /* ::-webkit-input-placeholder { color: #0c96cb; font-size: .38rem; } :-moz-placeholder { color: #0c96cb; font-size: .38rem; } ::-moz-placeholder { color: #0c96cb; font-size: .38rem; } :-ms-input-placeholder { color: #0c96cb; font-size: .38rem; } */