@charset "utf-8";
.bgf5{ width:100%; background:#f7f7f7; padding:40px 0px; overflow:hidden;}
body { text-align: left; padding: 0; margin: 0; font-size: 15px; color: #333; font-family: "Arial", "Helvetica Neue"; height: auto; background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased;}

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: #f4001b; 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;}
.icon{background-image: url("/images/ico.png");display: inline-block;vertical-align: middle;}
.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;}

.marg50{margin-top:50px!important;}
.marg80{margin-top:80px!important;}
.wrap{width:100%;max-width:1300px;margin:auto;}
/*头部head*/
.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:70px;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:1300px;height:70px;position: relative;margin:auto;}
.header-box .logo{float:left; width:386px; padding-top:10px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.menuBtn {display: none;}
.yunu-nav{float:right;height:70px;margin:auto;line-height:70px; position:relative; z-index:1;}
.yunu-nav li {float: left;position: relative;text-transform: uppercase;}
.yunu-nav li > a {position: relative;display: block;font-size: 18px;margin-right: 5px;padding: 0 20px;text-align: center;height:70px;line-height: 70px;
	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: #bb1d1e;}
.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: #bb1d1e;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:#1e1e1e; padding:20px 0px;overflow:hidden}
.footLeft{ float:left;width:500px;overflow:hidden; margin-top:30px;}
.footLeft h2{ width:100%;font-size:22px; line-height:40px; font-weight:bold; color:#c5c5c5; font-weight:normal;}
.footcenter{ float:left;width:200px;overflow:hidden; margin-left:150px; margin-top:20px;}
.footright{ float:right;width:300px;overflow:hidden;margin-top:20px;}
.footright h3{ font-size:22px; line-height:40px; font-weight:bold; color:#c5c5c5; font-weight:normal; padding-bottom:20px;}
.footright p{ float:left; width:100%; float:left; overflow:hidden; color:#989898; overflow:hidden}
.footico{float:left; width:100%; padding-top:20px;}
.footico p{ width:100%; float:left; line-height:40px;color:#989898; 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;}
.footMenu{float:left; margin-top:5px; width:100%}
.footMenu li a{float:left; color:#989898;font-size:14px; line-height:30px; width:100%;}
.footMenu li a:hover{ color:#f28300;}
.footMenu h3{ font-size:22px; line-height:40px; font-weight:bold; color:#c5c5c5; font-weight:normal; padding-bottom:20px;}
.footmail{ width:100%; height:50px; margin-top:50px;}
.mailinput{height:50px; border:none; padding-left:10px;background:#fff;}
.mailsub{ background:url(/images/mails.png) no-repeat center;background-color:#bb1d1e; width:80px; height:50px; text-align:center;color:#fff; border:0; font-size:15px; cursor:pointer;}
.copyright{ width:100%; background:#1e1e1e; text-align:center; line-height:30px; color:#5a5a5a; padding:15px 0px; border-top:1px solid #4a4a4a;}

@media only screen and (max-width: 959px) {
.marg50{margin-top:20px!important;}
.marg80{margin-top:20px!important;}
.wrap{width:100%;max-width:98%;margin:auto;}
 .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:300px; padding-top:14px;}
 .header-box .logo img{ width:90%}
 /*菜单*/
 .yunu-nav {position: fixed;top:60px;left: 0;right: 0;width: 100%;height: 100%;float: none;background-color: #bb1d1e;display: none;}
 .yunu-nav > li {float: none;}
 .yunu-nav > li > a {height: 44px;line-height: 44px;color: #fff;border-bottom: 1px solid #c5610a;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: #ffa65a;border-bottom: 1px solid #d4680c;}
 .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: #bb1d1e;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_bg{ display:none}
 .header-box .tel_right{ display:none}
 
}