@charset "utf-8";
@font-face{ font-family:BarlowCondensed-Bold; src:url(../font/BarlowCondensed-Bold_1.ttf);}
@font-face{ font-family:ROBOTO-LIGHT; src:url(../font/ROBOTO-LIGHT-10_0.TTF);}
@font-face{ font-family:ROBOTO; src:url(../font/ROBOTO-REGULAR-14_0.TTF);}
@font-face{ font-family:ROBOTO_b; src:url(../font/ROBOTO-BLACK-1_0.TTF);}
@media (max-width:4000px){html{font-size:18px;}}
@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.header_box{ height:0}
#header{position: fixed;height: 90px;z-index: 999;width:100%;transition:.6s;top:30px;}
#header .w1200{height:100%;position:relative;}
/*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/
#header #logo{ }
#header #logo .box_table{ width:auto}
#logo{ float:left; height:100%;}
#logo img{}
#nav{right:0;top:0;float: left;}
#nav ul{ float:left;}
#nav ul li{float:left;position:relative;z-index:0;margin-left: 1rem;}
#nav ul li a{display:block;padding: 0 1.375rem;text-transform:uppercase;}
#nav ul li h3{font-size: 1rem;color: #5f6061;line-height: 90px;position:relative;transition:.6s;z-index: 1;}
#nav ul li.on h3{}
#nav ul li a i{ display:inline-block; background:url(http://www.yj-semitech.com/static/style/pc/images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#fff;background:rgba(255,255,255,.95);width: 160px;left:50%;margin-left: -80px;z-index: 10000;/* transform:translateY(-20px); */visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;box-shadow: 0 0 10px rgba(0,0,0,.15);}
#nav ul li .sub .box{padding:10px 20px; text-align:center;}
#nav ul li .sub a{padding:0;line-height: 2.5;transition:.3s;font-size: 14px;color: #666;}
#nav ul li .sub a:hover{color: #e6b988;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#nav>ul>li.on h3,#nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{color: #ffffff;}
#nav>ul>li>a:after{content:"";display:block;width: 100%;height: 0;position:absolute;left: 0;margin-left: 0;background: #e6b988;bottom:0px;transition:.3s;border-radius: 0;}
#nav>ul>li>a:before{content:"";display:block;position:absolute;left:50%;margin-left: -3px; border-left:transparent 3px solid; border-right:transparent 3px solid; border-bottom:#e6b988 4px solid;bottom:2px;transition:.3s; opacity:0; visibility:hidden}
#nav>ul>li:hover>a:after,#nav ul li.on>a:after{height: 100%;}
#nav>ul>li:hover>a:before, #nav>ul>li.on h3:before{ opacity:1; visibility:visible}
#header.xg #nav>ul>li h3:after{ background:#e6b988}

.search_btn{height: 90px;line-height: 88px;cursor:pointer;text-align: center;float:left;transition:.6s;margin-left: 1.5rem;}
#header .dw2{float:left;height: 90px;width: 54px;cursor:pointer;position:relative;transition:.6s;margin-left: 2rem;}
#header .dw2 .j_tab{ }
#header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;right: -1.5rem;top: 50%;margin-top: -8px;}
#header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
#header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color: #5f6061;cursor:pointer;transition:.6s;}
#header .dw2 .dh img{ margin:-3px 0.5rem 0 0}
#header .dw2 .dh span{height: 22px;display: inline-block;}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #e6b988;left: 0;border: 1px solid #e6b988;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #e6b988;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}

#m_header #logo .box_table, #nav_btn_box .box_table{ width:auto}

/**/
#logo .logo_black{ display:none;}
.top_search_black{ display:none;}
#header.xg{position:fixed;top:0;background:#fff;background: rgba(255,255,255,.95);box-shadow: 0 0 2px rgba(0,0,0,0.15);}
#header.xg .search_btn{ }
#header.xg .dw2{ }
#header.xg #logo .logo_black,#header.xg .top_search_black{ display: inline-block;}
#header.xg #logo .logo_white,#header.xg .top_search_white{}
#header.xg #nav ul li a h3{color: #5f6061;}
#header.xg .dw2 .dh{color: #5f6061;}
#header.xg .dw2.yuyan:before{ background:rgba(0,0,0,.1);}
#header.xg .dw2:after{}
#header.xg .dw2 .dh span{}


/***********************/

/*手机头部开始*/
#m_header{position: fixed;z-index: 99;width:100%;height: 60px;left:0;top:0;padding:0 10px;background:#fff;border-bottom: #eaeaea 1px solid;}
#m_header #logo{height: 60px;}
#m_header #logo img{max-height:60%;max-height: 40px;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
.wap_search{ width:80%; margin:0 auto;}
.wap_search form{ position:relative;}
.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}
.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(http://www.yj-semitech.com/static/style/pc/images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}

/*顶部搜索*/
.tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);}
.tc_search form{height:40px;border-radius:20px;border:1px solid #e5e5e5;position:relative;width:100%;margin-bottom: 1rem;}
.tc_search #keyword{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;}
.tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/search_white.svg) center center no-repeat; background-size:1.2rem;  }
.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: 99999;
    position: fixed;
    background: #0054ae;
    width:17rem;
    height:100vh;
    right: -400px;
    top: 0;
    display:none;
    padding: 2rem 0;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    }
#m_nav.act{ pointer-events: auto; right:0;}

#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{ display:inline-block; width:calc(100% - 30px)}
#m_nav li .a h3{line-height: 4rem;height: 4rem;color:#fff;padding:0;font-size:1.125rem;float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 4rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}
.m_header_box{display:none;height: 60px;}

.n_header_box{ height:90px;}
.n_header_box #header{ top:0}


.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 120vw;
	height: 120vw;
	margin: -60vw 0 0 -60vw;
	background: #e6b988;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 100%;
	/* z-index: 1; */
	transform: scale(0);
	transform-origin: center center;
	transition: transform .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}
.header-right .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
	position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
	width:6%;
	padding-top: 6%;
	left: 26.875%;
	top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
	width:12px;
	padding-top: 12px;
	left: 13.54%;
	top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
	background-color: #0054ae;
	opacity: .2;
}
.search-dialog-box .bubbles-bg .bubble3{
	width:36px;
	padding-top: 36px;
	left: 8.854%;
	top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
	width:56.875%;
	padding-top: 56.875%;
	left: -28.6458%;
	top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
	width:54px;
	padding-top: 54px;
	left: 26.3%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
	background-color: #fff;
	opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
	width:56.875%;
	padding-top: 56.875%;
	left: 73.4375%;
	top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
	width:2rem;
	padding-top: 2rem;
	left: 60.9375%;
	top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{
	background-color: #0054ae;
	opacity: .2;
}
.search-dialog-box .bubbles-bg .bubble8{
	width:1.35rem;
	padding-top: 1.35rem;
	left: 95.83%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
	width:16px;
	padding-top: 16px;
	left: 76.5625%;
	top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
	width:56.875%;
	padding-top: 56.875%;
	left: 71.354%;
	top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
	animation:spin 8s infinite linear;
	transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	
}
.search-dialog .search-tit{
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 3.35rem;
}
.search-dialog .search-input{
	width: 50rem;
	margin: 0 auto;
	padding: 0 0.5rem 0 1.5rem;
	background-color: rgba(0,0,0,.1);
	border-radius: 1.65rem;
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: 3.5rem;
	width: calc(100% - 3.5rem);
	background-color: transparent;
	font-size: 1.25rem;
	line-height: .5rem;
	color: #fff;
	transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	float: right;
	height: 3.5rem;
	width: 3.5rem;
}
.search-dialog .search-input input.input_submit{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.75rem;
	background-image: url('../images/search-btn.svg');
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.svg');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{
	background-image: url('http://www.yj-semitech.com/static/style/pc/images/search-btn2.svg')
}

.search-dialog .hot-search{
	font-size: 0;
	width:19.5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;
	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image: url(http://www.yj-semitech.com/static/style/pc/images/hot-icon.png);
}
.search-dialog .hot-link{
	margin-left: 1rem;
}
.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}




.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{transform: scale(1);}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.pub-close {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 10;
    right: 3.125%;
    top: 1.35rem;
    background-color: rgba(0,0,0,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
	transition:.6s
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

/*动画 结束*/

.mtrans,.mtrans:hover{-webkit-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-moz-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-ms-transition:all .8s cubic-bezier(.19,1,.22,1) 0s}
.mtrans-fast,.mtrans-fast:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}
.menu-handler{display: inline-block;width: 26px;cursor:pointer;transition:all .3s cubic-bezier(.445,.145,.355,1);-webkit-transition:all .3s cubic-bezier(.445,.145,.355,1);-moz-transition:all .3s cubic-bezier(.445,.145,.355,1);vertical-align: middle;float: left;padding: 35px 0;margin-left: 2.25rem;}
.menu-handler .box{display: inline-block;position:  relative;height: 20px;vertical-align: top;width: 100%;}
.menu-handler::after{width:48px;height:45px;box-sizing:border-box;content:'';display:block;position:absolute;top:0;left:0;pointer-events:none;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:intervalHamburgerBorder;animation-name:intervalHamburgerBorder;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;display: none;}
@-webkit-keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}
@keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}
.hamburger{width:45px;height:45px;display:block;position:relative;cursor:pointer;float:right;z-index:110;margin-top:50px;margin-right:20px;border:1px solid #fff;pointer-events:auto;-webkit-tap-highlight-color:transparent}

.menu-handler .burger{width: 26px;height: 3px;background: #666666;display:block;position:absolute;z-index:5;top: 0;left:50%;margin: 0 0 0 -13px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;}
.menu-handler .burger-2{top: 8px;}
.menu-handler .burger-3{top: 17px;}
.menu-handler.active .burger-1{top: 7px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.menu-handler.active .burger-2{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top: 7px;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg);}

.menuBox{position:fixed;z-index: 100000;left:0;right:0;top:0;height:100%;visibility:hidden;text-align: center;}
.menuBox:after,.menuBox:before{content:"";position:absolute;width:100%;height:50%;background: #dbaf7e;-webkit-transition:.8s cubic-bezier(.77,0,.175,1);-moz-transition:.8s cubic-bezier(.77,0,.175,1);transition:.8s cubic-bezier(.77,0,.175,1);left: 0;}
.menuBox:before{top:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.menuBox:after{bottom:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.menuBox .navMobile{opacity:0;visibility:hidden;-webkit-transition:.45s;-moz-transition:.45s;transition:.45s;}
.menuBox.show{visibility:visible}
.menuBox.show:after,.menuBox.show:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}
.menuBox.show .navMobile{opacity:1;visibility:visible;-webkit-transition:.76s .6s;-moz-transition:.76s .6s;transition:.76s .6s}
.menuBox .lang{display:none}
.navMobile{text-align:center;position:relative;z-index:1;font-size: 0;padding: 0;min-width: 1200px;display: inline-block;top: 50%;transform: translateY(-50%);}

.navMobile dl{width: 16.666667%;display:inline-block;margin-bottom: 0;vertical-align: top;transition:.6s;}
.navMobile dt{font-size: 1.25rem;color:#fff;margin-bottom:1.25rem;font-weight: bold;}
.navMobile dt a{ color:#fff}
.navMobile dd{font-size:0.9375rem;color: #a7b7d2;line-height: 2.5rem;}
.navMobile dd a{color: #fff;transition: .6s;}


/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

/*首页banner*/
#banner{width:100%;position:relative;z-index:0;overflow:hidden;height: 40.625rem;}
#banner .banner_slider{top:0;left:0;width:100%;height:100%;}
#banner li{ position:relative;}
#banner li .img{width:100%;height: 40.625rem;z-index:8;}	
#banner li .img img{ width:100%; display:none}
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05); transform: scale(1.05); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05); transform: scale(1.05); }
}
@-webkit-keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}
@keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}

#banner .miso-current .img{/* animation:bgscale 6s linear; animation-fill-mode: forwards; */}
#banner .miso-prev{left: 5%;}
#banner .miso-next{right: 5%;}

#banner .miso-arrow{width:4.125rem;height:4.125rem;background-size:4.125rem !important;z-index:999;cursor:pointer;border-radius:50%; overflow:hidden}
#banner .miso-prev:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/left01.png) center no-repeat; transition:.6s; border-radius:50%}


#banner .miso-prev:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/left01_on.png) center no-repeat; transition:.6s; transform:translateX(101%); border-radius:50%}
#banner .miso-next:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/right01.png) center no-repeat; transition:.6s; border-radius:50%}
#banner .miso-next:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/right01_on.png) center no-repeat; transition:.6s; transform:translateX(-101%); border-radius:50%}


.title001{ margin-bottom:3.125rem; text-align:center}
.title001 h3{ font-size:2.125rem; color:#333333; font-weight:bold}

.container01{ padding:5.75rem 0 6.25rem; background:#edeff3}
.container01 ul li{ float:left; width:25%}
.container01 ul li a{ display:block; position:relative}
.container01 ul li a .img{ width:100%; position:relative; overflow:hidden}
.container01 ul li a .img .img_hezi{ padding-bottom:100% !important}
.container01 ul li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,.1); transition:.6s; transform:translateY(100%);}
.container01 ul li a .con{padding-bottom:100% !important;position:relative;z-index: 100;}
.container01 ul li a .con .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:#fff; padding:0 3.375rem; transition:.6s}
.container01 ul li a .con .top:after{content:"";position:absolute;border-left:transparent .625rem solid;border-right:transparent .625rem solid;border-top: #fff .625rem solid;bottom: -.625rem;left: 50%;margin-left: -.625rem;}
.container01 ul li a .con .top .box_table{ text-align:left}
.container01 ul li a .con .top h4{ font-size:1.75rem; color:#484848; margin-bottom:1.375rem; text-transform:uppercase; transition:.6s}
.container01 ul li a .con .top p{font-size:.875rem;color:#484848;line-height:1.75rem;/* height:5.25rem; */transition:.6s;-webkit-line-clamp: 8;}

.container01 ul li.li1{ width:50%}
.container01 ul li.li1 a .img .img_hezi{ padding-bottom:50% !important}
.container01 ul li.li1 a .con{ padding-bottom:50% !important; position:relative; }
.container01 ul li.li1 a .con .top{ background:#0054ae}
.container01 ul li.li1 a .con .top h4{ color:#fff}
.container01 ul li.li1 a .con .top p{ color:#fff}
.container01 ul li.li1 a .con .top:after{border-top: none;border-bottom: #0054ae .625rem solid;top: -.625rem;bottom: auto;}

.container01 ul li.li3 a .con .top{ background:#e6b988}
.container01 ul li.li3 a .con .top:after{border-top: none;border-bottom: #e6b988 .625rem solid;top: -.625rem;bottom: auto;}

.container02{ padding:5rem 0 4rem; border-bottom:#e1e3e6 1px solid}

.more00 .a{display:inline-block;width:2.75rem;height:2.75rem;border:rgba(255,255,255,0.4) 1px solid;border-radius: 50%;position: relative; overflow:hidden; transition:.6s}
.more00 .a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/arrow-right.svg) center no-repeat; transition:.6s}
.more00 .a:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/arrow-right.svg) center no-repeat; transform:translateX(-100%); transition:.6s}
.more00 .a.on{background: #e6b988;border: #e6b988 1px solid;}

.container02 .content{ margin:0 -.5rem}
.container02 .left{ width:33.333333%; padding:0 .5rem}
.container02 .left a{ display:block; position:relative}
.container02 .left .img{ overflow:hidden}
.container02 .left .img .img_hezi{padding-bottom: 95.1875% !important;}
.container02 .left .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/play.png) center no-repeat;}
.container02 .right{ width:66.666666%; padding:0 .5rem;}
.container02 .right .con{ padding-bottom:46.875% !important; background:#0054ae; position:relative}
.container02 .right .con .top{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 4.375rem}
.container02 .right .con .top .box_table{ text-align:left}
.container02 .right .con .top p{ font-size:.875rem; color:#fff; line-height:1.75rem; height:5.25rem; transition:.6s; opacity:.9; margin-bottom:2.75rem}

.container02 .fl02{ margin-top:1rem;}
.container02 .fl02 ul{ margin:0 -.5rem;}
.container02 .fl02 ul li{ float:left; width:33.333333%; padding:0 .5rem; margin-bottom:1rem}
.container02 .fl02 ul li a{ display:block; position:relative; transition:.6s}
.container02 .fl02 ul li a .img{ overflow:hidden; width:100%; position:relative}
.container02 .fl02 ul li a .img:after{visibility: visible;opacity: 1;height: 50%;width: 100%;content: "";background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);display: block;top: auto;bottom: 0;transition:.6s;position: absolute;}
.container02 .fl02 ul li a .top{position:absolute;bottom: 1rem;left:0;right:0;padding: 0 3rem;}
.container02 .fl02 ul li a .top .more00{ padding:.5rem 0 0}

.container02 .fl02 ul li.li1 a .img .img_hezi{ padding-bottom:40.95% !important}
.container02 .fl02 ul li.li2 a .img .img_hezi{padding-bottom: 83.85% !important;}

.title002{ margin-bottom:2rem}
.title002 h3{ font-size:1.25rem; color:#fff; font-family:ROBOTO;}
.title002 h4{ font-size:1.25rem; color:#fff; margin:1.125rem 0 0}

.container02 .fl02 ul li.li1{ width:66.666666%}


.container03{padding: 5rem 0 3rem;overflow: hidden;}
.container03 .content{ margin:0 -20px;}
.container03 .content .box{ float:left; width:50%; padding:0 20px;}
.container03 .content .box .fl01 ul li a{ display:block; position:relative; transition:.6s}
.container03 .content .box .fl01 ul li a .img{width:100%;position:relative;padding-bottom: 63.24% !important;overflow:hidden;}
.container03 .content .box .fl01 ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
.container03 .content .box .fl01 ul li a .img:after{ content:""; position:absolute; bottom:0; left:0; right:0; background:url(../images/jianbian.png) center no-repeat; height:9.375rem; background-size:100% 100%; transition:.6s}
.container03 .content .box .fl01 ul li a .top{position:absolute;bottom:0;left:0;right:0;padding: 0 2.125rem 2.125rem;}
.container03 .content .box .fl01 ul li a .top h6{font-size:14px;color:#fff;margin-bottom: 0.75rem;font-family: ROBOTO;}
.container03 .content .box .fl01 ul li a .top h5{font-size:1.5rem;line-height:1.875rem;color:#fff;font-weight:bold;transition: .6s;}
.container03 .content .box .fl01 ul li a .title{position:absolute;left: 2.125rem;top: 2.5rem;background: #fff;text-align:center;width: 6.5625rem;height: 2.5rem;line-height: 2.5rem;font-size: .9375rem;color: #616161;}

.container03 .content .box .fl02 ul li{ margin-top:1.625rem}
.container03 .content .box .fl02 ul li a{ display:block; position:relative; transition:.6s}
.container03 .content .box .fl02 ul li a .img, .container03 .content .box .fl02 ul li a .img img{width:14.6875rem;height: 10rem;position:relative;overflow:hidden;object-fit: cover;margin-right: 1.625rem;}

.container03 .content .box .fl02 ul li a .top{/* width:calc(100% - 14.6875rem); */padding: .375rem 0 0 0;height:10.625rem;float: none;}
.container03 .content .box .fl02 ul li a .top h6{font-size:14px;color: #808080;margin-bottom:0.5rem;font-family: ROBOTO;}
.container03 .content .box .fl02 ul li a .top h5{font-size:1.25rem;line-height:1.5rem;color: #343434;margin: 1.5rem 0 .75rem;transition: .6s;}
.container03 .content .box .fl02 ul li a .top p{font-size: .875rem;color: #808080;line-height: 1.5rem;margin-bottom:1rem;}
.container03 .content .box .fl02 ul li a .top .title{background: #f2f2f2;text-align:center;width: 5.625rem;height: 2.1875rem;line-height: 2.1875rem;font-size:14px;color:#383838;display: inline-block;}

.container03 .content .box .fl021 ul li a .top{ width:100%; padding:0.375rem 0 0 0}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

footer{ background:#eff0f2}
footer .fl01{ padding:3.75rem 0 2.75rem}
footer .fl01 .left{width: calc(100% - 25rem - 31.28%);display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;}
footer .fl01 .left dl{ display:inline-block; vertical-align:top}
footer .fl01 .left dl dt{ font-size:1.0625rem; color:#38393a; font-weight:bold; transition:.6s; margin-bottom:1rem}
footer .fl01 .left dl dd{ font-size:.875rem; color:#3e3f41; line-height:2.125rem; opacity:.8; transition:.6s;}
footer .fl01 .center{ width:31.28%; text-align:center}
footer .fl01 .center .box{ width:14.5rem; display:inline-block; text-align:left}
footer .fl01 .center .box h4{ font-size:1.125rem; color:#3e3f41; font-weight:bold; text-transform:uppercase; margin-bottom:1rem}
footer .fl01 .center .box ul{ height:10rem; overflow-y:scroll; }
footer .fl01 .center .box ul li{ font-size:.875rem; color:#313132; line-height:2rem; opacity:.8; transition:.6s}

footer .fl01 .right{width: 25rem;text-align:right;}
footer .fl01 .right h3{ font-size:2rem; color:#0061e3; font-family:BarlowCondensed-Bold;}
footer .fl01 .right h6{font-size: 0.875rem;line-height: 2;color: #313132;margin: 0 0 .5rem;opacity: .8;}
footer .fl01 .right ul{font-size:0;margin: 0 -1rem;}
footer .fl01 .right ul li{display:inline-block;padding: 0 1rem;text-align: left;width: 50%;}
footer .fl01 .right ul li h3 img{ border:#e2e2e2 1px solid; width:6.25rem; height:6.25rem}
footer .fl01 .right ul li h5{ font-size:0.8125rem; color:#6f6f6f; opacity:.85; margin:.625rem 0 0}



footer .fl02{ padding:1.875rem 0; border-top:#dadbdc 1px solid}
footer .fl02 .left p{font-size:.875rem;color:#656769;opacity:.8;line-height: 1.75rem;}
footer .fl02 .right{ line-height:2.5rem; font-size:.8125rem; color:#676769; text-transform:uppercase}
footer .fl02 .right ul{display:inline-block;vertical-align:top;font-size:0;margin-left: -.5rem;}
footer .fl02 .right ul li{ display:inline-block; text-align:center; margin-left:1.25rem}
footer .fl02 .right ul li a{display:inline-block;width:2.5rem;height:2.5rem;line-height:2.375rem;border: rgba(158,159,162,.5) 1px solid; border-radius:50%; transition:.6s}
footer .fl02 .right ul li a svg{width: 1.125rem;height: 1.125rem;fill:#a1a2a4;vertical-align:middle;transition:.6s;display: inline-block;}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;}
.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 12rem;height: 15rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}
.tc1 .tc.act{display: block;}
.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; background:#e6b988; text-align:center}

.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 1000px;height: 560px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -280px;margin-left: -500px;object-fit: cover;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: 0px;right: -42px;text-align: center;}
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(http://www.yj-semitech.com/static/style/pc/images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close i svg{ transition:.6s}
.vwrap .close:hover i svg{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}

@media(max-width: 992px){
	.vwrap .videobox{width:94%;height: 200px;left: 3%;margin-left: 0;margin-top: -122px;}
	.vwrap .close{right: 0;top: -35px;}
	.vwrap .videobox video{}
}



.n_banner {height: 21.25rem;background-size: cover !important;}
.n_banner .box_table {}
.n_banner .box_table h3 {font-size: 2.125rem;color: #fff;font-weight: bold;}
.n_banner .box_table h4 {font-size: 1rem;color: #fff;margin: 1.5rem 0 0;position: relative;line-height: 1.5;}
.n_banner .box_table .content {display: inline-block;}
.n_title {border-bottom: #e3e4e5 1px solid;padding: 0;position: relative;}
.n_title .w1560 { position: relative }
.n_title .w1200 {position: relative;height: 75px;}
.n_nav { position: relative; }
.n_nav a {display: inline-block;height: 75px;font-size: 16px;float: left;line-height: 75px;color: #333333;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-right: 2.875rem;}
.n_nav a strong {display: block;color: #333333;position: relative;z-index: 4;height: 75px;line-height: 75px;transition: 0.6s ease-in-out;font-weight: normal;}
.n_nav .on, .n_nav a:hover { color: #fff; }
.n_nav a:before {content: "";width: 0;height: 3px;position: absolute;bottom: 0;left: 0;background: #0054ae;transition: 0.6s ease-in-out;}
.n_nav .on:before, .n_nav a:hover:before { width: 100%; }
.n_nav .on strong, .n_nav a:hover strong {height: 75px;line-height: 75px;color: #0054ae;}
.layui-col-md4 { height: 75px }
.position {line-height: 75px;left: 0;bottom: 0;color: #7b7b7d;padding-left: 22px;font-size: 13px;background: url(../images/home_icon.png) left 30px no-repeat;}
.position span, .position a, .position i {font-size: 12px;color: #707070;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i {margin: 0px 3px;font-style: normal;}
.position i img { vertical-align: middle; margin-top: -2px; }
.position em {font-size: 12px;color: #dbaf7e;font-style: normal;}
.position a:hover {color: #dbaf7e;}
.n_main_box .main_box { width: 1200px; height: 80px; position: relative; margin: 0 auto; }
/*====移动端导航====*/
#m_n_nav {background: rgba(219,175,126,.8);display: none;line-height: 50px;position: relative;z-index: 9;float: left;width: 100%;margin-top: -50px;}
#bnt_back { position: absolute; left: 1rem; top: 0; }
#bnt_back svg { fill: #fff; height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i { }
#m_n_nav h1 { font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 50px; }
#bnt_sub_nav { position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 18px; }
#bnt_sub_nav svg {fill: #fff;height: 20px;vertical-align: middle;width: 20px;}
#bnt_sub_nav img { display: block; height: 15px; }

#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
#sub_nav_content {background: #f0f3f5;display: none;box-shadow: 0 0 5px #999;z-index: 9;}
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #0759b0; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }
#sub_nav_content ul li.on a { color: #0759b0; }
#sub_nav_content dl { font-size: 0; overflow: hidden; background: #fff; padding: 10px 0; }
#sub_nav_content dt { position: relative; background: #fff; z-index: 999; width: 33.333333%; display: inline-block; margin-bottom: 0; float: left; text-align: center; }
#sub_nav_content dt a { margin: 0 20px; display: block; color: #5b5349; line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: #fafafb; }
#sub_nav_content dt.title i { opacity: 1; filter: alpha(opacity=100); }
#sub_nav_content dt.title_on { background: #fafafb; }
#sub_nav_content dt.title_on a { color: #0759b0; border-top: 1px solid #fff; }
#sub_nav_content dt.title_on a i { color: #0759b0; }
#sub_nav_content dt.last a { border-top: 1px solid #f8f8f8; }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a { color: #0759b0; }
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px 0px 0px 0px; }
#sub_nav_content dd a { padding: 0 25px; line-height: 30px; border-top: 1px solid #e7e7e7; font-size: 12px; color: #5b5349; display: block; height: 30px; }
#sub_nav_content dd a.on { color: #0759b0; }
#header.n_header { display: block; opacity: 1; visibility: visible; position: relative; background: #fff; padding: 0 0 0 2.5rem; }
#header.n_header #nav ul li>a { color: #3b3c3d }
#header.n_header #nav ul li>a h3 { font-size: 1.0625rem; }
#header.n_header #nav>ul>li.on>a, #header.n_header #nav ul li:hover>a, #header.n_header.xg #nav ul li.on a>a, #header.n_header.xg #nav ul li:hover >a { color: #0759b0; font-weight: bold }
#header.n_header #nav>ul>li.on>a { background: #0759b0; color: #fff; }
#header.n_header .wailian ul li>a h3 svg { fill: #2c2c2c }
#header.n_header .wailian ul li>a { padding: 38px 1.75rem 0 }
#header.n_header .wailian ul li>a h5 { color: #000000 }
.n_title01 { margin-bottom: 3.375rem }
.n_title01 h4 { font-size: 1.625rem; color: #333333; margin-bottom: 0.75rem; }
.n_title01 h3 { font-size: 1.875rem; color: #0759b0; font-family: Century Gothic; font-weight: bold; text-transform: uppercase; }
.n_title01 h3 font { color: #76be3b; font-family: Century Gothic; font-weight: bold; }

.n_about {overflow: hidden;}
.n_about .fl01 {padding: 4.5rem 0 4rem;}
.n_about .fl01 .left {width: 22%;}
.n_about .fl01 .left h2{ font-size:2rem; color:#333333; font-weight:bold; margin-bottom:2.75rem}
.n_about .fl01 .left h4{font-size: 1rem;color:#5e5f63;}
.n_about .fl01 .left h5{font-size: 1.125rem;color: #e5b988;text-transform:uppercase;margin-bottom:2.75rem;}
.n_about .fl01 .right {width: 78%;}
.n_about .fl01 .right .h31{font-size:1.5rem;color:#464e54;margin-bottom: 1.75em;}
.n_about .fl01 .right ul li .img, .n_about .fl01 .right ul li img{ width:100%}

/*.n_about .fl01 .right ul .miso-arrow{ width:3.125rem; height:3.125rem; background-size:cover !important;}
.n_about .fl01 .right ul .miso-prev{ background:url(../images/left03.png) center no-repeat; left:3%}
.n_about .fl01 .right ul .miso-next{ background:url(../images/right03.png) center no-repeat; right:3%}*/

.n_title02{ text-align:center; margin-bottom:3rem}
.n_title02 h3{ font-size:2.25rem; color:#0759b0; font-family:BEBASNEUE;}
.n_title02 h2{ font-size:2rem; color:#444444; font-weight:bold; margin-top:.5rem}

.n_about .fl02{ background:#eff0f2; padding:5rem 0 5rem}
.n_about .fl02 ul{ margin:0 -.75rem}
.n_about .fl02 ul li{ float:left; width:33.333333%; padding:0 .75rem}
.n_about .fl02 ul li .img{ overflow:hidden}
.n_about .fl02 ul li .img .img_hezi{ padding-bottom:66.6666667% !important}
.n_about .fl02 ul li .con{ padding:0 .125rem}
.n_about .fl02 ul li h5{ font-size:1.375rem; line-height:2rem; color:#343434; height:4rem; transition:.6s; margin:1.5rem 0 .75rem}
.n_about .fl02 ul li p{ font-size:.9375rem; color:#7c7c7c; line-height:1.625rem; height:4.875rem;}

h2.h21{ font-size:2.125rem; color:#333333; font-weight:bold; text-align:center; margin-bottom:2rem}

.n_news .fl01{ background:#eff0f2; padding:3.5rem 0 5rem}
.n_news .fl01 ul{ margin:0 -1.25rem; margin-bottom:2rem}
.n_news .fl01 ul li{ float:left; padding:0 1.25rem; width:33.333333%; margin-bottom:2.5rem; overflow:hidden; transition:.6s}
.n_news .fl01 ul li a{ display:block; position:relative; }
.n_news .fl01 ul li .img{ overflow:hidden; position:relative}
.n_news .fl01 ul li .img .img_hezi{ padding-bottom:68.64% !important}
.n_news .fl01 ul li .img .time{width:8.125rem;height:2.25rem;line-height: 2.25rem;background:rgba(255,255,255,.9);top:1.875rem;left:1.875rem;position:absolute;text-align:center;font-size:0.875rem;color:#2f343d;font-family:ROBOTO; transition:.6s}
.n_news .fl01 ul li .img .time svg{width:1rem;height:1rem;fill:#a8a8a8;vertical-align: middle;margin: -3px .5rem 0 0; transition:.6s}
.n_news .fl01 ul li .con{ padding:1.875rem 2.5rem 3rem; background:#fff}
.n_news .fl01 ul li .con h5{ font-size:1.25rem; color:#343637; line-height:1.875rem; height:3.75rem; font-weight:bold; transition:.6s}
.n_news .fl01 ul li .con p{ font-size:.875rem; color:#919191; line-height:1.625rem; height:3.25rem; margin:1.25rem 0 2.5rem}
.n_news .fl01 ul li .con span{ font-size:.875rem; color:#000000; text-decoration:underline; font-family:ROBOTO; transition:.6s}

/*====翻页====*/
.j_pages{padding: 0; overflow:hidden}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:  center;}
.j_pages a{padding: 0px 1rem;height: 2.75rem;line-height: 2.625rem;display:inline-block;margin: 0 .25rem;color: #66635f;font-size: 0.875rem;box-sizing: border-box;min-width: 2.1875rem;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align: center;border: #d7d8d9 1px solid;}
.j_pages a.m_bnt{ padding:0 1rem}
.j_pages a font{font-size:14px;font-family:SimSun;color:#666666}
.j_pages .on, .j_pages a:hover{color: #fff;background: #e6b988; border:#e6b988 1px solid}
.j_pages span{}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.j_pages form{ display:inline-block;}
.j_pages span{display:inline-block;font-size: 0.875rem;margin: 0 0.875rem;}
.j_pages form input{width: 2.75rem;height: 2.75rem;border: none;font-size: 1rem;color: #919191;margin: 0 0 0 10px;text-align:center;border-radius: 3px;border: rgba(0,0,0,0.1) 1px solid;transition: .6s;}
.j_pages form input[type="submit"]{width: 4rem;cursor:pointer;}
.j_pages form input[type="submit"]:hover{background: #e6b988;color:#fff;border: #e6b988 1px solid;}

.n_danyemian{ padding:5rem 0}

.n_zhuying{background:#eff0f2;padding: 0 0 5rem;}
.n_zhuying .left{ width:255px; padding-bottom:3rem}
.n_zhuying .left ul li{border-bottom:#e7e7e7 1px solid;position:relative;background: #fff;}
.n_zhuying .left ul li>a{padding: 1rem 1.25rem;display:block;background:#fff;position:relative;transition:.6s;}
.n_zhuying .left ul li .btn_i{ position:absolute; top:0; right:0; width:3.75rem; height:5.3125rem; text-align:center; background:url(../images/btn_i.png) center no-repeat}
.n_zhuying .left ul li dl dd a:after{content:"";background:url(../images/right_ico.png) center no-repeat;position:absolute;width:12px;height:11px;top:50%;margin-top:-6px;right: 1.5rem;transition:.6s;}
.n_zhuying .left ul li a .ico{ display:inline-block; width:3.125rem; height:3.125rem; position:relative; border-radius:50%; overflow:hidden}
.n_zhuying .left ul li a .ico:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e8e8e8 1px solid; border-radius:50%;}
.n_zhuying .left ul li a .ico img{ width:100%; height:100%}
.n_zhuying .left ul li a font{display:inline-block;vertical-align:top;line-height:3.125rem;color:#333333;padding-left:.625rem;font-size: .9375rem;transition: .6s;}
.n_zhuying .left ul li dl{ padding:.75rem 0; display:none}
.n_zhuying .left ul li dl dd{ padding-left:5rem;}
.n_zhuying .left ul li dl dd a{display:block;font-size:13px;color: #424242;line-height:30px;position: relative;font-family: Arial;}

.n_zhuying .left ul li.on .btn_i{ background:url(../images/btn_i_on.png) center no-repeat}
.n_zhuying .left ul li.on>a{background: #0054ae;}
.n_zhuying .left ul li.on a font{ color:#fff}
.n_zhuying .left ul li.on dl{ display:block}
.n_zhuying .left ul li dl dd.on a, .n_zhuying .left ul li dl dd a:hover{ color:#0054ae}
.n_zhuying .left ul li dl dd.on a:after, .n_zhuying .left ul li dl dd a:hover:after{ background:url(../images/right_ico_on.png) center no-repeat}


.n_zhuying .left ul li.on1 .btn_i{ background:url(../images/btn_i_on1.png) center no-repeat}
.n_zhuying .left ul li.on.on1 .btn_i{ background:url(../images/btn_i1.png) center no-repeat}

.n_zhuying .right{width:calc(100% - 255px);padding-left:2.5rem;position: relative;}
.ar_article table{ margin-bottom:0}
.ar_article table tr{background: #0054ae;}
.ar_article table tr:nth-child(2n-1) td{background: #eff0f2;}
.ar_article table th{color:#fff;font-size: 1.125rem;font-weight: normal;border: #0054ae 1px solid;min-width: 80px;}
.ar_article table td{font-size: 1rem;color: #555555;padding: 1.625rem 0.5rem;background: #eff0f2;text-align: center;}
.ar_article table td a{ color:#0050b7}
.ar_article{ margin-bottom:0}
.ar_article table{margin-bottom:0;position: relative;}
.ar_article table td{border: #d4d4d4 solid 1px;font-size: .9375rem;color: #3c3c3c;line-height: 1.5rem;}

.n_zizhi{ padding:5rem 0}
.n_zizhi ul{font-size:0;margin:0 -0.8125rem;margin-bottom: 2rem;}
.n_zizhi ul li{display:inline-block;width: 33.333333%;padding:0 0.8125rem;text-align:center;margin-bottom: 1.5rem;}
.n_zizhi ul li a{display:block;cursor:pointer;background: #f0f0f0;padding: 1.5rem 0 3.375rem;transition:.6s;}
.n_zizhi ul li a .img{ width:100%}
.n_zizhi ul li a .img .img_hezi{padding-bottom: 19rem !important;background-size:100% 100%;transition:.6s;}
.n_zizhi ul li a .img .top{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_zizhi ul li a .img img{max-width: 88%;max-height: 16rem;display: inline-block;}
.n_zizhi ul li a .con{position:relative;padding-bottom: .875rem;}
.n_zizhi ul li a .con:before{content:"";position:absolute;width:15px;height:0px;background:#575757;left:50%;margin-left: -7.5px;bottom:0;}
.n_zizhi ul li a h5{font-size: 1.0625rem;color: #575757;line-height: 1.5;text-align:center;margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition: 0.6s;}

.n_contact .fl01{ padding:4.375rem 0 4rem}
.n_contact .fl01 .left{}
.n_contact .fl01 .left h3{font-size:1.7rem;line-height: 1.5;color: #565656;margin-bottom: 0;}
.n_contact .fl01 .left h4{font-size: 1.16rem;line-height: 1.5;color: #dbaf7e;font-weight:bold;margin-bottom: 1.25rem;font-family: Futura Md BT;}

.n_contact .fl01 .left p{font-size:0.9375rem;line-height: 1.625rem;color: #7f7e7e;}
.n_contact .fl01 .left h2{font-size: 2rem;color: #dbaf7e;font-weight:bold;margin-top: 2rem;margin-bottom: .375rem;font-family: Futura Md BT;}
.n_contact .fl01 .left h5{font-size: .875rem;line-height: 1.5;color: #7c7c7c;font-weight:bold;}
.n_contact .fl01 .right{text-align:center;padding: 3.125rem 0 0; display:none;}
.n_contact .fl01 .right .con{display:inline-block;margin-left: 2rem;}
.n_contact .fl01 .right .ewm{width: 10rem;height: 10rem;border: 0;position: relative;}
.n_contact .fl01 .right .ewm img{ width:100%; height:100%}
.n_contact .fl01 .right .ewm:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border: #e6e6e6 0.5rem solid;}
.n_contact .fl01 .right h6{font-size:14px;color: #6f6f6f;line-height:16px;margin-top:1rem;font-weight: normal;}

#container02{ height:31.875rem; border:#eaeaea 1px solid}

.n_contact .fl03{padding: 4.5rem 0 3rem;background:#eff0f2;background-size:100% auto;margin-top: 4rem;}
.n_contact .fl03 .left{ width:25rem;}
.n_contact .fl03 .left h3{position:relative;margin-bottom: 2rem;font-size: 2.125rem;color: #333333;font-weight: bold;}
.n_contact .fl03 .left h3:before{content:"";position:absolute;width:1.375rem;height:2px;bottom:0;}
.n_contact .fl03 .left p{font-size: .9375rem;line-height: 2rem;color: #6f6f6f;margin-bottom: 8.125rem;}
.n_contact .fl03 .left h6{ font-size:.875rem; line-height:2rem; color:#555555}
.n_contact .fl03 .left h6 font{ color:#0759b0}
.n_contact .fl03 .left .bottom{ margin-top:2.75rem}
.n_contact .fl03 .left .bottom .img{ width:9.375rem; height:9.375rem; padding:0.5rem; border:#d7d8da 1px solid; display:inline-block}
.n_contact .fl03 .left .bottom .img img{ width:100%; height:100%}
.n_contact .fl03 .left .bottom .con{vertical-align:top;display:inline-block;height:9.375rem;width: 10rem;}
.n_contact .fl03 .left .bottom .con h5{ font-size:.875rem; color:#777777; text-align:left; padding-left:1.25rem}
.n_contact .fl03 .right{ width:calc(100% - 25rem); padding-left:6.25rem;}


.n_contact .fl03 .n_biaodan .messlist{ width:49%}
.n_contact .fl03 .n_biaodan .messsub input{ background:#0759b0; max-width:12.8125rem}
.n_contact .fl03 .n_biaodan .messsub input:hover{background: #e6b988;}
.n_contact .fl03 .n_biaodan .messlist02{height: 15.5625rem;}

.n_biaodan .messlist {height: 3.75rem;line-height: 3.625rem;margin: 0 0 0.875rem;float:left;width: 100%;background: #fff;color:#626364;border: #e1e3e4 1px solid;}
.n_biaodan .messlist label,.form-list .messlist01 label,.n_biaodan .messlist03 label{float:left;width: 50px;height: 100%;line-height: 3.625rem;text-align: left;color: #4f4f4f;font-size: 14px;box-sizing: border-box;padding: 0 0 0 20px;font-weight:  normal;}
.n_biaodan .messlist label span img,.form-list .messlist01 label span img,.n_biaodan .messlist03 label span img{ margin-top:-3px}
.n_biaodan .messlist input{float:left;width: calc(100% - 50px);height: 100%;background: none;border: none;outline: none;color:#626364;font-size: .875rem;} 
.n_biaodan .messlist01{height: 43px;margin-top: 30px;float:left;width: 880px;border:#d3d7d8 1px solid;background:#fbfbfc;color:#626364;margin-right: 44px;}
.n_biaodan .messlist01 input{float:left;width: 712px;height: 48px;padding: 0 10px;background-color:#fbfbfc;border: none;outline: none;color:#626364; font-size:12px;} 
.n_biaodan .messlist02{height: 10.125rem;float:left;width: 100%;background: #fff;color:#626364;box-sizing: border-box;margin-bottom: 0.875rem;border: #e1e3e4 1px solid;}
.n_biaodan .messlist02 textarea{float:left;width: calc(100% - 50px);height: 100%;color: #000;font-size: .875rem;border: none;outline: none;padding: 18px 25px 18px 0;resize:none;box-sizing: border-box;background: none;}
.n_biaodan .messlist02 label{float:left;width: 50px;height: 56px;line-height: 56px;text-align: left;color: #000000;font-size: 16px;box-sizing: border-box;padding: 0 0 0 20px;font-weight:  normal;}
.n_biaodan .yanzheng{display:inline;float:left;position: absolute;right: 1rem;top: 0.5rem;}
/*.n_biaodan .yanzheng img{width: 5.5625rem;height: 1.8125rem;}*/
.n_biaodan .messsub input{float: left;width: 100%;height: 3.625rem;line-height: 3.625rem;font-size: .9375rem;cursor:pointer;color: #fff;border:none;background: #009ee0;transition: 0.6s;}
.n_biaodan .messsub input:hover{background: #0391cc;}
.n_biaodan .messlist03{height: 3.75rem;margin: 0 0 0 0;float:left;width: 21.375rem;background: #fff;color:#626364;box-sizing: border-box;position: relative;border: #e1e3e4 1px solid;}
.n_biaodan .messlist03 input{float:left;width: calc(100% - 50px);height: 100%;color: #636363;font-size: .875rem;border: none;outline: none;resize:none;box-sizing: border-box;background: none;padding: 0;}
.n_biaodan .messsub{float: left;width: calc(100% - 21.375rem);padding-left: 0.875rem;}


.n_zhuanli .fl01{background:url(../images/n_zhuanli_fl01_bg.jpg) center top no-repeat;background-size:cover !important;padding: 5rem 0 6rem;overflow: hidden;}
.n_zhuanli .fl01 ul li .img .top{position:absolute;top:0;right:0;bottom:0;left:0;overflow: hidden;}
.n_zhuanli .fl01 ul li h5{ font-size:1rem; line-height:1.875rem; margin-top:1rem; text-align:center; color:#494949}

#certify .swiper-container,#certify .swiper-slide.swiper-slide-active{ overflow:visible; }
#certify .swiper-slide {width:350px;height:490px;background: #fff; box-sizing:border-box; overflow:hidden; cursor: -webkit-grab; position:relative;}
#certify .swiper-slide .img{width:100%;height:100%;overflow: hidden;}
#certify .swiper-slide img{display:block;max-width: 100%;max-height: 100%;filter: blur(1px);}
#certify .swiper-slide:after{ position:absolute; content:""; width:.5625rem; height:0; transition:.7s .2s; background:url(http://www.yj-semitech.com/static/style/pc/images/s_case_arrow.png) center bottom no-repeat; right:5rem; top:93%;}
#certify .swiper-slide.swiper-slide-active:after{height:5.6875rem;}
#certify .swiper-slide.swiper-slide-active{ border:0 solid #fff; box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.15);}

#certify .swiper-pagination {width: 100%;bottom: 20px; display:none;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 2px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 2px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left: -30px;width: 46px;height: 46px;background:none ; }
#certify .swiper-button-prev:hover { }
#certify .swiper-button-next {right: -30px;width: 46px;height: 46px;background:none  ; }
#certify .swiper-button-next:hover { }
#s_case .swiper-slide .con{ display:none;}
#certify .swiper-button-next, #certify .swiper-button-prev{ margin-top:-83px;}
#certify .container00 ul .miso-arrow.miso-prev{ left:0}
#certify .container00 ul .miso-arrow.miso-next{ right:0}

.n_zhuanli .fl02{padding: 3rem 0;overflow: hidden;}
.n_zhuanli .fl02 .left{ width:40.625rem;}
.n_zhuanli .fl02 .left .img, .n_zhuanli .fl02 .left .img img{ width:100%; overflow:hidden}
.n_zhuanli .fl02 .right{width: calc(100% - 40.625rem);max-width: 55.625rem;padding:1.8rem 0 0 4.5rem;}
.n_zhuanli .fl02 .right .box_table{ text-align:left}
.n_zhuanli .fl02 .right h3{font-size:1.875rem;color:#2b2b2b;margin-bottom: 2.375rem;font-weight: bold;}

.container00 ul .miso-arrow{width: 4rem;height: 4rem;border: #c7c8c9 1px solid;border-radius: 50%; transition:.6s}
.container00 ul .miso-arrow.miso-prev{left: -7rem;background:url(../images/icon-system_black_l.svg) center no-repeat;transition:300ms;-webkit-transition:300ms;}
.container00 ul .miso-arrow.miso-next{ right:-7rem; background:url(../images/icon-system_black_r.svg) center no-repeat; transition:300ms;  -webkit-transition:300ms;}

.n_licheng .fl01{ background: url(../images/n_licheng_fl01_bg.jpg) center bottom no-repeat; background-size: cover; padding: 8.25rem 0 0; overflow: hidden;}
.n_licheng .fl01 .content{padding: 0 6.25rem;font-size: 0;margin: 0 -1.25rem;overflow: hidden;position: relative;}
.n_licheng .fl01 ul{ display: inline-block; width: 25%; padding: 0 1.25rem;}
.n_licheng .fl01 ul li{height: 23rem;position: relative;}
.n_licheng .fl01 ul li .box{ padding: 0 2.25rem; position: relative; height: 100%; transform: translateY(2rem); transition: .6s; opacity: 0; visibility: hidden;}
.n_licheng .fl01 ul li .box h3{ font-family: Futura Md BT; font-size: 2rem; color: #e5b988; font-weight: bold;}
.n_licheng .fl01 ul li .box h4{ font-size: 1.0625rem; color: #e5b988; font-weight: bold; margin: 1.25rem 0;}
.n_licheng .fl01 ul li .box p{ font-size: .875rem; line-height: 1.5rem; color: #747474; }
.n_licheng .fl01 ul li .box:before{content: "";position: absolute;width: .375rem;top: .5rem;bottom: 0;left: .625rem;background: #dcdde0;}
.n_licheng .fl01 ul li .box:after{content: "";position: absolute;border: #e5b988 .3125rem solid;width: 0.9375rem;height: 0.9375rem;background: #fff;top: 0;left: 0;border-radius: 50%;}
.n_licheng .fl01 .content .anniu_con{width: 4.25rem;height: 4.25rem;background-size: 100% 100% !important;top: 4.375rem;position: absolute;cursor: pointer;}
.n_licheng .fl01 .content .anniu_left{background: url(../images/left02.png) center no-repeat;left: 0;}
.n_licheng .fl01 .content .anniu_right{background: url(../images/right02.png) center no-repeat;right: 0;}

.n_licheng .fl01 ul.dot01{ transform: translateY(8.75rem); }
.n_licheng .fl01 ul.dot02{ transform: translateY(6.25rem); }
.n_licheng .fl01 ul.dot03{ transform: translateY(3.125rem); }
.n_licheng .fl01 ul.dot04{ padding: 0 0 0; }

.n_licheng .fl01 ul.dot01 li .box{ transition-delay: .1s;}
.n_licheng .fl01 ul.dot02 li .box{ transition-delay: .3s;}
.n_licheng .fl01 ul.dot03 li .box{ transition-delay: .5s;}
.n_licheng .fl01 ul.dot04 li .box{ transition-delay: .7s;}

.n_licheng .fl01 ul li.miso-current .box{ transform: translateY(0); opacity: 1; visibility: visible;}



/* .n_licheng .fl01 ul li.miso-current .box{ transform: translateY(0); }
.n_licheng .fl01 ul li.miso-current+li .box{ transform: translateY(0); }
.n_licheng .fl01 ul li.miso-current+li+li .box{ transform: translateY(0); }
.n_licheng .fl01 ul li.miso-current+li+li+li .box{ transform: translateY(0); }

.n_licheng .fl01 ul li.miso-current .box:before{ top: calc(.5rem + 8.75rem);}
.n_licheng .fl01 ul li.miso-current+li .box:before{ top: calc(.5rem + 6.25rem);}
.n_licheng .fl01 ul li.miso-current+li+li .box:before{ top: calc(.5rem + 3.125rem);}

.n_licheng .fl01 ul li.miso-current .box:after{ top: 8.75rem;}
.n_licheng .fl01 ul li.miso-current+li .box:after{ top: 6.25rem;}
.n_licheng .fl01 ul li.miso-current+li+li .box:after{ top: 3.125rem;} */

.n_licheng .fl02{ background: url(../images/n_licheng_fl02_bg.jpg) center bottom no-repeat; background-size: cover; padding: 10.5rem 0 0; overflow: hidden; text-align: right;}
.n_licheng .fl02 h5 small{ font-size: 1.375rem; color: #fff;}
.n_licheng .fl02 h5 big{ font-size: 2.875rem; color: #fff; font-family: Futura Md BT; font-weight: bold;}
.n_licheng .fl02 p{ font-size: .9375rem; color: #fff; line-height: 1.5; margin: 1rem 0 2.25rem;}
.n_licheng .fl02 h3 img{ max-width: 100%;}


.n_onestop{ margin-bottom:170px; }
.n_onestop .con{width:690px;height:690px;border-radius:50%;border:2px solid #dddedf;margin:0 auto;text-align:center;padding-top: 254px;position:relative;}
.n_onestop .con:before{ content:""; width:368px; height:368px; display:block; position:absolute; left:50%; margin-left:-189px; top:50%; margin-top:-189px; background:url(../images/onestop_yuan1.png) center no-repeat; animation:turn 10s linear infinite;    }
.n_onestop .con:after{content:"";width:368px;height:368px;display:block;position:absolute;left:50%;margin-left: -184px;top:50%;margin-top: -184px;background:url(../images/onestop_yuan2.png) center no-repeat;animation:turn2 15s linear infinite;}
.n_onestop .con .yuan{text-align:center;width:175px;height:175px;margin:0 auto;text-align:center;border-radius:50%;background: #0054ae;color:#fff;line-height: 175px;}
.n_onestop .con .yuan p{font-size: 1.25rem;font-weight: bold;}


@keyframes turn{
	0%{-webkit-transform:rotate(0deg);}
	50%{-webkit-transform:rotate(180deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes turn2{
	0%{-webkit-transform:rotate(0deg);}
	50%{-webkit-transform:rotate(-180deg);}
	100%{-webkit-transform:rotate(-360deg);}
}

.n_onestop ul li{ width:135px; height:135px; position: absolute; z-index:1;}
.n_onestop ul li .img{ width:135px; height:135px; border-radius:50%;}
.n_onestop ul li:before{content:"";position: absolute;width:100%;height:100%;display:block;top:0;left:0;border-radius:50%;background: #f2e3d2;transform:scale(1.2);z-index:-1;transition: .6s;}
.n_onestop ul li .img img{}
.n_onestop ul li .img font{position:absolute;width:100%;height:100%;display:block;border-radius:50%;background-color: #ffffff !important;background-repeat:no-repeat !important;background-position:center !important;top:0;left:0;opacity: 1;transition:.5s;}
.n_onestop ul li:hover .img font{ opacity:1; -webkit-animation: beat 0.5s 1;animation: beat 0.5s 1;}
@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.n_onestop ul li:hover:before{background: #f2e3d2;background: rgba(242,227,210,.5);}
.n_onestop ul li .txt .box_table{ text-align:inherit}
.n_onestop ul li .txt{ text-align:left; position:absolute;}
.n_onestop ul li .txt .j_tab_cel{ text-align:left;}
.n_onestop ul li .txt h5{font-size: 1.25rem;color: #dbaf7e;white-space: nowrap;font-family: Impact;margin-bottom: .25rem;}
.n_onestop ul li .txt p{font-size: 1.25rem;line-height:28px;color: #4d4d4d;white-space: nowrap;}
.n_onestop ul li.left .txt{top:0;left: 180px;height: 100%;}
.n_onestop ul li.right .txt{top:0;width:158px;left: -194px;text-align: right;height: 100%;}
.n_onestop ul li.bottom .txt{bottom: -260px;text-align:center;width:100%;top: 0;}
.n_onestop ul li.bottom .txt .j_tab_cel{ text-align:center;}
.n_onestop ul li.li_6{ top:240px; left:-68px;}
.n_onestop ul li.li_7{ top:0px; left:53px;}
.n_onestop ul li.li_1{ top:0px; right:53px;}
.n_onestop ul li.li_2{ top:240px; right:-68px;}
.n_onestop ul li.li_3{ top:494px; right:15px;}
.n_onestop ul li.li_4{ bottom:-60px; left:277px;}
.n_onestop ul li.li_5{ top:494px; left:15px;}

#n_onestop .fl01{padding: 5rem 0 3rem;}

#n_onestop .fl02{ padding: 5rem 0 5rem; background: #eff0f2;}
#n_onestop .fl02 .left{ width: 50%; padding-left: 3.125rem;}
#n_onestop .fl02 .left .ar_article p{ margin-bottom: 0;}
#n_onestop .fl02 .right{ width: 50%; padding-right: 3.125rem;}

#n_onestop .fl02 .right>ul{margin-bottom: 0;}
#n_onestop .fl02 .right>ul>li{font-size:0;margin-bottom: 0;padding: 1.875rem .75rem;border-bottom: #e3e3e3 1px solid;}
#n_onestop .fl02 .right>ul>li .top{display:block;padding: 0;position: relative;}
#n_onestop .fl02 .right>ul>li .top svg{display:inline-block;vertical-align:middle;width: 1.5rem;height: 1.5rem;fill: #b2b2b3;margin: -3px 0 0;} 
#n_onestop .fl02 .right>ul>li .top span{display:inline-block;width: 2.75rem;vertical-align: top;line-height: 1.875rem;font-size: 1.375rem;transition: 0.6s;float: left;}
#n_onestop .fl02 .right>ul>li .top font{display:inline-block;width: calc(100% - 2.75rem - 3rem);font-size: 1.125rem;color: #3a3a3a;line-height: 1.875rem;transition:0.36s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;}
#n_onestop .fl02 .right>ul>li .top i{display:inline-block;width: 22px;height: 1.875rem;float:right;background: url(../images/arrow-down.png) center no-repeat;cursor:pointer;transition:0.36s;position: absolute;right: 0;}
#n_onestop .fl02 .right>ul>li .bottom{display:none;padding: 0.875rem 0 0 2.75rem;}
#n_onestop .fl02 .right>ul>li .bottom span{display:inline-block;width: 2.5rem;vertical-align: top;line-height: 1.875rem;font-size: 1.375rem;transition: 0.6s;float: left;}
#n_onestop .fl02 .right>ul>li .bottom svg{display:inline-block;vertical-align:middle;width: 1.5rem;height: 1.5rem;fill: #b2b2b3;margin: -3px 0 0;} 
#n_onestop .fl02 .right>ul>li .bottom ul li{font-size:.9375rem;line-height: 1.875rem;color: #6a6a6a;overflow: hidden;width: calc(100% - 2.5rem);float: left;position:relative;padding-left: 1rem;}
#n_onestop .fl02 .right>ul>li .bottom ul li:before{content:"o";position:absolute;left: 0;top:0;}

#n_onestop .fl02 .right>ul>li.on .top span, .n_huida ul li.on .top font{ color:#fff}
#n_onestop .fl02 .right>ul>li.on .top i{background:url(../images/arrow-up.png) center no-repeat;background-size: 70% 2px !important;}
#n_onestop .fl02 .right>ul>li.on .bottom{ }

#n_onestop .fl03{ background: url(../images/n_onestop_fl03_bg.jpg) center no-repeat; background-size: cover; padding: 6.25rem 0; text-align: center;}
#n_onestop .fl03 h3{font-size: 2.25rem;color: #fff;font-weight: bold;text-transform: uppercase;position: relative;padding-top: 2rem;}
#n_onestop .fl03 h3::before{content: "";position: absolute;left: 50%;margin-left: -1.0625rem;height: 4px;width: 2.125rem;background: #fff;top: 0;}
#n_onestop .fl03 h4{ font-size: 1.375rem; color: #fff; margin: 1rem 0 2rem;}

.n_join .fl01{padding-bottom:38% !important;position:relative;}
.n_join .fl01 .top{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_join .fl01 .top .box_table{ text-align:left}
.n_join .fl01 .top h3{ font-size:2.75rem; color:#fff; font-weight:bold; margin-top:-3rem}
.n_join .fl01 .top h5{ font-size:1.25rem; color:#fff; line-height:1.5; margin:1.75rem 0}
.n_join .fl01 .top form{width: 38rem;height: 3.4375rem;background:#f6f6f6;border-radius:3px;position: relative;overflow: hidden;border-radius: 1.875em;max-width: 100%;}
.n_join .fl01 .top form .keyword_job{width:100%;padding: 0 7.5rem 0 3.125rem;height: 3.4375rem;font-size: .9375rem;background: url(../images/input_bg.png) 1.5rem center no-repeat;}
.n_join .fl01 .top form .keyword_job::-webkit-input-placeholder{ color:#9c9c9c;}
.n_join .fl01 .top form .keyword_job::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#9c9c9c;}
.n_join .fl01 .top form .keyword_job:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#9c9c9c;}
.n_join .fl01 .top form .keyword_job:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#9c9c9c;}
.n_join .fl01 .top form .btn_blue{width: 7.5rem;height: 3.4375rem;background: #0090da;top:0;right:0;position: absolute;font-size: 0.9375rem;color: #fff;}

.n_join .fl02{}
.n_join .fl02 .content{ background:#eff0f2 url(../images/n_join_fl02_bg.png) left bottom no-repeat; padding:5.75rem 7.5rem 6.5rem; position:relative; top:-5rem}
.n_join .fl02 .content .left h3{ font-size:2.375rem; color:#333333; font-weight:bold}
.n_join .fl02 .content .left h4{ font-size:1.375rem; color:#38393b; font-weight:bold; line-height:1.5; margin:2rem 0 .125rem}
.n_join .fl02 .content .left h5{ font-size:1.375rem; color:#38393b; line-height:1.5}

.n_join .fl02 .content .right{ width:calc(100% - 34.375rem)}
.n_join .fl02 .content .right .ar_article p{}

.n_join .fl03{ overflow:hidden; padding:0 0 6.25rem}
.n_join .fl03 ul{margin: 0 -.8125rem;}
.n_join .fl03 ul li{ padding:0 .8125rem; float:left; width:33.333333%;}
.n_join .fl03 ul li a{ display:block; transition:.6s}
.n_join .fl03 ul li .img{ overflow:hidden;}
.n_join .fl03 ul li .img .img_hezi{ padding-bottom:66.6666667% !important}
.n_join .fl03 ul li .con{ background:#dde6ed; padding:3rem;}
.n_join .fl03 ul li .con h5{ font-size:1.375rem; color:#2c2c2d; }
.n_join .fl03 ul li .con p{ font-size:.9375rem; color:#6a6f72; line-height:1.625rem; height:4.875rem; margin:1.25rem 0}

.n_join .fl04{background:url(../images/n_join_fl04_bg.jpg) center no-repeat;padding:5rem 0;background-size:cover;background-attachment:fixed;overflow: hidden;}
.n_join .fl04 .h21{ color:#fff; margin-bottom:4.125rem}
.n_join .fl04 ul{ margin:0 -.75rem}
.n_join .fl04 ul .miso-list{ padding:1.5rem 0; margin:-1.5rem 0}
.n_join .fl04 ul li{ float:left; width:50%; padding:0 0.75rem; text-align:center}
.n_join .fl04 ul li a{ display:block; background:url(../images/wenli.png) center no-repeat; background-size:cover; padding:6.25rem 0; transition:.6s; position:relative; cursor:pointer}
.n_join .fl04 ul li a:before{ content:""; position:absolute; bottom:0; left:0; right:0; height:0; transition:.6s;}
.n_join .fl04 ul li a .ico{ display:inline-block; width:6.875rem; height:6.875rem; background:#fff; border-radius:50%; line-height:6.875rem; position:relative; transition:.6s}
.n_join .fl04 ul li a .ico img{ display:inline-block; float:none}
.n_join .fl04 ul li a h5{ font-size:1.125rem; color:#38393b; line-height:1.5; margin-top:1rem; transition:.6s; position:relative}

.n_join .fl04 .anniu_box{ text-align:center; margin-top:3.125rem}
.n_join .fl04 .anniu_con{width:3.4375rem;height:3.4375rem;background-size: 100% 100% !important; position:relative; cursor: pointer; display:inline-block; margin:0 .625rem; transition:.6s}
.n_join .fl04 .anniu_left{background: url(../images/left03.png) center no-repeat;}
.n_join .fl04 .anniu_right{background: url(../images/right03.png) center no-repeat;}
.n_join .fl04 .anniu_left:hover{background: url(../images/left03_on.png) center no-repeat;}
.n_join .fl04 .anniu_right:hover{background: url(../images/right03_on.png) center no-repeat;}

.n_join .fl05{padding:5rem 0 3rem;overflow: hidden;}
.n_join .fl05 ul{ margin:0 -1.25rem; font-size:0}
.n_join .fl05 ul li{ display:inline-block; width:33.333333%; padding:0 1.25rem; margin-bottom:2.5rem}

.n_join .fl05 ul li a{ display:block; background:#dde6ed; position:relative}
.n_join .fl05 ul li a:before{content:"";position:absolute;background:url(../images/jiantou01.png) center no-repeat;width: 1.875rem;height:2.125rem;background-size: 100% 100% !important;right: -1.875rem;top: 50%;transform: translateY(-50%);}
.n_join .fl05 ul li a .img, .n_join .fl05 ul li a .img img{ width:13.75rem; height:20rem; overflow:hidden; float:left}
.n_join .fl05 ul li a .con{ width:calc(100% - 13.75rem); padding:3.875rem 0 0 2.75rem}
.n_join .fl05 ul li a .con h3{ font-size:1.75rem; color:#38393b; font-family:ROBOTO_b; margin-bottom:.375rem}
.n_join .fl05 ul li a .con h5{ font-size:1.375rem; color:#38393b; line-height:1.5; margin-bottom:5rem}

.n_join .fl05 ul li:nth-child(3) a:before{bottom: -2rem;left:auto;right:calc((100% - 13.75rem)/2);transform: translateX(1rem);top: auto;background: url(../images/jiantou02.png) center no-repeat;}

.n_join .fl05 ul li:nth-child(4) a:before, .n_join .fl05 ul li:nth-child(5) a:before{position:absolute;background:url(../images/jiantou03.png) center no-repeat;width: 1.875rem;height:2.125rem;background-size:100% 100%;left: -1.875rem;top: 50%;transform: translateY(-50%);}
.n_join .fl05 ul li:last-child a:before{ display:none}

.n_join .fl06{background:url(../images/n_join_fl06_bg.jpg) center no-repeat;padding: 0 0;background-size:cover;height:41.875rem;overflow: hidden;}
.n_join .fl06 .box_table{ text-align:left}
.n_join .fl06 .box_table h3{ font-size:2.75rem; color:#fff; font-weight:bold; margin-bottom:2rem}
.n_join .fl06 .box_table h5{ font-size:1.375rem; color:#fff; font-weight:bold; line-height:2rem}
.n_join .fl06 .box_table h6{ font-size:1.375rem; color:#fff; line-height:2rem; margin-top:0.125rem}
.n_join .fl06 .box_table a{display:inline-block;width:10.25rem;height:3.125rem;line-height:3.125rem;font-size:0.9375rem;color:#ffff;background:#0090da;text-align:center;margin-top:2.25rem;position:relative;border-radius: 1.625rem;overflow: hidden;}
.n_join .fl06 .box_table a:before{ content:""; position:absolute; width:0; right:0; top:0; bottom:0; transition:.6s; }
.n_join .fl06 .box_table a font{ position:relative}
.n_join .fl06 .box_table a span{ font-family:simsun; margin-left:.5rem; position:relative}

.n_news00{background-size:cover;padding:3.125rem 0 4.375rem; background:#eff0f2}
.n_news00 .left{width:calc(100% - 26.25rem - 3.125rem);padding: 2.75rem 3.125rem 3.125rem;background: #fff;}
.n_news00 .left ul{ font-size:0; margin:0 -1.25rem}
.n_news00 .left ul li{ display:inline-block; width:50%; padding:0 1.25rem; margin-bottom:3.4375rem}
.n_news00 .left ul li .img, .n_news00 .left ul li .img img{position:relative;width:100%;height:296px;overflow:hidden;object-fit: cover;}
.n_news00 .left ul li .img .time{ display:inline-block; width:130px; height:36px; line-height:36px; background:rgba(255,255,255,0.9); position:absolute; left:1.25rem; top:2rem; text-align:center; }
.n_news00 .left ul li .img .time svg{ display:inline-block; width:15px; height:15px; fill:#a5afc1; vertical-align:middle; margin:-3px 5px 0 0}
.n_news00 .left ul li .img .time{ font-size:14px; color:#2f343d; font-family:PingFang;}
.n_news00 .left ul li .con{ height:17rem; background:rgba(255,255,255,0.8); padding:0 3.125rem}
.n_news00 .left ul li .con h5{font-size:18px;color:#000000;height: 60px;line-height: 30px;overflow:hidden;text-overflow:ellipsis;font-family:PingFang;transition:0.6s;}
.n_news00 .left ul li .con p{font-size:14px;line-height:24px;color:#676565;overflow:hidden;height:48px;font-family:PingFang;margin: 1.25rem 0 2.5rem;}
.n_news00 .left ul li .con h6{ font-size:14px; color:#000000; font-family:PingFang; font-weight:bold; text-decoration:underline; letter-spacing:1px; transition:0.6s}
.n_news00 .left ul li .con .box_table{ text-align:left}

.n_news00 .right{ width:26.25rem; background:#fff; padding:3.125rem 2.75rem 3.125rem}
.n_news00 .right h3{ font-size:1.5rem; color:#242930; margin-bottom:1.875rem; font-family: PingFang;}
.n_news00 .right .fl01{margin-bottom: 3rem;}
.n_news00 .right .fl01 form{border: #eeeeee 1px solid;height:68px;line-height:66px;background: none;}
.n_news00 .right .fl01 form .txt{width: calc(100% - 60px);height: 66px;border: none;float:left;padding: 0 20px;font-size:16px;color:#7d7d7d;border-radius:4px 0 0 4px;font-family: PingFang;background: none;}
.n_news00 .right .fl01 form .btn{width: 60px;float: right;border:0;background: none;color:#fff;height:66px;font-size:18px;border-radius:0 4px 4px 0;cursor:pointer;transition:.3s;}
.n_erji ul li{ border-bottom:#eeeeee 1px solid; height:60px; line-height:60px;}
.n_erji ul li a{font-size:18px;color:#777a7d;font-family: PingFang;display:block;position:relative;padding-left: 16px; transition:0.6s}
.n_erji ul li a:before{ content:""; width:4px; height:4px; background:#d7d8d9; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px; transition:0.6s}
.n_news00 .right .n_erji h3{ margin-bottom:1rem}
.n_erji ul li.on a{ color:#242930;}
.n_erji ul li.on a:before{ background:#242930}

.n_news00 .right .fl03{ margin-top:4rem}
.n_news00 .right .fl03 ul li{border-bottom:#eeeeee 1px solid;padding-bottom: 1.625rem;margin-bottom: 1.625rem;}
.n_news00 .right .fl03 ul li:last-child{border:none;margin-bottom: 0;}
.n_news00 .right .fl03 ul li a{ display:block; overflow:hidden}
.n_news00 .right .fl03 ul li a .img, .n_news00 .right .fl03 ul li a .img img{ width:8.375rem; height:5.5rem; overflow:hidden; float:left; object-fit: cover;}
.n_news00 .right .fl03 ul li a .con{width:calc(100% - 8.375rem);height:5.5rem;overflow:hidden;float:right;padding-left:1rem;padding-top: 0.5rem;}
.n_news00 .right .fl03 ul li a .con .time svg{display:inline-block;width:15px;height:15px;fill: #adadad;vertical-align:middle;margin:-3px 5px 0 0;}
.n_news00 .right .fl03 ul li a .con .time{font-size:14px;color:#2f343d;font-family:PingFang;margin-bottom: 0.75rem;}
.n_news00 .right .fl03 ul li a .con h4{ font-size:16px; color:#000000; height:50px; line-height:25px; overflow:hidden; font-family:PingFang; transition:0.6s}

.n_detail .title h3{font-size: 1.875rem;line-height:2.5rem;color: #38393b;font-weight: bold;}
.n_detail .title .time{margin: 1.75rem 0 2.5rem;}
.n_detail .title .time svg{ display:inline-block; width:1.125rem; height:1.125rem; fill:#b3b3b3; vertical-align:middle; margin:-3px 0.5rem 0 0}
.n_detail .title .time{ font-size:14px; color:#4d5053; font-family:PingFang;}
.n_detail .title .time span{ margin-right:2rem}

@font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display: inline-block;background: #fff;position: relative;}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin: 0 0.5rem;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size: 24px;border-radius:50%;line-height:32px;border: none;color: #666666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s;transition: .6s;}.social-share .social-share-icon:hover{background: none !important;color: #dbaf7e;}.social-share .icon-weibo{border-color:#ff763b;}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{border-color:#56b6e7;}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{border-color:#FDBE3D;}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{border-color:#0077B5;}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;border-color:#7bc549;}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}

.share_box1{position:relative;text-align: center;}
.share_box1:before{content:"";position:absolute;top: 19px;height:1px;background:#e8e8e8;left:0;right:0;}

.n_yingpin .fl01{ background:url(../images/n_yingpin_fl01_bg.jpg) center no-repeat; background-size:cover; padding:1.375rem 0}
.n_yingpin .fl01 ul{ font-size:0}
.n_yingpin .fl01 ul li{ display:inline-block; width:33.333333%; text-align:center; }
.n_yingpin .fl01 ul li h3{line-height: 6.0rem;}
.n_yingpin .fl01 ul li h5{ font-size:1.125rem; color:#fff; font-weight:bold}
.n_yingpin .fl01 ul li.li3 .a{ display:inline-block; background:url(../images/ewm_bg.png) center no-repeat; width:8.5rem; height:8.5rem; line-height:8.5rem; background-size:100% 100%; display:inline-block; margin:0 5px}
.n_yingpin .fl01 ul li.li3 .a img{ max-width:7.5rem;}

#n_zhaopin .content .top1{height: 5.75rem;line-height: 5.75rem;background: #0054ae;padding:0 30px;color:#fff;display: -moz-box;/* display: -webkit-box; */display: -ms-flexbox;/* display: -webkit-flex; *//* display: flex; *//* justify-content: space-between; */}
#n_zhaopin .content .top1 .top01, #n_zhaopin .content .top1 .top02, #n_zhaopin .content .top1 .top03, #n_zhaopin .content .top1 .top04{display: inline-block;font-size: 1.125rem;color: #fff;font-weight: bold;width: 22%;}
#n_zhaopin .content .top1 .top05{display: inline-block;font-size: 1.125rem;color: #fff;font-weight: bold;}

#n_zhaopin .content dl{ margin-bottom:3rem}
#n_zhaopin .content dl dd{line-height:70px;color:#676767;font-size:15px;margin-bottom: .875rem;}
#n_zhaopin .content dl dd h5{padding: 1.5rem 1.875rem;background: #f4f5f7;border: #dee0e2 1px solid;display: -moz-box;/* display: -webkit-box; */display: -ms-flexbox;/* display: -webkit-flex; *//* display: flex; *//* justify-content: space-between; */}
#n_zhaopin .content dl .top01, #n_zhaopin .content dl .top02, #n_zhaopin .content dl .top03, #n_zhaopin .content dl .top04{display:inline-block;font-size: 16px;color: #333;width: 22%;line-height: 2;padding: 2px 0;}
#n_zhaopin .content dl .top05{float:right;background:url(../images/top1_bg.png) center no-repeat;width:38px;height: 37px;margin-right: 12px;cursor:pointer;}
#n_zhaopin .content dl .more a{display:inline-block;width:165px;height:45px;line-height:43px;border: #0054ae 1px solid;border-radius:22.5px;font-size:15px;color: #0054ae;text-align:center;transition:.6s;}
#n_zhaopin .content dl .ar_article p{}
#n_zhaopin .content dl .ar_article{padding: 1.875rem 1.875rem 2rem;background: #f4f5f7;border: #dee0e2 1px solid;border-top: none;}
#n_zhaopin .content dl h5.on .top05{ background:url(../images/top1_on.png) center no-repeat}

#n_zhaopin .content dl .more a:hover{background: #0054ae;color:#fff;}

.n_yingpin .fl02{ padding:3.125rem 0 5rem}

/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/