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

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%
	
}

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

@media (max-width: 640px) {
    .pull-left{width:28%}
}
@media (max-width: 480px) {
    .pull-left{width:38%}
}

.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;
	font-family: Microsoft YaHei;
}

a{
	color: #666;
	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: #fff;
	height:7em;
	box-shadow: 0 2px 10px rgba(0,0,0,.8);
	overflow: hidden;
	position: fixed;
	z-index: 30;
	left: 0;
	top: 0;
	width: 100%;
}

.top_dy{height:2em; width:100%; line-height:2em; overflow:hidden; background-color:#222}
.top_dy_l{width:20%; float:left; color:#fff; font-size:13px}
.top_dy_r{width:60%; float:right}
.top_dy_r a{color:#fff; font-size:13px}
.top_dy_r ul li{float:left; width:11%; margin-left:5%;}
.top_l1{ background:url(../images/top_iv1.png) no-repeat center right}
.top_dy_r ul li ul{display:none; list-style: none; margin: 0; padding: 0;}
.top_dy_r ul li:hover ul{display:block; position:fixed; background-color:#222; opacity:0.8; z-index:999; height:auto; overflow:hidden; padding:1em}
.top_dy_r ul li:hover ul li{width:100%; background:none; line-height:30px;}

.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 1.5rem;}
.nav li a:hover{color:#ce2620}
.ad{  width:100%;
	margin-top: 5rem;
}
/*.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;}


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

.ad .item img{display:none}
@media (max-width: 1200px) {
	.b0{background: none; height: auto}
.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}

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

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;}

.videocontainer:before {}
/*@media (max-width: 1440px) {
	.videocontainer {height: 610px;}
		 }
@media (max-width: 1200px) {
	.videocontainer {height: 550px;}
		 }
@media (max-width: 768px) {
	.videocontainer {height: 500px;}
		 }
@media (max-width: 640px) {
	.videocontainer {height: 360px;}
		 }*/
		
/*fuxm*/
.sy-fwxm{width:100%; height:auto; overflow:hidden; background-color:#f2f2f2;}
.in_fwxm{width:100%; height:auto; overflow:hidden; border-left:1px solid #cecece}
.in_fwxm_list{border-right:1px solid #cecece; padding:2em 1em; float:left; width:25%}
.in_fwxm_list h3{width:26%; float:left; margin-right:5%; margin-top:10px}
.in_fwxm_list h3 img{width:100%; height:auto}
.in_fwxm_list h4 a{font:bold 18px/30px "微软雅黑"; color:#222}
.in_fwxm_list p{font-size:13px; margin-top:10px; color:#434343;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}


@media (max-width: 900px) {
	.sy-fwxm{padding:2em 0}
	.in_fwxm{border-top:1px solid #cecece}
	.in_fwxm_list{width:50%; border-bottom:1px solid #cecece;}
}

@media (max-width: 480px) {
	.in_fwxm_list{width:100%; padding:1em;}
	.sy-fwxm{padding:2em 0}
	.in_fwxm{border-top:1px solid #cecece}
	
}



/*wangzhanfuwu*/


.in_title{width:100%; height:auto; text-align:center}
.in_title a{font-size:34px; color:#000; font-weight:bold}
.in_title p{color:#787878; font-size:16px}
.in_title a span{color:#e4700a}

.in_title1{width:100%; height:auto; text-align:center}
.in_title1 a{font-size:34px; color:#fff; font-weight:bold}
.in_title1 p{color:#fff; opacity:0.8; font-size:16px}
.in_title1 a span{color:#e4700a}
.sy-wzjsfw{margin-top:3em; height:auto; overflow:hidden}


.in_wzjsfw{width:100%; height:auto; overflow:hidden; margin-top:2em}


.in_ppz{width:23.5%; float:left; margin-right:2%;}
.in_ppz a{background:url(../images/index_wl_01.png) no-repeat center 3em #f2f2f2; display:block; padding:10em 1.5em 4em 1.5em;}
.in_ppz a h3{font-size:20px; font-weight:bold; color:#222; text-align:center}
.in_ppz a p{margin-top:2em; color:#434343; font-size:13px}
.in_ppz a:hover{background:url(../images/index_wl_01s.png) no-repeat center  3em #d5832f; display:block; padding:10em 1.5em 4em 1.5em;}
.in_ppz a:hover h3, .in_ppz a:hover p{color:#fff}

.in_yxpt{width:23.5%; float:left; margin-right:2%;}
.in_yxpt a{background:url(../images/index_wl_03.png) no-repeat center 3em #f2f2f2; display:block; padding:10em 1.5em 4em 1.5em;}
.in_yxpt a h3{font-size:20px; font-weight:bold; color:#222; text-align:center}
.in_yxpt a p{margin-top:2em; color:#434343; font-size:13px}
.in_yxpt a:hover{background:url(../images/index_wl_03s.png) no-repeat center  3em #d5832f; display:block; padding:10em 1.5em 4em 1.5em;}
.in_yxpt a:hover h3, .in_yxpt a:hover p{color:#fff}


.in_seo{width:23.5%; float:left; margin-right:2%;}
.in_seo a{background:url(../images/index_wl_04.png) no-repeat center 3em #f2f2f2; display:block; padding:10em 1.5em 4em 1.5em;}
.in_seo a h3{font-size:20px; font-weight:bold; color:#222; text-align:center}
.in_seo a p{margin-top:2em; color:#434343; font-size:13px}
.in_seo a:hover{background:url(../images/index_wl_04s.png) no-repeat center  3em #d5832f; display:block; padding:10em 1.5em 4em 1.5em;}
.in_seo a:hover h3, .in_seo a:hover p{color:#fff}



.in_dsyy{width:23.5%; float:left;}
.in_dsyy a{background:url(../images/index_wl_02.png) no-repeat center 3em #f2f2f2; display:block; padding:10em 1.5em 4em 1.5em;}
.in_dsyy a h3{font-size:20px; font-weight:bold; color:#222; text-align:center}
.in_dsyy a p{margin-top:2em; color:#434343; font-size:13px}
.in_dsyy a:hover{background:url(../images/index_wl_02s.png) no-repeat center  3em #d5832f; display:block; padding:10em 1.5em 4em 1.5em;}
.in_dsyy a:hover h3, .in_dsyy a:hover p{color:#fff}




@media (max-width: 1024px) {
	.in_wzjsfw p{min-height:9em}
}

@media (max-width: 800px) {
	.in_wzjsfw p{min-height:5em}
	.in_ppz{width:49%; float:left; margin-right:2%; margin-bottom:1em}
	.in_yxpt{width:49%; float:left; margin-right:0; margin-bottom:1em}
	.in_seo{width:49%; float:left; margin-right:2%; margin-bottom:1em}
	.in_dsyy{width:49%; float:left; margin-bottom:1em}
	.in_title a{font-size:30px; line-height:30px }
	.in_title p{ font-size:14px}
	.in_title1 a{font-size:30px; line-height:30px }
	.in_title1 p{ font-size:14px}
}

@media (max-width: 400px) {
	.in_wzjsfw p{min-height:0}
	.in_ppz{width:100%; float:left; margin-right:0; margin-bottom:1em}
	.in_yxpt{width:100%; float:left; margin-right:0; margin-bottom:1em}
	.in_seo{width:100%; float:left; margin-right:0; margin-bottom:1em}
	.in_dsyy{width:100%; float:left; margin-bottom:1em}
	
	.in_title a{font-size:28px; line-height:30px }
	.in_title p{ font-size:14px}
	.in_title1 a{font-size:28px; line-height:30px }
	.in_title1 p{ font-size:14px}
	
}




/*about*/
.sy-about{width:100%; height:auto; overflow:hidden; margin-top:3rem; padding:4em 0; background:url(../images/index_about_bg.jpg) no-repeat center top #05182c }
.in_about{height:auto; overflow:hidden}




.in_about_l{width:68%; float:left; padding:1em 0}
.in_about_l h3{width:30%; float:left; text-align:center}
.in_about_l h3 a img{margin:1em auto 0 auto}
.in_about_l p{color:#fff; font-size:13px; line-height:28px}
/*.in_about_l a img{width:100%; height:auto; overflow:hidden}*/

.in_about_r{width:28%; float:right;}
.in_about_r ul li{width:49.5%; float:left; text-align:center; color:#fff; font-size:13px; padding:1.5em .5em}
.in_about_r ul li span{display:block; font: normal 50px/50px Arial, Helvetica, sans-serif; color:#e4700a}
.li1{border-right:1px solid #aaa; border-bottom:1px solid #aaa}
.li2{border-bottom:1px solid #aaa}
.li3{border-right:1px solid #aaa; }
.in_about_r a{background:url(../images/index_title_ic.png) no-repeat 20px top; text-align:right; padding-top:1rem; font-size:32px; line-height:36px; display:block; margin-right:2rem; color:#000}
.in_about_r a span{display:block; margin-top:15px; color:#666; font-size:28px; font-family:Arial, Helvetica, sans-serif}


@media (max-width: 1279px) {
	.in_about_l p{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

}
@media (max-width: 1001px){

}
@media (max-width: 768px){
	.in_about_l{width:100%; float:none}
	.in_about_r{ display:none}
}

@media (max-width: 480px){
	.in_about_l{padding:0}
	.in_about_l h3{width:100%; float:none; text-align:center}
	.in_about_l h3 a img{margin-top:0}
	.in_about_l p{ width:100%; height:auto; overflow:hidden}
	
	}





/*cases*/

.sy-case{margin-top:3em}
.in_case{width:100%; height:auto; overflow:hidden; padding-top:2em}
.in_case_list{width:24%; margin:0.5%; float:left;}
.in_case_list a img{width:100%; height:100%; overflow:hidde; display:block}
.in_case_list a p{ display:none; width:100%; position:relative; background:rgba(198,98,10,0.8); text-align:center; color:#fff; line-height:40px; font-size:20px; font-weight:bold; margin-top:-13.2em; padding:5.6em 0;}
.in_case_list a:hover p{ display:block;}



figure {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;

}

figure:hover figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	top: 0;
	text-align: center;
}

figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: -100%;
	background: rgba(198,98,10,0.8);
	color: #fff;
	transition: all .3s ease;
	/* transition-delay: .3s; */
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	padding: 5em 2em;
}

figcaption h3 {
	color: #FFFFFF;
	margin-bottom: 0;
	position: relative;
	left: 100%;
	top:50px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

figcaption p {
	margin-bottom: 0;
	margin-top: 20px;
	position: relative;
	left: 100%;
	font-size: 0.9em;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	-webkit-transition-delay: 1.0s;
	-moz-transition-delay: 1.0s;
	-o-transition-delay: 1.0s;
	-ms-transition-delay: 1.0s;
	transition-delay: 1.0s;
	text-align: center;
	line-height: 30px;
}

figure:hover h3,
figure:hover p {
	left: 0;
	text-align: center;
}



.gal-gd-sec {
	width:24%; margin:0.5%; float:left;
	/*width: 50%;
	float: left;
	padding: 0 0.2em;
	margin-top: 20px;*/
}

.gal-gd-sec img{ width:100%; height:auto; overflow:hidden;
	margin: 0 auto; display:block
}

.gal-gd-sec h3{
	top: 35%;
}

.gal-gd {
	margin: 2.4em 0;
	width: 33.33%;
	float: left;
	padding: 0 0.2em;
}

figcaption p {
	margin-top: 10px;
	color: #fff;
}

figcaption {
	padding: 3.3em 1em;
}
@media (max-width: 1024px){
.gal-gd-sec h3{
	top: 25%;
}
}

@media (max-width: 767px){
	.gal-gd-sec {width:49%; margin:0.5%; float:left;}
	figcaption h3 {font-size: 1em;}
}





/*爱采购*/

.sy-acg{margin-top:3em; height:auto; overflow:hidden}
.in_acg{width:100%; height:auto; overflow:hidden; margin-top:2em}

.in_acg_list{width:31%; float:left; margin:1%; background-color:#f2f2f2; padding:2em 1em}
.in_acg_list a img{float:left; width:23%; padding-top:0.5em; margin-right:1em; height:auto; overflow:hidden;}
.in_acg_list a h3{font-size:18px; color:#222}
.in_acg_list a p{font-size:13px; color:#626262; margin-top:0.5em}

@media (max-width: 1024px){
	.in_acg_list{text-align:center}
	.in_acg_list a{text-align:center}
	.in_acg_list a img{ width:30%;float:none; margin:0 auto; text-align:center; padding-top:0;}
	.in_acg_list a p{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

}

@media (max-width: 640px){
	.in_acg_list{width:100%; margin:1% 0; float:none}
	
}





/*工业电商*/
.sy-gyds{background:url(../images/index_dsal_bg.jpg) no-repeat center #06111d; margin-top:3em; height:auto; overflow:hidden; padding:4em 0}

.in_gyds{height:auto; overflow:hidden; margin-top:2em;}
.in_gyds ul li{width:19%; float:left; margin:0.5%}
.in_gyds ul li a img{display:block; width:100%; height:auto; overflow:hidden}

@media (max-width: 480px) {
	.in_gyds ul li{width:48%;margin:1%}
}



.sy-news{margin-top:3em; margin-bottom:3em; height:auto; overflow:hidden}
.in_news{width:100%; height:auto; overflow:hidden; margin-top:2em;}
.in_news_list{width:31.33%; float:left; margin:1%; 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:18px; font-weight:bold; color:#000}
.in_news_list span{padding:0 1.5rem; font-size:14px; color:#d5832f;}

.in_news_list p{padding:0 1.5rem; margin:2em 0; font-size:14px; color:#434343;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;}
}






.in_ly{height:auto; overflow:hidden; position:fixed; z-index:1000; width:110px; height:100px; padding:15px 0; right:5px; bottom:8em; background-color:#e4700a; box-shadow:0px 0px 10px #666}
.in_ly a{/*color:#fff;*/ text-align:center; display:block}
.in_ly_t{color:#fff}
.in_ly a span{display:block}
@media (max-width: 768px) {
	.in_news_list{width:100%; margin:2em 0 0 0;}
	.in_ly{display:none}
	
}















.footer_t_bg{background-color:#222; height:auto; overflow:hidden; /*margin-top:3rem;*/ padding:3rem 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{height:auto; overflow:hidden}
.footer_t_l{width:70%; float:left; margin-left:1%}
.footer_t_l dl{width:25%; float:left}
.footer_t_l dl dt{margin-bottom:2rem}
.footer_t_l dl dt a{font-size:20px; font-weight:bold; color:#fff}
.footer_t_l dl dd{font-size:13px; color:#bbb; line-height:30px}
.footer_t_l dl dd span a{font-size:20px; color:#fff; display:block; margin-bottom:15px}
.footer_t_l dl dd a{font-size:13px; color:#bbb; line-height:30px}
.footer_t_r{width:25%; float:right}
/*.footer_t_r img{width:100%; height:auto; overflow:hidden}*/
.footer_t_r dl{width:45%; float:left; margin-left:5%; text-align:center}
.footer_t_r dl dt img{width:100%}

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




.footer_bg{
	background: #e4700a;
	padding: 1rem 0;
	height:auto; overflow:hidden
}

.footer p{color: #fff; font-size:13px; /*text-align:center*/}
.footer p a{color:#fff}



@media (max-width: 1024px){
	.footer_t_l{width:70%;}
	.footer_t_l h2 a img{width:100%;}
	.footer_t_m{width:55%; float:left; margin-left:2%}
}

@media (max-width: 768px){
	.footer_t_l{width:100%; margin-left:0; float:none; height:auto; overflow:hidden}
	.footer_t_r{width:70%; margin:0 auto; float:none; text-align:center; margin-top:20px}
	.footer_bg{padding: 1rem 0 4rem 0;}
}
@media (max-width: 480px){
	.footer_t_r{width:100%; margin-top:2rem; padding-top:2rem; border-top:1px solid #666;}
	.footer_t_l {border:none; padding-top:0}
	.footer_t_l dl{width:100%; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid #666;}
	.footer_t_l dl dt{margin-bottom:0.3rem}
	.footer_t_l dl dd{width:32%; margin-right:1%; float:left; line-height:26px; padding-bottom:1rem}
	.footer_t_l dl dd a{}
}
@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: #333; 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;}
	.ad{ margin-top: 3.75rem;}
	.top_dy{display:none}
}

@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.75rem;}
	.logo a img{ height: 2.75rem;}
	.ad{ margin-top: 3.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%;}
}
















/*
.in_news{width:100%; height:auto; overflow:hidden; margin-top:30px}
.in_news_list{width:48%; float:left; margin:2% 1%; background-color:#f2f2f2}
.in_news_list h4{width:40%; float:right;}
.in_news_list h4 a img{width:100%; height:auto; overflow:hidden; display:block}
.in_news_list h5{width:54%; padding:1% 2.5% 1% 3.5%}
.in_news_list h5 a{font-size:16px; font-weight:bold}
.in_news_list h5 span{font:normal 13px/30px Arial, Helvetica, sans-serif; color:#787878; display:block}
.in_news_list h5 p{margin-top:15px; color:#626262;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden}



@media screen and (max-width: 1199px) {


.in_news_list{width:48%; margin:1%}
.in_news_list h4{width:40%;}
.in_news_list h5{width:52%; padding:3% 4%}
.in_news_list h5 p{ margin-top:10px; }
}
@media screen and (max-width: 1024px) {
.in_news_t_l{width:50%; float:left;}
.in_news_t_r{width:44%; float:right; padding:3%}

}
@media screen and (max-width: 1001px) {

.in_news_list{width:100%; margin:1% 0}
.in_news_list h4{width:40%;}
.in_news_list h5{width:52%; padding:1% 4%}
.in_news_list h5 a{ margin-top:0px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden}
.in_news_list h5 p{ margin-top:0px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden}
}*/




/***************网站内页***************/

/****百度爱采购****/
.ban_acg{background:url(../images/ban_acg.jpg) no-repeat center; height:500px}
.ny-about-acg{margin-top:3em; height:auto; overflow:hidden} 


.ny-acg-hy{background-color:#f2f2f2; margin-top:3em; padding:3em 0; width:100%; height:auto; overflow:hidden}
.ny_title{text-align:center; font-size:34px; font-weight:bold; line-height:40px; color:#000}
.ny_acg_hy{margin-top:3em}
.ny_acg_hy dl{width:18%; margin:0 1%; float:left; background-color:#fff; border:1px solid #ccc; border-radius:10px; padding:1em; text-align:center}
.ny_acg_hy dl dt{text-align:center}
.ny_acg_hy dl dd{font-size:14px; margin-bottom:1em; color:#626262}
.ny_acg_hy dl dd span{font-size:18px; color:#222; font-weight:bold}

.ny-acg-lc{margin-top:3em;}
.ny_acg_lc{margin-top:2em}
.ny_acg_lc img{width:100%; height:auto; overflow:hidden}

@media (max-width: 768px) {
	.ny_acg_hy dl dt img{width:60%}
	.ny_acg_hy dl dd span{font-size:16px}
	
}

@media (max-width: 480px) {
	.ny_acg_hy dl{width:100%; margin:1em 0 0 0}
	.ny_acg_hy dl dt img{width:30%}
	.ny_title{font-size:24px;}
	.ny_acg_hy{margin-top:2em}
}


.ny-acg-case{background-color:#f2f2f2; margin-top:3em; padding:4em 0; height:auto; overflow:hidden}

.acg_case{background-color:#fff; height:auto; overflow:hidden; margin-top:3em}
.imgs{width:45%; float:left}
.imgs img{width:100%; height:auto; overflow:hidden; display:block}
.acg_case_r{width:54%; float:right; padding:3em 2em; height:auto; overflow:hidden}
.acg_case_r h3 a{font-size:20px; color:#222}
.acg_case_r h4{color:#434343; margin-top:2em; font-size:13px; font-weight:normal; line-height:30px}
.acg_case_r h4 span{color:#999; width:80px; float:left}
.acg_case_r p{margin-top:1.5em; font-size:18px; font-weight:bold; color:#222}
.acg_case_r ul{margin-top:0.5em}
.acg_case_r ul li{width:22%; float:left; text-align:center; border-right:1px solid #ddd; font-size:14px; color:#777}
.acg_case_r ul li span{font-size:26px; font-weight:bold; color:#e4700a; display:block}

@media (max-width: 1024px) {
	.ny-acg-case{padding:3em 0;}
	.imgs{width:50%;}
	.acg_case_r{width:50%; padding:2em 2em}	
}


@media (max-width: 600px) {
	.imgs{width:100%; float:none}
	.acg_case_r{width:100%; float:none; padding:2em 2em}
	.acg_case_r ul li{width:45%;}
}






/****1688诚信通****/
.ban_cxt{background:url(../images/ban_cxt.jpg) no-repeat center; height:500px}
.ny-about-cxt{margin-top:3em; height:auto; overflow:hidden}

.ny-cxt-hy{ background:url(../images/cxt_bg.png) no-repeat center; margin-top:3em; padding:3em 0; width:100%; height:auto; overflow:hidden}
.ny_title1{text-align:center; font-size:34px; font-weight:bold; line-height:40px; color:#fff}
.ny_title{text-align:center; font-size:34px; font-weight:bold; line-height:40px; color:#000}
.ny_cxt_hy{margin-top:3em}
.ny_cxt_hy img{width:100%; height:auto; overflow:hidden}


@media (max-width: 480px) {
	.ny_title1{font-size:24px;}
	.ny_cxt_hy{margin-top:2em}
}






.phonefooternav {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	display:none;
}
.phonefooternav ul{
	padding: 0;
}
.phonefooternav ul li {
	width: 30%;
	background: #222;
	float: left;
	padding: 5px 0;
	border-right: 1px solid #FFFFFF;
	list-style: none;
	box-sizing: border-box;
}
.phonefooternav ul li:nth-child(2){
	width: 70%;
	background: #d48328;
}
.phonefooternav ul li a {
	display: block;
	color: #fff;
	text-align: center;
	line-height:1.5
}
.phonefooternav ul li a:hover .call {
	color: yellow;
}
.phonefooternav ul li a img {
	width: 22px;
	padding: 2px 0;
}
.phonefooternav p{
	color: #FFFFFF;
}

@media (max-width:768px) {

.phonefooternav {
		display: block;
	}
}