@charset "utf-8"; a:active{star:expression(this.onFocus=this.blur());} a:focus,button:focus{outline:none; -moz-outline:none;} :focus{outline:none;} /*Reset Css*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param{margin:0; padding:0;} html,body{margin:0; padding:0; height: 100%; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5b8b\4f53,arial,sans-serif; -webkit-text-size-adjust:none;/*Google Chrome*/} select{*behavior: url("select.htc");}/*IE6,IE7select*/ ol,ul{padding-left:0; list-style-type:none; list-style:none;} img{border:none; display:inline-block; vertical-align:middle;} th{font-style:normal;font-weight:normal;} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;} input{display:inline-block; vertical-align:middle;} fieldset{border:none;} legend{display:none;} /*Clear Css*/ .clear{clear:both; font-size:0px; height:0px; line-height:0;} .clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearb{ clear:both;} .clearfix{display:block;zoom:1;} html[xmlns] .clearfix{display:block;} * html .clearfix{height:1%;} /*Common Css*/ body{font-size:12px;} a{ text-decoration:none; color:#666666;} .fl{float:left; _display:inline;} .fr{float:right; _display:inline;} .jz1100{width: 1100px;margin: 0 auto;} .pcshow{display: block;} .phoneshow{display: none;} /*澶撮儴*/ .header{height: 85px;line-height: 85px;background-color: #fff;} .header .head1{width: 40%} .header .head2{width: 40%; text-align: right;font-size: 14px;color: #999;} .header .head3{width: 20%;text-align: right; display: none;} .header .head2 a{color: #999;text-transform: uppercase;} .header .head2 a:hover{color: #009fe9;} .header .head3 img{width: 23px;height: auto;} .sub_main{ width: 96%; margin: 0 auto;max-width:1100px;} .master_top{ line-height: 34px; border-bottom: 1px solid #e5e5e5; height: 34px; min-width: 320px; position: relative; z-index: 2;} .master_top .welcom{ float: left; color: #999;} .master_top .welcom:hover{ color: #f39800;} .master_top dl.language{ overflow: hidden; float: right;} .master_top dl.language dd{ float: right;} .master_top dl.language dd a{ color: #999; text-transform: uppercase; border-left: 1px solid #e5e5e5; line-height: 12px; margin-top: 11px; display: block; padding-left: 8px; margin-left: 8px;} .master_top dl.language dd a:hover{ color: #f39800;} .master_top dl.select_dl{ float: right; color: #999; position: relative;margin-right:2%;} .master_top dl.select_dl dt{ overflow: hidden; cursor: pointer;} .master_top dl.select_dl dt span{ float: left;} .master_top dl.select_dl dt b{transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s; margin-left: 3px; float: left; margin-top: 14px; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #999 transparent transparent transparent; } .master_top dl.select_dl dt:hover{ color: #f39800;} .master_top dl.select_dl dt:hover b{border-color: #f39800 transparent transparent transparent;} .master_top dl.select_dl dt.current{ color: #f39800;} .master_top dl.select_dl dt.current b{border-color: transparent transparent #f39800 transparent; margin-top: 10px;} .master_top dl.select_dl dd{ position: absolute; top: 35px; right: 0; line-height: 24px; width: 90px; text-align: right; border: 1px solid #e5e5e5; border-top: 0; display: none; background: #fff;} .master_top dl.select_dl dd a{ padding-right: 10px; display: block; color: #999; display: block; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .master_top dl.select_dl dd a:hover{ color: #f39800; background: #fafafa;} .header .select_div{width: 30%;} .baise .select_divdl{width: 70%;line-height: 22px;text-align: left;} .baise .select_dl{font-size: 12px;color: #686868;position: relative;cursor: pointer;} .baise .select_dl b{ display: inline-block; transition: 0.6s;-moz-transition: 0.6s; -webkit-transition: 0.6s; width: 0;height: 0;border-width: 5px;border-style: solid;border-color: #999 transparent transparent transparent; position: relative;top: 3px;left: 5px;} .baise .select_dl dt{overflow: hidden;text-align: center;} .baise .select_dl dd{text-align: center;background-color: #fff;width: 98%;z-index: 10; position: absolute;left: 0;top: 23px; display: none;} .baise .select_dl dd a{display: block;} .baise .select_dl:hover dt{color: #009fe9;} .baise .select_dl:hover b{border-color: #009fe9 transparent transparent transparent;} .baise .select_dl.current b{border-color: transparent transparent #009fe9 transparent;top: -3px;} /*瀵艰埅*/ .header{display:none;} .nav{position:relative;} .header_pcbg{width:100vw;height:50px;background:rgba(255,255,255,0.7);position:absolute;left:50%;top:100%;transform:translateX(-50%);z-index:9;display:none;} .navgt .head1{margin-right:12.1%;} .nav .nav_1{width: 9%;position: relative;margin-top:8px;} .nav .nav_1 .nava_1{font-size: 14px;color: #333;display: block;text-align: center;padding: 16px 0;} .nav .xia{width: 0;height: 0;position: absolute;left: 50%;bottom: 0;margin-left: -10px;display: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid #d3dae2;} .nav .navgt_2{position: absolute;left: 12px;top: 51px;display: none;z-index: 1000;height:50px;width:1200px;} .nav .nav_2{width:120px;display:inline-block;} .nav_1:nth-of-type(2) .navgt_2{width:90vw;left:-30vw;transform:translateX(0);} .nav_1_fw .nav_2{width:194px;position:relative;} .nav_1_fw .navgt_2{left:50%;transform:translateX(-50%);} .nav_1_contact .navgt_2{left:auto;right:12px;text-align:right;} .nav .nav_2 .nava_2{position: relative;} .nav .nav_2 .nava_2:hover a{color:#f39800;} .nav .nav_2 .nava_2 a{width: 87%;margin: 0 auto; display: block; font-size: 14px;color: #333;line-height:58px;} .nav .nav_2 .you{border-top: 8px solid transparent;border-left: 10px solid #06a0e6;border-bottom: 8px solid transparent; position: absolute;right: -10px;top: 50%;margin-top: -8px;z-index: 5;display: none;} .nav .nav_1.current .nava_1,.nav .nav_1:hover .nava_1{color:#f39800;} .nav .nav_1.current .nav_2.current .nava_2,.nav .nav_1.current .nav_2:hover .nava_2{background-color: rgba(6,160,230,0.7);} .nav .navgt_3{position: absolute;left: 0;top: 98%;display: none;width:100%;text-align:center;background:rgba(255,255,255,0.7);padding:14px 0;} .nav .nav_3{line-height:30px;width:100%;} .nav .nav_3 a{display:block;font-size: 14px; color: #333;width:100%;} .nav .nav_3 a:hover{color: #f39800;} .navph_close{width: 90%;margin: 0 auto;padding: 1% 0; text-align: right;} .navph_close img{width: 20px;height: auto;} /*搴曢儴*/ .footer{background-color: #ededed;padding: 10px 0;} .footer .foot1{width: 82%;} .footer .foot2{width: 18%;position: relative;} .footer p{font-size: 12px;color: #92909d;line-height: 23px;} .footer .foot1 a{color: #92909d;} .footer .foot1 a:hover{color: #f49701;} .footer .foot2 .foot2_1{width: 37%;/*border-right: 2px solid #bfbfbf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;*/} /*.footer .foot2 .foot2_2{width: 50%;}*/ .footer .foot2 .foot2_1 div img{float: left;margin-left: 8px;} .footer .foot2 .foot2_2 div{width: 47px;margin: 0 auto;} .footer .foot2 .foot2_2 div img{width: 100%;height: auto;} .footer .foot2 .bu_ewm{width: 100px;height: 108px;position: absolute;right: 8px;bottom: 52px;background: url(../images/common/ewm_bg.png) no-repeat;display: none;} .footer .foot2 .bu_ewm img{width: 98px;height: auto;margin-left: 1px;margin-top: 1px;} .server_ban{ width:100%; position:relative;} .server_ban img{ width:100%;} .server_ban2{ display:none;} .server_ban2 img{ width:100%;} .ban_all{ width:100%; position:absolute; bottom:30px; z-index:9px;} /*鍐呴〉banner 瀵艰埅*/ .ban_nav_tit{ width:100%; border-bottom:rgba(0,78,161,0.3) solid 1px;line-height:45px; height:45px; margin-bottom:25px;} .ban_nav_tit h1{ font-size:24px; color:#fff; border-bottom:#0f93ca solid 1px; line-height:45px; display:inline-block; padding-right:10px;} .ban_nav ul li{ float:left; width:13.63%;margin-right:0.909%; margin-bottom:0.909%; text-align:center; line-height:30px; height:30px; border:#fff solid 1px; box-sizing:border-box; -moz-transition: all 0.8s; /* Firefox 4 */-webkit-transition: all 0.8s; /* Safari 鍜 Chrome */ -o-transition: all 0.8s;transition: all 0.8s;} .ban_nav ul li:hover,.ban_nav ul li.cur{ } .ban_nav ul li a{ display:block; width:100%; font-size:16px; color:#fff;} .ban_nav ul li{ position:relative;} .ban_nav ul li .span1,.ban_nav ul li .span2,.ban_nav ul li .span3,.ban_nav ul li .span4{-moz-transition: all 0.8s; /* Firefox 4 */-webkit-transition: all 0.8s; /* Safari 鍜 Chrome */ -o-transition: all 0.8s;transition: all 0.8s;} .ban_nav ul li .span1{position:absolute; left:0; top:0; width:1px; background-color:#fff; height:0; z-index:6;} .ban_nav ul li .span2{position:absolute; left:0; top:0; width:0; background-color:#fff; height:1px; z-index:6;} .ban_nav ul li .span3{position:absolute; right:0; bottom:0; width:1px; background-color:#fff; height:0; z-index:6;} .ban_nav ul li .span4{position:absolute; right:0; bottom:0; width:0; background-color:#fff; height:1px; z-index:6;} .ban_nav ul li:hover,.ban_nav ul li.cur{ border-color:transparent; background:rgba(246,142,53,0.75); border:#fff solid 1px;} .ban_nav ul li:hover .span1{height:100%;} .ban_nav ul li:hover .span2{width:100%;} .ban_nav ul li:hover .span3{height:100%;} .ban_nav ul li:hover .span4{width:100%;} .s_all { border-bottom:#e6e6e6 solid 1px; background:#f3f3f3; line-height:40px;} .sn_left ul li{ float:left;padding-right:2%; line-height:27px/*40px*/; margin-right:2%; background:url(../images/zjy/n_xian.jpg) no-repeat right center;} .sn_left ul li a{ font-size:14px; color:#696969;} .sn_left ul li:hover a,.sn_left ul li.cur a{ color:#f49802;} .sn_right p{ text-align:right; color:#747474; font-size:14px;} .sj{ display: none;} .pb{ display: none;} /*gongshang*/ .gshead{padding:2.727%/*30px*/ 0 4.545%/*50px*/ 0;} .gshead .gsH h2{line-height:48px; text-align:center;font-size:24px;color:#04a1ec;background:url(../images/xr/h.png) no-repeat bottom center; position:relative;} .gshead .gsH p{color:#474747;font-size:14px; text-align:center;line-height:28px;text-transform: uppercase;border-top:#dcdcdc 1px solid;margin-top:-1px;} .gshead ul{width:100%; overflow:hidden;margin-top:35px;} .gshead ul li{width:13.506%; text-align:center;margin-top:0.909%/*10px*/;margin-right:0.909%/*10px*/; overflow:hidden;} .gshead ul li a{ display:block;height:39px;line-height:39px; background-color:#6c6c6c;font-size:14px;color:#fff;border:#6c6c6c 1px solid;} .gshead ul li a:hover,.gshead ul li.on a{ background:none;border:#04a1ec 1px solid;color:#04a1ec;} .gshead ul li:nth-child(7n){margin-right:0;} .gs_bkC li:last{ background:none;} .gs_break{width:100%; background-color:#f3f3f3;border-bottom:#e6e6e6 1px solid;/*height:40px;*/line-height:27px;padding:10px 0;} .gs_bkC p{/*width:11.091%;*/font-size:13px;color:#747474; text-align:right;} .gs_bkC p a{font-size:13px;color:#747474;margin-left:5px;} .gs_bkC p img{margin-top:-5px;} .gs_bkC li,.gs_bkC li a{color:#696969;font-size:14px;} .gs_bkC li a:hover,.gs_bkC p a:hover,.gs_bkC li.on a{color:#f49802;} .breakN{ background:none;border-bottom:none;/*height:40px !important;*/padding:10px 0;} .breakN .gs_bkC p{width:100%;text-align:right; float:right;} /*video*/ .video{width: 100%;z-index: 100;height: 0;display: none; position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.7);} .video .videow{width: 40%;position: absolute; left: 50%;margin-left: -20%;} .video video{display: block; width: 100%;} .video .close{font-size: 20px;color: #fff;text-align: right;margin-right: 2px;} .video .close span{cursor: pointer;} .float_weixin img{width:100%;} @media screen and (max-width: 1680px){ } @media screen and (max-width: 1366px){ } @media screen and (max-width: 1100px){ .jz1100{width: 90%;/*1000px*/} /*澶撮儴*/ .header{height: 65px;line-height: 65px;} .header .head1 img{width: 130px;height: auto;} .header .head2{font-size: 12px;} /*video*/ .video .videow{width: 60%;margin-left: -30%;} /*break*/ .gs_bkC p{width:13.091%; display:none;} .pc{ display:none;} .sj{ display:none;} .pb{ display:block;} .footer{ display:none;} } @media screen and (max-width: 768px){ .pc{ display:none;} .sj{ display:none;} .pb{ display:block;} /*澶撮儴*/ .header{height: 60px;line-height: 60px;} .header .head1 img{width: 100px;} /*搴曢儴*/ .footer{ display:none;} .footer .foot1{width: 74%;} .footer .foot2{width: 26%;} /*break*/ /*.gs_break{height:79px;}*/ .gs_bkC p{width:28.091%; display:none;} .sn_left ul li a,.gs_bkC p a,.gs_bkC p span{font-size:12px;} /*gongshang*/ .gshead ul li a{font-size:12px;} .gshead ul li{width:32.426%;} .gshead ul li:nth-child(3n){margin-right:0 !important;} .gshead ul li:nth-child(7n){margin-right:0.909%/*10px*/ !important;} .gs_break{ display:none;} .ban_nav ul li{ width:18.63%;} .ban_all{ bottom:10px;} .header{display:block;} .navgt .head1{display:none;} .nav .nav_1 .nava_1{color:#fff;} } @media screen and (max-width:640px){ .pc{ display:none;} .sj{ display:block;} .pb{ display:none;} .pcshow{display: none;} .phoneshow{display: block;} /*澶撮儴*/ .header .head3{display: block;} .nav{display: none; background: rgba(0,159,233,0.9);position: fixed;right: 0;top: 0;width: 100%; z-index: 1000;overflow: auto;} .nav .nav_1{float: none;width: 80%;margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,0.4);} .nav .jz1100{width: 100%;} .nav .nav_1 .nava_1{padding: 13px 0;} .nav .navgt_2{position: relative;background-color: transparent;padding-top: 0;height:auto;width:auto;top:0;left:0;transform:translateX(0);} .nav .nav_2{width: 100%;text-align: center;} .nav .nav_2 .nava_2 a{padding: 10px 0; color: rgba(255,255,255,0.7);line-height:16px;} .navlogoph{margin-top: 5%;} .navlogoph img{display: block;margin: 0 auto;width: 30px;height: auto;} .navzyph{text-align: center;margin-top: 5%;font-size: 12px;color: #fff;} .navzyph a{font-size: 12px;color: #fff;text-transform: uppercase;} .nav .nav_1 .nava_1{font-size: 15px;} .header .head2{display: none;} .nav .nav_1:hover .nava_1{background: transparent;} /*.nav .nav_2{float: left;width: 25%;background-color: #eefaff;} .nav .navgt_2{position: static;background-color: #eefaff;padding-top:0;width: 100%;} .nav .nav_2 .nava_2 a{color: #575757;font-size: 12px;text-align: center;} .nav .navgt_3{display: none;}*/ /*搴曢儴*/ .footer{ display:none;} .footer .foot1{width: 100%;float: none;margin-bottom: 5%;} .footer .foot2{width: 70%;float: none;} /*video*/ .video .videow{width: 100%;left: 0;margin-left: 0;} .ban_nav ul li{ width:48%;margin-right:4%;} .ban_all{bottom:20px;} .ban_nav ul li{ margin-bottom:4px;} .ban_nav_tit{ margin-bottom:15px;} .ban_nav ul li:nth-child(2n){ margin-right:0;} .jd_zi{ line-height:17px; height:51px;} /*gongshang*/ .gs_break{ display:none;} } @media screen and (max-width:767px){ .float_weixin{display:none;} }