/* CSS Document */ html{background:#FFF;font-size:62.5%; /* 10÷16=62.5% */} body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */background:#fffff7;color: #282828;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;} html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #282828; -webkit-font-smoothing: subpixel-antialiased;} table{border-collapse:collapse;border-spacing:0;width:100%;} fieldset,img{border:0;} img,object{width:auto;max-width:100%;-ms-interpolation-mode: bicubic;} a{outline:none;text-decoration:none;color: #282828;} a:hover{color: #ee931d;text-decoration: none;} input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;} ul,ol,li{list-style:none outside none;} .tc{text-align:center !important;} .tl{text-align:left !important;} .tr{text-align:right !important;} .pa{position: absolute;} .pr{position: relative;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';content:none;} input,textarea,select{font-weight:inherit;} input,select,textarea,button {vertical-align:middle} /*头部样式*/ .wraq_header{ width:100%;height:220px;background-color:#007072;} .topHeader{height:30px;background-color:#858585;} .topHeader > div{width:1198px;margin:0 auto;height:30px;line-height:30px;} .topHeader ul{width:auto;float:right;} .topHeader ul li{float:left;} .topHeader ul li a{color:#fcffff;} .topHeader ul li a:hover{text-decoration:underline;} .topHeader ul li span{margin:0 9px;color:#fcffff;} .header{width:1198px;max-width:1198px; min-width: 300px; height:150px; margin:0 auto;z-index:9999;position:relative;} .top{height:150px;} .logo{ width:480px; height:80px; float:left;padding:37px 0 0 0;position: relative;z-index: 1003;} .top_right{width:auto;height:28px;float:right;margin-top:84px;line-height:28px;} .top_right span{float:left;height:28px;} .top_right strong{width:112px;height:28px;float:left;} .top_right strong a{padding-left:38px;color:#fff;background:url("/images/2017/weinxin.png") no-repeat left center;display:block;} .top_right a:hover{color: #cf8f24;} .btn_ser{ display: inline-block; width:34px; height: 31px;cursor: pointer;} .btn_ser img{ vertical-align: middle;} /*二维码*/ .codeWrap{width:168px;position:absolute;top:17px;right:230px;font-size:12px;display: none;} .code{width:80px;height:116px;float:left;margin-right:6px;background-color:#fff;} .code02{margin-right:0;} .code_img{display:block;width:100%;height:80px;margin:0} .code_title{display:block;height:32px;text-align:center;line-height:16px;color:#4f5050;margin:0;padding:0 5px;} .code02 .code_title{padding:0 1px;} .ser{display:none;width:210px; height:35px; right:158px; top:82px;line-height:30px; background-color:#fff;z-index:9999994; } .wraq_header.current .logo{transition: width 0.3s ease 0s;-webkit-transition: width 0.3s ease 0s;-moz-transition: width 0.3s ease 0s;width:200px;height:57px;padding:12px 0 0 0;} .wraq_header.current{position:fixed;top:0;left:0;width:100%;height:60px;background:none;background-color:#007072;z-index:99999;box-shadow:0 4px 4px rgba(0, 51, 52, .5);} .wraq_header.current .nav{height:60px; line-height:60px;margin-left:200px;width:998px;background:none;position: absolute;left:50%;margin-left:-366px;} .wraq_header.current .nav > ul{background:none;height:60px;width:100%;} .wraq_header.current .nav li{_width:110px;*width:110px;background:none;font-size:0.9em;height:60px; line-height:60px;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;} .wraq_header.current .nav li a{color:#fff;border-left:none;} .wraq_header.current .nav li a:hover{font-weight:normal;background-color:#eda700;transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;} .wraq_header.current .nav li .subNav{display:none;top:60px;} .wraq_header.current .top{height:60px;width:200px;float:left;} .wraq_header.current .top_right{display:none;} .wraq_header.current .topHeader{display:none;} .wraq_header.current .minfoWrap{display:none !important;} .wraq_header.current .header{height:60px;width:240px;position: absolute;left:50%;margin-left:-599px;} /*导航*/ /*.current .nav-wrapper{background:#004a99; height:60px; line-height:60px;box-shadow:0px 0px 6px #333;} .nav-wrapper.current .navMain{background:#014fa7; height:73px; line-height:73px;} .navMain{ height:60px; line-height:60px;}*/ .nav{width:100%;height:40px;background-color:#828282 } .nav > ul{width:1198px;height:40px;margin:0 auto;position:relative;} .nav ul li{ float:left;line-height:40px;background-color:#828282;} .nav ul > li{width:10.22%;} .nav ul > li:first-child{width:8%;*width:7.8%;} .nav ul li a{padding:0;text-align:center;} .nav ul li > a{font-size:16px;font-size:1.6rem; color:#fff;display: block;font-weight:normal;border-left:1px solid #fff;} .nav ul li:first-child a{border-left:none;} .nav ul li > a:hover,.nav ul li.on > a{background-color:#007072;} .nav .minfoWrap {position:absolute; height:172px;left:0%;width:100%;z-index:9993;display:none;background-color:#f2f5f5;color:#282828;font-size:14px;font-size:1.4rem;} .nav .minfoWrap_inner { width:auto;margin:0 auto;padding:22px 0 0 22px;} .minfoWrap_inner .fl{width:369px;height:129px;float:left;margin:0 29px 0 0;overflow:hidden;border:1px solid #dbdbdb;} .minfoWrap_inner .fl img{width:100%;display:block;} .nav .nav01 {width:450px; float:left;padding-top:18px;} .nav ul .nav01 li{width:25%;float:left;text-align:left;height:30px;line-height:30px;background:none;} .nav .minfoWrap a{text-align:left;color:#282828;padding:0;font-size:14px;font-size:1.4rem;border-right:none;} .nav .minfoWrap_inner .fr{line-height:23px;padding-top:18px;margin-right:45px;text-align:left;line-height:30px;width:270px;float:left;color:#007072;} .nav .minfoWrap_inner a:hover,.nav .minfoWrap_inner a.hover{text-decoration:none;color:#ee931d;background:none;} .nav .minfoWrap_inner a{border-left:none;} .nav-wrapper{z-index:9992} .nav ul .nav01 li.cur01{width:60%;clear:both;} .nav ul .nav01 li.cur02{width:40%;float:right;} .nav ul .nav01 li.cur03{width:50%;} .nav ul .nav01 li.cur04{width:40%;} .nav ul .nav01 li.cur05{width:30%;} /*footer*/ .goTop {position: absolute;bottom: 0;right: 30px;z-index: 99;color: #f18e21;text-align: center;font-size: 16px;transition: none;} .goTop i {color: #f18e21;display: block;margin-bottom: 8px;transition: all 0.3s ease;} .goTop:hover{color: #f18e21;} .goTop:hover i {transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);} .sEng{display:none;position:absolute;right:13px;top:4px;font-size:14px;} .sEng a{color:#fff;} @keyframes rotate{ from{ transform: rotateX(90deg) translateY(0%); top:43px; } to{ transform: rotateX(0deg) translateY(0%); top:43px; } } @-moz-keyframes rotate{ from{ -moz-transform: rotateX(90deg) translateY(0%); top:43px; } to{ -moz-transform: rotateX(0deg) translateY(0%); top:43px; } } @-webkit-keyframes rotate{ from{ -webkit-transform: rotateX(90deg) translateY(0%); top:43px; } to{ -webkit-transform: rotateX(0deg) translateY(0%); top:43px; } } /*手机端导航*/ .snav{display: none;height: 50px;right:0px; top:50px;z-index: 1002; width:100%;} .mbtn{display: block;width:50px;height: 50px; right:15px; top:0;z-index: 1002;cursor:pointer;background-color: #05bec3;} #Index_mbtn{margin:0 auto;width:16px;height:18px;display: block;margin-top:10px;color:#fff;} .mbtn .m{font-size: 12px;font-weight:400;font-family:Arial;color:#fff;text-align:center;width:100%;display:block;hegiht:20px;} .navm{ width:100%;z-index: 9999; line-height: 30px; background-color:#008688;overflow: hidden; text-align: left; display: none;top:84px;left:0;} .navm ul{} .navm li{width:100%;overflow:hidden;border-bottom:1px solid #009194;} .navm li a{ font-size: 15px;font-size:1.5rem; width:120px;float:left; line-height:18px; padding:10px 0px; color:#fff; padding-left:13px; display:block;} .navm li a:hover{color:#fff;} .navm li span{ padding:10px 10px 0 0;float:right;margin-right:10px;color: #fff;cursor: pointer;} .navm dl{ background-color:#fff;color:#004489;padding-left:20px;} .navm dl dd{width:100%;height:30px;line-height:30px;border-bottom:1px solid #ddd;} .navm li.on dl dd a{ display:block;font-size: 14px; color:#282828; line-height:30px;height:30px;width: 100%;} .navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline; display:block; border:none; padding:0px;} .navm li dl dd a:hover{ color:#ee931d;} .subNavs{width:100%;overflow:hidden;display: none; } .nlinks{width:100%;overflow:hidden;} .nlinks span{float:left;padding:0 10px;height:35px;line-height: 35px;} .nlinks span a{color:#fff;} /*footer*/ .footerWrap{width: 100%;/*overflow:hidden;*/background:url("/images/2017/friendLink_bg.png") no-repeat top center #eee} .friendLink{width: 1198px;margin:0 auto;padding:20px 0;/*overflow: hidden;*/text-align:center;} .select01{} .select01{position:relative;width:190px;height:30px;line-height: 30px;border-style:none;border:1px solid #b2b2b2;margin-right:7px;display:inline-block;*display: inline;*zoom:1;text-align: left;} .select01 option{height: 30px;line-height: 30px;} .select06{margin-right:0;} .footer{width:100%;/*overflow:hidden;*/margin:0 auto;background: url("/images/2017/footer_bg.png") no-repeat top center #0d6c6e; } .Links01,.Links02 {width:100%;overflow:hidden;padding:34px 0;} .Links02 {padding-top:43px;min-height:75px;} .Links01 li{width:20%;float:left;line-height:28px;} .Links01 li a{color:#fff;} .Links01 li a{background:url("/images/2017/li_bg01.png") no-repeat left 8px;padding-left:20px;display:block;} .Links02 li{width:16.6%;float:left;min-height: 11px;} .Links02 li select{width:75%;margin-left:6%;} .copyRight{width:100%;max-width:1198px;margin:0 auto;overflow:hidden;font-size:12px;font-size:1.2rem;border-top:1px solid #648787;padding-top:43px;} .copyRight a{color:#fff;} .copyRight a:hover{color:#ee931d;} .link03 span{margin:0 4px;color:#fff;} .link03{width:246px;margin:0 auto;} .copyRight span{color:#fff;} .footer_bottom{text-align:center;line-height:24px;padding:5px 10px 35px;} .footer_bottom span{display:block;} .footer_bottom strong{margin:0 5px;} /*手机版二维码*/ .lightbox_back { z-index: 999997; left: 0; top: 0; width: 100%; height: 100%; position: fixed; background: black; opacity: 0.4; filter: alpha(opacity=40); display: none;} .fullScreen{display: block;right:50%;margin-right:-84px;} .lightbox_fore { z-index: 999998; left: 20%; top: 50%;width: 60%; height: 116px; margin-top:-58px; position: fixed; display: none;} .boxClose{position: absolute;right:-15px;top:-15px;cursor:pointer;} .footer_icon01{ position: relative; bottom: 5px; left: 245px; display: inline-block; /* width: 100px; */ /*! height: 100px; */float: left;} .select001{width:186px; margin:0px auto; position:relative; z-index:10000;display:inline-block;z-index: 9999999} .select001 .option_cur{width:150px; height:24px;line-height:24px; display:block; color:#333; cursor:pointer;font-style:normal; padding-left:4px; padding-right:30px; border:1px solid #ccc; overflow: hidden; background:url("/images/2018/xjt.png") no-repeat right center #fff;} .select001 ul{width:184px;border:1px solid #ccc; background-color:#ffffff; position:absolute; z-index:99999999; margin-top:-1px; display:none;left:0;overflow:auto;} .select001 ul li{ line-height:19px;padding:5px 0;} .select001 ul li a{display:block; color:#333333; text-decoration:none; padding-left:10px; padding-right:10px;} .select001 ul li a:hover{background-color:#fff;} @media screen and (max-width:1198px) { .header,.topHeader > div,.footer{width:auto;padding:0 8px;} .headerCur01,.wraq_header{height: auto;} .minfoWrap_inner .fl{display: none;} .Links01 li{width:33.333%;} .goTop{right:10px;} .Banner{width: 100%;} .copyRight{position:relative;padding-top:25px } .footer_icon01{width:50px;height:50px;position:absolute ;left:15px;top:35px;} .friendLink{padding:15px 15px 0px;width: auto;} .select01{margin:0 10px 10px;} .footerWrap{background-image: none;} .wraq_header,.header{height:auto;} .snav{display: block;} .top_right,.topHeader ul,.nav{display: none;} .select001{margin-bottom: 10px;} } @media screen and (max-width:800px) { .top_right,.nav,.topHeader{display: none;} .BannerList h3{font-size:20px;font-size:2.0rem;line-height:20px;} .BannerList p{font-size:14px;font-size:1.4rem;} .BannerList p span{display:block;margin:0 auto;} .BannerList p strong{display:none;} .footer_icon01{top:0px;} } @media screen and (max-width:768px) { .footer{background-size:cover;background-position: bottom center;} .footer_bottom{padding-bottom:15px;} #divselect3,#divselect4,#divselect5,#divselect6{display: none;} } @media screen and (max-width:760px) { .select03,.select04,.select05,.select06{display:none;} } @media screen and (max-width:640px) { .footer_bottom strong{display: block;} .footer_icon01{top:20px;} .logo{width:75%;height:auto;padding:25px 0 0 0;max-width:320px;} .top{height:100px;} .snav{top:24px;} .navm{top:76px;} } @media screen and (max-width:500px) { .select01{width: 42%;} .footer_icon01{left: 8px;} } @media screen and (max-width:480px) { .footer_bottom{padding:5px 5px 20px;} .copyRight .footer_bottom span{margin:0;} .select001{width:125px;margin: 0 5px 15px;} .select001 .option_cur{width:95px;} } @media screen and (max-width:380px) { .link03{width: 100%;text-align: center;line-height: 25px;} .link03 a,.link03 span{display: inline-block;} .footer_icon01{top:50px;} }