/* CSS Document */
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,input,textarea,input,button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none;
}
a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}
body{ background:#fff;-webkit-text-size-adjust: none;}
img {
	border: none;
}
i,em{font-style: normal;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
a {
	text-decoration: none;
	color:#4b4b4b;
}
p{ line-height:24px;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 通用样式 */

.grid_2 {
	width: 775px;
	float: left;
	margin-top: 15px;
}
.grid_1 {
	width: 370px;
	float: right;
	margin-top: 15px;
}
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.container {
	width:73%;
	margin: 0 auto;
}
.container1 {
	/*width:1440px;*/ width:85%;
	margin: 0 auto;
}

input, button {
	 border:none;
}





/* 清楚浮动元素 */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
* html .clearfix, *:first-child+html .clearfix {
	zoom: 1
}
/*头部------------------------------------------------------------------------------------------------------------------------ */ 
.waihong{ background:#be3233;}
.top{box-shadow: 0 2px 30px rgba(0, 0, 0, .1); position:fixed; top:0; z-index:100000; background:#fff; width:100%;}
.top-top{background:#292a29; height:43px; line-height:43px;}
.logo-left{ float:left; width:350px;}
.top-logo img{ width:100%;}
.sosuo{background:#fff; border:1px solid #ddd; float:right; width:40%;height:43px; margin-top:5px;}
.so{ float:left; width:90%; text-indent:8px;color:#666; height:40px; line-height:40px; font-size:16px;}
.anniu{ width:8%; float:right;}
.anniu img{ width:20px;}
input[type="text"].so { color:#666; background: none;}
button.anniu { background:none; margin-top:12px; cursor:pointer;}
.lianxi{ width:22%; float:left; height:40px; }
.lianxi span{display:inline-block;color:#fff;}
.lianxi a{ display:inline-block; float:left; margin:0 3%; width:18px; height:22px; margin-top:10px;}
.m1{background:url(../images/m1.jpg) center center  no-repeat; background-size:18px;}
.m2{background:url(../images/m2.jpg) center center  no-repeat; background-size:18px;}
.m3{background:url(../images/m3.jpg) center center  no-repeat; background-size:18px;}
.m4{background:url(../images/m4.jpg) center center  no-repeat; background-size:18px;}

.m1:hover{background:url(../images/n1.jpg) center center  no-repeat; background-size:18px;}
.m2:hover{background:url(../images/n2.jpg) center center  no-repeat; background-size:18px;}
.m3:hover{background:url(../images/n3.jpg) center center  no-repeat; background-size:18px;}
.m4:hover{background:url(../images/n4.jpg) center center  no-repeat; background-size:18px;}

.lianxi a img{ height:18px;}
.yuyan{ width:12%; float:left; margin-left:1%; position:relative;}
.xuanze{ height:45px; cursor:pointer;background: url(../images/wang.png) 0 14px no-repeat; background-size:15px; padding-left:20px; border-right:1px solid #fff; margin-right:15%; padding-right:10%;}
.xuanze span{ color:#fff;}
.xuanze img{ width:12px; margin-left:8px;}
.moreyu{ z-index:1000; background:#fff; display:none; width:100px; text-align:center; position:absolute;top:50px; left:0;}
.moreyu li a{ display:block; height:35px; line-height:35px;}
.moreyu li a:hover{ color:#be3233;}
.xunjia{ float:right; width:20%;}
.xunjia a{ background:url(../images/bai.jpg) center center  no-repeat #be3233;transition: all 0.2s; background-size:0 100%; color:#fff; text-align:center; display:block; width:100%; height:43px; line-height:43px;}
.xunjia a:hover{background:url(../images/bai.jpg) center center  no-repeat; background-size:100% 100%; color:#be3233;}
.gouwu{  background: url(../images/gou.png) 0 0px no-repeat; background-size:22px; padding-left:40%; cursor:pointer;}
.gouwushu{ background:#be3233; color:#fff;font-size: 12px;width: 18px;height: 18px; padding:2px; line-height:18px; text-align:center; font-family:Arial, Helvetica, sans-serif; border-radius:50%; margin-top:10px;}
.top-logowai { width:100%; }
.top-logo {margin:10px auto;width:100%; text-align:center;}


.top-nav li{ float:left; width:14.285%; text-align:center; position:relative;}
.top-nav li a{ display:block; width:100%; height:60px; line-height:60px; font-weight:bold; font-size:16px; text-align:center; color:#fff;}
.top-nav li a:hover{ background:#333;}

.shoujitop{ display:none;}
.gouwuxiang{ display:none; background:#fff; position:absolute;top:35px; right:0; width:420px; background:#fff;box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 6%); z-index:100000;}
.gotop{ background:#7a8599; text-align:center; padding:5px 0; color:#fff;}
.dinggou{ padding-top:20px;}
.goulist li{ position:relative;padding:0 0 10px 0; margin:0 5%; margin-bottom:10px; border-bottom:1px solid #eee;}
.goulist li:last-child{ border-bottom:none;}
.goulist li .guan{ position:absolute; left:-10px;top:-10px; color:#999;font-size:25px; display:block; cursor:pointer;}
.dinglie{ margin-left:20px;}

.dinggou-left{ float:left; width:20%;}
.dinggou-left img{ width:100%;}
.dinggou-right{ float:left; width:75%; margin-left:5%;}



.gobottom a{ display:block;background:#be3233; width:150px;text-align:center; color:#fff;margin:20px auto;}
.gouwuwai{ position:relative; float:right; width:5%; padding-bottom:10px;}
.dinggou-right p{ line-height:30px; margin-bottom:10px;overflow: hidden;
    text-overflow: ellipsis; white-space:nowrap;}
.jishu{ color:#ffb629;}
.shoujigou{ display:none;}

/*底部------------------------------------------------------------------------------------------------------------------------ */ 

/*留言*/
.foot{ margin-top:20px; background:#333; padding-top:50px;}
.liuyan{ background:#be3233; padding:50px 13%;}
.liu-left{ float:left; width:40%;}
.liu-left h1{ font-size:30px; color:#fff; margin-bottom:10px;}
.liu-left p{ font-size:18px; color:#fff; margin-bottom:20px;}
.liulist li{ color:#fff; font-size:15px; margin:10px 0; padding:10px 0; font-weight:bold;}
.liulist li:nth-child(1){background: url(../images/tel.png) 0px 7px no-repeat; background-size:20px; padding-left:30px;}
.liulist li:nth-child(2){background: url(../images/youxiang.png) 0 7px no-repeat; background-size:20px; padding-left:30px;}
.liulist li:nth-child(3){background: url(../images/f1.jpg) 0 7px no-repeat; background-size:22px; padding-left:30px;}

.liu-right{ float:right; width:50%;}

.name{ margin-right:2%;}
input[type="text"].sty::-webkit-input-placeholder, textarea[type="text"].quyu::-webkit-input-placeholder{ color:#fff;}


input[type="text"].sty {background-color: rgba(255, 255, 255, 0.17); border:1px solid #ccc; padding:10px 2%; width:44.5%; float:left; color:#fff; }
textarea[type="text"].quyu {background-color: rgba(255, 255, 255, 0.17); border:1px solid #ccc; padding:10px 2%; height:70px; margin-top:10px; width:96%;}
button[type="button"].tijiao {transition: all 0.5s; cursor:pointer;color:#be3233; background:#fff; border:1px solid #fff; height:45px; line-height:45px; text-align:center; width:100%; font-size:16px; margin-top:10px;}
button[type="button"].tijiao:hover{ background-color: rgba(255, 255, 255, 0.17); color:#fff;}
.footnavlist li{overflow: hidden;text-overflow: ellipsis; white-space:nowrap;float:left; width:11.11111%; text-align:center; margin:40px 0;}
.footnavlist li a{ display:block; width:100%; height:60px; line-height:60px; font-weight:bold; font-size:16px; color:#fff; text-align:center;}
.footnavlist li a:hover{ color:#be3233;}
.di{ background:#2a2a2a; padding:40px 0;}
.di-left{ float:left; width:70%; color:#fff; }
.di-right{ float:right; }
.di-right a{ padding:0 10px; display:inline-block;}

.di-right a img{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.di-right a img:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
 
.erji{ position:absolute; left:0;top:60px; background:#f7f8f8; width:100%; display:none;}
.top-nav li .erjilist  dd a{ height:40px; line-height:40px; color:#333; font-size:14px;}
.top-nav li .erjilist  dd a:hover{ background:#333; color:#fff;}

/*浮动qq*/

.fudong{ cursor:pointer; position:fixed; top:260px; right:0px; z-index:6666; }
.fudong li{ width:50px; height:50px; text-align:center; border-radius:50%; background:#be3233; margin-bottom:5px; position: relative;}
.fudong li img{ margin-top:9px;}
.fuyin{ position:absolute; right:60px; top:10px; background:#fff; color:#333; border-radius:5px; border:1px solid #ccc; padding:7px 15px;}


.fudong .onlineservice-fixed-blocks-tips{padding:5px 8px;background-color:#fff;border:1px solid #ccc;border-radius:20px;position:absolute;right:calc(100% + 10px);top:6px;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transition:all .4s;transition:all .4s}
.fudong .onlineservice-fixed-blocks-tips:after{content:"";display:inline-block;width:7px;height:7px;border:1px solid #ccc;border-color:transparent #ccc #ccc transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;right:-3px;top:10px;background-color:#fff}

.fulist li:hover .onlineservice-fixed-blocks-tips{-webkit-transform:rotateX(0);transform:rotateX(0)}




.liuyanfu{ cursor:pointer; position:fixed; bottom:20px; left:0px; z-index:666666; }
.liuwai{ position:absolute;left:0; bottom:0;}
.liufu{ float:left; width:50px; height:50px;color:#FFF;background: url(../images/liuyan.jpg) center center no-repeat #be3233; background-size:30px;  border-radius:50%;}
.tian{ margin-bottom:10px;}
.tian span{ color:#be3233; margin-right:10px;}
.tian label.qianzi{ display:block; width:100%; font-size:15px;}
.liunei{display:none; margin-top:39px;background:#f2f5f9;border-top-right-radius:10px; padding:20px; width:415px;}
.tong{color:#333; background: none;   line-height:28px; border:1px solid #ccc; margin-top:10px;border-radius:5px; width:96%; padding:0 2%;} 
input[type="text"].tian1 {height:28px;}
textarea[type="text"].tian2{height:100px;}
button[type="button"].tian3 {margin-top:12px; background:#be3233; color:#fff; padding:10px 30px; text-transform:uppercase; font-weight:bold;border-radius:5px;}
.mar15{ margin-bottom:15px;}
input[type='radio'] + label{ position:relative; padding-left:23px; padding-top:10px; display:inline-block; margin-bottom:5px;}
input[type='radio'] + label:before { cursor:pointer;
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #b7080c; position:absolute; left:0; top:12px;
}
input[type='radio']{display:none;}
input[type='radio']:checked+label:before{background-color:#b7080c;color: #fff;}
.jiange{ margin-right:15px;}





/*翻页*/
.pages { background:#f5f5f5; padding:20px; font-size:16px; margin:10px 0; }
.pages a { margin:0 3px;border-radius:5px; display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ccc; text-align:center; color:#333; padding:0 12px; }
.pages a.page-num-current {  background:#be3233; color:#FFF;border:1px solid #be3233; }
.pages a:hover { background:#be3233; color:#fff; text-decoration:none }




/*动画效果*/
@keyframes showbig{
0%{opacity: 0;}	
100%{opacity:1;}
}
.showbig{animation:showbig 0.3s infinite;-webkit-animation:showbig 0.3s infinite;animation-iteration-count:1;}


@keyframes zuoru{
0%{opacity: 0;left:100px;}	
100%{opacity:1;left:0;}
}
.zuoru{animation:zuoru 10s infinite;-webkit-animation:zuoru 3s infinite;animation-iteration-count:1;}



@keyframes xiaxian{
0%{bottom:-100px;}	
100%{bottom:0px;}
}
.xiaxian{width: 92%;
    background: #FFF;
   
    padding: 20px 4%;
    position: absolute;
    bottom:-100px;
    left: 0;animation:xiaxian 0.3s infinite;-webkit-animation:xiaxian 0.3s infinite;animation-iteration-count:1;animation-fill-mode:forwards;}

.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}
/*@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
*/
@keyframes layer-bounceOut
{
100%{opacity:0;}
0%{opacity:1;}
}