@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: '';}
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: #d9271d; 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/icon.png");display: inline-block;vertical-align: middle;}
.marg50{margin-top:50px!important;}
.margb50{margin-bottom:50px!important;}
@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}}
/*头部head*/
.heads{ width:100%; height:40px; background:#e3e4e6; line-height:40px; overflow: hidden;}
.header_main {position: fixed;width: 100%; height: 121px;background: transparent;transition: all 0.9s ease-out 0s;z-index:999;}
header{position: fixed;left: 0;top: 0;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:81px;position: relative;margin:auto;}
.header-box .logo{float:left; width:498px; padding:10px 0;}
.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; padding-top:15px;}
.yunu-nav li {float: left;position: relative;}
.yunu-nav li > a {position: relative;display: block;font-size: 17px; margin-left:20px;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:last-child{ margin-right:0px;}
.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:hover > a:after {left: 0;width: 100%;border-radius: 20px;opacity: 1;background-color: #da251c;}
.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; font-size:14px;}
.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: #d9271d;color: #fff;}
.mob{ display:none}
.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;}
.language {float:right;}
.language span{ float:left; margin-left:10px; padding-left:20px;}
.lzh{ background:url(/images/cn.png) no-repeat left;}
.len{ background:url(/images/en.png) no-repeat left;}
/*底部foot*/
.foot_bg{ width:100%; margin:auto; background:#1f2228; padding:40px 0px;overflow:hidden; border-top:1px solid #ff6637;}
.footLeft{ float:left;width:400px;overflow:hidden; margin-top:30px; border-right:1px solid #616367}
.footcenter{ float:left; width:auto;overflow:hidden; margin-left:80px; margin-top:10px; color:#fff; line-height:30px; font-size:15px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.footcenter a{ color:#fff; padding:0 10px;}
.footright{ float:right;width:110px;overflow:hidden;margin-top:20px;}

/*在线客服rightFix*/
.rightFix {width: 65px; position: fixed;right: 10px;bottom: 10%;z-index: 999;}
.rightFix a {width: 65px; height: auto;background: #d9271d;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: #d9271d;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: #d9271d;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: #d9271d;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;}
.heads{ display:none}
.wrap{width:100%;max-width:98%;margin:auto;}
 .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:250px; padding-top:8px;}
 .header-box .logo img{ width:100%}
 /*菜单*/
 .yunu-nav {position: fixed;top:60px;left: 0;right: 0;width: 100%;height: 100%;float: none;background-color: #d9271d;display: none;}
 .yunu-nav > li {float: none;}
 .yunu-nav > li > a {height: 44px;line-height: 44px;color: #fff;border-bottom: 1px solid #fb817a;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: #e70e1c;border-bottom: 1px solid #ae0611;}
 .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;}
 .mob{ display:block}
 /*菜单按钮*/
 .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: #d9271d;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);}

 .language {float:left; margin-top:15px; margin-right:4%}
 /*foot*/
 .footLeft{ display:none}
 .footcenter{width:auto;margin-left:10px; margin-top:10px;color:#fff; line-height:25px; font-size:14px;}
 .footright{ display:none;}
}