/*Powered by SJW @2025-01-08*/
@import 'font-awesome.min.css'; 
@import 'icomoon.min.css'; 
@font-face {font-family:'OPPOSans'; src:url('fonts/OPPOSans-Regular.otf');}
* {margin:0; padding:0; border:0;}
body {background-color:#fff; overflow-x:hidden; color:#333; font-size:16px; font-family:'Microsoft YaHei',Arial,sans-serif;}
a {color:#333; text-decoration:none; -webkit-transition:transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease; -moz-transition:transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease; transition:transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;}
a:hover {color:#f90; text-decoration:none;}
input,select,img {vertical-align:middle;}
ul,li {list-style:none;}
em, cite, th {font-style:normal; font-weight:normal;}
.wrap, .wrap2 {width:94%; margin:0 auto; padding-top:3%; padding-bottom:4%; text-align:left; zoom:1; overflow:hidden; position:relative;}
.wrap {max-width:1200px;}
.wrap2 {max-width:1400px;}
.divhidden {display:none;}
.l {float:left;}
.r {float:right;}
.clr {clear:both;}
.c_l {clear:both; height:0; font-size:0; overflow:hidden;}
.clearfix:after {content:'\20'; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}

/*顶部*/
.header-v1 {width:100%; position:fixed; height:114px; padding-top:3px; z-index:10; background:url(/images/top_bg.jpg) #fff left top repeat-x; box-shadow:0 1px 10px rgba(0, 0, 0, 0.15);}
.nav-hide .header-v1 {height:99px; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.nav-hide .blank_h {height:99px; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.nav-hide .header-v1 .top-main .logo1 img {height:99px; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.header-v1 .top-main {width:100%; margin:0 auto;}
.header-v1 .top-main .logo1 {float:left; height:100%; margin-left:2%;}
.header-v1 .top-main .logo1 img {height:100%;}
.header-v1 .languages {float:right; position:relative; display:block; font-size:18px; color:#16549e; height:114px; line-height:114px; width:34px; text-align:center; font-weight:bold; text-decoration:none; text-align:center; margin-left:3px; margin-right:2%;}
.nav-hide .header-v1 .languages {height:99px; line-height:99px;}
.header-v1 .languages:hover {}
.header-v1 .languages:after {left:1%; right:1%; opacity:1; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.header-v1 .languages:after {content:""; display:block; position:absolute; left:50%; right:50%; bottom:-1px; height:4px; opacity:0; background-color:#099; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.header-v1 .languages:hover:after {left:1%; right:1%; opacity:1; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.header-v1 .top-main .top-main-content {float:right;}

/*导航*/
.navBar {padding-right:20px;}
.nav {list-style:none; padding:0;}
.nav .m {float:left; border-top:0; border-bottom:0; width:120px; position:relative;}
.nav a:hover {text-decoration:none; color:#3ebff7;}
.nav h3 {float:left; font-weight:normal; font-size:16px; height:114px; overflow:hidden; width:100%; text-align:center;}
.nav h3 a {display:block; color:#444; line-height:114px; font-size:16px;}
.nav-hide .nav h3 {height:99px;}
.nav-hide .nav h3 a {line-height:99px;}
.nav .on {}
.nav .on h3 a {color:#fff; background-color:#099;}
.nav .sub {display:none; width:100%; padding:0; position:fixed; top:117px; left:0; background:#fdfdfd; z-index:110; border-top:3px solid #ededed; border-bottom:1px solid #ededed;}
.nav-hide .nav .sub {top:102px;}
.nav .sub dl {text-align:right; float:right; width:800px;}
.nav #m2 .sub dl {width:840px;}
.nav #m3 .sub dl {width:720px;}
.nav #m4 .sub dl {width:590px;}
.nav #m5 .sub dl {width:440px;}
.nav #m6 .sub dl {width:320px;}
.nav #m7 .sub dl {width:370px;}
.nav .sub dd {float:left; vertical-align:middle; list-style:none; text-decoration:none; margin-right:6%;}
.nav .sub dd a {height:74px; line-height:74px; display:block; color:#37230a; font-size:16px;}
.nav .sub dd a:hover {color:#999;}
.blank_h {height:117px; overflow:hidden;}
.nav #m1 {width:90px;}
.nav #m3 {width:160px;}

/*手机平板导航*/
.touch-top {width:100%; position:fixed; top:0; z-index:9; background:#fff; border-top:1px solid #ddd; display:none; box-shadow:0 1px 10px rgba(0, 0, 0, 0.15);}
.touch_bg {width:100%; position:fixed; top:0; z-index:8; background:#0d0d0d; display:none; filter:alpha(Opacity=60); opacity:0.6; height:100%;}
.touch-top-wrapper {width:96%; margin:0 auto;}
.touch-top-wrapper .touch-logo {float:left;}
.touch-top-wrapper .touch-logo img {height:90px; display:block;}
.touch-navigation {display:block;}
.touch-toggle {position:absolute; right:10px; top:0;}
.touch-toggle li {float:left; height:70px; padding:0 12px; text-align:center;}
.touch-toggle li a {height:70px;}
.touch-toggle li:hover, .touch-toggle li:active {}
.touch-toggle .touch-toggle-item-first {border-left:none;}
.touch-toggle .touch-toggle-item-last {border-right:none;}
.touch-toggle li a {display:block; font-size:12px;}
.touch-toggle li i {display:inline-block; width:32px; height:32px; overflow:hidden; margin-top:30px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.touch-toggle .touch-icon-language {background-image:url(/images/touch-icon-language.png);}
.touch-toggle .touch-icon-user {background-image:url(/images/touch-icon-user.png);}
.touch-toggle .touch-icon-search {background-image:url(/images/head_pic2.png);}
.touch-toggle .touch-icon-menu {background-image:url(/images/head_pic1.png);}
.touch-toggle .drawer-menu {position:relative; display:block; width:40px; height:40px; margin-top:32px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center;  -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.touch-toggle .drawer-menu span {height:3px; margin:3px 5px; width:30px; display:block; background:#444; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.touch-toggle .drawer-menu.active span:nth-child(1) {-webkit-transform:rotate(-45deg) translate(-5px, 6px); -ms-transform:rotate(-45deg) translate(-5px, 6px); transform:rotate(-45deg) translate(-5px, 6px);}
.touch-toggle .drawer-menu.active span:nth-child(2) {opacity:0;}
.touch-toggle .drawer-menu.active span:nth-child(3) {-webkit-transform:rotate(45deg) translate(-6px, -7px); -ms-transform:rotate(45deg) translate(-6px, -7px); transform:rotate(45deg) translate(-6px, -7px);}
.touch-toggle li span {display:none; text-align:center;}
.drawer-section {display:none;}
.drawer-section-menu {padding:0px 0px 10px;}
.touch-toggle-content {clear:both;}
.touch-menu {clear:both;}
.touch-menu ul li {border-bottom:1px solid #eee; position:relative;}
.touch-menu ul li a {color:#333; display:block; font-size:18px; height:48px; line-height:48px; padding-left:30px;}
.touch-menu ul li a:hover, .touch-menu ul li a:active {background-color:#099; color:#fff;}
.touch-menu ul li i {font-size:18px; color:#333; position:absolute; top:14px; right:25px; display:block; width:13px; height:13px; overflow:hidden;transition-duration:0.3s; transition-property:all;}
.touch-menu ul li i.selected {transform:rotate(180deg);}
.touch-menu ul li a:hover i {color:#fff;}
.touch-menu ul ul {display:none; margin:0; padding:0;}
.touch-menu ul ul li {border-bottom:none; margin:0; padding:0;}
.touch-menu ul ul li a {padding:0; padding-left:45px; font-size:16px; height:38px; line-height:38px;}
.touch-menu ul ul li i {top:13px;}
.touch-menu .closetitle {padding-top:10px; padding-bottom:10px; text-align:center; cursor:pointer;}
.touch-menu .closetitle img {margin:0 auto; height:30px; width:auto;}

/*页脚*/
.foot_bg {background-color:#222; overflow:hidden; cursor:default;}
.foot_con {width:97%; margin:0 auto; max-width:1182px; overflow:hidden;}
.foot_con .foot_con_l {float:left; overflow:hidden;}
.foot_con .foot_con_l .foot_con_a {line-height:30px; font-size:14px; color:#c7c7c7; overflow:hidden; margin-bottom:4%; margin-top:1%;}
.foot_con .foot_con_l .foot_con_a a {color:#c7c7c7;}
.foot_con .foot_con_l .foot_con_a a:hover {color:#f90;}
.foot_con .foot_con_l .foot_con_a span {color:#c7c7c7; padding:0 10px}
.foot_con .foot_con_l .foot_con_logo {margin-top:30px; display:block; clear:both;}
.foot_con .foot_con_r {float:right; padding-top:30px;}
.foot_con .foot_con_r img {width:80px; float:right; margin-bottom:30px; margin-left:12px;}
.foot_con .foot_con_r ul {float:right; font-size:12px; color:#c7c7c7; line-height:30px; margin-bottom:20px;}
.foot_con .foot_con_r ul li {display:block; text-align:right; overflow:hidden; height:26px; line-height:28px;}
.foot_con .foot_con_r ul li a {color:#c7c7c7;}
.foot_con .foot_con_r ul li a:hover {color:#f90;}
.foot_con .foot_con_r ul li .tel {float:right; padding-left:28px; color:#c7c7c7; background:url(/images/foot_icon1.png) left 4px no-repeat}
.foot_con .foot_con_r ul li .email {float:right; padding-left:25px; color:#c7c7c7; background:url(/images/foot_icon2.png) left center no-repeat;}
.foot_bg2 {background-color:#099; height:39px; line-height:39px; font-size:12px; color:#fff; text-align:left; overflow:hidden;}
.foot_bg2 a {font-size:12px; color:#fff;}
.foot_bg2 a:hover {color:#c7c7c7;}
.foot_con2 {width:97%; margin:0 auto; max-width:1182px; overflow:hidden;}
.foot_con2 .gwab {padding-left:20px; background:url(/images/icon-gwab.png) no-repeat left;}
.foot_bg2 .foot_con2 .footer_fx_r {float:right;}
.foot_bg2 .foot_con2 .footer_fx_r li {float:left; padding-left:16px;}
.foot_bg2 .foot_con2 .footer_fx_r li:hover {color:#c7c7c7;}
.foot_bg2 .foot_con2 .footer_fx_r img {margin-left:28px; margin-top:22px; width:150px; height:150px;}
/*.gotop {position:fixed; bottom:8%; right:1%; width:51px; height:51px; background:url(/images/gotop.png) no-repeat; background-size:100% 100%; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.gotop:hover {-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}*/
.gotop{position:fixed;bottom:5%;right:3%;width:40px;height:40px;background-color:#1ea1a1;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.gotop:hover{border-radius:50%;background-color:#00a66e;}
.gotop:before{font-family:'Web Icons';font-size:20px;color:#fff;font-weight:400;position:absolute;left:33%;bottom:30%;content:'\f106';}


@media screen and (max-width:1370px) {
	.nav .m {width:96px;}
}

@media screen and (max-width:1200px) {
	.blank_h {height:90px;}
	.nav-hide .blank_h {height:90px;}
	.header-v1 {display:none;}
	.touch-top {display:block;}
}

@media screen and (max-width:1000px) {
	.foot_con .foot_con_l {width:100%; text-align:center;}
	.foot_con .foot_con_l img {margin:0 auto;}
	.foot_con .foot_con_r {width:100%; text-align:center; padding-top:0;}
	.foot_con .foot_con_r img {float:none; margin:0 auto; margin-left:auto; margin-bottom:2%;}
	.foot_con .foot_con_r ul {float:none;}
	.foot_con .foot_con_r ul li {text-align:center;}
	.foot_con .foot_con_r ul li .tel {float:none; clear:both; display:inline-block;}
	.foot_con .foot_con_r ul li .email {float:none; clear:both; display:inline-block;}
}

@media screen and (max-width:640px) {
	.wrap, .wrap2 {width:92%; padding-bottom:6%;}
	.blank_h {height:80px;}
	.nav-hide .blank_h {height:80px;}
	.touch-top-wrapper .touch-logo {padding-left:20px;}
	.touch-top-wrapper .touch-logo img {height:80px;}
	.touch-toggle li i {margin-top:20px;}
	.touch-menu ul li a {font-size:16px; height:40px; line-height:40px;}
	.foot_con .foot_con_l .foot_con_logo {margin-bottom:20px;}
	.touch-toggle .drawer-menu {margin-top:25px;}
}

@media screen and (max-width:480px) {
	.blank_h {height:70px;}
	.nav-hide .blank_h {height:70px;}
	.touch-top-wrapper .touch-logo img {height:70px;}
	.touch-toggle li {padding-left:8px; padding-right:8px;}
	.touch-toggle li i {width:26px; height:26px; margin-top:23px;}
	.touch-menu ul li a {font-size:14px; height:36px; line-height:36px;}
	.touch-menu ul ul li a {font-size:14px; height:36px; line-height:36px;}
	.foot_con .foot_con_l .foot_con_logo {margin-bottom:20px;}
	.touch-toggle .drawer-menu {margin-top:20px;}
}