/*
 *	Name: main.css
 *	Time: 2017-08-17
 *	Autor: Stev_Sumaart
 */


/* common */
@font-face {font-family: "POPPINS-REGULAR";src: url(../assets/fonts/POPPINS-REGULAR.TTF)}
* {box-sizing: border-box;-webkit-tap-highlight-color: rgba(255,0,0,0);}
body {font-family: "Micosoft Yahei","微软雅黑",sans-serif;}
.font-pop {font-family: "POPPINS-REGULAR", sans-serif;}
.wr-main { max-width: 1400px;width: 90%;margin: auto;}
.video-layout-wr { max-width: 1400px;width: 90%;margin: auto;}
.wr-main img{display: inline-block;max-width: 100%;height: auto !important;}

input[type=date]::-webkit-inner-spin-button{display: none;}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel{width: calc(100% + 30px);}
.bsBox{box-sizing: content-box;}

/* header */
body > div.pc {height: 161px;position: relative;z-index: 2;}
body > div.header_pc{ height: auto; }
body > div.pc > .wrap {position: fixed;top: 0;width: 100%;transition: all .3s;}
body > div.pc .links {border-bottom: 1px solid #eee; background: #fff;}
body > div.pc .links .wrap {padding: 11px 0;}
body > div.pc .links .link {display: inline-block;height: 28px;line-height: 28px;color: #898989;}
body > div.pc .links .link-a {float: left;}
body > div.pc .links .link-b {float: right;}
body > div.pc .links .link .icon {display: inline-block;vertical-align: middle;width: 28px;height: 28px;background-size: contain;background-repeat: no-repeat;background-position: center center;margin-right: 18px;}
body > div.pc .links .link-a .icon {background-image: url(../assets/images/icons/tell.png);}
body > div.pc .links .link-b .icon {background-image: url(../assets/images/icons/worker.png);}
body > div.pc.scr-up > .wrap {transform: translateY(-51px);}
body > div.pc.scr-up > .wrap {transform: translateY(0);}
body > div.pc nav {background: rgba(255,255,255,1);}
body > div.pc nav .wrap {height: 110px;}
body > div.pc nav .logo {display: block;width: 212px;height: 46px;background: url(../assets/images/icons/logo.png) center center no-repeat;background-size: contain;float: left; margin-top: 22px;}
body > div.pc nav .categories {display: block;float: right;text-align: right;width: 70%; margin-top: 42px;}
body > div.pc nav .cat-main {display: inline-block; padding-left: 4.8%; position: relative; overflow: visible;}
body > div.pc nav .cat-main::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 185%; z-index: 200;}
body > div.pc nav .cat-main .link-main {font-size: 16px;color: #323232;display: block; height: 36px;transition: all .3s; position: relative; z-index: 400;}
body > div.pc nav .cat-main .link-main::after {content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #ea5404; bottom: 0; left: 0; right: 0; margin: auto; visibility: hidden;}
body > div.pc nav .cat-main.current .link-main, body > div.pc nav .cat-main:hover .link-main {color: #eb5405;}
/* body > div.pc nav .cat-main.current .link-main::after, body > div.pc nav .cat-main:hover .link-main::after {visibility: visible;} */
body > div.pc nav .cat-main.current .link-main::after{visibility: visible;}
body > div.pc nav .cat-main.current .link-main {transition: all .3s .3s;}
body > div.pc nav .cat-main.current .link-main::after {transition: all .3s .3s;}
body > div.pc nav .cat-main .categories-sub {position: absolute; font-size: 0; right: 0; bottom: -50px; z-index: 1; white-space: nowrap; visibility: hidden; opacity: 0; transition: all .3s;}
body > div.pc nav .cat-main .categories-sub .cat-sub {display: inline-block; text-align: center; vertical-align: top; margin-left: 20px; font-size: 14px; color: #fff; line-height: 50px;}
body > div.pc nav .cat-main:hover .categories-sub {visibility: visible; opacity: 1; transition: all .3s .2s;}
body > div.pc nav .cat-main .categories-sub .cat-sub .link-sub {display: block; color: #fff; height: 50px; transition: color .3s;}
body > div.pc nav .cat-main .categories-sub .cat-sub .link-sub:hover {color: #ea5404;}
body > div.pc .deco-line {position: absolute; width: 100%; height: 30px; bottom: 0;overflow: hidden;}
body > div.pc .deco-line .line-middle {position: absolute; height: 30px; width: 90%; max-width: 1400px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url(../assets/images/icons/bg_deco_header_m.png) right center no-repeat; transform: translateX(38.5px);}
body > div.pc .deco-line .line-middle span{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
body > div.pc .deco-line .line-middle:before, body > div.pc .deco-line .line-middle:after{content: '';position: absolute;top: 0;width: 2000px;height: 30px;background: url(../assets/images/icons/bg_deco_header.png) top left repeat-x;}
body > div.pc .deco-line .line-middle:before{left: 100%;}
body > div.pc .deco-line .line-middle:after{right: 76px;}
body > div.pc .bg-sub {position: absolute; width: 100%; height: 0px; background: #6584ac; top: 129px; transition: height .3s .2s;}
body > div.header_pc .bg-sub {top: 78px;}
body > div.pc .bg-sub.ac-hover {height: 50px; transition: height .3s}

body > div.mob {height: 60px; position: relative; z-index: 3; display: none;}
body > div.mob > .wrap {position: fixed; top: 0; width: 100%; background: #fff; box-shadow: 0 1px 8px rgba(0,0,0,.3);}
body > div.mob > .wrap .topbar {height: 60px; }
body > div.mob > .wrap .topbar .logo {display: block; width: 133px; height: 30px; float: left; margin-top: 14px; background: url(../assets/images/icons/logo_mob.png) center center no-repeat;}
body > div.mob > .wrap .topbar .logo {display: block; width: 133px; height: 32px; float: left; margin-top: 14px; background: url(../assets/images/icons/logo.png) center center no-repeat; background-size: 133px auto;}
body > div.mob > .wrap .topbar .btn-nav {display: block; width: 25px; height: 15px; float: right; margin-top: 22px; position: relative;}
body > div.mob > .wrap .topbar .btn-nav i {display: block; position: absolute; width: 100%; height: 2px; background: #ea5404; right: 0;}
body > div.mob > .wrap .topbar .btn-nav i:first-child {top: 0;}
body > div.mob > .wrap .topbar .btn-nav i:nth-child(2) {width: 20px; top: 0; bottom: 0; margin: auto;}
body > div.mob > .wrap .topbar .btn-nav i:last-child {bottom: 0;}
body > div.mob > .wrap .deco-line {position: absolute; bottom: -4px; left: 0; width: 100%; height: 12px; overflow: hidden;}
body > div.mob > .wrap .deco-line .line-middle {position: absolute; height: 12px; width: 90%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url(../assets/images/icons/bg_deco_header_mob_m.png) right center no-repeat; transform: translateX(-20px);}
body > div.mob > .wrap .deco-line .line-middle:before, body > div.mob > .wrap .deco-line .line-middle:after{content: '';position: absolute;top: 0;height: 12px;width: 500px;background: url(../assets/images/icons/bg_deco_header_mob.png) top left repeat-x;}
body > div.mob > .wrap .deco-line .line-middle:before{left: 100%;}
body > div.mob > .wrap .deco-line .line-middle:after{right: 31px;}
body > div.mob > .wrap nav {display: none; position: fixed; z-index: -1; top: 60px; left: 0; right: 0; bottom: 0; background: #fff;}
body > div.mob > .wrap nav .categories .cat-main {border-bottom: 1px solid #e5e5e5;}
body > div.mob > .wrap nav .categories .cat-main .link-main {display: block; width: 90%;  height: 50px; position: relative; margin: auto; font-size: 16px; line-height: 50px; color: #666;}
body > div.mob > .wrap nav .categories .cat-main .link-main .btn-sub {display: block; position: absolute; width: 50px; height: 50px; top: 0; right: 0; background: url(../assets/images/icons/btn_sub.png) right center no-repeat;}
body > div.mob > .wrap nav .categories .cat-main .wr-sub {display: none; position: fixed; top: 60px; left: 0; right: 0; bottom: 0; background: #f2f2f2; z-index: 1;}
body > div.mob > .wrap nav .categories .cat-main .wr-sub h2 {height: 50px; width: 100%; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 16px; line-height: 50px; color: #666; padding: 0 5%; background: #fff; position: relative;}
body > div.mob > .wrap nav .categories .cat-main .wr-sub h2 .btn-back {display: block; width: 50px; height: 50px; position: absolute; left: 5%; background: url(../assets/images/icons/btn_back.png) left center no-repeat;}
body > div.mob > .wrap nav .categories .cat-main .wr-sub .link-sub {display: block; width: 90%; height: 50px; margin: auto; font-size: 16px; color: #666; line-height: 50px;}
.other .placeholder{
	height: 120px;
}
@media screen and (max-width: 1024px){
    body > div.pc {display: none;}
    body > div.mob {display: block;}
    .other .placeholder{
		height: 0;
	}
}


/* .home .sec-01 */
.font-sli-ho {color: #fff;text-align: center;}
.font-sli-ho h2 {font-size: 40px;line-height: 60px;padding: 15px 0;letter-spacing: 10px;opacity: 0;transform: translateY(150%);}
.font-sli-ho h3 {font-size: 30px;line-height: 40px;letter-spacing: 6px;opacity: 0;transform: translateY(150%);}
.font-sli-ho p {font-size: 22px;line-height: 28px;opacity: 0;transform: translateY(150%);}
.font-sli-ho.show h3 {opacity: 1;transform: translateY(0); transition: all 1.1s .6s;}
.font-sli-ho.show h2 {opacity: 1;transform: translateY(0); transition: all 1s .9s;}
.font-sli-ho.show p {opacity: 1;transform: translateY(0); transition: all 1s 1.1s;}
.font-sec-ho h4 {font-size: 18px;line-height: 1.4;color: #898989;}
.font-sec-ho p {font-size: 14px;line-height: 34px;color: #898989;}
.home .sec-01 {margin-bottom: 90px;}
.home .sec-01 > .wrap {position: relative; overflow: hidden;}
.home .sec-01 > .wrap .progress {position: absolute;width: 0;height: 5px;background: rgba(0, 0, 0, 0.14902);left: 0;top: 0;z-index: 2;}
.home .sec-01 > .wrap .progress.start {width: 100%;transition: all 5.5s linear;}
.home .sec-01 > .wrap .slides .slide-item {position: relative;}
.home .sec-01 > .wrap .slides .slide-item::after {content: ""; display: block; padding-top: 40%;}
.home .sec-01 > .wrap .slides .slide-item .pic {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.home .sec-01 > .wrap .slides .slide-item .pic img {width: 100%;height: 100%;/* filter:brightness(.2); */}
.home .sec-01 > .wrap .slides .slide-item .pic.show img {filter:brightness(1); transition: filter 1.2s linear;}
.home .sec-01 > .wrap .slides .slide-item .text {position: absolute;left: 10%;right: 10%; top: 50%; transform: translateY(-50%);}
.home .sec-01 > .wrap .slides .slide-item .text h3::before, .home .sec-01 .wrap .slides .slide-item .text h3::after {content: "";display: inline-block; width: 142px; height: 17px; vertical-align: middle; background: url(../assets/images/icons/title_ban.png) center center no-repeat;background-size: contain;}
.home .sec-01 > .wrap .slides .slide-item .text h3::before {margin-right: 16px;}
.home .sec-01 > .wrap .slides .slide-item .text h3::after {margin-left: 16px;}
.home .sec-01 > .wrap .slides .slick-dots {position: absolute;z-index: 2;right: 50px;bottom: 30px;font-size: 0;letter-spacing: 0;}
.home .sec-01 > .wrap .slides .slick-dots li {display: inline-block;width: 18px;height: 18px;line-height: 16px;border: 1px solid rgba(255,255,255,0);border-radius: 50%;margin: 0 7px;text-align: center;transition: all .3s;transform: scale(.8,.8);cursor: pointer;}
.home .sec-01 > .wrap .slides .slick-dots li button{display: inline-block;margin: 0;padding: 0;width: 8px;height: 8px;border: none;outline: none;background: #fff;border-radius: 50%;vertical-align: middle;transition: all .3s;cursor: pointer;}
.home .sec-01 > .wrap .slides .slick-dots li.slick-active {border: 1px solid rgba(255,255,255,1);transform: scale(1,1);}
.home .sec-01 > .wrap .slides .slick-dots li.slick-active button {transform: scale(.8,.8);}
.home .sec-01 > .wrap .btn-scroll {display: block;width: 120px;text-align: center;font-size: 14px;color: #fff;line-height: 14px;position: absolute;left: 0;right: 0;margin: auto;bottom: 28px;}
.home .sec-01 > .wrap .btn-scroll .icon {display: block;width: 19px;height: 31px;margin: 0 auto 19px auto;background: url(../assets/images/icons/btn_scroll.png) center center no-repeat;text-align: center;overflow: hidden;}
.home .sec-01 > .wrap .btn-scroll .icon:before {content: "";width: 7px;height: 10px;display: inline-block;background: url(../assets/images/icons/btn_scroll_in.png) center center no-repeat;animation: scroll-a 1.5s infinite linear;}
@keyframes scroll-a { 0%{transform: translateY(-12px);visibility: visible;} 40% {transform: translateY(6px)} 60% {transform: translateY(10px)} 100% {transform: translateY(31px)}}
.home .sec-01 > .wrap .btn-query {display: block; width: 68px; height: 68px; background: #ee7637; font-size: 14px; line-height: 24px; color: #fff; text-align: center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; padding-top: 10px;}
.home .sec-01 > .wrap .pop-query {width: 100%; max-width: 400px; height: 290px; position: absolute;z-index: 2; right: 0; top: 0; bottom: 0; background: #fff; margin: auto; transform: translateX(100%); transition: transform .5s;}
.home .sec-01 > .wrap .pop-query.open {transform: translateX(0);}
.home .sec-01 > .wrap .pop-query .btn-close {display: block; width: 18px; height: 18px; background: url(../assets/images/icons/btn_close_q.png) center center no-repeat; position: absolute; top: 15px; right: 28px;}
.home .sec-01 > .wrap .pop-query .wrap {width: 310px; margin-left: auto; margin-right: auto; margin-top: 40px;}
.home .sec-01 > .wrap .pop-query .wrap h2 {font-size: 16px; line-height: 24px; color: #323232;}
.home .sec-01 > .wrap .pop-query .wrap p.wr-input {height: 36px; border: 1px solid #c1c1c1; font-size: 0; margin-top: 20px;}
.home .sec-01 > .wrap .pop-query .wrap p.wr-input input {display: inline-block; vertical-align: top; border: none; border-right: 1px solid #c1c1c1; outline: none; height: 34px; width: 274px; line-height: 34px; font-size: 12px; line-height: 30px; color: #323232; padding-left: 30px;}
.home .sec-01 > .wrap .pop-query .wrap p.wr-input .btn {display: inline-block; vertical-align: top; height: 34px; width: 34px;}
.home .sec-01 > .wrap .pop-query .wrap p.wr-input .btn-a {background: url(../assets/images/icons/icon_query.png) center center no-repeat;}
.home .sec-01 > .wrap .pop-query .wrap p.wr-input .btn-b {background: url(../assets/images/icons/icon_phone.png) center center no-repeat;}
.home .sec-01 > .wrap .pop-query .wrap .btn-submit {display: block; height: 36px; background: #ea5404; text-align: center; font-size: 16px; line-height: 36px; color: #fff; margin-top: 25px;}
@media screen and (max-width: 1200px) {
	.font-sli-ho h2 {font-size: 30px; line-height: 50px; letter-spacing: 6px; padding: 10px 0;}
	.font-sli-ho h3 {font-size: 20px; line-height: 30px; letter-spacing: 4px;}
	.font-sli-ho p {font-size: 16px; line-height: 20px;}
	.home .sec-01 > .wrap .slides .slide-item .text h3::before, .home .sec-01 .wrap .slides .slide-item .text h3::after {width: 100px;}
}
@media screen and (max-width: 1024px) {
	.home .sec-01 {margin-bottom: 40px;}
	.home .sec-01 > .wrap .slides .slide-item::after {/*padding-top: 420px;*/}
	.home .sec-01 > .wrap .slides .slide-item .pic img {position: absolute; width: auto; left: 50%; transform: translateX(-50%);}
	.home .sec-01 > .wrap .btn-scroll {display: none;}
}
@media screen and (max-width: 640px) {
	.home .sec-01 > .wrap .slides .slide-item .text h3::before, .home .sec-01 .wrap .slides .slide-item .text h3::after {display: none;}
	.font-sli-ho h2 {font-size: 24px; line-height: 30px; letter-spacing: 4px; padding: 10px 0;}
	.font-sli-ho h3 {font-size: 18px; line-height: 20px; letter-spacing: 2px;}
	.font-sli-ho p {font-size: 14px; line-height: 18px;}
	.home .sec-01 > .wrap .pop-query .wrap .btn-submit{margin-top: 15px;}
	.home .sec-01 > .wrap .pop-query .wrap p.wr-input{margin-top: 15px;}
}

@media screen and (max-width: 1680px){
	.font-sec-ho h4{ font-size: 18px; }
}

@media screen and (max-width: 1440px){
	.font-sec-ho h4{ font-size: 16px; }
}

@media screen and (max-width: 1280px){
	.font-sec-ho h4{ font-size: 14px; }
}

@media screen and (min-width: 1025px) {
	.home .home_sec-01{
		height: calc(100vh - 40px - 148px - 40px);
		margin-bottom: 40px;
	}

	.home .home_sec-01 > .wrap .slides .slide-item a{
		display: block;
		height: calc(100vh - 40px - 148px - 40px);
		position: relative;
	}

	.home .home_sec-01 > .wrap .slides .slide-item .pic{
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.home .home_sec-01 > .wrap .slides .slide-item::after{
		padding: 0;
	}

	.home .home_sec-01 > .wrap .slides .slide-item .pic img{
		display: none;
	}

	/* .home .home_sec-02 > .wrap .conts .cont h4 .icon{
		background-size: 80px auto
	} */

}

@media screen and (max-width: 1024px){
	.home .home_sec-01 > .wrap .slides .slide-item .pic{
		background: none !important;
		background-size: 0 !important;
	}
	.home .home_sec-01 > .wrap .slides .slide-item .pic img{
		display: block;
	}
}


/* .home .sec-02 */
.home .sec-02 {margin-bottom: 100px;}
.home .sec-02 > .wrap .conts {font-size: 0; text-align: center; margin: 0 -38px;}
.home .sec-02 > .wrap .conts .cont {display: inline-block; vertical-align:  top; width: 390px;height: 350px;text-align: center;padding: 50px 0;transition: background-color .5s;position: relative; margin: 0 38px;}
.home .sec-02 > .wrap .conts .cont:hover {background: #eaeef1;}
.home .sec-02 > .wrap .conts .cont .link {display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.home .sec-02 > .wrap .conts .cont h4 {width: 310px; margin-bottom: 30px;margin-bottom: 25px;margin-top: 5px;margin-left: auto; margin-right: auto;transition: all .5s;}
.home .sec-02 > .wrap .conts .cont:hover h4 {color: #eb5405}
.home .sec-02 > .wrap .conts .cont h4 .icon {display: block;width: 120px; max-width: 90px; width: 90px; width: 45%; height: auto;margin: auto;background-position: center center;background-repeat: no-repeat;transition: all .5s; background-size: cover;}
.home .sec-02 > .wrap .conts .cont h4 .icon:before{ content: ''; display: block; padding-top: 100%; }
.home .sec-02 > .wrap .conts .cont p {width: 310px; height: 102px;margin: auto;overflow: hidden;}
.title-layout-ho {width: 100%; max-width: 770px; margin-bottom: 80px; margin-bottom: 40px; text-align: center; margin-left: auto; margin-right: auto; border-bottom: 1px solid #eee; padding-bottom: 20px;}
.title-layout-ho h2 {font-size: 30px; line-height: 42px; color: #323232; margin-bottom: 6px;}
.title-layout-ho h3 {font-size: 14px; line-height: 28px; color: #898989;}
.home .list-layout-a {margin-bottom: 20px;}

.home .home_sec-02 {
	margin-bottom: 40px;
}

@media screen and (min-width: 1025px) {
	.home .home_sec-02 > .wrap .conts {
		margin: 0;
	}

	.home .home_sec-02 > .wrap .conts .cont{
		margin: 0;
	    width: 12.5%;
	    padding: 0;
	    height: auto;
	}

	.home .home_sec-02 > .wrap .conts .cont h4{
		width: 100%;
	}

}

@media screen and (max-width: 1024px) {
	.title-layout-ho {margin-bottom: 40px;}
	.home .sec-02 {margin-bottom: 40px;}
	.home .sec-02 > .wrap .conts .cont { padding: 20px 0;}
	.home .list-layout-a {margin-bottom: 20px;}
	.home .home_sec-02 > .wrap .conts .cont { height: auto; }
}
@media screen and (max-width: 520px) {
	.home .sec-02 > .wrap .conts {margin: 0;}
	.home .sec-02 > .wrap .conts .cont {margin: 0; height: auto; width: 100%;}
	.home .sec-02 > .wrap .conts .cont h4 {width: 280px;}
	.home .sec-02 > .wrap .conts .cont p {width: 280px;}
}

/* @media screen and (max-width: 1024px) {
	.home .home_sec-02 > .wrap .conts {margin: 0;}
	.home .home_sec-02 > .wrap .conts .cont {margin: 0; height: auto; width: 100%;}
	.home .home_sec-02 > .wrap .conts .cont h4 {width: 280px;}
	.home .home_sec-02 > .wrap .conts .cont p {width: 280px;}
} */


/* .home .sec-06 */
.home .sec-06 {margin-bottom: 100px;}
.home .sec-06 .conts {padding-left: 40px; padding-right: 40px; position: relative;}
.home .sec-06 .conts .cont {padding-left: 13px; padding-right: 13px;}
.home .sec-06 .conts .cont .pic {width: 232px; height: 84px; border: 1px solid #eaeef1; margin-bottom: 16px; margin-left: auto; margin-right: auto;}
.home .sec-06 .conts .cont .pic:last-child {margin-bottom: 0;}
.home .sec-06 .conts .cont .pic img {width: 100%; height: 100%;}
.home .sec-06 .conts .slick-arrow {display: block; width: 26px; height: 36px; border: none; outline: none; position: absolute; top: 0; bottom: 0; margin: auto; background-color: #eaeef1; font-size: 0; cursor: pointer;}
.home .sec-06 .conts .slick-prev {left: 0; background-image: url(../assets/images/icons/btn_logo_prev.png); background-repeat: no-repeat; background-position: center center;}
.home .sec-06 .conts .slick-next {right: 0; background-image: url(../assets/images/icons/btn_logo_next.png);  background-repeat: no-repeat; background-position: center center;}
@media screen and (max-width: 1440px) {
	.home .sec-06 .conts .cont .pic{    width: 198px;
    height: 70px;}
}
@media screen and (max-width: 1024px) {
	.home .sec-06 {margin-bottom: 50px;}
}
@media screen and (max-width: 640px) {
	.home .sec-06 .conts {padding-left: 26px; padding-right: 26px;}
	.home .sec-06 .conts .cont {padding-left: 0; padding-right: 0;}
}


/* crumb */
.crumb {font-size: 0; margin-top: 45px; margin-bottom: 45px;}
.crumb .icon-home {display: inline-block; height: 14px; width: 14px; background: url(../assets/images/icons/icon_home_crumb.png) center center no-repeat; vertical-align: top;}
.crumb .icon-next {display: inline-block; height: 14px; width: 14px; background: url(../assets/images/icons/icon_next_crumb.png) center center no-repeat; vertical-align: top;}
.crumb a {display: inline-block; height: 14px; font-size: 12px; line-height: 14px; color: #323232; margin-left: 5px; margin-right: 5px; vertical-align: top;}
.crumb a.current {color: #ea5404;}
@media screen and (max-width: 1024px){
    .crumb {margin-top: 30px; margin-bottom: 20px;}
}


/* news-list */
.title-layout-a {padding-top: 10px; padding-bottom: 10px; margin-bottom: 40px;}
.list-layout-a h2 {font-size: 20px; line-height: 30px; color: #000; margin-bottom: 40px;}
.title-layout-a h1 {font-size: 18px; height: 24px; line-height: 24px; color: #ea5404; float: left;}
.title-layout-a .links {float: right; white-space: nowrap; height: 24px; text-align: right; font-size: 0;}
.title-layout-a .links a, .title-layout-a .links i {display: inline-block; vertical-align: top; color: #898989; font-size: 14px; height: 24px; line-height: 24px; }
.title-layout-a .links .deco-a {width: 34px; margin-left: 25px; margin-right: 25px; background: url(../assets/images/icons/deco_a.png) center center no-repeat;}
.list-layout-a ul {margin-left: -17px; margin-right: -17px; font-size: 0;}
.list-layout-a ul li {display: inline-block; width: 33.333%; position: relative; margin-bottom: 65px;}
.list-layout-a ul li::after {content: ""; display: block; padding-top: 101.351%;}
.list-layout-a ul li a {display: block; position: absolute; left: 17px; right: 17px; top: 0; bottom: 0;}
.list-layout-a ul li.style-a .wr-pic {width: 100%; position: relative; margin-bottom: 30px;}
.list-layout-a ul li.style-a .wr-pic::after {content: ""; display: block; padding-top: 61.399%;}
.list-layout-a ul li.style-a .wr-pic img {position: absolute; width: 100%; height: 100%;}
.list-layout-a ul li h4 {font-size: 0;}
.list-layout-a ul li h4 span {display: inline-block; height: 30px; vertical-align: top; font-size: 12px; line-height: 30px;}
.list-layout-a ul li h4 .type {color: #ea5404;}
.list-layout-a ul li h4 .time {color: #898989;}
.list-layout-a ul li h3 {max-height: 72px; font-size: 18px; line-height: 36px; color: #323232; overflow: hidden; transition: color .5s;}
.list-layout-a ul li.style-b a {padding-left: 10%; padding-right: 10%; padding-top: 20%; background: #eaeef1;}
.list-layout-a ul li.style-b p {max-height: 108px; font-size: 14px; line-height: 36px; color: #898989; margin-top: 15%; overflow: hidden;}
.list-layout-a ul li a:hover h3 {color: #ea5404;}
@media screen and (max-width: 1200px){
	.list-layout-a ul {width: 100%; max-width: 955px; margin-left: auto; margin-right: auto;}
	.list-layout-a ul li {width: 50%; margin-bottom: 30px;}
}
@media screen and (max-width: 1024px){
    .title-layout-a {margin-bottom: 10px;}
}
@media screen and (max-width: 770px){
	.list-layout-a ul {width: 100%; max-width: 444px;}
	.list-layout-a ul li::after {display: none; padding-top: 0;}
	.list-layout-a ul li {width: 100%;}
	.list-layout-a ul li a {position: relative; left: 0; right: 0;}
	.list-layout-a ul li h3 {max-height: none;}
	.list-layout-a ul li.style-b p {max-height: none;}
	.list-layout-a ul li.style-b a {padding-bottom: 20px;}
}

.pagers-layout-a {margin-bottom: 50px; margin-top: 60px; }
.pgs_pagers-layout-a{
	margin-top: 0;
}
.pagers-layout-a .wrap {font-size: 0; text-align: center;}
.pagers-layout-a .dir, .pagers-layout-a .num {display: inline-block; vertical-align: top;}
.pagers-layout-a .dir {height: 40px; font-size: 14px; line-height: 40px; color: #898989; transition: color .5s;}
.pagers-layout-a .dir .icon {display: inline-block; vertical-align: top; width: 18px; height: 40px; filter: grayscale(1); transition: filter .5s;}
.pagers-layout-a .dir-prev {margin-right: 20px;}
.pagers-layout-a .dir-next {margin-left: 20px;}
.pagers-layout-a .dir-prev .icon {background: url(../assets/images/icons/btn_prev.png) center center no-repeat; margin-right: 5px;}
.pagers-layout-a .dir-next .icon {background: url(../assets/images/icons/btn_next.png) center center no-repeat; margin-left: 5px;}
.pagers-layout-a .dir:hover {color: #ea5404;}
.pagers-layout-a .dir:hover .icon {filter: grayscale(0);}
.pagers-layout-a .num {width: 30px; height: 40px; font-size: 14px; line-height: 40px; color: #898989; margin-left: 5px; margin-right: 5px; transition: color .5s;}
.pagers-layout-a .num-curr {color: #ea5404; font-size: 30px;}
.pagers-layout-a .num:hover {color: #ea5404;}

/* service */
.slide-layout-a {margin-bottom: 30px;}
.slide-layout-a .wr-item .item {position: relative;}
.slide-layout-a .wr-item .item:after {content: ""; display: block; padding-top: 35.714%;}
.slide-layout-a .wr-item .item .wr-pic {position: absolute; width: 100%; height: 100%;}
.slide-layout-a .wr-item .item .wr-pic img {display: block; width: 100%; height: 100%;}
.slide-layout-a .wr-item .item .wr-txt {position: absolute; width: 70%; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%); text-align: center;}
.slide-layout-a .wr-item .item .wr-txt h2 {font-size: 30px; line-height: 42px; color: #fff; font-weight: bold; margin-bottom: 12px; letter-spacing: 2px;}
.slide-layout-a .wr-item .item .wr-txt p {font-size: 18px; line-height: 22px; color: #fff;}
.slide-layout-a .wr-item .slick-arrow {opacity: .7;display: block; position: absolute; width: 40px; height: 60px; outline: none; border: none; padding: 0; background-color: #fff;filter: grayscale(1); transition: filter .5s; background-repeat: no-repeat; background-position: center center; top: 0; bottom: 0; margin: auto; font-size: 0; z-index: 1; cursor: pointer;-webkit-transition: opacity .2s;transition:opacity .2s;}
.slide-layout-a .wr-item .slick-prev {background-image: url(../assets/images/icons/btn_prev_s.png); left: 17px;}
.slide-layout-a .wr-item .slick-next {background-image: url(../assets/images/icons/btn_next_s.png); right: 17px;}
.slide-layout-a .wr-item .slick-arrow:hover {opacity: 1;filter: grayscale(0);}
@media screen and (max-width: 960px){
	.slide-layout-a .wr-item .item .wr-txt h2 {font-size: 24px; line-height: 32px;}
	.slide-layout-a .wr-item .item .wr-txt p {font-size: 14px; line-height: 18px;}
	.slide-layout-a .wr-item .slick-arrow {width: 30px; height: 50px;}
}
@media screen and (max-width: 520px){
	.slide-layout-a .wr-item .item .wr-txt h2 {font-size: 16px; line-height: 24px;}
	.slide-layout-a .wr-item .item .wr-txt p {font-size: 12px; line-height: 16px;}
	.slide-layout-a .wr-item .slick-arrow {width: 20px; height: 35px;}
	.slide-layout-a .wr-item .slick-prev {left: 10px;}
	.slide-layout-a .wr-item .slick-next {right: 10px;}
}
.content-layout-a {margin-bottom: 30px; margin-bottom: 60px;}
.content-layout-a p {font-size: 14px; line-height: 30px; color: #323232;}

.slide-layout-b {margin-bottom: 50px;}
.slide-layout-b .wr-item {margin-left: -17px; margin-right: -17px;}
.slide-layout-b .wr-item .item {position: relative;}
.slide-layout-b .wr-item .item:after {content: ""; display: inline-block;}
.slide-layout-b .wr-item .item .wr-pic {position: relative; margin-left: 17px; margin-right: 17px; top: 0;overflow: hidden;}
.slide-layout-b .wr-item .item .wr-pic:before{content: '';display: block;padding-top: 60%;}
.slide-layout-b .wr-item .item .wr-pic img {position: absolute;top: 0;left: 0;display: block; width: 100%;}
.slide-layout-b .wr-item .item .wr-txt {position: relative;min-height: 200px;margin-left: 17px; margin-right: 17px; text-align: center; padding-top: 20px; padding-left: 35px; padding-right: 35px; background: #eaeff2;}
.slide-layout-b .wr-item .item .wr-txt h3 {max-height: 26px; font-size: 16px; line-height: 26px; color: #323232; margin-bottom: 12px; overflow: hidden;}
.slide-layout-b .wr-item .item .wr-txt p { font-size: 14px; line-height: 26px; color: #898989; overflow: hidden; }
.slide-layout-b .wr-item .slick-arrow {display: block; position: absolute; width: 40px; height: 60px; outline: none; border: none; padding: 0; background-color: #fff;filter: grayscale(1); transition: filter .5s; background-repeat: no-repeat; background-position: center center; top: 0; bottom: 0; margin: auto; font-size: 0; z-index: 1; cursor: pointer; transform: scale(.8);}
.slide-layout-b .wr-item .slick-prev {background-image: url(../assets/images/icons/btn_prev_s.png); left: 27px;}
.slide-layout-b .wr-item .slick-next {background-image: url(../assets/images/icons/btn_next_s.png); right: 27px;}
.slide-layout-b .wr-item .slick-arrow:hover {filter: grayscale(0);}
@media screen and (max-width: 1024px) {
	.slide-layout-b .wr-item .item .wr-txt {padding-top: 10}
	.slide-layout-b {margin-bottom: 50px;}
}
@media screen and (max-width: 520px) {
	.slide-layout-b .wr-item .slick-arrow {width: 30px; height: 50px;}
	.slide-layout-b .wr-item .item .wr-txt{padding-right: 15px;padding-left: 15px;}
}

.slide-layout-c h2 {font-size: 18px; line-height: 24px; color: #ea5404;}
.slide-layout-c {margin-bottom: 50px;}
.slide-layout-c .wr-item {padding-left: 7%; padding-right: 7%; position: relative;}
.slide-layout-c .wr-item .item {position: relative; padding-top: 30px;}
.slide-layout-c .wr-item .item .simple {position: absolute; width: 100%; left: 0; top: 40%;}
.slide-layout-c .wr-item .item .simple .line {height: 1px; background: #a5b5be; position: relative;}
.slide-layout-c .wr-item .item .simple .line i {display: block; width: 9px; height: 9px; border-radius: 50%; background: #a5b5be;position: absolute; left: 0; right: 0; top: -4px; margin: auto;}
.slide-layout-c .wr-item .item .simple h3 {font-size: 14px; line-height: 24px; color: #323232; text-align: center; margin-top: 35px;}
.slide-layout-c .wr-item .item .detail {visibility: hidden; transform: scale(0.5, 0.5); opacity: 0; transition: all .8s;}
.slide-layout-c .wr-item .item .detail .wr-pic {position: relative; margin-bottom: 20px;}
.slide-layout-c .wr-item .item .detail .wr-pic::after {content: ""; display: block; padding-top: 69.972%;}
.slide-layout-c .wr-item .item .detail .wr-pic img {position: absolute; width: 100%; height: 100%;}
.slide-layout-c .wr-item .item .detail .wr-txt {padding-left: 30px; padding-right: 10px;}
.slide-layout-c .wr-item .item .detail .wr-txt h3 {height: 42px; font-size: 30px; line-height: 42px; color: #323232; margin-bottom: 15px;}
.slide-layout-c .wr-item .item .detail .wr-txt .deco-b {display: block; width: 58px; height: 7px;  background: url(../assets/images/icons/deco_b.png) center center no-repeat;  margin-bottom: 30px;}
.slide-layout-c.xjp .wr-item .item .detail .wr-txt h3 {height: 30px; font-size: 20px; line-height: 30px; color: #323232; margin-bottom: 8px;}
.slide-layout-c.xjp .wr-item .item .detail .wr-txt .deco-b {display: block; width: 58px; height: 7px;  background: url(../assets/images/icons/deco_b.png) center center no-repeat;  margin-bottom: 22px;}
.slide-layout-c .wr-item .item .detail .wr-txt p {height: 72px; font-size: 14px; line-height: 24px; color: #898989; width: 150%;}
.slide-layout-c .wr-item .slick-current .item .simple {visibility: hidden;}
.slide-layout-c .wr-item .slick-current .item .detail {visibility: visible; transform: scale(1,1); opacity: 1;}
.slide-layout-c .wr-item .slick-arrow {display: block; position: absolute; width: 58px; height: 20px; outline: none; border: none; padding: 0; filter: grayscale(1); transition: filter .5s; background-repeat: no-repeat; background-position: center center; background-color: transparent; top: 40%; font-size: 0; z-index: 1; cursor: pointer; transform: scale(.8); margin-top: -10px;}
.slide-layout-c .wr-item .slick-prev {background-image: url(../assets/images/icons/btn_prev_big.png); left: 0;}
.slide-layout-c .wr-item .slick-next {background-image: url(../assets/images/icons/btn_next_big.png); right: 0;}
.slide-layout-c .wr-item .slick-arrow:hover {filter: grayscale(0);}
.pic-layout-a {position: relative; margin-bottom: 100px;}
.pic-layout-a::after {content: ""; display: block; /* padding-top: 42.857%; */}
.pic-layout-a img {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
@media screen and (max-width: 1024px){
	.slide-layout-c h2 {margin-bottom: 10px;}
	.slide-layout-c {margin-bottom: 40px;}
	.pic-layout-a {margin-bottom: 50px;}
}
@media screen and (max-width: 960px){
	.slide-layout-c .wr-item .slick-prev {display: none !important;}
	.slide-layout-c .wr-item .slick-next {display: none !important;}
}
@media screen and (max-width: 750px){
	.slide-layout-c .wr-item .item.slick-current + .item .simple {visibility: visible;}
	.slide-layout-c .wr-item .item.slick-current + .item .detail {visibility: hidden;}
	.slide-layout-c .wr-item .item.slick-current .simple {visibility: hidden;}
	.slide-layout-c .wr-item .item.slick-current .detail {visibility: visible; transform: scale(1,1); opacity: 1;}
	.slide-layout-c .wr-item {padding-left: 0; padding-right: 0;}
}
@media screen and (max-width: 450px){
	.slide-layout-c .wr-item .item .detail .wr-txt p {width: 100%;}
}

/* news-detail */
.content-layout-b {margin-bottom: 65px;}
.content-layout-b h1 {font-size: 30px; line-height: 42px; color: #323232; margin-bottom: 35px;}
.content-layout-b .wr-pic {margin-bottom: 40px;}
.content-layout-b .wr-pic img {display: block; max-width: 100%; height: auto;}
.content-layout-b .wr-content {position: relative;}
.content-layout-b .wr-content .wr-txt {width: 67.857%;  min-height: 550px;}
.content-layout-b .wr-content .wr-txt p {font-size: 14px; line-height: 34px; color: #898989;text-indent: 2em;}
.content-layout-b .wr-content .wr-txt p b {color: #000;}
.content-layout-b .wr-content .wr-txt .wr-like {margin-top: 75px;}
.content-layout-b .wr-content .wr-txt .wr-like .btn-like {display: block; width: 90px; height: 90px; margin-left: auto; margin-right: auto; border: 1px solid #eaeaea; border-radius: 50%; transition: border .5s;}
.content-layout-b .wr-content .wr-txt .wr-like .btn-like .icon {display: block; width: 31px; height: 32px; margin-left: auto; margin-right: auto; background: url(../assets/images/icons/btn_like.png) center center no-repeat; margin-top: 17.5px;}
.content-layout-b .wr-content .wr-txt .wr-like .btn-like .num {display: block; height: 32px; font-size: 14px; line-height: 32px; color: #ea5404; text-align: center; font-style: normal;}
.content-layout-b .wr-content .wr-txt .wr-like .btn-like:hover {border: 1px solid #ea5404;}
.content-layout-b .wr-content .wr-others {position: absolute; width: 26%; height: 100%; left: 74%; top: 30px; padding-top: 35px; padding-left: 6%;}
.content-layout-b .wr-content .wr-others::before {content: ""; display: block; height: 480px; width: 1px; background: #e5e5e5; position: absolute; left: 0; top: 0;}
.content-layout-b .wr-content .wr-others .cont-01 p {font-size: 14px; line-height: 30px; color: #898989;}
.content-layout-b .wr-content .wr-others .cont-01 p span {margin-left: 50px;}
.content-layout-b .wr-content .wr-others .cont-01 .type span {color: #eb5405;}
.content-layout-b .wr-content .wr-others .cont-02 {height: 30px; margin-top: 70px;}
.content-layout-b .wr-content .wr-others .cont-02 p {font-size: 15px; line-height: 30px;}
.content-layout-b .wr-content .wr-others .cont-02 p .share, .bshare-custom .bshare-sinaminiblog, .bshare-custom .bshare-weixin, .bshare-custom .bshare-qqim{display: inline-block; width: 30px; height: 30px; border: 1px solid #ea5404; border-radius: 50%; vertical-align: top;  margin-left: 20px; filter: grayscale(1); transition: filter .5s;}
.content-layout-b .wr-content .wr-others .cont-02 p .share-01, body .bshare-custom .bshare-sinaminiblog {background: url(../assets/images/icons/btn_share_01.png) center center no-repeat;}
.content-layout-b .wr-content .wr-others .cont-02 p .share-02, body .bshare-custom .bshare-weixin {background: url(../assets/images/icons/btn_share_02.png) center center no-repeat;}
.content-layout-b .wr-content .wr-others .cont-02 p .share-03, body .bshare-custom .bshare-qqim{background: url(../assets/images/icons/btn_share_03.png) center center no-repeat;}
.content-layout-b .wr-content .wr-others .cont-02 p .share:hover {filter: grayscale(0);}
.bshare-custom .bshare-sinaminiblog:hover, .bshare-custom .bshare-weixin:hover, .bshare-custom .bshare-qqim:hover{filter: grayscale(0);}
.bshare-custom span{font-size:16px;line-height:30px;}
.content-layout-b .wr-content .wr-others .cont-03 {position: absolute; left: 24%; bottom: 150px;}
.content-layout-b .wr-content .wr-others .cont-03 .btn {font-size: 14px; font-weight: bold; color: #898989; transition: color .5s; margin-right: 20px;}
.content-layout-b .wr-content .wr-others .cont-03 .btn:hover {color: #323232;}
@media screen and (max-width: 1200px){
	.content-layout-b .wr-content .wr-others {padding-left: 4%;}
}
@media screen and (max-width: 1024px){
	.content-layout-b .wr-content .wr-txt {width: 100%;}
	.content-layout-b .wr-content .wr-others {position: relative; width: 100%; left: auto; top: auto; }
	.content-layout-b .wr-content .wr-others .cont-01 {display: none;}
	.content-layout-b .wr-content .wr-txt .wr-like {margin-top: 30px;}
	.content-layout-b .wr-content .wr-others .cont-03 {position: relative; left: auto; bottom: auto; text-align: right; margin-top: 10px;}
	.content-layout-b .wr-content .wr-others .cont-02 {margin-top: 0px;}
	.content-layout-b .wr-content .wr-others::before {display: none;}

}

/* about-speech */
.content-layout-c {padding-bottom: 60px;}
.content-layout-c .wr-conts {font-size: 0;}
.content-layout-c .wr-conts .cont {display: inline-block; vertical-align: top; width: 45%; margin-bottom: 70px;}
.content-layout-c .wr-conts .cont.cont-05, .content-layout-c .wr-conts .cont.cont-06 {margin-bottom: 0;}
.content-layout-c .wr-conts .cont:nth-child(even) {margin-left: 10%;}
.content-layout-c .wr-conts .cont img {max-width: 100%; height: auto;}
.content-layout-c .wr-conts .cont p {font-size: 14px; line-height: 32px; color: #898989;}
.content-layout-c .wr-conts .cont p b {color: #000;}
.content-layout-c .wr-sign {text-align: right;}
.content-layout-c .wr-sign img {display: inline-block; vertical-align: top;}
@media screen and (max-width: 960px){
    .content-layout-c {padding-bottom: 30px;}
    .content-layout-c .wr-conts .cont {display: block; width: 100%; margin-bottom: 30px;}
    .content-layout-c .wr-conts .cont:nth-child(even) {margin-left: 0;}
    .content-layout-c .wr-conts .cont.cont-05 {margin-bottom: 30px;}

}

.slide-layout-d {padding-top: 100px; padding-top: 80px; padding-bottom: 20px; background: #eaeef1; /* padding-bottom: 200px; */}
.slide-layout-d h2 {font-size: 0; margin-bottom: 50px;}
.slide-layout-d h2 img, .slide-layout-d h2 .wr-txt {display: inline-block; vertical-align: top;}
.slide-layout-d h2 img {width: 47.672%; height: auto; box-shadow: 0 0 15px rgba(0,0,0,.4);}
.slide-layout-d h2 .wr-txt {margin-left: 25px;}
.slide-layout-d h2 .wr-txt span {display: block;}
.slide-layout-d h2 .wr-txt .title {font-size: 18px; line-height: 24px; color: #ea5404;}
.slide-layout-d h2 .wr-txt .year {font-size: 60px; line-height: 72px; color: #323232; opacity: .04; font-weight: bold;}
.slide-layout-d .wr-item {padding-left: 9%; padding-right: 9%; position: relative;}
.slide-layout-d .wr-item .item {padding-left: 15px; padding-right: 15px; overflow: visible;}
.slide-layout-d .wr-item .item h3 {height: 64px; font-size: 30px; line-height: 64px; color: #323232; font-weight: bold; text-align: center; position: relative; transition: all .8s;}
.slide-layout-d .wr-item .item h3::after {content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #d4d4d4; bottom: 0; left: 0; transition: all .8s;}
.slide-layout-d .wr-item .item .wr-txt {width: 280%; visibility: hidden; opacity: 0; transition: all .8s; margin-top: 55px;}
.slide-layout-d .wr-item .item .wr-txt p {font-size: 14px; line-height: 32px; color: #898989;}
.slide-layout-d .wr-item .slick-current .item h3 {background: #ea5404; color: #fff;}
.slide-layout-d .wr-item .slick-current .item h3::after {background: transparent;}
.slide-layout-d .wr-item .slick-current .item .wr-txt {visibility: visible; opacity: 1;}
.slide-layout-d .wr-item .slick-arrow {display: block; position: absolute; width: 58px; height: 20px; outline: none; border: none; padding: 0; filter: grayscale(1); transition: filter .5s; background-repeat: no-repeat; background-position: center center; background-color: transparent; top: 62px; font-size: 0; z-index: 1; cursor: pointer; transform: scale(.8); margin-top: -10px;}
.slide-layout-d .wr-item .slick-prev {background-image: url(../assets/images/icons/btn_prev_big.png); left: 0;}
.slide-layout-d .wr-item .slick-next {background-image: url(../assets/images/icons/btn_next_big.png); right: 0;}
.slide-layout-d .wr-item .slick-arrow:hover {filter: grayscale(0);}
@media screen and (max-width: 960px){
    .slide-layout-d .wr-item .item .wr-txt {width: 200%;}
    .slide-layout-d {padding-top: 60px; padding-bottom: 40px;}
    .slide-layout-d h2 {margin-bottom: 30px;}
    .slide-layout-d .wr-item .item .wr-txt {margin-top: 30px;}
}
@media screen and (max-width: 750px){
    .slide-layout-d .wr-item .item.slick-current + .item h3 {background: transparent; color: #323232;}
    .slide-layout-d .wr-item .item.slick-current + .item h3::after {background: #d4d4d4;}
    .slide-layout-d .wr-item .item.slick-current + .item .wr-txt {visibility: hidden; opacity: 0;}
    .slide-layout-d .wr-item .item.slick-current h3 {background: #ea5404; color: #fff;}
    .slide-layout-d .wr-item .item.slick-current h3::after {background: transparent;}
    .slide-layout-d .wr-item .item.slick-current .wr-txt {visibility: visible; opacity: 1;}
    .slide-layout-d h2 .wr-txt {display: block; margin-left: 0; margin-top: 30px;}
}
@media screen and (max-width: 520px){
    .slide-layout-d .wr-item .item .wr-txt {width: 100%;}
    .slide-layout-d .wr-item .slick-prev {display: none !important;}
    .slide-layout-d .wr-item .slick-next {display: none !important;}
    .slide-layout-d .wr-item {padding-left: 0; padding-right: 0;}
    .slide-layout-d h2 .wr-txt .year {font-size: 45px; line-height: 52px;}
}


/* about-value */
.content-layout-d {padding-top: 18px; padding-top: 60px; padding-bottom: 60px;}
.content-layout-d.type-b {background: #eaeff2; padding-bottom: 40px;}
.content-layout-d .wr-title {margin-bottom: 50px; }
.content-layout-d .wr-title h2 {font-size: 18px; line-height: 36px; color: #ea5404; margin-bottom: 40px;font-weight: 700;}
.content-layout-d .wr-title p { width: 50%; font-size: 14px; line-height: 26px; color: #323232; font-weight: bold;}
.content-layout-d .wr-cont-a .wr-item {font-size: 0;}
.content-layout-d .wr-cont-a .wr-item .item {display: inline-block; vertical-align: top; width: 20%;}
.content-layout-d .wr-cont-a .wr-item .item .icon { width: 70px; height: 70px; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.content-layout-d .wr-cont-a .wr-item .item .icon img {display: block; position: absolute; max-width: 100%; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.content-layout-d .wr-cont-a .wr-item .item h3 {font-size: 18px; line-height: 36px; color: #323232; text-align: center; margin-bottom: 12px;}
.content-layout-d .wr-cont-a .wr-item .item p {font-size: 14px; line-height: 28px; color: #898989; text-align: center; padding-left: 25px; padding-right: 25px;}
.content-layout-d .wr-cont-b {font-size: 0;}
.content-layout-d .wr-cont-b .wr-pic {display: inline-block; width: 54%; vertical-align: top; padding-right: 50px;}
.content-layout-d .wr-cont-b .wr-pic img {display: block; max-width: 100%; height: auto;}
.content-layout-d .wr-cont-b .wr-item {display: inline-block; width: 46%; vertical-align: top; font-size: 0;}
.content-layout-d .wr-cont-b .wr-item .item {display: inline-block; width: 33.333%; vertical-align: top; padding-right: 50px; margin-bottom: 50px;}
.content-layout-d .wr-cont-b .wr-item .item h3 {font-size: 18px; line-height: 36px; color: #323232; margin-bottom: 12px;}
.content-layout-d .wr-cont-b .wr-item .item p {font-size: 14px; line-height: 28px; color: #898989;}
@media screen and (max-width: 1200px){
    .content-layout-d .wr-cont-b .wr-item .item { padding-right: 30px;}
}
@media screen and (max-width: 1024px){
    .content-layout-d .wr-title p {width: 80%;}
    .content-layout-d {padding-top: 40px; padding-bottom: 40px;}
    .content-layout-d .wr-title {margin-bottom: 40px;}
    .content-layout-d .wr-cont-a .wr-item .item {width: 33.333%; margin-top: 30px;}
    .content-layout-d .wr-cont-b .wr-item {display: block;}
    .content-layout-d .wr-cont-b .wr-pic {margin-bottom: 30px; width: 70%; padding-right: 0px;}
    .content-layout-d .wr-cont-b .wr-item {width: 100%;}
}
@media screen and (max-width: 640px){
	.content-layout-d .wr-cont-a .wr-item .item {width: 50%;}
	.content-layout-d .wr-cont-b .wr-item .item {width: 50%;}
	.content-layout-d .wr-title p {width: 100%;}
}

@media screen and (max-width: 420px){
	.content-layout-d .wr-cont-a .wr-item .item {width: 100%;}
	.content-layout-d .wr-cont-b .wr-item .item {width: 100%;}
}
/* about-honor */
.list-layout-b .wr-item {margin-left: -13px; margin-right: -13px; font-size: 0;}
.list-layout-b .wr-item .item {display: inline-block; width: 25%; position: relative; margin-bottom: 10px; margin-bottom: 26px;}
.list-layout-b .wr-item .item:after {content: ""; display: block; padding-top: 115.966%;}
.list-layout-b .wr-item .item .wrap {position: absolute; left: 13px; right: 13px; top: 0; bottom: 0; margin: auto; background: #eaeef1;}
.list-layout-b .wr-item .item .wrap .wr-pic img {width: 100%; height: auto; margin: auto;}
.list-layout-b .wr-item .item .wrap h3 {width: 78%; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 24px; color: #323232; text-align: center;}

@media screen and (max-width: 1160px) {
    .list-layout-b .wr-item .item {width: 33.333%;}
}
@media screen and (max-width: 760px) {
    .list-layout-b .wr-item .item {width: 50%;}
}
@media screen and (max-width: 520px) {
    .list-layout-b .wr-item {margin-left: 0px; margin-right: 0px; text-align: center;}
    .list-layout-b .wr-item .item {width: 100%; max-width: 300px;}
    .list-layout-b .wr-item .item .wrap {left: 0; right: 0;}
    .title-layout-a .links {float: none; display: block; text-align: center;}
    .title-layout-a h1 {float: none; margin-bottom: 20px;}
    .title-layout-a .links .deco-a {display: none;}
    .title-layout-a .links a, .title-layout-a .links i {margin-left: 10px; margin-right: 10px;}
    .pagers-layout-a .num-curr + .num {display: none;}
    .pagers-layout-a .num-curr + .num + .num {display: none;}

}


/* about-contact */
.map-layout-a {margin-bottom: 70px;}
.map-layout-a #map {position: relative; min-height: 400px;}
.map-layout-a #map::after {content: ""; display: block; padding-top: 35.714%;}
.map-layout-a .wr-overlay {display: none;}
.overlay {width: 440px; height: 188px;background: url(../assets/images/icons/icon_map_big.png) center center no-repeat; padding-top: 40px; padding-left: 30px; padding-right: 30px;}
.overlay p {font-size: 16px; line-height: 30px; color: #fff;}
.map-layout-a #map .overlay {margin-left: -220px; margin-top: -188px;}
.anchorBL{display:none;}
@media screen and (max-width: 1024px){
    .map-layout-a {margin-bottom: 30px;}
}
@media screen and (max-width: 640px){
    .map-layout-a #map {min-height: auto;}
    .map-layout-a #map::after {padding-top: 300px;}
    .map-layout-a #map .overlay {width: 21px; height: 29px; margin: 0; padding: 0; background: url(../assets/images/icons/map_mark.png) center center no-repeat; margin-left: -6px; margin-top: -29px;}
    .map-layout-a #map .overlay p {display: none;}
    .map-layout-a .wr-overlay {display: block;}
    .map-layout-a .wr-overlay .overlay {width: auto; height: auto; background:rgba(234, 84, 4, .82); padding: 30px; border-radius: 2px;}
}

.message-layout-a {font-size: 0; margin-bottom: 100px;}
.message-layout-a .cont {display: inline-block; vertical-align: top; width: 50%;}
.message-layout-a .cont-01 {margin-bottom: 30px;}
.message-layout-a .cont-01 p {width: 55.714%; font-size: 14px; line-height: 34px; color: #323232; text-align: justify;}
.message-layout-a .cont-02 form h2 {font-size: 18px; line-height: 34px; color: #ea5404; margin-bottom: 60px;}
.message-layout-a .cont-02 form label {display: block; font-size: 12px; line-height: 20px; color: #898989;}
.message-layout-a .cont-02 form input {display: block; width: 100%; height: 50px; background: transparent; outline: none; border: none; font-size: 14px; color: #323232; line-height: 50px;}
.message-layout-a .cont-02 form .line{position: relative; height: 1px; background: #d4d4d4; margin-bottom: 20px;}
.message-layout-a .cont-02 form .line::after {content: ""; display: block; position: absolute; width: 0; height: 1px; background: #ea5404; left: 0; right: 0; bottom: 0; margin: auto; transition: width .8s;}
.message-layout-a .cont-02 form input:focus + .line::after {width: 100%;}
.message-layout-a .cont-02 form .btn-submit {display: block; width: 120px; height: 50px; font-size: 18px; line-height: 50px; color: #323232; border: 1px solid #323232; text-align: center; transition: all .5s; margin-top: 50px;}
.message-layout-a .cont-02 form .btn-submit:hover {border: 1px solid #ea5404; background: #ea5404; color: #fff;}
@media screen and (max-width: 1024px){
    .message-layout-a {margin-bottom: 60px;}
    .message-layout-a .cont-02 form h2 {margin-bottom: 30px;}
}
@media screen and (max-width: 960px){
    .message-layout-a .cont {width: 100%;}
    .message-layout-a .cont-01 p {width: 100%;}
    .message-layout-a .cont-02 form input {height: 35px; line-height: 35px;}
}

/* people-life */
.people-life .slide-layout-a .wr-item .item .wr-txt h2 { font-weight: normal; color: #000; margin-bottom: 0;}


/* people-develop */
.content-layout-e {margin-bottom: 100px;}
.content-layout-e p {font-size: 14px; line-height: 32px; color: #898989;}
.content-layout-e img {max-width: 100%; height: auto;}
@media screen and (max-width:1024px) {
	.content-layout-e {margin-bottom: 50px;}
}


/* people-environment */
body.people-environment .content-layout-e {margin-bottom: 20px;}
.video-layout-a .wr-conts {font-size: 0; margin-bottom: 100px;}
.video-layout-a .wr-conts .cont-01 {display: inline-block; vertical-align: top; width: 33.571%; position: relative; padding-right: 30px;}
.video-layout-a .wr-conts .cont-01 img {width: 100%; height: auto;}
.video-layout-a .wr-conts .cont-02 {display: inline-block; vertical-align: top; width: 66.429%; position: relative;}
.video-layout-a .wr-conts .cont-02 img {width: 100%; height: auto;}
.playbtn-layout-a {position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);}
.playbtn-layout-a h3 {font-size: 14px; line-height: 3VB 0px; color: #fff; text-align: center; text-transform: uppercase;}
.playbtn-layout-a h4 {font-size: 18px; line-height: 28px; color: #fff; text-align: center; max-width: 90%; margin-left: auto; margin-right: auto;}
.playbtn-layout-a .btn-play {display: block; width: 62px; height: 62px; background: #fff; border-radius: 50%; position: relative; margin-left: auto; margin-right: auto; margin-top: 55px; transition: all .5s;}
.playbtn-layout-a .btn-play::before {content: ""; display: block; height: 0; width: 0; border-left: 12px solid #ea5404; border-top: 9px solid transparent; border-bottom: 9px solid transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all .5s;}
.playbtn-layout-a .btn-play .line {content: ""; display: block; position: absolute; border: 1px solid #fff; border-radius: 50%; left: 0; top: 0; right: 0; bottom: 0; opacity: .8; transition: all .5s;}
.playbtn-layout-a .btn-play .line-01 {animation: ani-btn-play 2s infinite linear;}
.playbtn-layout-a .btn-play .line-02 {animation: ani-btn-play 2s .8s infinite linear;}
@keyframes ani-btn-play {from{opacity: .8; transform: scale(1, 1)} to{opacity: 0; transform: scale(1.8, 1.8);}}
.playbtn-layout-a .btn-play:hover {background: #ea5404;}
.playbtn-layout-a .btn-play:hover::before {border-left: 12px solid #fff;}
.playbtn-layout-a .btn-play:hover .line {border-color: #ea5404;}
@media screen and (max-width: 1024px) {
	.video-layout-a .wr-conts {margin-bottom: 50px;}
}
@media screen and (max-width: 960px){
	.video-layout-a .wr-conts .cont-01 {display: none;}
	.video-layout-a .wr-conts .cont-02 {width: 100%;}
}


/* people-welfare */
body.people-welfare .slide-layout-b {margin-bottom: 40px;}
body.people-welfare .list-layout-a {margin-bottom: 30px;}


/* people-commonweal */
.btn-layout-a .btn-contact {    cursor: default;display: block; width: 244px; height: 38px; font-size: 14PX; line-height: 38px; color: #fff; background: #ea5404; border-radius: 19px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 120px;}
@media screen and (max-width: 1024px){
	.btn-layout-a .btn-contact {margin-bottom: 50px;}
}


/* join-social */
.list-layout-c .wr-item {font-size: 0; margin-left: -17px; margin-right: -17px;}
.list-layout-c .wr-item .item {display: inline-block; width: 33.333%; position: relative; margin-bottom: 65px;}
.list-layout-c .wr-item .item:after {content: ""; display: block; padding-top: 61.399%;}
.list-layout-c .wr-item .item a {display: block; position: absolute; left: 17px; right: 17px; top: 0; bottom: 0; margin: auto;overflow: hidden;}
.list-layout-c .wr-item .item a img {display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;-webkit-transition:transform .75s;transition:transform .75s;}
.list-layout-c .wr-item .item a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.list-layout-c .wr-item .item a h3 {font-size: 18px; line-height: 30px; color: #fff; text-align: center; position: absolute; bottom: 25px; left: 0; right: 0; margin: auto;}
.join-social .pagers-layout-a {margin-top: 0px; margin-bottom: 100px;}
@media screen and (max-width: 1024px) {
	.list-layout-c .wr-item .item {margin-bottom: 40px;}
	.join-social .pagers-layout-a {margin-bottom: 50px;}
}
@media screen and (max-width: 960px) {
	.list-layout-c .wr-item .item {width: 50%;}
}
@media screen and (max-width: 640px) {
	.list-layout-c .wr-item .item {width: 100%;}
}


.video-layout-b {position: relative; margin-bottom: 70px; overflow: hidden;}
.video-layout-b::after {content: ""; display: block; padding-top: 25%;}
.video-layout-b img {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
@media screen and (max-width: 1024px) {
	.video-layout-b {margin-bottom: 40px;}
}
@media screen and (max-width: 960px){
	.video-layout-b::after {padding-top: 240px;}
	.video-layout-b img {height: 100%; width: auto; left: 50%; transform: translateX(-50%);}
	.playbtn-layout-a .btn-play {margin-top: 40px; width: 50px; height: 50px;}
}

.question-layout-a {margin-bottom: 100px;}
.question-layout-a ul {font-size: 0; margin-left: -50px; margin-right: -50px;}
.question-layout-a ul li {position:relative; display: inline-block; width: 50%; padding-left: 50px; padding-right: 50px; vertical-align: top; padding-bottom: 22px; cursor: pointer; margin-bottom: 30px;}
.question-layout-a ul li:after {content: ""; display: block; position: absolute; left: 50px; right: 50px; bottom: 0; height: 1px; background: #f1f1f1;}
.question-layout-a ul li .wr-ques {position: relative;}
.question-layout-a ul li .wr-ques h3 {margin-right: 40px; font-size: 14px; line-height: 32px; color: #010101;}
.question-layout-a ul li .wr-ques .icon {display: block; width: 17px; height: 10px; background: url(../assets/images/icons/btn_down.png) center center no-repeat; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; filter: grayscale(1); transition: filter .5s;}
.question-layout-a ul li .wr-answ {margin-top: 20px; display: none;}
.question-layout-a ul li .wr-answ p {font-size: 14px; line-height: 32px; color: #898989;}
.question-layout-a ul li .wr-ques .icon.open {filter: grayscale(0);}
.question-layout-a ul li.default .wr-answ {display: block;}

@media screen and (max-width: 1200px){
	.question-layout-a ul {margin-left: -35px; margin-right: -35px;}
	.question-layout-a ul li {padding-left: 35px; padding-right: 35px;}
}
@media screen and (max-width: 1024px){
	.question-layout-a ul {margin-left: -25px; margin-right: -25px;}
	.question-layout-a ul li {padding-left: 25px; padding-right: 25px;}
	.question-layout-a {margin-bottom: 50px;}
}
@media screen and (max-width: 960px){
	.question-layout-a ul {margin-left: 0; margin-right: 0;}
	.question-layout-a ul li {padding-left: 0; padding-right: 0; width: 100%;}
}
/* join-campus */
.join-campus .list-layout-c .wr-item .item {width: 50%;}
.join-campus .slide-layout-a .wr-item .item .wr-txt h2 {font-weight: normal; color: #000; margin-bottom: 0;}
.join-campus .title-layout-a {margin-bottom: 0;}
@media screen and (max-width: 640px) {
	.join-campus .list-layout-c .wr-item .item {width: 100%;}
	.list-layout-c .wr-item .item {margin-bottom: 30px;}
}

.flow-layout-a {margin-bottom: 50px;}
.flow-layout-a ul {font-size: 0;}
.flow-layout-a ul li {display: inline-block; width: 217px; vertical-align: top; font-size: 0; margin-bottom: 30px;}
.flow-layout-a ul li .wr-line {display: inline-block; width: 93px; height: 70px; vertical-align: top; background: url(../assets/images/icons/line_campus.png) center center no-repeat;}
.flow-layout-a ul li .wr-txt {display: inline-block; width: 124px; height: 70px; vertical-align: top; font-size: 14px; line-height: 70px; color: #323232; background: #eaeff2; text-align: center;}
.flow-layout-a ul li:last-child {width: 120px;}
.flow-layout-a ul li:last-child .wr-line {display: none;}
@media screen and (max-width: 1024px) {
	.flow-layout-a {margin-bottom: 10px;}
}

.content-layout-f {font-size: 0; margin-bottom: 90px;}
.content-layout-f .wr-txt {display: inline-block; vertical-align: top; width: 52%; padding-right: 100px;}
.content-layout-f .wr-txt p {font-size: 14px; line-height: 32px; color: #898989; text-align: justify;}
.content-layout-f .wr-txt .btn-more-a {display: block; width: 152px; height: 38px; border: 1px solid #898989; border-radius: 19px; font-size: 14px; line-height: 38px; color: #898989; transition: all .5s; margin-top: 17%; text-align: center;}
.content-layout-f .wr-txt .btn-more-a:hover {background: #ea5404; border: 1px solid #ea5404; color: #fff;}
.content-layout-f .wr-pic {display: inline-block; vertical-align: top; width: 48%;}
.content-layout-f .wr-pic img {display: block; width: 100%; height: auto;}
@media screen and (max-width: 1024px) {
	.content-layout-f .wr-txt {padding-right: 70px;}
	.content-layout-f {margin-bottom: 40px;}
}
@media screen and (max-width: 960px) {
	.content-layout-f .wr-txt {padding-right: 50px;}
}
@media screen and (max-width: 750px) {
	.content-layout-f .wr-txt {width: 100%; padding-right: 0;}
	.content-layout-f .wr-pic {width: 100%;}
	.content-layout-f .wr-txt .btn-more-a {margin-top: 20px; margin-bottom: 20px;}
}

/* detail-join */
.filter-layout-a {margin-bottom: 70px;}
.filter-layout-a p {margin-bottom: 16px;}
.filter-layout-a p, .filter-layout-a p * {font-size: 14px; line-height: 24px; color: #898989;}
.filter-layout-a p .label {display: inline-block; vertical-align: top; margin-right: 20px; color: #323232;}
.filter-layout-a p a {display: inline-block; vertical-align: top; margin-right: 20px; transition: color .5s;}
.filter-layout-a p a.selected {color: #ea5404;}
.filter-layout-a p article:hover {color: #ea5404;}

.tabel-layout-a {margin-bottom: 100px;}
.tabel-layout-a table {width: 100%;}
.tabel-layout-a table th {height: 65px; background: #eaeff2; vertical-align: middle; text-align: center; font-size: 14px; color: #323232;}
.tabel-layout-a table td {height: 90px; vertical-align: middle; text-align: center; font-size: 14px; color: #898989; border-bottom: 1px solid #f1f1f1;}
.tabel-layout-a table td:first-child {color: #323232;}
.tabel-layout-a table td .btn-more-b {display: inline-block; width: 110px; height: 28px; font-size: 14px; line-height: 28px; color: #898989; border: 1px solid #898989; border-radius: 14px; text-align: center; transition: all .5s;}
.tabel-layout-a table td .btn-more-b:hover {background: #ea5404; border: 1px solid #ea5404; color: #fff;}
@media screen and (max-width: 960px) {
	.filter-layout-a {margin-bottom: 30px;}
	.tabel-layout-a table th:nth-child(4){display: none;}
	.tabel-layout-a table td:nth-child(4){display: none;}
}
@media screen and (max-width: 750px) {
	.tabel-layout-a table th:nth-child(3){display: none;}
	.tabel-layout-a table td:nth-child(3){display: none;}
}
@media screen and (max-width: 420px) {
	.tabel-layout-a table th:nth-child(2){display: none;}
	.tabel-layout-a table td:nth-child(2){display: none;}
}

/* detail-join-pop*/
.pop-layout-job {width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; background: #fff; border-radius: 5px; position: relative; overflow: hidden; margin-top: 200}
.pop-layout-job .btn-close {display: block; position: absolute; width: 36px; height: 36px; background: url(../assets/images/icons/btn_close_j.png) center center no-repeat; top: 48px; right: 60px;}
.pop-layout-job .wrap {width: 90%; margin-left: auto; margin-right: auto; margin-top: 80px; margin-bottom: 100px;}
.pop-layout-job .wrap h1 {font-size: 30px; line-height: 48px; color: #060606; margin-bottom: 30px;}
.detail-join-pop .pop-a h2 {font-size: 18px; line-height: 24px; color: #060606; margin-bottom: 27px;}
.detail-join-pop .pop-a .row {position: relative; margin-bottom: 10px;}
.detail-join-pop .pop-a .row .wr-title {position: absolute; width: 100px; left: 0; top: 0;}
.detail-join-pop .pop-a .row .wr-title p {font-size: 14px; line-height: 24px; color: #060606;}
.detail-join-pop .pop-a .row .wr-content {width: 100%; padding-left: 100px;}
.detail-join-pop .pop-a .row .wr-content p {font-size: 14px; line-height: 24px; color: #898989;}
.detail-join-pop .pop-a .wr-others {font-size: 0; width: 100%; margin-top: 60px; padding-left: 100px;}
.layout-btn-j { display: inline-block; vertical-align: top; height: 38px; border: 1px solid #898989; text-align: center; padding-left: 47px; padding-right: 47px; font-size: 14px; line-height: 38px; color: #898989; border-radius: 19px; transition: all .5s;}
.layout-btn-j:hover {background: #ea5404; border-color: #ea5404; color: #fff;}
.detail-join-pop .pop-a .wr-others .btn-pop-b {margin-right: 33px;}
.detail-join-pop .pop-a .wr-others .wr-shares {display: inline-block; vertical-align: top; margin-left: 20%; font-size: 0; text-align: right;}
.detail-join-pop .pop-a .wr-others .wr-shares .btn-share {display: inline-block; vertical-align: top; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: contain; margin-left: 27px;}
.detail-join-pop .pop-a .wr-others .wr-shares .share-01 {background-image: url(../assets/images/icons/share_01.png);}
.detail-join-pop .pop-a .wr-others .wr-shares .share-02 {background-image: url(../assets/images/icons/share_02.png);}
.detail-join-pop .pop-a .wr-others .wr-shares .share-03 {background-image: url(../assets/images/icons/share_03.png);}
@media screen and (max-width: 1024px){
	.pop-layout-job .wrap {margin-top: 40px; margin-bottom: 50px;}
	.pop-layout-job .btn-close {top: 10px; right: 10px;}
}
@media screen and (max-width: 900px){
	.detail-join-pop .pop-a .wr-others .wr-shares {display: block; margin-left: 0; text-align: left; margin-top: 20px;}
	.detail-join-pop .pop-a .wr-others .wr-shares .btn-share {margin-left: 0; margin-right: 27px;}
}
@media screen and (max-width: 600px){
	.detail-join-pop .pop-a .wr-others .layout-btn-j {display: block; width: 180px; padding-left: 0; padding-right: 0;}
	.detail-join-pop .pop-a .wr-others .btn-pop-b {margin-right: 0px; margin-bottom: 20px;}
}
@media screen and (max-width: 520px){
	.detail-join-pop .pop-a .row .wr-title {width: 80px;}
	.detail-join-pop .pop-a .row .wr-content {padding-left: 80px;}
}
.detail-join-pop {width: 100% !important;}
.fancybox-close-small {visibility: hidden;}
.detail-join-pop .pop-b {display: none;}
.detail-join-pop .pop-b form fieldset {font-size: 0;}
.detail-join-pop .pop-b form .group-a {display: inline-block; vertical-align: top; width: 50%; padding-left: 45px; padding-right: 45px; margin-bottom: 16px;}
.detail-join-pop .pop-b form .group-a > label {display: block; font-size: 12px; line-height: 34px; color: #898989;}
.detail-join-pop .pop-b form .group-a > .label-radio{margin-right: 20px;display: inline-block;vertical-align: top;}
.detail-join-pop .pop-b form .group-a > input[type=text], .detail-join-pop .pop-b form .group-a > input[type=date] {display: block; width: 100%; height: 30px; border: none; outline: none; background: transparent; font-size: 14px; line-height: 30px; color: #323232; position: relative;}

.detail-join-pop .pop-b form .group-a > .line {display: block; position: relative; height: 1px; background: #d4d4d4;}
.detail-join-pop .pop-b form .group-a > .line::after {content: ""; display: block; position: absolute; width: 0; height: 1px; background: #ea5404; left: 0; right: 0; bottom: 0; margin: auto; transition: width .5s;}
.detail-join-pop .pop-b form .group-a > input[type=text]:focus + .line::after {width: 100%;}
.detail-join-pop .pop-b form .group-a.with-radio {position: relative;}
.detail-join-pop .pop-b form .group-a.with-radio .line {margin-top: 11px;}
.detail-join-pop .pop-b form .group-a.with-radio .wr-radio {height: 36px; font-size: 0;}
.input-radio{display: none;}
.label-radio{position: relative;display: inline-block;vertical-align: top;padding-left: 20px;font-size: 14px;height: 30px;line-height: 34px;}
.label-radio:before{content: '';position: absolute;top: 11px;left: 0;width: 12px;height: 12px;background: url(../assets/images/icons/radio.png) no-repeat center center;}
.input-radio:checked + .label-radio:before{background-image: url(../assets/images/icons/radio_on.png);}
.detail-join-pop .pop-b form .group-a.with-radio input[type=radio] {display: none;}
.detail-join-pop .pop-b form .group-a.with-radio input[type=radio] + label {display: inline-block; vertical-align: top; height: 36px; padding-left: 20px; position: relative; font-size: 12px; line-height: 36px; color: #898989; transition: color .5s;}
.detail-join-pop .pop-b form .group-a.with-radio input[type=radio] + label::before {content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background: #eaeff2; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.detail-join-pop .pop-b form .group-a.with-radio input[type=radio]:checked + label {color: #ea5404;}
.detail-join-pop .pop-b form .group-a.with-radio input[type=radio]:checked + label::before {background: url(../assets/images/icons/icon_radio_j.png) center center no-repeat;}
.detail-join-pop .pop-b form .group-a.with-radio .btn-cities {display: inline-block; vertical-align: top; width: 136px; height: 36px; border-radius: 3px; border: 1px solid #ea5404; font-size: 12px; line-height: 36px; color: #ea5404; text-align: center; margin-left: 20px; margin-right: 20px; transition: all .5s;}
.detail-join-pop .pop-b form .group-a.with-radio .btn-cities:hover {background: #ea5404; color: #fff;}
.detail-join-pop .pop-b form .group-a.with-radio .btn-cities.forbiden {background: #eaeff2; color: #b6b6b6; border-color: #eaeff2;}
.detail-join-pop .pop-b form .group-a.with-radio .btn-cities.forbiden:hover {background: #eaeff2; color: #b6b6b6; border-color: #eaeff2;}
.detail-join-pop .pop-b form .group-a.with-radio .wr-cities {position: absolute; width: 100%; top: 34px; background: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 1px 8px rgba(0,0,0,.3); z-index: 2; visibility: hidden; transform: scale(.3,.3); opacity: 0; transition: all .3s;}
.detail-join-pop .pop-b form .group-a.with-radio .wr-cities > label {display: inline-block; height: 34px; font-size: 12px; line-height: 34px; color: #898989; margin-left: 10px; margin-right: 10px; cursor: pointer;}
.detail-join-pop .pop-b form .group-a.with-radio .wr-cities > label input[type=checkbox] {display: inline-block; vertical-align: middle; margin: 0 5px 0 0;}
.detail-join-pop .pop-b form .group-a.with-radio .wr-cities .btn-close {display: block; width: 18px; height: 18px; background: url(../assets/images/icons/btn_close_q.png) center center no-repeat; position: absolute; top: 5px; right: 5px;}
.detail-join-pop .pop-b form .group-a.with-radio .wr-cities.open {visibility: visible; opacity: 1; transform: scale(1, 1);}
.detail-join-pop .pop-b form .group-c {padding-left: 45px; padding-right: 45px; margin-bottom: 20px;}
.detail-join-pop .pop-b form .group-c > label {display: block; font-size: 12px; line-height: 34px; color: #898989;}
.detail-join-pop .pop-b form .group-c > .wr-result p, .detail-join-pop .pop-b form .group-c > .wr-result p span {font-size: 12px; line-height: 34px; color: #323232;}
.detail-join-pop .pop-b form .wr-add {background: #f7f7f7; padding-top: 60px; padding-bottom: 60px;}
.detail-join-pop .pop-b form .group-c > .wr-result .btn-delete {margin-left: 25px; color: #ea5404; text-decoration: underline; font-size: 12px; line-height: 34px;}
.detail-join-pop .pop-b form .group-b {display: inline-block; vertical-align: top; width: 50%; padding-left: 45px; padding-right: 45px; margin-bottom: 16px;}
.detail-join-pop .pop-b form .group-b label {display: block; font-size: 12px; line-height: 34px; color: #898989;}
.detail-join-pop .pop-b form .group-b > input{display: block; width: 100%; height: 46px; border: 1px solid #d4d4d4; outline: none; background: transparent; font-size: 14px; line-height: 44px; color: #323232; position: relative; padding-left: 10px; padding-right: 10px; transition: all .5s;}
.detail-join-pop .pop-b form .group-b > input:focus {border-color: #ea5404;}
.detail-join-pop .pop-b form .group-e {padding-left: 45px; padding-right: 45px; margin-bottom: 20px;}
.detail-join-pop .pop-b form .group-e > label {display: block; font-size: 12px; line-height: 34px; color: #898989;}
.detail-join-pop .pop-b form .group-e textarea {display: block; width: 100%; font-size: 14px; line-height: 34px; color: #323232; height: 110px; padding: 10px; resize: none; border: 1px solid #d4d4d4; background: transparent; transition: all .5s;}
.detail-join-pop .pop-b form .group-e textarea:focus {border-color: #ea5404;}
.detail-join-pop .pop-b form .wr-add .wr-btn {text-align: right; padding-right: 45px;}
.detail-join-pop .pop-b form .btn-submit {margin-top: 30px;}

.fancybox-slide > * {padding: 0 !important; margin: 0!important; width: 100%; background: transparent!important;}

@media screen and (max-width: 750px) {
	.detail-join-pop .pop-b form .group-a {width: 100%;}
	.detail-join-pop .pop-b form .group-b {width: 100%;}
}
@media screen and (max-width: 520px) {
	.detail-join-pop .pop-b form .group-a {padding-left: 10px; padding-right: 10px;}
	.detail-join-pop .pop-b form .group-b {padding-left: 10px; padding-right: 10px;}
	.detail-join-pop .pop-b form .group-c {padding-left: 10px; padding-right: 10px;}
	.detail-join-pop .pop-b form .group-e {padding-left: 10px; padding-right: 10px;}
}

/* footer */
body > .footer {position: relative; z-index: 1; background: #fff;}
.font-footer-row01 p {font-size: 14px;line-height: 30px;color: #d5dde0;letter-spacing: 2px;}
.font-footer-row01 a {font-size: 12px;line-height: 30px;color: #d5dde0;letter-spacing: 2px;}
.font-footer-row01 h3, .font-footer-row01 h3 a {font-size: 14px;line-height: 30px;color: #fff;letter-spacing: 2px}
.font-footer-row01 h2, .font-footer-row01 h2 a {font-size: 36px;line-height: 1.5;color: #fff;letter-spacing: 1px;    cursor: auto;}
.font-footer-row02 p, .font-footer-row02 p a {font-size: 12px;line-height: 22px;color: #d5dde0;letter-spacing: 1px;}
body > .footer .row-01 {background: #6584ac;padding-top: 55px;padding-bottom: 30px;}
body > .footer .row-01 .conts {font-size: 0;letter-spacing: 0;}
body > .footer .row-01 .conts .cont-01 {width: 190px; float: left;}
body > .footer .row-01 .conts .cont-01 .qrcode {margin-bottom: 10px; max-width: 190px; width: 100%; }
body > .footer .row-01 .conts .cont-01 .qrcode img {width: 100%; height: auto;}
body > .footer .row-01 .conts .cont-02 {font-size: 0;letter-spacing: 0; white-space: nowrap; text-align: right; float: right;}
body > .footer .row-01 .conts .cont-02 .links {display: inline-block;vertical-align: top;margin-left: 80px;text-align: center;}
body > .footer .row-01 .conts .cont-02 .links h3 {margin-bottom: 5px;}
body > .footer .row-01 .conts .cont-03 {width: 290px; float: right; margin-left: 80px;}
body > .footer .row-01 .conts .cont-03 h2 {margin-bottom: 20px;}
body > .footer .row-01 .conts .cont-03 p {letter-spacing: 2.5px;}
body > .footer .row-02 {background: #567698; padding:11.5px 0;text-align: center;}


@media screen and (min-width: 1025px) {
	body > .footer_wrapper .row-01 .conts .cont-02 .links{
		text-align: left;
		margin-left: 0 !important;
	    margin-right: 80px !important;
	    /* width: 20%; */
	}
	body > .footer_wrapper .row-01 .conts .cont-02 .links.product{
		margin-right: 0 !important;
	}
	body > .footer_wrapper .row-01 .conts .cont-02 .links.product ul{
		width: 320px;
		font-size: 0;
	}
	body > .footer_wrapper .row-01 .conts .cont-02 .links.product ul li{
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	body > .footer_wrapper .row-01 .conts .cont-02 .flink-box{
		display: none !important;
	}
	body > .footer_wrapper .row-01 .conts .cont-01{
		float: right;
		width: 20%;
		width: 83px;
		text-align: center;
	}

	body>.footer .row-01 .conts .cont-01 .qrcode{
		display: inline-block;
		margin-top: 10px;
	}

	body > .footer_wrapper .row-01 .conts .cont-02{
		float: left;
		/* width: 70%; */
		text-align: left;
		white-space: normal;
	}

	body > .footer_wrapper .row-02 {
		text-align: left;
		background-color: #6584ac;
	}

	body > .footer_wrapper .row-02 .flink-box{
		display: inline-block !important;
		vertical-align: top;
		width: 50%;
		text-align: right !important;
		margin-top: 0;
	}

	body > .footer_wrapper .row-02 .flink-box a{
		font-size: 12px;
	    line-height: 30px;
	    color: #d5dde0;
	    letter-spacing: 2px;
	    margin-right: 0;
		margin-left: 0;
	}

	body > .footer_wrapper .row-02 .cont-02{
		font-size: 0;
	}

	body > .footer_wrapper .font-footer-row02 p{
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}

	body > .footer_wrapper .row-02 .cont-01{
		text-align: right;
		border-bottom: 1px solid rgba(255,255,255,.3);
		margin-bottom: 20px;
		padding-bottom: 10px;
	}

	body > .footer_wrapper .row-02 .cont-01 h2,
	body > .footer_wrapper .row-02 .cont-01 h3,
	body > .footer_wrapper .row-02 .cont-01 h4{
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		letter-spacing: 2px;
	}
	
	body > .footer_wrapper .row-02 .cont-01 h2,
	body > .footer_wrapper .row-02 .cont-01 h3{
		margin-left: 36px;
	}

	body > .footer_wrapper .row-02 .cont-01 h2:before,
	body > .footer_wrapper .row-02 .cont-01 h3:before,
	body > .footer_wrapper .row-02 .cont-01 h4:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 20px;
		margin-right: 12px;
	}

	body > .footer_wrapper .row-02 .cont-01 h2:before{
		background: url(../assets/images/icons/icon_tel.svg) no-repeat center center;
	}

	body > .footer_wrapper .row-02 .cont-01 h3:before{
		background: url(../assets/images/icons/icon_email.svg) no-repeat center center;
	}

	body > .footer_wrapper .row-02 .cont-01 h4:before{
		background: url(../assets/images/icons/icon_icon_query.svg) no-repeat center center;
	}

	body > .footer_wrapper .row-02 .cont-01 h3 a,
	body > .footer_wrapper .row-02 .cont-01 h4 a{
		color: #fff;
	}

	body > .footer_wrapper .row-01 .conts .cont-03{
		display: none;
	}
} 

@media screen and (max-width: 1024px) {
	body > .footer_wrapper .row-02 .cont-01{
		display: none;
	}
	body > .footer_wrapper .row-02 .flink-box{
		display: none !important;
	}
}

@media screen and (max-width: 1440px) {
    body > .footer .row-01 .conts .cont-02 .links {margin-left: 60px;}
    body > .footer .row-01 .conts .cont-03 {margin-left: 60px;}
}
@media screen and (max-width: 1366px) {body > .footer .row-01 .conts .cont-02 .links {margin-left: 40px;}}
@media screen and (max-width: 1200px) {body > .footer .row-01 .conts .cont-02 {display: none;}}
@media screen and (max-width: 640px) {
    body > .footer .row-01 {display: none;}
    body > .footer .row-02 p .link-02 {display: block;}
}


.footer .btn-query {display: block; width: 68px; height: 68px; background: #ee7637; font-size: 14px; line-height: 24px; color: #fff; text-align: center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; padding-top: 10px;}
.page_query{ height: 100vh; background-color: #fff;}
.page_query .pop-query {width: 100%; max-width: 400px; height: 290px; position: absolute;/* z-index: 2; */ right: 0; left: 0; top: 0; bottom: 0; background: #eaeef1; margin: auto; /* transform: translateX(100%); */ transition: transform .5s;}
.page_query .pop-query.open {transform: translateX(0);}
.page_query .pop-query .btn-close {display: block; width: 18px; height: 18px; background: url(../assets/images/icons/btn_close_q.png) center center no-repeat; position: absolute; top: 15px; right: 28px;}
.page_query .pop-query .wrap {width: 310px; margin-left: auto; margin-right: auto; margin-top: 40px;}
.page_query .pop-query .wrap h2 {font-size: 16px; line-height: 24px; color: #323232;}
.page_query .pop-query .wrap p.wr-input {height: 36px; border: 1px solid #c1c1c1; font-size: 0; margin-top: 20px;}
.page_query .pop-query .wrap p.wr-input input {display: inline-block; vertical-align: top; border: none; border-right: 1px solid #c1c1c1; outline: none; height: 34px; width: 274px; line-height: 34px; font-size: 12px; line-height: 30px; color: #323232; padding-left: 10px; padding-right: 10px;}
.page_query .pop-query .wrap p.wr-input .btn {display: inline-block; vertical-align: top; height: 34px; width: 34px;}
.page_query .pop-query .wrap p.wr-input .btn-a {background: url(../assets/images/icons/icon_query.png) center center no-repeat;}
.page_query .pop-query .wrap p.wr-input .btn-b {background: url(../assets/images/icons/icon_phone.png) center center no-repeat;}
.page_query .pop-query .wrap .btn-submit {display: block; height: 36px; background: #ea5404; text-align: center; font-size: 16px; line-height: 36px; color: #fff; margin-top: 25px;}

@media screen and (max-width: 640px) {
	.page_query .pop-query .wrap .btn-submit{margin-top: 15px;}
	.page_query .pop-query .wrap p.wr-input{margin-top: 15px;}
}


/* end */
.hide{display: none}
p strong{font-weight: bold;}
.content-layout-b .wr-content .wr-txt .wr-like .btn-like-off
{
    border: 1px solid #ea5404;
    cursor: default;
}
#cv-form{display: initial;}
.fixed-video { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; }
.fixed-video-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); }
.fixed-video-box { position: absolute; z-index: 1; top: 50%; left: 50%; margin: -340px 0 0 -640px; width: 1280px; height: 680px; background-color: #000; }
.fixed-video-box video { width: 1280px; height: 680px; }
.fixed-video-box .icon-close { position: absolute; top: -36px; right: -36px;  width: 36px; height: 36px; background: url(../assets/images/icons/btn_close_j.png) center center no-repeat; font-size: 30px; color: #fff; cursor: pointer; }
@media (max-width:1380px){
	.fixed-video-box{left:20%;margin-top:0;margin-left:0;width:60%;height:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
	.fixed-video-box:before{content:'';display:block;padding-top:56.25%}
	.fixed-video-box video{position:absolute;top:0;left:0;width:100%;height:100%}
	
}
@media (max-width: 640px){
	.fixed-video-box{left: 0;width: 100%;}
	.fixed-video-box .icon-close{right:0}
}

.index-pop .pop-a .row .wr-title{width: 200px;}
.index-pop .pop-a .row .wr-content{padding-left: 200px;}
.index-pop .pop-layout-job .wrap h1{margin-bottom: 0px;}
.index-pop .pop-layout-job .wrap h2{margin-top:40px;}
.content-layout-b .wr-content .wr-txt p img{display: inline;}
.index-pop a.modal{    color: #ea5404; margin-left: 50px;}

/* 27-12-19 by sunny */
.about-company{font-size: 0;}
.about-company-img, .about-company-txt{display: inline-block;vertical-align: top;}
.about-company-img{width: 36%;margin-right: 4%;}
.about-company-img img{display: block;max-width: 100%;}
.about-company-txt{width:60%;}
.about-company-txt h2{font-size: 18px;line-height: 32px;}
.about-company-txt p{font-size: 14px;line-height: 32px;color: #898989;}
.company-list{margin-top: 70px;margin-top: 60px;margin-bottom: 100px;margin-bottom: 60px;font-size: 0;width: calc(100% + 36px);position: relative;left: -18px;}
.company-list li{display: inline-block;vertical-align: top;width: 33.3333%;}
.company-list-item{margin: 0 18px;background-color: #eaeff2;text-align: center;}
.company-list-img img{display: block;width: 100%;}
.company-list-item h3{padding: 50px 0;margin: 0 10px;font-size: 16px;min-height: 3.25em;line-height: 1.625;color: #323232;font-weight: 700;box-sizing: content-box;}
@media (max-width: 768px){
	.about-company-img{margin-bottom: 30px;width: 100%;margin-right: 0;}
	.about-company-img img{margin: 0 auto;}
	.about-company-txt{width: 100%;}
	.company-list{margin-top: 40px;margin-bottom: 50px;}
	.company-list li{margin-bottom: 20px;width: 100%;}
	.company-list-item h3{padding: 25px 0;min-height: auto;}
}

/* 2017-12-28 */
.jiathis_modal_body img{display: inline-block;}
.layer-platform{position: fixed;z-index: 100;top: 0;right: 0;bottom: 0;left: 0;display: none;}
.layer-platform-bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../assets/images/platform_bg.png) center center repeat;}
.layer-platform-close{position: absolute;top: 0;right: 0;width: 40px;height: 40px;}
.layer-platform-close:before, .layer-platform-close:after{content: '';position: absolute;top: 50%;left: 10px;margin-top: -1px;width: 20px;height: 2px;background-color: #fff;}
.layer-platform-close:before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.layer-platform-close:after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.platform-main{position: absolute;z-index: 1;top: 50%;right: 0;left: 0;margin-top: -200px;font-size: 0;text-align: center;}
.platform-main a{display: inline-block;vertical-align: top;margin: 0 35px;}
.platform-main a img{display: block;max-width: 400px;}
@media (max-width: 1024px) {
    .platform-main{margin-top: auto;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .platform-main a{display: block;width: 300px;margin: 10px auto;}
    .platform-main a img{width: 100%;}
    .home .sec-01 > .wrap .slides .slick-dots{right: 0px;width: 100%;text-align: center;bottom: 10px;}
}

.flink-box {clear: both;float: none;display: block !important; text-align: left !important; margin-top: 15px;}
.flink-box span{color: #fff;font-size: 12px; margin-right: 10px;}
.flink-box a{margin-right: 10px;}

/* 2019-12-17 */
.slide-layout-da{
	margin-bottom: 25px;
}
.slide-layout-da .wr-pic{
	position: relative;
}
.slide-layout-da .wr-pic:before{
	content: "";
	display: block;
	padding-top: 35.7142%;
}
.slide-layout-da .wr-pic img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mt-100{
	margin-top: 60px;
}
.mt-60{
	margin-top: 60px;
}
.honro_wrapper{
	/* background-color: #EAEFF2; */
	position: relative;
	overflow: hidden;
}
/* .honro_wrapper:before{
	content: "";
	display: block;
	width: 200vw;
	height: 100%;
	left: -50vw;
	top: 0;
	position: absolute;
	background-color: #EAEFF2;
} */
.honro_wrapper .honro_list{
	font-size: 0;
	margin-left: -3.18571%;
    margin-right: -3.18571%;
}
.honro_wrapper .honro_list li{
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin-top: 50px;
}
.honro_wrapper .honro_list a{
	display: block;
	/* background-color: #fff; */
	/* margin: 0 6.2717%; */
}
.honro_wrapper .honro_list figure{
	position: relative;
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
.honro_wrapper .honro_list figure:before{
	content: "";
	display: block;
	height: 130px;
}

.honro_wrapper .honro_list figure:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 130px;
	background-color: rgba(137,137,137,.41);
	margin-top: -50px;
}

.honro_wrapper .honro_list img{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	transform: translate(-50%,-44%);
	-webkit-transform: translate(-50%,-44%);
	-moz-transform: translate(-50%,-44%);
	-ms-transform: translate(-50%,-44%);
	-o-transform: translate(-50%,-44%);
	padding: 0 50px;
}
.honro_wrapper .honro_list p{
	font-size: 12px;
	color: #323232;
	line-height: 2;
	letter-spacing: 1px;
	font-weight: 100;
	text-align: center;
	padding: 0 10%;
	margin-top: 30px;
}
.pt-100{
	padding-top: 60px;
}
.pt-50{
	padding-bottom: 50px;
}
.pt-10{
	padding-bottom: 10px;
}
.pt-60{
	padding-top: 60px;
}

.solution_wrapper .solution_list{
	font-size: 0;
	margin: 0 -1.14285%;
}

.solution_wrapper .solution_list li{
	display: inline-block;
	vertical-align: top;
	width: 33.3333333%;
	margin-top: 50px;
}

.solution_wrapper .solution_list a{
	display: block;
	margin: 0 3.36134%;
}

.solution_wrapper .solution_list h3{
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.3333;
	color: #323232;
	margin-bottom: 10px;
}

.solution_wrapper .solution_list .wr-txt{
	font-size: 14px;
	color: #898989;
	line-height: 2.14285;
	letter-spacing: 1px;
	background-color: #EAEFF2;
	padding: 44px 38px;
	height: 300px;
}

.solution_wrapper .solution_list .wr-pic{
	position: relative;
}

.solution_wrapper .solution_list .wr-pic:before{
	content: "";
	display: block;
	padding-top: 54.176072%;
}

.solution_wrapper .solution_list img{
	position: absolute;
	top: 50%;
	left: 50%;
	left: 0;
	top: 0;
	max-width: 100%;
}

.solution_contain{
	font-size: 0;
}

.solution_contain .links{
	display: inline-block;
	vertical-align: top;
	width: 43%;
	padding-right: 60px;
}

.solution_contain .links a{
	display: block;
	font-size: 16px;
	line-height: 2.75;
	color: #898989;
	position: relative;
	padding-left: 25px;
}

.solution_contain .links a:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
	background-color: #ED5203;
	margin-top: -4px;
}

.solution_contain .pic_img{
	display: inline-block;
	vertical-align: top;
	width: 57%;
}

@media (max-width: 1024px) {
	.honro_wrapper .honro_list li{
		width: 50%;
	}
	.solution_wrapper .solution_list li{
		width: 50%;
	}
	.honro_wrapper .pt-100{
		padding-top: 30px;
	}
	.solution_wrapper .pt-100{
		padding-top: 30px;
	}
	.solution_contain .pic_img{
		width: 100%;
		margin-top: 20px;
	}

	.solution_wrapper .solution_list li{
		width: 100%;
	}
	.solution_wrapper .solution_list .wr-txt{
		height: auto;
		padding: 30px 15px;
	}
	.solution_contain .links{
		width: 100%;
		padding-right: 0;
	}
	.solution_contain .links a{
		font-size: 14px;
	}
	.solution_contain{
		margin-top: 40px;
	}
}

@media (max-width: 768px) {
	.solution_wrapper .solution_list li{
		width: 100%;
	}
	.solution_wrapper .solution_list .wr-txt{
		height: auto;
		padding: 30px 15px;
	}
	.solution_contain .links{
		width: 100%;
		padding-right: 0;
	}
	.solution_contain .links a{
		font-size: 14px;
	}
	.solution_contain{
		margin-top: 40px;
	}
}

.sub_nav_box{
	display: none;
	position: absolute;
	top: 109px;
	left: 0;
	right: -60px;
}

.sub_nav_box .sub_nav_wrapper{
	display: none;
	font-size: 0;
	position: relative;
	margin-left: 160px;
	min-height: 320px;
	padding-top: 35px;
	background-color: #fff;
	padding-right: 30px;
	box-shadow: 0 2px 6px rgba(0,0,0,.08);
	padding-bottom: 35px;
}

.sub_nav_box .sub_nav_wrapper .sub_nav_title{
	display: inline-block;
    vertical-align: top;
    width: 188px;
    font-size: 20px;
    color: #323232;
    font-weight: 700;
    padding-left: 40px;
}

.sub_nav_box .sub_nav_wrapper .sub_nav_main{
	display: inline-block;
	vertical-align: top;
	width: 250px;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	padding: 0 36px;
	padding-right: 25px;
}

.sub_nav_box .sub_nav_wrapper .sub_nav_container{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 438px);
}

.sub_nav_box .sub_nav_main a{
	display: block;
	font-size: 14px;
	color: #323232;
	line-height: 1.375;
	letter-spacing: 2px;
	transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-moz-transition: all .36s ease;
	-ms-transition: all .36s ease;
	-o-transition: all .36s ease;
	position: relative;
	padding-bottom: 4px;
    padding-top: 4px;
}

.sub_nav_box .sub_nav_main a:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	background-color: #ea5404;
	height: 1px;
	/* transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-moz-transition: all .36s ease;
	-ms-transition: all .36s ease;
	-o-transition: all .36s ease; */
}

.sub_nav_box .sub_nav_main a:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-left: 9px solid #EA5404;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	position: absolute;
	top: 50%;
	right: 2px;
    margin-top: -5px;
	opacity: 0;
	visibility: hidden;
	transform: translate(-10px,0);
	-webkit-transform: translate(-10px,0);
	-moz-transform: translate(-10px,0);
	-ms-transform: translate(-10px,0);
	-o-transform: translate(-10px,0);
	transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-moz-transition: all .36s ease;
	-ms-transition: all .36s ease;
	-o-transition: all .36s ease;
}

.sub_nav_box .sub_nav_main a.active.on:after{
	opacity: 1;
	visibility: visible;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
}

.sub_nav_box .sub_nav_main a.active:before{
	width: 100%;
}

.sub_nav_box .sub_nav_wrapper .sub_nav_content{
	display: inline-block;
	vertical-align: top;
	width: 323px;
}

.sub_nav_box .sub_nav_content ul{
	margin-left: 36px;
}

.sub_nav_box .sub_nav_content li{
	display: none;
}

.sub_nav_box .sub_nav_content a {
	display: block;
	font-size: 14px;
	color: #323232;
	letter-spacing: 2px;
	line-height: 1.5714;
	padding-bottom: 10px;
}

.sub_nav_box .sub_nav_wrapper .sub_nav_pic{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 323px);
}

.sub_nav_box .sub_nav_pic li{
	position: relative;
	display: none;
	width: 78%;
	margin-left: 22%;
}

.sub_nav_box .sub_nav_pic li:before{
	content: "";
	display: block;
	padding-top: 31.666666%;
	padding-top: 72.85714%;
}

.sub_nav_box .sub_nav_pic img{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100% !important;
}

@media (max-width: 1440px) {
	.sub_nav_box .sub_nav_content ul{
		padding-left: 13.85714%;
	    width: 100%;
	    margin-left: 0;
	}
	.sub_nav_box .sub_nav_pic li{
		width: 100%;
		margin-left: 0;
	}
	.sub_nav_box .sub_nav_wrapper .sub_nav_content{
		width: 230px;
	}
	.sub_nav_box .sub_nav_wrapper .sub_nav_pic{
		width: calc(100% - 230px);
	}
}

.pull_tools{
	position: fixed;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	z-index: 3000;
}

.pull_tools a{
	display: block;
	background-color: #EE7637;
	width: 70px;
	height: 70px;
	margin-top: 7px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	position: relative;
}

.pull_tools a span:before{
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	margin: auto;
	margin-bottom: 3px;
}

.pull_tools a.btn_message span:before{
	background: url(../assets/images/icons/icon_msg.svg) no-repeat center center;
}

.pull_tools a.btn-tel span:before{
	background: url(../assets/images/icons/icon_telphone.svg) no-repeat center center;
}

.pull_tools a.btn-tel p{
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-moz-transition: all .36s ease;
	-ms-transition: all .36s ease;
	-o-transition: all .36s ease;
	transform: translateX(70px);
	-webkit-transform: translateX(70px);
	-moz-transform: translateX(70px);
	-ms-transform: translateX(70px);
	-o-transform: translateX(70px);
	background-color: #ee7637;
}

.pull_tools a.btn-tel:hover p{
	transform: translateX(-190px);
	-webkit-transform: translateX(-190px);
	-moz-transform: translateX(-190px);
	-ms-transform: translateX(-190px);
	-o-transform: translateX(-190px);
}

.home .home_sec-01{
	position: relative;
	overflow: hidden;
}

.layer_popover{
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 0;
	z-index: 1000;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transition: all .36s ease;
	-webkit-transition: all .36s ease;
	-moz-transition: all .36s ease;
	-ms-transition: all .36s ease;
	-o-transition: all .36s ease;
}

.layer_popover.open{
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}

.layer_popover .btn_close{
	display: block;
	width: 70px;
	height: 70px;
	position: absolute;
	top: -70px;
	right: 0;
	background: #EE7637 url(../assets/images/icons/icon_icon_close.svg) no-repeat center center;
}

.layer_popover .pull_left{
	display: inline-block;
	vertical-align: top;
	width: 500px;
	background-color: #EE7637;
	font-size: 14px;
	color: #fff;
	line-height: 1.4;
	position: relative;
	padding: 0 40px;
	padding-top: 10px;
	min-height: 640px;
}

.layer_popover h3{
	font-size: 34px;
	line-height: 2.8;
}

.layer_popover h5{
	font-size: 18px;
	line-height: 1.5;
}

.layer_popover .telphone{
	font-size: 38px;
	line-height: 1.342;
}

.layer_popover .pull_left .df{
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
	padding: 0 40px;
}

.layer_popover .pull_left .dh{
	padding-right: 30px;
}

.layer_popover .pull_right{
	display: inline-block;
	vertical-align: top;
	width: 474px;
	background-color: #FFFFFF;
	padding: 0 70px;
	padding-bottom: 50px;
	position: relative;
}

.layer_popover form{
	margin-top: 40px;
}

.layer_popover form label,
.layer_popover form input,
.layer_popover form textarea{
	font-size: 14px;
	color: #8D8D8D;
}

.layer_popover form .control{
	height: 36px;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	border: 1px solid #898989;
	border-radius: 3px;
	width: 100%;
	padding: 0 20px;
}

.layer_popover form .msg_control{
	height: 160px;
	padding: 20px;
	resize: none;
}

.layer_popover form label{
	display: block;
	line-height: 1.8;
}

.layer_popover form .control_group{
	margin-bottom: 17px;
}

.layer_popover form .btn_send{
	padding: 0;
	border: none;
	margin: 0;
	display: block;
	font-size: 14px;
	color: #fff;
	width: 100%;
	background: #EE7637;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}

@media (max-width: 1024px) {
	.pull_tools{
		display: none;
	}
}

.btn_default-primary{
	display: block;
	width: 206px;
	height: 52px;
	border-radius: 10px;
	background-color: #ea5404;
	font-size: 14px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	line-height: 52px;
	text-align: center;
	letter-spacing: 1px;
}

@media (max-width: 768px) {
	.btn_default-primary{
		width: 120px;
	    height: 45px;
	    line-height: 45px;
	}
}