*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:"微软雅黑";color:#666;font-size:14px;margin:0 auto}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}table{border-collapse:collapse}.fl{float:left}.fr{float:right}p{margin-bottom:0}ul{list-style:none;margin-bottom:0}select,input{vertical-align:middle}input{padding-top:0;padding-bottom:0;font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,Arial,sans-serif}input[type=submit]{-webkit-appearance:none;outline:none}img{border:0}a{color:#666;text-decoration:none !important;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}a:hover{text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}a:active{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}textarea{resize:none}s,i,em{font-style:normal;text-decoration:none}.container{padding:0;margin:0}.wrap{width:100%;height:100%}html,body{position:relative;height:100%}body{margin:0;padding:0}.wan_index{width:100%;height:100%}.wan_index .swiper-container{width:100%;height:100%}.wan_index .swiper-slide{width:100%;height:100%;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}@-webkit-keyframes imageAnimation{0%{opacity:0;-webkit-animation-timing-function:ease-in}5%{opacity:1;-webkit-animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@-moz-keyframes imageAnimation{0%{opacity:0;-moz-animation-timing-function:ease-in}8%{opacity:1;-moz-animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@-o-keyframes imageAnimation{0%{opacity:0;-o-animation-timing-function:ease-in}8%{opacity:1;-o-animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@-ms-keyframes imageAnimation{0%{opacity:0;-ms-animation-timing-function:ease-in}8%{opacity:1;-ms-animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes imageAnimation{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}.wan_index .wan_index_a{overflow:hidden;position:relative}.wan_index .wan_index_a .cb-slideshow li span{width:100%;height:100%;position:absolute;top:0px;left:0px;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;opacity:0;z-index:0;-webkit-backface-visibility:hidden;-webkit-animation:imageAnimation 36s linear infinite 0s;-moz-animation:imageAnimation 36s linear infinite 0s;-o-animation:imageAnimation 36s linear infinite 0s;-ms-animation:imageAnimation 36s linear infinite 0s;animation:imageAnimation 36s linear infinite 0s}.wan_index .wan_index_a .cb-slideshow li:nth-child(1) span{background-image:url("../images/index_bg.jpg")}.wan_index .wan_index_a .cb-slideshow li:nth-child(2) span{background-image:url("../images/banner_test.jpg");-webkit-animation-delay:6s;-moz-animation-delay:6s;-o-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s}.wan_index .wan_index_a .cb-slideshow li:nth-child(3) span{background-image:url("../images/banner_test1.jpg");-webkit-animation-delay:12s;-moz-animation-delay:12s;-o-animation-delay:12s;-ms-animation-delay:12s;animation-delay:12s}.wan_index .wan_index_a .cb-slideshow li:nth-child(4) span{background-image:url("../images/index_bg.jpg");-webkit-animation-delay:18s;-moz-animation-delay:18s;-o-animation-delay:18s;-ms-animation-delay:18s;animation-delay:18s}.wan_index .wan_index_a .cb-slideshow li:nth-child(5) span{background-image:url("../images/banner_test.jpg");-webkit-animation-delay:24s;-moz-animation-delay:24s;-o-animation-delay:24s;-ms-animation-delay:24s;animation-delay:24s}.wan_index .wan_index_a .cb-slideshow li:nth-child(6) span{background-image:url("../images/banner_test1.jpg");-webkit-animation-delay:30s;-moz-animation-delay:30s;-o-animation-delay:30s;-ms-animation-delay:30s;animation-delay:30s}.wan_index .wan_index_a .index_sharing{position:fixed;left:0;top:40%;margin:auto;z-index:999}.wan_index .wan_index_a .index_sharing .bdsharebuttonbox a{display:block;width:50px;height:50px;background:rgba(0,0,0,0.45);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);text-align:center;line-height:50px;float:inherit;margin-bottom:6px;margin-top:0}.wan_index .wan_index_a .index_sharing .bdsharebuttonbox .index_wx{background:url("../images/shar_wx.png") center center}.wan_index .wan_index_a .index_sharing .bdsharebuttonbox .bds_sqq{background:url("../images/shar_qq.png") center center}.wan_index .wan_index_a .index_sharing .bdsharebuttonbox .bds_tsina{background:url("../images/shar_wb.png") center center}.wan_index .wan_index_a .index_sharing .bdsharebuttonbox .index_fk{background:url("../images/shar_fk.png") center center}.wan_index .wan_index_a .index_word{color:#fff;position:absolute;top:30%;left:9.7%;max-width:672px;z-index:999999}.wan_index .wan_index_a .index_word .index_word_a{font-size:36px}.wan_index .wan_index_a .index_word .index_word_b{width:128px;height:3px;background:#003677;margin-top:30px;margin-bottom:35px}.wan_index .wan_index_a .index_word .index_word_c{width:550px;font-size:14px;line-height:34px}.wan_index .wan_index_a .index_word .index_word_d{margin-top:50px}.wan_index .wan_index_a .index_word .index_word_d a{font-size:14px;color:#fff}.wan_index .wan_index_a .index_word .index_word_d a span{display:inline-block;background:#023c9f;height:35px;line-height:35px}.wan_index .wan_index_a .index_word .index_word_d a span:hover{background:#003677}.wan_index .wan_index_a .index_word .index_word_d a .index_more{width:115px;text-align:center;margin-right:3px}.wan_index .wan_index_a .index_word .index_word_d a .index_more_icon{padding:0 9px}.wan_index .wan_index_a .index_inlet{position:absolute;bottom:10%;left:9.7%;z-index:999}.wan_index .wan_index_a .index_inlet img{vertical-align:bottom;margin-right:8px;width:27%}.wan_index .wan_index_b{overflow:hidden;position:relative}.wan_index .wan_index_b .cb-slideshow li span{width:100%;height:100%;position:absolute;top:0px;left:0px;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;opacity:0;z-index:0;-webkit-backface-visibility:hidden;-webkit-animation:imageAnimation 36s linear infinite 0s;-moz-animation:imageAnimation 36s linear infinite 0s;-o-animation:imageAnimation 36s linear infinite 0s;-ms-animation:imageAnimation 36s linear infinite 0s;animation:imageAnimation 36s linear infinite 0s}.wan_index .wan_index_b .cb-slideshow li:nth-child(1) span{background-image:url("../images/index_bg2.png")}.wan_index .wan_index_b .cb-slideshow li:nth-child(2) span{background-image:url("../images/index_bg2_b.jpg");-webkit-animation-delay:6s;-moz-animation-delay:6s;-o-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s}.wan_index .wan_index_b .cb-slideshow li:nth-child(3) span{background-image:url("../images/index_bg2_c.jpg");-webkit-animation-delay:12s;-moz-animation-delay:12s;-o-animation-delay:12s;-ms-animation-delay:12s;animation-delay:12s}.wan_index .wan_index_b .cb-slideshow li:nth-child(4) span{background-image:url("../images/index_bg2.png");-webkit-animation-delay:18s;-moz-animation-delay:18s;-o-animation-delay:18s;-ms-animation-delay:18s;animation-delay:18s}.wan_index .wan_index_b .cb-slideshow li:nth-child(5) span{background-image:url("../images/index_bg2_b.jpg");-webkit-animation-delay:24s;-moz-animation-delay:24s;-o-animation-delay:24s;-ms-animation-delay:24s;animation-delay:24s}.wan_index .wan_index_b .cb-slideshow li:nth-child(6) span{background-image:url("../images/index_bg2_c.jpg");-webkit-animation-delay:30s;-moz-animation-delay:30s;-o-animation-delay:30s;-ms-animation-delay:30s;animation-delay:30s}.wan_index .wan_index_b .index_group{width:90%;margin:0 auto;z-index:-10}.wan_index .wan_index_b .index_group ul li{width:25%;float:left;position:relative;z-index:111;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.wan_index .wan_index_b .index_group ul li:hover .index_group_b{background:transparent;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.wan_index .wan_index_b .index_group ul li img{width:100%}.wan_index .wan_index_b .index_group ul li .index_group_b{width:100%;height:100%;position:absolute;top:0;z-index:111;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000);text-align:center;color:#fff;padding-top:30%}.wan_index .wan_index_b .index_group ul li .index_group_b .index_group_txt{font-size:24px;margin-bottom:2%}.wan_index .wan_index_b .index_group ul li .index_group_b .index_group_txt_a{font-size:13px;letter-spacing:1px}.index_marathon{display:none;position:fixed;top:0;right:0;z-index:111111}.index_btn1{display:inline-block;width:15px;height:3px;background:#fff;border-radius:20px;margin-left:7px;opacity:0;opacity:0;filter:alpha(opacity=0);cursor:pointer}.index_btn2{display:inline-block;width:15px;height:3px;background:#fff;border-radius:20px;margin-left:7px;opacity:0;opacity:0;filter:alpha(opacity=0);cursor:pointer}.index_mouse{position:fixed;bottom:10%;right:9.7%;z-index:111111;width:60px;height:30px;border:2px solid transparent;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border-radius:20px}.index_mouse:hover{border:2px solid #fff;-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}.index_mouse .bullet-active{opacity:1;filter:alpha(opacity=100)}.index_mouse .swiper-pagination-bullet{width:15px;height:3px;background:#fff;border-radius:20px;margin-left:9px;opacity:0;opacity:0;filter:alpha(opacity=0)}.index_mouse .swiper-pagination-bullet-active{opacity:1;opacity:1;filter:alpha(opacity=100)}.index_mouse img{width:85%;position:relative;top:-10px;cursor:pointer;left:6px}.index_foot{width:500px;position:fixed;text-align:center;bottom:3%;font-size:14px;color:#e5e5e5;z-index:111111;margin:0 auto}.index_foot a{font-size:14px;color:#e5e5e5}.index_foot a:hover{color:#fff}.index_header{background-image: url(../images/in_top_bg.png); top:0;width:100%;height:73px;z-index:111111;font-size: 14px;}.index_header .index_logo{margin-left:9.7%;margin-top:10px}.index_header .index_nav{margin-right:9.7%}.index_header .index_nav .index_nav_ul>li{float:left;height:73px;line-height:73px}.index_header .index_nav .index_nav_ul>li .tag_nav{position:absolute;width:100%;height:65px;background:rgba(0,0,0,0.53);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);line-height:65px;left:0;display:none;z-index:111111}.index_header .index_nav .index_nav_ul>li .tag_nav ul{margin-right:9.7%}.index_header .index_nav .index_nav_ul>li .tag_nav ul li{float:left;padding-left:40px}.index_header .index_nav .index_nav_ul>li .tag_nav ul li a{color:#fff;display:block;text-align:right}.index_header .index_nav .index_nav_ul>li .tag_nav ul li a:hover{color:#003677}.index_header .index_nav .index_nav_ul>li>a{display:block;height:73px;padding:0 20px;color:#000;border-bottom:3px solid transparent}.index_header .index_nav .index_nav_ul>li>a.index_nav_active{color:#003677;border-bottom:3px solid #003677}.index_header .index_nav .index_nav_ul>li>a:hover{color:#e62129;border-bottom:3px solid #e62129}.index_header .index_nav .index_search{margin-top:25px;margin-left:15px;border-right:1px solid #fff;height:21px}.index_header .index_nav .index_search img{vertical-align:-1px;margin-right:10px;height:21px;cursor:pointer}.index_header .index_nav .index_or{margin-top:25px;margin-left:15px}.index_header .index_nav .index_or .index_en{border-right:0}.index_header .index_nav .index_or .index_china{border-left:0}.index_header .index_nav .index_or>a{display:inline-block;float:left;padding:0 3px;color:#e62129;border:2px solid #e62129;font-size:8px}.index_header .index_nav .index_or>a.index_or_active{border:2px solid #e62129;background:#e62129; color:#FFFFFF}.index_header .index_nav .index_or>a:hover{border-color:#e62129;background:#e62129; color:#FFFFFF}.index_search_popover{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8000000,endcolorstr=#c8000000);z-index:11111111;display:none}.index_search_popover #index_search{width:80%;margin:0 auto;margin-top:20%;position:relative}.index_search_popover #index_search .index_search_tc input{width:100%;height:70px;line-height:70px;background:transparent;font-size:36px;padding-left:10px;color:#fff;outline:none}.index_search_popover #index_search .index_search_tc img{position:absolute;top:13px;right:19px;height:45px;cursor:pointer}.index_search_popover .index_close img{position:absolute;width:30px;top:5%;right:5%}.header_zt{display:none;width:100%;height:60px;background:#fff;padding:0 4%;position:fixed;top:0;z-index:999999;border-bottom:1px solid #000}.header_zt .header_zt_logo img{width:20%;margin-top:15px}.search_zt{position:fixed;top:60px;z-index:99999;width:100%;text-align:center;padding:15px 10%;background:#fff}.search_zt .zt_s1{position:relative;width:80%;margin-right:10px}.search_zt .zt_s1 input{width:100%;height:22px;line-height:22px;border:none;border:1px #fff solid;padding-left:15px;background-color:transparent;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;outline:none}.search_zt .zt_s1 img{height:16px;position:absolute;top:3px;right:10px}@media screen and (min-width: 375px) and (max-width: 412px){.search_zt .zt_s1{width:77%}.search_zt .zt_s1 img{width:6%}}.menu-btn{display:block;position:fixed;top:22px;right:4%;width:24px;height:25px;z-index:9999999}.menu-btn>span{display:block;width:24px;height:3px;background:#fff;cursor:pointer;border-radius:3px;margin-left:0}.menu-btn>span:nth-child(1){position:absolute;top:4px}.menu-btn>span:nth-child(2){position:absolute;top:11px}.menu-btn>span:nth-child(3){position:absolute;top:18px}.menu-btn>.span1{background:white;-webkit-animation:span1 .5s alternate;-moz-animation:span1 .5s alternate;animation:span1 .5s alternate;-webkit-transform:translateY(7px) rotateZ(45deg);-moz-transform:translateY(7px) rotateZ(45deg);transform:translateY(7px) rotateZ(45deg)}.menu-btn>.span3{background:white;-webkit-animation:span2 .5s alternate;-moz-animation:span2 .5s alternate;animation:span2 .5s alternate;-webkit-transform:translateY(-7px) rotateZ(-45deg);-moz-transform:translateY(-7px) rotateZ(-45deg);transform:translateY(-7px) rotateZ(-45deg)}.menu-btn>.span1-1{background:#fff;-webkit-animation:span1-1 .5s alternate;-moz-animation:span1-1 .5s alternate;-o-animation:span1-1 .5s alternate;animation:span1-1 .5s alternate;-webkit-transform:translateY(0px) rotateZ(0deg);-moz-transform:translateY(0px) rotateZ(0deg);-ms-transform:translateY(0px) rotateZ(0deg);-o-transform:translateY(0px) rotateZ(0deg);transform:translateY(0px) rotateZ(0deg)}.menu-btn>.span3-1{animation:span3-1 .5s alternate;-webkit-transform:translateY(0px) rotateZ(0deg);-moz-transform:translateY(0px) rotateZ(0deg);-ms-transform:translateY(0px) rotateZ(0deg);-o-transform:translateY(0px) rotateZ(0deg);transform:translateY(0px) rotateZ(0deg);background:#fff}@keyframes span1{0%{transform:translateY(0px) rotateZ(0deg)}10%{transform:translateY(-3px)}70%{transform:translateY(7px)}100%{transform:translateY(7px) rotateZ(45deg);background:#000}}@-webkit-keyframes span1{0%{-webkit-transform:translateY(0px) rotateZ(0deg)}10%{-webkit-transform:translateY(-3px)}70%{-webkit-transform:translateY(7px)}100%{-webkit-transform:translateY(7px) rotateZ(45deg);background:#000}}@-moz-keyframes span1{0%{-moz-transform:translateY(0px) rotateZ(0deg)}10%{-moz-transform:translateY(-3px)}70%{-moz-transform:translateY(7px)}100%{-moz-transform:translateY(7px) rotateZ(45deg);background:#000}}@keyframes span2{0%{transform:translateY(0px) rotateZ(0deg)}10%{transform:translateY(3px)}70%{transform:translateY(-7px)}100%{transform:translateY(-7px) rotateZ(-45deg);background:#000}}@keyframes span2{0%{transform:translateY(0px) rotateZ(0deg)}10%{transform:translateY(3px)}70%{transform:translateY(-7px)}100%{transform:translateY(-7px) rotateZ(-45deg);background:#000}}@-webkit-keyframes span2{0%{-webkit-transform:translateY(0px) rotateZ(0deg)}10%{-webkit-transform:translateY(3px)}70%{-webkit-transform:translateY(-7px)}100%{-webkit-transform:translateY(-7px) rotateZ(-45deg);background:#000}}@keyframes span1-1{0%{transform:translateY(7px) rotateZ(45deg)}10%{transform:translateY(7px)}70%{transform:translateY(-3px)}100%{transform:translateY(0px) rotateZ(0deg);background:#000}}@-webkit-keyframes span1-1{0%{-webkit-transform:translateY(7px) rotateZ(45deg)}10%{-webkit-transform:translateY(7px)}70%{-webkit-transform:translateY(-3px)}100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#000}}@-moz-keyframes span1-1{0%{-moz-transform:translateY(7px) rotateZ(45deg)}10%{-moz-transform:translateY(7px)}70%{-moz-transform:translateY(-3px)}100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#000}}@keyframes span3-1{0%{transform:translateY(-7px) rotateZ(-45deg)}10%{transform:translateY(-7px)}70%{transform:translateY(3px)}100%{transform:translateY(0px) rotateZ(0deg);background:#000}}@-webkit-keyframes span3-1{0%{-webkit-transform:translateY(-7px) rotateZ(-45deg)}10%{-webkit-transform:translateY(-7px)}70%{-webkit-transform:translateY(3px)}100%{-webkit-transform:translateY(0px) rotateZ(0deg);background:#000}}@-moz-keyframes span3-1{0%{-moz-transform:translateY(-7px) rotateZ(-45deg)}10%{-moz-transform:translateY(-7px)}70%{-moz-transform:translateY(3px)}100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#000}}.right-menu{width:100%;height:100%;position:fixed;left:0;top:0;background:#333;z-index:9999997;min-width:320px;overflow:hidden;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.45s;-moz-transition:.45s;transition:.45s}.right-menu>div{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:100px;z-index:1;background:#333;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}.right-menu>div>.menu-ul{height:80%;overflow-x:hidden;overflow-y:scroll}.right-menu>div>.menu-ul>li{width:100%;line-height:2.5em;position:relative;font-size:17px}.right-menu>div>.menu-ul>li>a{border-bottom:1px solid #444;color:white;display:block;opacity:.8;opacity:.8;filter:alpha(opacity=80);width:100%;padding-left:10%}.right-menu>div>.menu-ul>li:hover{opacity:1;opacity:1;filter:alpha(opacity=100)}.right-menu>div>.menu-ul>li>img{width:24px;position:absolute;top:5px;right:10px}.menu-ul .new-ul2{display:block}.menu-ul .new-ul2>p{width:100%;border-bottom:1px solid #444;line-height:2.5em;position:relative;font-size:13px}.menu-ul .new-ul2>p>a{color:white;display:block;opacity:.8;opacity:.8;filter:alpha(opacity=80);width:100%;padding-left:15%}.menu-ul .new-ul2>p>a:hover{opacity:1;opacity:1;filter:alpha(opacity=100)}.right-menu1{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}.search_zt{display:none}.deng1{display:none}@media screen and (min-width: 320px) and (max-width: 885px){.wan_index .wan_index_a .index_word{top:22%}.header{display:none}.header_zt{display:block}.search_zt{display:block}.deng{display:none}.deng1{display:block}}@media screen and (min-width: 320px) and (max-width: 768px){.index_header{display:none}.wan_index .wan_index_a .index_word .index_word_a{font-size:18px}.wan_index .wan_index_a .index_sharing .bdsharebuttonbox .index_wx{background-size:85%}.wan_index .wan_index_a .index_sharing .bdsharebuttonbox .bds_sqq{background-size:85%}.wan_index .wan_index_a .index_sharing .bdsharebuttonbox .bds_tsina{background-size:85%}.wan_index .wan_index_a .index_sharing .bdsharebuttonbox .index_fk{background-size:85%}.wan_index .wan_index_a .index_sharing .bdsharebuttonbox a{width:30px;height:30px}.wan_index .wan_index_b .index_group ul li{width:50%}.wan_index .wan_index_b .index_group ul li .index_group_b .index_group_txt{font-size:18px}.wan_index .wan_index_a .index_inlet img{width:16%}.index_mouse{bottom:7%}.header_zt .header_zt_logo img{width:65%}.header_zt{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000)}.search_zt{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000)}.wan_index .wan_index_a .index_word .index_word_d{margin-top:3%}}@media screen and (min-width: 320px) and (max-width: 478px){.wan_index .wan_index_a .index_word .index_word_c{width:300px;font-size:14px}}@media screen and (min-width: 320px) and (max-width: 374px){.wan_index .wan_index_b .index_group ul li .index_group_b .index_group_txt_a{font-size:12px}.wan_index .wan_index_b .index_group ul li .index_group_b{padding-top:22%}.wan_index .wan_index_a .index_word .index_word_b{margin-top:20px;margin-bottom:20px}.wan_index .wan_index_a .index_word .index_word_c{font-size:12px;line-height:25px;width:250px}.wan_index .wan_index_a .index_word .index_word_d{margin-top:20px}.index_foot{bottom:0;font-size:12px}.search_zt .zt_s1{width:75%}} /*# sourceMappingURL=index.css.map */ /*内页大标题*/ .mainbg{ width:100%; min-width:1200px; } .main{width:1200px;margin:0 auto;/* padding: 60px 0; */} .main > .title{text-align: center;font-size: 30px;color: #e62129;font-weight: bold;} .main > .title span{color: #e62129;padding-left: 10px;} .main > .title p{ font-size: 16px; padding-top: 30px;} .main > .subNav{} .main > .subNav ul{ padding-top:30px; text-align:center;} .main > .subNav ul li{ display:inline;height:35px;line-height:35px;/* border-radius:3px; */margin:0 10px;background: #3a83c4;text-align:center;padding-left: 10px;padding-right: 10px;overflow:hidden; padding-top:10px; padding-bottom:10px;} .main > .subNav ul li:first-child{background: #3a83c4;} .main > .subNav ul li:nth-child(2){background: #28bcd8;} .main > .subNav ul li:nth-child(3){background: #5b94f7;} .main > .subNav ul li:nth-child(4){background: #54bbb6;} .main > .subNav ul li:nth-child(5){background: #88b1fc;} .main > .subNav ul li:nth-child(6){background: #bf9ba2;} .main > .subNav ul li:nth-child(7){background: #84a9d9;} .main > .subNav ul li:nth-child(8){background: #44a2b4;} .main > .subNav ul li a{ color:#FFFFFF} .subNav_on{ background:#fb6300; border-radius:3px; color:#FFF; display:block;} .main > .con{ padding:20px 0;} /* --------------------- 关于 ------------------*/ .about{ width:100%; min-width:1080px;} .about > .title{ width:1080px; margin:0 auto; padding:30px 0; text-align: center; font-size: 30px;} .about > .title span{ color: #fb6300; padding-left: 10px;} .about > .title p{ font-size: 16px; padding-top: 30px;} /*我们是谁*/ .about_who{ width:1080px; margin:0 auto;} .about_who dl{background:url(../images/aboutwho.jpg) no-repeat left center; height: 210px; padding-left: 402px; margin-top:50px; margin-bottom:80px;} .about_who dl dt{ font-size: 30px; color: #ed8742; font-family: "微软雅黑"; font-weight: bold; margin-bottom:15px;} .about_who dl dd{ line-height:28px;} /*我们做什么*/ .about_wedobg{ width: 100%;height: 450px; background: #f4f4f4;} .about_wedo{ width:1080px; min-width:1080px; margin:0 auto; padding:50px 0;} .about_wedo h1{ text-align:center; padding-bottom:10px;} .about_wedo ul{ padding:30px 0;} .about_wedo ul li{ float:left; width:216px; text-align:center;} .about_wedo ul li img{ width:180px; height:140px;} .about_wedo p{ text-align:center;} /*服务客户*/ .about_client{ width:1080px; margin:0 auto; padding:80px 0;} .about_client dl{ background: url(../images/client.jpg) no-repeat 50px center; padding-left:600px;} .about_client dd h1{ font-size: 60px; color: #333; font-weight:bold; height:160px; line-height:160px;} .about_client dd h2{ font-size: 24px; color: #333; height: 50px; line-height: 50px; font-weight:bold;} .about_client dd p{ font-size: 24px; color: #333; height: 50px; line-height: 50px;} /*我们理念*/ .about_ideabg{ width: 100%; background: #f8f8f8;} .about_idea{ width:1080px; margin:0 auto; padding:50px 0; overflow:hidden;} .about_idea h1{ font-size: 30px; color: #ff5d00; font-weight: bold; text-align:center;} .about_idea ul{ width:1140px; padding:50px 0;} .about_idea ul li{ float:left; width:320px; margin-right:60px; height:130px; display:block; color:#FFF; text-align:center;} .about_idea ul li h2{ padding-top:30px;} .about_idea ul li p{ padding-top:10px;} .about_idea h3{ text-align:center; padding-bottom:50px;} .about_idea p{ text-align:center;} /* --------------------- 我们的服务 ------------------*/ .ourService{ width:100%; min-width:1080px;} .ourService > .title{ width:1080px; margin:0 auto; padding:30px 0; text-align: center; font-size: 30px;} .ourService > .title span{ color: #fb6300; padding-left: 10px;} .ourService > .title p{ font-size: 16px; padding-top: 30px;} /**/ .ourServices_conbg{} .ourServices_con{ width:1180px; margin:0px auto; overflow:hidden;} .ourServices_con ul{ width:1200px;} .ourServices_con li{ float:left; width:258px; padding:10px; border:1px dashed #999; margin-right:20px; margin-bottom:50px; line-height:30px;} .service01 a{ background:url(../images/service01.jpg) no-repeat top; padding-top:180px; display:block;} .service01 a:hover{background:url(../images/service01hover.jpg) no-repeat top; padding-top:180px; display:block;} .service02 a{ background:url(../images/service02.jpg) no-repeat top; padding-top:180px; display:block;} .service02 a:hover{background:url(../images/service02hover.jpg) no-repeat top; padding-top:180px; display:block;} .service03 a{ background:url(../images/service03.jpg) no-repeat top; padding-top:180px; display:block;} .service03 a:hover{background:url(../images/service03hover.jpg) no-repeat top; padding-top:180px; display:block;} .service04 a{ background:url(../images/service04.jpg) no-repeat top; padding-top:180px; display:block;} .service04 a:hover{background:url(../images/service04hover.jpg) no-repeat top; padding-top:180px; display:block;} .service05 a{ background:url(../images/service05.jpg) no-repeat top; padding-top:180px; display:block;} .service05 a:hover{background:url(../images/service05hover.jpg) no-repeat top; padding-top:180px; display:block;} .service06 a{ background:url(../images/service06.jpg) no-repeat top; padding-top:180px; display:block;} .service06 a:hover{background:url(../images/service06hover.jpg) no-repeat top; padding-top:180px; display:block;} .service07 a{ background:url(../images/service07.jpg) no-repeat top; padding-top:180px; display:block;} .service07 a:hover{background:url(../images/service07hover.jpg) no-repeat top; padding-top:180px; display:block;} .service08 a{ background:url(../images/service08.jpg) no-repeat top; padding-top:180px; display:block;} .service08 a:hover{background:url(../images/service08hover.jpg) no-repeat top; padding-top:180px; display:block;} /**/ .ourService_processbg{width: 100%; background: #f8f8f8;} .ourService_process{ width:1080px; margin:0 auto; padding:50px 0;} .ourService_process h1{ text-align:center;} .ourService_process p{ text-align:center;} /*Banner*/ .banner{position:relative;height:500px; width:100%;} .slides{position:relative;z-index:1;width:100%;} .slides li{height:580px;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 5px;*display:inline;zoom:1;border-radius: 50%;} .flex-control-nav a{display:inline-block;width:15px;height:15px;overflow:hidden;background:#fff;cursor:pointer;font-size:0;border-radius: 50%} .flex-control-nav .flex-active{background:#e45000;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev_icon.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next_icon.png) center center no-repeat;} .flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;} #lyg_sub_banner {height:265px;overflow:hidden;text-align:center;} #lyg_sub_banner img{width:100%;} #lyg_sub_banner a{width:100%;} .shopmrsc:hover { background-color: #f9f9f9; } .shopmrsc { border-bottom: #efefef solid 1px; overflow: hidden; padding: 15px 5px; } .shopmrsc a { float: left; display: block; height: 135px; text-decoration: none; position: relative; padding-left:30px; } .shopmrsc a:hover { } .xwlb_img { float:left; margin-right: 15px; width: 205px!important; height: 135px!important; background-color:#DBD9DA; } .xwlb_img img { width: 205px!important; height: 135px!important; display: table-cell; } .shopmrsc p { font-size: 16px; font-weight: bold; overflow: hidden; text-align: left; margin: 0 auto; border-bottom: none; } .shopmrsc p.xwlbbt { font-size: 16px; font-family: "Microsoft YaHei"; font-weight: normal; color:#e62129 } .shopmrsc p.xwlbnr { font-size: 14px; font-weight: normal; #height: 50px; line-height: 24px; margin-top: 20px; color: #999; } .shopmrsc p.xwlbsj { font-size: 14px; font-weight: normal; color: #787878; position: absolute; line-height: 20px; bottom: 0; } /* -------------------- 新闻详细 ----------------*/ .newsInfo{} .newsInfo_title{padding: 10px 20px; border-bottom: 1px solid #e62129;} .newsInfo_title h1{text-align: center; font-size: 26px; color:#e62129} .newsInfo_title p{font-size: 12px; text-align: center; padding: 10px 0;} .newsInfo_title p span{padding: 0 10px; } .newsInfo_con{font-size: 14px; line-height: 30px; padding: 20px 0;} .newsInfo_con p{margin: 10px 0;font-size: 16px;text-indent: 2rem;} .newsInfo_con img{max-width: 100%;padding: 15px;} .tag{padding: 20px 0;} .newsInfo ul{} .newsInfo ul li{line-height: 36px; text-align: left;} .footer{ height:60px; width:100%;clear:both;background-color: #e62129; } .footer .t_linkb{height: 150px;width: 1144px;margin:0 auto;position:relative;text-align:left;} .index_foota{width:1200px;text-align:left; padding-top:20px; height:60px;font-size:14px;color:#e5e5e5;z-index:111111;margin:0 auto} /* -------------------- 客户案例列表 --------------*/ .picList{ width:100%; padding:50px 0 30px 0 !important; overflow:hidden;} .picList ul{ width:1110px; } .picList ul li{ float:left; width:340px; margin-right:30px; margin-bottom:30px;} .picList ul li img{ width:100%;} .contact_kefu { height: 45px; background: #f5f5f5; line-height: 45px; width: 100%; text-align: center;} .contact_kefu a { display: block; color: #999; text-decoration: none;} .wp-pagenavi {CLEAR: both} .wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none} .wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none} .wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000} .wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000} .wp-pagenavi SPAN.current {FONT-WEIGHT: bold} .pro_name{line-height:30px;width: 60%;margin:0 auto;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;background-color:#e62129;border-radius: 20px;color:#FFFFFF;} .pro_name a{font-size:16px; text-align:center; color:#FFFFFF} .pro_one_box{border:solid 1px #ccc; width:270px !important; height:274px!important; margin:6px; padding:8px;} .pro_one_box img{border:none !important;} .pro_one_box:hover .pro_name a{color:#fff;} .pro_one_box:hover .pro_pic{-webkit-animation: test 0.3s ease-in 2;} #bodycontent {width:1200px; margin: 0 auto; line-height:180%;text-align:center;} .clearfix{ /*兼容 IE*/ zoom: 1; } /* -------------------- 客户案例详情 --------------*/ .photobg{background: #eee;min-width:1080px;} .photo{width:1080px; margin:0 auto;} .photo_title{padding: 50px 0; text-align: center; font-size: 28px; font-weight: bold;} .photo_title dl{} .photo_title dl dt{font-size: 28px;} .photo_title dl dd{} .photo_title dl dd h1{font-size: 12px; font-weight: normal; padding: 15px 0; line-height: 28px; padding: 15px 10%;} .photo_title dl dd p{padding: 15px 0; font-size: 12px;} .photo_title dl dd p span a{margin: 0 15px; width: 100px; height: 30px; text-align: center; line-height: 30px; display: inline-block; background: #e4392a; border-radius: 3px; color: #FFF; text-decoration: none;} .photo_con{text-align: center;} .photo_con img{max-width:100%;} /*相关案例*/ .otherPhoto{ width:1080px; margin:0 auto;} .otherPhoto_title{ text-align:left; font-size:16px; line-height:50px; height:50px; border-bottom:1px solid #CCC; text-indent:20px;} .otherPhoto_con{} /*案例滚动*/ #tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;} #tFocus{width: 1000px;background:#fff;overflow:hidden;margin:auto} #tFocus .active{width:133px;} #tFocus-pic{width: 1000px;height:500px;position:relative;z-index:0;margin-top: 20px; } #tFocus-pic li{width:100%; text-align: center; height:100%;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;} #tFocus-pic li img{ max-height:500px; } #tFocusBtn{margin-top:10px;z-index:20;overflow:hidden; background:#fff;width:860px;margin:auto} #tFocus-btn{width:740px;height:110px;position:relative;left:0;bottom:0;overflow:hidden;float:left;margin-right:3px;} #tFocus-btn ul{width: 1000px;position:absolute;left:0;top:0;/* margin-left:-40px; */} #tFocus-btn li{padding-top:3px;display:block;float:left;margin-right:5px;} #tFocus-btn li img{border:2px solid #dddddd} #tFocus-btn li.active{background-position:-448px -100px;} #tFocus-btn li.active img{border:2px solid #40b9e5} #tFocus-leftbtn,#tFocus-rightbtn{height:40px;margin-top:35px;width:15px;float:left;text-indent:-9999px;margin-left:15px; margin-right:15px;} #tFocus-leftbtn{DISPLAY: block; BACKGROUND: url(/images/al_xq_left.png) no-repeat center; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 45px; TEXT-INDENT: -9999em; HEIGHT: 30px; outline: none; float: left; margin-top: 40px; margin-left: 13px; } #tFocus-rightbtn{ DISPLAY: block; BACKGROUND: url(/images/al_xq_right.png) no-repeat center; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 45px; TEXT-INDENT: -9999em; HEIGHT: 30px; outline: none; float: left; margin-top: 40px; } .smallpicarea_left, .smallpicarea_right { width: 131px; margin-top: 3px; text-align: center; color: #666666; } .smallpicarea_left { float: left; } .smallpicarea_right { float: right; } #tFocus .next,#tFocus .prev{ display: block; position: absolute; z-index: 1; top: 226px; margin-top: -30px; left: 5%; z-index:999; width: 40px; height: 60px; background: url(/images/slider-arrow.png) -126px -137px #e62129 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } #tFocus .prev{ } #tFocus .next{ left: auto; right: 5%; background-position: -6px -137px; } /*案例滚动结束*/ .padding-big { padding: 20px } .container { width: 1200px } .xb3 { width: 33.3%; float:left; } .xb5 { width: 20%; float:left; } .proitem { padding: 10px; overflow: hidden; margin-bottom: 0px; } .proitem img { width: 95%; transition: all 0.3s; padding: 10px; box-shadow: 2px 2px 2px 2px #dcdada; } .proitem .protext { text-align: center; padding: 0px 10px 10px 10px; background: #14c15e; color: #fff } .pro h1.s1, .pro h2.s1 { color: #fff; } .lianxi_l { float: left; width: 420px; overflow: hidden; } .lianxi_lm { overflow: hidden; margin-top: 40px; border-left: solid 5px #e62129; font-size: 26px; line-height: 30px; padding-left: 20px; margin-bottom: 18px; } .lianxi_len { overflow: hidden; border-left: solid 5px #2b3e9d; padding-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0067d0; font-style: italic; line-height: 22px; margin-bottom: 20px; } .lianxi_ld_l { overflow: hidden; padding: 10px 0px; padding-left: 30px; } .ld_i { float: left; width: 56px; } .ld_i img { width: 56px; } .ld_l { float: left; padding-left: 18px; font-size: 14px; color: #666; line-height: 25px; width: 300px; } .ld_l span { font-size: 18px; color: #333; } .ld_l a { font-size: 14px; color: #666; } .lianxi_r { float: right; width: 780px; overflow: hidden; background: #eaeaea; padding: 46px; height: 511px; } .lianxi_rm { overflow: hidden; margin-top: -10px; } .lianxi_rm_en { float: left; color: #e62129; font-family: Arial, Helvetica, sans-serif; font-size: 45px; line-height: 50px; font-weight: bold; } .lianxi_rm_m { float: left; margin-left: 10px; border-top: solid 3px #e62129; font-size: 20px; line-height: 40px; margin-top: 10px; } .lianxi_rd { overflow: hidden; margin-top: 15px; border: solid 1px #ccc; } .lianxi { width: 1200px; margin: 0 auto; overflow: hidden; background: #f2f2f2; margin-top: 10px; margin-bottom: 10px; } .banner{width:100%; height:500px; overflow:hidden;} .bannerc{width:100%; height:500px; margin:0px auto;} .bannerc #full-screen-slider { width:100%; height:500px; text-align:left;position:relative;} .bannerc #slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative;} .bannerc #slides li { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:absolute;} .bannerc #slides li a { display:block; width:100%; height:500px; text-indent:-9999px} .bannerc #pagination { display:block; list-style:none; position:absolute; left:29%; top:420px; z-index:9900; padding:0px; margin:0; cursor:pointer;} .bannerc #pagination li { display:block; list-style:none; width:35px; height:4px; float:left; margin-left:8px; border-radius:0px; background:#000000; } .bannerc #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} .bannerc #pagination li.current {background:#e62129;} .fenye {padding:25px 3px;margin:3px;text-align:center;} .fenye a{border:1px solid #D9D9D9;padding:9px 15px;text-decoration:none;margin:0 2px;} .fenye span{border:1px solid #D9D9D9;padding:9px 15px;text-decoration:none;margin:0 2px;} .fenye a:hover{border:1px solid #D9D9D9;} .fenye a:active {border:1px solid #D9D9D9;} .fenye .current {border:1px solid #e66200;padding:9px 15px;background:#e66200;font-weight:bold;margin:0 2px;color:#FFF;} .fenye .disabled{border:1px solid #D9D9D9;padding:9px 15px;color:#9D9D9D999;margin:0 2px;}