@charset "utf-8";
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:14px; height:100%; line-height:1.8; 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('../fonts/fette-engschrift.ttf'),
    url('../fonts/fette-engschrift.eot'),
    url('../fonts/fette-engschrift.svg'),
    url('../fonts/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: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;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.logo{ width:307px; height:86px;}
.logo img{    margin-top: 10px;}
.nav{ position:absolute; /*width:45%;*/ top:0px; left:40%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav li,.nav:hover .li{ float:left; margin-right:4%;    margin: 0 15px; 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:15px; 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:#202a65;}
.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:50%;transform: translateX(-50%);}
.nav li .div1 a{ display:block; padding-bottom:5px; color:#999; font-size:14px; padding-top:0px; font-weight:normal; margin-bottom:10px; line-height:25px; padding-bottom:0px;    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.nav li .div1 a:hover{ background:none; text-decoration:underline; color:#202a65;}
.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:#202a65;}

.other{ padding-top:45px;}
.other a{ color:#4c4c4c; margin-left:8px; margin-right:8px; float:left; display:block;}
.other a:hover, .other a.active{ color:#202a65;}
.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;}
.pcwxlogin {
    display: inline-block!important;
}
.mwxlogin {
    display: none!important;
}
.foot{ min-width:1200px; background:#1c1a1a;/* margin-top:300px;*/}
.foot_top{ background:#efefef;}
.foot_top .div1{ background:#202a65; 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/1_42.jpg) left center no-repeat;}
.foot_top .div3 .span1 a{ color:#5e5c5c}
.foot_top .div3 .span2{ background:url(../images/1_43.jpg) left center no-repeat;}
.foot_top .div3 .span3{ background:url(../images/1_44.jpg) left center no-repeat; }
.foot_top .div4{ background:#202a65; width:161px; height:67px; padding-top:54px;}
.foot_top .div4 a{ display:block; float:left; width:24px; height:19px; margin-left:30px; position:relative; }
.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{ position:absolute; bottom:20px; left:-65px; opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;width: 138px;height: 138px;}
.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:#202a65;}
.foot_bottom .lf .div2{ line-height:54px; height:54px;}
.foot_bottom .lf .div2 .p1{ float:left; color:#909090;}
.foot_bottom .lf .div2 .p2{ float:right;}
.foot_bottom .lf .div2 a{ color:#909090;}
.foot_bottom .lf .div2 a:hover{ color:#202a65;}
.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:30%;}
    .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:30%;}
    .foot_top .div3 span{ padding-top:10px; padding-bottom:10px; padding-left:50px; margin-left:25px;}
}
@media screen and (max-width: 1250px){/* 小屏幕的尺寸 */
.head {    padding-left: 4.5%; padding-right: 4.5%;}
}
@media screen and (max-width: 1024px) 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;}
    .foot{ display:none;}
    .foot_moblie{ display:block; background:#1a1617; text-align:center; color:#ddd; padding-top:5%; padding-bottom:5%;}
    .foot_moblie a{ color:#5e5c5c;}
    .foot_moblie a:hover{ color:#202a65;}
}
/* 公用样式 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:#202a65;}
.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 { }
.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;line-height: 24px;}
.ss a .div2 .span1{ padding-right:48px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;display: block;}
.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;top: 0;}
.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;top: 0;}
.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; overflow: hidden;}
.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:0; 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:206px; height:206px; left:42%; 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 .p1 img{
    width: 100%;
}
.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;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    box-sizing: border-box;}
.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:#202a65; 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%;
padding-bottom: 5%; position:relative; }
.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:0%;}
.ff .rg .div1 img{ width:80%;}
.ff .rg .div2{ color:#4c4c4c; line-height:30px; font-size:16px; margin-top:5%; background:url(../images/1_32.jpg) bottom left no-repeat; padding-bottom:40px;text-align: justify;}
.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;}
.gg .div1 .rg a{ color:#202a65; font-size:16px;}
.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:18px; overflow:hidden;text-overflow: ellipsis;
    white-space: nowrap;}
.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: 2000px) 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;}
}
.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:#202a65;}
    .banner .flex-direction-nav{ display:none;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
    .qs_div{ display:none;}
    
    .ss a{ width:100%;}
    .ss a .div2{ bottom:10px;}
    .ss a .div2 .span1{ font-size:14px; padding-right:30px;font-weight: 400;}
    .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:block; 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 img{
        width: 100%;
    }
    .dda .div2 .slides li a .p2 span{ background:#202a65; color:#fff; padding:3px 15px; border-radius:15px;display: block;line-height: 35px;}
    .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:5%;}
    .ff .rg .div2{ line-height:26px; padding-bottom:5%;}
    .gg{  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;}
    .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%;display: block;}
.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;}
.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:#202a65; -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;}
.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:#202a65; -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_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:#202a65; 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;}
.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:#202a65; 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: 1024px) 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:#202a65; -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_case2{ margin-top:10%; padding-bottom:10%;}
    .div_case2 .div1 .p1{ color:#202a65; 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: 1024px) 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: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
    .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{ width:816px;}
.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;}
.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{ width:1232px; margin:0 auto; padding-top:50px; 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:#202a65;}
.div_pro2 .lf .p1 a{ color:#808080;}
.div_pro2 .lf .p2{ color:#333; font-size:24px; margin-top:45px; line-height:50px;}
.div_pro2 .lf .p3{ color:#4c4c4c; font-size:16px; line-height:30px; font-family:Arial, Helvetica, sans-serif; margin-top:30px;text-align: justify;}
.div_pro2 .lf .p3 img{margin-right: 5px;}
.div_pro2 .rg{  width:400px;}
.div_pro2 .rg img{
    width: 100%;
    
    display: block;
    box-sizing:border-box;
}
.div_pro2 .rg .prod_pic{
    border:1px solid #ddd;
}
.div_pro3{  padding-bottom:80px;}
.div_pro3 .div1{width:1232px; margin:0 auto; /*padding-top:80px;*/ padding-bottom:30px; color:#666; line-height:30px;overflow: hidden;}
.div_pro3 .div1 .lf{ width:500px; padding-left:20px;}
.div_pro3 .div1 .rg{ width:500px; padding-right:150px;}
.div_pro3 .div1 strong{ color:#202a65; font-size:24px; line-height:26px;}
.div_pro3 .div3{ margin-top:50px; width:236px; height:37px; position:relative; overflow:hidden; margin-left:20px;float: left;}
.div_pro3 .div3 a{ display:block; background:#e38f46;}
.div_pro3 .div3 a .span1{ /*padding-left:64px;*/ color:#fff; font-size:14px; position:relative; z-index:100; display:block; height:37px; line-height:37px;text-align: center;}
.div_pro3 .div3 a .span2{ position:absolute; top:0px; right:0px; z-index:100;}
.div_pro3 .div3 a .span3{ right:-236px; position:absolute; background:#dd8b44; 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: 1024px) 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:30px; text-align:center;}
    .div_pro2 .lf .p3{ font-size:16px;  margin-top:5%; }
    .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:#202a65; font-size:24px; line-height:26px;}
    .div_pro3 .div3{ margin:0 auto; margin-top:5%;float: none;width: 300px;}
}
.div_res ul{ width:max-content;}
.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:80px;}
.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:#202a65; 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_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:#202a65; -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: 1024px) 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:#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 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: 1024px) 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:80px; 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{ }
.div_news2{ width:1000px; margin:0 auto; padding-top:50px; padding-bottom:100px;}
.fx a{ color:#4c4c4c}
.fx a:hover{ color:#202a65}
.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;text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;}
.fh a:hover{ color:#202a65}
.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: 1024px) 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: 1024px) 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; padding-left:39px; background-size:30px;}
    .div_cont1 .rg .div1{ background:url(../images/7_03.jpg) center left no-repeat; padding-left:39px; background-size:35px;}
    .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:50px; padding-bottom:50px;}
.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:20px 30px; 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:20px;}
.div_abo .div1 .rg .p2{ font-size:16px; color:#333; line-height:28px; margin-top:20px;}
.div_abo .div1 .rg .p3{ font-size:16px; color:#808080; line-height:32px; margin-top:20px;}
@media screen and (max-width: 2000px) and (min-width:1023px) {/* 移动端的尺寸 */
    .div_abo{ width:1200px;}
    .div_abo .div1 .rg .p3{ font-size:16px; color:#808080; line-height:30px; margin-top:25px;}
}
@media screen and (max-width: 1024px) 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: 1024px) 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:#202a65; color:#fff;}

@media screen and (max-width: 1024px) 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{ min-width:1200px;}
.div_cul .div1 .lf{ width:46%; padding:3% 5%; padding-bottom:0px;}
.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:16px; line-height:30px;}
.div_cul .div1 .lf .p4{ color:#999; margin-top:3%; font-size:14px; line-height:26px;}
.div_cul .div1 .rg{ width:44%;}
.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;}
.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;}
@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: 1024px) 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:50px; padding-bottom:50px; 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:33px; 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(1.1); transform: scale(1.1);}
.div_car ul li:hover .div2 .rg{ background:#202a65 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: 1024px) 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: 1024px) 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:25%; padding-right:0px; border-bottom:1px solid #fff;}
    .moblie_nav ul li a{ background:none;}
    .moblie_nav ul li:nth-child(3n){width:25%;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;border: 1px solid #ddd;}
.page a.active ,.page a:hover{ background:#202a65; color:#fff;}
.page1{ text-align:center;width: 100%;margin-top: 20px;}
.page1 a{ margin-left:5px; margin-right:5px; padding:5px 10px; color:#333;border: 1px solid #ddd;}
.page1 a.active ,.page1 a:hover{ background:#202a65; color:#fff;}
.txt img{ max-width:100% !important;}
/* 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 */


@media(max-width:960px){


    .txt img{width:100% !important;height:auto !important;display: block;}


}


.news_download {
    margin: 20px 0;
}
.news_download::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.news_download a {
    float: right;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0 20px;
    height: 30px;
    background-color: #ff0000;
    border-radius: 15px;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
}
.news_download a img {
    margin-right: 8px;
}
.investor {
    margin: 80px auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8.5%;
    padding-right: 8.5%;
    min-width: 1130px;
}
.investor_inner {
    margin-bottom: 40px;
}
.investor_inner::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.investor_l {
    float: left;
    width: calc(100% - 540px);
}
.investor_l ul li a {
    display: block;
    border-bottom: 1px solid #ebebeb;
    line-height: 64px;
    color: #666;
    padding: 0 150px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 64px;
    position: relative;
    font-size: 16px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.investor_l ul li a span {
    width: 130px;
    height: 32px;
    line-height: 32px;
    background: #515151;
    border-radius: 16px;
    margin-right: 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.investor_l ul li a i {
    position: absolute;
    font-family: Arial;
    font-size: 14px;
    height: 32px;
    letter-spacing: 0.6px;
    color: #888888;
    font-style: normal;
    text-transform: uppercase;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 32px;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.investor_l ul li a i img {
    margin-left: 30px;
    vertical-align: inherit;
}
.investor_l ul li a:hover {
    color: #333;
}
.investor_l ul li a:hover span {
    background: #202a65;
}
.investor_l ul li a:hover i {
    color: #202a65;
}
.investor_r {
    float: right;
    width: 400px;
    /*margin-top: 40px;*/
}
.investor_r ul li {
    width: 100%;
    margin-bottom: 35px;
}
.investor_r ul li a {
    display: block;
}
.investor_r ul li a img {
    display: block;
    width: 100%;
}
.act_con {
    margin: 80px auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8.5%;
    padding-right: 8.5%;
    min-width: 1130px;
}
.act_tit {
    padding-left: 28px;
    line-height: 32px;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    position: relative;
}
.act_tit1 {
    background: url(../images/activity_ico1.png) left center / 18px no-repeat;
}
.act_tit2 {
    background: url(../images/activity_ico2.png) left center / 18px no-repeat;
}
.act_tit3 {
    background: url(../images/activity_ico3.png) left center / 18px no-repeat;
}
.act_tit4 {
    background: url(../images/activity_ico4.png) left center / 18px no-repeat;
}
.act_tit5 {
    margin-top: 60px;
    background: url(../images/activity_ico5.png) left center / 18px no-repeat;
}
.act_tit5 a {
    color: #fff;
    padding: 0 18px;
    background: #f00;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin-left: 60px;
    display: inline-block;
    padding-bottom: 2px;
}
.act_tit4::after,
.act_tit5::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -14px;
    background: #eaeaea;
    width: 100%;
    height: 1px;
}
.act_con_inner .text {
    padding: 16px 0 28px;
    border-bottom: 1px solid #eaeaea;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}
.act_con_inner .text a {
    color: #e9242d;
}
.act_con_inner .list {
    margin-top: 16px;
}
.act_con_inner .list::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.act_con_inner .list li {
    box-shadow: 0px 4px 4.8px 0.2px rgba(4, 0, 0, 0.1);
    background: #fff;
    padding: 36px 50px;
    min-height: 360px;
    float: left;
    margin-right: 60px;
    margin-bottom: 30px;
    width: calc(50% - 30px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.act_con_inner .list li:nth-child(2n) {
    margin-right: 0;
}
.act_con_inner .list li:nth-child(2n + 1) {
    clear: both;
}
.act_con_inner .list li h4 {
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.act_con_inner .list li h4::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 4px;
    background-color: #ff0000;
    z-index: 3;
}
.act_con_inner .list li h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 230px;
    height: 1px;
    background: rgba(0, 0, 0, 0.09);
    z-index: 1;
}
.act_con_inner .list li h4 span {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color: #333333;
    margin-left: 36px;
}
.act_con_inner .list li p {
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;
    /*height: 208px;*/
}
.act_con_inner .text2 {
    margin-top: 30px;
    background-color: #ffffff;
    box-shadow: 0px 4px 4.8px 0.2px rgba(54, 39, 5, 0.1);
    border-radius: 10px;
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    padding: 18px 20px 40px;
}
.act_con_inner .text2 a {
    color: #e9242d;
}
.act_con_inner .list2_outer {
    padding: 56px 0;
    border-bottom: 1px solid #e3e3e3;
}
.act_con_inner .list2_outer:last-child {
    border-bottom: 0;
}
.act_con_inner .list2_inner:nth-child(2) {
    margin-top: 28px;
}
.act_con_inner .list2_inner h4 {
    position: relative;
    font-size: 14px;
    color: #333;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: normal;
}
.act_con_inner .list2_inner h4 .h4_o {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: calc(100% - 62px);
}
.act_con_inner .list2_inner h4 .h4_i {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.act_con_inner .list2_inner h4 img {
    margin-right: 12px;
}
.act_con_inner .list2_inner h4 span {
    color: #4992f0;
}
.act_con_inner .list2_inner h4 b {
    font-weight: normal;
}
.act_con_inner .list2_inner h4 i {
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #4992f0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 0 8px;
    font-style: normal;
}
.act_con_inner .list2_inner h4 em {
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    color: #333333;
    font-style: normal;
}
.act_con_inner .list2_inner p {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    padding: 16px 20px 24px;
    background-color: #f5f5f5;
    border-radius: 10px;
    border: solid 1px #c9c9c9;
    margin-top: 12px;
}
.act_con_inner .list2_inner:nth-child(2) i {
    background: #f60014;
}
.comm_login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    z-index: 9999;
}
.comm_login .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
}
.comm_login .login_inner {
    position: relative;
    z-index: 9;
    width: 80%;
    max-width: 680px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(2, 2, 2, 0.1);
    border-radius: 10px;
    padding: 30px 20px;
    box-sizing: border-box;
}
.comm_login .close {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 20px;
    cursor: pointer;
}
.comm_login .login_inner > img {
    display: block;
    margin: auto;
}
.comm_login h4 {
    text-align: center;
    position: relative;
    font-size: 14px;
    letter-spacing: 1.1px;
    color: #999;
    font-weight: normal;
    margin: 32px 0 50px
}
.comm_login h4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 1px;
    width: calc(50% - 80px);
    background: #eaeaea;
    margin: auto;
}
.comm_login h4::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 1px;
    width: calc(50% - 80px);
    background: #eaeaea;
    margin: auto;
}
.comm_login .login_inner > div {
    text-align: center;
}

.comm_login .login_inner > div a {
    display: inline-block;
    margin: 0 28px;
    color: #666666;
    font-size: 14px;
    text-align: center;
}

.comm_login .login_inner > div a img {
    display: block;
    margin-bottom: 10px;
}

.comm_submit {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    z-index: 999;
}
.comm_submit .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
}
.comm_submit_inner {
    position: relative;
    z-index: 9;
    width: 83%;
    background: #fff url(../images/activity_form_bg.png) center / cover no-repeat;
    padding: 72px 120px;
    box-sizing: border-box;
    border-radius: 3px;
    border: solid 1px #e5e5e5;
}
.comm_submit_inner::after {
    content: '';
    clear: both;
    display: block;
    height: 0;
}
.comm_submit_l {
    float: left;
    width: 30%;
}
.comm_submit_inner .close {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 20px;
    cursor: pointer;
}
.comm_submit_l h4 {
    font-size: 24px;
    font-weight: normal;
    color: #444444;
    margin: 0 0 30px 0;
}
.comm_submit_l h6 {
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
    color: #808080;
    margin: 0;
}
.comm_submit_r {
    float: right;
    width: 65%;
}
.comm_submit_t {
    font-size: 0;
}
.comm_submit_t label {
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.comm_submit_t label:last-child {
    margin-right: 0;
}
.comm_submit_t label input {
    background: transparent;
    border: 1px solid #c1c1c2;
    display: block;
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    padding: 0 10px;
    outline: none;
    border-radius: 3px;
}
.comm_submit_t label select {
    background: transparent;
    border: 1px solid #c1c1c2;
    display: block;
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    padding: 0 10px;
    outline: none;
    border-radius: 3px;
}
.comm_submit_b {
    margin-top: 20px;
}
.comm_submit_b label {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.comm_submit_b label textarea {
    height: 110px;
    border-radius: 3px;
    resize: none;
    background: transparent;
    border: 1px solid #c1c1c2;
    padding: 10px;
    box-sizing: border-box;
}
.comm_submit_b a.sub {
    font-size: 14px;
    line-height: 33px;
    letter-spacing: 0.6px;
    color: #333333;
    border: 1px solid #c1c1c2;
    width: 120px;
    height: 35px;
    border-radius: 17.5px;
    display: block;
    text-align: center;
    margin-top: 28px;
}
.ind_fixed {
    width: 360px;
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #fff;
}
.ind_fixed img {
    width: 100%;
    display: block;
}
.ind_fixed .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    z-index: 9;
    cursor: pointer;
}
.ind_fixed a {
    display: block;
}
.ind_fixed a img {
    display: block;
}

.login_phone {
    width:55%;
    float:left;
    display:inline;
}
.login_center {
    width:30px;
    float:left;
    display:inline;
    background:url(../images/line.png) top center no-repeat;
    font-size:14px;
    color:#999;
    height:170px;
    line-height:170px;
}
.login_right {
    width:40%;
    float:right;
    display:inline;
    padding-top:30px;
}

@media (max-width: 768px) {
    .login_phone {
        width:100%;
    }
    .login_right {
        width:100%;
        padding-top:0;
    }
    .login_center {
        width:100%;
        clear:both;
        background:url(../images/line1.png) center no-repeat;
        font-size:14px;
        color:#999;
        height:40px;
        line-height:40px;
    }

    .act_tit5 a {
        float: right;
    }
    .pcwxlogin {
        display: none!important;
    }
    .mwxlogin {
        display: inline-block!important;
    }
    .act_con,
    .investor {
        padding: 0 3%;
        min-width: auto;
    }
    .investor_l {
        width: 100%;
        float: none;
    }
    .investor_l ul li a {
        padding: 0 0 0 90px;
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }
    .investor_l ul li a span {
        font-size: 14px;
        background: transparent;
        color: #000;
        width: auto;
    }
    .investor_l ul li a:hover span {
        background: transparent;
    }
    .investor_l ul li a i {
        display: none;
    }
    .investor_r {
        float: none;
        width: 100%;
    }
    .act_con_inner .list li {
        width: 100%;
        float: none;
        padding: 20px;
    }
    .act_con_inner .list li h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .act_con_inner .list li h4::before {
        width: 40px;
        height: 2px;
    }
    .act_con_inner .list li h4::after {
        width: 80%;
    }
    .act_con_inner .list li h4 span {
        font-size: 14px;
        margin-left: 12px;
    }
    .act_con_inner .list li p {
        height: auto;
        display: block;
    }
    .act_con_inner .list2_inner h4 .h4_o {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .act_con_inner .list2_outer {
        padding: 40px 0;
    }
    .act_con_inner .list2_inner h4 .h4_i i,
    .act_con_inner .list2_inner h4 .h4_i span:nth-child(3),
    .act_con_inner .list2_inner h4 .h4_i b:nth-child(3) {
        display: none;
    }
    .comm_submit_inner {
        padding: 42px 20px 20px;
    }
    .comm_submit_l {
        float: none;
        width: 100%;
    }
    .comm_submit_l h4 {
        font-size: 20px;
        margin: 0 0 20px 0;
    }
    .comm_submit_l h6 {
        font-size: 14px;
        line-height: 22px;
        font-weight: normal;
        color: #808080;
        margin: 0;
    }
    .comm_submit_r {
        margin-top: 10px;
        float: none;
        width: 100%;
    }
    .comm_submit_t label {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
    }
    .comm_submit_t label:last-child {
        margin-right: 0;
    }
    .comm_submit_t label input,
    .comm_submit_t label select {
        height: 28px;
    }
    .comm_submit_b {
        margin-top: 10px;
    }
    .comm_submit_b label textarea {
        height: 80px;
        padding: 10px;
    }
    .comm_submit_b a.sub {
        line-height: 30px;
        height: 32px;
        border-radius: 16px;
        margin: 20px auto 0;
    }
    .ind_fixed {
        width: 65%;
        top: 40%;
    }
}
#bNav {
    position: relative;
    top: -136px;
}

.pic_list ul{
    display: block;
    overflow: hidden;
}
.pic_list ul li{
    float: left;
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
}
.pic_list ul li:nth-child(4n){
    margin-right: 0;
}
.pic_list ul li a{
    display: block;
}
.pic_list ul li a .img_box{
    overflow: hidden;
    border: 1px solid #ddd;
    transition:.35s;
}
.pic_list ul li a:hover .img_box{
    box-shadow: -2px 0 5px #fff, 0 -2px 5px #fff, 0 2px 10px #ebebeb, 2px 0 10px #ebebeb;
}
.pic_list ul li a .img_box img{
    display: block;
    width: 100%;
    transition:.35s;
}
.pic_list ul li a:hover img{
    transform: scale(1.1);
}
.pic_list ul li a p{
    line-height: 40px;
    text-align: center;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    font-size: 16px;
}
.about_con{
    font-size: 16px;
    line-height: 30px;
}




.pro_left{
    width: 20%;
}
.pro_left h2{
    font-size: 24px;
    background: #333;
    color: #fff;
    padding-left: 25px;
    line-height: 60px;
    margin: 0;
}
.pro_left .pro_menu{
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-top: none;
    display: block;
}
.pro_left .pro_menu>li{
    display: block;
}
.pro_left .pro_menu>li>a{
    display: block;
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    border-bottom: 1px solid #ddd;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pro_left .pro_menu>li>a i{
    position: absolute;
    width: 15px;
    height: 15px;
    background: #cd0000;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}
.pro_left .pro_menu>li>a i:before{
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
}
.pro_left .pro_menu>li>a i:after{
    content: "";
    display: block;
    width: 2px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pro_left .pro_menu>li.on>a i:after{
    background: #cd0000;
}
.pro_left .pro_menu .pro_down{
    padding-left: 20px;
    display: none;
}
.pro_left .pro_menu .pro_down li{
    display: block;
}
.pro_left .pro_menu .pro_down li a{
    display: block;
    padding-left: 40px;
    position: relative;
    line-height: 50px;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    color: #333;
    padding-right: 10px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition:.35s;
}
.pro_left .pro_menu .pro_down li a:hover{
    color: #cd0000;
}
.pro_left .pro_menu .pro_down li a:hover:before{
    background: #cd0000;
}
.pro_left .pro_menu .pro_down li a:before{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #ddd;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    transition:.35s;
}
.product_center_contact {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 50px;
}
 .right_pro_list {
    position: relative;
    width: 75%;
    display: flex;
    flex-wrap: wrap;
}
.pro_right{
    width: 100%;
}
.pro_right>h2{
    font-size: 24px;
    color: #333;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-top: 0;
}
.pro_right ul{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.pro_right ul li{
    width: calc(33.33% - 10px);
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.pro_right ul li:nth-child(3n){
    margin-right: 0;
}
.pro_right ul li .img_box{
    overflow: hidden;
}
.pro_right ul li .img_box img{
    width: 100%;
    display: block;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
}
.pro_right ul li:hover img{
    transform: scale(1.08);
}
.pro_right ul li .pro_txt{
    padding: 20px;
}
.pro_right ul li .pro_txt h2{
    margin: 0;
    font-weight: 400;
}
.pro_right ul li .pro_txt h2 a{
    display: block;
    font-size: 16px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    transition:.35s;
}
.pro_right ul li .pro_txt h2 a:hover{
    color: #cd0000;
}
.pro_right ul li .pro_txt p{
    padding: 5px;
    padding-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    height: 57px;
    color: #999;
}
.pro_right ul li .pro_txt .pro_btn a{
    display: inline-block;
    width: 100px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background: #333;
    margin-right: 10px;
}
.pro_right ul li .pro_txt .pro_btn a:hover{
    text-decoration: underline;
}
.pro_right ul li .pro_txt .pro_btn a:nth-child(2){
    background: #cd0000;
    margin-right: 0;
}

.contactus{
    position: relative;
    width: 100%;
}
.contactus #map{
    width: 100%;
    height: 600px;
}

.contactus .contact_con{
    position: absolute;
    width: 340px;
    top: 50%;
    right: 200px;
    transform: translateY(-50%);
}
.contactus .contact_con h2{
    margin: 0;
    width: 100%;
    padding: 30px 5%;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    font-size: 24px;
    background: #202a65;
    box-sizing:border-box;
}
.contactus .contact_con .contact_down{
    background: #fff;
    padding: 32px 5%;
}
.contactus .contact_con .contact_down h3{
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 15px;
    color: #666;
}
.contactus .contact_con .contact_down p{
    font-size: 16px;
    line-height: 1.8;
}
.div_cont2 .div3 ul li .div_txt .job_sq{
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    background: #f5f5f5;
    margin-top: 25px;
    color: #666;
    font-size: 14px;
    transition:.35s;
}
.div_cont2 .div3 ul li .div_txt .job_sq:hover{
    background: #202a65;
    color: #fff;
}

.apply_i {
  background: #fff;
  
  box-sizing:border-box;
}
.apply_i *{
    box-sizing:border-box;
}
.apply_i_tit {
  font-size: 18px;
  color: #333333;
  padding: 32px 0 16px;
  border-bottom: 1px solid #e5e5e5;
}
.apply_i p {
  font-size: 14px;
  color: #666666;
}
.apply_i p span {
  color: #ff0000;
  width: 20px;
  margin-right: 10px;
}
.apply_i_inp label {
  display: block;
  float: left;
  width: calc(50% - 13px);
  margin-right: 25px;
  margin-top: 20px;
}
.apply_i_inp label:nth-child(2n) {
  margin-right: 0;
}
.apply_i_inp label:nth-child(2n + 1) {
  clear: both;
}
.apply_i_inp label input,
.apply_i_inp label select {
  display: block;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: solid 1px #dcdcdc;
  margin-top: 10px;
  padding: 0 20px;
  color: #999999;
  -webkit-appearance: button;
  line-height:50px;
}
.apply_i_inp label input::placeholder {
  color: #999;
}
.apply_i_textarea label {
  margin-top: 20px;
  display: block;
}
.apply_i_textarea .textarea {
  margin-top: 10px;
  position: relative;
}
.apply_i_textarea .textarea textarea {
  height: 180px;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: solid 1px #dcdcdc;
  padding: 20px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  width: 100%;
  resize: none;
}


.apply_i_textarea .textarea .select {
  position: absolute;
  left: 30px;
  top: 0px;
  right: 30px;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
}
.apply_i_textarea .textarea .select select {
  background: transparent;
  font-size: 14px;
  color: #999;
  border: 0;
}
.apply_i .common_btn {
  width: 180px;
  border-radius: 3px;
  margin: 40px auto 0;
  display: block;
    overflow: hidden;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #999;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.apply_i .common_btn:hover{
  background: #202a65;
}
.msg_code{
    margin-top: 20px;
}
.msg_code label{
    display: block;   
    width: calc(50% - 13px);
    position: relative;
}
.msg_code p{
    font-size: 14px;
    color: #666666;
}
.msg_code input{
    display: block;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: solid 1px #dcdcdc;
    margin-top: 10px;
    padding: 0 20px;
    color: #999999;
}
.msg_code img{
    position: absolute;
    right: 15px;
    top: calc(50% + 17px);
    transform: translateY(-50%);
}

.prod_h{
    width: 100%;
    background: #e6e6e6;
    height: 50px;
    overflow: hidden;
    margin-bottom: 30px;
}
.prod_h span{
    display: inline-block;
    border-right: 1px solid #fff;
    width: 150px;
    line-height: 50px;
    padding-right: 1px;
    text-align: center;
    color: #666;
    font-size: 16px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    float: left;
    box-sizing:border-box;
}
.prod_h span:hover,.prod_h span.on{
    background: url(../images/2_03.jpg) center top repeat-x;
    color: #202a65;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.prod_item{
    font-size: 16px;
    line-height: 1.8;
}
.prod_item img{
    max-width: 100%;
}
#search_box{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.7);
    z-index: 1000;
    top: 0;
    display: none;
}
.search_box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
}
.search_box form{
    display: flex;
    flex-wrap:nowrap;
    border-bottom: 1px solid #fff;
}
.search_box form input{
    background: none;
    border: none;
    -webkit-appearance: button;
}
.search_box form #keys{
    width: calc(100% - 60px);
    line-height: 50px;
    color: #fff;
}
.search_box form #keys::placeholder{
    color: #fff;
}
.search_box form #search_submit{
    color: #fff;
    width: 60px;
    text-align: center;
    padding: 0 10px;
}
#search_close{
    position: absolute;
    top: 40px;
    right: 40px;
    display: block;
    width: 40px;
    height: 40px;
}
#search_close:after{
    content: "×";
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    color: #fff;
    text-align: center;
}
.pro_prevnext{
    float: right;
    margin-top: 50px;
    display: flex;
    justify-content:space-between;
    width: 300px;
}
.pro_prevnext a{
    display: block;
    width: 120px;
    text-align: center;
    line-height: 37px;
    color: #fff;
    background: #e38f46;
    transition:.35s;
}
.pro_prevnext a:hover{
    background: #dd8b44;
}
@media screen and (max-width: 1024px) {
    .pro_right ul li .pro_txt .pro_btn a{
        width: 85px;
    }
    .pro_prevnext{
        margin: 30px auto 0;
        float: none;
    }
}


@media screen and (max-width: 768px) {
    .pic_list ul li{
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .pic_list ul li:nth-child(2n){
        margin-right: 0;
    }
    .pro_left{
        width: 100%;
        margin-bottom: 20px;
    }
    .product_center_contact .right_pro_list{
        width: 100%;
    }
     .pro_right ul li{
        width: 48.5%;
        margin-right: 3%;
    }
    .pro_right ul li .pro_txt{
        padding: 10px;
    }
    .pro_right ul li:nth-child(2n){
        margin-right: 0;
    }
    .pro_right ul li:nth-child(3n){
        margin-right: auto;
    }
    .pro_right ul li .pro_txt .pro_btn a{
        width: 48%;
        margin: 0;
    }
    .contactus .contact_con{
        position: static;
        transform: translateY(0);
        width: 100%;
        box-sizing:border-box;
    }
    .contactus #map{
        height: 300px;
    }
    .contactus .contact_con h2{
        font-size: 18px;
        padding: 20px 5%;
    }
    .apply_i_inp label {
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }
    .msg_code label{
        width: 100%;
    }
    .fh .lf{
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .prod_h span{
        width: 50%;
    }
    .search_box{
        width: 90%;
    }
    .pro_right ul li .pro_txt p{
        display: none;
    }
}

table,tr ,th,td { border:1px solid #ddd; }
table {text-align: center; border-collapse: collapse;}