@charset "UTF-8";
.main{ max-width:1400px; padding:0 10px 0 10px; margin:auto; position:relative; overflow:hidden;}
.main2{ max-width:1200px; margin:auto; padding:0 10px 0 10px; position:relative; overflow:hidden;}
.main3{ max-width:1400px; padding:0 10px 0 10px; margin:auto; position:relative;}

.top{ position:fixed; width:100%; top:0; left:0; padding:30px 0 30px 0; z-index:9999999999; }
.top_bj{ background-color: rgba(20,20,20,0.6); padding:6px 0 6px 0;
	-webkit-box-shadow: 0px 0px 1px #666666;  
	-moz-box-shadow: 0px 0px 1px #666666;
	box-shadow: 0px 0px 1px #666666;
	border-collapse:separate !important;
}

.top .logo{ float:left;}
.top .logo img{height:70px;}
.top .mright{float:right; margin:0 0 0 0;}
/*主导航开始*/
.top .mright .nav{}
.top .mright .nav li{float:left; position:relative;}
.top .mright .nav li > a{ position:relative; display:block; height:70px; line-height:70px; font-size:18px; color:#ffffff; padding:0 30px 0 30px;}
.top .mright .nav li p{position:absolute; left:0; top:70px; width:100%; display:none; background-color: rgba(20,20,20,0.5); z-index:666666;}
.top .mright .nav li p a{position:relative; display:block; text-align:center; line-height:50px; height:50px; overflow:hidden; font-size:13px; padding:0 14px 0 14px; color:#FFFFFF; }
.top .mright .nav li p a:hover{ background-color:#A82822;}
.top .mright .nav li:hover > a{background-color:rgba(20,20,20,0.5); color:#FFFFFF;
	border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0;  -webkit-border-radius:4px 4px 0 0;
}
.top .mright .nav li:hover p{
	display:block;
	animation: xiala 0.4s;
	-moz-animation: xiala  0.4s; /* Firefox */
	-webkit-animation: xiala  0.4s; /* Safari and Chrome */
	-o-animation: xiala  0.4s; /* Opera */
}
.top .mright .nav li:last-child p{ left:auto; right:0;}


.top .p_soso{ float:right; margin:24px 0 0 14px; position:relative; z-index:88888888;}
.top .p_soso a{font-size:20px; color:#ffffff; font-weight:bold;}
.top .p_soso .soso_box{ display:none; position:absolute; right:0; top:28px; width:296px; padding:8px 2px 8px 10px; background-color: rgba(50,50,50,0.5);}
.top .p_soso .soso_box p{float:left;}
.top .p_soso .soso_box .minput{ width:210px; height:30px; line-height:30px; padding:0 10px 0 10px;}
.top .p_soso .soso_box .minput2{ width:60px; text-align:center; height:30px; line-height:29px; font-size:14px; background-color:#BB2C26; color:#ffffff;}




/*手机点开*/
.nav_x{ float:right; display:none; margin:8px 10px 0 0;}
.nav_x2{ line-height: 50px; display: inline-block; vertical-align: middle;}
.nav_x2 a{ font-size:30px; color:#FFFFFF;}

/*手机导航*/
.x_nav{ width: 100%; height: 100%; background-color: rgba(200,200,200,0.9); position: fixed; top: 0; right: -101%; z-index: 999999999999; border-left:1px solid #eeeeee;}
.x_nav_t{ width: calc(100% - 15px); width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); height: 60px; line-height: 60px; text-align: right; padding-right: 16px;}
.x_nav_t a{ color: #000000; font-size: 16px; font-weight:normal; }
.x_nav_t i{font-size:26px;}

.x_nav2{ width: 100%; height: 100%; overflow:auto; padding-bottom:75px;}
.x_nav2 ul li{ height: auto;}
.x_nav2 ul li a{ height: 40px; line-height: 40px; display: block; font-size: 14px; color: #333333;  padding-left: 18px;  background-color: rgba(238,238,238,0.5); border-bottom: 1px solid #dddddd;}
.x_nav2 ul li span{ width: 64px; height: 40px; display: inline-block; line-height: 40px; text-align: center; float: right; margin-right: 0px; background: url(../images/jia.png) no-repeat center center;}
.x_nav2 ul li span.xjian{ background: url(../images/jian.png) no-repeat center center;}
.xnav_xl { display: none;}
.xnav_xl dd .a_bj{ background-color:#FFFFFF; padding-left:30px;}
.xnav_xl dd .a_bj2{ background-image:url(../images/shu_h.png); background-repeat:no-repeat; background-position:32px center; padding-left:48px;}





/*banner大图*/
.banner-box{position:relative;}
.banner-box .fd-ico{position:absolute; bottom:190px; width:100%; height:0px; text-align:center;}
.banner-box .fd-ico span{cursor:pointer;}

.banner{position:relative; width:100%; margin:auto;}
.banner .arrow{
	position:absolute;
	top:40%;
	z-index:999;
	background-repeat: no-repeat;
	background-position: center center;
	width:42px;
	height:36px;
}
.banner .arrow.pre {background-image: url();left:0px;}
.banner .arrow.next {background-image: url(); right:0px;}
.banner .arrow:hover{}

.banner .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:240px;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	background:none;
	border:1px solid #ffffff;
	background-color:#FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 3px;
	line-height: 0;
	margin: 0 8px 0 8px;
	outline: medium none;
	padding: 0;
	width: 70px;
}
.banner .slick-dots li.slick-active button {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	background-color:#BB2C26;
	border:0px solid #BB2C26;	 
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; width:100%; position:relative;}
.banner .dataitem .mimg{}
.banner .dataitem .mimg img{ width:100%; display:block;}
.banner .dataitem .fd_text{ position:absolute; left:10%; top:34%; width:80%; text-align:center;}
.banner .dataitem .fd_text h3{ font-size:38px; padding:0 0 20px 0; color:#FFFFFF; 
	text-shadow: 1px 1px 1px #444444;
	-webkit-text-shadow: 1px 1px 1px #444444;  
	-moz-text-shadow: 1px 1px 1px #444444;
	
	-webkit-animation: fadeOutDown 1s both;
    -moz-animation: fadeOutDown 1s both;
	animation: fadeOutDown 1s both;
}
.banner .dataitem .fd_text h5{ font-size:22px; line-height:1.4em; color:#FFFFFF; font-weight:normal; text-shadow: 1px 1px 1px #444444;
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
/*
.banner .dataitem.slick-active {
    -webkit-animation: ProgressDots 1s both;
    animation: ProgressDots 11s both;
}*/
/*
注：只有在上面非活动状态显示成隐藏状态，下面的active时才可以以效果显示出来
*/
.banner .dataitem.slick-active h3{
	-webkit-animation: fadeInDown 1s both 0.2s;
    -moz-animation: fadeInDown 1s both 0.2s;
	animation: fadeInDown 1s both 0.2s;
}
.banner .dataitem.slick-active h5{
	-webkit-animation: fadeInDown 1s both 0.2s;
    -moz-animation: fadeInDown 1s both 0.2s;
	animation: fadeInDown 1s both 0.2s;
}
/*左右滚动结束*/


/*关于我们*/
.about-box{ position:relative;}
.about-box .c-img{ position:absolute; width:100%; left:0; top:-100px; min-height:1252px; background-repeat:no-repeat; background-position:left top; z-index:0; overflow:hidden;}



.i-about{ float:right; width:47%; padding:8vw 0 12vw 0;}
.i-about .mjianjie{ padding:18px 0 0 0; line-height:1.8em; font-size:16px; color:#787878; text-align:justify;}
.i-about .mmore{text-align:left; padding:1.5vw 0 0 0;}
.i-about .mmore a{ display:inline-block; height:40px; line-height:40px; background-color:#BB2C26; padding:0 50px 0 50px; font-size:14px; color:#FFFFFF;
	border-radius:18px; -moz-border-radius:18px;  -webkit-border-radius:18px;
}
.i-about .mmore a:hover{background-color:#000000;}




.bk_title{line-height:38px; text-align:left;}
.bk_title a{ font-size:28px; color:#000000;}
.bk_title a span{color:#BA2D26; font-size:22px;}
.bk_title3{text-align:center;}


.bk_title2{line-height:38px; text-align:center;}
.bk_title2 a{ font-size:28px; color:#ffffff;}
.bk_title2 a span{color:#CA736C; font-size:22px;}
.bk_title4{}
.bk_title4 a{ color:#000000;}

/*服务业务*/
.i-ser-box{ position:relative; min-height:1252px;}
.i-ser-box .s-img{ position:absolute; width:100%; min-height:1252px; background-repeat:no-repeat; background-position:center top; left:0; top:0; z-index:0; overflow:hidden;}
.i-ser-box .s-img img{width:100%;}
.i-ser-box .pd50{padding:8vw 0 5vw 0;}

.i_ser{}
.i_ser li{ float:left; width:24%; width: calc(25% - 86px); width: -moz-calc(25% - 86px); width: -webkit-calc(25% - 86px); margin:20px 43px 0 43px; text-align:center; position:relative;}
.i_ser li .mimg{ display:inline-block; padding:62px; margin:auto; overflow:hidden; border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%; border:1px solid #ffffff;  background-color: rgba(140,140,140,0.5);}
.i_ser li .mimg img{ width:82px; height:82px; display:inline;}
.i_ser li .mimg:hover{background-color: rgba(188,44,38,0.5);}
.i_ser li .mtitle{line-height:40px; height:40px; padding:25px 0 0 0; text-align:center; overflow:hidden;}
.i_ser li .mtitle a{font-size:24px; font-weight:bold; color:#FFFFFF;}
.i_ser li .mtitle a:hover{color:#BB2C26;}
.i_ser li .mjianjie{ padding:12px 0 0 0; text-align:center; color:#c5c5c5; font-size:15px; line-height:1.6em; height:3.2em; overflow:hidden;}



/*服务优势*/
.i_super{ padding:1.5vw 0 0 0; position:relative; z-index:88888888;}
.i_super li{ float:left; width:22%; width: calc((100% - 195px)/4); width: -moz-calc((100% - 195px)/4); width: -webkit-calc((100% - 195px)/4); text-align:center; margin:3vw 65px 20px 0; 
	background-color:#F9F8FD; padding:35px 0 35px 0;
	-webkit-box-shadow: 0 0 15px #f0f0f0;  
	-moz-box-shadow: 0 0 15px #f0f0f0;
	box-shadow: 0 0 15px #f0f0f0;
	border-collapse:separate !important;
}
.i_super li:hover{
	background-color:#f1f1f1;
	-webkit-box-shadow: 0 0 15px #dddddd;  
	-moz-box-shadow: 0 0 15px #dddddd;
	box-shadow: 0 0 15px #dddddd;
	border-collapse:separate !important;
}
.i_super li:nth-child(4n+4){margin-right:0;} 
.i_super li .mimg{text-align:center; padding:18px 0 18px 0;}
.i_super li .mimg img{ max-width:100%;}
.i_super li .mtitle{ text-align:center; height:48px; line-height:48px; overflow:hidden;}
.i_super li .mtitle a{font-size:38px; color:#F34A13;}
.i_super li .mjianjie{ padding:20px 0 0 0; color:#F34A13; font-size:14px; line-height:1.4em; height:2.8em; overflow:hidden;}


/*增值服务*/
.i-added-box{ position:relative; min-height:1252px;}
.i-added-box .c-img{ position:absolute; width:100%; min-height:1252px; background-repeat:no-repeat; background-position:center top; left:0; top:0; z-index:0; overflow:hidden;}
.i-added-box .c-img img{width:100%;}
.i-added-box .pd50{padding:8vw 0 3vw 0;}

.i_add{ padding:0 0 3vw 0;}
.i_add li{ float:left; width:31%; width: calc((100% - 80px)/3); width: -moz-calc((100% - 80px)/3); width: -webkit-calc((100% - 80px)/3); text-align:center; margin:20px 40px 20px 0; padding-bottom:30px;
	background-image:url(../images/zzfw-bj.png); background-repeat:repeat-x; background-repeat:center bottom;
	border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px;
}
.i_add li:nth-child(3n+3){margin-right:0;} 
.i_add li .mimg{text-align:center; overflow:hidden; border-radius:14px 14px 0 0; -moz-border-radius:14px 14px 0 0;  -webkit-border-radius:14px 14px 0 0;}
.i_add li .mimg img{width:100%;}
.i_add li .mtitle{ text-align:center; height:48px; line-height:48px; overflow:hidden; padding:1.6vw 1.6vw 0 1.6vw;}
.i_add li .mtitle a{font-size:24px; color:#ffffff;}
.i_add li .mtitle a:hover{color:#BB2C26;}
.i_add li .mjianjie{ padding:10px 1.6vw 0 1.6vw; color:#DDDDDB; text-align:justify; font-size:15px; line-height:1.7em; height:6.8em; overflow:hidden;}
.i_add li .mmore{text-align:center; padding:20px 1.6vw 0 1.6vw;}
.i_add li .mmore a{ display:inline-block; height:40px; line-height:40px; border:1px solid #dddddd; padding:0 40px 0 40px; font-size:14px; color:#FFFFFF;
	border-radius:14px; -moz-border-radius:14px;  -webkit-border-radius:14px;
}
.i_add li .mmore a:hover{background-color:#BB2C26; border:1px solid #BB2C26;}



/*首页新闻*/
.i-news-box{ padding:3vw 0 0 0; position:relative; z-index:666666;}
.i-news-box .mleft{ float:left; width:640px;}
.i-news-box .mleft .mimg{ overflow:hidden; position:relative;}
.i-news-box .mleft .mimg img{ width:100%;height:350px;}
.i-news-box .mleft .mimg .fd-date{position:absolute; left:0; top:0; width:100px; text-align:center; line-height:26px; padding:26px 0 10px 0; font-size:15px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; background-color:#BB2C26;}
.i-news-box .mleft .mimg .fd-date span{font-size:52px; font-weight:bold;}

.i-news-box .mleft .mtitle{line-height:2.2em; height:2.2em; overflow:hidden; padding:4px 0 0 0;}
.i-news-box .mleft .mtitle a{font-size:18px; font-weight:bold; color:#333333;}
.i-news-box .mleft .mtitle a:hover{ color:#BB2C26;}
.i-news-box .mleft .mshuoming{height:1.8em; line-height:1.8em; font-size:15px; color:#666666; overflow:hidden; padding:2px 0 0 0;}

.i-news-box .mright{ float:right; width:50%; width: calc(100% - 670px); width: -moz-calc(100% - 670px); width: -webkit-calc(100% - 670px);}
.i-news-box .mright ul{}
.i-news-box .mright ul li{ padding:1.7vw 0 1.7vw 0; border-bottom:1px solid #dddddd;}
.i-news-box .mright ul li .mdate{float:left; width:100px; text-align:center; padding:22px 0 12px 0; line-height:2.8em; background-color:#cccccc; font-size:12px; color:#FEFFFF;}
.i-news-box .mright ul li .mdate p{ font-size:40px; font-weight:bold;}
.i-news-box .mright ul li .mneirong{float:right; width:80%; width: calc(100% - 120px); width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px);}
.i-news-box .mright ul li .mneirong .mtitle{line-height:2.6em; height:2.6em; overflow:hidden;}
.i-news-box .mright ul li .mneirong .mtitle a{font-size:18px; color:#000000;}
.i-news-box .mright ul li .mneirong .mtitle a:hover{ color:#BB2C26;}
.i-news-box .mright ul li .mneirong .mshuoming{height:3.6em; line-height:1.8em; font-size:14px; color:#666666; overflow:hidden; padding:5px 0 0 0;}
.i-news-box .mright ul li:first-child{padding-top:0;}
.i-news-box .mright ul li:last-child{padding-bottom:0; border-bottom:0;}
.i-news-box .mright ul li:hover .mdate{background-color:#BB2C26;}


.back_top{position:relative; height:160px; z-index:0;}
.back_top .fd_bj{ position:absolute; left:0; top:-80px; height:240px; background-image:url(../images/footer-bj.png); background-repeat:no-repeat; background-position:center bottom; background-size:100% 100%; z-index:0; width:100%;}
.back_top .fanhui{ position:absolute; left:0; top:3vw; width:100%; height:100%; z-index:4444; text-align:center;}
.back_top .fanhui a{ display:inline-block; width:80px; height:40px; padding:20px 0 0 0; line-height:40px; font-size:16px; background-image:url(../images/dingbu.png); background-repeat:no-repeat; background-position:center top; color:#252525;}
.back_top .fanhui a:hover{color:#BB2C26;}

.footer_box{background-color:#262626;}
.footer_box .footer-logo{text-align:center; padding:1.5vw 0 1.5vw 0;}
.footer_box .footer-logo img{max-width:100%;}
.footer_box .footer-nav{text-align:center; line-height:40px; padding:0 0 0 0;}
.footer_box .footer-nav a{display:inline-block; padding:0 15px 0 15px; font-size:20px; color:#FFFFFF;}
.footer_box .footer-nav a:hover{color:#BB2C26;}
.footer_box .copyright{ padding:14px 0 14px 0; font-size:14px; text-align:center; color:#858585; line-height:28px;}
.footer_box .copyright a{font-size:14px; color:#858585;}





.hei8{height:8px; line-height:8px;}
.hei12{height:12px; line-height:12px;}
.hei20{height:20px;}
.hei30{height:1.6vw;}
.hei40{ height:4vw;}
.hei50{height:70px;}
.hei80{ height:4.5vw;}


/*二级页面*/
.er_banner{ width:100%; position:relative;}
.er_banner .mimg{width:100%;}
.er_banner .mimg img{width:100%; display:block;}
.er_banner .t-box{position:absolute; top:40%; width:100%; left:0;  z-index:333;}
.er_banner .t-box .t-title{ max-width:1400px; padding:0 20px 0 20px; margin:auto; line-height:2.4em; text-align:left; font-size:36px; color:#ffffff;
	background-image:url(../images/baiheng.jpg); background-repeat:no-repeat; background-position:20px bottom;
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);  
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border-collapse:separate !important;
}


.er_nav{background-color:#BA2D26;}
.er_nav .er_n{
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	margin: auto;
}
.er_nav .er_n a{ position:relative; display:block; float:left; padding:1.2vw 4vw 1.5vw 4vw; height:30px; line-height:30px; font-size:18px; color:#FFFFFF;}
.er_nav .er_n a:hover,
.er_nav .er_n .a_be{background-color:#ffffff; color:#B92F24;}

.er_title{height:70px; text-align:center; line-height:67px; background-image:url(../images/hongxian.jpg); background-repeat:no-repeat; background-position:center bottom;}
.er_title a{font-size:28px; color:#010101;}
.er_title a:hover{ color:#BA2D26;}

.er_con{padding:3vw 0 3vw 0;}
.er_bj1{ background-color:#f6f6f6;}
.er_bj2{ background-color:#F8F8FC;}

.er_con_last{padding-bottom:0;}


/*仓库实景*/
.cksj_box{ max-width:1436px; margin:auto;}

/*左右滚动开始*/
.cksj_ul{position:relative; padding:3vw 0 80px 0;}
.cksj_ul .arrow{
	border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	position:absolute;
	bottom:20px;		
	color:#777777;	
	z-index:999;
	font-family:"宋体";
	font-size:38px;
	cursor:pointer;
}
.cksj_ul .arrow:hover{color:#BA2D26;}
.cksj_ul .arrow.pre {left:45%;}
.cksj_ul .arrow.next {right:45%;}
.cksj_ul .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:-40px;
}
.cksj_ul .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.cksj_ul .slick-dots li button {
	background: #dddddd;
	border: 1px solid #dddddd;
	border-radius: 7px;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 14px;
	line-height: 0;
	margin: 0 6px;
	outline: medium none;
	padding: 0;
	width: 14px;
}
.cksj_ul .slick-dots li.slick-active button {
	background: #0C78DA;
	border:1px solid #0C78DA;
}
/*上半部分是固定的 下边是网站的css样式*/
.cksj_ul .dataitem{ float:left; padding:0 15px 0 15px;}
.cksj_ul .dataitem .mimg{text-align:center; overflow:hidden;}
.cksj_ul .dataitem .mimg img{ width:100%; display:inline;}
.cksj_ul .dataitem .mtitle{line-height:2.5em; padding:5px 0 0 0; overflow:hidden; text-align:center;}
.cksj_ul .dataitem .mtitle a{font-size:16px;}
/*左右滚动结束*/


/*全球仓配，服务概述*/
.cq-fwgs{ padding:3vw 0 1vw 0;}
.cq-fwgs .mleft{float:left; width: calc(100% - 680px); width: -moz-calc(100% - 680px); width: -webkit-calc(100% - 680px); padding:2vw 0 0 0; text-align:justify; line-height:2.2em; font-size:16px;}
.cq-fwgs .mright{ float:right; width:640px; overflow:hidden;}
.cq-fwgs .mright img{max-width:100%;}

/*全球仓 服务流程*/
.cq-fwlc{ text-align:center; padding:3vw 0 3vw 0;}
.cq-fwlc .mimg{}
.cq-fwlc .mimg p{text-align:center;}
.cq-fwlc .mimg p img{ max-width:100%;}
.cq-fwlc .mimg p:last-child{ display:none;}
.cq-fwlc .cq-fwlc-xx{ padding:30px 0 0 0; line-height:1.6em; font-size:16px; text-align:justify;}

/*全球仓 服务业务*/
.cq-fwyw{ padding:2.4vw 0 0 0;}
.cq-fwyw li{ float:left; width:23%; width: calc((100% - 240px)/4); width: -moz-calc((100% - 240px)/4); width: -webkit-calc((100% - 240px)/4); text-align:center; margin:20px 80px 0px 0; }
.cq-fwyw li .mimg{text-align:center; overflow:hidden;}
.cq-fwyw li .mimg img{width:100%;}
.cq-fwyw li .mtitle{ text-align:center; height:2.2em; line-height:2.2em; overflow:hidden; padding:1vw 0 0 0;}
.cq-fwyw li .mtitle a{font-size:20px; color:#333333;}
.cq-fwyw li .mtitle a:hover{color:#BB2C26;}
.cq-fwyw li .mjianjie{color:#666666; padding:10px 0 0 0; text-align:justify; font-size:15px; line-height:1.7em; overflow:hidden;}
.cq-fwyw li:nth-child(4n+4){margin-right:0;} 






/*关于我们*/
.a-gsjj{ padding:3vw 0 0 0;}
.a-gsjj .mleft{float:left; width:50%; width: calc(100% - 544px); width: -moz-calc(100% - 544px); width: -webkit-calc(100% - 544px);}
.a-gsjj .mleft .mtitle{ line-height:1.6em; font-size:18px; color:#000000;}
.a-gsjj .mleft .mjianjie{ text-align:justify; line-height:1.6em; font-size:16px; color:#666666; padding:22px 0 0 0;}
.a-gsjj .mleft .mjianjie img{max-width:100%;}
.a-gsjj .mright{ float:right; width:484px; overflow:hidden; text-align:center;}
.a-gsjj .mright img{max-width:100%;}


.a-fwcn{ padding:3vw 0 0 0;}
.a-fwcn .mright{float:right; width:50%; width: calc(100% - 560px); width: -moz-calc(100% - 560px); width: -webkit-calc(100% - 560px);}
.a-fwcn .mright .mjianjie{ text-align:justify; line-height:1.8em; font-size:16px; color:#666666; padding:20% 0 0 0;}
.a-fwcn .mright .mjianjie img{max-width:100%;}
.a-fwcn .mleft{ float:left; width:450px; overflow:hidden; text-align:center;}
.a-fwcn .mleft img{max-width:100%;}


/*合作伙伴*/
.a-hzhb{ padding:2.4vw 0 0 0;}
.a-hzhb li{ float:left; width:216px; margin:20px 0 0 0;
	margin-right:calc((100% - 864px)/3);
	margin-right:-moz-calc((100% - 864px)/3);
	margin-right:-webkit-calc((100% - 864px)/3);	
}
.a-hzhb li .mimg{ overflow:hidden;}
.a-hzhb li .mimg img{width:100%;}
.a-hzhb li:nth-child(4n+4){margin-right:0;} 


/*新闻中心*/
.a-news{ padding:2.4vw 0 2vw 0; position:relative; z-index:88888888;}
.a-news li{ float:left; width:30%; width: calc((100% - 160px)/3); width: -moz-calc((100% - 160px)/3); width: -webkit-calc((100% - 160px)/3); text-align:center; margin:20px 80px 0px 0;
	-webkit-box-shadow: 2px 2px 5px #dddddd;  
	-moz-box-shadow: 2px 2px 5px #dddddd;
	box-shadow: 2px 2px 5px #dddddd;
	border-collapse:separate !important;
}
.a-news li .con-box{border:1px solid #E8E8E8; padding:3vw; background-color:#FFFFFF;}
.a-news li .con-box .mdate{ font-size:26px; color:#333333; text-align:left; line-height:1.2em;}
.a-news li .con-box .mdate span{font-size:14px; color:#999999;}
.a-news li .con-box .mtitle{padding:20px 0 0 0; line-height:1.6em; height:4.8em; overflow:hidden; text-align:left;}
.a-news li .con-box .mtitle a{font-size:16px; color:#555555;}
.a-news li .con-box .mmore{padding:20px 0 0 0; text-align:left;}
.a-news li .con-box .mmore a{display:inline-block; height:27px; line-height:26px; background-color:#cccccc; color:#FFFFFF; font-size:12px; padding:0 20px 0 20px;
	border-radius:12px; -moz-border-radius:12px;  -webkit-border-radius:12px;
}
.a-news li .con-box:hover{background-color:#1158B0;}
.a-news li .con-box:hover .mdate{color:#FFFFFF;}
.a-news li .con-box:hover .mdate span{color:#FFFFFF;}
.a-news li .con-box:hover .mtitle a{color:#FFFFFF;}
.a-news li .con-box:hover .mmore a{color:#1158B0; background-color:#FFFFFF;}
.a-news li:nth-child(3n+3){margin-right:0;} 



/*增值服务*/
.zzfw-box{ padding:3vw 0 1vw 0;}
.zzfw-box .mleft{ float:left; width:50%; text-align:right; overflow:hidden;}
.zzfw-box .mleft img{max-width:100%;}
.zzfw-box .mright{ float:right; width:46%; width: calc(50% - 40px); width: -moz-calc(50% - 40px); width: -webkit-calc(50% - 40px); padding:3vw 0 0 40px; text-align:left; text-align:justify; line-height:2.2em; font-size:16px;}
.zzfw-box2{}
.zzfw-box2 .mleft{ float:right;}
.zzfw-box2 .mright{ float:left; padding:3vw 40px 0 0;}


/*联系我们*/
.lxwm-box{ padding:2vw 0 0 0; position:relative; z-index:999999999;}
.lxwm-box .mleft{ float:right; width:724px; text-align:right; overflow:hidden;}
.lxwm-box .mleft img{max-width:100%;}
.lxwm-box .mright{ float:left; width:46%; width: calc(100% - 760px); width: -moz-calc(100% - 760px); width: -webkit-calc(100% - 760px); text-align:left; text-align:justify; line-height:2.2em; font-size:16px;}
.lxwm-box2{}
.lxwm-box2 .mleft{ float:left;}
.lxwm-box2 .mright{ float:right;}


.info_xx{ padding:10px 0 0 0; z-index:88888888; position:relative;}



/*新闻*/
.news-list{ padding:10px 0 0 0;}
.news-list li{ padding:15px 0 15px 0; border-bottom:1px solid #eeeeee;}
.news-list li .mimg{float:left; width:300px; overflow:hidden;}
.news-list li .mimg img{width:100%;}
.news-list li .mdate{float:left; margin:26px 0 0 0; width:180px; text-align:center; line-height:2.2em; font-size:14px; color:#999999;}
.news-list li .mdate p{ font-size:32px; font-weight:bold;}
.news-list li .nr-box{ float:left; margin-top:16px; width:46%; width: calc(100% - 585px); width: -moz-calc(100% - 585px); width: -webkit-calc(100% - 585px);}
.news-list li .nr-box .mtitle{ line-height:2em; height:2em; overflow:hidden;}
.news-list li .nr-box .mtitle a{font-size:18px; color:#333333;}
.news-list li .nr-box .mjianjie{ font-size:14px; color:#777777; line-height:2em; height:4em; overflow:hidden; padding:5px 0 0 0;}
.news-list li .mright{float:right; margin:16px 0 0 0; position:relative; display:block; width:48px; height:48px; text-align:center; line-height:48px; font-size:16px; font-family:"宋体"; border:1px solid #dddddd; color:#333333;}
.news-list li:hover .mdate{color:#BA2D26;}
.news-list li:hover .mright{background-color:#BA2D26; color:#FFFFFF;}


.kefu_right{position:fixed; right:0; top:50%; z-index:9876;}
.kefu_right li{ height:50px; width:50px; border-bottom:1px solid #eeeeee; position:relative; background-color: rgba(140,44,38,0.9); }
.kefu_right li > a{position:relative; display:block; width:100%; height:50px; text-align:center; padding-top:10px;}
.kefu_right li > a img{ width:30px;}
.kefu_right li p{position:absolute; display:none; right:-120px; top:0; 
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari 和 Chrome */
	-o-transition: all 2s; /* Opera */
}
.kefu_right li:hover p{display:block;
	right:50px;	
}
.kefu_right li:first-child p{line-height:2.4em; font-size:20px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; background-color: rgba(140,44,38,0.9); padding:0 10px 0 10px;}
.kefu_right li:last-child{border-bottom:0;}



/*详细*/
.xx_title{font-size:24px; padding:3vw 0 10px 0; text-align:center; line-height:1.8em; color:#333333; border-bottom:1px solid #f1f1f1;}
.xx_author{ text-align:center; line-height:3em; font-size:12px; color:#999999;}
.xx_video{ padding:10px 0 0 0; text-align:center; width:60%; margin:auto;}
.xx_video video{ width:100%;}
.xx_img{padding:10px 0 0 0; text-align:center;}
.xx_img img{max-width:100%;}
.xx_content{line-height:2.2em; padding:8px 0 0 0; font-size:16px; text-align:justify; color:#555555;}
.xx_content img{max-width:100%;}



.fanhui{ height:60px; padding:15px 0 0 0;}
.fanhui .d_left{ float:left; margin:10px 0 0 0;}
.fanhui .d_left a{display:inline-block; background-image:url(../images/fanhui.jpg); background-repeat:no-repeat; background-position:right center; padding:0 20px 0 0;}
.fanhui .d_left a:hover{color:#185ABD;}
.fanhui .d_right{float:right; margin:2px 0 0 0;}

.pre_next{ border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; position:relative; z-index:88888888;}
.pre_next p{float:left; width:50%;}
.pre_next p a{position:relative; display:block; text-align:right; padding:15px 0 15px 0; line-height:30px; color:#555555; font-size:16px;}
.pre_next p:first-child a{ border-right:1px solid #dddddd; font-size:16px; text-align:left;}
.pre_next p a:hover{ color:#BA2D26;}

/***********************************其它页面结束*/



/*分页*/
.mypages{clear:both;margin:20px 0px 20px 0px;text-align: center;height:40px;line-height:40px;}
.mypages ul{display:inline-block;margin:0 auto;}
.mypages li{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}
.page-num{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}
.page-num-current,.page-num-current a,.page-num-current a:hover{color:#fff;background-color:#bb2c26;}




#back_to_top { color: #cdcdcd; display:none; height: auto; position: fixed; bottom:10px; right: -70px;z-index: 10000;
-webkit-transition: all .5s ease 0s;
   -moz-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;}
#back_to_top span { display: inline-block; text-align: center; font-size: 30px; width: 40px;height: 40px; line-height: 35px; color: white;background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 2px;
-webkit-transition: all .2s ease 0s;
   -moz-transition: all .2s ease 0s;
     -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
border-radius: 2px;
}
#back_to_top.on {opacity: 1;filter: alpha(opacity=100);right: 10px;}
#back_to_top:hover span{ background-color: #000;}

/******************************
 ** 在线留言
 ** PC端
 ******************************/
.message-page input.code { border-color:#aaa; }
.message-page { width:680px;height:500px; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden;float:left; }
.message-page .row-1 { width:328px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; }
.message-page .row-3 {  }
.message-page .ico-name { background:url(../images/zzz.png) 15px center no-repeat; }
.message-page .ico-phone { background:url(../images/xxx.png) 15px center no-repeat; }
.message-page .ico-email { background:url(../images/mail.png) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; background:none; border:0; color:#999; }
.message-page .text { width:98%; border:0; background:#fff; padding:5px 5px; line-height:20px; height:100px; color:#999;}
.message-page img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer; }
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#fff; margin-right:20px; padding:0 10px; color:#999; }
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#427edf; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#f07800; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px;}