/*通用样式*/
body {
	font-family:"Microsoft YaHei", "宋体", "思源黑体", Arial,"SimSun";
	color: #333;
	background:#fff;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,fieldset, lengend, button, input, textarea,th, td {
    margin: 0;
    padding: 0;
}
a{text-decoration:none;outline:none;color: #333;}
a:hover,
a:focus{
	text-decoration:none;
	
}
html{font-size:62.5%;}
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, 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,

article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td,{
	margin: 0;
	padding: 0;

	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */


input{border:none;outline:none;}
ol,ul,li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: 100%;}

/*合并表格边框，设置边框距为零*/
table{border-collapse: collapse;border-spacing: 0;}

/*清除浮动*/
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{ *zoom:1;/*ie6,7*/} 
.clear { clear: both; margin: 0 auto;}

/*强制换行*/
.break_word{word-wrap:break-word;word-break:break-all;}

/*禁止换行*/
.keep_all{word-break:keep-all;white-space:nowrap;}

/*超出省略号，仅限单行，并且需要设定一个宽度*/
.ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}

/*段落两端对齐*/
.case_intro , .txt_justify{text-align:justify;text-justify:inter-ideograph;}

/*禁止FF等浏览器给textarea增加可拖拽大小的设置*/
textarea { resize: none; }
input, textarea {
outline: none;
outline-style: none;
outline-width: initial;
outline-color: initial;
}
input{border-radius:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder{
    color: #999;
}

input::-webkit-input-placeholder{
    color: #999;
}

textarea:-ms-input-placeholder{
    color: #999;
}

textarea::-webkit-input-placeholder{
    color: #999;
}


@-webkit-keyframes loader{
  0%{-webkit-transform:scale(1, 0.5);opacity:.2;filter:alpha(opacity=20)\9}
  100%{-webkit-transform:scale(1, 1);opacity:1;filter:alpha(opacity=100)\9}
}
@keyframes loader{
  0%{-webkit-transform:scale(1, 0.5);transform:scale(1, 0.5);opacity:.2;filter:alpha(opacity=20)\9}
  100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1;filter:alpha(opacity=100)\9}
}

@media(max-width: 768px){

	html{font-size:50%;}
}

.main{width:100%;margin:0 auto;transition: all 1s; -webkit-transition: all 1s;}

/* 加载更多 */
.load-more{width:100%;margin-top:60px;}
.load-more a{display:block;margin:0 auto;width:100px;height:32px;border:#ccc solid 1px;font-size:12px;color:#666;line-height:30px;text-align:center;font-family:"Arial";text-transform:uppercase;transition: all 0.2s;-webkit-transition: all 0.2s;}
.load-more a:hover{color:#fff;background:#c8001e;border:#c8001e solid 1px;}

@media(max-width:640px){
	.load-more{margin-top:30px;}
}

/*top*/
.animated {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.animated.slideDown {top: -300px;}
.animated.slideUp {top: 0;}

.header100{width:100%;height:160px;margin:0 auto;}
.headerMenu{width:100%;height:160px;background: #fff;z-index:100;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-top{width:100%;padding:0 2.5%;margin:0 auto;}
.header_logo{float: left; width:auto;height:120px;}
.header_logo a{float:left;height:100%;}
.header_logo a img{float:left;height:100%;transition: all 1s;-webkit-transition: all 1s;}

.header-tel{float:right;width:300px;}
.header-tel .icon{float:left;width:58px;height:58px;background:url(../images/top-tel.png) no-repeat center;margin-top:31px;}
.header-tel ul{display:block;float:right;padding:21px 0;width:220px;}
.header-tel ul li{float:left;width:100%;font-size:14px;color:#c8001e;line-height:24px;font-family:"Microsoft YaHei","微软雅黑";font-weight:bold;}
.header-tel ul li a{font-size:18px;color:#c8001e;line-height:24px;font-family:"Microsoft YaHei","微软雅黑";font-weight:bold;}
.header-tel ul li a.letterspace1{letter-spacing:1px;}
.header-tel ul li a.letterspace2{letter-spacing:3px;}
.header-tel .wap-icon{display:none;}
.header-tel ul .arrow{display:none;}

/* 主导航 */
.header-nav{width:100%;margin:0 auto;background:#c8001e;height:40px;}
.header-nav ul{text-align:center;width:1076px;margin:0 auto;position:relative;
	-webkit-perspective: 60px;
    -moz-perspective: 60px;
    -ms-perspective: 60px;
    perspective: 60px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 100;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;}
.header-nav li{float:left;}
.header-nav li h3{float:left;width:100%;border-right:#fa001e solid 1px;border-left:#96001e solid 1px;position:relative;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-nav li h3 a{float:left;font-size:16px;color:#fff;font-weight:bold;padding:0 30px;line-height:40px;font-family:"Microsoft YaHei","微软雅黑";transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-nav li h3 i{position:absolute;right:0;top:0;display:block;width:40px;height:48px;background:url(../images/icon-down01.png) no-repeat center;background-size:16px;display:none;transition: all 0.6s;-webkit-transition: all 0.6s;}
.header-nav li.cur h3{background:#96001e;}
.header-nav li:hover h3{background:#fff;border-right:#fff solid 1px;border-left:#fff solid 1px;}
.header-nav li:hover h3 a{color:#c8001e;}

/* 二级导航 */
.sec-nav{position:absolute; top:40px;left:0;width:853px;padding:4%;background:#fff;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
	transform-origin: 0 0;
	opacity: 0;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -moz-backface-visibility:visibility: hidden;;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index:99;
    transition: all .5s;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition-delay:0.5s;
}
.sec-nav-list{float:left;width:70%;margin-top:-20px;}
.sec-nav-list dl{float:left;width:90%;margin-top:20px;margin-right:2%;}
.sec-nav-list dl.wide-nav{width:98%;}
.sec-nav-list dl dt{float:left;width:50%;margin-bottom: 30px;}
.sec-nav-list dl dt a{float:left;width:100%;font-size:16px;font-weight:normal;color:#333;line-height:24px;font-family:"Microsoft YaHei","微软雅黑";text-align:left;transition: all 0.2s;-webkit-transition: all 0.2s;}
.sec-nav-list dl dt a i{float:left;width:4px;height:12px;background:#c8001e;margin-right:6px;margin-top:6px;}
.sec-nav-list dl dt:hover a{color:#c8001e;}
.sec-nav-list dl dd{float:left;margin:6px 16px;}
.sec-nav-list dl dd a{font-size:14px;color:#666;line-height:20px;font-family:"Microsoft YaHei","微软雅黑";transition: all 0.2s;-webkit-transition: all 0.2s;}
.sec-nav-list dl dd:hover a{color:#c8001e;}

.header-nav li:last-child .sec-nav-list dl:last-child{margin-top:0;}

.nav-img{float:right;width:28%;}
.nav-img img{display:block;width:100%;}
.nav-img p{width:100%;margin-top:10px;font-size:12px;color:#666;line-height:20px;font-family:"Microsoft YaHei","微软雅黑";} 

.header-nav li:hover .sec-nav{
	opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    transition: all .5s;
}

.header-nav .nav-close{width:100%;height:64px;border-bottom:#eee solid 1px;padding:0 3%;}
.header-nav .nav-close h6{float:left;font-size:18px;color:#333;line-height:64px;font-weight:400;}
.header-nav .nav-close span{float:right;width:28px;height:64px;background:url(../images/icon-nav-close.png) no-repeat center;background-size:24px;}
.header-nav .nav-close{display:none;}

/*移动端导航*/
.icon-nav-btn{float:right;margin-top:12px;width:40px;height:40px;padding:10px;border-radius:50%;background:#c8001e;display:none;}
.icon-nav-btn img{width:100%;display:block;}

/*导航背景*/
.trans-bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);  *zoom:1;z-index:101;display:none;}

 @media (max-width: 1200px){
	.header-nav ul{width:100%;}
	.header-nav li h3 a{padding:0 22px;transition: all 0.2s;-webkit-transition: all 0.2s;}
	.sec-nav{width:931px;}
}

@media (max-width: 1080px){
	.header100{height:64px;}
	.animated.slideDown {top: -300px;}
	.headerMenu{height:64px;}

	.header_logo{height:40px;margin:12px 0;}

	.header-tel{width:auto;position:relative;}
	.header-tel .icon{display:none;}
	.header-tel .wap-icon{display:block;float:left;margin-top:12px;width:40px;height:40px;padding:10px;border-radius:50%;background:#c8001e url(../images/top-tel01.png) no-repeat center;background-size:24px;margin-right:15px;}
	.header-tel ul{float:none;padding:20px 12px;width:200px;position:absolute;top:78px;right:2.5%;z-index:102;background:#fff;-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0 0px 15px rgba(0,0,0,0.2);transition: all 0.2s;-webkit-transition: all 0.2s;display:none;}
	.header-tel ul .arrow{display:block;position:absolute;top:-6px;right:26px;background:#fff;transform:rotate(-45deg);width:12px;height:12px;}
	.header-tel ul li{float:left;width:100%;font-size:10px;color:#333;line-height:28px;font-weight:normal;}
	.header-tel ul li a{font-size:14px;line-height:28px;font-weight:normal;}
	.header-tel ul li a.letterspace2{letter-spacing:2px;}

	.icon-nav-btn{display:block;}
	.header-nav .nav-close{display:block;}

	.header-nav{width:72%;height:100%;background:#fff;position:fixed;left:-72%;top:0;z-index:102;overflow-y:scroll;}
	.header-nav .container{width:100%;padding:0;padding-bottom:60px;}
	.header-nav ul{float:left;width:100%;
		-webkit-perspective:0;
	    -moz-perspective:0;
	    -ms-perspective:0;
	    perspective:0;
	    -webkit-transform-style:flat;
	    -moz-transform-style:flat;
	    -ms-transform-style:flat;
	    transform-style:flat;}
	.header-nav li{width:100%;border-bottom:#eee solid 1px;}
	.header-nav li h3{background:none;border:none;width:100%;}
	.header-nav li h3 a{width:100%;text-align:left;color:#333;padding:0 3%;line-height:48px;font-weight:normal;}
	.header-nav li h3 i{display:block;}
	.header-nav li.cur h3{background:none;}
	.header-nav li.cur h3 a{color:#c8001e;}
	.header-nav li:hover h3{background:none;border:none;}
	.header-nav li:hover h3 a{color:#c8001e;}

	.wap-nav{width:100%;float:left;display:none;}
	.sec-nav-list{width:100%;padding:0 8%;margin-top:0px;}
	.sec-nav-list dl{width:100%;margin-top:0;margin-right:0;}
	.sec-nav-list dl.wide-nav{width:100%;}
	.sec-nav-list dl dt a{line-height:40px;font-size:14px;}
	.sec-nav-list dl dt a i{width:2px;height:8px;margin-top:16px;}
	.sec-nav-list dl dt:hover a{color:#c8001e;}
	.sec-nav-list dl dd{margin:0;width:100%;padding:0 8%;}
	.sec-nav-list dl dd a{float:left;width:100%;line-height:32px;text-align:left;font-size:12px;}
	.sec-nav-list dl dd:hover a{color:#c8001e;}

	.nav-img{display:none;} 
}

@media (max-width:640px){
	.header100{height:48px;}
	.headerMenu{height:48px;}

	.header_logo{height:24px;margin:14px 0;}
	.header-tel .wap-icon{margin-top:8px;width:32px;height:32px;padding:6px;background:#c8001e url(../images/top-tel01.png) no-repeat center;background-size:18px;}
	.header-tel ul{top:60px;}
	.icon-nav-btn{margin-top:8px;width:32px;height:32px;padding:8px;}
	.header-nav .nav-close{height:48px;} 
	.header-nav .nav-close h6{line-height:48px;}
	.header-nav .nav-close span{height:48px;background-size:20px;}
}


/*底部导航*/
.footer{width:100%;padding:30px 0;background:#292929;}
.footer-about{float:left;width:34%;margin-right:4%;border-right:#4d4d4d solid 1px;padding-right:4%;}
.footer-about h3{float:left;width:100%;height:16px;margin-top:10px;margin-bottom:20px;border-left:#d80c24 solid 2px;padding-left:12px;font-size:16px;color:#fff;line-height:16px;font-family:"Microsoft YaHei","微软雅黑";overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;}
.footer-about .txt{float:left;width:100%;margin-bottom:10px;}
.footer-about .txt h6{float:left;width:100%;font-size:12px;color:#ccc;line-height:24px;max-height:72px;font-family:"宋体";overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.footer-about .txt p{float:left;width:100%;font-size:12px;color:#ccc;line-height:24px;height:24px;font-family:"宋体";overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;}

.footer-contact{width:40%;}
.footer-tel{float:right;width:14%;}
.footer-tel .txt{float:left;width:100%;margin-bottom:10px;margin-top:46px;}
.footer-tel .txt p{float:left;width:100%;font-size:12px;color:#ccc;line-height:24px;height:24px;font-family:"宋体";overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;}

@media (max-width:991px){
	.footer-about{width:100%;margin-right:0;border-right:none;padding-right:0;}
	.footer-about h3{height:16px;margin-top:10px;margin-bottom:10px;font-size:14px;line-height:16px;}
	.footer-about .txt{margin-bottom:30px;}

	.footer-contact{width:100%;}
	.footer-contact .txt{margin-bottom:0;}
	.footer-tel{width:100%;}
	.footer-tel .txt{margin-top:0;}
	.footer-tel .txt p{height:auto;}
}

.copyright{width:100%;height:40px;margin:0 auto;background:#0f0f0f;font-size:12px;color:#ccc;line-height:40px;font-family:"Microsoft YaHei","微软雅黑";}
.copyright span{font-family:Arial;}
.copyright i{font-style:normal;font-family:Arial;}
.copyright a{font-size:12px;color:#ccc;line-height:40px;font-family:"Microsoft YaHei","微软雅黑";}
.copyright a:hover{color:#fff;}
.copyright .cp-left{float:left;}
.copyright .cp-right{float:right;}

@media (max-width:991px){
	.copyright{height:auto;padding:10px 0;line-height:20px;text-align:center;}
	.copyright a{line-height:20px;display:inline-block;}
	.copyright i{display:inline-block;}
	.copyright .cp-left{float:none;display:inline-block;}
	.copyright .cp-right{float:none;display:inline-block;}
}

.guide{ position:fixed;  right:2%; bottom:50px; width:40px; height:40px;border-radius:30px;padding:10px;z-index:9999;background:rgba(255,255,255,0.8);display:none;-webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.2);
    box-shadow: 0 2px 12px rgba(0,0,0,0.2);}
.guide img{display:block;max-width:100%;}

/* 右侧客服 */
.side-bar{position:fixed;right:4px;bottom:160px;z-index:99;background:#f7f7f7;width:128px;border:#ccc solid 1px;border-radius:8px;display:none;transition: all 0.2s;-webkit-transition: all 0.2s;}
.side-bar.open{right:-132px;}
.side-bar .side-bar-btn{position:absolute;top:50%;left:-32px;width:32px;height:140px;background:#c4261d;margin-top:-70px;border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer;}
.side-bar .side-bar-btn h5{width:20px;margin:20px auto 0;background:url(../images/icon-ser.png) no-repeat center top;padding-top:24px;font-size:12px;color:#fff;text-align:center;}
.side-bar .side-bar-btn .icon{display:block;width:20px;height:20px;margin:6px auto;background:url(../images/icon-right02.png) no-repeat center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.side-bar.open .side-bar-btn .icon{transform:rotate(-180deg);}

.side-qq{width:100%;padding:15px 0;}
.side-qq a{display:block;width:100%;}
.side-qq a .icon{width:88px;height:88px;padding:8px;margin:0 auto;background:#fff;border-radius:50%;-webkit-box-shadow: 0 4px 30px rgba(0,0,0,0.1);
    box-shadow: 0 4px 30px rgba(0,0,0,0.1);transition: all 0.2s;-webkit-transition: all 0.2s;overflow:hidden;}
.side-qq a .icon img{display:block;width:100%;transition: 1s;}
.side-qq a:hover .icon img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}
.side-qq a h6{width:100%;font-size:14px;color:#333;line-height:24px;margin:10px auto 0;text-align:center;font-family:"Microsoft YaHei","微软雅黑";}
.side-qq a:hover h6{color:#c8001e;}

.side-tel{width:100%;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;padding:10px 0;}
.side-tel .txt{width:100%;}
.side-tel h5{width:100%;font-size:14px;color:#333;line-height:28px;font-family:"Microsoft YaHei","微软雅黑";text-align:center;}
.side-tel a{display:block;width:100%;font-size:14px;color:#c8001e;line-height:20px;font-family:"Arial";text-align:center;margin-bottom:8px;}

.side-order{width:100%;padding:15px 0;}
.side-order a{display:block;width:100%;font-size:14px;color:#333;line-height:16px;font-family:"Microsoft YaHei","微软雅黑";background:url(../images/icon-order.png) no-repeat 18px center;padding-left:52px;}
.side-order a:hover{color:#c8001e;}

.side-top{width:100%;padding:15px 0;border-top:#ccc solid 1px;}
.side-top a{display:block;width:100%;font-size:14px;color:#333;line-height:16px;font-family:"Microsoft YaHei","微软雅黑";background:url(../images/top.png) no-repeat 18px center;padding-left:52px;background-size:24px;}
.side-top a:hover{color:#c8001e;}


@keyframes fadeInDown {
	0% {
	    opacity: 0;
	    transform: translateY(-1000px);
	}
	100% {
	    opacity: 1;
	    transform: translateY(0px);
	}
}


.chrome {
	background-position: 0 0;
	width: 73px;
	height: 96px;
	margin:0 4px 0 0;
}

.firefox {
	background-position: -292px 0;
	width: 73px;
	height: 98px;
}

.ie9 {
	background-position: -179px 0;
	width: 95px;
	height: 98px;
}

.opera {
	background-position: -90px 0;
	width: 73px;
	height: 98px;
}

.safari {
	background-position: -387px 0;
	width: 73px;
	height: 98px;
	margin:0 4px 0 0;
}


@media (min-width: 1200px){
 	.container{width: 1200px;}
 }
 
@media(max-width: 1080px){
	.container{padding-left:2.5%;padding-right:2.5%;}
 }

@media (max-width: 1000px){
	.nopd{padding:0;}

	/*分页页码*/	 
	.page01{display:none;}  
	.page02{display:block;}  	  
 }

