@charset "utf-8";

/* CSS Document */

/*===banner====*/

.banner{ height:auto; position:relative; margin-bottom:16px;}

.device {height:386px;position: relative;}

.device .arrow-left { display:none}

.device .arrow-right {display:none}

.swiper-container {height: 348px;}

.pagination { position: absolute;right:8px;text-align: center; bottom:16px; z-index:10; width: 100%;}

.swiper-pagination-switch { display: inline-block; width:10px;height:10px;border-radius:20px;background:#ddd; cursor: pointer; margin:0 6px;}

.swiper-active-switch { background: #ff942a; opacity:1; }

.swiper-container {margin:0 auto;position:relative;overflow:hidden;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	-ms-backface-visibility:hidden;

	-o-backface-visibility:hidden;

	backface-visibility:hidden;

	/* Fix of Webkit flickering */

	z-index:1;}

.swiper-wrapper {position:relative;width:100%;

	-webkit-transition-property:-webkit-transform, left, top;

	-webkit-transition-duration:0s;

	-webkit-transform:translate3d(0px,0,0);

	-webkit-transition-timing-function:ease;

	

	-moz-transition-property:-moz-transform, left, top;

	-moz-transition-duration:0s;

	-moz-transform:translate3d(0px,0,0);

	-moz-transition-timing-function:ease;

	

	-o-transition-property:-o-transform, left, top;

	-o-transition-duration:0s;

	-o-transform:translate3d(0px,0,0);

	-o-transition-timing-function:ease;

	-o-transform:translate(0px,0px);

	

	-ms-transition-property:-ms-transform, left, top;

	-ms-transition-duration:0s;

	-ms-transform:translate3d(0px,0,0);

	-ms-transition-timing-function:ease;

	

	transition-property:transform, left, top;

	transition-duration:0s;

	transform:translate3d(0px,0,0);

	transition-timing-function:ease;



	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.swiper-free-mode > .swiper-wrapper {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto;

}

.swiper-slide {

	float: left;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}



/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {-ms-touch-action: pan-y;}

.swiper-wp8-vertical {-ms-touch-action: pan-x;}



.swiper-pagination-bullet-active {

	opacity: 1;

	background: #007aff

}

.swiper-pagination-white .swiper-pagination-bullet-active {

	background: #fff

}

.swiper-pagination-black .swiper-pagination-bullet-active {

	background: #000

}

/*===导航切换====*/

.nav_qiehuan{ background:#fff; border-bottom:1px solid #ddd; height:96px; overflow:hidden !important; line-height:96px; font-size:1.75em;position:relative}

.nav_qiehuan dd{overflow:hidden !important; width:100%; height:96px; line-height:96px;  cursor:pointer;}

.nav_qiehuan .tab .tab_li{height:96px; padding:0 20px; text-align:center;height:96px; overflow:hidden; float:left}

.nav_qiehuan .tab .current{ background:url(../images/line_bg2.png) repeat-x left bottom}

.nav_qiehuan dt{ background:#fff url(../images/zeyan.png) no-repeat left center; width:96px; height:96px; position:absolute; right:0;top:0;}

.pinpai{ background:#fff; padding-top:18px;}

.pinpai dd{ width:25%; height:154px; float:left; text-align:center; padding-top:22px;}

.pinpai em{ display:block; font-size:1.375em; margin-top:16px;}

.pinpai img{ width:88px; height:88px}

.service{ background:#fff; margin-bottom:16px;}

.service dd{ width:50%; float:left; height:160px; background:url(../images/line.png) repeat-y right top; border-bottom:1px solid #ddd; position:relative;}

.service dd:nth-last-of-type(1){ background:none; border:none}

.service dd:nth-last-of-type(2){ border:none}

.service dd:nth-last-of-type(3){ background:none;}

.service dd div{ background:url(../images/service.png) no-repeat; width:90px; height:80px; position:absolute; left:38px; top:39px}

.service h2{ font-size:1.75em; margin-left:160px; line-height:28px; margin-bottom:10px; margin-top:32px;}

.service p{ font-size:1.375em; margin-left:160px; line-height:27px;}

.service dd div.service_icon1{ background-position:0 0px}

.service dd div.service_icon2{ background-position:0 -80px}

.service dd div.service_icon3{ background-position:0 -160px}

.service dd div.service_icon4{ background-position:0 -240px}

.tab_yuan{ text-align:center; background:#fff;  margin-bottom:17px; height:40px; line-height:40px;}

.tab a{ width:10px; height:10px; background:#bbb; border-radius:20px; margin:0 6px; display:inline-block;}

.tab a.on{ background:#ff942a}

.pinpai_box{ background:#f00;}

.tabcon{ margin-bottom:16px; height:386px;}



/*===正在回收====*/

.bar{ height:64px; background:#fff url(../images/line.png) repeat-x left bottom; font-size:1.75em; padding-left:28px;}

.bar span{ display:block; background:url(../images/icon2.png) no-repeat left center; height:64px; line-height:64px; padding-left:52px;}

.newsticker-jcarousellite{ background:#fff; margin-bottom:30px; padding:0 16px;}

.newsticker-jcarousellite ul{}

.newsticker-jcarousellite li{ height:102px; color:#999; position:relative; background:url(../images/line.png) repeat-x left bottom; padding:26px 0 0 0}

.newsticker-jcarousellite p{ line-height:36px; font-size:1.5em;}

.newsticker-jcarousellite em{ display:block;}

.newsticker-jcarousellite span{ color:#666}

.newsticker-jcarousellite time{ position:absolute; line-height:36px; right:0; top:26px; font-size:1.25em; color:#ccc;}

.sublist{ background:#fff; height:386px;}

.slider{}

.slider ul{}

.slider ul li{}

.focus{min-height: 20px; position: absolute; top:24px; background:none !important; width: 100%; height:14px; z-index: 2;}

.focus span{width:34px;height:14px;margin-right:8px;border-radius:5px;background:#fff;font-size:0; opacity:0.6}

.focus span.current{background:#fff; opacity:1}



@media screen and (min-width:240px) and (max-width:640px){

/*===banner====*/

.banner{margin-bottom:8px;}

.focus{min-height: 20px; position: absolute; top:12px; background:none !important; width: 100%; height:8px; z-index: 2;}

.focus span{width:17px;height:8px;margin-right:4px;border-radius:2.5px;}

.focus span.current{}

.tabcon{ height:193px; margin-bottom:8px;}

.device {height:193px;}

.swiper-container {height: 100%; width:100%;}

.pagination { bottom:8px;}

.swiper-pagination-switch { width:6px;height:6px;border-radius:20px; margin:0 3px;}

.sublist{ background:#fff; height:193px;}

/*===导航切换====*/

.nav_qiehuan{height:48px; line-height:48px; font-size:0.875em;}

.nav_qiehuan dd{ height:48px; line-height:48px;}

.nav_qiehuan dd.line span{ height:48px; width:25%; display:inline-block;}

.nav_qiehuan dd.line span.current{}

.nav_qiehuan .tab .tab_li{height:48px; padding:0 15px; text-align:center;height:48px;}

.nav_qiehuan .tab .current{ height:48px; background:url(../images/line_bg2.png) repeat-x left bottom}

.nav_qiehuan dt{ background-size:34px 36px; width:48px; height:48px; }



.pinpai{padding-top:9px;}

.pinpai dd{height:77px; padding-top:11px;}

.pinpai em{ font-size:0.75em; margin-top:8px;}

.pinpai img{ width:44px; height:44px}

.service{ margin-bottom:8px;}

.service dd{height:80px;}

.service dd div{background:url(../images/service.png) no-repeat; background-size:45px 160px; width:45px; height:40px; left:10px; top:18.5px}

.service h2{ font-size:0.875em; margin-left:60px; line-height:16px;margin-bottom:5px; margin-top:16px;}

.service p{ font-size:0.6875em; margin-left:60px; line-height:15px;}

.service dd div.service_icon1{ background-position:0 0px; }

.service dd div.service_icon2{ background-position:0 -40px;}

.service dd div.service_icon3{ background-position:0 -80px;}

.service dd div.service_icon4{ background-position:0 -120px;}

/*===正在回收====*/

.bar{ height:32px; font-size:0.875em; padding-left:14px;}

.bar span{ background-size:19px 19px;height:32px; line-height:32px; padding-left:26px;}

.newsticker-jcarousellite{ margin-bottom:15px; padding:0 8px;}

.newsticker-jcarousellite ul{}

.newsticker-jcarousellite li{ height:51px;padding:13px 0 0 0}

.newsticker-jcarousellite p{ line-height:18px; font-size:0.75em;}

.newsticker-jcarousellite time{ line-height:18px;top:13px; font-size:0.625em;}
/*商务通*/
a{text-decoration: none;}
.swtbox {z-index:100; position: fixed !important; left:11%; top: 38%;}
.swtbox { width: 78%; height: 157px;}
/*邀请框背景CSS*/
.swtbox {background:url(../images/Popupphone.jpg) no-repeat center;background-size: cover;}
/*邀请框宽和高*/
.swtbox_title { width:26px;height:26px;float: right;margin-top:2px;cursor:pointer;text-align: center;}
/**按钮**/
.swtbox_but1 { position:absolute; left:9%; top:120px; width:80px; height:30px;line-height:30px;border-radius:8px;text-align:center;background: url(../images/button.png) no-repeat center;}
.swtbox_but1 a,.swtbox_but2 a{display: block;width:100%;height:100%;cursor: pointer;}
.swtbox_but2 { position:absolute;  left:61%; top:120px;width:80px; height:30px;line-height:30px;border-radius:8px;text-align:center;background: url(../images/button.png) no-repeat center;}
/**原商务通强制隐藏**/
#LRdiv0 {width:0;height:0;overflow:hidden;}
#LRfloater0 {width:0;height:0;overflow:hidden;}
#LRfloater0 img {width:0;height:0;overflow:hidden;}
#LRdiv1 {width:0;height:0;overflow:hidden;}
#LRfloater1 {width:0;height:0;overflow:hidden;}
#LRfloater1_if {width:0;height:0;overflow:hidden;}
/*联系我们tel*/
.tel{width:40px;height:auto;position: fixed;top:30%;right:0%;z-index: 999;}

