*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;outline: 0;}
html{overflow-x:hidden}
body,br,dd,dl,dt,h1,h2,h3,h4,h5,html,ul,li,p,table,td,tr{margin:0;padding:0;}
ul,li{list-style: none;}
body{padding-top:80px;font-family: "Microsoft YaHei", "Verdana,Arial,sans-serif", 微软雅黑, 宋体;font-size:14px;color:#333;line-height: 24px;text-align: center;}
.wap body{padding-top:50px;}
.cls:after {
    content: " ";
    font-size: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    width: 100%;
}
img{max-width:100%;max-height:100%;display:block;vertical-align: middle;border:0;margin:0 auto;}
a{
    color:#333;
    text-decoration: none;
}
a:hover{
    color:#f9c028;
}
.br{padding-bottom:18px;}

.view-title {
	    font-weight: 400;
    text-align: center;
    font-size:24px;
    white-space: normal;
    padding-bottom:30px;
    color: #333;
    line-height:normal;
}
.view-date{color:#999;margin-top:-15px;padding-bottom:30px;text-align: center;}
.next-page{clear:both;padding-top:25px;}
.next-page-item span{float:left;}
.next-page-item{padding:10px 15px;background-color:#f5f5f5;margin-bottom:10px;}
.pc .next-page .next-page-item{float:left;width:49%;margin-right:2%}
.pc .next-page .next-page-item.next{margin-right:0}
.next-page-item a{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pc .view-normal .cate{display:none;}
.err-404{width:720px;max-width:100%; height:460px; margin:30px auto; display:block;text-align:center}
.err-404 h1{font-size:60px;line-height:normal;padding-top:18%}
.err-404 h2{font-size:24px;line-height:normal;color:#666}
.err-404 .gohome{margin-top:15px;padding:5px 20px;display:inline-block;}
.err-404 .gohome .fa{margin-right:5px;font-size:15px}
hr {height:1px;border:0;border-top:1px solid #e5e5e5;margin-top:15px;margin-bottom:15px;clear:none;}
.left{float:left}
.right{float:right}
.mod{width:75%;margin:0 auto;position:relative;text-align:left;}
.pc .mod{min-width:1200px}
.section .mod,.main{padding-top:50px;padding-bottom:50px;}
.wap .section .mod{padding-top:35px;padding-bottom:35px;}
#header{background-color:#202b3a;position:relative;}
#header{position:fixed;top:0;left:0;right:0;width:100%;z-index:999}
#logo{position:absolute;left:0;padding-top:15px;padding-bottom:15px;height:100%;overflow:hidden;}
#logo img{float: left;}
.wap #logo{padding-top:10px;padding-bottom:10px;}
#menu,.header-ui{float:right;display:none;}
#menu li{position:relative}
#menu a{display:block;padding-left:15px;padding-right:15px;}
.top-tel{display:block;float:right;color:#f9c028;}
.pc .top-tel{line-height:77px;font-size:18px;margin-left:30px}
.wap .top-tel{line-height: 50px;margin-right:48px;}
.top-tel .fa{top: -2px;position: relative;margin-right: 10px;border: 1px solid #f9c028;padding:4px 6px;font-size:14px;text-align: center;border-radius: 50%;}
.wap .top-tel .fa{top:auto;padding:3px 5px;font-size:14px;}
.pc #menu,.wap .header-ui,.pc #menu .has-submenu:hover>ul{display:block;}
.pc #menu .m{float:left;}
.pc #menu .m>a{font-size:15px;line-height:77px;border-bottom:3px solid #202b3a;color:#fff}
.pc #menu .m.on>a{border-bottom-color:#f9c028;color:#f9c028}
.has-submenu ul{display:none;z-index:99}
.pc .has-submenu ul ul{position:absolute;left: 100%;top:0;}
.pc #menu ul ul .fa{display:block;color:inherit;}
.pc .has-submenu ul{padding-top:6px;padding-bottom:6px;position:absolute;left:0;width:auto;min-width:160px;background-color:#fff;box-shadow: 0 6px 10px rgba(0, 0, 0, .1);}
.has-submenu ul a{padding-top:6px;padding-bottom:6px;text-align:left;white-space: nowrap;font-size:13px;}
/*.pc #menu .has-submenu a{padding-right:30px;}*/
.pc #menu .fa{
	display:none;
	position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    color: #fff;}
.pc #menu .m>.fa:before{content: "\f107";}
.pc #menu .m.has-submenu:hover>.fa{color:#f9c028; -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);}
.wap #menu{background-color:#fff;position:fixed;top:50px;bottom:0;width:100%;z-index:99;overflow-y:auto;overflow-x:hidden;}
.wap #menu .m{border-bottom: 1px solid #e5e5e5;position:relative}
.wap .has-submenu ul>li{background-color:#f5f5f5;border-top: 1px solid #e5e5e5;}
.wap .has-submenu ul>li li a{text-indent:20px;}
.wap #menu .has-submenu>a{padding-right:10px;margin-right:50px; border-right: 1px solid #e5e5e5;}
.wap .has-submenu>.fa {
    z-index: 2;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    color: #a1a1a1;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}
.wap #menu .m a{padding-top:8px;padding-bottom:8px;text-align:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wap #logo{margin-left:10px;}
.wap .mod{width:96%}
.wap #header .mod{width:100%;height:50px;}

.fa{-webkit-transition: all .5s;transition: all .5s;}
.wap .open-ok>.fa-angle-right, .wap .has-submenu:hover>.fa-angle-down {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.header-ui{position:absolute;right:0;top:0}
.header-btn {
    float: left;
    display: block;
    width: 40px;
    height: 50px;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.menubtn-icon, .menubtn-icon::before, .menubtn-icon::after{
    position:absolute;
	display: block;
	width:20px;
    height:3px;
    background-color:#f9c028;
	content: "";
	-webkit-transition: 0.3s;
    transition: 0.3s;
	transform-origin:center center;
}
.menubtn-icon{
	top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -10px;
}
.menubtn-icon::before{
    top: -6px;
}
.menubtn-icon::after{
    bottom: -6px;
}
.menubtn.on .menubtn-icon::before{
	 display:none;
}
.menubtn.on .menubtn-icon{
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
}
.menubtn.on .menubtn-icon::after{
	bottom: 0;
	-webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.slide{position:relative;}
.slide-items>li{
	float:left;
    display: none;
    min-height: 50px;
}
.slide-items>li img{width:100%}
.slide-page{position:absolute;bottom:20px;z-index:22;width:100%;text-align:center;}
.slide-page li{cursor:pointer;margin-left:5px;margin-right:5px;display:inline-block;text-indent:-999px;width:10px;height:10px;border:1px solid #fff;color:#fff;overflow:hidden;border-radius:10px}
.slide .slide-page li.on{border-color: #f9c028;background-color:#f9c028;}
.slide .slide-btn{
    z-index: 20;
    position: absolute;
    top: 50%;
    margin-top: -20px;
	opacity: .7;
    background-color: #333;
	color:#fff;
	border-radius: 30px;
    font-size: 26px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
	display:none;
}
.slide:hover .slide-btn{display:block;}
.slide .prev{left:1%;}
.slide .next{right:1%;}
.slide .slide-btn:hover{opacity: .9;}
.wap .slide-btn{
	margin-top: -12px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    font-size: 22px;
    border-radius: 24px;
}
.wap .slide-page{bottom:5px}
.wap .slide-page li{width:6px;height:6px;}
.slide-normal .slide-page{position:relative !important;bottom:auto !important;padding-top:20px !important;}
.slide-normal .slide-page li{border-color: #ddd;background-color:#ddd;}
.mod-header{text-align:center;position:relative;margin-bottom:24px;}
.mod-header h2{font-weight:normal;font-size:22px;}
.mod-header div{line-height:20px;padding-top:18px;color:#999;}
.home .mod-header{text-align:left;}
.home .mod-header h2{border-left:5px solid #f9c028;padding-left:10px;padding-right:60px;}
.home .mod-header div{padding-left:15px;padding-top:6px;}
.pc .mod-header{margin-bottom:36px;}
.pc .mod-header h2{font-size:26px;}
.pc .home .mod-header h2{padding-left:25px;padding-bottom:28px;}
.pc .home .mod-header div{left:0;bottom:-4px;position: absolute;padding-left:31px;}
.mod-header .more{position: absolute;right:0;top:0;cursor:pointer}
.pc .p-category{background-color:#f5f5f5;float:left;width:25%;min-height:328px;margin-bottom:0}
.p-category li{display:inline-block;cursor:pointer;padding:5px 10px;}
.pc .p-category li{border-bottom:1px solid #fff;padding:15px 30px;display:block;font-size:15px;}
.p-category li.on,.pc .p-category li:hover{background-color:#f9c028;color:#333}
.pc .p-cat-content{float:left;width:75%;}
.pic-x{text-align:center}
.pc .pic-x{height:328px;overflow:hidden}
.wap .pic-x,.wap .p-category,.wap .video{margin-bottom:20px}
.pc .pic-x img{height:328px;max-width:none;}
.pc .pic-x,.pc .body-x{float:left;width:46%;margin-left:4%;}
.ipad .pic-x{float:left;width:42%;}
.ipad .body-x{float:left;width:54%;margin-left:4%;}
.ipad .desc-x{margin-top:15px;height:96px;overflow:hidden}
.title-x{color:#f9c028;font-size:18px;}
.pc .title-x{font-size:26px;}
.pc .desc-x{margin-top:6%;}
.pc .btn{margin-top:8%;}
.btn{cursor:pointer;line-height:38px;background-color:#f9c028;display:inline-block;padding-left:30px;padding-right:30px;}
.btn:hover,.case li:hover .title{color:#333;background-color:#f6b70e;}
.wap .desc-x{margin-top:3%;}
.wap .btn{margin-top:30px;}
.bg{background-color:#202b3a}
.wap .layout-simple .text{margin-bottom:35px;}
.pc .layout-simple .text{float:left;width:54%;margin-right:4%;}
.pc .layout-simple .pic{float:left;width:42%;}
.wap .layout-simple .pic img{max-height:300px;}
.pc .layout-simple .exchange .text{float:right;margin-left:4%;margin-right:0;}
.pc .home .section-2 .text{width:46%;}
.pc .home .section-2 .pic{width:50%;}
.home .section-2,.home .section-2 .mod-header div,.home .section-2 .mod-header .more{color:#fff}

.count-up{margin-top:25px;}
.count-up li{width:25%;float:left;}
.countup-count{color:#f9c028;font-size:42px;}
.pc .countup-desc{margin-top:10px}
.countup-num >span{line-height:50px;display:block;float:left;}
.countup-unit{margin-left:10px}
.wap .countup-count{font-size:32px;}
.count-up-2{color:#fff;text-align:center;margin-top:0}
.count-up-2 .countup-num >span{}
.count-up-2 .countup-wrap {
    display: inline-block;
    margin: auto;
}
.pc .count-up-2 li{border-right:1px solid #999;}
.pc .count-up-2 li:last-child{border-right-width:0}
.w-per-102{
	width: 102%;
	margin-left: -1%;
	position: relative;
}
.w-per-102 li{margin:0 1%;}
.items li{width:31.33%;float:left;}
.wap .items li{width:48%}
.items li .title{padding:5%;text-align:center;white-space: nowrap;}
.items li .pic{overflow:hidden;-webkit-transition: all .35s;transition: all .35s;}

.items .pic{position:relative;padding-top:57%;background-color:#fff;}
.items .pic img{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;-webkit-transition: all .36s ease;transition: all .36s ease;}
.pc .items .r2{margin-bottom:0}
.case li{margin-bottom:2%;}
.case li .title{background-color:#f9c028;padding:3%;}
.scale li:hover img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.pic100 .pic img{width:100%}
.bg-grey{background-color:#f5f5f5}
.pc .video{float:left;width:30%;}
.video a{position:relative;padding-top:279px;background:#fff center center no-repeat;background-size: cover;display:block;}
.video a .fa{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-83px;
	margin-left:-43px;
    font-size: 86px;
    width: 86px;
    height: 86px;
    line-height: 86px;
    color: #f9c028;
}
.title{font-weight:400;font-size:14px;overflow: hidden;text-overflow: ellipsis;}
.pc .title{font-size:15px;}
.video a:hover,.shadow li:hover{-webkit-transition: all .35s;transition: all .35s;box-shadow: 0 0 20px #d1d1d1;}
.video .title{padding:28px 15px;background-color:#fff;text-align:center}

.list li{padding-left:116px;position:relative;overflow:hidden;margin-bottom:13px;}
.list .date{position:absolute;top:0;left:0;text-align:right;color:#666;width:80px;font-size:14px;}
.list .day{font-size:22px;margin-bottom:5px;}
.list .line{position:absolute;top:10px;left:90px;width:20px;height:2px;background-color:#f9c028}
.list .txt{margin-left:14px;}
.list .desc{margin-top:6px;color:#999;}
.pc .home .news-list{float:left;width:33%;margin-left:2%}
.pc .w-per-102.news-list li{float:left;width:48%;margin-bottom:2%}
.news-list li{background-color:#fff;height:80px;}
.news-list .date{top:15px;}
.news-list .txt{
    margin: 14px;
    max-height: 52px;
    overflow: hidden;
}
#pagination {clear:both;padding-top:20px;padding-bottom:0;text-align:center;}
#pagination a, #pagination span.curr{margin-right:2px;text-align:center;padding:0;display: inline-block;height:34px;width:34px;line-height:36px;font-weight:normal;}
#pagination .fa{font-size:16px}
.mobile #pagination a, .mobile #pagination span.curr{height:30px;line-height:30px;width:30px;}
.mobile #pagination{padding-top:6%;padding-bottom:3%;}
#pagination a.curr {
    background-color: #f9c028;
    color: #fff;
}

.wap .wap-hide{display:none}
.wap .subnav .mod{text-align:center;}
.subnav{border-bottom:1px solid #404c5e;color:#fff}
.subnav a{display:block;margin-bottom:3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-nav .h3{font-size:20px;}
.index-nav .tel a{font-size:32px;color:#f9c028;margin-top:20px;margin-bottom:20px;line-height:normal}
.pc .index-nav{float:left;margin-right:6%;}
.pc .index-contact{width:22%;}
.pc .index-nav.wap-hide{max-width:180px;}
.pc .index-qrcode{float:right;margin-right:0;}
.pc .qrcode img{margin-left:0;max-width:120px;}
.wap .qrcode img{max-width:160px;}
.index-nav .title{margin-bottom:20px;}
#footer .mod{padding:20px;color:#fff;text-align:center}
#footer a,.subnav a{color:#fff}
#footer a:hover,.subnav a:hover{ color:#f9c028;}
#openMark {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    background: rgba(0,0,0,.7);
    text-align: center;
}
.video-url-box {
    padding: 10px;
    background: #fff;
    position: absolute;
    width: 640px;
    height: 366px;
    left: 50%;
    top: 50%;
    margin-left: -320px;
    margin-top: -183px;
}
.video-url-box embed, .video-url-box video {
    width: 100%!important;
    max-width: 100%;
    height: 100%!important;
    background: 0 0;
}
.wap:not(.ipad) .video-url-box {
    width: 90%;
    height: 200px;
    margin-left: -45%;
    margin-top: -100px;
}
.pc .submenu .level-1{width:75%;margin:0 auto;min-width:1200px;}
.submenu .level-1{text-align:left;}
.pc .submenu{border-bottom:1px solid #e5e5e5;}
.wap .submenu{position:relative;}
.wap .submenu:after{content:" ";position:absolute;bottom:1px;left:0;width:100%;border-bottom:1px solid #e5e5e5;z-index:1;}
.submenu .level-1>li{display:inline-block;margin:0 6px;position:relative}
.submenu li ul{display:none;border-top: 3px solid #f9c028;position:absolute;left:0;background-color:#f5f5f5;box-shadow: 0 6px 10px rgba(0, 0, 0, .15);z-index:999}
.pc .submenu li:hover ul{display:block;}
.submenu li li .fa{display:inline;padding-right:10px;}
.submenu li li a{padding-left:15px;padding-right:15px;border-bottom:1px solid #fff}
.pc .submenu .level-1>li{margin:0 40px -2px 0;}
.submenu li a{display:block;line-height:normal;padding-top:15px;padding-bottom:15px;}
.pc .submenu li{font-size:15px;}
.submenu .level-1>li.on{border-bottom:3px solid #f9c028;}
.wap .submenu .level-1{position: relative;white-space: nowrap;overflow-x: auto;overflow-y: hidden;z-index: 2;}
.mao{
    width: 1px;
    height: 1px;
    float: left;
    opacity: 0;
    margin-top: -150px;
}
.links li{float:left;width:18%;margin:0 1% 2%;}
.wap .links li{width:31.33%;}
.links li .pic{text-align:center;display:block;height:80px;line-height:70px;overflow:hidden;padding:5px;background-color:#fff;border:1px solid #e5e5e5}
.links li .pic img{display:inline-block}
.wap .links li .pic{height:60px;line-height:50px;}
.pc #honor-slide .items li{width:23%}
#honor-slide .items .pic{padding-top:75%;}
#honor-slide .items .pic img{max-width:100%}
.cate ul{text-align:center;margin-top:25px;}
.pc .cate ul{margin-top:40px;}
.cate li{display:inline-block;margin:5px 6px;}
.cate li a{display:block;padding:7px 15px;background-color:#f5f5f5;min-width:100px;}
.cate li.on a{background-color:#f9c028;color:#333;}
.job .th{font-weight:700;margin-bottom:15px;}
.job .tr{position:relative;background-color:#f5f5f5;}
.job .tr li{float:left;text-align:center;padding:9px 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pc .job .tr li{width:25%;}
.pc .job .th li,.wap .job .th li.td1{background-color:#e5e5e5!important;}
.wap .job .tr li.td1{width:100% !important;}
.wap .job .job-item.on .tr li{width:33.33%;display: block;text-align:left;}
.job .job-item.on .fa:before {content: "\f068";}
.job .job-item.on{border-color:#ddd}
.job .tr li.td1{text-align:left;}
.job .tr .fa{position:absolute;top:0;right:15px;line-height:42px;font-size:14px;color:#999}
.hide{display:none;}
.overflow-hide{overflow:hidden;}
.job .detail li{width:50%;float:left;padding:20px 15px;}
.wap .job .detail li{width:100%;}
.wap .job .detail li.td1{padding-bottom:0}
.job .job-item{border:1px solid #e5e5e5;margin-bottom:15px;}
.job .job-item .btn{margin-top:10px;margin-left:15px;margin-bottom:20px;}
.job .detail h3{margin-bottom:20px;}
.slideUpDown{cursor:pointer;}
.job-item.on .slideUpDown li,.job-item.on .q{border-bottom:1px solid #e5e5e5}
select{cursor:pointer;}
input[type=text],select,textarea,.formbutton{
	border-radius:0;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing:border-box; /* Safari */
	border:1px solid #e5e5e5;
	background: none;
	padding:8px 10px;
	line-height:20px;
	vertical-align:middle;
}

input[type=checkbox],input[type=radio]{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
	cursor:pointer;
    font-family: FontAwesome;
    text-align: center;
	width:20px;
	height:20px;
	visibility: hidden;
	margin:5px 10px 5px 0;
	float:left;
}
input[type=checkbox]::after, input[type=radio]::after{
	border: 1px solid #e5e5e5;
    content: " ";
    display: block;
    font-size:14px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    visibility: visible;
    text-align: center;
	color: #999;
}
input[type=radio]::after{
	border-radius: 16px;
	 font-size:8px;
}
input[type=radio]:checked::after {
    border-color:#999;
    content: "\f111";
}

input[type=checkbox]:checked::after {
	border-color:#999;
    content: "\f00c";
}
.mdyform .placeholder{color:#999}
.mdyform label{float:left;width:100%;line-height:20px;padding-top:8px;padding-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.mdyform form>div{float:left;width:100%;margin-bottom:10px;position:relative;}
.mdyform textarea{height:120px;}
.formbutton{cursor:pointer;margin-top:30px;margin-bottom:0;border-width:0;font-size:14px;background-color: #007bff;
    color: #fff;max-width:180px;width:30%;}
.required{position:absolute;bottom:3px;right:10px;color:#f00;}
.mdyform .f-btn-div{width:100%;}
.mdyform .f-verify-code input{padding-right:110px;}
.mdyform .f-verify-code input,.mdyform .f-verify-code span{float:left;}
.mdyform .f-verify-code img{float:left;height:38px;width:100px;}
.global .mdyform-style2 form>div{margin-bottom:1.5%;float:left;}
.mdyform-style2 form > div > label{
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  display: -webkit-flex !important;
  display:flex !important;
  position: absolute;
  top:0;
  width:20%;
  height:100%;
  left:0;
  border-right: 1px solid #e5e5e5;
  text-align:right;
  padding-right:1%;
}
.mdyform-style2 form > div{position:relative;border: 1px solid #e5e5e5;padding-left:20%;}
.mdyform-style2 .f-btn-div{border-width:0;padding-left:0 !important;}

.mdyform-style2 input[type="text"],.mdyform-style2 select,.mdyform-style2 textarea,.mdyform-style2 .f_option{border-width:0;width:100%;}

.f-verify-code .left{position:absolute;right: 0;bottom: 0;}
.f-verify-code .left .required{left:-10px;width:auto;right:auto;}
.mobile .mdyform-style2 form > div > label{width:30%}
.mobile .mdyform-style2 form > div{padding-left:30%;width:100%!important}
.mdyform-style2.dis-multi-column form > div > label{width:120px}
.mdyform-style2.dis-multi-column form > div{padding-left:120px}
.mdyform-style3 form > div{padding-left:0!important}
.mobile .mdyform-style2.dis-multi-column form > div > label{width:90px}
.mobile .mdyform-style2.dis-multi-column form > div{padding-left:90px}
.pc .view-left{width:42%;float:left;}
.pc .view-right{width:54%;float:right;text-align:left;}
.view-right .view-title{text-align:left;padding-bottom:20px}
.view-right .sub-title {color:#999;padding-bottom:20px;margin-top:-10px;}
.product-extends img{display:inline-block;margin-left:0}
.pc .view-left img{width:100%}
.product-view-box,.wap .view-left{margin-bottom:45px;}
.product-extends .tab-hd{overflow:hidden;background-color:#f5f5f5;margin-bottom:40px;}
.tab-hd li{display:inline-block;line-height:42px;text-align:center;}
.tab-hd li a{display:block;padding:0 15px;}
.pc .tab-hd li a{min-width:100px;}
.tab-hd li.on a{}
.tab-bd-c{position:relative;margin: auto;}
.pc .tab-bd>.tab-bd-c{display:none;}
.pc .tab-bd>.tab-bd-c:first-child{display:block;}
.view-extends-title span, .tab-hd li.on a {background-color:#f9c028;}
.photo-image-wrapper, .photo-nav {
    position: relative;
    text-align: center;
}
.photo-next,.photo-prev{position:absolute;left:2%;top:52%;}
.photo-next{right:2%;left:auto;z-index: 2;}
.photo-next-image i,.photo-forward{right:0;}
.photo-prev-image i,.photo-back{left:0;}
.photo-prev-image i,.photo-next-image i{border-radius:30px;background-color:#333;color:#fff;}
.photo-back i,.photo-forward i{margin-top:-3px;}
.photo-prev-image i,.photo-next-image i,.photo-back,.photo-forward{margin-top:-60px;font-size:26px;opacity:.7; filter:alpha(opacity=70);overflow:hidden;cursor:pointer;position:absolute; top:50%;line-height:36px; height:36px;width:36px;}
.photo-prev-image:hover i,.photo-next-image:hover i,.photo-back:hover,.photo-forward:hover{opacity:.9; filter:alpha(opacity=90);}
.photo-back,.photo-thumbs,.photo-forward{display:block;height:72px;overflow:hidden;margin-top:auto;line-height:69px;}
.photo-back,.photo-forward{display:none;background-color:#f2f2f2;top:0;color:#333;font-size:40px;}

.photo-box{margin-top:10px;}
.photo-nav{margin:auto;position:relative;}
.photo-thumbs{width:auto;position:relative}
.photo-thumbs ul{text-align:center;}
.photo-thumbs li{font-size:0;line-height:0;width:108px !important;margin:0 10px 0 0!important;display:inline-block !important;float:none !important;overflow:hidden;}
.photo-thumbs .tempWrap{width:100% !important}
.photo-thumbs li img{width:100%;height:72px !important;}
.photo-view{padding-top:20px;}
.photo-view .view-title{text-align:left;}
.wap .photo-a{padding-bottom:0;margin-bottom:4%;padding-top:0}
.wap .photo-thumbs li{width:90px !important;}
.wap .photo-thumbs li img{height:60px !important;}
.wap .photo-back,.wap .photo-thumbs,.wap .photo-forward{height:60px;line-height:57px;}
.wap .photo-prev-image i,.wap .photo-next-image i{margin-top:-60px;}
.photo-thumbs li.on img {
    border: 2px solid #f9c028;
}
.wap .photo-pic{margin-left:auto;}
.submenu .fa-hand-o-right{display:none}
.pc .main .submenu .fa-hand-o-right{display:inline;}
.pc .main .submenu{width:22%;float:left;background-color:#f5f5f5;border-bottom-width:0;}
.pc .main .submenu li{display:block;}
.pc .main .submenu .level-1{width:100%;min-width:auto;}
.pc .main .submenu .level-1>li{margin:0}
.pc .main .submenu li ul{display:block;position:relative;border-top-width:0;box-shadow:none;}
.pc .main .submenu .level-1>li.on{border-bottom-width:0;}
.pc .main .submenu li a{display:block;padding:12px 20px;border-bottom:1px solid #fff}
.pc .main .submenu li.selected>a,.pc .main .submenu li a:hover{background-color:#f9c028;color:#333}
.pc .main .submenu li a .fa{padding-right:10px;}
.pc .right-mod{width:75.5%;float:right;}
.pc .right-mod.w100{width:100%;margin-top:-25px;}
.left-header{display:none;background-color:#202b3a;color:#fff;font-size:22px;line-height:30px;padding:12px 20px}
.pc .main .left-header{display:block}
.right-header{font-size:22px;line-height:52px;border-bottom: 2px solid #f9c028;margin-bottom:26px;}
.breadcrumbs{float:right;font-size:12px;}
.wap .main{width:100%;padding-top:0;padding-bottom:35px;}
.wap .right-mod{width:96%;margin:auto;}
.wap .right-header{border-bottom-width:0;margin-bottom:0;font-size:16px;}
.wap .pt30{padding-top:30px;}
.pc .bg-grey .main .submenu{background-color:#fff}
.pc .bg-grey .main .submenu li a{border-bottom-color:#f5f5f5}
.pc .side-contact{border-top:30px solid #fff}
.pc .bg-grey .main .side-contact{border-top-color:#f5f5f5}