@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: #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;}

.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;}
.marg30{margin-top:30px!important;}
.wrap{width:100%;max-width:1220px;margin:auto;}
/*图片圆角*/
.yuanjiao{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;}
/*头部head*/
.topbg{ width:100%;line-height:30px; background:#f7f7f7; overflow:hidden; font-size:12px;}
.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:111px;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:1220px;height:81px;position: relative;margin:auto;}
.header-box .logo{float:left; width:260px; padding-top:8px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.menuBtn {display: none;}
.yunu-nav{float:left;width:950px;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 19px;text-align: center;height: 90px;line-height: 90px;
	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: #ff7f27;}
.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: #ef8200;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;}
.header-box .tel_right {padding-top: 27px;float: right}
.header-box .tel_right .webTel {padding-left: 32px;font-family: arial;font-size: 24px;color: #000; background: url("/images/telIco.png") no-repeat left center;}

/*addres&feedback*/
.add-tit{ width:100%; line-height:60px; font-size:35px; text-align:center; overflow:hidden; padding:40px 0;}
.add-tit em{ color:#ef8200; font-style:normal;}
.address{ float:left; width:500px; overflow:hidden;}
.address p{ float:left; width:100%; line-height:35px; font-size:16px;}
.erweima {float: left; margin-top:40px;}
.erweima li {float: left;margin-right: 30px;}
.erweima li .pic {width: 130px;height: 130px;}
.erweima li .pic img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.erweima li p {text-align: center;font-size: 14px;font-weight: 400;color: #d3dd3;height: 40px;line-height: 40px;}
.gbook{ float:right; width:700px; overflow:hidden;}
.gbook li{ float:left; width:48%; padding-bottom:10px; line-height:50px;}
.gbook li:nth-child(2){ float:right;}
.gbook li:nth-child(4){ float:right;}
.gbook li:nth-child(5){ float:left; width:100%;}
.gbook li:nth-child(6){ float:left; width:100%;}
.gbook li:nth-child(7){ float:left; width:100%;}
.ginput{ width:100%; padding:5px; border:1px solid #ccc; box-sizing:border-box; line-height:30px; color:#666666}
.checke{ width:20px; height:20px; border:1px solid #ccc; box-sizing:border-box; margin:0 10px;}
.btns{width:140px;height:40px;margin-right:10px; background:#ef8200;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;border-radius: 5px;}
.btns:hover{background:#333;transition:all 0.3s;}
/*底部foot*/
.yunu-footer {background-color: #fff;}
.fd-nav {border-bottom: 1px solid #7f7f7f;border-top: 1px solid #7f7f7f;overflow: hidden;}
.fd-nav ul {text-align: center}
.fd-nav li {width: auto;padding: 0px 2%;display: inline-block;}
.fd-nav li a {display: block;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #ff;}
.fd-nav li a:hover {color: #ff7f27;}
.fd-info {padding: 30px 0 5px;overflow: hidden;}
.fd-qr {float: left;}
.fd-qr li {float: left;margin-right: 30px;}
.fd-qr li .pic {width: 130px;height: 130px;}
.fd-qr li .pic img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.fd-qr li p {text-align: center;font-size: 14px;font-weight: 400;color: #d3dd3;height: 40px;line-height: 40px;}
.fd-txt {float: left;padding-left: 180px;line-height: 35px;color: #d3dd3;font-size: 14px;}
.fd-txt p strong {font-family: arial, helvetica, sans-serif;color: #ff;font-size: 38px;}
.fd-logo {float: right;margin-top: 65px;height: 40px;line-height: 40px;}
.fd-logo img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.foot-huoban{ clear:both; width:100%; overflow:hidden; padding-top:1px; }
.foot-huoban ul{}
.foot-huoban ul li{ float:left;  padding:0 10px; line-height:25px;}
.foot-huoban ul li a{ color:#808080;}
.foot-jz{clear:both; width:100%; margin:auto;overflow:hidden; padding:10px 0;border-bottom:1px solid #808080;border-top:1px solid #808080;}
.foot-jz .foot-jz2{width: 100%;text-align: center;} 
.foot-jz .foot-jz2 li {display:inline-block;}
.foot-jz .foot-jz1{width: 100%;text-align: center;}
.foot-jz .foot-jz1 li{display:inline-block;}
.foot-jzzuidibu{clear:both; line-height:28px; width:100%; margin:0 auto;overflow:hidden;border-bottom:1px solid #808080;font-size:12px; padding:10px 0}
.foot-pro{clear:both; width:100%; margin:0 auto;overflow:hidden; padding:10px 0;border-bottom:1px solid #808080}
.foot-pro ul{ margin-left:-20px;}
.foot-pro ul li{ float:left; padding:0px 20px;line-height:30px; color:#000000;}
.foot-pro ul li a{ color:#000000;}
.foot-meihu{width:100%;float:left;text-align: center; line-height:30px;}
/*手机底部菜单*/
.h50 {display: none;}
.yunu-link {display: none;overflow: hidden;position: fixed;bottom: 0;left: 0;right: 0;z-index: 9;background-color: #fff;padding: 4px 0;box-shadow: 5px 0 10px rgba(0,0,0,.05);}
.yunu-link li {float: left;width: 25%;}
.yunu-link li a {display: block;text-align: center;font-size: 13px;color: #000;}
.yunu-link li.on a, .yunu-link li:hover a {color: #005ad2;}
.yunu-link li a i {display: block;width: 25px;margin: 0 auto;height: 25px;background-repeat: no-repeat;background-position: center center;
	-o-background-size: auto 18px;-ms-background-size: auto 18px;-moz-background-size: auto 18px;-webkit-background-size: auto 18px;background-size: auto 18px;}
.yunu-link li a .i1 {background-image: url(../images/sj-nav1.png);}
.yunu-link li.on .i1, .yunu-link li:hover .i2 {background-image: url(../images/sj-nav1-on.png);}
.yunu-link li a .i2 {background-image: url(../images/sj-nav2.png);}
.yunu-link li.on .i2, .yunu-link li:hover .i2 {background-image: url(../images/sj-nav2-on.png);}
.yunu-link li a .i3 {background-image: url(../images/sj-nav3.png);}
.yunu-link li.on .i3, .yunu-link li:hover .i3 {background-image: url(../images/sj-nav3-on.png);}
.yunu-link li a .i4 {background-image: url(../images/sj-nav4.png);}
.yunu-link li.on .i4, .yunu-link li:hover .i4 {background-image: url(../images/sj-nav4-on.png);}
@media only screen and (max-width: 959px) {
.topbg{ 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:160px; padding-top:8px;}
 .header-box .logo img{ width:90%}
 /*菜单*/
 .yunu-nav {position: fixed;top: 50px;left: 0;right: 0;width: 100%;height: 100%;float: none;background-color: #ef8200;display: none;}
 .yunu-nav > li {float: none;}
 .yunu-nav > li > a {height: 44px;line-height: 44px;color: #fff;border-bottom: 1px solid #c66c00;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: #fa9419;border-bottom: 1px solid #fbae52;}
 .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: #ef8200;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*/
 .fd-nav ul {text-align: center}
 .fd-nav li a {display: block;height: 25px;line-height: 25px;}
 .fd-txt {padding-left: 10px;line-height: 35px;}
 .fd-txt p strong {font-size:30px;}
 .fd-logo{ display:none}
 .foot-jzzuidibu{line-height:24px; }
 .foot-pro ul{ margin-left:0;}
 .foot-pro ul li{ float:left; padding:0px 10px;line-height:30px; color:#000000;}
 .foot-pro ul li a{ color:#000000;}
 	/*手机底部菜单*/
 .h50 {display: block;}
 .yunu-link {display: block;}
}
