@charset "gb2312";
/* CSS Document */

/* ☆ reset ======================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:'Microsoft YaHei';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input,select,textarea{font-family:'Microsoft YaHei';}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;color:#555;}
/* ☆ pub Class==================================================================*/
.clearfix {zoom: 1;display: table;width: 100%;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.txl{text-align:left;}
.txr{text-align:right;}
.txc{text-align:center;}
.imgc{width:100%;display:block;}
.eps{-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
/* ☆ common Class=============================================================*/
.mainwrap{width:1200px;margin:0 auto;position:relative;}
.footer{font-size:0.8rem;text-align:center;line-height:150%;color:#333;padding:1rem 0;}
/* ☆ 页面模式部分===========================================================*/
[class *= 'col-'] {
    float: left;
}

.col-1{width:8.33333333%;}
.col-2{width:16.66666667%;}
.col-3{width:25%;}
.col-4{width:33.33333333%;}
.col-5{width:41.66666667%;}
.col-6{width:50%;}
.col-7{width:58.33333333%;}
.col-8{width:66.66666667%;}
.col-9{width:75%;}
.col-10{width:83.33333333%;}
.col-11{width:91.66666667%;}
.col-12{width:100%;}

.header,.header .themetitle{height:4rem;line-height:4rem;background:#fff;}
.header .themetitle{float:left;}
.header .themetitle .backhome,.header .themetitle .backhome img{display:block;width:4.25rem;height:2rem;float:left;}
.header .themetitle .backhome{margin:1rem 0 0 0;}
.header .themetitle .txt{display:block;float:left;font-size:18px;height:30px;line-height:30px;margin:1rem 0 0 0.5rem;padding:0 0 0 0.5rem;border-left:1px solid #ddd;}
.header .topmenu{font-size:12px;text-align:right;}
.banner{height:300px;background:url(../images/banner.jpg?ver=20210907001) no-repeat center center;overflow:hidden;position:relative;margin:0 0 20px 0;}
.banner .title{width:100%;height:240px;margin:80px auto 0 auto;}
.banner .intro{width:992px;padding:20px;background:#fff;margin:0 auto 0 auto;border-radius:6px;box-shadow:0 10px 7px 2px rgba(0, 0, 0, 0.21);color:#333;line-height:200%;}
.blockwrap{width:1000px;margin: 0 auto;}
.blockwrap .title{font-size:24px;text-align:center;margin:0 0 15px 0;}
.blockwrap .title span{display:inline-block;*display:inline;*zoom:1;height:50px;line-height:50px;padding:0 40px;background:#eb6c65;color:#ffffff;border-radius:100px;}
.blockwrap .subtitle{font-size:16px;margin:0 0 20px 0;color:#333333;line-height:150%;}
.thjwrap{width:100%;position:relative;overflow:hidden;}
.thjwrap .longhide{width:1250px;position:relative;}
.thjwrap .card{width:373px;height:212px;float:left;margin:0 40px 40px 0;}
.dyqblock{background:url(../images/img8.png) no-repeat center top;background-size:contain;padding:50px 0 150px 0;margin:30px 0 0 0;}
.whitefullwrap,.grayfullwrap{padding:30px 0;}
.grayfullwrap{background:#f6f9fe}
.dtable_1{font-size:18px;border-left:1px solid #f79646;border-top:1px solid #f79646;}
.dtable_1 th,.dtable_1 td{text-align:center;padding:5px 0;line-height:150%;}
.dtable_1 th{background:#f79646;color:#ffffff;}
.dtable_1 th,.dtable_1 td{vertical-align:middle;border-right:1px solid #f79646;border-bottom:1px solid #f79646;}
.dtable_1 td.bg1{background:#ffffff;color:#333333;}
.dtable_1 td.bg2{background:#fbd5b5;color:#333333;}
.towqrcode{width:800px;margin:0 auto;}
.towqrcode .item{width:300px;text-align:center;}
.towqrcode .item .qrcode{width:120px;height:120px;margin:0 auto 20px auto;border:1px solid #cccccc;}
/* 中等屏幕（平板，小于等于 1024px） */
@media screen and (max-width: 1024px) {

.col-md-1 { width:8.33333333%;} 
.col-md-2 { width:16.66666667%;} 
.col-md-3 { width:25%;} 
.col-md-4 { width:33.33333333%;} 
.col-md-5 { width:41.66666667%;} 
.col-md-6 { width:50%;}
.col-md-7 { width:58.33333333%;} 
.col-md-8 { width:66.66666667%;} 
.col-md-9 { width:75%;} 
.col-md-10 { width:83.33333333%;} 
.col-md-11 { width:91.66666667%;} 
.col-md-12 { width:100%;}
.md-show{display:block;}
.md-hide{display:none;}

.mainwrap{width:100%;}
.themetitle{padding:0 0 0 1rem;}
.topmenu{padding:0 1rem 0 0;}

.banner{height:28rem;background-size:cover;}
.banner .title{width:43.75rem;height:16.625rem;margin:1rem auto 0 auto;background-size:cover;}
.banner .intro{width:43.75rem;height:auto;padding:0.5rem;font-size:0.8rem;margin:1rem auto 0 auto;}
.blockwrap{width:100%;}
.blockwrap .title{font-size:1.6rem;}
.blockwrap .subtitle{font-size:0.8rem;padding:0 1rem;}
}

/* 小屏幕（手机，小于等于480px） */
@media screen and (max-width:480px){
.col-sm-1 {width:8.33333333%;} 
.col-sm-2 {width:16.66666667%;} 
.col-sm-3 {width:25%;} 
.col-sm-4 {width:33.33333333%;} 
.col-sm-5 {width:41.66666667%;} 
.col-sm-6 {width:50%;}
.col-sm-7 {width:58.33333333%;} 
.col-sm-8 {width:66.66666667%;} 
.col-sm-9 {width:75%;} 
.col-sm-10 {width:83.33333333%;} 
.col-sm-11 {width:91.66666667%;} 
.col-sm-12 {width:100%;}
.sm-show{display:block;}
.sm-hide{display:none;}

.banner{background: url(../images/h5banner.jpg) no-repeat center center;background-size:26rem;margin:0 0 0 0;background-position:center top;}
.banner .title{width:100%;height:3rem;margin:1rem auto 0 auto;background-size:cover;}
.banner .intro{width:21rem;height:auto;padding:0.5rem;font-size:0.6rem;margin:5rem auto 0 auto;}
.thjwrap .card{width:50%;height:auto;float:left;margin:0 0 10px 0;text-align:center;}
.thjwrap .card img{width:96%;}

.dyqblock{background-size:95rem;padding:1.875rem 0 5rem 0;}
.dyqwrap .longhide{width:100%;}
.dyqwrap .boxouter{width:41%;margin:0 2% 2% 2%;padding:2%;}
.dyqwrap .boxouter .boxcont{width:auto;height:6rem;padding:0.625rem;}
.dyqwrap .boxouter .boxcont .icon{width:2.5rem;height:2.5rem;float:left;margin:0 0 0 2.8125rem;background-size:2.5rem;}
.dyqwrap .boxouter .boxcont .txt{font-size:0.8rem;margin:0.5rem 0 0 0;float:left;width:100%;}
.seemore{margin:0.625rem auto 0 auto;width:10rem;height:2.5rem;line-height:2.5rem;border-radius:0.375rem;}

.yikatwrap{width:100%;}
.yikatwrap .longhide{width:100%;}
.yikatwrap .boxwrap{width:28%;height:auto;margin:2%;background-size:contain;}
.yikatwrap .boxwrap .card,.yikatwrap .boxwrap .card img{width:100px;height:57px;}
.yikatwrap .boxwrap .card{margin:20px auto 0 auto;}
.yikatwrap .boxwrap .txt{font-size:0.8rem;margin:10px 0 0 0;text-indent:1rem;}
.yikatwrap .cardtips{font-size:0.8rem;}

.moreproduct{margin:-5.625rem 0 0 0;padding:0 0 4rem 0;}
.moreproduct .title{font-size:2.5rem;line-height:150%;text-align:center;color:#fff;padding:12.5rem 0 0 0;}
.moreproduct .btns{margin:1.25rem 0;text-align:center;}
.moreproduct .btns a{display:inline-block;*display:inline;*zoom:1;width:30%;height:2.5rem;line-height:2.5rem;text-align:center;background:rgba(255,255,255,0.5);color:#333;margin:0 1%;border-radius:0.625rem;}

.telh5{position:fixed;bottom:1rem;left:50%;display:block;width:20rem;height:3rem;line-height:3rem;text-align:center;background:#ff6047;color:#fff;font-size:1.2rem;border-radius:10rem;box-shadow:1px 5px 0px 0 rgba(0,0,0,0.5), 0 2px 0px 0 rgba(0,0,0,0.2);transition-property:bottom,margin-left,box-shadow;transition-duration:0.2s;margin-left:-10rem;}
.telh5 img{width:1.4rem;vertical-align:sub;}
.telwrap{display:none;}

.towqrcode{width:100%}
.towqrcode .item{width:100%;text-align:center;margin:20px 0 0 0;}
}

/* 小屏幕（手机，小于等于 420px） */
@media (max-width: 320px){
.col-xs-1 {width:8.33333333%;} 
.col-xs-2 {width:16.66666667%;} 
.col-xs-3 {width:25%;} 
.col-xs-4 {width:33.33333333%;} 
.col-xs-5 {width:41.66666667%;} 
.col-xs-6 {width:50%;}
.col-xs-7 {width:58.33333333%;} 
.col-xs-8 {width:66.66666667%;} 
.col-xs-9 {width:75%;} 
.col-xs-10 {width:83.33333333%;} 
.col-xs-11 {width:91.66666667%;} 
.col-xs-12 {width:100%;}
.container{width:auto;}
.sm-show{display:block;}
.sm-hide{display:none;}

.banner{height:20rem}
.banner .title{width:18.75rem;height:7.125rem;}
.banner .intro{width:18.75rem;}
}