<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* 起始样式 */
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%;}
ul,ul li,ol,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}
img{border:none;}
html{ overflow-x:hidden;}
div:hover,li:hover,tr:hover,a:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.text,textarea,select{ outline:none; font-family:微软雅黑; color:#666; font-size:12px; width:100%;}
.ul_lf li,.ul_js li{ position:relative;}
@font-face
{
	font-family: myFirstFont;
	src: url('../font/FETTE-ENGSCHRIFT.ttf'),
	url('../font/FETTE-ENGSCHRIFT.eot'),
	url('../font/FETTE-ENGSCHRIFT.svg'),
	url('../font/FETTE-ENGSCHRIFT.woff');
}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{ background:#999999; border:2px solid #fff; border-radius:20px; }
::-webkit-scrollbar-track{ background:#fff;}
/*-webkit-filter: blur(0px); filter: blur(0px);*/
/* 起始样式 End */

/* 公用样式 */
/*.body{ background:url(https://www.jsjd.cc/images//1_49.jpg) bottom no-repeat fixed;}*/
.video{ position:fixed; z-index:-1; left:0px; top:0px; display:none;}
.video .div1{ position:absolute; top:0px; left:0px; z-index:10; width:100%; height:100%; opacity:0.5}
.heg{ height:86px;}
.head{ width:83%; background:#fff; height:86px; padding-left:8.5%; padding-right:8.5%; min-width:1130px; position:fixed; top:0px; left:0px; z-index:999;}
.logo{ width:307px; height:86px;}
.nav{ position:absolute; width:60%; top:0px; left:45%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav li,.nav:hover .li{ float:left; margin-right:4%; line-height:86px; background:url(../images//tj_01.png) center 72px no-repeat; height:86px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position:relative;}
.nav li a,.nav:hover .li a{ color:#4c4c4c; display:block; padding-top:13px; font-size:16px; font-weight:bold;}
.nav li:hover,.nav .li,.nav .li:hover{ background:url(../images//tj_01a.png) center 72px no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.nav li:hover a,.nav .li a,.nav .li:hover a{ color:#e62129;}
.nav li .div1{ display:none; width:172px; position:absolute; top:86px; text-align:center; background:#f9fafa; padding-top:17px; padding-bottom:7px; border-bottom:3px solid #999999; left:-70px;}
.nav li .div1 a{ display:block; padding-bottom:5px; color:#999; font-size:12px; padding-top:0px; font-weight:normal; margin-bottom:10px; line-height:25px; padding-bottom:0px;}
.nav li .div1 a:hover{ background:none; text-decoration:underline; color:#e62129;}
.nav .li .div1 a{ display:block; padding-bottom:5px; color:#999; font-size:12px; padding-top:0px; font-weight:normal; margin-bottom:10px; line-height:25px; padding-bottom:0px;}
.nav .li .div1 a:hover{ background:none; text-decoration:underline; color:#e62129;}


.pcwxlogin {
	display: inline-block!important;
}
.mwxlogin {
	display: none!important;
}
/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
.footer{
	position: relative;
	padding-left:8.5%; padding-right:8.5%; padding-top:4%; padding-bottom:1%; min-width:1130px;
	background-color: #212121;
	color:#ccc;
	
}

.footer .zhu{ width:auto; display:inline-block;}

.footer dl{ width:auto; text-align:left; display:inline-block; margin-right:10px; line-height:25px;}
.footer dl dt{ font-size:17px; color:#fff; margin-bottom:6px;}
.footer dl dd a{ width:auto; line-height:30px; color:#888; margin-bottom:4px; font-size:14px;}
.footer dl dd a:hover{ color:#fff;}

.footer .logo_b{ width:129px; height:121px; background:url(../images/footer_logo_2_2.png); position:absolute; right:456px;display:inline-block; margin-top:5px;}
.footer .lx{ width:auto; position:absolute; right:8.5%;display:inline-block;margin-left:20px; border-left:1px solid #505051; padding-left:20px; line-height:35px; color:#fff;}
.footer .lx img{ margin:0px 8px 0 0;}
.footer .lx span{ font-size:20px; font-weight:bold;}

.footer .copy{ color:#888;margin: 40px 0 0 0; padding-top:18px; border-top:1px solid #494B51;text-align: center;}
.footer .copy a {color: #888; border-bottom: 1px solid #212121;}
.footer .copy a:hover {color: #fff;}

.footer_moblie{ display:none;}
.moblie_head{ display:none;}
.a_txt{ display:none;}
.index_body .foot{ margin-top:0px;}
@media screen and (max-width: 1600px) and (min-width:1367px) {/* 小屏幕的尺寸 */
	.nav{ left:41%;}
	.foot_top .div3 span{ padding-top:10px; padding-bottom:10px; padding-left:50px; margin-left:25px;}
}
@media screen and (max-width: 1366px) and (min-width:1024px) {/* 小屏幕的尺寸 */
	.nav{ left:40%;}
	.foot_top .div3 span{ padding-top:10px; padding-bottom:10px; padding-left:50px; margin-left:25px;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
	.heg{ height:67px;}
	.head{ display:none;}
	.moblie_head{ display:block; background:#f7f7f7; padding:20px 5%; position:fixed; width:90%; z-index:999}
	.moblie_head .rg{ padding-top:3px;}
	.a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:1000;}
	.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
	.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
	.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
	.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
	.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
	.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px; background:}
	.a_txt .div3 ul li .div_js1{ background:url(../images/7_15.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_on1{ background:url(../images/7_14.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:14px;}
	.footer{ display:none;}
	.footer_moblie{ display:block; background:#212121; text-align:center; color:#888; padding:5%; }
	.footer_moblie a{ color:#888;}
	.footer_moblie a:hover{ color:#fff;}
	.footer_moblie .logo_b{ width:100%; height:121px; background:url(../images/footer_logo_2_2.png) center no-repeat;display:inline-block; padding-bottom:6%;border-bottom:1px solid #303131;}

}
/* 公用样式 End */

/* Index */
.qs_div{width:100%;height:658px;position:relative;overflow:hidden; background:#fff;}
.qs_div .qs_bgSet{position:relative;}
.qs_div .qs_bgSet li{position:absolute;width:100%;height:865px;display:none}
.qs_div .qs_imgSet{position:absolute;width:1100px;left:50%;margin-left:-550px;}
.qs_div .qs_imgSet .qs_1_1{position:absolute;left:0px;top:227px;}
.qs_div .qs_imgSet .qs_1_2{position:absolute;left:640px;top:71px}
.qs_div .qs_imgSet .qs_2_1{position:absolute;left:0px;top:195px;}
.qs_div .qs_imgSet .qs_3_1{position:absolute;left:0px;top:227px;}
.qs_div .qs_imgSet .qs_3_2{position:absolute;left:640px;top:71px}

.qs_div .qs_imgSet .qs_2_1{position:absolute;left:0px;top:227px;}
.qs_div .qs_imgSet .qs_2_2{position:absolute;left:640px;top:71px}
.qs_div .qs_imgSet .qs_4_1{position:absolute;left:0px;top:227px;}
.qs_div .qs_imgSet .qs_4_2{position:absolute;left:640px;top:130px}

.qs_div .qs_menuSet{position:absolute; bottom:42px; left:50%; margin-left:-66px;}
.qs_div .qs_menuSet li{ background:#cccccc; width:24px; height:3px; margin-left:10px; margin-right:10px; float:left; cursor:pointer;}
.qs_div .qs_menuSet .select,.qs_div .qs_menuSet li:hover{ background:#3ab349;}
.qs_div .qs_prev{position:absolute; top:50%; left:5%; width:49px; height:105px; margin-top:-52px; background:url(../images/1_07.png) center center no-repeat; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.qs_div .qs_prev:hover{ background:url(../images/1_07a.png) center center no-repeat; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.qs_div .qs_next{position:absolute; top:50%; right:5%; width:49px; height:105px; margin-top:-52px; background:url(../images/1_08.png) center center no-repeat; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.qs_div .qs_next:hover{ background:url(../images/1_08a.png) center center no-repeat; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}

.banner { display:none;}

.ss a{ display:block; float:left; width:25%; position:relative;}
.ss a .div1 img{ width:100%;}
.ss a .div2{ position:absolute; bottom:20px; right:5%; font-size:18px; font-weight:bold; height:24px; color:#fff; overflow:hidden; z-index:10;}
.ss a .div2 .span1{ padding-right:48px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a .div2 .span2{ position:absolute; width:24px; height:24px; background:url(../images/1_18.png) center center no-repeat; filter:alpha(opacity=100); opacity:1; right:0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a .div2 .span3{ position:absolute; width:102px; height:24px; background:url(../images/1_19.png) center center no-repeat; filter:alpha(opacity=0); opacity:0; right:-102px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a .div3{ background:url(../images/8_35.png) repeat; width:100%; height:100%; position:absolute; z-index:7; top:0px; left:0px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div2 .span1{ padding-right:127px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div2 .span2{ right:-24px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div2 .span3{ right:0px; filter:alpha(opacity=100); opacity:1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div3{ filter:alpha(opacity=100); opacity:1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.dd{ position:relative; background:#2d2b2c; display:none;}
.dd .div1{ position:absolute; top:0px; left:0px;}
.dd .div1 img{ width:1920px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div2{ position:relative; left:8.5%; padding-top:120px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div2 .p1{ color:#ccc; background:url(../images/1_21.jpg) top left no-repeat; padding-top:32px; font-size:30px; line-height:32px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div2 .p2{ color:#575757; font-size:22px; margin-top:18px; text-transform:uppercase; font-family:Calibri; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div3{ overflow:hidden; position:relative; margin-top:10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div3 .div3a{ position:relative; left:8.5%; overflow:hidden; padding:50px 0px; z-index:100;}
.dd .div3 #roll{ width:200%;}
.dd .div3 #roll dd{ width:366px; float:left; background:#f0f2f5; position:relative; height:475px;}
.dd .div3 #roll dd a .p1{ position:absolute; width:173px; height:206px; left:50%; bottom:34%; margin-left:-86.5px; z-index:100; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div3 #roll dd a .p2{ position:absolute; width:100%; height:100%; background:#f0f2f5; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div3 #roll dd a .p3{ position:absolute; bottom:28%; width:100%; text-align:center; z-index:10; opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div3 #roll dd a .p4{ position:absolute; bottom:20%; width:100%; color:#333; text-align:center; z-index:10; width:100%;}
.dd .div3 #roll dd a .p4 span{ background:#f0f2f5; padding:3px 15px; border-radius:15px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div3 #roll dd a:hover .p1{ bottom:36%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div3 #roll dd a:hover .p2{ background:#fff; z-index: 10; -webkit-transform-origin: center; transform-origin:center; -webkit-transform:scale(1.03); transform: scale(1.03); box-shadow: 0px 0px 2px 1px rgba(216, 217, 220, 0.48); }
.dd .div3 #roll dd a:hover .p3{ opacity:1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div3 #roll dd a:hover .p4 span{ background:#e62129; color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .div4{ background:#f0f2f5; width:200px; height:475px; position:absolute; bottom:50px; right:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dd .prev{ background:url(../images/1_25.png) center top no-repeat; width:44px; height:140px; position:absolute; top:172px; right:0%; cursor:pointer; z-index:100; opacity:0;}
.dd .next{ background:url(../images/1_24.png) center top no-repeat; width:44px; height:140px; position:absolute; top:172px; left:0%; cursor:pointer; z-index:100; opacity:0;}
.dda{ display:none;}

.ff{ background:url(../images/about_bg.jpg) bottom center no-repeat;padding-left:8%; padding-right:8%; min-width:1130px; padding-top:4%; padding-bottom:1%;  position:relative; }
.ff .lf{ width:54%; position:relative; z-index:10;  padding-right:28px;}
.ff .lf .div1 img{ width:100%;}
.ff .lf .div2{ position:absolute; width:11%; top:33.5%; left:50.2%;}
.ff .lf .div2 img{ border:1px solid #fff; width:100%; border-radius:100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ff .lf .div2 img:hover{ box-shadow: 0px 0px 40px 1px rgba(227, 229, 230, 0.48);}
.ff .rg{ width:40%;}
.ff .rg .div1{ padding-top:5%;}
.ff .rg .div1 img{ width:80%;}
.ff .rg .div2{ color:#4c4c4c; line-height:36px; font-size:14px; margin-top:5%; background:url(../images/1_32.jpg) bottom left no-repeat; padding-bottom:40px;}

.anli{text-align:center; }
.anli .title1{ padding:4% 0 2% 0;}
.anli ul li a{ width:25%;position:relative; display:block;float:left;}
.anli ul li a .div1 img{ width:100%;}
.anli ul li a .div2{ position:absolute; bottom:40px; right:8%; font-size:20px; font-weight:bold; height:24px; color:#fff; overflow:hidden; z-index:10;}
.anli ul li a .div2 .span1{ padding-right:48px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.anli ul li a .div2 .span2{ position:absolute; width:24px; height:24px; background:url(../images/1_18.png) center center no-repeat; filter:alpha(opacity=100); opacity:1; right:0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.anli ul li a .div2 .span3{ position:absolute; width:102px; height:24px; background:url(../images/1_19.png) center center no-repeat; filter:alpha(opacity=0); opacity:0; right:-102px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.anli ul li a .div3{ background:#000; width:100%; height:100%; position:absolute; z-index:7; top:0px; left:0px; filter:alpha(opacity=60); opacity:0.6; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.anli ul li a:hover .div2 .span1{ padding-right:127px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.anli ul li a:hover .div2 .span2{ right:-24px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.anli ul li a:hover .div2 .span3{ right:0px; filter:alpha(opacity=100); opacity:1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.anli ul li a:hover .div3{ filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.shebei{text-align:center; background:url(../images/shebei_bg.jpg) top center no-repeat; padding-left:8.5%; padding-right:8.5%; padding-top:4%; padding-bottom:4%; min-width:1130px; }
.shebei .title1{ padding:0 0 3% 0;}
.shebei .div1{ width:90%; position:relative; margin-bottom:3%; display:inline-block;}
.shebei .div1 .lf_pic{ background:#fff; box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1); margin-top:4%; position:absolute; z-index:10; left:0; }
.shebei .div1 .rg{ }
.shebei .div2{ width:90%; position:relative;  display:inline-block;}
.shebei .div2 .lf{ }
.shebei .div2 .rg_pic{background:#fff; box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1); margin-top:4%; position:absolute; z-index:10; right:0; }

.fanwei{ background:url(../images/fanwei_pic.jpg) top center no-repeat; background-size:cover; padding-left:8.5%; padding-right:8.5%; padding-top:4%; padding-bottom:4%; min-width:1130px;position:relative; }
.fanwei .div1{ width:70%; display:inline-block;}
.fanwei .div1 ul{ margin-top:6%;}
.fanwei .div1 ul li{ width:172px; border:1px solid #fff;border-radius:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; margin:0 3% 3% 0;display:inline-block;}

.gg{ background:url(../images/1_34.jpg) center top no-repeat; padding-left:8.5%; padding-right:8.5%; padding-top:4%; padding-bottom:4%; min-width:1130px;}
.gg .div1{ background:url(../images/1_35.png) top left no-repeat; padding-top:38px; color:#333; line-height:32px;}
.gg .div1 .lf{ font-size:30px;}
.gg .div1 .rg a{ color:#3ab349; font-size:16px;}
.gg .div1 .rg a:hover{ font-weight:bold; font-size:18px;}
.gg .div2{ margin-top:40px;}
.gg .div2 ul li{ width:31%; margin-right:3.5%; float:left; background:#fff; box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1); padding-top:4%; padding-bottom:4%; }
.gg .div2 ul li .p1 img{ width:100%; display:none;}
.gg .div2 ul li .p2{ padding:30px;}
.gg .div2 ul li .p2 .pp1{ color:#333; font-size:20px; height:22px; overflow:hidden;}
.gg .div2 ul li .p2 .pp2{ color:#999; font-size:16px; margin-top:10px;}
.gg .div2 ul li .p2 .pp3{ color:#666; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:5px;}

.div_js_txt2{ position:fixed; width:0%; height:0%; overflow:hidden; z-index:1001; left:0px; top:0px;}
.div_js_txt2 .div1{ background:#000; filter:alpha(opacity=0); opacity:0; position:absolute; width:100%; height:100%;}
.div_js_txt2 .div2{ position:absolute; width:1280px; height:725px; top:50%; left:50%; margin-top:-362px; margin-left:-600px; filter:alpha(opacity=0); opacity:0;}
.div_js_txt2 .div2 .p1{ float:left; width:1180px; height:705px; padding:10px; background:#fff;}
.div_js_txt2 .div2 .p2{ float:right;}
.div_js_txt2 .div2 .p2 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.div_js_txt2 .div2 .p2 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.div_js_txt2a{ display:none;}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 移动端的尺寸 */
	.qs_div .qs_prev{ left:0%;}
	.qs_div .qs_next{ right:0%;}
	.dd .div1 img{ width:1600px;}
	.dd .div3 #roll dd{ width:280px; float:left; background:#f0f2f5; position:relative; height:363px;}
	.dd .div2{ padding-top:80px;}
	.dd .div2 .p1{ color:#ccc; background:url(../images/1_21.jpg) top left no-repeat; padding-top:32px; font-size:30px; line-height:32px;}
	.dd .div2 .p2{ color:#575757; font-size:22px; margin-top:18px; text-transform:uppercase; font-family:Calibri;}
	.dd .div3 #roll dd a .p1{ bottom:28%;}
	.dd .div3 #roll dd a .p3{ bottom:22%;}
	.dd .div3 #roll dd a .p4{ bottom:14%;}
	.dd .div3 #roll dd a:hover .p1{ bottom:32%;}
	.dd .div4{ height:363px; position:absolute; bottom:50px; right:0px;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
	.qs_div{ display:none;}
	.banner { width:100%; height:100%; display:block;}
	.banner .flexslider{ position:relative;height:auto;overflow:hidden;}
	.banner .slides { position:relative;z-index:1;}
	.banner .slides li { height:auto;}
	.banner .slides li img{ width:100%; height:auto}
	.banner .flex-control-nav { position:absolute; bottom:10px; z-index:99;width:100%; left:0px; text-align:center;}
	.banner .flex-control-nav li { display:inline-block; width:34px; height:5px; margin:0 5px;}
	.banner .flex-control-nav li span { display:none;}
	.banner .flex-control-nav li a { float:left; width:34px; height:2px; cursor:pointer; background:#ccc;}
	.banner .flex-control-nav li a.flex-active { background:#3ab349;}
	.banner .flex-direction-nav{ display:none;}
	.ss a{ width:100%;}
	.ss a .div2{ bottom:10px;}
	.ss a .div2 .span1{ font-size:14px; padding-right:30px;}
	.ss a .div2 .span2{ background-size:15px;}
	.ss a .div2 .span3{ display:none;}
	.ss a:hover .div2 .span1{ padding-right:30px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
	.ss a:hover .div2 .span2{ right:0px; filter:alpha(opacity=100); opacity:1;}
	.ss a:hover .div2 .span3{ display:none;}
	.dd{ display:none;}
	.dda{ display:none; background:#2d2a2c; padding-top:10%; padding-bottom:10%;}
	.dda .div1{ text-align:center; color:#fff;}
	.dda .div1 .p1{ font-size:16px;}
	.dda .div1 .p2{ text-transform:uppercase;}
	.dda .div2{ text-align:center; margin-top:5%; position:relative; padding-left:5%; padding-right:5%; overflow:hidden;}
	.dda .div2 .slides li{ overflow:hidden;}
	.dda .div2 .slides li a{ width:100%; text-align:center; display:block;}
	.dda .div2 .slides li a .p2{ margin-top:10%;}
	.dda .div2 .slides li a .p2 span{ background:#e62129; color:#fff; padding:3px 15px; border-radius:15px;}
	.dda .flex-control-nav { display:none;}
	.dda .flex-prev{ background:url(../images/1_24.png) center left no-repeat; width:44px; height:140px; position:absolute; left:0px; top:50%; margin-top:-70px;}
	.dda .flex-next{ background:url(../images/1_25.png) center left no-repeat; width:44px; height:140px; position:absolute; right:0px; top:50%; margin-top:-70px;}
	.ff{ min-width:0px; padding-left:5%; padding-right:5%;}
	.ff .lf{ width:100%; padding-right:0px; background:url(../images/about_bg.jpg) bottom center no-repeat; background-size:150px;}
	.ff .rg{ width:100%;}
	.ff .rg .div1{ padding-top:0px;}
	.ff .rg .div2{ line-height:26px; padding-bottom:5%;}
	
	.anli .title1{ padding:7% 0 4% 0;}
	.anli .title1 img{ width:90%;}
	.anli ul li a{ width:100%;}
	
    .shebei{ min-width:0px;padding:5% 0 10% 0;}
    .shebei .title1{ padding:2% 0 4% 0;}
	.shebei .title1 img{ width:90%;}
	.shebei .div1{ width:100%; position:relative; margin-bottom:8%; display:inline-block;}
	.shebei .div1 .lf_pic{ background:#fff; box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1); position:absolute; z-index:10; margin:3% auto; width:90%}
	.shebei .div1 .lf_pic img{ width:100%; }
	.shebei .div1 .rg img{ width:100%; }
	.shebei .div2{ width:100%; position:relative;  display:inline-block;}
	.shebei .div2 .lf img{ width:100%; }
	.shebei .div2 .rg_pic{background:#fff; box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1);position:absolute; z-index:10; margin:3% auto; width:90%}
	.shebei .div2 .rg_pic img{ width:100%; }
	
	.fanwei{ min-width:0px;padding:5%;}
	.fanwei .title1 img{ width:90%;}
	.fanwei .div1{ width:100%; }
	.fanwei .div1 ul li{ width:35%; border:1px solid #fff;border-radius:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; margin:0 5% 5% 0;display:inline-block;}
	.fanwei .div1 ul li img{ width:100%; }

	.gg{ background:#2c2a2b; padding:5%; min-width:0px; margin-top:0%;}
	.gg .div1{ background:url(../images/1_35.png) top left no-repeat; background-size:30px; padding-top:3%; line-height:22px;}
	.gg .div1 .lf{ font-size:24px; color:#fff;}
	.gg .div1 .rg a{ font-size:12px;}
	.gg .div2{ margin-top:0;}
	.gg .div2 ul li{ width:100%; margin-right:0%; margin-top:5%;}
	.gg .div2 ul li .p1 img{ width:100%;}
	.gg .div2 ul li .p2{ padding:5%;}
	.gg .div2 ul li .p2 .pp1{ font-size:16px; font-weight:bold;}
	.gg .div2 ul li .p2 .pp2{ font-size:14px; margin-top:2%;}
	.gg .div2 ul li .p2 .pp3{ margin-top:1%;}
	.div_js_txt2{ position:fixed; width:0%; height:0%; overflow:hidden; z-index:1001; left:0px; top:0px;}
	.div_js_txt2 .div1{ background:#000; filter:alpha(opacity=0); opacity:0; position:absolute; width:100%; height:100%;}
	.div_js_txt2 .div2{ position:absolute; width:90%; top:35%; left:5%; height:auto; margin-top:0; margin-left:0; filter:alpha(opacity=0); opacity:0;}
	.div_js_txt2 .div2 .p1{ float:none; width:90%; padding:5%; background:#fff; height:auto;}
	.div_js_txt2 .div2 .p2{ float:none; position:absolute; top:-30px; right:0px;}
	.div_js_txt2 .div2 .p2 img{ width:25px;}

	.div_js_txt2a{ display:block;}
	.div_js_txt2a{ position:fixed; width:0%; height:0%; overflow:hidden; z-index:1001; left:0px; top:0px;}
	.div_js_txt2a .div1{ background:#000; filter:alpha(opacity=0); opacity:0; position:absolute; width:100%; height:100%;}
	.div_js_txt2a .div2{ position:absolute; width:90%; top:35%; left:5%; height:auto; margin-top:0; margin-left:0; filter:alpha(opacity=0); opacity:0;}
	.div_js_txt2a .div2 .p1{ float:none; width:90%; padding:5%; background:#fff; height:auto;}
	.div_js_txt2a .div2 .p2{ float:none; position:absolute; top:-30px; right:0px;}
	.div_js_txt2a .div2 .p2 img{ width:25px;}
}

/* Index End */


/* Main */
.main_banner{ position:relative; left:50%; margin-left:-960px; width:1920px; }
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
	.main_banner{ left:0px; margin-left:0px; width:100%;}
	.main_banner img{ width:100%;}
	}

.div_box{ background:#fff;}

.div_res1{ width:1200px; margin:0 auto; text-align:center; padding-top:80px; padding-bottom:80px;}
.div_res1 .div2{ font-size:36px; color:#1a1a1a; line-height:38px; margin-top:44px; padding-top:60px; background:url(../images/4_03.jpg) top center no-repeat;}
.div_res1 .div3{ color:#666; margin-top:25px; font-size:18px; line-height:36px;}
.div_res1 .div3 p{ text-align:left; text-indent:30px;}
.div_res1 .div4{ margin-top:80px;}
.div_res1 .div4 .lf{ width:33.33%;}
.div_res1 .div4 .lf .p1{ color:#444444; font-size:70px; line-height:80px; text-transform:uppercase; font-family:myFirstFont;}
.div_res1 .div4 .lf .p2{ color:#333; margin-top:2px;}
.div_res1 .div5{ margin-top:40px; font-size:20px;}
.div_res1 .div5 span{ border-bottom:1px solid #f29094; color:#e62129; padding-bottom:7px;}
.div_res1 .div6{ margin-top:25px; font-size:16px; color:#000; line-height:36px;}
.div_res1 .div7{ margin-top:25px; font-size:14px; color:#4c4c4c; line-height:26px;}
.div_res1 .div8{ font-size:18px; margin-top:44px; padding-top:44px; background:url(../images/4_03.jpg) top center no-repeat;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_res1{ width:90%; padding:5%;}
	.div_res1 .div1 img{ width:70%;}
	.div_res1 .div2{ font-size:18px; line-height:22px; margin-top:5%; padding-top:5%;}
	.div_res1 .div3{ color:#666; margin-top:5%; font-size:14px; line-height:26px;}
	.div_res1 .div4{ margin-top:5%;}
	.div_res1 .div4 .lf{ width:33.33%;}
	.div_res1 .div4 .lf .p1{ color:#444444; font-size:25px; line-height:30px; text-transform:uppercase;}
	.div_res1 .div4 .lf .p2{ color:#333; margin-top:2%;}
	.div_res1 .div5{ margin-top:5%; font-size:16px;}
	.div_res1 .div6{ margin-top:5%; font-size:16px; line-height:26px;}
	.div_res1 .div7{ margin-top:5%; font-size:14px; line-height:26px;}
	.div_res1 .div8{ font-size:16px; margin-top:5%; padding-top:5%;}
}

.div_res2{ position:relative; width:1400px; margin:0 auto; padding-bottom:100px;}
.div_res2 .slides li a{ float:left; width:22%; margin-right:4%;}
.div_res2 .slides li a .div1{ border:1px solid #efefef; padding:18px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_res2 .slides li a .div1 img{ width:100%;}
.div_res2 .slides li a .div2{ color:#333; font-size:14px; margin-top:20px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_res2 .slides li a:hover .div1{ box-shadow: -2px 0 5px #fff,0 -2px 5px #fff,0 2px 10px #ebebeb,2px 0 10px #ebebeb; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_res2 .slides li a:hover .div2{ color:#3ab34a; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_res2 .flex-control-nav{ display:none;}
.div_res2 .flex-prev{ background:url(../images/4_08.png) center left no-repeat; width:49px; height:105px; position:absolute; left:-64px; top:50%; margin-top:-120px;}
.div_res2 .flex-prev:hover{ background:url(../images/4_08a.png) center left no-repeat;}
.div_res2 .flex-next{ background:url(../images/4_09.png) center left no-repeat; width:49px; height:105px; position:absolute; right:-64px; top:50%; margin-top:-120px;}
.div_res2 .flex-next:hover{ background:url(../images/4_09a.png) center left no-repeat;}
.div_res2a .slides li a .div1{ border:1px solid #efefef; padding:4px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_res3{ display:none;}
@media screen and (max-width: 1600px) and (min-width:1023px) {/* 小屏幕 */
	.div_res2{ width:1200px;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_res2{ display:none;}
	.div_res3{ display:block;}
	.div_res3{ position:relative; width:100%; padding-bottom:5%;}
	.div_res3 .slides li a{ float:left; width:70%; margin-left:15%; margin-right:15%;}
	.div_res3 .slides li a .div1{ border:1px solid #efefef; padding:5%; overflow:hidden;}
	.div_res3 .slides li a .div1 img{ width:100%; overflow:hidden;}
	.div_res3 .slides li a .div2{ color:#333; font-size:14px; margin-top:5%;}
	.div_res3 .flex-control-nav{ display:none;}
	.div_res3 .flex-prev{ background:url(../images/4_08a.png) center left no-repeat; width:49px; height:105px; position:absolute; left:0px; top:50%; margin-top:-110px;}
	.div_res3 .flex-next{ background:url(../images/4_09a.png) center left no-repeat; width:49px; height:105px; position:absolute; right:0px; top:50%; margin-top:-110px;}
}


.div_news1{ width:1440px; margin:0 auto; padding-top:0px; padding-bottom:80px;}
.div_news ul{ width:612px; }
.div_news1 ul li{ float:left; width:31%; margin-right:3.5%; margin-bottom:40px; position:relative; top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news1 ul li a{ display:block; border:1px solid #e8e8e8;}
.div_news1 ul li .div1 img{ width:100%;}
.div_news1 ul li .div2{ padding:5%; font-size:18px; line-height:20px; color:#333; padding-bottom:0px; height:20px; overflow:hidden;;}
.div_news1 ul li .div3{ color:#999999; font-size:16px; margin-top:3%; padding-left:5%; padding-right:5%;}
.div_news1 ul li .div4{ color:#666; font-size:14px; line-height:24px; height:48px; overflow:hidden; padding:5%; padding-bottom:0px; margin-bottom:5%; padding-top:2%;}
.div_news1 ul li:hover{ top:-10px; box-shadow: -2px 0 10px #e8e8e8,0 -2px 10px #e8e8e8,0 2px 10px #e8e8e8,2px 0 10px #e8e8e8; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
/* Page */
.page{ text-align:center;}
.page  a{ margin-left:5px; margin-right:5px; padding:5px 10px; color:#333;}
.page .current a,.page a:hover{ background:#2d2c30; color:#fff;}
.page1{ text-align:center;}
.page1 a{ margin-left:5px; margin-right:5px; padding:5px 10px; color:#333;}
.page1 .current a,.page1 a:hover{ background:#2d2c30; color:#fff;}
.txt img{ max-width:100% !important;}
/* Page End */
.page1{ display:none;}
.div_news2{ width:1000px; margin:0 auto; padding-top:50px; padding-bottom:100px;}
.fx a{ color:#4c4c4c}
.fx a:hover{ color:#e62129}
.biaoti{ color:#000; font-size:24px; font-weight:bold; text-align:center; margin-top:3%;}
.time{ margin-top:1.5%; text-align:center; color:#888888; border-bottom:1px dotted #ccc; padding-bottom:1.2%;}
.txt{ margin-top:2%; color:#333; font-size:14px; line-height:30px;}
.fh{ margin-top:5%; padding-top:2%; border-top:0px dotted #ccc}
.fh a{ color:#4c4c4c;display:block;}
.fh a:hover{ color:#e62129}
.fh .rg a{ line-height:44px;}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 移动端的尺寸 */
	.div_news1{ width:1200px;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_news1{ width:90%; padding:5%;}
	.div_news1 ul li{ float:left; width:100%; margin-right:0%; margin-bottom:5%;}
	.page{ display:none;}
	.page1{ display:block;}
	.div_news2{ width:90%; padding:5%;}
	.biaoti{ font-size:18px;}
}


.div_class{ width:1140px; margin:0 auto; padding-top:0; padding-bottom:5%;}
.div_class .div1 .p1{ color:#999; font-size:18px;}
.div_class .div1 .p2{ color:#4c4c4c; font-size:20px;}
.div_class .div2{ margin-top:5%;}
.div_class .div2 ul li{ float:left; width:340px; margin-right:60px; margin-bottom:5%; position:relative;}
.div_class .div2 ul li .p1{ position:relative; z-index:100;}
.div_class .div2 ul li .p1 img{ width:90%;}
.div_class .div2 ul li .p2{ color:#4c4c4c; font-size:18px; margin-top:5%; width:306px; height:22px; overflow:hidden; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_class .div2 ul li .p3{ color:#808080; font-size:14px; margin-top:3%; width:276px; overflow:hidden; height:22px; background:url(../images/2_43.jpg) center right no-repeat; padding-right:30px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_class .div2 ul li .p4{ width:306px; background:url(../images/2_42.jpg) right bottom no-repeat; height:1px; margin-top:5%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_class .div2 ul li .p4a0{ background:url(../images/2_30.jpg) right top no-repeat; width:82px; height:83px; line-height:85px; position:absolute; top:-47px; right:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_class .div2 ul li:hover .p2,.div_class .div2 ul li:hover .p3{ color:#3ab54a; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_class .div2 ul li:hover .p4{ background:url(../images/2_42.jpg) left bottom no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_class .div2 ul li:hover .p4a0{ background:url(../images/2_30a.jpg) right top no-repeat; width:82px; height:83px; line-height:85px; position:absolute; top:-47px; right:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_class{ width:90%; padding-left:5%; padding-right:5%;}
	.div_class .div2 ul li{ width:100%; margin-right:0px;}
	.div_class .div2 ul li .p1 img{ width:100%;}
	.div_class .div2 ul li .p1,.div_class .div2 ul li .p2,.div_class .div2 ul li .p3,.div_class .div2 ul li .p4{ width:100%; padding-right:0px; margin-top:3%;}
	.div_class .div2 ul li .p3{ margin-top:1%;}
	.div_class .div2 ul li .p4a0, .div2 ul li .p4a1,.div_class .div2 ul li .p4a2,.div_class .div2 ul li .p4a3,.div_class .div2 ul li .p4a4,.div_class .div2 ul li .p4a5,.div_class .div2 ul li .p4a6{ display:none;}
}


.div_pro1{ background:url(https://www.jsjd.cc/images//3_02.jpg) top left repeat-y; width:1232px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.div_pro1 .div1{ padding-left:1px; color:#9e9e9e; text-transform:uppercase; font-size:16px; font-weight:bold;}
.div_pro1 .div1 strong{ color:#333; font-size:28px; }
.div_pro1 .div1 span{ margin-left:10px; margin-right:10px; color:#9e9e9e; font-size:28px;}
.div_pro1 .div2{ margin-top:78px;}
.div_pro1 .div2 ul li{ width:409px; margin-left:1px; float:left; text-align:center;}
.div_pro1 .div2 ul li .p2 .pp1{ color:#333; font-size:20px; margin-top:20px; overflow:hidden; height:22px;}
.div_pro1 .div2 ul li .p2 .pp2{ color:#4c4c4c; font-size:16px; margin-top:15px; text-transform:uppercase; height:22px; overflow:hidden;}
.div_pro1 .div2 ul li .p2 .pp3{ margin-top:35px; opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_pro1 .div2 ul li:hover .p2 .pp3{ opacity:1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_pro1 .div3{ margin-top:50px; width:236px; height:37px; position:relative; overflow:hidden;}
.div_pro1 .div3 a{ display:block; background:#ec1c24;}
.div_pro1 .div3 a .span1{ padding-left:64px; color:#e5e5e5; font-size:14px; position:relative; z-index:100; display:block; height:37px; line-height:37px;}
.div_pro1 .div3 a .span2{ position:absolute; top:0px; right:0px; z-index:100;}
.div_pro1 .div3 a .span3{ right:-236px; position:absolute; background:#d21920; width:236px; top:0px; height:37px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_pro1 .div3 a:hover .span3{ right:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_pro1{ background:none; width:90%; padding:5%;}
	.div_pro1 .div1{ padding-left:0px; font-size:14px; font-weight:normal;}
	.div_pro1 .div1 strong{ font-size:16px; }
	.div_pro1 .div1 span{ font-size:16px;}
	.div_pro1 .div2{ margin-top:5%;}
	.div_pro1 .div2 ul li{ width:100%; margin-left:0px; float:left; text-align:center; margin-bottom:5%;}
	.div_pro1 .div2 ul li .p2 .pp3{ display:none;}
	.div_pro1 .div3{ margin:0 auto; margin-top:5%;}
}

.contact_col{ width:17%; padding:2%; margin:0 1%; border:2px solid #ccc;border-radius:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; text-align:center; display: inline-block}
.contact_col .bg1{ width:40px; height:40px; display:inline-block; background:url(../images/contact_icon1.png) center no-repeat;}
.contact_col .bg2{ width:40px; height:40px; display:inline-block; background:url(../images/contact_icon2.png) center no-repeat;}
.contact_col .bg3{ width:40px; height:40px; display:inline-block; background:url(../images/contact_icon3.png) center no-repeat;}
.contact_col .bg4{ width:40px; height:40px; display:inline-block; background:url(../images/contact_icon4.png) center no-repeat;}
.contact_col p{ width:100%; font-size:16px; color:#000; margin-top:15px;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
.contact_col{ width:91%; padding:2%; margin:0 2%; border:1px solid #ccc;border-radius:5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; text-align:center; float:left; margin-bottom:15px; }
}

/* Main End */</pre></body></html>