@charset "utf-8";

/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/* 起始样式 */
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(../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:94%; background:#fff; height:86px; padding-left:3%; padding-right:3%; min-width:1130px; position:fixed; top:0px; left:0px; z-index:999;}
.logo{ width:350px; height:86px;}
.logo img{margin-top:26px;}
.logo .tit_gb{font-size:14px;line-height: 36px;float: right;border-left: 1px solid #bbb;padding-left: 15px;margin-top: 25px;}
.nav{ position:absolute; width:50%; top:0px; left:470px;/*26%*/ -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav li,.nav:hover .li{    padding-right: 24px; float:left; margin-right:7%; line-height:84px; background:url(../images/tj_01.png) right 40px no-repeat; height:84px; -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:0px; font-size:15px;}
.nav li:hover,.nav .li,.nav .li:hover{    padding-right: 24px; background:url(../images/tj_01a.png) right 38px 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;}

.other{ padding-top:33px;}
.other a{ color:#4c4c4c; margin-left:8px; margin-right:8px; float:left; display:block;}
.other a:hover{ color:#e62129;}
.other .a1{ background:url(../images/1_02.png) center center no-repeat; width:17px; height:12px; margin-top:6px;}
.other .a1:hover{ background:url(../images/1_02a.png) center center no-repeat;}
.other .a2{ background:url(../images/1_03.png) center center no-repeat; width:17px; height:17px; margin-top:2px; margin-left:30px;}
.other .a2:hover{ background:url(../images/1_03a.png) center center no-repeat;}
.foot{ min-width:1200px; background:#1c1a1a;/* margin-top:300px;*/}
.foot_top{ background:#efefef;}
.foot_top .div1{ background:#d0333b; width:239px; height:121px; line-height:121px; text-align:center; color:#ccc; font-size:28px;}
.foot_top .div3{ color:#5e5c5c; height:121px; line-height:121px; color:#5e5c5c; font-size:14px;}
.foot_top .div3 span{ padding-top:10px; padding-bottom:10px; padding-left:50px; margin-left:70px;}
.foot_top .div3 .span1{ background:url(../images/ico_email.png) left center no-repeat;}
.foot_top .div3 .span1 a{ color:#5e5c5c}
.foot_top .div3 .span2{ background:url(../images/ico_tel.png) left center no-repeat;}
.foot_top .div3 .span3{ background:url(../images/ico_add.png) left center no-repeat; }
.foot_top .div4{ background:#d0333b; width:161px; height:91px; padding-top:30px;text-align: center;}
.foot_top .div4 a{ }
.foot_top .div4 .a1{ background:url(../images/1_45.png) center center no-repeat; margin-left:43px;}
.foot_top .div4 .a2{ background:url(../images/1_46.png) center center no-repeat;}
.foot_top .div4 a img{ -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.foot_top .div4 a:hover img{ opacity:1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; z-index:100;}
.foot_bottom{ height:178px; overflow:hidden; }
.foot_bottom .lf{ width:100%; position:absolute; min-width:1200px; background:url(../images/tj_02.jpg) top left repeat-x;}
.foot_bottom .lfa{ padding-right:161px;}
.foot_bottom .lfb{ padding-left:3%; padding-right:3%;}
.foot_bottom .lf .div1{ height:124px; overflow:hidden;}
.foot_bottom .lf .div1 .p1{ float:left;}
.foot_bottom .lf .div1 .p2{ float:right; line-height:124px; }
.foot_bottom .lf .div1 .p2 a{ color:#4c4c4c; font-size:16px;}
.foot_bottom .lf .div1 .p2 span{ margin-left:10px; margin-right:10px; color:#4c4c4c; }
.foot_bottom .lf .div1 .p2 a:hover{ color:#e62129;}
.foot_bottom .lf .div2{ line-height:54px; height:54px;}
.foot_bottom .lf .div2 .p1{float:none;text-align:center;font-size: 14px;color: #909090;}
.foot_bottom .lf .div2 .p1 a{font-size: 14px;color: #909090;}
.foot_bottom .lf .div2 .p2{ float:right;}
.foot_bottom .lf .div2 a{ color:#909090;}
.foot_bottom .lf .div2 a:hover{ color:#e62129;}
.foot_bottom .lf .div2 span{ margin-left:10px; margin-right:10px; color:#5e5c5c; }
.foot_bottom .rg{ background:#aa1f25; width:161px; height:178px; overflow:hidden;}
.foot_bottom .rg img{ position:relative; top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.foot_bottom .rg:hover img{ top:-10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.foot_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: 36%;}
    .nav li, .nav:hover .li{margin-right: 6%;}
	.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%;width: 68%;}
	.nav li, .nav:hover .li{margin-right: 4%;}
	.foot_top .div3 span{ padding-top:10px; padding-bottom:10px; padding-left:40px; margin-left:20px;}
	.foot_top .div1{width: 200px;}
}
@media screen and (max-width: 1300px) {/* 小屏幕的尺寸 */
	.foot_top .div4{display: none;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
	.heg{ height:67px;}
	.head{ display:none;}
	.moblie_head{ display:block; background:#f7f7f7; padding:20px 4%; position:fixed; width:92%; 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;}
	.foot{ display:none;}
	.foot_moblie{ display:block; background:#1a1617; text-align:center; color:#5e5c5c; padding-top:5%; padding-bottom:5%;}
	.foot_moblie a{ color:#5e5c5c;}
	.foot_moblie a:hover{ color:#e62129;}
}
/* 公用样式 End */

/* Index */
.qs_div{width:100%;height:658px;position:relative;overflow:hidden; background:#fff;}
.qs_div .qs_bgSet{position:relative;height:100%;}
.qs_div .qs_bgSet li{position:absolute;width:100%;height:100%;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:#e62129;}
.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:33.33%; 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:#fafafa; padding-left:8%; padding-right:8%; min-width:1130px; padding-top:5%; position:relative; display:none;}
.ff .lf{ width:54%; position:relative; z-index:10; background:url(../images/1_33.png) center right no-repeat; 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;}
.gg{ background:url(../images/1_34.jpg) center top no-repeat; padding-left:8.5%; padding-right:8.5%; padding-top:5%; padding-bottom:5%; min-width:1130px;}
.gg .div1{ background:url(../images/1_35.jpg) top left no-repeat; padding-top:38px; color:#333; line-height:32px;}
.gg .div1 .lf{ font-size:30px;    border-left: 4px solid #cc0000;    padding-left: 15px;}
.gg .div1 .rg a{ color:#e00012; font-size:16px;border-radius: 25px;    border: 1px solid #d81810; padding: 0 25px;display: inline-block;line-height: 32px;}
.gg .div1 .rg a:hover{ color:#aa1f25;}
.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:#e62129;}
	.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/1_33.png) top right no-repeat; background-size:150px;}
	.ff .rg{ width:100%;}
	.ff .rg .div1{ padding-top:0px;}
	.ff .rg .div2{ line-height:26px; padding-bottom:5%;}
	.gg{ background:#2c2a2b; padding:5%; min-width:0px; margin-top:0%;}
	.gg .div1{ background:url(../images/1_35.jpg) top left no-repeat; background-size:30px; padding-top:3%; line-height:22px;}
	.gg .div1 .lf{ font-size:16px;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;*/}
.main_banner img{width:100%;}
.div_nav{ background:#e6e6e6; height:50px;}
.div_box{ background:#fff;}
.div_nav ul{ background:url(../images/2_02.jpg) left top no-repeat; padding-left:1px; margin:0 auto;width: 100%;}
.div_nav ul li{ background:url(../images/2_02.jpg) right top no-repeat; width:203px; float:left; line-height:50px; padding-right:1px;}
.div_nav ul li a,.div_nav ul:hover .li a{ display:block; text-align:center; color:#666; font-size:16px; background:url(../images/2_04.jpg) center top repeat-x; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_nav ul li a:hover,.div_nav ul .li a,.div_nav ul:hover .li a:hover{ background:url(../images/2_03.jpg) center top repeat-x; color:#e62129; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_case ul{ width:1224px;}
.div_case1{ width:1320px; /*margin:0 auto;*/ padding-top:90px; /*text-align:center;*/color: #666!important;}
.div_case1 .div1{ background:url(../images/2_08.jpg) center bottom no-repeat; padding-bottom:60px; color:#333; font-size:18px;}
.div_case1 .div1 span{ border:2px solid #51555e; padding:8px 16px;}
.div_case1 .div2{ color:#575757; font-size:14px; line-height:30px; margin-top:25px;}
.div_case1 .div3{ margin:0 auto; margin-top:35px; cursor:pointer; background:url(../images/2_07.jpg) center center no-repeat; width:18px; height:18px;}
.div_case1 .div3 img{ display:none;}
.div_case1 .div3_a_on{ background:url(../images/2_07a.jpg) center center no-repeat;}
.div_case1 .div3_txt{ margin-top:0%;}
.div_case1 .div4{ margin-top:45px;}
.div_case1 .div4 img{ width:100%;}
.div_case1 .div5{ margin-top:45px; color:#808080; font-size:16px; line-height:36px; border-bottom:2px solid #51555e; padding-bottom:45px;}
.div_case1 .div6{ margin-top:69px; position:relative;}
.div_case1 .div6 .slides li{ overflow:hidden;}
.div_case1 .div6 .slides li a{ width:32%; text-align:center; display:block; float:left; margin-right:2%;}
.div_case1 .div6 .slides li a .p1{ background:url(../images/2_13.jpg) center top no-repeat; padding-top:24px; color:#51555d; font-size:18px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_case1 .div6 .slides li a .p2{ border:1px solid #cfcfcf; margin-top:25px;}
.div_case1 .div6 .slides li a .p2 img{ width:100%;}
.div_case1 .div6 .slides li a:hover .p1{ color:#e62129; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_case1 .div6 .flex-control-nav { display:none;} 
.div_case1 .div6 .flex-prev{ background:url(../images/2_11.jpg) center left no-repeat; width:33px; height:150px; position:absolute; left:-64px; top:50%; margin-top:-40px;}
.div_case1 .div6 .flex-prev:hover{ background:url(../images/2_11a.jpg) center left no-repeat;}
.div_case1 .div6 .flex-next{ background:url(../images/2_12.jpg) center left no-repeat; width:33px; height:150px; position:absolute; right:-64px; top:50%; margin-top:-40px;}
.div_case1 .div6 .flex-next:hover{ background:url(../images/2_12a.jpg) center left no-repeat;}
.div_case1 .div7{ display:none}

.div_case_box{max-width: 900px;padding:0 20px;margin:0 auto;padding-top: 80px;overflow: hidden;}
.div_case_box .div_case1{width: 100%;/*text-align: center;*/padding-top: 0;}
.div_case_box .div_case1 .div1{display: none;}
.div_case_box .div_case1 .div2{padding-top: 10px;background: none;margin-top: 0;}
.div_case_box .div_case_img{width:52%;float: left;}
.div_case_box .div_case_img img{width:100%;}

.div_case2{ background:url(../images/2_14.jpg) center top no-repeat #f2efeb; padding-top:22px; margin-top:107px; padding-bottom:70px;}
.div_case2 .div1{ width:1320px; margin:0 auto;}
.div_case2 .div1 .p1{ color:#e62129; font-size:20px; border-bottom:1px dashed #333; padding-bottom:20px; padding-top:10px;}
.div_case2 .div1 .p2{ margin-top:48px;}
.div_case2 .div1 .p2 ul li{ float:left; width:17%; margin-right:3.75%;}
.div_case2 .div1 .p2 ul li .pp1 img{ width:100%;}
.div_case2 .div1 .p2 ul li .pp2{ margin-top:20px;text-align: center;}
.div_case2 .div1 .p2 ul li .pp2 span{ color:#333; /*border-radius:15px; */padding:5px 15px; padding-left:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_case2 .div1 .p2 ul li:hover .pp2 span{/* color:#fff; background:#e62129;*/ padding:5px 15px;  -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 移动端的尺寸 */
	.div_case1{ width:1200px;}
	.div_case2 .div1{ width:1200px;}
}
@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_case1{ width:90%; padding-left:5%; padding-right:5%; padding-top:10%;}
	.div_case1 .div2{ color:#575757; font-size:14px; line-height:24px; margin-top:3%;}
	.div_case1 .div3{ margin-top:3%;}
	.div_case1 .div4{ margin-top:5%;}
	.div_case1 .div5{ margin-top:5%; font-size:14px; line-height:24px; padding-bottom:5%;}
	.div_case1 .div6{ display:none;}
	.div_case1 .div7{ margin-top:8%; position:relative; display:block; width:100%;}
	.div_case1 .div7 .slides li{ overflow:hidden; width:100%;}
	.div_case1 .div7 .slides li a{ width:80%; text-align:center; display:block; margin-left:10%;}
	.div_case1 .div7 .slides li a .p1{ background:url(../images/2_13.jpg) center top no-repeat; padding-top:5%; color:#51555d; font-size:16px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
	.div_case1 .div7 .slides li a .p2{ border:1px solid #cfcfcf; margin-top:5%;}
	.div_case1 .div7 .slides li a .p2 img{ width:100%;}
	.div_case1 .div7 .slides li a:hover .p1{ color:#e62129; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
	.div_case1 .div7 .flex-control-nav { display:none;} 
	.div_case1 .div7 .flex-prev{ background:url(../images/2_11.jpg) center left no-repeat; width:33px; height:150px; position:absolute; left:-5%; top:50%; margin-top:-50px;}
	.div_case1 .div7 .flex-prev:hover{ background:url(../images/2_11a.jpg) center left no-repeat;}
	.div_case1 .div7 .flex-next{ background:url(../images/2_12.jpg) center left no-repeat; width:33px; height:150px; position:absolute; right:-5%; top:50%; margin-top:-50px;}
	.div_case1 .div7 .flex-next:hover{ background:url(../images/2_12a.jpg) center left no-repeat;}

	.div_case_box{max-width:unset; padding:0;}
	.div_case_box .div_case1{float: none; width:90%; }
	.div_case_box .div_case1 .div1{display: none;}
	.div_case_box .div_case_img{width:90%; padding:5%;float: none;}


	.div_case2{ margin-top:10%; padding-bottom:10%;}
	.div_case2 .div1 .p1{ color:#e62129; font-size:16px; border-bottom:1px dashed #333; padding-bottom:3%; padding-top:0px;}
	.div_case2 .div1{ width:90%; padding-left:5%; padding-right:5%;}
	.div_case2 .div1 .p2{ margin-top:5%;}
	.div_case2 .div1 .p2 ul li{ width:48%; margin-right:0px; margin-top:5%;}
	.div_case2 .div1 .p2 ul li .pp2{ margin-top:5%;}
	.div_case2 .div1 .p2 ul li:nth-child(2n){ float:right;}
}
.div_class{ width:1140px; margin:0 auto; padding-top:5%; 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 .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 .p4a1{ background:url(../images/2_33.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 .p4a2{ background:url(../images/2_34.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 .p4a3{ background:url(../images/2_35.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 .p4a4{ background:url(../images/2_36.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 .p4a5{ background:url(../images/2_37.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 .p4a6{ background:url(../images/2_38.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:#e52128; -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 .p4a1{ background:url(../images/2_33a.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 .p4a2{ background:url(../images/2_34a.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 .p4a3{ background:url(../images/2_35a.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 .p4a4{ background:url(../images/2_36a.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 .p4a5{ background:url(../images/2_37a.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 .p4a6{ background:url(../images/2_38a.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 .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_cust{ width:1340px; margin:0 auto; padding-top:86px; padding-bottom:86px;}
.div_cust .div1{ text-align:center; color:#1a1a1a; font-size:48px; line-height:48px;}
.div_cust .div1 strong{ color:#ff000c; font-family:Fette-Engschrift; font-size:72px; line-height:72px}
.div_cust .div2{ text-align:center; color:#4c4c4c; font-size:16px; line-height:30px; margin-top:35px;}
.div_cust .div3{ margin-top:35px; text-align:center; color:#333; font-size:14px; background:url(../images/2_59.jpg) center bottom no-repeat; padding-bottom:7px;}
.div_cust .div4{ margin-top:40px;}
.div_cust .div4 ul li{ float:left; width:17%; margin-right:3.75%; margin-bottom:2.5%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_cust .div4 ul li a{ display:block; border:1px solid #eeeeee; overflow:hidden; height:100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; overflow:hidden;}
.div_cust .div4 ul li a img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.div_cust .div4 ul li:hover{ box-shadow: -5px 0 15px #fff,0 -5px 15px #fff,0 2px 10px #e9e9e9,2px 0 10px #e9e9e9; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_cust .div4 ul li a:hover img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 移动端的尺寸 */
	.div_cust{ width:1200px;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */
	img{max-width:100% !important;}	
	.div_cust{ width:90%; padding:5%}
	.div_cust .div1{ font-size:28px; line-height:28px;}
	.div_cust .div1 strong{ font-size:28px; line-height:28px}
	.div_cust .div2{ margin-top:3%; font-size:14px; line-height:26px;}
	.div_cust .div3{ margin-top:3%; text-align:center; color:#333; font-size:14px; background:url(../images/2_59.jpg) center bottom no-repeat; padding-bottom:7px;}
	.div_cust .div4{ margin-top:8%;}
	.div_cust .div4 ul li{ float:left; width:48%; margin-right:0%; margin-bottom:5%;}
	.div_cust .div4 ul li:nth-child(2n){ float:right;}
	
}
.main_banner .div1{ position:absolute; top:50%; margin-top:-40px; width:1066px; left:50%; margin-left:-533px;}
.main_banner .div1 .p1{ color:#fff; font-size:48px; text-transform:uppercase; padding-top:22px;}
.main_banner .div1 .p2{ background:#fff; height:80px; width:615px;}
.main_banner .div1 .p2 .pp1{ padding-left:62px; width:287px; padding-right:61px;}
.main_banner .div1 .p2 .pp1 .text{ border:0px; background:none; height:78px; line-height:78px; color:#dfdfdf; font-size:24px;}
.main_banner .div1 .p2 .pp2{ width:204px; height:80px;}  
.main_banner .div1 .p2 .pp2 a{ display:block; background:#ec1c24; width:204px; text-align:center; padding-top:23px; height:57px;}
.main_banner .div1 .p2 .pp2 a:hover{ background:#d01920}
.div_pro ul{ max-width: 1200px;}
.div_pro1{ background:url(../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;margin-bottom:30px;}
.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;}
.div_pro2{ background:url(../images/3_10.png) center top repeat-y; width:1232px; margin:0 auto; padding-top:80px; padding-bottom:30px;}
.div_pro2 .lf{ width:600px; padding-left:20px;}
.div_pro2 .lf .p1{ color:#808080; font-size:16px;}
.div_pro2 .lf .p1 span{ color:#e62129;}
.div_pro2 .lf .p1 a{ color:#808080;}
.div_pro2 .lf .p2{ color:#333; font-size:39px; margin-top:45px; line-height:50px;}
.div_pro2 .lf .p3{ color:#4c4c4c; font-size:23px; line-height:38px; font-family:Arial, Helvetica, sans-serif; margin-top:30px;letter-spacing: 5px;}
.div_pro2 .rg{ padding-right:300px; width:250px;}
.div_pro3{ background:#f5f5f5; padding-bottom:80px;}
.div_pro3 img{max-width:100% !important;height:auto  !important;}
.div_pro3 .div1{ background:url(../images/3_10.png) center top repeat-y; width:1232px; margin:0 auto; padding-top:80px; padding-bottom:30px; color:#666; line-height:30px;}
.div_pro3 .div1 .lf{ width:500px; padding-left:20px;}
.div_pro3 .div1 .rg{ width:500px; padding-right:150px;}
.div_pro3 .div1 strong{ color:#e62129; font-size:24px; line-height:26px;}
.div_pro3 .div3{ margin-top:50px; width:236px; height:37px; position:relative; overflow:hidden; margin-left:20px;}
.div_pro3 .div3 a{ display:block; background:#ec1c24;}
.div_pro3 .div3 a .span1{ padding-left:64px; color:#e5e5e5; font-size:14px; position:relative; z-index:100; display:block; height:37px; line-height:37px;}
.div_pro3 .div3 a .span2{ position:absolute; top:0px; right:0px; z-index:100;}
.div_pro3 .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_pro3 .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) {/* 移动端的尺寸 */	
	.main_banner .div1{ display:none;}
	.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%;}
	.div_pro2{ background:none; width:90%; padding:5%;}
	.div_pro2 .lf{ width:100%; padding-left:0px;}
	.div_pro2 .lf .p1{ font-size:14px;}
	.div_pro2 .lf .p2{ font-size:20px; margin-top:5%; line-height:22px; text-align:center;}
	.div_pro2 .lf .p3{ font-size:16px; line-height:22px; margin-top:2%; text-align:center;}
	.div_pro2 .rg{ padding-right:0px; width:100%; text-align:center; margin-top:5%;}
	.div_pro3{ background:#f5f5f5; padding-bottom:5%;}
	.div_pro3 .div1{ background:none; width:90%; margin:0 auto; padding:5%; color:#666; line-height:30px;}
	.div_pro3 .div1 .lf{ width:100%; padding-left:0px;}
	.div_pro3 .div1 .rg{ width:100%; padding-right:0px; margin-top:10%;}
	.div_pro3 .div1 strong{ color:#e62129; font-size:24px; line-height:26px;}
	.div_pro3 .div3{ margin:0 auto; margin-top:5%;}
}
.div_res ul{ width:816px;}

.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:#999; margin-top:25px; font-size:18px; line-height:36px;}
.div_res1 .div4{ margin-top:47px;}
.div_res1 .div4 .lf{ width:33.33%;}
.div_res1 .div4 .lf .p1{ color:#444444; font-size:80px; 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;}

.div_res_box{max-width: 1500px;padding:0 20px;margin:0 auto;padding-top: 80px;overflow: hidden;}
.div_res_box .div_res1{width:60%;/*float: right;text-align: left;*/padding-top: 0;}
.div_res_box .div_res1 .div1{display: none;}
.div_res_box .div_res1 .div2{padding-top: 10px;background: none;margin-top: 0;}
.div_res_box .div_res_img{width:52%;float: left;}
.div_res_box .div_res_img img{width:100%;}

.div_res2{ position:relative; width:1400px; margin:0 auto; padding-bottom:100px;}
.div_res2 .slides li{overflow:hidden;}
.div_res2 .slides li a{ float:left; width:22%; margin-right:4%;}
.div_res2 .slides li a .div1{ border:1px solid #efefef; padding:18px;margin-top: 10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_res2 .slides li a .div1 img{ width:100%;/*height: 314px;*/}
.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:#e62129; -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_res_box{max-width:unset; padding:0;}
	.div_res_box .div_res1{float: none; width:90%; }
	.div_res_box .div_res1 .div1{display: none;}
	.div_res_box .div_res_img{width:90%; padding:5%;float: none;}

	.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:#999; 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{ display:none;}
	.div_res3{ display:block;}
	.div_res3{ position:relative; width:100%; padding-bottom:5%;}
	.div_res3 .slides li{overflow:hidden;}
	.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_ser ul{ width:408px; }
.div_ser1{ padding-top:80px; padding-bottom:80px; width:1038px; margin:0 auto;}
.div_ser1 a{ display:block; text-align:center; width:274px; height:294px; background:#f5f5f5; float:left; margin-right:101px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_ser1 a .div1{ color:#000000; padding-top:45px; font-size:20px;}
.div_ser1 a .div2{ color:#b2b2b2; margin-top:15px;}
.div_ser1 a .div3{ margin-top:40px; position:relative; top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_ser1 a:hover{ background:#fff; box-shadow: -2px 0 10px #f5f5f5,0 -2px 10px #f5f5f5,0 2px 10px #f5f5f5,2px 0 10px #f5f5f5; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_ser1 a:hover .div3{ position:relative; top:-10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_ser2{ position:relative; left:50%; margin-left:-960px; width:1920px;}
.div_ser3{ width:1042px; margin:0 auto; padding-bottom:80px; padding-top:80px;}
.div_ser3 .div1{ background:url(../images/5_06.jpg) center left no-repeat; padding-left:75px; padding-top:5px; padding-bottom:5px;}
.div_ser3 .div1 .p1{ font-size:24px; line-height:26px; color:#000;}
.div_ser3 .div1 .p2{ color:#b2b2b2; margin-top:5px;}
.div_ser3 .div2{ margin-top:65px;}
.div_ser3 .div2 ul li{ background:#f2f2f2; margin-bottom:36px; border:1px solid #ececec; height:62px; line-height:62px;}
.div_ser3 .div2 ul li .lf{ background:url(../images/5_08.jpg) center left no-repeat; padding-left:140px; color:#242424; width:697px;} 
.div_ser3 .div2 ul li .rg{ width:197px; background:#fff; border-left:1px solid #ececec; text-align:center; color:#4c4c4c;}
.div_ser3 .div2 ul li .rg span{ background:url(../images/5_07.jpg) left center no-repeat; padding-left:32px; padding-top:5px; padding-bottom:5px;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
	.div_ser1{ padding:5%; width:90%;}
	.div_ser1 a{ display:block; text-align:center; margin-bottom:5%; width:100%; height:294px; background:#f5f5f5; float:left; margin-right:101px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
	.div_ser3{ padding:5%; width:90%;}
	.div_ser3 .div1{ background:url(../images/5_06.jpg) center left no-repeat; background-size:45px; padding-left:55px;}
	.div_ser3 .div1 .p1{ font-size:16px; line-height:22px;}
	.div_ser3 .div1 .p2{ margin-top:0px;}
	.div_ser3 .div2{ margin-top:5%;}
	.div_ser3 .div2 ul li{ height:45px; margin-bottom:5%;}
	.div_ser3 .div2 ul li .rg{ display:none;}
	.div_ser3 .div2 ul li .lf{ width:auto; padding-left:65px; background:url(../images/5_08.jpg) top left no-repeat; background-size:48px; height:45px; line-height:45px;}
}
.div_news1{ width:1440px; margin:0 auto; padding-top:20px; 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;}
.page1{ display:none;}
.div_news2{ max-width:900px; margin:0 auto; padding:50px 160px 100px;}
.div_news2 img{max-width:100%;}
.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;min-height: 200px;}
.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_contbox{ width:1440px; margin:0 auto;}
.div_cont1{ padding-top:80px;}
.div_cont1 .lf{ width:45%; padding-right:5%; background:url(../images/7_04.jpg) right center no-repeat;}
.div_cont1 .rg{ width:45%; padding-left:5%;}
.div_cont1 .lf .div1{ background:url(../images/7_02.jpg) center left no-repeat; padding-left:64px;}
.div_cont1 .rg .div1{ background:url(../images/7_03.jpg) center left no-repeat; padding-left:64px;}
.div_cont1 .div1 .p1{ color:#333; font-size:20px;}
.div_cont1 .div1 .p2{ color:#b2b2b2;}
.div_cont1 .div2{ margin-top:20px; color:#999; font-size:14px; line-height:24px;}
.div_cont2{ background:#f5f5f5; margin-top:80px; padding-top:80px; padding-bottom:80px;}
.div_cont2 .div1 .p1{ width:19%; margin-right:3%; background:#fff; }
.div_cont2 .div1 .p1 select{ height:40px; width:100%; padding-left:2%; width:100%; border:0px;}
.div_cont2 .div1 .p2{ width:21%; background:#fff;}
.div_cont2 .div1 .p2 input{ height:40px; line-height:40px; border:0px; padding-left:3%; width:94%; padding-right:3%;}
.div_cont2 .div1 .p3{ width:10%;}
.div_cont2 .div1 .p3 a{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#c60329; text-align:center;}
.div_cont2 .div1 .p3 a:hover{ background:#a50323}
.div_cont2 .div2{ background:#8f8f8f; padding-left:4%; padding-right:4%; margin-top:15px; height:45px; line-height:45px; color:#fff; font-size:16px;}
.div_cont2 .div2 .p1{ width:20%; margin-right:1%;}
.div_cont2 .div2 .p2{ width:11%; margin-right:1%;}
.div_cont2 .div2 .p3{ width:15%; margin-right:1%;}
.div_cont2 .div2 .p4{ width:40%; margin-right:1%;}
.div_cont2 .div2 .p5{ width:10%;}
.div_cont2 .div3{ background:#fff;}
.div_cont2 .div3 ul li .p1{ height:64px; line-height:64px; padding-left:4%; padding-right:4%; border-bottom:1px solid #e6e6e6; color:#808080; cursor:pointer; font-size:14px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_cont2 .div3 ul li .p1 .pp1{ width:20%; margin-right:1%;}
.div_cont2 .div3 ul li .p1 .pp2{ width:11%; margin-right:1%;}
.div_cont2 .div3 ul li .p1 .pp3{ width:15%; margin-right:1%;}
.div_cont2 .div3 ul li .p1 .pp4{ width:40%; margin-right:1%;}
.div_cont2 .div3 ul li .p1 .pp5{ width:10%;}
.div_cont2 .div3 ul li .div_js_on,.div_cont2 .div3 ul li:hover .p1{ background:#efefef; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_cont2 .div3 ul li .div_txt{ background:#dbdbdb; padding:20px 4%; border:1px solid #e6e6e6; color:#333;}
.div_cont3{ background:url(../images/7_05.jpg) top center no-repeat; padding-top:234px;}
.div_cont3 .div1{ width:1440px; height:563px;}
.div_cont4{ background:url(../images/7_06.png) left 50px no-repeat;}
.div_cont4 .div1{ float:left; background:#fff; width:20%; text-align:center; background:#fff; font-size:40px; color:#666; box-shadow: -2px 0 15px #f6f6f6,0 -2px 15px #f6f6f6,0 2px 15px #f6f6f6,2px 0 15px #f6f6f6; height:80px; line-height:80px; margin-top:100px;}
.div_cont4 .div2{ width:78%; background:url(../images/7_08.jpg) top right repeat-y;}
.div_cont4 .div2 .p1{ width:25%; background:url(../images/7_08.jpg) left top repeat-y; float:left; color:#808080; line-height:24px; padding-top:100px; padding-bottom:100px;}
.div_cont4 .div2 .p1 .pp1{ font-size:16px; color:#da2828; height:44px; line-height:22px; overflow:hidden; padding-left:10%; padding-right:10%;}
.div_cont4 .div2 .p1 .pp2{ height:160px; padding-left:10%; padding-right:5%; background:url(../images/7_07.jpg) 2% 5px no-repeat;}
.div_cont4 .div2 .p1 .pp3 a{ display:block; text-align:center; background:url(../images/7_09.jpg) center top no-repeat; color:#666666; padding-top:40px;}
.div_cont4 .div2 .p1 .pp3:hover a{ background:url(../images/7_10.jpg) center top no-repeat; color:#ff151f}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 移动端的尺寸 */	
	.div_contbox{ width:1200px;}
	.div_cont3 .div1{ width:1200px;}
	.div_cont4 .div1{ width:10%; font-size:20px; font-weight:bold;}
	.div_cont4 .div2{ width:88%;}
}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
	.div_contbox{ width:90%; padding-left:5%; padding-right:5%;}
	.div_cont1{ padding-top:5%;}
	.div_cont1 .lf{ width:100%; padding-right:0%; background:none; border-bottom:1px solid #ddd; margin-bottom:5%; padding-bottom:5%;}
	.div_cont1 .rg{ width:100%; padding-left:0%;}
	.div_cont1 .lf .div1{ background:url(../images/7_02.jpg) center left no-repeat; background-size:60px !important;}
	.div_cont1 .rg .div1{ background:url(../images/7_03.jpg) center left no-repeat; background-size:60px !important;}
	.div_cont1 .div1 .p1{ font-size:16px; line-height:18px;}
	.div_cont1 .div1 .p2{ line-height:18px;}
	.div_cont1 .div2{ margin-top:5%; font-size:14px; line-height:24px;}
	.div_cont2{ background:#f5f5f5; margin-top:5%; padding-top:5%; padding-bottom:3%;}
	.div_cont2 .div1 .p1{ width:100%; margin-right:0%; background:#fff; margin-bottom:3%;}
	.div_cont2 .div1 .p1 select{ height:40px; width:100%; padding-left:2%;}
	.div_cont2 .div1 .p2{ width:100%; margin-bottom:3%;}
	.div_cont2 .div1 .p3{ width:100%;}
	.div_cont2 .div1 .p3 a{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#c60329; text-align:center;}
	.div_cont2 .div1 .p3 a:hover{ background:#a50323}
	.div_cont2 .div2{ background:#8f8f8f; padding-left:4%; padding-right:4%; margin-top:15px; height:45px; line-height:45px; color:#fff; font-size:16px;}
	.div_cont2 .div2 .p1{ width:50%; margin-right:0%; text-align:center;}
	.div_cont2 .div2 .p2{ width:50%; margin-right:0%; text-align:center;}
	.div_cont2 .div2 .p3{ width:15%; margin-right:0%; display:none;}
	.div_cont2 .div2 .p4{ width:33%; margin-right:0%;  display:none;}
	.div_cont2 .div2 .p5{ width:10%; display:none;}
	.div_cont2 .div3{ background:#fff;}
	.div_cont2 .div3 ul li .p1{ height:54px; line-height:54px; padding-left:4%; padding-right:4%; border-bottom:1px solid #e6e6e6; color:#808080; cursor:pointer; font-size:14px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
	.div_cont2 .div3 ul li .p1 .pp1{ width:50%; margin-right:0%; text-align:center;}
	.div_cont2 .div3 ul li .p1 .pp2{ width:50%; margin-right:0%; text-align:center;}
	.div_cont2 .div3 ul li .p1 .pp3{ width:33%; margin-right:0%; display:none;}
	.div_cont2 .div3 ul li .p1 .pp4{ width:33%; margin-right:0%; text-align:center; display:none;}
	.div_cont2 .div3 ul li .p1 .pp5{ width:33%; display:none;}
	.div_cont2 .div3 ul li .div_js_on,.div_cont2 .div3 ul li:hover .p1{ background:#efefef; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
	.div_cont2 .div3 ul li .div_txt{ background:#dbdbdb; padding:20px 4%; border:1px solid #e6e6e6; color:#333;}
	.div_cont3{ display:none;}
	.div_cont4{ background:url(../images/7_06.png) left 50px no-repeat; background-size:80%;}
	.div_cont4 .div1{ float:none; background:#fff; width:80%; margin:0 auto; text-align:center; background:#fff; font-size:20px; color:#666; box-shadow: -2px 0 15px #f6f6f6,0 -2px 15px #f6f6f6,0 2px 15px #f6f6f6,2px 0 15px #f6f6f6; height:40px; line-height:40px; margin-top:5%;}
	.div_cont4 .div2{ width:100%; background:none;}
	.div_cont4 .div2 .p1{ width:100%; background:none; border-bottom:1px solid #ddd; float:left; color:#808080; line-height:24px; padding-top:5%; padding-bottom:5%;}
	.div_cont4 .div2 .p1 .pp1{ font-size:16px; color:#da2828; height:auto; line-height:22px; overflow:hidden; padding-left:10%; padding-right:10%;}
	.div_cont4 .div2 .p1 .pp2{ height:auto; margin-top:3%;}
}
.div_abo{ width:1600px; margin:0 auto; padding-top:80px; padding-bottom:80px;}
/*.div_abo .div1{ background:#fafafa;}*/
.div_abo .div1 .lf{ width:33.75%; padding:4%; background:#e6e6e6;}
.div_abo .div1 .lf img{ width:100%;}
.div_abo .div1 .rg{ padding:4%; width:50.25%;}
.div_abo .div1 .rg .p1{ font-size:26px; color:#333; background:url(../images/8_03.jpg) bottom left no-repeat; padding-bottom:25px;}
.div_abo .div1 .rg .p2{ font-size:16px; color:#333; line-height:28px; margin-top:20px;}
.div_abo .div1 .rg .p3{ font-size:14px; color:#808080; line-height:32px; margin-top:25px;}
@media screen and (max-width: 1600px) and (min-width:1023px) {/* 移动端的尺寸 */	
	.div_abo{ width:1200px;}
	.div_abo .div1 .rg .p3{ font-size:12px; color:#808080; line-height:24px; margin-top:25px;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
	.div_abo{ width:90%; padding:5%;}
	.div_abo .div1 .lf{ width:90%; padding:5%;}
	.div_abo .div1 .rg{ width:90%; padding:5%;}
	.div_abo .div1 .rg .p1{ font-size:18px; padding-bottom:5%;}
	.div_abo .div1 .rg .p3{ font-size:14px; line-height:28px; margin-top:5%;}
}
.div_his{ width:958px; margin:0 auto; padding-top:80px;}
.div_his .div1{ text-align:center;}
.div_his .div2{ margin-top:45px; border-left:1px solid #ddd;}
.div_his .div2 a{ display:block; width:33.33%; height:48px; float:left; border-left:0px; text-align:center; line-height:48px;}
.div_his .div2 a span{ display:block; border:1px solid #ddd; border-left:0px; color:#1a1a1a; font-size:14px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_his .div2 a:hover span,.div_his .div2 .a1 span{ background:#ededed; color:#db2925; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_his .div3{ margin-top:40px;}
.div_his .div3 ul{ background:url(../images/8_11.jpg) 116px top repeat-y; padding-bottom:80px;}
.div_his .div3 ul li{ margin-bottom:25px;}
.div_his .div3 ul li .p1{ width:121px; background:url(../images/8_05.jpg) center right no-repeat; line-height:30px; font-size:18px; color:#808080;}
.div_his .div3 ul li .p2{ width:380px; margin-left:25px; color:#808080}
.div_his .div3 ul li .p3{ width:392px;}
.div_his .div3 ul li .p3 img{ width:100%;}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
	.div_his{ width:90%; margin:0 auto; padding:5%;}
	.div_his .div2{ margin-top:5%;}
	.div_his .div3{ margin-top:5%;}
	.div_his .div3 ul{ background:none; padding-bottom:5%;}
	.div_his .div3 ul li{ margin-bottom:5%; border-bottom:1px solid #ddd; padding-bottom:5%;}
	.div_his .div3 ul li .p1{ width:100%; background:none; line-height:22px; font-size:14px; color:#808080; text-align:center;}
	.div_his .div3 ul li .p2{ width:100%; margin-left:0px; color:#808080; font-size:14px;}
	.div_his .div3 ul li .p3{ width:100%; margin-top:3%;}
	.div_his .div3 ul li .p3 img{ width:100%;}
}
.div_hon{ width:1200px; margin:0 auto; padding-top:80px; padding-bottom:80px;}
.div_hon .lf{ width:536px; height:380px; background:url(../images/8_10.jpg) center center no-repeat;}
.div_hon .lf ul{ position:relative; top:21px; left:96px; width:441px; height:294px; overflow:hidden; text-align:center;}
.div_hon .lf ul li{ width:441px; height:294px;}
.div_hon .lf ul img{ height:100%;}
.div_hon .rg{ width:594px; height:420px;}
.div_hon .rg ul li{ float:left; width:268px; height:50px; line-height:50px; border:1px solid #dbdbdb; line-height:50px; text-align:center; color:#333; margin-bottom:20px; margin-right:20px; cursor:pointer;}
.div_hon .rg ul .current,.div_hon .rg ul li:hover{ background:#e62129; color:#fff;}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
	.div_hon{ display:none;}
	.div_hon1{ padding-top:5%;}
	.div_hon1 .flex-prev{margin-top:-70px;}
	.div_hon1 .flex-next{ margin-top:-70px;}
	.div_cul .div1 .lf{padding: 3% 1%!important;}
}
.div_cul{ min-width:1200px;}
.div_cul .div1 .lf{ width:36%; padding:3% 5%; padding-bottom:0px;margin-left: 10%;}
.div_cul .div1 .lf .p1{ color:#000; font-size:30px; background:url(../images/8_13.jpg) left bottom no-repeat; padding-bottom:3%; line-height:30px;}
.div_cul .div1 .lf .p2{ color:#333; margin-top:3%; font-size:24px;}
.div_cul .div1 .lf .p3{ color:#666; margin-top:3%; font-size:14px; line-height:26px;}
.div_cul .div1 .lf .p4{ color:#999; margin-top:3%; font-size:14px; line-height:26px;}
.div_cul .div1 .rg{ width:34%;}
.div_cul .div1 .rg img{ width:100%;}
.div_cul1{ background:url(../images/8_14.jpg) top center no-repeat; height:783px;}
.div_cul1 .div1{ width:1378px; margin:0 auto; padding-top:145px;}
.div_cul1 .div1 ul li{ margin-right:82px; float:left; width:157px; height:157px; border:1px solid #fff; color:#fff; position:relative; cursor:pointer;}
.div_cul1 .div1 ul li .p1{ padding-top:23px; padding-left:17px;}
.div_cul1 .div1 ul li .p1 .pp1{ height:38px;}
.div_cul1 .div1 ul li .p1 .pp2{ margin-top:20px;}
.div_cul1 .div1 ul li .p1 .pp3{ text-transform:uppercase;}
.div_cul1 .div1 ul li .p2{ position:absolute; top:-2px; left:-2px; width:278px; height:230px; background:url(../images/8_22.png) repeat; border-radius:5px; padding:20px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;display:none;}
.div_cul1 .div1 ul .li .p2{ left:-160px;}
.div_cul1 .div1 ul li .p2 span{ font-size:18px;}
.div_cul1 .div1 ul li:hover{ z-index:10;}
.div_cul1 .div1 ul li:hover .p2{ opacity:1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;display:block;}
@media screen and (max-width: 1600px) and (min-width:1023px) {/* 移动端的尺寸 */	
	.div_cul1 .div1{ width:1200px;}
	.div_cul1 .div1 ul li{ margin-right:45px;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
	.div_cul{ min-width:inherit;}
	.div_cul .div1 .lf{ width:90%; padding:3% 5%; padding-bottom:0px; margin-bottom:5%;}
	.div_cul .div1 .lf .p1{ color:#000; font-size:18px;}
	.div_cul .div1 .lf .p2{ color:#333; margin-top:3%; font-size:16px;}
	.div_cul .div1 .lf .p3{ color:#666; margin-top:3%; font-size:14px; line-height:26px;}
	.div_cul .div1 .lf .p4{ color:#999; margin-top:3%; font-size:14px; line-height:26px;}
	.div_cul .div1 .rg{ width:100%;}
	.div_cul1{ height:auto;}
	.div_cul1 .div1{ width:90%; padding:5%;}
	.div_cul1 .div1 ul li{ float:left; width:46%; border:1px solid #fff; color:#fff; position:relative; cursor:pointer; margin-bottom:5%; margin-right:0px;}
	.div_cul1 .div1 ul li:nth-child(2n){ float:right;}
	.div_cul1 .div1 ul li .p1 .pp1{ height:38px;}
	.div_cul1 .div1 ul li .p1 .pp2{ margin-top:5%;}
	.div_cul1 .div1 ul li .p2{ display:none;}
}
.div_car{ padding-top:80px; padding-bottom:80px; width:1200px; margin:0 auto;}
.div_car ul li{ float:left; width:375px; border:1px solid #f7f7f7; margin-right:34px; margin-bottom:34px;}
.div_car ul li .div1{ overflow:hidden;}
.div_car ul li .div1 img{ width:100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_car ul li .div2{ background:#f7f7f7;}
.div_car ul li .div2 .lf{ width:70%; padding:10px 3%; padding-bottom:0px; margin-bottom:10px; color:#333; height:48px; line-height:24px; overflow:hidden;}
.div_car ul li .div2 .rg{ /*background:#efefef url(../images/8_29.png) center 16px no-repeat;*/ padding-top:13px;padding-bottom: 20px; height:35px; width:24%; text-align:center; color:#999999; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_car ul li:hover{ border:1px solid #cfcfcf;}
.div_car ul li:hover .div1 img{ -webkit-transform-origin: center; transform-origin:center; -webkit-transform:scale(0.99); transform: scale(0.99);}
.div_car ul li:hover .div2 .rg{ background:#e00012 url(../images/8_30.png) center 16px no-repeat; color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */		
	.div_car{ width:90%; padding:5%;}
	.div_car ul li{ width:100%; border:0px; margin:0px; margin-bottom:5%;}
	.div_car ul li:hover{ border:0;}
	.div_car ul li:hover .div1 img{ -webkit-transform-origin: center; transform-origin:center; -webkit-transform:scale(1); transform: scale(1);}
}
.div_vid{ background:url(../images/8_31.jpg) top center no-repeat;}
.div_vid .div1{ width:1109px; margin:0 auto; padding-top:80px; padding-bottom:80px; text-align:center;}
.div_vid .div1 .p2{ margin-top:15px; color:#666666; font-size:30px; line-height:32px;}
.div_vid .div1 .p3{ margin-top:35px; color:#999; font-size:18px; line-height:36px;}
.div_vid .div1 .p4{ margin-top:45px; margin-bottom:45px;}
.div_none{ display:none;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
	.div_vid .div1{ width:90%; padding:5%;}
	.div_vid .div1 .p1 img{ width:100%;}
	.div_vid .div1 .p2{ margin-top:5%; font-size:18px; line-height:22px;}
	.div_vid .div1 .p3{ margin-top:5%;  font-size:16px; line-height:26px;}
	.div_vid .div1 .p4{ margin-top:5%; margin-bottom:5%;}
	.div_vid .div1 .p5 img{ width:100%}
	.div_nav ul{ padding-left:0px; background:none;}
	.moblie_nav{ height:auto;}
	.moblie_nav ul{ width:100%;}
	.moblie_nav ul li{ width:33%; padding-right:0px; border-bottom:1px solid #fff;}
	.moblie_nav ul li a{ background:none;}
	.moblie_nav ul li:nth-child(3n){width:34%;background:none}
	.div_res ul li a, .div_res ul:hover .li a { font-size:12px;}
	.video{ display:none;}
	.div_none{ display:block;}
}
/* 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:white; color:#000;}
.page1{ text-align:center;}
.page1 a{ margin-left:5px; margin-right:5px; padding:5px 10px; color:#333;}
.page1 .current a,.page1 a:hover{ background:#white; color:#000;}
.txt img{ max-width:100%;}
/* Page End */
/* Main End */ 


/* -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; 背景渐隐 */
/* -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 背景滚动*/
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片原比例 */
/* -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -o-transform:scale(0.97); -ms-transform:scale(0.97); transform:scale(0.97); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片缩放 */
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; */
/* -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s; 图片360旋转 */
/* transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); 图片360旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; 3D旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); 3D旋转 */
/* -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); 高斯模糊 */

/* e62129 */


.news-so { display: inline-block; width: 80%; background: #fff; height: 24px; margin-top: 40px;height: 70px;border: 1px solid #ebebeb;     box-shadow: 0 0 20px rgba(0,0,0,0.13);margin-left: 10%;}
.news-so .news-so-key { width: 90%; height: 100%;border:none; float: left;  color: #999; outline: none; padding: 0 15px;line-height: 100%;}
.news-so .news-so-btn { display: block; width: 10%; height: 24px; float: right; border: 0px solid #ddd;  text-align: center; padding: 0 5px; background: #fff url(../images/ico_so_gray.jpg) center center no-repeat;height: 100%;width:60px; }