@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:722px;background:url(../images/banner.jpg) no-repeat center center;overflow:hidden;position:relative;margin:0 0 50px 0;}
.banner .title{width:809px;height:307px;background:url(../images/img1.png) no-repeat center center;margin:80px auto 0 auto;}
.banner .intro{width:992px;padding:20px;background:#fff;margin:80px 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:1200px;margin: 0 auto;}
.blockwrap .title{font-size:30px;text-align:center;margin:0 0 15px 0;text-align:center;color:#333;}
.blockwrap .subtitle{font-size:16px;text-align:center;margin:0 0 20px 0;color:#999;}
.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;}
.dyqblock .blockwrap .title,.dyqblock .blockwrap .subtitle{color:#fff;}
.dyqwrap{width:100%;position:relative;overflow:hidden;}
.dyqwrap .longhide{width:1250px;position:relative;}
.dyqwrap .boxouter{width:250px;margin:0 24px 0 0;float:left;border:1px solid #fff100;border-radius:6px;padding:15px;}
.dyqwrap .boxouter .boxcont{width:230px;float:left;border-radius:6px;background:#fff;padding:10px;}
.dyqwrap .boxouter .boxcont .icon{width:98px;height:98px;float:left;margin:0 0 0 66px;background-position:center center;background-repeat:no-repeat;}
.dyqwrap .boxouter .boxcont .ico_1{background-image:url(../images/img9.png);}
.dyqwrap .boxouter .boxcont .ico_2{background-image:url(../images/img10.png);}
.dyqwrap .boxouter .boxcont .ico_3{background-image:url(../images/img11.png);}
.dyqwrap .boxouter .boxcont .ico_4{background-image:url(../images/img12.png);}
.dyqwrap .boxouter .boxcont .txt{font-size:16px;color:#666;text-align:center;line-height:150%;margin:5px 0 0 0;float:left;width:100%;}
.seemore{display:block;margin:20px auto 0 auto;width:260px;height:60px;line-height:60px;border-radius:6px;background:#fff100;color:#333;font-size:16px;text-align:center;}

.yikatwrap{width:100%;position:relative;overflow:hidden;}
.yikatwrap .longhide{width:1250px;position:relative;}
.yikatwrap .boxwrap{width:390px;height:343px;margin:0 15px 0 0;background:url(../images/img13.png) no-repeat center center;float:left;}
.yikatwrap .boxwrap .card{width:252px;height:155px;margin:90px 0 0 90px;}
.yikatwrap .boxwrap .txt{font-size:16px;text-align:center;width:100%;margin:10px 0 0 0;text-indent:50px;}
.yikatwrap .cardtips{width:1100px;height:36px;line-height:36px;text-align:center;margin:25px auto 0 auto;background:#ffdcde;color:#ff4b58;font-size:14px;}

.moreproduct{background:url(../images/img17.png) no-repeat center top;}
.moreproduct .title{font-size:40px;line-height:150%;text-align:center;color:#fff;padding:250px 0 0 0;}
.moreproduct .btns{margin:20px 0;text-align:center;}
.moreproduct .btns a{display:inline-block;*display:inline;*zoom:1;width:200px;height:50px;line-height:50px;text-align:center;background:rgba(255,255,255,0.5);color:#333;margin:0 10px;border-radius:10px;}

.telwrap{position:fixed;top:200px;right:0;z-index:999999999;_position: absolute;_top:250px;width:209px;height:334px;background:url(../images/img18.png) no-repeat center center;}
.telcontwrap{padding:0 0 0 40px;}
.telwrap .rexian{font-size:18px;line-height:150%;text-align:center;padding:30px 0 0 0;color:#333;}
.telwrap .qrcode{width:100px;height:100px;margin:10px auto 0 auto;border:4px solid #fff;}
.telwrap .qrcode img{width:100px;}
.telwrap .website{font-size:14px;margin:10px auto 0 auto;text-align:center;color:#333;line-height:150%;}
.telh5{display:none;}

/* 中等屏幕（平板，小于等于 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:27rem;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;}

.thjwrap{width:100%;}
.thjwrap .longhide{width:100%;}
.thjwrap .card{width:33.33%;height:auto;float:left;margin:0 0 20px 0;text-align:center;}
.thjwrap .card img{width:90%;}

.dyqblock{background-size:cover;padding:1.875rem 0 5rem 0;}
.dyqwrap .longhide{width:100%;}
.dyqwrap .boxouter{width:10rem;margin:0 0.3125rem;padding:0.625rem;}
.dyqwrap .boxouter .boxcont{width:8.75rem;height:6rem;padding:0.625rem;}
.dyqwrap .boxouter .boxcont .icon{width:3.125rem;height:3.125rem;float:left;margin:0 0 0 2.8125rem;background-size:3.125rem;}
.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:16.25rem;height:3.75rem;line-height:3.75rem;border-radius:0.375rem;}

.yikatwrap{width:100%;}
.yikatwrap .longhide{width:100%;}
.yikatwrap .boxwrap{width:15rem;height:13.1875rem;margin:0 0.9375rem 0 0;background-size:15rem 13.1875rem;}
.yikatwrap .boxwrap .card,.yikatwrap .boxwrap .card img{width:10rem;height:5.6875rem;}
.yikatwrap .boxwrap .card{margin:3.75rem 0 0 3.125rem;}
.yikatwrap .boxwrap .txt{font-size:1rem;margin:0.625rem 0 0 0;text-indent:1rem;}
.yikatwrap .cardtips{width:90%;padding:2%;height:auto;line-height:150%;margin:1.5625rem auto 0 auto;}

.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:12.5rem;height:3.125rem;line-height:3.125rem;text-align:center;background:rgba(255,255,255,0.5);color:#333;margin:0 0.625rem;border-radius:0.625rem;}
}

/* 小屏幕（手机，小于等于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{height:20rem;background-size:cover;margin:0 0 2rem 0;}
.banner .title{width:22.5rem;height:8.5625rem;margin:1rem auto 0 auto;background-size:cover;}
.banner .intro{width:22.5rem;height:auto;padding:0.2rem;font-size:0.6rem;margin:1rem 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;}
}

/* 小屏幕（手机，小于等于 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;}
}