@charset "utf-8";
.bgf5{ width:100%; background:#f7f7f7; padding:40px 0px; overflow:hidden;}
body { text-align: left; padding: 0; margin: 0; font-size: 14px; color: #333; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif !important; height: auto; background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased;}
div,p,li { word-break: break-all;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p { padding: 0; margin: 0;}
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th { padding: 0; margin: 0;}
fieldset { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right-width: 0;}
a,img,iframe { border: 0; padding: 0; margin: 0;max-width: 100%;}
i { font-style: normal;}
address,caption,cite,cite,code,dfn,em,th,var { font-weight: normal; font-style: normal;}
ul,ol,li { list-style: none;}
caption { text-align: left;}
th { text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%;}
q:unknown { content: '';}
:root{
  --titlecolor:#007fcb;/*indextit*/
  --menucolor:#007fcb;/*menu color*/
  --menuborder:#045f95;
  --menuddcolor:#1197e7;/*yunu-nav dl dd background*/
}

button,input,select,textarea { font-size: 100%;}
table { border-collapse: collapse; border-spacing: 0;}
input,textarea,select { font-family: inherit; font-size: 100%;}
a:link { color: #333; text-decoration: none;}
a:visited { color: #333; text-decoration: none; cursor: pointer;}
a:hover { color:var(--menucolor); text-decoration: none;}
.ease,
.ease * {
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}
.noease,
.noease * {-webkit-transition: none;
 -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;}
:-moz-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #333;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #333;}
input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */color: #666;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */color: #666;}
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */ color: #666;}
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/color: #666;}
textarea::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */color: #333;}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */color: #333;}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */ color: #333;}
textarea:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/color: #333;}

.fl,.left { float: left;}
.fr,.right { float: right;}
.tac {text-align: center;}
.tar {text-align: right;}
.clear {clear: both;font-size: 0;margin: 0;padding: 0;display: block; _height: 0;overflow: hidden;}
.clearfix:after {visibility: hidden; display: block;font-size: 0; content: " ";clear: both;height: 0;}
.clearfix { *zoom: 1;}
.hidden { display: none;}
.icon {background-image: url("/images/ico.png");display: inline-block;vertical-align: middle;}
.marg50{margin-top:50px!important;}
.wrap{max-width:1600px;margin:0 auto;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width: 1920px){.wrap{margin: 0px auto;max-width:1600px}}
@media screen and (max-width: 1600px){.wrap{margin: 0px auto;max-width:1400px}}
@media screen and (max-width: 1440px){.wrap{margin: 0px auto;max-width:1300px}}
@media screen and (max-width: 1300px){.wrap{margin: 0px auto;max-width:1200px}}
@media screen and (max-width: 1280px){.wrap{margin: 0px auto;max-width:1200px}}
@media screen and (max-width: 1024px){.wrap{margin: 0px auto;max-width:1000px}}
/*----------- 头部 -----------*/
.top{ width:100%; background:#f3f3f3; line-height:30px; overflow:hidden; transition: transform 0.3s ease;}
.topl{ color:#704a2e}
.fr a{display: inline-block;position: relative;color:var(--menucolor);font-size: 16px;padding-left: 27px;}
.fr a.h_email:after{content:'';width:28px;height:18px;background: url(/images/ico.png) -31px 0;position: absolute;left:0;top: 50%;margin-top: -9px;}
.fr a.h_tel:after{content:'';width: 18px;height: 18px;background: url(/images/ico.png) 0 0;position: absolute;left:4px;top: 50%;margin-top: -9px;}
.header_main {position: fixed;width: 100%; height: 81px;background: transparent;transition: all 0.9s ease-out 0s;z-index:999;}
header{position: fixed;left: 0;top: 0;height:auto;min-width: 1200px;z-index:999;opacity: 1;width:100%;background:#fff; border-bottom:rgba(0,0,0,0.1) solid 1px;}
.header-box{ width:100%;height:81px;position: relative;margin:auto;}
.header-box .logo{float:left; width:300px; padding-top:10px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.menuBtn {display: none;}
.yunu-nav{float:right;height:81px;margin:auto; height:81px; line-height:81px; position:relative; z-index:1;}
.yunu-nav li {float: left;position: relative;}
.yunu-nav li > a {position: relative;display: block;font-size: 16px;margin-right: 5px;padding: 0 30px;text-align: center;height:81px;line-height: 81px;
	color: #333;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.yunu-nav li > a:after {content: '';position: absolute;top: 50%;left: 50%;margin-top: -17px;height: 35px;width: 0;border-radius: 0;opacity: 0;
	transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;z-index: -1;}
/*.yunu-nav li.on > a:after,*/ .yunu-nav li:hover > a:after {left: 0;width: 100%;border-radius: 20px;opacity: 1;background-color:var(--menucolor);}
/*.yunu-nav li.on > a,*/ .yunu-nav li:hover > a {color: #fff;}
.yunu-nav li dl {display: none;position: absolute;top:90%;left: 0;right: 0;margin: 0 -37px;padding-top:10px;z-index: 999;}
.yunu-nav li:hover dl {display: block;}
.yunu-nav li dl:after {content: '';position: absolute;top: 3px;left: 50%;margin-left: -10px;width: 15px;height: 15px;background-color: #fff;transform: rotate(45deg);
	-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);z-index: -1;}
.yunu-nav li dl dd a {display: block;font-size: 12px;text-align: center;height: 40px;line-height: 40px;color: #333;background-color: #fff;border-bottom: 1px solid #e6e6e6;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;text-indent: 0;}
.yunu-nav dl dd:first-child a {border-radius: 5px 5px 0 0;}
.yunu-nav dl dd:last-child a {border-radius: 0 0 5px 5px;}
.yunu-nav li dl dd a:hover {text-indent: 1em;background-color:var(--menucolor);color: #fff;}

.header_main .nav .sub-box .it a:hover {color: #f4001b !important; font-weight: bold;}
.header_main.xc {border-bottom: 1px solid #ddd;transition: all 0.9s ease-out 0s; position: fixed;left: 0;top: 0; width: 100%;background-color: #ffffff;}
.header_main.xc .nav_main .item a {color: #333;}


/*底部foot*/
.foot_bg{ width:100%; margin:auto; background:#3a3a3a; /*background:#192e64;*/ padding:50px 0px 0 0;overflow:hidden;}
.footLeft{ float:left;width:35%;overflow:hidden;}
.footLeft h2{ width:100%;font-size:16px; line-height:40px; font-weight:bold; color:#ffffff; text-transform:uppercase}
.footLeft p{ float:left; width:100%; font-size:14px; color:#c5c5c5; line-height:25px; overflow:hidden}
.footcenter{ float:left;width:20%;overflow:hidden; margin-left:90px; }
.footcenter1{ float:left;width:15%;overflow:hidden; margin-left:90px; }
.footright{ float:right;width:10%;overflow:hidden; margin-left:10px;}
.footright h3{ font-size:16px; line-height:40px; font-weight:bold; color:#fff; padding-left:3%}
.footright li{ width:100%; float:left; text-align:center; color:#c5c5c5}
.footright li:nth-child(2){ float:right;}
.footico{float:left; width:100%;}
.footico p{ width:100%; float:left; line-height:40px;color:#c5c5c5; font-size:15px;}
.footico span {display:inline-block;  float: left;width: 18px; background-image: url(/images/foot_ico.png); margin-right:10px;}
.foot_add{background-position: 0 0; height:30px;}
.foot_tel{background-position: 0 -33px; height:30px;}
.foot_mobile{background-position: 0 -70px; height:30px;}
.foot_mail{background-position: 0 -105px; height:30px;}
.foot_ewm{ padding-top:40px;}

.footMenu{float:left; margin-top:5px; width:100%}
.footMenu li a{float:left;font-size:14px; line-height:30px; width:50%;color:#c5c5c5;}
.footMenu li a:hover{color:var(--menucolor)}
.footMenu h3{ font-size:16px; line-height:40px; font-weight:bold; color:#fff; text-transform:uppercase}
.copyright{ float:left; width:100%;text-align:center; line-height:30px; color:#c5c5c5; padding:15px 0px; border-top:1px solid #4a4a4a;text-align:right; margin-top:30px; }
.footMenu1{float:left; margin-top:5px; width:100%}
.footMenu1 li a{float:left;font-size:14px; line-height:30px; width:100%;color:#c5c5c5;}
.footMenu1 li a:hover{color:var(--menucolor) }
.footMenu1 h3{ font-size:16px; line-height:40px; font-weight:bold; color:#fff; text-transform:uppercase}

/*在线客服rightFix*/
.rightFix {width: 65px; position: fixed;right: 10px;bottom: 10%;z-index: 999;}
.rightFix a {width: 65px; height: auto;background:var(--menucolor);text-align: center;display: block;margin-bottom: 6px;position: relative;padding-top: 8px;
  border-radius: 5px;padding-bottom: 5px;}
.rightFix a h3 {color: #fff; font-weight: 400;font-size: 12px;}
.rightFix .ico {width: 32px; height: 32px;display: block;position: relative;overflow: hidden;transition: all ease 300ms;margin: 0 auto 1px;padding: 0;
  background: url("/images/fix-ico.png") no-repeat 0 0;}
.rightFix .img { width: 110px;height: auto;position: absolute;left: -10px;top: 0;padding: 6px; background:var(--menucolor);border: 1px solid #ddd;background: #fff;
  display: none;text-align: center;opacity: 0;filter: alpha(opacity=0);transition: all ease-in-out 0.2s;border-radius: 5px;color: #333;padding-bottom: 10px;}
.rightFix .img p {padding-top: 5px;}
.rightFix a:hover .img {opacity: 1;filter: alpha(opacity=100);left: -140px;display: block;}
.rightFix .img img {width: 110px;height: 110px;}
.rightFix a span {width: 200px;text-align: center;height: 62px;line-height: 62px;position: absolute;top: 0;background:var(--menucolor);color: #fff;display: block;font-weight: bold;font-size: 18px;opacity: 0;filter: alpha(opacity=0);transition: all ease-in-out 0.2s;border-radius: 7px 0 0 7px;}
.rightFix a:hover {background-color:var(--menucolor);overflow: visible;}
.rightFix a:hover h3 { color: #fff;}
.rightFix a.fix-ewm:hover img {opacity: 1;filter: alpha(opacity=100);left: -140px;}
.rightFix a:hover span {opacity: 1;filter: alpha(opacity=100);left: -210px;}
.rightFix .fix-tel:hover .ico { background-position: -32px 0;}
.rightFix .fix-xcx .ico {background-position: 0 -32px;}
.rightFix .fix-xcx:hover .ico {background-position: -32px -32px;}
.rightFix .fix-ewm .ico {background-position: 0 -64px;}
.rightFix .fix-ewm:hover .ico {background-position: -32px -64px;}
.rightFix .mess .ico {background-position: 0 -96px;}
.rightFix .mess:hover .ico {background-position: -32px -96px;}
.rightFix .fix_top .ico {background-position: 0 -128px;}
.rightFix .fix_top:hover .ico,
.rightFix .fix_top.hover .ico {background-position: -32px -128px;}
.rightFix .fix-form { background-position: 10px -234px;}
.rightFix .fix-form span {font-size: 14px; line-height: 23px;width: 180px;}
.rightFix .fix-form:hover {background-position: -37px -234px;}
@media only screen and (max-width: 959px) {
  .marg50{margin-top:20px!important;}
  .wrap{width:100%;max-width:98%;margin:auto;}
  .top{ display:none;}
 .rightFix{ display:none;}
 .header-box .tel_right{ display:none} 
 .header_main {position: fixed;width: 100%; height:60px;background: transparent;transition: all 0.9s ease-out 0s;z-index:999;}
  header{position: fixed;left: 0;top: 0;height:60px;min-width: 100%;z-index:999;opacity: 1;width:100%;background:#fff; border-bottom:rgba(0,0,0,0.1) solid 1px;}
 .header-box{ width:100%;height:60px;position: relative;margin:auto;}
 .header-box .logo{float:left; width:160px; padding-top:8px;}
 .header-box .logo img{ width:90%}
 /*菜单*/
 .yunu-nav {position: fixed;top:60px;left: 0;right: 0;width: 100%;height: 100%;float: none;background-color:var(--menucolor);display: none;}
 .yunu-nav > li {float: none;}
 .yunu-nav > li > a {height: 44px;line-height: 44px;color: #fff;border-bottom: 1px solid var(--menuborder);text-align: left;transition: .0s;-ms-transition: .0s;
	-moz-transition: .0s;-webkit-transition: .0s;-o-transition: .0s;margin-right: 0;}
 .yunu-nav li > a:after {display: none;}
 .yunu-nav > li > a.v1 {background-repeat: no-repeat;background-position: 95% center;background-image: url(/images/sj-nav5.png);
	-o-background-size: auto 8px;-ms-background-size: auto 8px;-moz-background-size: auto 8px;-webkit-background-size: auto 8px;background-size: auto 8px;}
 .yunu-nav > li > a.v1.on {background-image: url(/images/sj-nav6.png);}
 .yunu-nav > li.ok > a,  .yunu-nav > li:hover > a {color: #fff;}
 .yunu-nav li dl {position: static;margin: 0;padding-top: 0;}
 .yunu-nav li:hover dl {display: none;}
 .yunu-nav li dl:after {display: none;}
 .yunu-nav li dl dd a {text-align: left;padding: 0 30px;height: 36px;line-height: 36px;font-size: 14px;color: #fff;background-color: var(--menuddcolor);border-bottom: 1px solid var(--menuborder);}
 .yunu-nav dl dd:first-child a {border-radius: 0;}
 .yunu-nav dl dd:last-child a {border-radius: 0;}
 .yunu-nav li dl dd a:hover {color: #fff;background-color: transparent;border-bottom: 1px solid #ccc;}
 /*菜单按钮*/
 .menuBtn {display:block;position: relative;float: right;margin-top: 4px;width: 40px;height: 40px;padding: 5px;cursor: pointer;}
 .menuBtn b {display: block;width: 100%;height: 2px;border-radius: 2px;background-color:var(--menucolor);margin: 5px 0 7px;transition: .3s;
	-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
 .menuBtn.open b {position: absolute;left: 5px;top: 35%;display: none;width: 30px;}
 .menuBtn.open b:first-child {display: block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
 .menuBtn.open b:last-child {display: block;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
/*foot*/
.foot_bg{padding:20px 0px 0 0;}
.footcenter{ display:none;}
.footcenter1{ display:none;}
.footright{ display:none;}
.footLeft{ float:left;width:98%; margin-left:2%;overflow:hidden;}
.footico{padding-top:1px;}
.footico p{ width:100%; float:left; line-height:40px;color:#ababab; font-size:13px;}
.rightFix{ display:none}
.copyright{ text-align:center}
 
}