/************
 * 页面样式
 ************/
/*=============
 * 基础默认样式
 =============*/

html{
	color: #333;
	min-width: 320px;
	font-size: 100%;	
}
:selection{
	background: #b3d4fc;
	text-shadow: none;	
}

ul,h1,h2,h3,h4,p,div,dl,dt,dd,figure,figcaption{
	margin: 0;
	padding: 0;
}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{ /*max-width: 100%; height: auto;*/ transition: all .5s;}
/*=============
 * 工具样式
 =============*/
.center-block{
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.pull-right{
	float: right !important;
}
.pull-left{
	float: left !important; width:20%;
	
}
.pull-left img{padding-top:0.5em}


.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.text-center{
	text-align: center !important;
}

.hide{
	display: none !important;
}
.show{
	display: block !important;
}
.invisible{
	visibility: hidden;
}
.text-hide{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.clearfix:after,.clearfix:before{
	content: '';
	display: table;
	  }
.clearfix:after{
	clear: both;
	}

*{box-sizing: border-box;}

/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{
	margin: 0;
	padding: 1rem;
	background: #ccc;
}

/*=============
 * 自定义页面样式
 =============*/
body{
	
	line-height: 2; font-size:14px;
	background: #fff; color:#434343;
	font-family: Microsoft YaHei;
}

a{
	color: #434343;
	text-decoration: none;
	transition: all .4s; 
}
a:active,a:hover{
	/*color: #f6830f;*/
	text-decoration: none;
}



.container{ max-width: 1280px; margin: 0 auto;}

@media (max-width: 768px) {
    .container {
        width:96%
    }
}

@media (max-width: 1279px) {
    .container {
        width:96%
    }
}

@media (min-width: 1280px) {
    .container {
        width:1280px
    }
}

.navbar{
	background:rgba(0,0,0,0.8);
	height:6em;
	/*box-shadow: 0 2px 10px rgba(0,0,0,.8);*/
	overflow: hidden;
	position: fixed;
	z-index: 30;
	left: 0;
	top: 0;
	width: 100%;
}


/*.logo a img{
	max-height: 5rem;
	 width: auto;
	 margin-top: .5rem;
}*/
.nav{text-align: right; font-size: 0;}
.nav li{ display: inline-block; font-size: 1rem;}
.nav li a{ display: block; line-height: 5rem; height: 5rem; padding: 0 1rem; color:#fff}
.nav li a:hover{color:#fff}
.ad{  width:100%;
}
/*.ad .item{ /*font-size: 0;background: #535353;*/ /*width:100%}
.owl-theme .owl-controls{ margin-top: -45px !important;}*/
.mobile-nav{ height: 100%; background: #242424; position: fixed; right: -200px; top: 3.75rem; width: 200px; overflow: hidden; display: none ;}
.mobile-nav ul{ padding: 15px 0;}
.mobile-nav a{ display: block; border-bottom:1px #666 solid; height: 40px; line-height: 40px; padding-left: 5px; color: #fff; padding: 0 25px; font-size: 15px;}
.mobile-nav a:active{ background: #fff; color: #242424;}



@media (max-width: 1199px) {
	.pull-left{width:30%; padding-top:0.3em}
	.pull-left img{width:100%; height:auto; overflow:hidden}
	.nav li{font-size: 0.9rem;}
.nav li a{padding: 0 0.7rem;}
}


@media (max-width: 1023px) {
    .pull-left{width:28%;}
	.pull-left img{width:100%; height:auto; overflow:hidden; padding-top:0.1em}
	
}

@media (max-width: 768px) {
    .pull-left{width:30%}
	.pull-left img{width:100%; height:auto; overflow:hidden}
}

@media (max-width: 640px) {
    .pull-left{width:40%; }
	.pull-left img{padding-top:0.3em}
}
@media (max-width: 540px) {
    .pull-left{width:45%}
}
@media (max-width: 480px) {
    .pull-left{width:50%}
	.pull-left img{padding-top:0.2em}
}



.b1{background:url(../images/1.jpg) no-repeat center; height:800px}
.b2{background:url(../images/2.jpg) no-repeat center; height:800px}
.b3{background:url(../images/3.jpg) no-repeat center; height:800px}
.ban_n_about{background:url(../images/ban_about.jpg) no-repeat center; height:450px}
.ban_n_pro{background:url(../images/ban_pro.jpg) no-repeat center; height:450px}
.ban_n_lx{background:url(../images/ban_lx.jpg) no-repeat center; height:450px}
.ban_n_news{background:url(../images/ban_news.jpg) no-repeat center; height:450px;}
.ban_n_case{background:url(../images/ban_case.jpg) no-repeat center; height:450px;}
.ban_n_ly{background:url(../images/ban_ly.jpg) no-repeat center; height:450px;}
.ban_n_honor{background:url(../images/ban_honor.jpg) no-repeat center; height:450px;}


.ad .item img{display:none}
@media (max-width: 1200px) {
.b1{background: none; height: auto}
.b2{background: none; height: auto}
.b3{background: none; height: auto}
.ban_n_about{background: none; height: auto}
.ban_n_pro{background: none; height: auto}
.ban_n_lx{background: none; height: auto}
.ban_n_news{background: none; height: auto}
.ban_n_case{background: none; height: auto}
.ban_n_ly{background: none; height: auto}
.ban_n_honor{background: none; height: auto}

.ad .item img{display:block; width:100%; height:auto}
}






/*product*/
.xyin-product .pro-sort .pro-sort-menu:after, .xyin-case-item .case-main-bot ul:after, .hot-keys:after, .xypg-detail-info-bar:after, .xypg-detail-info-bar .xypg-file-down .file-down-list li:after, .xypg-detail-pn div:after, .xypg-detail-file-dwon:after, .xypg-download-list .download-title:after, .xypg-download-list .download-item:after, .xypg-download-list .download-item .download-item-span:after, .xypg-job-list .job-title:after, .xypg-job-list .job-item:after, .xypg-job-list .job-item .job-item-span:after, .product-detail-tab .product-detail-tabli:after, .tag-list-product .tag-wz .tab-fenli:after, .xylogin-form .input-g:after, .personal-cont li:after { content: ""; display: table; clear: both;}
.xyin-product .pro-sort .pro-sort-menu > li > a, .xyin-product .pro-list-box .pro-list-item li h3, .xyin-case-item .case-main-bot ul li h5, .xyin-honor .honor-slick .honor-slick1 .slick-con h3, .xyin-caseb .caseb-slick .slick-con h3, .news-slick .slick-con h3, .xyin-news-mid li a, .xyin-problem li h4, .xy-tonglan .ft-nav dd a, .latest-news li a, .hot-keys li a, .xypg-left-nav > li > a, .xypg-left-nav .xypg-left-subnav > li > a, .xypg-left-nav .xypg-left-threenav > li > a, .xypg-product-list li h3 a, .xypg-news-list li .tit h3, .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p, .xypg-detail-pn div a, .relate-news-list li a, .xypg-jod-detail .job-detail-title, .xypg-album-cate li .album-title, .xypg-album-list li h3, .xypg-download-list .download-item .download-item-span.download-item-first, .xypg-download-list .download-item .download-item-span .download-item-con, .xypg-job-list .job-item .job-item-span .job-item-con, .tag-list-product .tag-wz h1, .tag-list-product .tag-wz .tab-fenli p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}


/*xyin-honor*/
.xyin-honor{background-size: cover; margin-top:5rem}
.in_title{width:100%; height:auto; overflow:hidden; text-align:center; padding-bottom:1.4rem}
.in_title a{font:normal 42px/40px "微软雅黑"; color:#000; text-align:center; padding-bottom:15px}
.in_title span{color:#ff5400; display:block; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-top:0.2em}


.in_prolist{width:100%; height:auto; overflow:hidden; text-align:center;}
.in_prolist ul{text-align:center; margin:0 auto; display:inline-block}
.in_prolist ul li{width:10em; float:left; margin:2px; border-radius:5px;}
.in_prolist ul li a{ font-size:15px; display:block; padding:0.5em; border:1px solid #cacaca; border-radius:5px;}
.in_prolist ul li a:hover{color:#fff; background-color:#e55109; border:1px solid #e55109; display:block}

.xyin-honor .honor-tit { background: url(../images/honor_bg.png) top 20px right 55px no-repeat; margin-bottom: 25px;}
.xyin-honor .honor-tit li{ display: inline-block; width: 147px; line-height: 44px; text-align: center; background: #288fc7; font-size: 20px;}
.xyin-honor .honor-tit li a { color: #ffffff;}
.xyin-honor .honor-tit li:hover { background: #0b6a9f;}
.xyin-honor .honor-tit li + li { margin-left: 10px;}
.xyin-honor .honor-tit .more { float: right; font-size: 14px; color: #000000; margin-top: -30px;}
.xyin-honor .honor-slick { position: relative; margin-top:40px}
.xyin-honor .honor-slick .slick-list { margin: 0 -10px;}
.xyin-honor .honor-slick .slick-con { display: block; padding: 0 10px;}
.xyin-honor .honor-slick .slick-con img { display: block; width: 100%;
}
.xyin-honor .honor-slick .slick-con p{font-size:18px; margin-top:2px; line-height:30px; color:#434343; background-color:#f2f2f2; text-align:center; padding:1.2rem 0}
.xyin-honor .honor-slick .slick-con:hover img{}
.xyin-honor .honor-slick .slick-con:hover p{background-color:#e55109; color:#fff}
.xyin-honor .honor-slick .slick-con h3 { text-align: center; font-size: 14px; color: #666666; line-height: 30px;}
.xyin-honor .honor-slick .slick-arrow { position: absolute; top: 30%; width: 30px; height: 60px; outline: none; border: none; font-size: 0;}
.xyin-honor .honor-slick .slick-arrow.slick-prev { background: url(../images/honor-right.png) center no-repeat; left: -50px;}
.xyin-honor .honor-slick .slick-arrow.slick-next { background: url(../images/honor-left.png) center no-repeat; right: -50px;}
.xyin-honor .honor-slick .slick-arrow.slick-prev:hover { background: url(../images/honor-right1.png) center no-repeat; left: -50px;}
.xyin-honor .honor-slick .slick-arrow.slick-next:hover { background: url(../images/honor-left1.png) center no-repeat; right: -50px;}


@media (max-width: 991px) {

.in_title a{font:normal 38px/40px "微软雅黑";}
.in_title font{margin-top:10px; margin-left:0; display:block} }

@media (max-width: 768px) { 
.xyin-honor { margin-top:3em}
.xyin-honor .honor-tit {background: none; margin-bottom: 25px; }
.xyin-honor .honor-tit li {width: 100px; line-height: 35px; font-size: 16px; }
.xyin-honor .honor-slick .slick-con { padding: 0 5px;}
}
@media (max-width: 480px) { 
.in_prolist ul li{width:48%;}
.in_title a{font:normal 36px/40px "微软雅黑";}
}
/*end product*/




/*益友窗业 为您打造专业门窗产品*/  

.sy-yyys{width:100%; height:auto; overflow:hidden; background:url(../images/index_ys_bg.jpg) no-repeat center #3b3b3b; margin-top:5em; padding:4em 0}

.in_title1{width:100%; height:auto; overflow:hidden; text-align:center; color:#fff;font:normal 42px/40px "微软雅黑"; }
.in_title1 span{color:#ff5400; margin-right:0.5em }
.in_title1 p{font-size:15px; color:#d6d6d6; margin-top:0.7em; line-height:26px }
.in_title1 a{color:#fff}
.in_ys_b{width:100%; width:100%; height:auto; overflow:hidden; margin-top:4em; background:url(../images/index_ys_01.png) no-repeat center}

.in_ys_list{width:32%; float:left; color:#fff; margin-right:18%; height:8em; margin-top:1.5em; margin-bottom:1.5em}
.in_ys_list1{width:32%; float:right; color:#fff; margin-left:18%; height:8em; margin-top:1.5em; margin-bottom:1.5em}
.in_ys_list span{font-size:16px; font-weight:bold}
.in_ys_list1 span{font-size:16px; font-weight:bold}
.in_ys_list p{color:#ccc; margin-top:1em}
.in_ys_list1 p{color:#ccc; margin-top:1em}

@media (max-width: 1200px) { 
.in_ys_list{width:30%; margin-right:20%; height:9em; margin-top:2em; margin-bottom:1.5em; padding:1.5em}
.in_ys_list1{width:30%; margin-left:20%; height:9em; margin-top:2em; margin-bottom:1.5em; padding:1.5em}
}
@media (max-width: 991px) {
	.in_ys_b{ background:none} 
.in_ys_list{width:48%; margin-right:2%; height:12em; margin-top:2em; margin-bottom:0; border:1px solid #ccc;}
.in_ys_list1{width:48%; margin-left:2%; height:12em; margin-top:2em; margin-bottom:0; border:1px solid #ccc;}
}


@media (max-width: 768px) {
	.sy-yyys{margin-top:4em}
	.in_ys_b{margin-top:2em}
	.in_title1{font-size:38px}
	.in_ys_list{height:14em;}
	.in_ys_list1{height:14em;}
}
@media (max-width: 540px) {
	.in_ys_list{height:16em;}
	.in_ys_list1{height:16em;}
}
@media (max-width: 480px) {
	.in_title1{font-size:34px; line-height:42px}
	.in_title1 span{display:block; margin:0}
	
	.in_ys_list{width:100%; height:auto; overflow:hidden;margin-right:0; margin-top:1em;}
	.in_ys_list1{width:100%; height:auto; overflow:hidden; margin-left:0; margin-top:1em;}
}


body, html {margin: 0;  padding: 0;}
.fullscreenvideo {width:100%; height:auto; overflow:hidden; top: 0%; left: 0%;}
.videocontainer {width: 100%;/*高度70% */ max-height:750px; overflow: hidden;}







/*about*/
.sy-about{width:100%; height:auto; overflow:hidden;  padding:5em 0; background-color:#f2f2f2 }
.in_about{height:auto; overflow:hidden}
.in_about_t{width:100%; height:auto; overflow:hidden}
.in_about_t_l{width:35%; float:left; background-color:#fff; padding:1em}
.in_about_t_l a img{width:100%; height:auto; overflow:hidden; display:block}
.in_about_t_r{width:63%; float:right; background-color:#fff; padding:2.4em 3em}
.in_about_t_r h3 a{font-size:32px; font-weight:normal; color:#000}
.in_about_t_r p{margin-top:2.1em}

.in_about_b{ width:102%; height:auto; overflow:hidden}
.in_about_b dl{width:31.33%; float:left; margin-right:2%; margin-top:2%; padding:2em; background-color:#fff}
.in_about_b dl dt{width:25%; float:right}
.in_about_b dl dt img{width:100%; height:auto; overflow:hidden}
.in_about_b dl dd{font-size:14px; color:#b4b4b4; font-family:Arial, Helvetica, sans-serif;}
.in_about_b dl dd a{font-size:20px; color:#222; display:block; line-height:26px}
.in_about_b dl dd a span{width:110px; line-height:26px; border:1px solid #ccc; border-radius:20px; margin-top:2em; font-size:13px; color:#626262; display:block; text-align:center; padding:0.1em 0}
.in_about_b dl dd a:hover span{width:110px; border:1px solid #ff5400; background-color:#ff5400; color:#fff; display:block}


@media (max-width: 1280px) {
	.in_about_t_r p{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
}
@media (max-width: 1024px) {
	.in_about_t_r p{-webkit-line-clamp: 4; }
	.in_about_b dl dt{width:30%; }
}
@media (max-width: 768px) {
	.in_about_t_r{padding:1em 2em 2em 2em}
	.in_about_t_r p{margin-top:1.5em; -webkit-line-clamp: 3;}
	.in_about_b dl{padding:1.5em}
	.in_about_b dl dd a span{margin-top:1em}
}

@media (max-width: 600px) {
	.in_about_t_l{width:100%; float: none;}
	.in_about_t_r{width:100%; float: none; margin-top:1em}
	.in_about_t_r p{-webkit-line-clamp: 6;}
	.in_about_b dl{width:100%; float:none; margin-right:0; height:auto; overflow:hidden; padding:2em}
	.in_about_b dl dt{width:15%; }
}

@media (max-width: 420px) {
	.in_about_b dl dt{width:25%; }
	
}



/*cases*/
.sy-cases{width:100%; height:auto; overflow:hidden; background:url(../images/index_case_bg.jpg) no-repeat top #0f0908 fixed; padding:5em 0}

.in_cases{ width:102%; height:auto; overflow:hidden; margin-top:3em}
.in_cases_list{width:23%; float:left; margin-right:2%}
.in_cases_list a img{width:100%; height:auto; overflow:hidden}
.in_cases_list p{margin:1em 0; text-align:center;}
.in_cases_list p a{text-align:center; color:#fff; font-size:16px}


@media (max-width: 768px){
	.in_cases_list{width:48%;}
}







.sy-news{margin-top:3em; margin-bottom:3em; height:auto; overflow:hidden}
.in_news{width:102%; height:auto; overflow:hidden; margin-top:2em;}
.in_news_list{width:31.33%; float:left; margin:1% 2% 1% 0; background-color:#f2f2f2}
.in_news_list a img{width:100%; height:auto; overflow:hidden}
.in_news_list h3{padding:.5rem 1.5rem 0.1rem 1.5rem;}
.in_news_list h3 a{font-size:16px; font-weight:bold; color:#000}
.in_news_list span{padding:0.6em 0 2em 0; margin:1.5em 1.5em 0 1.5em; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#ff5400; border-top:2px solid #dfdfdf; display:block}

.in_news_list p{padding:0 1.5rem; margin:1em 0; font-size:13px; color:#626262;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}



@media (max-width: 600px) {
	.in_news_list{width:100%; margin:2em 0 0 0;}
}








.footer_t_bg{background-color:#222; height:auto; overflow:hidden; /*margin-top:3rem;*/ padding:4rem 0 0 0}

/*.footer_t_l{width:32%; float:left}
.footer_t_l h2 a img{display:block; width:75%; height:auto; overflow:hidden}
.footer_t_l p{font-size:13px; margin-top:1rem}*/

.footer_t{ width:100%; height:auto; overflow:hidden}

.footer_t_l{width:30%; float:left}
.footer_t_l h2 a img{display:block;}
.footer_t_l h3{margin-top:1em; height:3.5em;}
.footer_t_l h3 a{color:#fff; height:3.5em; line-height:3.5em; display:block}
.footer_t_l h3 a font{ width:30%;background-color:#000; font-size:18px; font-weight:normal; text-align:center; float:left; display:inline-block}
.footer_t_l h3 a span{width:70%; text-align:center; float:right; background-color:#d06209; display:inline-block; font-size:36px; font-family: Arial, Helvetica, sans-serif}
.footer_t_l p{margin-top:1em; color:#fff; font-size:16px}


.footer_t_m{width:40%; float:left; margin-left:10%; height:auto; overflow:hidden}
.footer_t_m dl{width:33.33%; float:left}
.footer_t_m dl dt{margin-bottom:2rem}
.footer_t_m dl dt a{font-size:16px; font-weight:bold; color:#fff}
.footer_t_m dl dd{font-size:13px; color:#bbb; line-height:30px}
.footer_t_m dl dd span a{font-size:20px; color:#fff; display:block; margin-bottom:15px}
.footer_t_m dl dd a{font-size:13px; color:#bbb; line-height:30px}
.footer_t_r{width:20%; float:right}
/*.footer_t_r img{width:100%; height:auto; overflow:hidden}*/


.footer_t_r{text-align:center}
.footer_t_r p{font-size:13px; text-align:center; color:#bbb}


.footer{padding: 1.5em 0 1em 0; height:auto; overflow:hidden; border-top:1px solid #666; margin-top:4em}
.footer p{color: #fff; font-size:13px; /*text-align:center*/}
.footer p a{color:#bbb}
.footer p span{float:right}


@media (max-width: 1024px){
	.footer_t_l{width:35%;}
	.footer_t_l a img{width:100%; height:auto; overflow:hidden}
	.footer_t_m{width:40%; margin-left:5%}
}

@media (max-width: 768px){
	.footer_t_l{width:50%; margin:0 auto; float:none; height:auto; overflow:hidden; }
	/*.footer_t_r{width:70%; margin:0 auto; float:none; text-align:center; margin-top:20px}*/
	.footer_t_l h2{width:100%; margin:0 auto; text-align:center}
	.footer_t_l h3{width:100%}
	.footer_t_l p{text-align:center}
	.footer_t_m{width:100%; height:auto; overflow:hidden; float:none; margin:3em 0; border-top:1px dashed #666; border-bottom:1px dashed #666; padding:3em 0; margin-left:0}
	.footer_t_m dl{width:29.33%; margin:0 2%; float:left}
	.footer_t_r{width:50%; margin:0 auto; float:none}
	.footer{padding-bottom:4em}
}
@media (max-width: 640px){
	.footer_t_l{width:70%;}
	.footer_t_r{width:70%}
}

@media (max-width: 480px){
	.footer_t_l{width:80%;}
	.footer_t_r{width:80%}
	.footer_t_m{padding-left:5%}
	.footer_t_m dl{width:31.33%; margin:0 1%; float:left}
	
}
@media (max-width: 410px){
	.footer_t_l{width:96%;}
	.footer_t_r{width:96%}
	.footer_t_l h3 a span{ font-size:32px}
	
}

@media (max-width: 374px){
	.footer_t_l dl dd{width:49%;}
	.footer_t_l dl dd span a{font-size:16px;}
}
@media (max-width: 320px){
	.footer_t_r img{width:60%;}
}








.b-nav{ padding: .5rem 0 1rem 0; text-align: center; margin-bottom:1.5rem; border-bottom: 1px #5b75a9 solid;}
.b-nav a{ display: inline-block; padding: 0 1rem; color: #fff; opacity:.8}
.b-nav a:hover{ color: #fff; opacity:1}

.page{ padding: 3rem 1rem;}
.page-tit{ text-align: center; font-size: 1.75rem; font-weight: 400;}
.sub-list{ text-align: center; padding-top: 1rem; border-bottom: 1px #dfdfdf solid; padding-bottom: 1.5rem;  font-size: 0;}
.sub-list li{ display: inline-block; font-size: 1rem;}
.sub-list li a{ display: inline-block; padding: .3rem 2rem; border: 1px solid #dfdfdf; margin: 0 0.5rem; border-radius: 5rem;}
.sub-list li a:hover,.sub-list li.active a{ background: #f6830f; color: #fff;border-color: #f6830f;}

.al-list{ padding-top: 2rem; font-size: 0;}
.al-list li{ display: inline-block; width: 25%; position: relative; transition: all .4s;}
.al-abs{text-align: center;  position: absolute; 
background: rgba(0,0,0,0); z-index: 10; left: 0;top: 0; bottom: 0; right: 0;
 border: 10px solid hsla(0,0%,100%,0);background-clip: padding-box;transition: all .4s;}
.al-abs span{transition: all .4s ease .2s; position: absolute; left: 50%;font-size: 2rem; top: 50%; transform: translate(-50%,-50%); width: 100%; color: hsla(213,0%,100%,0);}
.al-list li a{ display: inline-block; overflow: hidden;}
.al-list li:hover img{ transform: scale(1.2,1.2);}
.al-list li:hover .al-abs{background: rgba(0,0,0,.6);border: 10px solid hsla(0,0%,100%,.5) }
.al-list li:hover span{color: hsla(213,0%,100%,1);font-size: 1rem;}

.page-ajax{ text-align: center;}
.page-ajax a{ font-size: 1rem; display: inline-block; padding: 1rem 2rem 1rem; position: relative;}
.page-ajax a:hover{ color: #f6830f;}
.page-ajax a i{ display: inline-block;}
.page-ajax a i:after{
	content: '';
	border: 5px solid transparent;
	border-top-color: #666;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -5px;	
}
.page-ajax a:hover i:after{ border-top-color: #f6830f;}

.al-tit{ padding: 2rem 0 1rem; text-align: left;}
.al-tit h1{ font-size: 1.75rem;font-weight: 400;}
.al-tit h1 span{ display: inline-block; margin-left: 1rem; font-size: 0.875rem; color: #999; }
.al-dbox{ padding-top: 2rem;}

.l-box{
	width: 73%;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    padding: 1.5rem;
}

.r-box{
	    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    padding: 1.5rem;
    width: 25%;
}
.r-box .al-list li{ width: 100%;}


.product-title {
    font-size: 1rem;
    line-height: 1.875;
    font-weight: 400;
    border-bottom: 1px solid #e4eaec;
    padding: 0 0 .5rem 1rem;
    position: relative;
}
.product-title:before{
	content: '';
	 width: 7rem;
	 height: 2px;
	 background: #333;
	 position: absolute;
	 left: 0;
	 bottom: -1px;
}

.text-box{ padding-top: 1rem; font-size: .875rem;}
.xm-mx{ padding-top: 1rem;}
.mt1{ margin-top: 1rem;}
/*
.new-list{ }
.new-list li{color: #666;  padding: 1.5rem 0; border-bottom: 1px #ddd solid;}
.new-list li span{ margin-right: 1rem; color: #666; text-align: center; background: #f2f2f2;  float: left; width: 5.25rem; height: 5.25rem;}
.new-list li span strong{ font-size: 1.5rem; padding-top: 1rem;}
.new-list li p{ font-size: .875rem; height: 3.125rem; overflow: hidden;}
.new-list li a{padding-bottom: .3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 1.125rem; color: #333; display: block;}
.new-list li a:hover{ color: #f6830f;}*/

.n-title{ padding-bottom: 1.2rem; border-bottom: 1px #DFDFDF solid; text-align: center;}
.n-title h1{ font-size: 2rem; font-weight: 400;}
.n-title .inf{ color: #999; font-size: .875rem;}

.news-txt{ padding-top: 1.5rem; font-size: 0.875rem;}
.news-txt img{ display: inline-block; margin: .5rem auto;}

.ab-txt .value-box{ background-attachment: inherit; background-size:cover;}
.txt01{ max-width: 40rem; margin: 2rem auto; text-align: center; font-size: .875rem; line-height: 2rem;}

.map{ margin: 2rem 0;}
.nav-logo{ position: absolute; right: 2rem; top: 1rem; display: none;}
.nav-logo span{ width:30px; height: 4px; background: #fff; display: block; margin-bottom: 6px;}




/*@media only screen and (max-width: 50em) {
	.brand-box h2{ font-size: 1.5rem; font-weight: 400;}
	.value-txt{ width: 70%; margin: 0 auto;}
	.lx-list li{ width: calc(50% - .5rem); margin-bottom: 1rem;}
	.lx-list li:nth-child(3){
		margin-left: 0;
	}	
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%; max-width: 10rem;}
	.al-list li{ width: 50%;}
	.l-box{ width: 100%;padding: 1rem;}
	.r-box{ width: 100%; margin-top: 1rem;padding: 1rem;}
	.al-dbox .al-list li{ width: 50%;}
}*/

@media (max-width: 1023px) {
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%;}
	.brand-box h2{ line-height: 3rem;}
	.brand-box h2 span{ display: none;}
	.brand-box h2 strong{ display: inline-block;font-weight: 400;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 2rem;}
	.b-nav a{ padding: 0 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem; }
	.sub-list li a{ width: 80%;}
	.nav{ display: none;}
	.nav-logo{ display: block;}
	.navbar{ height: 3.75rem;}
	/*.logo a img{ height: 2.75rem;}*/


}

@media (max-width: 768px) {
	.sy-abtxt{ width: 100%;}
	.sy-abtxt{ width: 100%; font-size: .875rem;}
	.brand-box h2{ line-height: 3rem;}
	.brand-box h2 span{ display: none;}
	.brand-box h2 strong{ display: inline-block;font-weight: 400;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 1.5rem;}
	.b-nav a{ padding: 0 .5rem;}
	.value-txt{  padding:3rem 1rem}
	.lx-list li{ width: 100%; margin-left: 0 !important;}
	.lx-box{ padding-bottom: 2rem;}
	.title{ padding-top: 1rem; margin-bottom: 1rem;}
	.title h2{ font-size: 1.4rem; }
	.programme-box,.advantage-box,.team-box{ padding-bottom: 1rem;}
	.brand-box .box1{ padding: 2rem 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem;}
	.sub-list li a{ width: 90%; padding: .3rem 0;}
	.new-list li span{ display: none;}
	.new-list li{ padding: 1rem 0;}
	.nav{ display: none;}
	.nav-logo{ display: block;}
	.navbar{ height: 3.4rem;}
	/*.logo a img{ height: 2.75rem;}*/
	
	.service-list li,.advantage-list li{ margin-top: -2.5rem;}
}

@media only screen and (max-width: 21em) {
	.b-nav { display: none;}
	.al-list li{ width: 100%;}
	.al-dbox .al-list li{ width: 100%;}
}





.pf_dh{display:none}
.pf_dh{ height:auto; overflow:hidden; width:100%; position:fixed; bottom:0}
.pf_dh a{color:#fff; font-size:16px;background-color:#ff5400; text-align:center; padding:1em 0; display:block}



@media only screen and (max-width: 768px) {
	.pf_dh{display:block}
}