body,html {	margin:0;padding:0;font-family:"微软雅黑";background-color:#fff;font-size:16px;font-weight:normal;color:#333;cursor:default;letter-spacing:0px;}
* {margin:0;padding:0;border:0;list-style:none;}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd { margin:0;padding:0;}
td { vertical-align: middle; box-sizing: border-box; }
a{color:#333;text-decoration:none;outline:none;}
a {font-weight: normal; display: inline-block; text-underline: none; text-decoration: none;}
a:hover{color:#ed6d00;}
img ,video { border: none; max-width:100%;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.bg {background:url(spxy_bg.jpg) no-repeat center bottom;}
.w1300 {width:1300px;margin:0 auto;}
.w50 {width:650px;}
.w900 {width:900px;_height:500px;min-height:500px;padding-right:30px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w420 {width:420px;}
.h420 {height:420px;}
.h260 {height:260px;}
.h300 {height:300px;}
.ml0 {margin:0px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt280 {margin-top:280px;}
.mt430 {margin-top:430px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.mr30 {margin-right:30px;}
.mr32 {margin-right:32px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:30px;}
.bt{border-bottom:1px dotted #aaa;}

#header{margin:0 auto;height:150px;width:100%;}
#top {height:30px;color:#b8cbe4;font-size:14px;line-height:30px;}
#top .left a, #top .right a {color:#ddd;margin:0 8px;}
#top a:hover {color:#fff;}
#top .right {text-align:right;}
#top .top_nav {display:none;width:235px;height:60px;position:absolute;z-index:999;background:rgba(0,0,0,0.8);}
#top .top_nav span {display:block;padding:0 5px;}
#top a:hover .top_nav {display:block;}
.logo {position:inherit;width:260px;height:150px;float: right;}
.logo a {width:100%;height:100%;text-align:center;margin:0;}
.logo a img {height:100%;}
/*nav*/
#nav{width:100%;margin:0 auto;height:50px;position:absolute;top:45px;left:0;}
.menu{margin:0 auto;padding:0;list-style:none;height:50px;line-height:50px;overflow:hidden;}
.menu li{float:left;overflow:hidden;}
.menu li a{color:#fff;font:18px/50px "微软雅黑", "宋体";text-align:center;width:130px;height:50px;display:block;outline:none;font-weight:500;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s; border-radius:10px 10px 0 0;}
.menu li a:hover{background:#0068b6;color:#fff;}
.menu .hover a{background:#0068b6;color:#fff;outline:none;}
.menu li .subnav{margin:0;padding:0;position:absolute;z-index:999;display:none;background:rgba(100,100,100,0.8);}
.menu li .subnav dt a{display:block;min-width:130px;position:relative;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px;background:none; border-radius:0 0;}
.menu li .subnav dt a:hover{background:#00afec;color:#fff;}
/* =Header
-------------------------------------------------------------- */
header {width: 100%;height:150px;z-index: 999;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,0));-webkit-transition: height 0.3s;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;position:absolute;top:0px; }
header .left , header .right {width:520px;}
header.smaller {height:100px;background:url(head_bg2.png) repeat-x bottom;position: fixed;top: 0;left: 0;}
header.smaller #top {background:#0068b6;}
header.smaller .logo {background:url(logo_bg.png) no-repeat center bottom;height:120px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;}
header.smaller .logo a {width:100%;height:120px;background:url("logo.png")no-repeat center;background-size: 120px;}
header.smaller .logo a img{display: none;}

header.smaller a{color:#000;}

.search {float:right;}
.search_form {width:110px;height:25px;margin:3px 0;display:block;}
.search input {border:none;}
.search .search-field {margin:0;width:80px;background:none;line-height:23px;padding:0;font-size:16px;color:#fff;float:left;display:inline;border-bottom:1px dotted #b8cbe4;height:23px;}
.search .search-btn {position:relative;background:url(search.png) no-repeat center;height:24px;width:24px;display:inline;float:left;filter:alpha(opacity=60);opacity:0.6;}
.search .search-btn:hover {background:url(search.png) no-repeat center;filter:alpha(opacity=100);opacity:1;}

/*---------------*/
/***** Julia *****/
/*---------------*/
figure.effect-julia {background:#fff;}
figure.effect-julia img {max-width: none;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
figure.effect-julia:hover img {opacity:0.8;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

figure.effect-romeo {-webkit-perspective: 1500px;perspective: 1500px;}
figure.effect-romeo img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-10px,0,200px);transform: translate3d(-10px,0,200px);}
figure.effect-romeo:hover img {opacity: 0.6;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

#footer {background:url(footer_bg.jpg) no-repeat;height:340px;color:#fff;font:14px/30px "微软雅黑";}
#footer .foot_logo {background:url(foot_logo.png) no-repeat center 25px;padding-top:80px;height:230px;}
#footer h5 {font:500 18px/50px "微软雅黑";margin-top:30px;}
#footer a{color:#fff;}
#footer a:hover{color:#ed6d00;}
#footer .links {width:480px;float:left;}
#footer .links li {float:left;width:33%;}
#footer .contact {width:430px;float:left;}
#footer .contact li {line-height:30px;width:450px;height:60px;clear:both;}
#footer .contact li dt {float:left;height:60px;text-align:justify;width:48px;float:left;margin-right:20px;}
#footer .contact li dt > span {display: inline-block /* Opera */; padding-left: 100%;}
#footer .contact li dd {line-height:30px;height:30px;float:left;margin-right:30px;}
#footer .code {width:390px;float:left;margin-top:90px;}
#footer .code li {float:left;width:65px;}
#footer .code li a {width:100%;height:65px; text-align:center;position: relative;}
#footer .code li a span {width:35px;height:35px;display:block;margin:0 auto;}
#footer .code .foot_ico_00 a span {background:url(foot_00.png) no-repeat;background-size:35px 35px;}
#footer .code .foot_ico_01 a span {background:url(foot_01.png) no-repeat;background-size:35px 35px;}
#footer .code .foot_ico_02 a span {background:url(foot_02.png) no-repeat;background-size:35px 35px;}
#footer .code .foot_ico_03 a span {background:url(foot_03.png) no-repeat;background-size:35px 35px;}
#footer .code .foot_ico_04 a span {background:url(foot_04.png) no-repeat;background-size:35px 35px;}
#footer .code .foot_ico_05 a span {background:url(foot_05.png) no-repeat;background-size:35px 35px;}
#footer .code .foot_ico_06 a span {background:url(foot_06.png) no-repeat;background-size:35px 35px;}
#footer .code .foot_ico_07 a span {background:url(foot_07.png) no-repeat;background-size:35px 35px;}
#footer .copy {height:40px;font:14px/40px "微软雅黑"; text-align:center;color:#b8cbe4;background:#0068b6;}
#footer .copy a{color:#b8cbe4;}
#footer .copy a:hover {color:#fff;}
#footer .wx_code {display:none;width:100px;height:100px;position:absolute;z-index:999;position:absolute;top:-100px;left:-20px;}
#footer a:hover .wx_code {display:block;}
.m_img{display:none;}
.m_nav{display:none;}


@media screen  and (max-width:800px) {
  header{display: none;}
  .topWrap{height: 42px;}
  .mobile{display: block;}
  .logo_bg{display: none;}
  .links {display:none;}
  .w1300 {width:auto; overflow:hidden;}
}

@media screen  and (max-width:800px) {
.m_img{display:block;height:90px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlink {height:30px;font:14px/30px "微软雅黑";text-align:center;background:#0068b6;color:#b8cbe4;}
   .m_img .headlink a {color:#b8cbe4;margin:0 6px;}
   .m_img .headlf{position:inherit;height:50px;float:left;padding:5px 10px;}
   .m_img .headlf .m_logo{height:50px;display: block}
   .m_img .headlr{float:right;padding:5px 10px;}
   .m_img .headlr a{display:block;font:14px/20px "微软雅黑";}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:rgba(0,104,183,.5);height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%;}
   .m_nav .m_navList ul li{border-bottom:1px solid #44a7f3;}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

.search {float:none;}
.search_form {width:80%;height:25px;margin:2rem auto;display:block;}
.search input {border:none;}
.search .search-field {margin:0;width:200px;}
.search .search-btn {position:relative;background:url(search.png) no-repeat center;height:24px;width:24px;display:inline;float:left;filter:alpha(opacity=60);opacity:0.6;}
.search .search-btn:hover {background:url(search.png) no-repeat center;filter:alpha(opacity=100);opacity:1;}

#footer {color:#fff;font:14px/30px "微软雅黑";background-size:auto 100%;height:auto;}
#footer  .foot_logo  {background:none;padding:10px;height:auto;}
#footer h5 {font:500 18px/50px "微软雅黑";margin-top:0;}
#footer .contact {width:100%;}
#footer .contact li {line-height:30px;width:100%;height:auto;clear:both;}
#footer .contact li dt {height:auto;width:100%;float:inherit;margin-right:0;clear:both;}
#footer .contact li dt > span {display:none;}
#footer .contact li dd {line-height:30px;height:30px;float:none;clear:both;margin-right:30px;}
#footer .code {width:100%;clear:both;margin-top:10px;}
#footer .code li {float:left;width:33%;}
#footer .copy {height:auto;color:#b8cbe4;clear:both;font:12px/20px "微软雅黑";}

}