html{font-size: 10px;overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,iframe{margin:0;padding:0;}
body{font-size:1.4rem  !important;font-family: Microsoft Yahei,-apple-system-font,Helvetica Neue,sans-serif;color:#595757;word-break:break-all;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:top;}
option{padding-left:5px;*padding:0;}
ul, li{list-style:none;}
a{color:#424242;text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clear{ clear:both}
h1,h2,h3,h4,h5,h6{font-weight:normal}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


#pagesize { padding: 8px;}
#pagesize ul{
	margin:0px auto;
	display:table
}
#pagesize ul li{
	float:left
}
#pagesize a, #pagesize span {
	float: left;
	color: #666;
	line-height: 2.4rem;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 1rem;
	margin: 0 5px 0 0;
	border-radius: 3px;
}
#pagesize a:hover {
	text-decoration: none;
	background: #000;
	color:#fff
}
#pagesize .active {
	background: #000;
	color: #FFF;
	border:none; 
	cursor: default;
}
#pagesize .disabled {
	color: #ccc;
	cursor: default;
}
.sub > .submenu > #colorNav > ul > li > a{color:#fff}
.sub > .submenu > .tell > span{color:#fff}
#colorNav > ul{	width: 100%; margin:0 auto;line-height:65px;text-align:center}
#colorNav > ul > li{list-style: none;display: inline-block;border-radius: 5px 5px 0px 0px ;position:relative;font-size:1.6rem}
#colorNav > ul > li > a{padding:0 22px;display: block;color:#333333}
#colorNav li ul{position:absolute;list-style:none;text-align:center;width:100px;left:50%;margin-left:-50px;max-height:0px;overflow:hidden;-webkit-transition:max-height 0.4s linear;-moz-transition:max-height 0.4s linear;transition:max-height 0.4s linear;z-index:999}
#colorNav > ul > li > a:hover{background:url(../images/dot.png) no-repeat center bottom;color:#333333}
#colorNav li ul li{background-color:#fff;}
#colorNav li ul li a{padding:5px 15px 5px 15px;color:#fff !important;text-decoration:none !important;display:block;line-height:24px;font-size:14px}
#colorNav li ul li{background-color:rgba(0,0,0,0.6);}
#colorNav li ul li:hover{background-color:#d00000 ;}
#colorNav li ul li:first-child{position:relative;line-height:30px}
/*#colorNav li ul li:first-child:before{content:'';position:absolute;width:1px;height:1px;border:5px solid transparent;border-bottom-color:rgba(0,160,233,0.8);left:50%;top:-5px;margin-left:-5px;}*/
#colorNav li ul li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#colorNav li:hover ul{max-height:300px;}


.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}
.callbacks_container{position:relative;width:100%;max-width:100%;text-align:center;}
#headnav+.callbacks_container{z-index: 0;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
@media screen and (max-width:600px){
.callbacks_nav{top:47%;}
}




.header{position:relative;height:50px;background:#086f69;}
.header .logo{display:block;width:130px;height:30px;padding:10px 0 0 10px;}
.header .logo img{display:block;height:30px;;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#0067d2;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

.dl-menuwrapper {width: 100%;max-width: 250px;float: right;position: absolute;top:0;right:0;padding-top: 45px;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child {margin-right: 100px;}
.dl-menuwrapper button {border: none;width: 40px;height: 40px;text-indent: -900em;overflow: hidden;position: absolute;top:0px;right:0;cursor: pointer;outline: none;background: url(../images/menu.png) no-repeat center center;background-size: 80%;}
.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {}
.dl-menuwrapper ul {background: #d00001;}
.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a {display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;border-top: 1px solid #fff;border-bottom:1px solid #fff;outline: none;}
.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0;line-height: 50px;speak: none;-webkit-font-smoothing: antialiased;content: "\e000";}
.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(255,255,255,0.8);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: rgba(255,255,255,0.8);}
.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {display: none;}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}
.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}
.dl-menu.dl-animate-out-1 {-webkit-animation: MenuAnimOut1 0.4s;-moz-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2 {-webkit-animation: MenuAnimOut2 0.3s ease-in-out;-moz-animation: MenuAnimOut2 0.3s ease-in-out;animation: MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3 {-webkit-animation: MenuAnimOut3 0.4s ease;-moz-animation: MenuAnimOut3 0.4s ease;animation: MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4 {-webkit-animation: MenuAnimOut4 0.4s ease;-moz-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5 {-webkit-animation: MenuAnimOut5 0.4s ease;-moz-animation: MenuAnimOut5 0.4s ease;animation: MenuAnimOut5 0.4s ease;}
@-webkit-keyframes MenuAnimOut1 {
50% {-webkit-transform: translateZ(-250px) rotateY(30deg);}
75% {-webkit-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
}
@-webkit-keyframes MenuAnimOut2 {
100% {-webkit-transform: translateX(-100%);opacity: 0;}
}
@-webkit-keyframes MenuAnimOut3 {
100% {-webkit-transform: translateZ(300px);opacity: 0;}
}
@-webkit-keyframes MenuAnimOut4 {
100% {-webkit-transform: translateZ(-300px);opacity: 0;}
}
@-webkit-keyframes MenuAnimOut5 {
100% {-webkit-transform: translateY(40%);opacity: 0;}
}
@-moz-keyframes MenuAnimOut1 {
50% {-moz-transform: translateZ(-250px) rotateY(30deg);}
75% {-moz-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
}

@-moz-keyframes MenuAnimOut2 {
100% {-moz-transform: translateX(-100%);opacity: 0;}
}
@-moz-keyframes MenuAnimOut3 {
100% {-moz-transform: translateZ(300px);opacity: 0;}
}
@-moz-keyframes MenuAnimOut4 {
100% {-moz-transform: translateZ(-300px);opacity: 0;}
}
@-moz-keyframes MenuAnimOut5 {
100% {-moz-transform: translateY(40%);opacity: 0;}
}
@keyframes MenuAnimOut1 {
50% {transform: translateZ(-250px) rotateY(30deg);}
75% {transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
}
@keyframes MenuAnimOut2 {
100% {transform: translateX(-100%);opacity: 0;}
}
@keyframes MenuAnimOut3 {
100% {transform: translateZ(300px);opacity: 0;}
}
@keyframes MenuAnimOut4 {
100% {transform: translateZ(-300px);opacity: 0;}
}
@keyframes MenuAnimOut5 {
100% {transform: translateY(40%);opacity: 0;}
}
.dl-menu.dl-animate-in-1 {-webkit-animation: MenuAnimIn1 0.3s;-moz-animation: MenuAnimIn1 0.3s;animation: MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2 {-webkit-animation: MenuAnimIn2 0.3s ease-in-out;-moz-animation: MenuAnimIn2 0.3s ease-in-out;animation: MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3 {-webkit-animation: MenuAnimIn3 0.4s ease;-moz-animation: MenuAnimIn3 0.4s ease;animation: MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4 {-webkit-animation: MenuAnimIn4 0.4s ease;-moz-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5 {-webkit-animation: MenuAnimIn5 0.4s ease;-moz-animation: MenuAnimIn5 0.4s ease;animation: MenuAnimIn5 0.4s ease;}
@-webkit-keyframes MenuAnimIn1 {
0% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {-webkit-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {-webkit-transform: translateZ(0px) rotateY(0deg);opacity: 1;}
}
@-webkit-keyframes MenuAnimIn2 {
0% {-webkit-transform: translateX(-100%);opacity: 0;}
100% {-webkit-transform: translateX(0px);opacity: 1;}
}
@-webkit-keyframes MenuAnimIn3 {
0% {-webkit-transform: translateZ(300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}
}
@-webkit-keyframes MenuAnimIn4 {
0% {-webkit-transform: translateZ(-300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}
}
@-webkit-keyframes MenuAnimIn5 {
0% {-webkit-transform: translateY(40%);opacity: 0;}
100% {-webkit-transform: translateY(0);opacity: 1;}
}
@-moz-keyframes MenuAnimIn1 {
0% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {-moz-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {-moz-transform: translateZ(0px) rotateY(0deg);opacity: 1;}
}
@-moz-keyframes MenuAnimIn2 {
0% {-moz-transform: translateX(-100%);opacity: 0;}
100% {-moz-transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes MenuAnimIn3 {
0% {-moz-transform: translateZ(300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}
}
@-moz-keyframes MenuAnimIn4 {
0% {-moz-transform: translateZ(-300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}
}
@-moz-keyframes MenuAnimIn5 {
0% {-moz-transform: translateY(40%);opacity: 0;}
100% {-moz-transform: translateY(0);opacity: 1;}
}
@keyframes MenuAnimIn1 {
0% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {transform: translateZ(0px) rotateY(0deg);opacity: 1;}
}
@keyframes MenuAnimIn2 {
0% {transform: translateX(-100%);opacity: 0;}
100% {transform: translateX(0px);opacity: 1;}
}
@keyframes MenuAnimIn3 {
0% {transform: translateZ(300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}
}
@keyframes MenuAnimIn4 {
0% {transform: translateZ(-300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}
}
@keyframes MenuAnimIn5 {
0% {transform: translateY(40%);opacity: 0;}
100% {transform: translateY(0);opacity: 1;}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation: SubMenuAnimIn1 0.4s ease;-moz-animation: SubMenuAnimIn1 0.4s ease;animation: SubMenuAnimIn1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;animation: SubMenuAnimIn2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {-webkit-animation: SubMenuAnimIn3 0.4s ease;-moz-animation: SubMenuAnimIn3 0.4s ease;animation: SubMenuAnimIn3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {-webkit-animation: SubMenuAnimIn4 0.4s ease;-moz-animation: SubMenuAnimIn4 0.4s ease;animation: SubMenuAnimIn4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {-webkit-animation: SubMenuAnimIn5 0.4s ease;-moz-animation: SubMenuAnimIn5 0.4s ease;animation: SubMenuAnimIn5 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1 {
0% {-webkit-transform: translateX(50%);opacity: 0;}
100% {-webkit-transform: translateX(0px);opacity: 1;}
}

@-webkit-keyframes SubMenuAnimIn2 {
0% {-webkit-transform: translateX(100%);opacity: 0;}
100% {-webkit-transform: translateX(0px);opacity: 1;}
}
@-webkit-keyframes SubMenuAnimIn3 {
0% {-webkit-transform: translateZ(-300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}
}
@-webkit-keyframes SubMenuAnimIn4 {
0% {-webkit-transform: translateZ(300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}
}
@-webkit-keyframes SubMenuAnimIn5 {
0% {-webkit-transform: translateZ(-200px);opacity: 0;}
100% {-webkit-transform: translateZ(0);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn1 {
0% {-moz-transform: translateX(50%);opacity: 0;}
100% {-moz-transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn2 {
0% {-moz-transform: translateX(100%);opacity: 0;}
100% {-moz-transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn3 {
0% {-moz-transform: translateZ(-300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn4 {
0% {-moz-transform: translateZ(300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn5 {
0% {-moz-transform: translateZ(-200px);opacity: 0;}
100% {-moz-transform: translateZ(0);opacity: 1;}
}
@keyframes SubMenuAnimIn1 {
0% {transform: translateX(50%);opacity: 0;}
100% {transform: translateX(0px);opacity: 1;}
}
@keyframes SubMenuAnimIn2 {
0% {transform: translateX(100%);opacity: 0;}
100% {transform: translateX(0px);opacity: 1;}
}
@keyframes SubMenuAnimIn3 {
0% {transform: translateZ(-300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}
}
@keyframes SubMenuAnimIn4 {
0% {transform: translateZ(300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}
}

@keyframes SubMenuAnimIn5 {
0% {transform: translateZ(-200px);opacity: 0;}
100% {transform: translateZ(0);opacity: 1;}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation: SubMenuAnimOut1 0.4s ease;-moz-animation: SubMenuAnimOut1 0.4s ease;animation: SubMenuAnimOut1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;animation: SubMenuAnimOut2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {-webkit-animation: SubMenuAnimOut3 0.4s ease;-moz-animation: SubMenuAnimOut3 0.4s ease;animation: SubMenuAnimOut3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {-webkit-animation: SubMenuAnimOut4 0.4s ease;-moz-animation: SubMenuAnimOut4 0.4s ease;animation: SubMenuAnimOut4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {-webkit-animation: SubMenuAnimOut5 0.4s ease;-moz-animation: SubMenuAnimOut5 0.4s ease;animation: SubMenuAnimOut5 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1 {
0% {-webkit-transform: translateX(0%);opacity: 1;}
100% {-webkit-transform: translateX(50%);opacity: 0;}
}
@-webkit-keyframes SubMenuAnimOut2 {
0% {-webkit-transform: translateX(0%);opacity: 1;}
100% {-webkit-transform: translateX(100%);opacity: 0;}
}
@-webkit-keyframes SubMenuAnimOut3 {
0% {-webkit-transform: translateZ(0px);opacity: 1;}
100% {-webkit-transform: translateZ(-300px);opacity: 0;}
}
@-webkit-keyframes SubMenuAnimOut4 {
0% {-webkit-transform: translateZ(0px);opacity: 1;}
100% {-webkit-transform: translateZ(300px);opacity: 0;}
}
@-webkit-keyframes SubMenuAnimOut5 {
0% {-webkit-transform: translateZ(0);opacity: 1;}
100% {-webkit-transform: translateZ(-200px);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut1 {
0% {-moz-transform: translateX(0%);opacity: 1;}
100% {-moz-transform: translateX(50%);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut2 {
0% {-moz-transform: translateX(0%);opacity: 1;}
100% {-moz-transform: translateX(100%);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut3 {
0% {-moz-transform: translateZ(0px);opacity: 1;}
100% {-moz-transform: translateZ(-300px);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut4 {
0% {-moz-transform: translateZ(0px);opacity: 1;}
100% {-moz-transform: translateZ(300px);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut5 {
0% {-moz-transform: translateZ(0);opacity: 1;}
100% {-moz-transform: translateZ(-200px);opacity: 0;}
}
@keyframes SubMenuAnimOut1 {
0% {transform: translateX(0%);opacity: 1;}
100% {transform: translateX(50%);opacity: 0;}
}
@keyframes SubMenuAnimOut2 {
0% {transform: translateX(0%);opacity: 1;}
100% {transform: translateX(100%);opacity: 0;}
}
@keyframes SubMenuAnimOut3 {
0% {transform: translateZ(0px);opacity: 1;}
100% {transform: translateZ(-300px);opacity: 0;}
}
@keyframes SubMenuAnimOut4 {
0% {transform: translateZ(0px);opacity: 1;}
100% {transform: translateZ(300px);opacity: 0;}
}
@keyframes SubMenuAnimOut5 {
0% {transform: translateZ(0);opacity: 1;}
100% {transform: translateZ(-200px);opacity: 0;}
}
.no-js .dl-menuwrapper .dl-menu {position: relative;opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;}
.no-js .dl-menuwrapper li .dl-submenu {display: block;}
.no-js .dl-menuwrapper li.dl-back {display: none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';}

.home_cp .viewpro{opacity: 0;transition-duration:1s;}
.home_cp li:hover .viewpro{opacity: 1;}
#nav_5 ul{display: none;}
#tabsholder .tabs li a{color:#fff;}



.article .qh_flex_item{max-width: 458px;}

@media screen and (max-width:1200px){
	html{font-size: 9px;}
	.bgb{background-size: cover;}
}

@media screen and (max-width:968px){
	.buju{display: none;}
	.home_cp li img{height: 21vw;}
}

@media screen and (max-width:767px){
	html{font-size: 8px;}
	.callbacks img{width: 250%;left: -50%;}
	.callbacks.index img{width: 150%;left: -25%;}
    .article_head {
    height: 40px;
    line-height: 40px;
}
.relevant li img {
    height: 30vw;
}
.infos ul {
    padding: 0;
    border-radius: 0;
    margin-bottom: 5vw;font-size: 14px;
}
.infos li {
    padding-left: 10px;
    line-height: 32px;
}
.infos li:first-child {
    border-bottom: 10px solid #fff;
}
.bottom {
    line-height: 1.6;
    text-align: center;
    padding: 1em 0;font-size: 13px;
}
.article_head .qh_position {
    font-size: 13px;
}
.submenu {
    margin-left: 10px;
    margin-right: 10px;
}
.inn_about h3 {
    line-height: 2;
}
.inn_about p {
    font-size: 14px;
    padding: 1rem 0;
    line-height: 1.76;
    height: 20em;
    overflow: hidden;
    margin-bottom: 1.5vw;
}
.inn_about p {
    font-size: 14px;
    padding: 0;
    line-height: 1.76;
    height: 19em;
    margin-bottom: 2vw;
    margin-top: 1em;
}
.inn_about .link_list{margin-bottom: 2em;    font-size: 14px;}
.contactt h4:after{top:10px;}
.shili{overflow: hidden;padding: 0 0 0.5em;}
.shili li {margin-top: 5%; }
#tabsholder .tabs{
	display: flex; 
	flex-flow: row wrap ; 
	justify-content: space-between;
}
.shili li p {
    font-size: 15px;}
#tabsholder .tabs li{
        flex: 1;
    white-space: nowrap;
    text-align: center;
    padding: 7px 0;
    margin: 1%;
    flex-shrink: 1;
}

.qh_flex{    flex-flow: row wrap;
    justify-content: space-between;}
#tabsholder .qh_flex_item{
    height: 36vw;
    flex-basis: 48%;max-width: 50%;
}
.bgc {
    background-size: cover;
	
}
.sicontentb{
	padding-top: 0;
	padding-bottom: 1em;
}
#ind_yewu .qh_flex_item {
    flex-basis: 48%;
}
.home_cp li a{display:block;}
.home_cp li {
    float: none;
    width: 23%;
    overflow: hidden;padding-bottom: 1em;
    border-bottom: 1px dashed #ddd;
    float: left;
}
.home_cp .viewpro .time{  display: block !important;
    width: auto;margin-top: -0.8em;}
.home_cp .viewpro {
    width: auto;
    height: auto;
    background: none;overflow: hidden;
}
.home_cp li img {
/*     float: left; */
    width: 100%;
}
.dateetime {color: #523838;padding-top: 0;
    padding-bottom: 0;}
.dateetime span{color: #523838;}
.viewpro .tit{    position: relative;
    width: auto;
    background: none;
    color: #333;
    line-height: 1.65;
    height: 1.65em;
    overflow: hidden;
    display: block;
    white-space: inherit;font-size: 14px;
    text-align: center;
}
.viewpro .tit h3{font-size: 14px;}
.info *,.info p{
    line-height:2 !important;
    font-size: 14px;
}
.article *,.article p{
    line-height:2 !important;
    font-size: 14px;
}
.tell{line-height: 40px;    margin-right: 50px;}
.sicontenta {
    padding-top: 5%;
}
#ind_pro{margin-bottom: 1em;}
.news_show h5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_show {
    margin: 3% 0 2%;
}
.list_news li .imgcn {
    float: none;
    width: 100%;
    height: auto;
    max-height: 55vw;
}
.list_news li h3{font-size:15px;}
.list_news li .date span{font-size:13px;}
#headnav{
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
    width: 100%;
    background: #fff;box-shadow:2px 2px 7px rgba(70,70,70,.2);
}
body{padding-top: 60px;}
.relevant h3 {
    font-size: 16px;
    line-height: 2;
}
.relevant h3 span {
    font-size: 13px;
}
.more{font-size: 14px;}
}