/*棣栭〉*/ /*.fer input{font-family: "瀹嬩綋";}*/ .calibiri{font-family: 'Microsoft YaHei',"寰蒋闆呴粦","Arial";} img{ max-width: 100%;} .header{ width:100%; background:url(../images/banner.jpg) no-repeat center center; position:relative; overflow:hidden;background-size: 100% 100%; height: auto;} .logo{ width:251px; display:block; position:absolute; left:7.03%; top:77px;} .headb{ /*width:77.083%;*/ margin:auto; padding-top:21.85%;padding-bottom: 15.723%;} .headbl{ width:43.708%; margin-left:9.781%; float:left;} .headbr{ width:30.052%; margin-right:12.24%; float:right;} .headbl h2 a{ color: #fff;} .headbl p a{ color: #fff;} .headbl h2{ font-size:72px; color:#ffffff; line-height:89px; margin-bottom:19px; font-weight:normal;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .headbl p{ font-size:21px; line-height:30px; color:#FFF;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .nav{ width:385px; position:absolute; right:6.927%; top:57px;} .nap{ text-align:right; font-size:17px;color:#eff4f9; height:27px; overflow:hidden;} .nap a{ color:#eff4f9;} .fer{ margin-right:14px; margin-left:29px; vertical-align:-8px; cursor:pointer; display:inline-block; *display:inline; *zoom:1; width:16px; height:27px; background:url(../images/srh.png) no-repeat right center; position:relative;} .fer span{width:0px; height:27px; background:url(../images/srh_o.png) no-repeat #FFF; border-radius:15px; overflow:hidden; position:absolute; right:0px; top:0px; z-index:5;} .fer span img{ float:left; margin-top:5px;} .fer input{ width:173px; height:27px; outline:none; float:left; text-indent:10px;} .navb{ width:520px; margin-left:-40px; margin-top:28px;} .navb>li{ float:left; position:relative; font-size:21px; width:100px; height:30px; margin-left:1px;} .navb>li:last-child .snav{ left:-132px;} .navb>li a{ display:block; width:100px; height:28px; color:#ffffff; text-align:center;} .act>a{ border:1px solid #4da3e5;} .snav{position:absolute; z-index:2; left:0px; top:30px; display:none; padding-top:6px; } .snav ul{border:1px solid #5e9dd7; overflow:hidden; width:185px; } .snav li{ float:left; width:90px; height:90px; background:url(../images/bg1.png) repeat; margin-bottom:3px; font-size:14px;} .snav li:hover{ background:url(../images/bg2.png) repeat;} .snav li img{ display:block; margin:19px auto 12px;} .snav li:nth-child(odd){ margin-right:5px;} .snav li:last-child,.snav li:nth-last-child(2){ margin-bottom:0px;} .snav li a{ display:block; width:90px; height:90px; color:#eaf0f4; text-align:center; overflow:hidden;} .inpro{ overflow:hidden;} .inpb{ display:block; width:99%; float:left;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .inpb img{ display:block; width:100%;} .name{height:186px; background:url(../images/bg3.png) no-repeat; padding-left:8.9%; overflow:hidden; color:#ffffff;} .name h3{font-size:35px; line-height:48px; margin-top:43px; margin-bottom: 5px; opacity:0; -webkit-opacity:0; -moz-opacity:0; font-weight:normal;*opacity:1;} .name p{font-size:24px; line-height:25px;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .spe{ margin:0 0.5%;} .main{ padding-top:9%; padding-bottom:10%;} .mali{ width:85.2%; margin:auto; overflow:hidden;} .mali li{ height: 370px; position: relative; float:left; background-color:#fbfbfb; width:17.2%; margin-bottom:30px; margin-left:3.5%;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .mali li img{ display:block; width:100%;} .mali li:first-child{ margin-left:0px;} .lip1{line-height: 28px;font-size: 16px;color: #fff;padding: 22px 15px;height: 115px;overflow: hidden; background-color: #00acbd} .tna{ z-index: 99; background-color: #f7f7f7; /*box-shadow: 0 -15px 15px #f7f7f7; */ position: absolute; bottom: 0; left: 0; width: 100%; text-align:center;border-top:1px solid #eeeeee; height:40px; line-height: 40px; font-size:18px; color:#949494; } .tna span{ color:#ff0000; margin-right:17px;} .bottom{ border-top:1px solid #949494; padding:0 6.354% 40px; overflow:hidden;} .bop{ margin-top:50px; font-size:24px; color:#5f5e5e; margin-bottom:100px;} .bop a{ color:#5f5e5e;} .bop span{ margin:0 24px;} .img2{ display:none;} .lx a{ margin-left:16px;} .lx a:hover .img2{display:inline-block; *display:inline; *zoom:1;} .lx a:hover .img1{ display:none;} .lx a:hover .spmf ul li img{ display:none;} .bop1{ font-size:24px; color:#6a6a6a; margin-bottom:28px;} .bop2{ /*font-family:'Adobe 榛戜綋 Std';*/ color:#757575; line-height:13px; margin-top:10px;} .bop3{ /*font-family:'Adobe 榛戜綋 Std';*/ color:#a6a6a6; line-height:19px;} .top{ width:52px; height:52px; background:url(../images/top.png) no-repeat; position:fixed; right:2%; bottom:5%; cursor:pointer;} .head_m{ height:59px; background-color:#ffffff; display:none;} .logo_m {width: 100px;height: 38px; margin-top: 11px;margin-left: 16px;display: block;background: url(../images/logo_m.png) no-repeat;background-size: contain;} .nav_m>span{ width:85px; height:59px; background:url(../images/snav.png) no-repeat center center,url(../images/bor.jpg) left center no-repeat; cursor:pointer; display:block;} .choi_m{ position:fixed; left:0px; top:0px; width:0%; z-index:99; overflow:hidden; height:100%; background-color:#313131;} .choit{ height:59px; background-color:#272727;} .close{ width:85px; height:59px; background:url(../images/close.png) no-repeat center center,url(../images/bor1.jpg) left center no-repeat; float:right; cursor:pointer;} .onef{ overflow:hidden; position:absolute; left:0px; top:59px; width:100%;} .onef li{ height:69px; line-height:69px;font-size:24px;} .onef li a{ display:block; color:#ffffff; padding-left:9.06%;} .onef li:hover a{ background-color:#3190df;} .onef li img{ float:right; margin-right:8.125%; margin-top:25px;} .on2{} .sc a,.cp a{ cursor:pointer;} .front{ width:85px; height:59px; background:url(../images/p1.png) no-repeat center center,url(../images/bor1.jpg) right center no-repeat; float:left; cursor:pointer; margin-left:-104px;} .chm1{ font-size:40px; color:#ffffff; line-height:128px; padding-left:9.0625%;} .nav_mx{ display:none; position: absolute;height: 90%; overflow-y: scroll; left: 0; top: 59px; width: 100%;} .nav_mx li{ line-height:69px; font-size:24px;} .nav_mx li:hover{ background-color:#222222;} .nav_mx li a{ padding-left:12.187%; color:#ffffff; display:block; height:69px;} .nav_mx li img{ vertical-align:-4px; margin-right:4.06%;} .nav_pro{ display:none; position: absolute;height: 90%; overflow-y: scroll; left: 0; top: 59px; width: 100%;} .nav_pro li{ line-height:69px; font-size:24px;} .nav_pro li:hover{ background-color:#222222;} .nav_pro li a{ padding-left:12.187%; color:#ffffff; display:block; height:69px;} .nav_ab{ display:none; position: absolute;height: 90%; overflow-y: scroll; left: 0; top: 59px; width: 100%;} .nav_ab li{ line-height:69px; font-size:24px;} .nav_ab li:hover{ background-color:#222222;} .nav_ab li a{ padding-left:12.187%; color:#ffffff; display:block; height:69px;} .nav_more{ display:none; position: absolute;height: 90%; overflow-y: scroll; left: 0; top: 59px; width: 100%;} .nav_more li{ line-height:69px; font-size:24px;} .nav_more li:hover{ background-color:#222222;} .nav_more li a{ padding-left:12.187%; color:#ffffff; display:block; height:69px;} .nav_zhao{ display:none; position: absolute;height: 90%; overflow-y: scroll; left: 0; top: 59px; width: 100%;} .nav_zhao li{ line-height:69px; font-size:24px;} .nav_zhao li:hover{ background-color:#222222;} .nav_zhao li a{ padding-left:12.187%; color:#ffffff; display:block; height:69px;} /*160509*/ .snap li{ background-image:none !important; background-color:#FFF; border:1px solid #eeeeee; margin-bottom:0px;} .snap li:hover{ background-image:none !important; background-color:#eeeeee;} .snap li a{ color:#898989 !important;} .snap ul{ width:184px !important;} .snap li:nth-child(odd){ margin-right:0px !important;} /*banner璺宠浆椤?/ .headerb{ width:100%; height:221px; background:url(../images/ba.jpg) no-repeat; position:relative; left:0px; top:0px; z-index:99;} .section{ max-height:900px; position:relative;} .section>a>img,.section>img{ display:block; width:100%;} .jump{ position:fixed; right:43px; width:14px; top:50%; margin-top:-124px;} .jump a{ width:14px; height:14px; background:url(../images/on.png) no-repeat; display:block; cursor:pointer; margin-bottom:22px; border-radius:50%; -webkit-border-radius:50%;} .on3{ background-color:#ffffff !important;} /*浜у搧鎸囧崡*/ .guide{ width:100%; background:url(../images/guide.jpg) no-repeat center center; height:1300px; position:relative; overflow:hidden;} .searchk.guide{ height: 700px;} .tnav{ position:absolute; left:5.52%; top:29.36%;} .tnav>a{ font-size:24px; color:#ffffff; float:left; display:block;} .pro{ float:left;font-size:24px; color:#ffffff; cursor:pointer; position:relative} .pro>span>img{ margin-left:14px; vertical-align:-3px;} .bor{ width:2px; height:26px; background-color:#ffffff; display:block; margin-left:21px; margin-right:31px; float:left; margin-top:4px;} .guid{ position:absolute; left:0px; top:51px; width:152px; border:1px solid #d9e4ef; border-radius:8px; -webkit-border-radius:8px; padding-top:15px; padding-bottom:8px; background:url(../images/bg6.png) repeat; display:none; z-index:99;} .guid ul li{ margin-bottom:12px;} .guid ul li a{ height:27px; display:block; line-height:27px; font-size:18px; padding-left:15px; color:#0c3b7a;} .guid li a:hover{ background-color:#d9e4ef;} .ide{ margin-top:28.386%; padding-bottom:8%;} .shop_hk{ width:74.5%; position:relative; float:right; margin-right:4.75%;} .shop_hk .picScroll{ position:relative; width:100%; overflow:hidden;} .shop_hk .prev{ display:block; position:absolute; left:-5.75%; width:15px; height:25px; top:8%; background:url(../images/left.png) no-repeat; z-index:99;} .shop_hk .next{ display:block; position:absolute; right:-5.75%; width:15px; height:25px; top:8%; background:url(../images/right.png) no-repeat; z-index:99;} .shop_hk .picScroll ul{ overflow:hidden; zoom:1; width:100%; } .shop_hk .picScroll ul li{ width:25%; position:relative; float: left; margin-left:-2px;} .lit{ border-radius:8px; -webkit-border-radius:8px; display:block; width:78%; overflow:hidden; padding-bottom:2px; margin:auto;} .lit:hover{background:url(../images/bg6.png) repeat;} .shop_hk .picScroll ul li a{ display:block; width:100%;} .lit img{ display:block; margin:10% auto 0; width:67%;} .shop_hk1 .lit img{ width: 120%; margin:auto ; } .shop_hk1 .lit{ margin: auto;} .selector .lit img{ margin: auto; width: auto;} .selector .lit {width: auto;} .selector .chobf li{ margin: auto;} .shop_hk .picScroll ul li:hover{ } .lip2{ text-align:center; font-size:23px; line-height:35px; color:#ffffff;} .lip3{ font-size:15px; text-decoration:underline; color:#f4f7fa; text-align:center; margin-top:7%;} .detab{ width:100%; border-collapse:collapse; margin-top:4%;table-layout: fixed;} .detab tr td{ width:20%; border:1px solid #a4d3ff; text-align:center; height:58px; font-size:15px; color:#FFF;} .td{ font-size:20px !important; color:#ffffff !important; font-weight: normal;} /*.sp td{ background:url(../images/bg6.png) repeat;}*/ .shop_hk1{ width:81%; position:relative; display:none; margin:auto; float:right;} .shop_hk1 .picScroll1{ position:relative; width:100%; overflow:hidden;} .shop_hk1 .prev1{ display: block; position: absolute;left:-19.25%;width: 15px;height: 25px;top: 8%;background: url(../images/left.png) no-repeat;z-index: 99;} .shop_hk1 .next1{ display:block; position:absolute; right: 0%; width:15px; height:25px; top:8%; background:url(../images/right.png) no-repeat; z-index:99;} .shop_hk1 .picScroll1 ul{ overflow:hidden; zoom:1; width:100%; } .shop_hk1 .picScroll1 ul li{ width:50%; position:relative; float:left; margin-left:-2px;} .shop_hk1 .picScroll1 ul li a{ display:block; width:100%;} /*浜у搧璇︽儏*/ .peode{ background:url(../images/bg7.jpg) no-repeat center center; overflow:hidden;height:auto; background-size:100% 100%;} .detb{ text-align:center; margin-top:21.5%;} .detb img{ display:block; margin:auto;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent) , to(rgba(250, 250, 250, 0.1)));width:23.34%;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .detb h2{ font-size:55px; font-weight:normal; color:#ffffff; line-height:54px; margin-top:114px; margin-bottom:32px;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .detb p{ font-size:48px; color:#ffffff; margin-bottom:5.05%; margin-top:5.5%;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .bor1{ width:100%; height:4px; background:url(../images/bor2.jpg) no-repeat center center; background-size: 100%;} .tnav1{ position:fixed; left:4.54%; z-index:99; top:10%; display:none; background-size:contain;} .tnav1>a{ font-size:24px; color:#ffffff; float:left; display:block;} .tnav1>a>img{ margin-left:24px; vertical-align:2px;} .detail{ background:url(../images/bg8.jpg) repeat; overflow:hidden;} .de1{text-align:center; padding:8.61% 0;} .dep3{ font-size:35px; color:#c8e1f4; font-weight:normal; margin-bottom:3.65%; letter-spacing:8px; padding-left:8px;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .de1 img{ display:block; margin:auto;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .shp{ width:1330px; margin:8.61% auto 0; overflow:hidden;} .shp li{ width:378px; float:left; text-align:left; margin-bottom:30px;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1; padding:0 32px;/* min-height:620px;*/} /*.shp li:nth-child(3n){ margin-right:0px;}*/ .shp li h2{ font-size:30px; font-weight:normal; color:#ffffff; line-height:27px; margin-bottom:32px;} .shp li p{ line-height:28px; font-size:22px; color:#e7e7e7; margin-bottom:30px;} .de2{ padding-top:8.61%;} .dep4{ font-size:35px; color:#FFF; /*font-weight:bold;*/ letter-spacing:10px; padding-left:10px; text-align:center;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .de2>img{ display:block; width:100%; margin-bottom:10px;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .de3{ padding:3.61% 0 3.61%;} .game{ text-align: center; width:72.34%; margin:0 auto 5.7%; overflow:hidden;} .game li{ width:20%; display: inline-block; opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1; margin: 0 2%;} .game li:last-child{ margin-right:0px;} .game li img{ display:block; width:100%;} .game li p{ font-size:25px; text-align:center; color:#ffffff; margin-top:15%;} .more{ width:480px; height:65px; line-height:65px; text-align:center; background-color:#ffffff; border-radius:10px; -webkit-border-radius:10xp; font-size:27px; color:#0054a8; display:block; margin:auto; letter-spacing:1px;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .sn{ margin-bottom:21% !important;} .fan{ width:1200px; margin:0 auto 8%;} .fan li{ font-size:26px; color:#ffffff; background:url(../images/radio.png) no-repeat; background-position:0 15px; margin-bottom:4%; padding-left:3.5%;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} /*鏂伴椈*/ .news{ height:250px; width:100%; overflow:hidden; background:url(../images/new.jpg) no-repeat center center;} .tnav2{ position:fixed; left:4.54%; z-index:99; top:10%; color:#0c3b7a; display:none;} .tnav2>a{ font-size:24px; color:#0c3b7a; float:left; display:block;} .tnav2>a>img{ margin-left:24px; vertical-align:2px;} .pro1{ float:left;font-size:24px; color:#0c3b7a; cursor:pointer; position:relative} .pro1>span>img{ margin-left:14px; vertical-align:-3px;} .guid1{ position:absolute; left:0px; top:51px; width:152px; border:1px solid #348cff; border-radius:8px; -webkit-border-radius:8px; padding-top:15px; padding-bottom:8px; background:url(../images/bg7.png) repeat; display:none; z-index:99;} .guid1 ul li{ margin-bottom:12px;} .guid1 ul li a{ height:27px; display:block; line-height:27px; font-size:18px; padding-left:15px; color:#0c3b7a;} .guid1 li a:hover{ background-color:#f4f8fd;} .newsb{ padding-top:55px; background-color:#f3f3f3; padding-bottom:72px;} .newsb ul{ overflow:hidden; padding-bottom:5%;} .newsb ul li{ height: 460px; position: relative; width:31.41%; position:relative; background-color:#f7f7f7; border-bottom:4px solid #d2d2d2; float:left; margin-right:2.817%; margin-bottom:3.7%;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .newsb ul li:nth-child(3n){ margin-right:0px;} .newsb ul li img{ display:block; width:100%;} .sp3{ line-height:30px; color:#fff; padding:0 5.3%; font-size:24px; height: 90px; padding-top:9.5%; background-color: #00acbd;} .sp4{ /*box-shadow: 0 -15px 15px #f7f7f7;*/ position: absolute; left: 0;bottom: 0; padding-left: 4.5%; width: 95.5%; background-color: #f7f7f7; z-index: 99; height: 10%; font-size:15px; color:#9f9e9e; } .newsb ul li:hover{ background-color:#ffffff;} .newsb ul li:hover .img4 span{ background:url(../images/shh.png) no-repeat;} .more1{ width:149px; height:44px; line-height:44px; text-align:center; display:block; margin:auto; font-size:18px; background-color:#777a7d; color:#ffffff; border-radius:5px; -webkit-border-radius:5px;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .more1 img{ margin-left:16px; vertical-align:-2px;} .bord {height: 50px; padding-top: 59%; padding-bottom: 25%;} .img4{ position:relative;} .img4 span{ background:url(../images/shn.png) no-repeat; width:100%; display:block; position:absolute; left:0px; bottom:0px; z-index:2; height:19px;} /*鏂伴椈璇︽儏椤?/ .newd{ padding-top:5.5%;} .newd .h2{ font-size:50px; line-height:55px; color:#343434; margin-bottom:4%; font-weight:normal;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .newd .h3{ font-size:25px; color:#9c9c9c; line-height:29px; font-weight:normal;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .ned{ border-top:2px solid #d6d6d6; padding-top:8.3%; margin-top:6.74%; padding-bottom:20.09%;} .newd p{/* line-height:25px; */color:#676666; font-size:18px; opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .newd{ line-height:25px; color:#676666; font-size:18px; } /*.ned>p>img{ display:block;}*/ .return{ width:149px; height:44px; border-radius:3px; -webkit-border-radius:3px; display:block; margin:auto; background-color:#777a7d; line-height:44px; text-align:center; font-size:18px; color:#ffffff;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .return img{ margin-left:22px;} /*鍏充簬*/ .abt{ height:250px; background:url(../images/about.jpg) no-repeat center center; box-shadow:0 10px 15px #999597; -webkit-box-shadow:0 5px 15px #999597; background-size: cover;} .about{ margin-top:9px; background-color:#FFF;} .about h2{ line-height:155px; text-align:center; font-size:40px; color:#2c2c2c; padding-left:10px; letter-spacing:10px;font-weight:normal;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .about p{ line-height:29px; color:#4e4e4e; width:93%; display:block; margin:auto;/* text-indent:2em;*/ font-size:21px; letter-spacing:5px; margin-bottom:18px;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .imgs{ overflow:hidden; padding-bottom:80px; margin-top:60px;} .imgs li{ float:left; width:32.25%; margin-right:1.625%; margin-bottom:1.625%;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .imgs li:nth-child(3n){ margin-right:0px;} .imgs li img{ display:block; width:100%;} .bord1{ padding-top:18.2%; padding-bottom:25%;} .main1{ padding-top:9%; padding-bottom:10%;} .bap{ font-size:40px; color:#868686; width:85.2%; margin:0 auto 70px;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} /*甯傚満鍒嗙被*/ .nd{ position:absolute; left:0px; top:50%; z-index:2; left:50%; margin-left:-31.25%; width:62.5%; margin-top:-8.62%} .ndp{ font-size:36px; color:#ffffff; line-height:47px; border-bottom:1px solid #ffffff; display:block; width:180px; text-align: center;} .mar{ margin-top:6.334%;} .mar li{ width:14.58%; display:inline-block; *display:inline; *zoom:1; font-size:18px; text-align:center; padding-bottom:1.428%; margin-right:12.893%; border-radius:8px; -webkit-border-radius:8px;} .mar li:nth-child(4n){ margin-right:0px;} .mar li img{ margin-top:18.28%; margin-bottom:11.428%;} .mar li a{ display:block; color:#FFF;} .mar li p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .mar li:hover{ background:url(../images/bg8.png) repeat;} #nd4{ margin-top:-10.62%;} .ndp a{ color:#FFF;} .mar_m{ background-color:#2b2b2b; overflow:hidden;} .mar1{margin: 7% auto;width: 95%; display:none;} .mar1 li{ vertical-align: top; width:22.58%; display:inline-block; *display:inline; *zoom:1; font-size:18px; text-align:center; padding-bottom:1.428%; margin-right:2.893%; border-radius:8px; -webkit-border-radius:8px;} .mar1 li:nth-child(4n){ margin-right:0px;} .mar1 li img{ margin-top:18.28%; margin-bottom:11.428%; width:60%;} .mar1 li a{ display:block; color:#FFF;} .mar1 li:hover{ background:url(../images/bg8.png) repeat;} .mar1 li p{display:block;} /*涓撻*/ .speci{ background:url(../images/spe5.jpg) no-repeat center center; overflow:hidden;height:auto; background-size:100% 110%; padding-top:42.8%; padding-bottom:5%;} .bord2{ padding-top:38.7%; padding-bottom:25%;} .spmt{} .spmt p{ text-align:center; font-size:100px; color:#3cbcff;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .spmt p img{ margin-right:32px; vertical-align:-10px; width:7%;} .spmm{ height:1216px; background:url(../images/spe6.jpg) no-repeat center center; overflow:hidden;} .spmm h2{ font-size:50px; color:#efefef; line-height:120px; margin-top:19.5%; font-weight:normal;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .spmm p{ font-size:35px; color:#efefef; line-height:90px;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} #smp2{ margin-bottom:31%;} .spmf{ overflow:hidden; background-color:#003b78; padding-top:7.72%;} .spmf ul li{overflow:hidden; margin-bottom:15%;} .spmf ul li img{ width:53.5%;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .spmr{ width:38.59%; padding-top: 10%;} .spmr h2{ font-size:60px; line-height:150px; color:#7cd2ff;opacity:0; -webkit-opacity:0; -moz-opacity:0; font-weight:normal;*opacity:1;} .spmr p{ font-size:30px; line-height:60px; color:#efefef;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} #spl0 .spmr{ padding-top:10%;} .spmfb{ height:923px; background:url(../images/spe7.jpg) no-repeat center center; overflow:hidden;} .spmfb p{ text-align:center; font-size:90px; /*font-weight:bold*/; color:#3dbcff; line-height:116px; margin-top:11%; margin-bottom:6%;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .img5{ text-align:center; margin-bottom:9.4%;} #maino{ padding-top:5%;} /*#img5_1{ margin-right:6%;}*/ .img5 a img{opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .video{/* height:789px; */background: #003b78; overflow:hidden;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} .videob {width: 90.14%;margin: 9.5% auto 12.5%;cursor: pointer;} .videob video{ display:block; width:100%;opacity:0; -webkit-opacity:0; -moz-opacity:0;*opacity:1;} /*0503*/ .pros li a{ line-height:90px !important; display: table-cell;vertical-align: middle;} .serch a{ cursor:pointer;} .ser_m{ width:100%; display:none;} .ser_mt{ padding-bottom:50px;} .ser_mt p{ line-height:60px; font-size:24px; color:#ffffff; padding-left:9%; background-color:#313131;} .ser_mt input{ width:94.68%; margin:auto; height:50px; background-color:#FFF; display:block; text-indent:10px; font-size:20px;} .ser_mf{ width:40%; height:60px; line-height:60px; text-align:center; background-color:#015195; color:#FFF; color:#FFF; font-size:30px; cursor:pointer; margin: auto; display: block;} /*0513*/ .tab{ position:absolute; left:-19.9%; bottom:0px; width:20%; border-collapse:collapse;} .tab tr td{height: 58px;font-size: 14px;color: #FFF;border: 1px solid #a4d3ff;text-align: center; font-weight:normal;} .tab1{ table-layout: fixed; white-space: normal; overflow-wrap:break-word; width:100%; border-collapse:collapse; margin-top:25%;} .tab1 tr td{ width:100%;border: 1px solid #a4d3ff; border-left:none;text-align: center;height: 58px;font-size: 14px;color: #FFF;} .tab2{ width:100%; border-collapse:collapse; margin-top:25%; table-layout: fixed;; white-space: normal; overflow-wrap:break-word; } .tab2 tr td{ width:100%;border: 1px solid #a4d3ff; border-left:none;text-align: center;height: 58px;font-size: 15px;color: #FFF;} /*鑷€?/ .choice{ background:url(../images/spe7.jpg) no-repeat center center; padding-bottom:100px; background-size:cover; padding-top:100px;} .chob{ width:926px; margin:auto;} .chobt{ background-color:#148085; height:710px; border-radius:5px; -webkit-border-radius:5px; padding:16px; position:relative;} .chobt ul{ overflow:hidden; margin-left:-14px;} .choi a{ color: #ffffff;} .chobt ul li{ float:left; width:213px; margin-left:14px; margin-bottom:5px;} .choi{ background-color:#80c6ca; text-align:center; line-height:56px; color:#ffffff; font-size:24px; cursor:pointer; border-radius:5px; -webkit-border-radius:5px;} .cshow{ background-color:#ffffff; border-radius:5px; -webkit-border-radius:5px; position:absolute; left:16px; top:138px; padding-top:23px; padding-bottom:86px; width:894px; display:none;} .radio {display: inline-block;width: 260px;margin-left: 28px;margin-bottom: 24px;} .radio input{ font-family: "Microsoft YaHei","寰蒋闆呴粦","Arial";} .radio h2{ font-size:24px; font-weight:normal; text-align:center; color:#003b66; line-height:44px; color:#003b66;} .radb {position: relative;width: 258px;height: 48px; border: 1px solid #8c8c8c;} .input{ width:258px; height:48px; font-size:18px; color:#023d68; text-indent:18px; background:url(../images/p6.png) no-repeat; background-position:234px 22px; cursor:pointer;} .chd{ width:345px; height:67px; margin:auto; background:url(../images/bg9.png) repeat; line-height:67px; text-align:center; font-size:24px; color:#fbfafa; display:block; margin:58px auto 0;} .dx{ position:absolute; left:-1px; top:49px; border:1px solid #8d8d8d; border-top:none; width:258px; z-index:5; background-color:#FFF; display:none;} .dx input{ line-height:34px; text-indent:18px; font-size:18px; color:#043e68; background:url(../images/ra1.png) no-repeat; background-position:234px 10px; cursor:pointer; width:258px;} .dx input:hover{ background-color:#c3e6ff; background-image:url(../images/ra2.png);} .on4{ background-color:#c3e6ff !important; background-image:url(../images/ra2.png) !important;} .fx{ position:absolute; left:-1px; top:49px; border:1px solid #8d8d8d; border-top:none; width:258px; z-index:5; background-color:#FFF; display:none;} .fx input{ line-height:34px; text-indent:18px; font-size:18px; color:#043e68; background:url(../images/fx1.png) no-repeat; background-position:235px 10px; cursor:pointer; width:258px;} .fx input:hover{ background-color:#c3e6ff; background-image:url(../images/fx2.png);} .on5{background-color:#c3e6ff !important; background-image:url(../images/fx2.png) !important;} .chobf{ margin-top:100px; text-align:center;} .chobf h2{ text-align:center; font-size:36px; color:#ffffff; line-height:36px; font-weight:normal;} .chobf ul{ margin-top:60px; margin-left:-32px;} .chobf li{ display:inline-block; *display:inline; margin-left:32px;} .on6 .choi{ background-color:#ffffff !important; color:#008d95 !important;} .on6 .choi a{ background-color:#ffffff !important; color:#008d95 !important;} .on6 .cshow{ display:block !important;} /*鑱旂郴鎴戜滑*/ .contact{ padding-top:8%; padding-bottom:10%;} .contat{ border-bottom: 1px solid #d8d8d8; padding-bottom:12px; } .contat h2{ font-weight:normal; color:#6a6a6a; line-height:16px; font-size:14px;} .contat h2 img{ margin-right:16px;} .contat p{ line-height:18px; color:#4c4c4c; margin-top:17px;} .contf{ padding-top: 5%; } .contp{ overflow: hidden; margin-bottom: 2%; } .contp span{ display:inline-block; *display:inline; text-align:right; width:120px; font-size:16px; color:#707070; float: left; line-height: 36px;} .contp input{ width:290px; height:34px; border:1px solid #c6c6c6; text-indent:10px; float: left;} .contp textarea{ float: left; height: 173px; width:500px; border:1px solid #c6c6c6;} .contp img{ float: left; margin-left: 25px; cursor: pointer; } .contp a{ color:#313131; margin-left: 15px; } .sent{ width: 98px; height: 34px; line-height: 34px; text-align: center; background-color: #0c3b7a; color:#f3f3f3; border:1px solid #d3d3d3; display: block; margin-left: 120px;} .input1{ width: 170px !important; } /*涓嬭浇涓績*/ .downcen{ padding-top:10%; padding-bottom:2%;} .downcen ul{ width: 99%; margin: auto; border:1px solid #e6e6e6; border-radius: 5px; padding-bottom:2%; } .downcen ul li{ overflow: hidden; border-bottom: 1px solid #dfdfdf; line-height: 10%; padding:2% 0%; width:98%; margin:auto; } .dowl{ width:75%;} .dowl span{ line-height:42px; border-left:1px solid #d3d3d3; padding-left:10%; font-size:24px; color:#838383; margin-left:10%; display:inline-block; *display:inline; vertical-align:50%;} .dowr{ width:70px; height:67px; background:url(../images/downd.png) no-repeat;} .jumpf{ text-align:right; font-size:0px; margin-top:10px;} .jumpf a{ display:inline-block; *display:inline; width:34px; height:32px; border-radius:5px; -webkit-border-radius:5px; font-size:14px; color:#7a7a7a; margin:0 3px; line-height:32px; text-align:center;} .jumpf a.on7{ background-color:#0c3b7a; color:#ffffff;} /*閭欢璁㈤槄*/ .emad{ text-align: center; padding-top: 5%; padding-bottom: 15%; } .emad input{ width:288px; height: 34px; border:1px solid #d3d3d3; text-indent: 10px; } .emad p{ margin-bottom: 23px; } .span1{ font-size: 16px; color: #767676; width: 90px; text-align: right;display: inline-block; *display: inline; margin-right: 2%; } .span2{ color: #fe3b3b; margin-left: 2%; } /*鎶曡祫鑰呭叧绯?/ .ship{ padding-top: 10%; } .shipt ul{ overflow: hidden;/* border:1px solid #d2d2d2;*/ text-align: center; } .shipt ul li{ width: 32.25%; font-size: 16px; /*float: left;*/ display: inline-block; border-right: 1px solid #d2d2d2; } .shipt ul li:last-child{ border-right: none; } .shipt ul li a{ color: #969696; display:block;padding:3.28% 0; overflow: hidden;} .img_h{ margin-left: 12.25%; margin-right:5.5%; float: left; } .img_hop,.img_jp{ display: none;} .shipt ul li span{ float: left; margin-top: 8%; } .img_o{ float: right; margin-top: 7.5%; margin-right: 3.75%; } .shipt ul li.on8{ background-color: #9c9c9c;} .shipt ul li.on8 a{ color: #fff; } .shipt ul li.on8 .img_ho,.shipt ul li.on8 .img_j{ display: none; } .shipt ul li.on8 .img_hop,.shipt ul li.on8 .img_jp{ display: block; } .pim{ font-size: 24px; color:#3c79ca; margin:5% 0; } .gx{ /*width:52.08%; */ margin-bottom: 50px; text-align: center; } .gx img{ display: block; width: 100%; } .gx p{ color: #a6a6a6; line-height: 18px; margin-top:12px; } .p_img p{font-size: 2.5em} .csr{ margin-top: 10%; padding-bottom: 5%; } .csr li{ line-height: 54px; border-bottom: 1px solid #e9e9e9; font-size: 24px; overflow: hidden; } .csr li a{ color:#4e4e4e; display: block; overflow: hidden; } .csr span{ margin-left: 1.7%; } .csrr{ width: 26px; height: 26px; background:url(../images/csr1.png) no-repeat; margin-right: 1.7%; margin-top:15px; } .csr li:hover{ background-color: #0c3b7a; } .csr li:hover a{ color: #ffffff; } .csr li:hover .csrr{ background: url(../images/csr2.png) no-repeat; } /*鍏充簬_鍚堜綔浼欎即*/ .about h4{ font-size: 24px; color: #2c2c2c; text-align: center; } .parli{ overflow: hidden; padding-top: 1.5%; padding-bottom: 5%; } .parli li{ float: left;width: 17.5%; margin:0 1.25% 2%; } .parli li img{ width: 100%; display: block; } /*鍔犲叆鎴戜滑*/ .join{ padding:5% 0;} .join li{ padding-bottom:15px; border-bottom:1px solid #dfdfdf; overflow:hidden; margin-bottom:13px;} .joinl{} .joinr{ width:66.833%;} .joinr h3{ font-size:24px; line-height:24px; font-weight:normal; margin-top:34px; color:#333333; } .joinr h5{ font-weight:normal; font-size:18px; line-height:18px; color:#999999; margin-top:14px; margin-bottom:25px;} .joinr h6{ line-height:21px; height:43px; overflow:hidden;display:block;text-overflow:ellipsis; font-weight:normal; font-size:18px;} .ded{ width:115px; height:33px; border-radius:5px; line-height:33px; text-align:center; display:block; float:right; margin-top:43px; font-size:16px; background-color:#0c3b7a; color:#ebedf1;} .joinus1{padding:5% 0px;} .joinus1 li{border-bottom:1px solid #dfdfdf;} .joinus1 li a{display:block; overflow:hidden; padding:15px 20px; font-size:24px; color:#4e4e4e;} .joinus1 li a b{display:block; width:26px; height:26px; float:right; background: url(../images/joinmore.png) no-repeat; background-size:cover;} .joinus1 li:hover{background:#0c3b7a;} .joinus1 li:hover a{color:#fff;} .joinus1 li:hover b{background: url(../images/joinmorebg.png) no-repeat;} .jointext{padding:5% 0px;} .jointext li{overflow:hidden; padding:5% 0px;} .jointext li .tp1{font-size:24px; color:#4e4e4e; width:62%; text-align:justify;} .jointext li .tp1 strong{font-size:30px; color:#0c3b7a; display:block; margin-bottom:1%;} /*鎴愰暱鍦ㄥ叏蹇?/ .grow{ padding-bottom: 6%; } .grow ul li{ width: 100%; position: relative; } .grow ul li img{ display: block; width: 100%; } .area{ width: 100%; position: absolute; left: 0px; top: 2%; } .area h2{ font-size: 42px; text-align: center; font-weight: normal; color: #333; line-height: normal; letter-spacing: normal; } .grow ul{ margin-bottom:5%; } .grow h3{ color: #2c2c2c; text-align: center; font-weight: normal; font-size: 42px; margin-bottom: 3%; } .grd{ background-color: #01acbd; color: #fff; padding: 5%; padding-bottom:10% } .grd h2{ font-size: 24px; font-weight: normal; margin-bottom: 5%; line-height: normal; letter-spacing: normal; color: #fff; padding: 0; margin: 0} .grd p{ height: 55px; line-height: 24px; font-size: 18px; letter-spacing: normal; margin: 0; padding: 0; color: #fff; } #owl-demo2 .item{ float: left; width: 94%;margin:0 3%; } #owl-demo2 .item img{ display: block; width: 100%; } #owl-demo2 .owl-controls{} #owl-demo2 .owl-pagination{ display: none; } #owl-demo2 .owl-prev,#owl-demo2 .owl-next{font-size: 0; margin: 0; padding: 0;width: 61px; height: 61px;} #owl-demo2 .owl-prev{ background: url(../images/prev_h.png) no-repeat; position: absolute; left:-63px; top: 50%; margin-top: -30px; } #owl-demo2 .owl-next{ background: url(../images/next_h.png) no-repeat; position: absolute; right:-63px; top: 50%; margin-top: -30px;} #owl-demo .owl-prev,#owl-demo .owl-next,#owl-demo1 .owl-prev,#owl-demo1 .owl-next{font-size: 0; margin: 0; padding: 0;width: 61px; height: 61px;} #owl-demo .owl-prev{ background: url(../images/prev_h.png) no-repeat; position: absolute; left:5px; top: 50%; margin-top: -30px; } #owl-demo .owl-next{ background: url(../images/next_h.png) no-repeat; position: absolute; right:5px; top: 50%; margin-top: -30px;} #owl-demo1 .owl-prev{ background: url(../images/prev_h.png) no-repeat; position: absolute; left:-63px; top: 50%; margin-top: -30px; } #owl-demo1 .owl-next{ background: url(../images/next_h.png) no-repeat; position: absolute; right:-63px; top: 50%; margin-top: -30px;} /*0727鏂版敼*/ .tabsp{ width: 95%; table-layout:fixed;word-wrap:break-word; max-width: 1200px; margin:5% auto 0; border-collapse: collapse;} .tabsp td{ width: 33%; text-align: left; padding-left: 20px; padding-right:10px; vertical-align: top; } .tabsp td h2{font-size: 30px;font-weight: normal;color: #ffffff;line-height: 95px;} .tabsp td .p{line-height: 30px;font-size: 22px;color: #e7e7e7; margin-bottom: 30px;} .tabf{ width: 95%; max-width: 1200px;table-layout:fixed;word-wrap:break-word; margin:0 auto 8.61%; border-collapse: collapse;} .tabf tr{ text-align: left; } .tabf td{ width: 49%; display: inline-table; overflow: hidden; border: 2px solid #0d529c; text-align: center; } .tabf td .ico{ display: table-cell; background: url(../images/ico_d.jpg) no-repeat; width: 50%; vertical-align: middle; background-size: 100% 100%; } .tabf td .ico img{ display: block; width: 100%; } .tabf td .ico_n{ background-color: #fff; font-size: 24px; color: #333333; width: 50%;display: table-cell; vertical-align: middle; padding: 4%; text-align: left;} .tabf td .ico_n a{color: #333333;} @media screen and (min-width:1024px) and (max-width:1400px){ /*棣栭〉*/ .p_img p{font-size: 2.0em} .tab tr td,.tab1 tr td{font-size: 12px;} .newsb ul li{height: 420px;} .header { background-size: 100% 100%; height: auto;} .headb { padding-top:21.85%;padding-bottom: 15.723%;} .headbr img{ display:block; width:100%;} .headbl {width: 43.708%;margin-left: 7.781%;} .headbr { width: 40.052%;margin-right: 6.24%;} .logo {width: 18.163%;} .logo img{ display:block; width:100%;} .name h3{ font-size:30px;} .name p{ font-size:20px;} .mali{ width:92.2%;} .mali li {margin-left: 1.5%;width: 18.8%;} /*浜у搧鎸囧崡*/ .layout{ width:62.5% !important;} .guide{ height:auto; background-size:100% 100%;} .searchk.guide{height:auto; } .detab{ margin-bottom:8%;} /*浜у搧璇︽儏*/ .peode{ height:auto; background-size:100% 100%;} .de1 img{ width:74.5%;} .shp{ width:80%;} .shp li{ width:28.4%; padding:0 2.4%;} .fan{ width:92.5%;} .detb p{ font-size:45px;} .detb{ margin-top:15.5%;} /*鏂伴椈*/ .layout1{ width:80.5% !important;} .newd .h2{ font-size:50px;} /*鍏充簬*/ .abt{ height:250px; background-size:100% 100%;} .bap{ width:92.2%;} /*甯傚満*/ .nd{ width:62.5%;} /*涓撻*/ .speci{ height:auto; background-size:100% 110%; padding-top:40.8%; padding-bottom:5%;} .bord2{ padding-top:37.7%;} .spmm h2 {font-size: 50px; line-height: 130px;margin-top: 10.5%;} .spmm p{ font-size:34px; line-height:70px;} .spmm{ height:auto; background-size:100% 100%; padding-bottom:11%;} #smp2{ margin-bottom:15%;} .spmr h2 {font-size: 45px;line-height: 110px;} #spl0 .spmr{ padding-top:0;} .spmr p{font-size: 24px;line-height: 43px;} .spmfb p {font-size: 80px;margin-top: 8%; margin-bottom: 7%;line-height: 80px;} .spmfb{ height:auto; background-size:100% 100%;} .img5{} /*#img5_1{ margin-right:6%}*/ .img5 img{ width:10%;} .video{ height:auto; background-size:100% 75%;} .videob{ margin:50.5% auto 12.5%;} .bord2{ padding-top:37.7%;} .spmt p img{ width:9%;} .spmt p{ font-size:85px;} /*鎶曡祫鑰呭叧绯?/ .img_h{ width: 20%; margin-left: 10.25%; } .shipt ul li{ font-size:14px; width: 33%; } .shipt ul li span{ width: 50%; height: 19px; margin-top: 6%; overflow: hidden; display: inline-block; *display: inline;} .img_o{ width: 4%; margin-top: 6.5%; } /*鍚堜綔浼欎即*/ .about h4{ font-size: 20px; } /*鍔犲叆鎴戜滑*/ .joinl{ width:29.75%;} .joinl img{ display:block; width:100%;} .joinr h3{ font-size:18px; margin-top:0%;} .joinr h5 {font-size: 15px; margin-top: 1%; margin-bottom: 3%;} .joinr h6 {font-size: 13px; line-height: 18px; height:38px;} .ded {margin-top: 3%;font-size: 13px;width: 80px;height: 28px;line-height: 28px;} .jointext .im1{width:43%; display:block;} .jointext .im1 img{width:100%;} .jointext .im5{width:43%; display:block;} .jointext .im5 img{width:100%;} .jointext li .tp1{width:50%; font-size:21px;} .jointext li .tp1 strong{font-weight:normal;} /*鎴愰暱鍦ㄥ叏蹇?/ .area h2,.grow h3{ font-size: 35px; } .grd h2{ font-size: 20px; } .grd p{ line-height: 20px; font-size: 14px; } /*0704*/ #owl-demo1 .owl-prev{ left: -2.5%; } #owl-demo1 .owl-next{ right: -2.5%; } /*0727鏂版敼*/ .tabf td .ico_n{ font-size: 20px; } } @media screen and (min-width:640px) and (max-width:1023px){ /*鍏充簬csr*/ .csr li{ font-size: 21px; } .csrr{ margin-top:15px; } /*棣栭〉*/ .p_img p{font-size: 1.2em} .newsb ul li{height: 390px;} .tab tr td,.tab1 tr td{font-size: 12px;} .header { background-size: 100% 100%; height: auto;} .headb { padding-top: 30%;padding-bottom: 16.572%;} .headbr img{ display:block; width:100%;} .headbl {width: 43.708%;margin-left: 7.781%;} .headbr { width: 40.052%;margin-right:6.24%; margin-top:5%;} .logo {width: 18.163%;} .logo img{ display:block; width:100%;} .name h3{font-size: 30px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 25px;line-height: 35px;} .name p{ font-size:20px; line-height:45px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .mali{ width:95.2%;} .mali li {margin-left: 1.5%;width: 18.8%;} .headbl h2{font-size: 52px;line-height: 49px;} .headbl p{ font-size: 20px;line-height: 30px;} .name{ height:auto; padding-bottom:20px;} .lip1 {line-height: 25px;padding: 15px 12px;font-size: 16px; height:130px;} .tna{margin-top: 0px;height: 35px;font-size: 14px;padding-top: 15px;} /*浜у搧鎸囧崡*/ .layout{ width:80.5% !important;} .guide{ height:auto; background-size:100% 100%;} .searchk.guide{height:auto; } .detab{ margin-bottom:8%;} .tnav{ display:none;} /*浜у搧璇︽儏*/ .peode{ height:auto; background-size:100% 100%;} /*.detb img{ width:32.34%;}*/ .detb img{ width:24.34%;} .de1 img{ width:74.5%;} .shp{ width:80%;} .shp li{ width:28.4%;padding:0 2.4%;} .detb h2{font-size: 45px;margin-top: 74px; margin-bottom:12px;} .detb p{ font-size:45px;} .fan{ width:92.5%;} .fan li {font-size: 25px; margin-bottom: 2%; background-position: 0 9px;} .tnav1{ display:none !important;} /*鏂伴椈*/ .news{ background-size:100% 100%; height:auto;} .layout1{ width:80.5% !important;} .tnav2{ display:none !important;} .newd .h2{ font-size:48px; line-height:59px;line-height:59px; font-size:2.5em; margin-bottom:4%;} /*鍏充簬*/ .abt{ height:auto; background-size:100% 100%;} .bap{ width:95.2%; font-size:29px;} /*甯傚満*/ .nd {width: 80.5%;margin-left: -40.25%;margin-top: -13.62%;} .mar li img{ width:60%;} .mar li{ font-size:16px;} .ndp{ font-size:30px; width:125px;} #nd1{ margin-top:-22.62%;} #nd5 .ndp{ width:140px !important;} /*涓撻*/ .speci{ height:auto; background-size:100% 100%;} .bord2{ padding-top:42.7%;} .spmt p{ font-size:45px;} .spmm h2 { font-size: 40px;line-height: 75px; margin-top: 5.5%;} .spmm p{ font-size:22px; line-height:45px;} .spmm{ height:auto; background-size:100% 100%; padding-bottom:11%;} #smp2{ margin-bottom:15%;} .spmr h2 {font-size: 34px;line-height: 65px;} #spl0 .spmr{ padding-top:0;} .spmr p {font-size:18px;line-height: 30px;} .spmfb p {font-size:55px;margin-top: 8%; margin-bottom: 7%;line-height: 60px;} .spmfb{ height:auto; background-size:100% 100%;} .img5{} /*#img5_1{ margin-right:6%}*/ .img5 img{ width:10%;} .video{ height:auto; background-size:100% 75%;} .videob{ margin:46.5% auto 12.5%;} .spmt p img{ width:9%;} /*鑱旂郴鎴戜滑*/ .contp textarea{ width: 370px; } /*鎶曡祫鑰呭叧绯?/ .img_h{ width: 20%; margin-left: 10.25%; } .shipt ul li{ font-size:14px; width: 33%; } .shipt ul li span{ width: 50%; height: 19px; margin-top: 6%; overflow: hidden; display: inline-block; *display: inline;} .img_o{ width: 4%; margin-top: 6.5%; } /*鍏充簬csr*/ .csr li{ font-size: 21px; } .csrr{ margin-top:15px; } /*鍚堜綔浼欎即*/ .about h4{ font-size: 18px; } /*鍔犲叆鎴戜滑*/ .joinl{ width:29.75%;} .joinl img{ display:block; width:100%;} .joinr h3{ font-size:18px; margin-top:0%;} .joinr h5 {font-size: 15px; margin-top: 1%; margin-bottom: 3%;} .joinr h6 {font-size: 13px; line-height: 18px; height:38px;} .ded {margin-top: 3%;font-size: 13px;width: 80px;height: 28px;line-height: 28px;} .jointext .im1,.jointext .im2,.jointext .im3,.jointext .im4,.jointext .im5{display:block; text-align:center; float:none; margin-bottom:10%;} .jointext .im5 img{width:100%; display:block; margin:0 3%;} .jointext li .tp1{float:none; width:auto; margin:5% 2%;} .jointext li .tp1 strong{font-weight:normal;} /*鎴愰暱鍦ㄥ叏蹇?/ .area h2,.grow h3{ font-size: 30px; } .grd h2{ font-size: 18px; } .grd p{ line-height: 20px; font-size: 13px; } /*0704*/ #owl-demo1 .owl-prev{ left: -2.5%; } #owl-demo1 .owl-next{ right: -2.5%; } /*0727鏂版敼*/ .tabf td .ico_n{ font-size: 16px; } } @media screen and (max-width:640px){ .tabf td.iconone{ display: none;} /*棣栭〉*/ .p_img p{font-size: 1em} .newsb ul li{height: 500px;} .tab tr td,.tab1 tr td{font-size: 12px;} .header { background-size: 100% 100%; height: auto;} .headb { padding-top:25%;padding-bottom: 16.572%;} .headbr img{ display:block; width:100%;} .headbl{width: 95%;margin-left: 2.5%; margin-top:10%;} .headbr{ width: 40.052%;margin-right:6.24%; margin-top:5%;} .logo {width: 18.163%;} .logo img{ display:block; width:100%;} .name h3{font-size: 30px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 25px;line-height: 35px;} .name p{ font-size:20px; line-height:45px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .mali{ width:90.93%;} .mali li {margin-left:0%;width:100%;} .headbl h2{font-size: 50px;line-height: 49px;} .headbl p{ font-size: 20px;line-height: 30px;} .name {height: auto; padding-bottom: 5%; padding-left: 0px; text-align: center; padding-top: 3%;} .lip1 {line-height: 30px; padding: 15px 12px; font-size: 16px; height: 108px;} .tna{margin-top: 0px;height: 35px;font-size: 14px;padding-top: 15px;} .logo,.nav{ display:none;} .head_m{ display:block;} .headbr {float: none; margin: auto;width: 90.052%;} .inpb{ width:100%;} .bottom{padding:0 3.354% 40px;} .bopl{ font-size:20px; text-align:center; float:none !important;} .bop span{ margin:0 10px;} .lx{ float:none !important; text-align:center; margin-top:10%;} .bop{ margin-bottom:30px;} .headerb{ display:none; height:59px;} /*浜у搧鎸囧崡*/ .layout{ width:100% !important;} .guide{ height:auto;} .searchk.guide{height:auto; } .detab{ margin-bottom:8%; width:99.99%;} .tnav{ display:none;} .shop_hk1{ display:block;} .shop_hk{ display:none;} .ide{ margin-top:10%;} .lip3{ margin-top:5%;} .dn{ display:none;} .de1 img{ width:100%;} .detab tr td{ width:33.33%;} .tnav1{ display:none !important;} .jump{ display:none;} /*浜у搧璇︽儏*/ .detb{ margin-top:18.9%;} .peode{ height:auto; background-size:100% 100%;} .detb img{ width:60.34%;} .de1 im{ width:100%;} .shp{ width:85%;} .shp li{ width:82.4%; margin-bottom:12%; padding:0;} .de1>p{ margin-bottom:6.81%;} .bor1{ background-size:contain;} .game{ width:95%; margin-bottom:0; margin-top:15%;} .game li{ width:45%; margin-bottom:17%;} .game li:nth-child(even){ margin-right:0px;} .de3{ padding:8.61% 0;} .sn{ margin-bottom:14%;} .tnav2{ display:none !important;} /*鏂伴椈*/ .news{ background-size:100% 100%; height:auto;} .layout1{ width:88.9% !important;} .newsb ul li{ margin-right:0; width:100%;} .bord { padding-top: 45%; padding-bottom: 25%;} .sp3 {font-size: 18px;line-height: 25px;} .sp4{ font-size:15px;} .newd .h2{font-size: 30px;line-height: 35px; margin-bottom:3%;} .newd .h3{ font-size:22px; line-height:24px;} .ned{ margin-top:2.74%;padding-top: 6.03%;} .newd{ width:95%; margin:auto;} .newd p{ font-size:15px;/* line-height:23px;*/} .ned>p>img{ display:block; width:100%;} .img4 span{ height:28px; background-size:cover;} .newsb ul li:hover .img4 span{ background:url(../images/shh.png) no-repeat; height:28px; background-size:cover;} /*.li4,.li5{ display:none;} */ /*鍏充簬*/ .abt{ height:auto; background-size:100% 100%;} .about h2{font-size: 28px;padding-left: 5px;letter-spacing: 5px;line-height: 47px;} .about .abouth2 { padding-top: 20px;} .grd h2{ line-height: normal; letter-spacing: normal;} .about p{font-size: 18px;line-height: 24px;letter-spacing: 2px;} .imgs {width: 92.5%; margin: 40px auto 0px; padding-bottom:50px;} .imgs li {width: 100%;margin-right: 0; margin-bottom: 3%;} .bap{ width:90.93%; font-size:24px; margin-bottom:35px;} .mar{ display:none;} .nd {left: 0px;top: 50%;width: 100%; margin-top: -4.62%; margin-left:0px;} .ndp { margin: auto;font-size: 25px; width: 120px;} #nd5 .ndp{ width:112px !important;} .mar1{ display:block;} /*涓撻*/ .speci{ height:auto; background-size:100% 100%;} .bord2{ padding-top:42.7%;} .spmm{ height:auto; background-size:100% 100%; padding-bottom:11%;} #smp2{ margin-bottom:15%;} #spl0 .spmr{ padding-top:0;} .spmfb{ height:auto; background-size:100% 100%;} /*#img5_1{ margin-right:6%}*/ .img5 img{ width:30%; margin-bottom: 50px;} .layout2{ width:90.958% !important;} .spmf ul li img{ width:95%; float:none !important; margin:auto; display:block;} .spmr{ width:100%;} .video{ height:auto; background-size:100% 57%;} .videob{ margin:45.5% auto 12.5%; width:100%;} /*0513*/ .tab { width: 22.1%;left: -22%; table-layout: fixed; white-space: normal; overflow-wrap:break-word; } .tab tr td{ font-size: 12px;} .tab2 tr td{ font-size: 12px;} .lit{ width:56%; overflow:hidden; padding-bottom:2px; margin:0;} .lip3{ /*padding-left:21%;*/ margin-top:7%; text-align:center;} /*鑷€?/ .choice{ width:160%;} /*鑱旂郴鎴戜滑*/ .contat h2,.contat p{ padding-left:1%; } .contp span{ width: 30%; font-size: 13px; } .contp input{ width: 65%; } .contp textarea{ height: 120px; width: 65%; } .input1{ width: 20% !important; } .contp img{ margin-left: 2%; } .sent{ margin-left: 30%; } /*涓嬭浇涓績*/ .dowl img{ width:40px;} .dowl span {line-height: 25px;font-size: 14px;margin-left: 5%;padding-left: 5%;} .dowr{ background-size:contain; width:40px; height:39px;} .downcen ul{ width:96%;} .jumpf a {width: 26px;height: 26px;line-height: 26px;font-size: 12px;} .emad input{ width:65%; } .span1{ font-size: 14px; width:75px;} /*鎶曡祫鑰呭叧绯?/ .shipt ul{ border:none; width: 98%; margin:auto; } .shipt ul li{ width:99%; border:1px solid #d2d2d2 !important; float: none; margin:0 auto 15px; } .shipt ul li span,.img_o{ margin-top: 3%; } .pim{ font-size: 20px; margin-left: 2%; } .gx{ width: 95%; margin-bottom: 8%; margin: auto; } .img_h{ width: 10%; } .img_o{ width: 2%; } /*鍏充簬csr*/ .csr{ width: 90%; margin: 10% auto 0; } .csr li{ font-size: 18px; line-height: 40px; } .csrr { width: 20px; height: 20px; background-size: cover; margin-top: 10px; } .csr li:hover .csrr{ background-size: cover;} /*鍚堜綔浼欎即*/ .about h4{ font-size: 15px; } .parli{ width: 95%; margin: auto; } .parli li{ width: 32%; margin:0 0.6666% 2%; } /*鍔犲叆鎴戜滑*/ .joinl{ width:37.75%;} .joinl img{ display:block; width:100%;} .joinr h3{ font-size:18px; margin-top:0%;} .joinr h5 {font-size: 15px; margin-top: 1%; margin-bottom: 3%;} .joinr h6 {font-size: 13px; line-height: 18px; height:38px;} .ded {margin-top: 3%;font-size: 13px;width: 80px;height: 28px;line-height: 28px; display:none;} .join {width: 95%;margin:auto;} .joinr {width: 58.833%;} .jointext .im1,.jointext .im2,.jointext .im3,.jointext .im4,.jointext .im5{display:block; text-align:center; float:none; margin-bottom:10%;} .jointext .im5 img{width:100%; display:block; margin:0 3%;} .jointext li .tp1{float:none; width:auto; margin:5% 2%;} .jointext li .tp1 strong{font-weight:normal;} /*鎴愰暱鍦ㄥ叏蹇?/ .area h2,.grow h3{ font-size: 18px; } /*#owl-demo2 .owl-controls{ display: none !important; }*/ .grd h2{ font-size: 20px; } .grd p{ line-height: 20px; font-size: 14px; letter-spacing: normal; } .shop_hk1 .prev1{width: 55px;height: 65px;background: url(../images/left.png) no-repeat center; } .shop_hk1 .next1{ width:55px; height:65px; background:url(../images/right.png) no-repeat center; } .top{ width: 30px; height: 30px; background-size: cover; } #owl-demo .owl-prev,#owl-demo .owl-next,#owl-demo1 .owl-prev,#owl-demo1 .owl-next,#owl-demo2 .owl-prev,#owl-demo2 .owl-next{ background-size: 100%; width: 30px; height: 30px; } /*0727鏂版敼*/ .tabsp{ margin-top: 0; } .tabsp td{ width: 95%; display: block; } .tabsp td h2{font-size: 24px;line-height: 60px;padding-top: 10px;} .tabsp td .p{font-size: 16px;margin-bottom: 10px;line-height: 22px;} .tabf td{ width: 99%; } } @media screen and (min-width:500px) and (max-width:640px){ .tabf td.iconone{ display: none;} .detb h2 {font-size: 40px; margin-top:15%;margin-bottom: 12px;} .detb p{ font-size:40px; margin-bottom:8.25%;} .fan{ width:85.5%;} .fan li {font-size: 25px; margin-bottom: 5%;background-position: 0 9px;padding-left: 5%;} .spmt p{ font-size:40px;} .spmt p img{ width:10%;} .spmm h2 { font-size: 30px;line-height: 60px; margin-top: 3.5%;} .spmm p{ font-size:18px; line-height:38px;} .spmr h2 {font-size: 34px;line-height: 65px;} .spmr p {font-size:18px;line-height: 30px;} .spmfb p {font-size:45px;margin-top: 8%; margin-bottom: 7%;line-height: 45px;} /*棣栭〉鍔犱腑鑻辨枃*/ .lan_m{ font-size:18px; color:#999999; line-height:56px; width:110px; text-align:center;} .lan_m a{ color:#999999; margin:0 5%;} .nav_m { margin-left:2%;} /*0704*/ #owl-demo2 .owl-prev{ left: 2.5%; } #owl-demo2 .owl-next{ right: 2.5%; } #owl-demo1 .owl-prev{ left: -2.5%; } #owl-demo1 .owl-next{ right: -2.5%; } .shop_hk1 .prev1{width: 55px;height: 65px;background: url(../images/left.png) no-repeat center; } .shop_hk1 .next1{ width:55px; height:65px; background:url(../images/right.png) no-repeat center; } /*0727鏂版敼*/ .tabf td .ico_n{ font-size: 20px; } } @media screen and (min-width:400px) and (max-width:499px){ .tabf td.iconone{ display: none;} .detb h2 {font-size:32px; margin-top:15%;margin-bottom: 12px;} .detb p{ font-size:32px; margin-bottom:8.25%;} .de1 p{ font-size:28px;} .dep4{ font-size:28px;} .shp li h2{ font-size:22px; margin-bottom:15px;} .shp li p{ font-size: 16px;margin-bottom: 15px; line-height:23px;} .game li p{ font-size:23px;} .more {width: 80%; font-size: 19px;height: 45px;line-height: 45px;} .fan{ width:85.5%;} .fan li {font-size: 20px; margin-bottom: 5%;background-position: 0 6px; padding-left: 7%;} .mar1 li img{ width:40%;} .mar1 li{ font-size:14px; width:21.58%;} .spmt p{ font-size:35px;} .spmt p img{ width:12%; margin-right:15px;} .spmm h2{ font-size:25px;line-height: 50px; margin-top: 3.5%;} .spmm p{ font-size:16px; line-height:30px;} .spmr h2 {font-size: 30px;line-height: 60px;} .spmr p {font-size:16px;line-height: 30px;} .spmfb p {font-size:38px;margin-top: 8%; margin-bottom: 7%;line-height: 45px;} /*棣栭〉鍔犱腑鑻辨枃*/ .lan_m{ font-size:18px; color:#999999; line-height:56px; width:100px; text-align:center;} .lan_m a{ color:#999999; margin:0 5%;} .nav_m { margin-left:2%;} /*0704*/ #owl-demo2 .owl-prev{ left: 3.2%; } #owl-demo2 .owl-next{ right: 3.2%; } #owl-demo1 .owl-prev{ left: -2.5%; } #owl-demo1 .owl-next{ right: -2.5%; } .shop_hk1 .prev1{width: 55px;height: 65px;background: url(../images/left.png) no-repeat center; } .shop_hk1 .next1{ width:55px; height:65px; background:url(../images/right.png) no-repeat center; } /*0727鏂版敼*/ .tabf td .ico_n{ font-size: 18px; } } @media screen and (max-width:399px){ .tabf td.iconone{ display: none;} .shop_hk1 .prev1{width: 55px;height: 65px;background: url(../images/left.png) no-repeat center; } .shop_hk1 .next1{ width:55px; height:65px; background:url(../images/right.png) no-repeat center; } .detb h2 {font-size:27px; margin-top:15%;margin-bottom: 12px; line-height:30px;} .detb p{ font-size:27px; margin-bottom:8.25%; line-height:30px;} .de1>p{ font-size:28px;} .dep4{ font-size:28px;} .shp li h2{ font-size:22px; margin-bottom:15px;} .shp li p{ font-size: 16px;margin-bottom: 15px; line-height:26px;} .game li p{ font-size:23px;} .more {width: 80%; font-size: 19px;height: 45px;line-height: 45px;} .fan{ width:85.5%;} .fan li {font-size: 20px; margin-bottom: 5%;background-position: 0 6px; padding-left: 10%;} .mar1 li img{ width:40%;} .mar1 li{ font-size:14px; width:21.58%;} .spmt p img{ width:12%; margin-right:15px;} .spmt p{ font-size:30px;} .spmm h2{ font-size: 26px;line-height: 55px; margin-top: 3.5%;} .spmm p{ font-size:16px; line-height:30px;} .spmr h2 {font-size: 26px;line-height: 50px;} .spmr p {font-size:16px;line-height: 30px;} .spmfb p {font-size:32px;margin-top: 8%; margin-bottom: 7%;line-height: 45px;} /*鎶曡祫鑰呭叧绯?/ .shipt ul li{ font-size: 12px; } /*棣栭〉鍔犱腑鑻辨枃*/ .lan_m{ font-size:14px; color:#999999; line-height:56px; width:80px; text-align:center;} .lan_m a{ color:#999999; margin:0 5%;} .nav_m { margin-left:1%;} /*0704*/ #owl-demo2 .owl-prev{ left: 3.2%; } #owl-demo2 .owl-next{ right: 3.2%; } #owl-demo1 .owl-prev{ left: -2.5%; } #owl-demo1 .owl-next{ right: -2.5%; } /*0727鏂版敼*/ .tabf td .ico_n{ font-size: 15px; } } .fer .btn_search{ background: url(../images/srh_o.png) center no-repeat ; width: 22px; height: 25px; border: 0; cursor: pointer; display: inline-block; } .niu{ margin-top: 20px; line-height: 30px;} .niu ul {zoom:1; overflow: hidden; text-align: center;} .niu li{ display: inline-block; width: 180px; } .niu li a{ display: inline-block; background: #9c9c9c; border-radius: 20px; border: 1px #9c9c9c solid; color: #fff; margin: 5% 20%; padding: 5% 10%;} .niu li.on a{ color: #0c3b7a; background: #fff} .bottom p{color: #a6a6a6;} /**/ .pro span{color: #868686} .sent{ padding: 0; cursor: pointer; } .emad .sent{ width: 100px; display: inline-block;margin: 0;margin-right: 106px; } .wechat{ cursor: pointer; position: relative; } .img6{ position: absolute; right:0; top: 25px; display: none; }