@charset "utf-8"; /* CSS Document */ /*切图：gz*/ html{ overflow-x:auto; overflow-y:auto;} *{ padding:0; margin:0;outline:none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul, ol,li{ list-style-type:none;} body, button, input, select, textarea{ font-family: 'Microsoft yahei'; font-size:12px;} code, kbd, pre, samp { font-family: 'Microsoft yahei';} a{ text-decoration:none; color:#333; cursor:pointer; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} img{border:0; max-width:100%;} li { line-height:normal; } table { border-collapse: collapse; border-spacing: 0; } h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; } input,table,tr,td{ margin:0; padding:0; border:none;} button,table{ border:none; background:none; margin:0; padding:0;} body{ position:relative; float:left; width:100%;} select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;} textarea{ resize:none;outline:none;} label{ margin-bottom:0; font-weight:normal;} input,select,textarea{ margin:0; padding:0; border:0; outline:none; -moz-border-radius:0px; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; } /*********************************************************************重置***********************************************************************/ .pz_top{ width:100%; position:absolute; left:0; top:0; z-index:9999;} .pz_banner{ float:left; width:100%; position:relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .pz_main{ float:left; width:100%; position:relative; z-index:2;} .pz_down{ float:left; width:100%; overflow:hidden; background:#191919;} @media screen and (max-width:767px) { .pz_down{ padding-bottom:50px;} } ::-webkit-input-placeholder { color:#333 !important; opacity:1;filter:alpha(opacity=100);} :-moz-placeholder { color:#333 !important; opacity:1;filter:alpha(opacity=100);} ::-moz-placeholder { color:#333 !important; opacity:1;filter:alpha(opacity=100);} :-ms-input-placeholder { color:#333 !important; opacity:1;filter:alpha(opacity=100); } /*注册1*/ #particles{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000;} #particles .intro{ position:absolute; width:100%; height:100%; left:0; top:0;} #particles .intro .pf1{ position:absolute; left:50%; top:50%; z-index:100; width:100%; padding:0 28.3%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #particles .intro .pf1 .c_img1{ float:left; width:100%; text-align:center;} #particles .intro .pf1 .c_form1{ float:left; width:100%; background:#fff; padding:30px 9.6% 40px 9.6%; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -webkit-border-radius:10px; } #particles .intro .pf1 .c_form1 .title1{ float:left; width:100%; height:48px; line-height:48px; text-align:center; font-size:30px; color:#333; font-weight:bold;} #particles .intro .pf1 .c_form1 .c_input{ float:left; width:47.7%; margin-right:4.6%; margin-top:30px; height:40px; line-height:40px; background:#f0f0f0; padding:0 20px; font-size:16px; color:#333; overflow:hidden; position:relative; border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -webkit-border-radius:20px; } #particles .intro .pf1 .c_form1 .c_input.mr_0{ margin-right:0;} #particles .intro .pf1 .c_form1 .c_input.mr_0.bg0{ background:none; padding:0; overflow:inherit;} #particles .intro .pf1 .c_form1 .c_input .label1{ float:left; width:26%; height:40px; line-height:40px; background:none;} #particles .intro .pf1 .c_form1 .c_input .input1{ float:left; width:74%; height:40px; line-height:40px; background:none; font-size:16px; color:#333;} #particles .intro .pf1 .c_form1 .c_input .a1{ position:absolute; right:0; top:0; width:90px; height:40px; line-height:40px; background:#d22328; color:#fff; text-align:center; font-size:14px;} #particles .intro .pf1 .c_form1 .c_input .a1:hover{ background:#eb1016;} #particles .intro .pf1 .c_form1 .c_input .label1.c_1{ width:30%;} #particles .intro .pf1 .c_form1 .c_input .input1.c_2{ width:45%; padding-left:2%; padding-right:2%;} #particles .intro .pf1 .c_form1 .c_input .text1{ float:right; font-size:14px; color:#333;} #particles .intro .pf1 .c_form1 .c_input .text1 a{ color:#d22328;} #particles .intro .pf1 .c_form1 .link1{ float:left; width:100%; text-align:center;} #particles .intro .pf1 .c_form1 .link1 a{ display:inline-block; *display:inline; *zoom:1; width:56%; height:48px; line-height:48px; margin-top:30px; background:#d22328; color:#fff; font-size:18px; border-radius:24px; -moz-border-radius:24px; -ms-border-radius:24px; -webkit-border-radius:24px; } #particles .intro .pf1 .c_form1 .link1 a:hover{ background:#f10c13;} #particles .intro .pf1 .c_form1 .none1{ float:left; display:none;} #particles .intro .pf1 .c_form1 .block1{ float:left; display:block;} @media screen and (max-width:1679px) { #particles .intro .pf1{ padding:0 22%;} #particles .intro .pf1 .c_form1{ padding:30px 5% 40px 5%;} } @media screen and (max-width:1199px) { #particles .intro .pf1{ padding:0 6%;} #particles .intro .pf1 .c_form1 .c_input{ font-size:15px;} #particles .intro .pf1 .c_form1 .c_input .input1{ font-size:15px;} } @media screen and (max-width:767px) { #particles .intro .pf1 .c_img1{ padding:0 20%;} #particles .intro .pf1 .c_form1{ padding:20px 3% 20px 3%;} #particles .intro .pf1 .c_form1 .title1{ height:28px; line-height:28px; font-size:18px;} #particles .intro .pf1 .c_form1 .c_input{ width:49%; margin-right:2%; margin-top:10px; height:32px; line-height:32px; font-size:12px; padding:0 10px; border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -webkit-border-radius:16px; } #particles .intro .pf1 .c_form1 .c_input.c_7{ width:100%;} #particles .intro .pf1 .c_form1 .c_input.c_7 .label1{ width:20%;} #particles .intro .pf1 .c_form1 .c_input.c_7 .input1{ width:80%;} #particles .intro .pf1 .c_form1 .c_input.c_7 .c_1{ width:20%;} #particles .intro .pf1 .c_form1 .c_input.c_7 .c_2{ width:55%;} #particles .intro .pf1 .c_form1 .c_input.c_3{ width:65%;} #particles .intro .pf1 .c_form1 .c_input.c_3 .label1{ width:29%;} #particles .intro .pf1 .c_form1 .c_input.c_3 .input1{ width:71%;} #particles .intro .pf1 .c_form1 .none1{ display:block; float:right; margin-top:12px; width:90px;} #particles .intro .pf1 .c_form1 .block1{ display:none;} #particles .intro .pf1 .c_form1 .c_input .label1{ width:38%; height:32px; line-height:32px;} #particles .intro .pf1 .c_form1 .c_input .input1{ width:62%; height:32px; line-height:32px; font-size:14px;} #particles .intro .pf1 .c_form1 .c_input .a1{ width:90px; height:32px; line-height:32px; font-size:12px;} #particles .intro .pf1 .c_form1 .link1 a{ width:56%; height:34px; line-height:34px; margin-top:10px; font-size:15px; border-radius:17px; -moz-border-radius:17px; -ms-border-radius:17px; -webkit-border-radius:17px; } #particles .intro .pf1 .c_form1 .c_input.mr_0.bg0{ width:100%; height:24px; line-height:24px;} #particles .intro .pf1 .c_form1 .c_input.mr_0.bg0 .text1{ font-size:12px;} } @media screen and (max-width:375px) { #particles .intro .pf1 .c_form1 .c_input .label1{ width:42%;} #particles .intro .pf1 .c_form1 .c_input .input1{ width:58%;} } /*登录*/ #particles .intro .pf1.pf2{ padding:0 35.1%;} #particles .intro .pf1.pf2 .c_form1{ padding:30px 17.6% 40px 17.6%;} #particles .intro .pf1.pf2 .c_form1 .c_input1{ float:left; width:100%; height:40px; line-height:40px; background:#f0f0f0; padding:0 20px; font-size:16px; color:#333; overflow:hidden; position:relative; margin-top:30px; border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -webkit-border-radius:20px; } #particles .intro .pf1.pf2 .c_form1 .c_input1 .label2{ float:left; width:18%; height:40px; line-height:40px; background:none;} #particles .intro .pf1.pf2 .c_form1 .c_input1 .input2{ float:left; width:82%; height:40px; line-height:40px; background:none; font-size:16px; color:#333;} #particles .intro .pf1.pf2 .c_form1 .c_input1 .input2.mm{ font-size:28px; letter-spacing:8px; color:#464a5a} #particles .intro .pf1.pf2 .c_form1 .c_input1.c_4{ width:68%;} #particles .intro .pf1.pf2 .c_form1 .c_input1.c_4 .label2{ width:28%;} #particles .intro .pf1.pf2 .c_form1 .c_input1.c_4 .input2{ width:72%;} #particles .intro .pf1.pf2 .c_form1 .fr1{ float:right; margin-top:30px;} #particles .intro .pf1.pf2 .c_form1 .a2{ float:left; width:100%; height:48px; line-height:48px; margin-top:30px; background:#d22328; color:#fff; font-size:18px; text-align:center; border-radius:24px; -moz-border-radius:24px; -ms-border-radius:24px; -webkit-border-radius:24px; } #particles .intro .pf1.pf2 .c_form1 .a2:hover{ background:#e8292e;} #particles .intro .pf1.pf2 .c_form1 .d_link1{ float:left; width:100%; text-align:center; height:15px; line-height:15px; margin-top:20px; color:#333; font-size:14px;} #particles .intro .pf1.pf2 .c_form1 .d_link1 span{ color:#c6c6c6;} #particles .intro .pf1.pf2 .c_form1 .d_link1 a{ color:#333;} #particles .intro .pf1.pf2 .c_form1 .d_link1 a.a3{ color:#d22328;} @media screen and (max-width:1679px) { #particles .intro .pf1.pf2{ padding:0 30%;} #particles .intro .pf1.pf2 .c_form1{ padding:30px 12% 40px 12%;} } @media screen and (max-width:1199px) { #particles .intro .pf1.pf2{ padding:0 10%;} } @media screen and (max-width:767px) { #particles .intro .pf1.pf2{ padding:0 6%;} #particles .intro .pf1.pf2 .c_img1{ padding:0 20%;} #particles .intro .pf1.pf2 .c_form1{ padding:20px 6% 20px 6%;} #particles .intro .pf1.pf2 .c_form1 .c_input1{ height:32px; line-height:32px; font-size:14px; margin-top:10px;} #particles .intro .pf1.pf2 .c_form1 .c_input1.c_4{ width:65%;} #particles .intro .pf1.pf2 .c_form1 .c_input1 .label2{ width:20%; height:32px; line-height:32px;} #particles .intro .pf1.pf2 .c_form1 .c_input1 .input2{ width:80%; height:32px; line-height:32px; font-size:14px;} #particles .intro .pf1.pf2 .c_form1 .c_input1 .input2.mm{ font-size:30px; letter-spacing:4px;} #particles .intro .pf1.pf2 .c_form1 .c_input1.c_4 .label2{ width:32%;} #particles .intro .pf1.pf2 .c_form1 .c_input1.c_4 .input2{ width:68%;} #particles .intro .pf1.pf2 .c_form1 .fr1{ margin-top:10px;} #particles .intro .pf1.pf2 .c_form1 .a2{ height:32px; line-height:32px; margin-top:10px; font-size:14px; border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -webkit-border-radius:16px; } } @media screen and (max-width:375px) { #particles .intro .pf1.pf2 .c_form1 .c_input1.c_4{ width:60%;} } /*找回密码*/ #particles .intro .pf1.pf2 .c_form1 .c_input1 .label2.c_5{ width:38%;} #particles .intro .pf1.pf2 .c_form1 .c_input1 .input2.c_6{ width:62%;} /*footer*/ .footer{ width:100%; float:left; padding:55px 175px 59px 175px; border-bottom:solid 1px #212121;} .footer ul{ width:100%; float:left;} .footer ul li{ width:25%; float:left;} .footer ul li dl{ width:100%; float:left;} .footer ul li dl dt{ width:100%; float:left; font-size:24px; color:white; line-height:32px;} .footer ul li dl dt span{ font-size:16px; color:#c1c1c1; vertical-align:bottom; line-height:26px; text-transform:uppercase;} .footer ul li dl dd{ width:100%; float:left; margin-top:17px;} .footer ul li dl dd .p{ width:100%; float:left; padding-left:58px; position:relative; line-height:38px; margin-top:5px; min-height:38px; padding-right:10%;} .footer ul li dl dd .p .ico{ width:38px; background:#2b2b2b; position:absolute; left:0; top:0; height:38px;} .footer ul li dl dd .p .ico img{ width:100%; float:left;} .footer ul li dl dd .p h5{ display:inline-block; *zoom:1; *display:inline; vertical-align:middle; font-size:14px; color:#ababab; line-height:18px; margin-top:-2px;} .footer ul li dl dd .p h5 a{ color:#ababab;} .down{ width:100%; float:left; padding:30px 175px 31px 175px; background:#0f0f0f;} .down .p{ width:100%; float:left; font-size:14px; color:#888; line-height:33px;} .down .p a{ color:#888; display:inline-block; *zoom:1; *display:inline;} .down .p a:hover{ color:#fff;} .down .p h5{ float:left; width:73px; font-size:14px; color:#888; line-height:33px;} .down .p .box1{ margin-left:73px; font-size:14px; color:#888; line-height:33px;} .down .p .box1 a{ display:inline-block; *zoom:1; *display:inline; float:left;} .down .p .box1 span{ display:inline-block; *zoom:1; *display:inline; float:left; margin:0 8px;} @media screen and (max-width:1449px) { .footer{ padding:35px 75px 39px 75px;} .down{ padding:15px 75px 16px 75px;} } @media screen and (max-width:1199px) { .footer ul li{ width:50%; margin-top:15px;} .footer ul li dl dt{ font-size:18px; line-height:26px;} .footer ul li dl dt span{ font-size:12px; line-height:20px;} .footer ul li dl dd{ margin-top:12px;} .footer ul li dl dd .p{ padding-left:38px; line-height:30px; min-height:30px; padding-right:6%;} .footer ul li dl dd .p .ico{ width:30px; height:30px;} .footer ul li dl dd .p h5{ font-size:12px; line-height:16px;} .down .p{ font-size:12px; line-height:22px;} .down .p h5{ width:63px; font-size:12px; line-height:22px;} .down .p .box1{ margin-left:63px; font-size:12px; line-height:22px;} .down .p .box1 span{ margin:0 6px;} } @media screen and (max-width:767px) { .footer{ padding:15px 10px 19px 10px;} .footer ul li{ width:100%; margin-top:10px;} .footer ul li dl dt{ background:#0f0f0f url(images/person5_h.png) no-repeat 96% center; height:34px; line-height:34px; padding:0 10px; background-size:8px 14px;} .footer ul li dl dt span{ line-height:30px;} .footer ul li dl dt.on{ background-image:url(images/person5.png); background-size:14px 8px;} .footer ul li dl dd{ display:none;} .down{ padding:15px 10px 16px 10px; text-align:center;} .down .p h5{ width:100%; height:34px; line-height:34px; padding:0 10px; background:url(images/person5_h.png) no-repeat 96% center #191919; background-size:8px 14px; margin-top:10px;} .down .p .box1{ width:100%; margin-left:0; float:left; display:none; padding:10px;} .down .p h5.on{ background-image:url(images/person5.png); background-size:14px 8px;} } /*底部漂浮*/ .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;} .pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;} .pf_down li .ico{ width:100%; float:left; height:30px;} .pf_down li .ico img{ height:36px;} .pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;} .pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #d32329; margin-top:-20px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} /*右侧漂浮*/ .pf_right{ width:55px; position:fixed; right:128px; top:50%; margin-top:-240px; z-index:-1; visibilit:visible !important; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .pf_right ul{ width:100%; float:left;} .pf_right ul li{ width:55px; height:52px; margin-top:20px; float:left; background:url(images/btn1_bian_h.png) no-repeat center center;} .pf_right ul li a{ display:block; float:right; width:55px; height:47px; position:relative; -moz-border-radius:24px; -webkit-border-radius:24px; -khtml-border-radius:24px; border-radius:24px;} .pf_right ul li a img{ float:left;} .pf_right ul li a .img_1{ display:none;} .pf_right ul li a .ico{ width:55px; height:47px; position:absolute; right:0; top:0;} .pf_right ul li a h5{ width:131px; line-height:47px; text-align:center; color:white; font-size:14px; display:none; float:left;} .pf_right ul li:hover{ background:none !important;} .pf_right ul li:hover a{ width:186px; background:#d32329;} .pf_right ul li:hover a h5{ display:block;} .pf_right ul li.last{ background-image:url(images/btn1_bian1_h.png); padding-top:5px;} .pf_right.on{ right:40px;z-index:9;} .pf_right.on ul li a .img_2{ display:none;} .pf_right.on ul li a .img_1{ display:block;} .pf_right.on ul li{ background-image:url(images/btn1_bian.png);} .pf_right.on ul li.last{ background-image:url(images/btn1_bian1.png);} .pf_right.on ul li:hover a .img_1{ display:none;} .pf_right.on ul li:hover a .img_2{ display:block;} .pf_right ul li.r_ewm:hover a{ width:52px; background:#d32329;} .pf_right ul li.r_ewm:hover a h5{ display:none;} .pf_right ul li.r_ewm .z_ewm{position:absolute; right:60px;width:100px; height:100px; display:none; top:-12px;border:5px solid #d32329;} .pf_right ul li.r_ewm .z_ewm span.jt{width:7px; height:14px; position:absolute; right:-12px; top:20px;} .pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;} .pf_right ul li.r_ewm:hover a .z_ewm{display:block;} @media screen and (max-width:1569px) { .pf_right.on{ right:0 !important;} } /*首页banner*/ .banner{ width:100%; float:left; position:relative; height:830px; overflow:hidden;} .banner .video{ width:100%; float:left;} .banner img{ width:100%; float:left;} .banner .banner_title{ width:100%; height:auto; position:absolute; left:0; top:50%; z-index:2; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .banner .mb{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(images/bg_15.png);} /*top*/ .menuph{ width: 35px; height: 38px; font-size:14px; margin-top:12px; line-height:38px; float:right;} .menuph .point { display: inline-block; width: 34px; margin-top:10px; height: 25px; position: relative; float:right; cursor:pointer;} .menuph .navbtn { position: absolute; top: 11px; right: 0; display: inline-block; width: 26px; height: 3px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;} .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 34px; height: 3px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;} .menuph .navbtn::after { top:-11px;} .menuph .navbtn::before { top:11px;} .menuph .point.active .navbtn{ background: transparent; } .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } .pf_menu{ position:fixed; width:100%; height:100%; overflow-y:auto; right:0px; top:0px; z-index:60; display:block; padding:60px 2% 5px 2%; background:url(images/bg_1.png); z-index: 98;} .ph_menu{ float:left; width:100%; text-align:left; top:66px;} .ph_menu .nav_box{ margin:auto; width:100%; max-width:767px;} .ph_menu .nli{ float:left; width:100%;} .ph_menu .nli span{ float:left; width:100%;} .ph_menu .nli .l1_a{ float:left; width:100%; color:#fff; font-size:14px; line-height:39px; white-space:nowrap; position: relative; letter-spacing: 1px; border-bottom: dashed 1px #ccc; padding:0 10px;} .ph_menu .nli .l1_a.have{ background: url(images/person5_h.png) right center no-repeat; background-size: 8px 15px;} .ph_menu .nli.on .l1_a.have{ background:url(images/person5.png) right center no-repeat; background-size: 15px 8px;} .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 10px 30px;} .ph_menu .nli .l2_ul li a{ line-height:26px; font-size:12px; color:#fff; opacity:0.8;} .ph_menu .nli .l2_ul li a img{ width:18px; vertical-align:middle; margin:-2px 6px 0 0;} .pz_menu.on{ box-shadow: 0 3px 6px rgba(0,0,0,0.15);} .top{ width:100%; float:left; padding:0 30px;} .top .logo{ width:300px; float:left; margin-top:31px;} .top .login{ float:right; margin-top:30px;} .top .login a{ display:block; width:70px; height:30px; line-height:30px; text-align:center; font-size:14px; color:white; background:#3e3e3e; margin-left:14px; float:left; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px;} .top .login a:hover{ background:#cc272b;} .menu{ float:right; margin-right:-6px;} .menu .nli{ float:left; position:relative;} .menu .nli a{ display:block; padding:0 33px; font-size:16px; color:white; line-height:90px;} .menu .nli.on a{ color:#cc272b;} .menu .nli .sub{ width:160px; position:absolute; left:50%; top:100%; margin-left:-80px; display:none;} .menu .nli .sub .l1{ width:100%; float:left; margin-top:1px;} .menu .nli .sub .l1 .l1_a{ display:block; width:100%; float:left; font-size:14px; line-height:40px; background:url(images/bg_1.png); color:white; padding:0; text-align:center;} .menu .nli .sub .l1:hover .l1_a{ background:#cc272b;} @media screen and (max-width:1479px) { .banner{ height:630px;} } @media screen and (max-width:1339px) { .menu .nli a{ padding:0 23px;} } @media screen and (max-width:1199px) { .menu .nli a{ padding:0 18px; font-size:14px; line-height:70px;} .top .logo{ width:200px; margin-top:25px;} .top .login{ margin-top:20px;} .top .login a{ font-size:12px;} .menu .nli .sub .l1 .l1_a{ font-size:12px;} .menu .nli .sub{ width:120px; margin-left:-60px;} } @media screen and (max-width:1129px) { .banner{ height:430px;} } @media screen and (max-width:991px) { .login{ width:100%; float:left; text-align:center; margin-top:20px;} .login a{ display:inline-block; *zoom:1; *display:inline; width:130px; height:26px; line-height:26px; text-align:center; font-size:12px; color:#cc272b; background:white; margin:0 10px; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px;} .login a:hover{ box-shadow:0 3px 7px rgba(255,255,255,0.6);} } @media screen and (max-width:767px) { .banner{ height:auto;} .menuph .point { width: 20px; margin-top:10px; height: 20px;} .menuph .navbtn { top: 6px; width: 20px; height: 2px;} .menuph .navbtn::after, .menuph .navbtn::before { width:26px; height: 2px;} .menuph .navbtn::after { top:-6px;} .menuph .navbtn::before { top:6px;} .top{ padding:0 10px;} .top .logo{ margin-top:20px; width:180px;} .slide_banner{ width:100%; float:left; position:relative;} .slide_banner .slick-dots { position: absolute; bottom: 15px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; } .slide_banner .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 3px; padding: 0; cursor: pointer; background:white;opacity: 0.6; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .slide_banner .slick-dots li.slick-active{ opacity: 1; } } /*首页main*/ .c_0100_1{ width:100%; float:left; margin-top:76px;} .tit_1{ width:100%; float:left; text-align:center; letter-spacing:1px; padding-bottom:13px; background:url(images/bian_1.jpg) no-repeat center bottom;} .tit_1 h3{ width:100%; float:left; font-size:36px; color:#333; line-height:49px;} .tit_1 h4{ width:100%; float:left; font-size:24px; color:#888; line-height:30px; text-transform:uppercase;font-family: 'Merriweather-Bold'; letter-spacing:1px;} .row_1{ margin:0 -16px;} .c_0100_1 ul{ width:100%; float:left; margin-top:40px;} .c_0100_1 ul li{ width:16.6%; float:left; text-align:center; background:#0e0e0e; padding:31px 14px 27px 14px;} .c_0100_1 ul li .ico{ width:100%; float:left; height:86px;} .c_0100_1 ul li .ico img{ height:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .c_0100_1 ul li h2{ width:100%; float:left; margin-top:17px; font-size:20px; color:white; font-weight:bold; line-height:30px; padding-bottom:19px; background:url(images/bian_2.jpg) no-repeat center bottom;} .c_0100_1 ul li .p{ width:100%; float:left; margin-top:8px; font-size:16px; color:white; line-height:40px; opacity:0.6; height:120px; overflow:hidden;} .c_0100_1 ul li.l1{ background:#222;} .c_0100_1 ul li:hover .ico img{ transform:rotateY(180deg);} @media screen and (max-width:1199px) { .c_0100_1{ margin-top:46px;} .c_0100_1 ul li{ width:33.3%; padding:21px 14px 17px 14px;} .c_0100_1 ul li .ico{ height:66px;} .c_0100_1 ul li h2{ margin-top:10px; font-size:14px; line-height:26px; padding-bottom:12px;} .c_0100_1 ul li .p{ margin-top:4px; font-size:12px; line-height:30px; height:90px;} } @media screen and (max-width:991px) { .tit_1{ padding-bottom:8px; background-size:44px auto;} .tit_1 h3{ font-size:26px; line-height:39px;} .tit_1 h4{ font-size:18px; line-height:26px;} } @media screen and (max-width:767px) { .c_0100_1{ margin-top:26px;} .row_1{ margin:0;} .tit_1 h3{ font-size:20px; line-height:30px;} .tit_1 h4{ font-size:14px; line-height:22px;} .c_0100_1 ul{ margin-top:20px;} .c_0100_1 ul li{ padding:14px 10px 10px 10px;} .c_0100_1 ul li .p{ line-height:22px;} .c_0100_1 ul li .ico{ height:46px;} .c_0100_1 ul li h2{ background-size:12px auto; padding-bottom:6px; margin-top:5px; line-height:22px;} } @media screen and (max-width:480px) { .c_0100_1 ul li{ width:50%; border:solid 1px #222;} .c_0100_1 ul li.l1{ background:#0e0e0e;} } .pz_top.on{ position:fixed;} .c_0100_2{ width:100%; float:left; margin-top:76px; background:url(images/bg_2.png) no-repeat center bottom; background-size:1921px 878px;} .c_1200_1{ width:100%; float:left; margin-top:48px; padding-top:18px; padding-bottom:126px; position:relative;} .c_1200_1 dl{ width:36.75%; float:left;} .c_1200_1 dl dt{ width:100%; float:left; padding-left:78px; line-height:130px; font-size:36px; color:white;} .c_1200_1 dl dd{ width:100%; float:left; font-size:18px; margin-top:94px; line-height:60px; padding:0 28px 0 75px; position:relative; text-align:right; background:#af2327; color:white; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .c_1200_1 dl dd.first{ margin-top:86px;} .c_1200_1 dl dd .ico{ width:60px; height:60px; display:block; position:absolute; left:15px;top:-15px; background:url(images/ico3_1.png) no-repeat center center;} .c_1200_1 dl dd .bian{ width:89px; height:14px; position:absolute; right:-89px; top:50%; margin-top:-7px; background:url(images/ico3_3.png) no-repeat center center;} .c_1200_1 dl.last{ float:right;} .c_1200_1 dl.last dt{ text-align:right; padding-left:0; padding-right:78px;} .c_1200_1 dl.last dd{ text-align:left; font-weight:bold; padding:0 75px 0 28px; background:#393939;} .c_1200_1 dl.last dd .ico{ left:auto; right:15px; background-image:url(images/ico3_2.png);} .c_1200_1 dl.last dd .bian{ right:auto; left:-89px; background-image:url(images/ico3_4.png);} .c_1200_1 ul{ width:113px; position:absolute; left:50%; top:166px; text-align:center; margin-left:-56px;} .c_1200_1 ul li{ width:113px; height:113px; line-height:113px; margin-top:40px; background:url(images/ico3_5.png) no-repeat center center; background-size:contain; font-size:24px; color:#222; font-weight:bold;} @media screen and (max-width:1395px) { .c_0100_2{ margin-top:46px; background-size:auto 650px;} .c_1200_1{ margin-top:38px; padding-top:10px; padding-bottom:66px;} .c_1200_1 dl dt{ padding-left:48px; line-height:90px; font-size:26px;} .c_1200_1 dl dd{ font-size:16px; margin-top:64px; line-height:50px; padding:0 18px 0 45px;} .c_1200_1 dl dd .ico{ width:40px; height:40px; left:10px; background-size:contain; top:-10px;} .c_1200_1 dl.last dd .ico{ left:auto; right:10px;} .c_1200_1 dl dd .bian{ width:64px; height:10px; right:-64px; margin-top:-5px; background-size:64px auto;} .c_1200_1 dl.last dd .bian{ left:-64px;} .c_1200_1 ul{ width:73px; top:136px; margin-left:-36px;} .c_1200_1 ul li{ width:73px; height:73px; line-height:73px; margin-top:40px; background-size:contain; font-size:18px;} .c_1200_1 dl.last dd{ padding:0 45px 0 18px;} } @media screen and (max-width:1199px) { .c_0100_2{ margin-top:36px; background-size:auto 550px;} .c_1200_1{ margin-top:28px; padding-top:6px; padding-bottom:62px;} .c_1200_1 dl dd{ margin-top:44px; font-size:14px; padding:10px 18px 10px 45px; line-height:20px; min-height:40px;} .c_1200_1 dl dt{ font-size:20px; line-height:80px;} .c_1200_1 dl.last dd{ padding:10px 45px 10px 18px;} .c_1200_1 ul{ top:140px; width:53px; margin-left:-26px;} .c_1200_1 ul li{ margin-top:38px; width:53px; height:53px; line-height:53px; font-size:16px;} .c_1200_1 dl dd .bian{ width:44px; right:-44px; background-position:right center;} .c_1200_1 dl.last dd .bian{ background-position:left center; left:-44px;} } @media screen and (max-width:991px) { .c_1200_1{ padding-bottom:42px;} } @media screen and (max-width:767px) { .c_0100_2{ margin-top:26px; background:none;} .c_1200_1{ margin-top:18px; padding-top:3px; padding-bottom:0px;} .c_1200_1 dl{ width:100%; background:#d22328; padding:0 10px 10px 10px;} .c_1200_1 dl.last{ background:#222;} .c_1200_1 ul{ display:none;} .c_1200_1 dl dd{ margin-top:14px; text-align:left; padding:10px 45px 10px 18px;} .c_1200_1 dl dd .ico{ left:auto; right:5px;} .c_1200_1 dl.last dd .ico{ right:5px;} .c_1200_1 dl dd.first{ margin-top:16px;} .c_1200_1 dl dd .bian{ display:none;} .c_1200_1 dl dt{ font-size:18px; line-height:50px;} .c_1200_1 dl dt{ padding-left:10%;} .c_1200_1 dl.last dt{ text-align:left; padding-right:0; padding-left:10%; display:none;} } .c_0100_3{ width:100%; float:left; margin-top:-48px;} .c_0100_3 img{ width:100%; float:left;} @media screen and (max-width:1395px) { .c_0100_3{ margin-top:-28px;} } @media screen and (max-width:767px) { .c_0100_3{ padding:3px; margin-top:0;} } .c_0100_4{ width:100%; float:left; margin-top:75px;} .c_1200_2{ width:100%; float:left; margin-top:40px; } .c_1200_2 ul{ width:100%; float:left; padding:60px 0 62px 0;} .c_1200_2 ul li{ width:20%; float:left; padding:20px 30px 0 30px; text-align:center;} .c_1200_2 ul li .ico{ width:100%; height:160px; position:relative;} .c_1200_2 ul li .ico img{ height:100%; position:relative; z-index:2;} .c_1200_2 ul li .ico span{ width:160px; height:160px; border:solid 8px white; opacity:0.1; position:absolute; left:50%; top:0; margin-left:-80px; z-index:1; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .c_1200_2 ul li .p{ width:100%; float:left; margin-top:35px; padding-top:25px; background:url(images/bian_3.jpg) no-repeat center top; font-size:16px; color:white; line-height:32px;} .c_1200_2 ul li:hover .ico span{ background:#d22328; opacity:1; border:0;} @media screen and (max-width:1199px) { .c_0100_4{ margin-top:45px;} .c_1200_2{ margin-top:20px;} .c_1200_2 ul{ padding:30px 0 32px 0; text-align:center;} .c_1200_2 ul li{ width:32%; float:none; display:inline-block; *zoom:1; *display:inline;} .c_1200_2 ul li .ico{ height:120px;} .c_1200_2 ul li .ico span{ width:120px; height:120px; margin-left:-60px;} .c_1200_2 ul li .p{ margin-top:25px; padding-top:15px; font-size:14px; line-height:22px;} } @media screen and (max-width:767px) { .c_0100_4{ margin-top:35px;} .c_1200_2 ul{ padding:20px 0 22px 0;} .c_1200_2 ul li{ width:45%; padding:10px 5px 0 5px;} .c_1200_2 ul li .ico{ height:80px;} .c_1200_2 ul li .ico span{ width:80px; height:80px; margin-left:-40px; border-width:4px;} .c_1200_2 ul li .p{ margin-top:15px; padding-top:10px; font-size:12px; line-height:20px; background-size:25px auto;} } .c_0100_5{ width:100%; float:left; margin-top:76px;} .c_1200_3{ width:100%; float:left; margin-top:40px; padding:59px 0 79px 0; } .c_1200_3 img{ width:100%; float:left;} @media screen and (max-width:1199px) { .c_0100_5{ margin-top:46px;} .c_1200_3{ margin-top:20px; padding:29px 0 39px 0; background-size:cover;} } @media screen and (max-width:767px) { .c_0100_5{ margin-top:26px;} .c_1200_3{ padding:19px 10px 29px 10px; background-size:cover;} } .c_0100_6{ width:100%; float:left; padding:72px 0 80px 0; background:url(images/bg_5.jpg) no-repeat center center; background-size:cover;} .tit_1_w h3{ color:white;} .tit_1_w h4{ color:white;} .c_1200_4{ width:100%; float:left; margin-top:20px;} .c_1200_4 .title{ width:100%; float:left; text-align:center;} .c_1200_4 .title span{ display:inline-block; *zoom:1; *display:inline; padding:0 40px; font-size:26px; color:white; line-height:54px; background:#d22328; -moz-border-radius:27px; -webkit-border-radius:27px; -khtml-border-radius:27px; border-radius:27px; } .c_1200_4 ul{ width:100%; float:left; margin-top:44px;} .c_1200_4 ul li{ width:33.33%; float:left; padding:0 15px; margin-top:30px;} .c_1200_4 ul li .zbox{ width:100%; float:left; position:relative; padding-bottom:60px;} .c_1200_4 ul li .zbox .img{ width:100%; float:left; background:black;} .c_1200_4 ul li .zbox .img img{ width:100%; float:left; opacity:0.15; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .c_1200_4 ul li .zbox .mb{ width:100%; height:100%; padding:15px 15px 0 15px; position:absolute;} .c_1200_4 ul li .zbox .mb .bian{ width:100%; height:100%; position:relative; border:solid 1px white; border:solid 1px rgba(255,255,255,0.3); text-align:center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .c_1200_4 ul li .zbox .mb .bian .p{ width:100%; float:left; margin-top:25px; padding:0 45px; font-size:16px; color:white; line-height:36px; height:108px; overflow:hidden;} .c_1200_4 ul li .zbox .mb .bian h4{ width:100%; float:left; position:absolute; left:0; bottom:0; font-size:26px; color:white; line-height:60px; font-weight:bold; font-family: 'OPENSANS-BOLD'; opacity:0.3; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .c_1200_4 ul li .zbox:hover .mb .bian h4{ opacity:1;} .c_1200_4 ul li .zbox:hover .mb .bian{ border:solid 1px white;} .c_1200_4 ul li .zbox:hover .img img{ width:100%; float:left; opacity:0.3;} @media screen and (max-width:1395px) { .c_1200_4 ul li .zbox .mb .bian .p{ margin-top:15px; padding:0 15px; line-height:30px; height:90px; font-size:14px;} } @media screen and (max-width:1199px) { .c_0100_6{ padding:42px 0 50px 0;} .c_1200_4 ul{ margin-top:24px;} .c_1200_4 ul li .zbox .mb{ padding:10px 10px 0 10px;} .c_1200_4 ul li .zbox .mb .bian .p{ margin-top:10px; padding:0 5px; line-height:26px; height:78px;} } @media screen and (max-width:991px) { .c_1200_4 ul li{ width:50%;} .c_1200_4 ul li .zbox .mb .bian .p{ padding:0 25px; margin-top:25px;} .c_1200_4 .title span{ padding:0 20px; font-size:20px; line-height:44px;} } @media screen and (max-width:767px) { .c_0100_6{ padding:22px 10px 30px 10px;} .c_1200_4 .title span{ padding:0 10px; font-size:14px; line-height:34px;} .c_1200_4{ margin-top:10px;} .c_1200_4 ul{ margin-top:14px;} .c_1200_4 ul li{ width:50%; margin-top:10px;} .c_1200_4 ul li .zbox{ padding-bottom:40px;} .c_1200_4 ul li .zbox .mb .bian h4{ font-size:20px; line-height:40px;} } @media screen and (max-width:480px) { .c_1200_4 ul li{ width:100%;} } .c_0100_7{ width:100%; float:left; background:url(images/bg_6.jpg) no-repeat center top #f2f2f2; padding-bottom:52px; text-align:center;} .c_0100_7 .title_1{ width:100%; float:left; margin-top:62px; padding-bottom:24px; background:url(images/bian_4.png) no-repeat center bottom; letter-spacing:1px;} .c_0100_7 .title_1 h4{ width:100%; float:left; font-size:24px; color:white; line-height:36px;} .c_0100_7 .title_1 h2{ width:100%; float:left; font-size:36px; color:white; line-height:47px; font-weight:bold;} .c_0100_7 ul{ width:100%; float:left; margin-top:40px; padding:60px 0; background:url(images/bg_7.jpg) no-repeat center center; background-size:cover; box-shadow:0 0 6px rgba(0,0,0,0.3);} .c_0100_7 ul li{ width:100%; float:left; position:relative; padding:0 55px; overflow:hidden;} .c_0100_7 ul li .img{ width:100%; height:150px; float:left; position:relative; z-index:2;} .c_0100_7 ul li .img img{ height:100%; width:150px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .c_0100_7 ul li .img span{ display:block; width:150px; height:150px; position:absolute; left:50%; top:0; margin-left:-75px; border:solid 8px #e1e1e1; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .c_0100_7 ul li h4{ width:100%; float:left; margin-top:15px; font-size:20px; color:#333; line-height:26px; position:relative; z-index:2; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .c_0100_7 ul li .bian{ width:446px; height:91px; position:absolute; left:50%; top:180px; background:url(images/bian_5.png) no-repeat center center; background-size:contain; margin-left:-223px;} .c_0100_7 ul li .p{ width:100%; float:left; margin-top:90px; font-size:16px; color:#555; line-height:30px; height:120px; overflow:hidden;} .c_0100_7 ul li .text{ width:100%; float:left; margin-top:22px; padding:17px 12px 11px 12px; background:#eee; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .c_0100_7 ul li .text h5{ width:100%; float:left; font-size:16px; color:#333; line-height:30px;} .c_0100_7 ul li .text h5 span{ display:inline-block; *zoom:1; *display:inline; width:24px; height:24px; background:#d22328; font-size:16px; line-height:24px; color:white; font-weight:bold; vertical-align:middle; margin:-3px 10px 0 0; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .c_0100_7 ul li .text dl{ width:100%; float:left;} .c_0100_7 ul li .text dl dd{ display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#666; line-height:30px; margin:0 5px;} .c_0100_7 .title_2{ width:100%; float:left; margin-top:54px; letter-spacing:2px;} .c_0100_7 .title_2 h3{ width:100%; float:left; font-size:30px; color:#333; line-height:40px;} .c_0100_7 .title_2 h3 span{ color:#d22328;} .c_0100_7 .title_2 h2{ width:100%; float:left; font-size:36px; color:#333; line-height:48px; font-weight:bold;} .c_0100_7 ul li:hover .img span{ border-color:#d22328;} .c_0100_7 ul li:hover h4{ color:#d22328; font-weight:bold;} @media screen and (max-width:1395px) { .c_0100_7{ padding-bottom:32px;} .c_0100_7 .title_1{ margin-top:42px;} .c_0100_7 ul{ margin-top:20px; padding:40px 0;} .c_0100_7 ul li{ padding:0 25px;} .c_0100_7 ul li .text dl dd{ margin:0; width:100%;} .c_0100_7 .title_2{ margin-top:34px;} } @media screen and (max-width:1199px) { .c_0100_7 ul li .img{ height:120px;} .c_0100_7 ul li .img img{ width:120px;} .c_0100_7 ul li .img span{ width:120px; height:120px; margin-left:-60px; border-width:5px;} .c_0100_7 ul li h4{ margin-top:10px; font-size:16px; line-height:22px;} .c_0100_7 ul li .bian{ width:294px; height:60px; top:135px;margin-left:-147px;} .c_0100_7 ul li .p{ margin-top:50px; font-size:14px; line-height:24px; height:96px;} .c_0100_7 ul li .text{ margin-top:12px; padding:12px 8px 6px 8px;} .c_0100_7 ul li .text h5{ font-size:14px; line-height:24px;} .c_0100_7 ul li .text h5 span{ width:20px; height:20px; font-size:14px; line-height:20px; margin:-3px 6px 0 0;} .c_0100_7 ul li .text dl dd{ font-size:12px; line-height:22px;} } @media screen and (max-width:991px) { .c_0100_7 .title_1{ margin-top:42px; padding-bottom:14px; background-size:44px auto;} .c_0100_7 .title_1 h4{ font-size:18px; line-height:28px;} .c_0100_7 .title_1 h2{ font-size:30px; line-height:37px;} .c_0100_7 .title_2 h3{ font-size:22px; line-height:30px;} .c_0100_7 .title_2 h2{ font-size:30px; line-height:38px;} } @media screen and (max-width:767px) { .c_0100_7{ padding:0 10px 22px 10px;} .c_0100_7 .title_1{ margin-top:22px;} .c_0100_7 .title_1 h4{ font-size:16px; line-height:26px;} .c_0100_7 .title_1 h2{ font-size:22px; line-height:30px;} .c_0100_7 .title_2 h3{ font-size:18px; line-height:30px;} .c_0100_7 .title_2 h2{ font-size:22px; line-height:30px;} .c_0100_7 .title_2{ margin-top:14px;} .c_0100_7 ul li{ width:100%;} .c_0100_7 ul{ margin-top:10px; padding:20px 0;} } .slide_pic_1{ width:100%; float:left; position:relative; padding-bottom:20px;} .slide_pic_1 .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; box-shadow:0 0 0; background:none; } .slide_pic_1 .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 3px; padding: 0; cursor: pointer; background:#d22328; opacity:0.6; float:none; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .slide_pic_1 .slick-dots li.slick-active{ opacity:1; } .c_0100_8{ width:100%; float:left; padding:74px 0 80px 0; } .slideTxtBox{ width:100%; float:left; margin-top:50px;} .slideTxtBox .hd{ width:100%; float:left; text-align:center; border-top:solid 1px #fff; border-bottom:solid 1px #fff; border-top:solid 1px rgba(255,255,255,0.1); border-bottom:solid 1px rgba(255,255,255,0.1); height:51px;} .slideTxtBox .hd ul{ display:inline-block; *zoom:1; *display:inline; vertical-align:top;} .slideTxtBox .hd ul li{ margin:0 5px; float:left; padding:0 21px; font-size:16px; color:#fff; line-height:49px; cursor:pointer;} .slideTxtBox .hd ul li.on,.slideTxtBox .hd ul li:hover{ color:#d22328; border-bottom:solid 1px #d22328;} .slideTxtBox .bd{ width:100%; float:left;} .slideTxtBox .bd ul{ width:100%; float:left; padding-top:40px; overflow:hidden; padding-bottom:5px;} .slide_pic_6{ width:100%; float:left; position:relative;} .slide_pic_6 .li_hp{ width:100%; float:left; padding:0 15px;} .slide_pic_6 .li_hp .zbox{ width:100%; float:left; border:solid 1px #e7e7e7; overflow:hidden; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; } .slide_pic_6 .li_hp .zbox .title{ width:100%; float:left; font-size:20px; color:black; line-height:63px; text-align:center; background:#f4f4f4; height:63px; overflow:hidden;} .slide_pic_6 .li_hp .zbox table{ background:white;} .slide_pic_6 .li_hp .zbox table td{ border:solid 1px #e7e7e7; padding:17px 30px 15px 30px; font-size:16px; color:black; line-height:22px; border-right:0;} .slide_pic_6 .li_hp .zbox table td span{ color:#d32329;} .slide_pic_6 .li_hp .zbox table td.td1{ width:130px;} .slide_pic_6 .li_hp .zbox table td img{ vertical-align:middle; margin:-2px 3px 0 3px;} .slide_pic_6 .slick-prev,.slide_pic_6 .slick-next { position: absolute; left: -96px; top: 50%; display: block; width: 38px; height: 66px; margin-top:-33px; background:url(images/btn2.png) no-repeat left center; } .slide_pic_6 .slick-next { left: auto; right: -96px; background-position:right center; } .slide_pic_6 .slick-prev:hover,.slide_pic_6 .slick-next:hover{ background-image:url(images/btn6_h.png);} .slide_pic_6 .slick-prev{ left:15px;} .slide_pic_6 .slick-next{ right:15px;} @media screen and (max-width:1395px) { .slide_pic_6 .li_hp .zbox table td.td1{ padding:17px 10px 15px 20px;} } @media screen and (max-width:1199px) { .c_0100_8{ padding:34px 0 40px 0;} .slideTxtBox{ margin-top:30px;} .slideTxtBox .hd ul li{ padding:0 11px; font-size:14px; line-height:40px;} .slideTxtBox .bd ul{ padding-top:20px;} .slide_pic_6 .li_hp{ padding:0 11px 0 15px !important;} .slide_pic_6 .li_hp .zbox .title{ font-size:16px; line-height:43px; height:43px;} .slide_pic_6 .li_hp .zbox table td{ padding:12px 10px 12px 20px; font-size:14px; line-height:20px;} .slide_pic_6 .li_hp .zbox table td.td1{ width:100px;} } @media screen and (max-width:991px) { .slide_pic_6 .slick-prev,.slide_pic_6 .slick-next { width: 20px; height: 36px; margin-top:-18px; background-size:41px 36px !important; } .slide_pic_6 .slick-prev{ left:15px;} .slide_pic_6 .slick-next{ right:15px;} } @media screen and (max-width:767px) { .c_0100_8{ padding:14px 10px 20px 10px;} .slideTxtBox{ margin-top:20px;} .slideTxtBox .hd{ height:auto;} .slideTxtBox .hd ul{ width:100%;} .slideTxtBox .hd ul li{ width:33.333%; margin:0; height:40px;} .slide_pic_6{ padding-bottom:30px;} .slide_pic_6 .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; padding:0; } .slide_pic_6 .slick-dots li { position: relative; display: inline-block; width: 8px !important; height: 8px; margin: 0 3px; padding: 0; cursor: pointer; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; background:#d22328; opacity:0.55; } .slide_pic_6 .slick-dots li.slick-active{ opacity: 1; } .slide_pic_6 .li_hp .zbox table{ margin-left:-1px;} } .c_0100_9{ width:100%; float:left; padding:70px 0 80px 0; background:url(images/bg_9.jpg);} .c_0100_9 .content1{ width:100%; float:left; margin-top:77px;} .c_0100_9 .content1 ul{ width:100%; float:left; border-left:solid 1px rgba(255,255,255,0.08);} .c_0100_9 .content1 ul li{ width:25%; float:left; padding:20px 0 22px 0; border-right:solid 1px rgba(255,255,255,0.08);} .c_0100_9 .content1 ul li .ico{ width:100%; float:left; text-align:center;} .c_0100_9 .content1 ul li .ico span{ display:inline-block; *zoom:1; *display:inline; width:148px; height:148px; background:#d22328; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .c_0100_9 .content1 ul li .ico span img{ width:100%; float:left; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .c_0100_9 .content1 ul li .title{ width:100%; float:left; text-align:center; margin-top:27px; line-height:44px;} .c_0100_9 .content1 ul li .title span{ margin-left:-13px; font-size:16px; color:white; line-height:33px; vertical-align:bottom;} .c_0100_9 .content1 ul li:hover .ico span img{ margin-top:-5px;} .c_0100_9 .content2{ width:100%; float:left; margin-top:62px; background:url(images/bg_10.png); padding:25px 0;} .c_0100_9 .content2 ul{ width:100%; float:left;} .c_0100_9 .content2 ul li{ width:20%; float:left; text-align:center; height:67px; line-height:67px;} .c_0100_9 .content2 ul li .ico{ width:67px; display:inline-block; *zoom:1; *display:inline; vertical-align:middle; margin:-2px 0 0 0;} .c_0100_9 .content2 ul li .ico img{ width:100%; float:left;} .c_0100_9 .content2 ul li h4{ font-size:18px; color:white; line-height:20px; display:inline-block; *zoom:1; *display:inline; vertical-align:middle; margin:-2px 0 0 0;} @media screen and (max-width:1395px) { .c_0100_9 .content2 ul li .ico{ width:47px;} .c_0100_9 .content2 ul li h4{ font-size:16px;} } @media screen and (max-width:1199px) { .c_0100_9{ padding:30px 0 40px 0;} .c_0100_9 .content1{ margin-top:37px;} .c_0100_9 .content1 ul li{ padding:10px 0 12px 0;} .c_0100_9 .content1 ul li .ico span{ width:88px; height:88px; } .c_0100_9 .content1 ul li .title{ margin-top:17px; line-height:20px;} .c_0100_9 .content1 ul li .title img{ height:26px;} .c_0100_9 .content1 ul li .title span{ margin-left:-6px; font-size:12px; line-height:18px;} .c_0100_9 .content1 ul{ margin-top:30px;} .c_0100_9 .content2 ul li .ico{ display:block; width:100%; float:left; height:47px;} .c_0100_9 .content2 ul li .ico img{ width:auto; height:100%; float:none; vertical-align:top;} .c_0100_9 .content2 ul li h4{ font-size:16px; width:100%; float:left; display:block; margin-top:3px;} .c_0100_9 .content2{ margin-top:42px;} } @media screen and (max-width:767px) { .c_0100_9 .content1 ul li{ width:50%;} .c_0100_9{ padding:20px 10px;} .c_0100_9 .content1{ margin-top:17px;} .c_0100_9 .content1 ul li .title{ margin-top:10px; min-height:36px; padding:0 10px;} .c_0100_9 .content1 ul{ margin-top:0px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} .c_0100_9 .content2{ margin-top:22px; text-align:center; padding:10px 0 20px 0;} .c_0100_9 .content2 ul li{ width:48%; display:inline-block; *zoom:1; *display:inline; float:none; margin-top:10px;} .c_0100_9 .content2 ul li h4{ font-size:14px;} } .c_0100_10{ width:100%; float:left; padding:77px 0 81px 0; background:url(images/bg_11.jpg) no-repeat center 77px; background-size:1920px 580px;} .c_0100_10 .c_698{ width:50%; float:left; padding:0 30px 0 38px; background:white; height:500px;} .c_0100_10 .c_698 .title{ width:100%; float:left; text-align:right;} .c_0100_10 .c_698 .text{ width:100%; float:left; padding:0 0 0 64px; margin-top:14px;} .c_0100_10 .c_698 .text h3{ width:100%; float:left; font-size:24px; color:#333; line-height:40px; font-weight:bold; text-transform:uppercase;} .c_0100_10 .c_698 .text .p{ width:100%; float:left; font-size:20px; color:#333; line-height:48px; margin-top:10px;} .c_0100_10 .c_349{ width:25%; float:left; position:relative; background:#3c3c3c; text-align:center; height:500px;} .c_0100_10 .c_349 .title{ width:100%; float:left; margin-top:-10px; font-size:24px; color:white; line-height:72px; font-weight:bold; background:url(images/img4_2.png) no-repeat center center; background-size:contain;} .c_0100_10 .c_349 ul{ width:100%; float:left; padding:50px 46px 0 46px;} .c_0100_10 .c_349 ul li{ width:100%; float:left; border-bottom:dashed 1px #8a8a8a; font-size:18px; color:white; line-height:65px;} .c_0100_10 .c_349 ul li.first{ border-top:dashed 1px #8a8a8a;} .c_0100_10 .c_349 ul li a{ display:block; width:100%; float:left; color:white;} .c_0100_10 .c_349 ul li a:hover{ color:#d22328;} .c_0100_10 .c_349_1{ width:25%; float:left; background:url(images/bg_12.jpg); padding:62px 36px 0 30px; height:500px;} .c_0100_10 .c_349_1 .title{ width:100%; float:left; font-size:30px; color:white; line-height:25px; text-transform:uppercase; letter-spacing:1px;} .c_0100_10 .c_349_1 ul{ width:100%; float:left; margin-top:12px;} .c_0100_10 .c_349_1 ul li{ width:100%; float:left; margin-top:25px; padding-left:54px; position:relative; font-size:16px; color:white; line-height:34px; word-break:break-all;} .c_0100_10 .c_349_1 ul li span{ width:34px; height:34px; background:#c50f15; position:absolute; left:0; top:0; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} .c_0100_10 .c_349_1 ul li span img{ width:100%; float:left;} .c_0100_10 .c_349_1 ul li a{ color:white;} .c_0100_10 .c_349_1 .p{ width:100%; float:left; margin-top:18px; padding:7px 70px 7px 22px; border:solid 2px white; border:solid 2px rgba(255,255,255,0.3); font-size:14px; color:white; line-height:24px; position:relative;} .c_0100_10 .c_349_1 .p a{ display:block; position:absolute; right:27px; width:39px; height:39px; right:25px; top:50%; margin-top:-20px;} .c_0100_10 .c_349_1 .p a .ewm{ background:url(images/ewm_bg.png) no-repeat center center; width:110px; height:117px; padding:10px 10px 17px 10px; position:absolute; left:50%; top:-120px; margin-left:-55px; display:none;} .c_0100_10 .c_349_1 .p a .ewm img{ width:100%; float:left;} .c_0100_10 .c_349_1 .p a:hover .ewm{ display:block;} @media screen and (max-width:1395px) { .c_0100_10{ background-size:1400px 580px;} .c_0100_10 .c_349{width:23%;} .c_0100_10 .c_349_1{ padding:42px 26px 0 20px;width:27%;} .c_0100_10 .c_349_1 ul li{ padding-left:44px; margin-top:15px;} .c_0100_10 .c_349_1 .p{ margin-top:13px; padding:7px 60px 7px 12px;} .c_0100_10 .c_349_1 .p a{ right:17px;} } @media screen and (max-width:1199px) { .c_0100_10{ background-size:cover;} .c_0100_10 .c_698{ width:100%;} .c_0100_10 .c_349,.c_0100_10 .c_349_1{ width:50%;} } @media screen and (max-width:767px) { .c_0100_10{ padding:17px 10px 21px 10px;} .c_0100_10 .c_698{ padding:0 10px 0 18px; height:360px;} .c_0100_10 .c_698 .text{ padding:0 0 0 14px; margin-top:10px;} .c_0100_10 .c_698 .text h3{ font-size:18px; line-height:30px;} .c_0100_10 .c_698 .text .p{ font-size:14px; line-height:38px;} .c_0100_10 .c_349,.c_0100_10 .c_349_1{ width:100%; height:280px;} .c_0100_10 .c_349 .title{ margin-top:-4px; font-size:18px; line-height:42px;} .c_0100_10 .c_349 ul{ padding:30px 26px 0 26px;} .c_0100_10 .c_349 ul li{ font-size:12px; line-height:35px;} .c_0100_10 .c_349_1{ padding:32px 16px 0 10px;} .c_0100_10 .c_349_1 .title{ font-size:20px; line-height:16px;} .c_0100_10 .c_349_1 ul{ margin-top:6px;} .c_0100_10 .c_349_1 ul li{ margin-top:8px; padding-left:34px; font-size:12px; line-height:24px;} .c_0100_10 .c_349_1 ul li span{ width:24px; height:24px;} } .c_0100_11{ width:100%; float:left; padding:74px 0 79px 0; } .c_0100_11 .zbox{ width:100%; float:left; text-align:center; margin-top:10px;} .c_0100_11 .zbox ul{ display:inline-block; *zoom:1; *display:inline; width:68.77%;} .c_0100_11 .zbox ul li{ width:33.33%; float:left; padding:0 15px; margin-top:30px;} .c_0100_11 .zbox ul li .txk{ width:100%; float:left; position:relative; background:white; padding-left:60px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .c_0100_11 .zbox ul li .txk span{ display:block; width:48px; position:absolute; left:0; top:0; text-align:right; font-size:14px; color:#373737; line-height:50px;} .c_0100_11 .zbox ul li .txk input, .c_0100_11 .zbox ul li .txk select{ display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#373737; background:none;} .c_0100_11 .zbox ul li.l1 .txk{ padding-left:90px;} .c_0100_11 .zbox ul li.l1 .txk span{ width:78px;} .c_0100_11 .zbox ul li.l2 .txk{ padding-left:80px;} .c_0100_11 .zbox ul li.l2 .txk span{ width:64px;} .c_0100_11 .zbox ul li.l3 .txk{ padding-left:80px; padding-right:125px;} .c_0100_11 .zbox ul li.l3 .txk span{ width:64px;} .c_0100_11 .zbox ul li.l3 .txk .btn{ width:117px; position:absolute; right:5px; top:0; height:50px;} .c_0100_11 .zbox ul li.l3 .txk .btn img{ width:100%; float:left; height:100%;} .c_0100_11 .zbox ul li.l4{ width:66.666%; float:left;} .c_0100_11 .zbox ul li.l4 input{ display:block; width:100%; font-size:18px; color:white; line-height:50px; cursor:pointer; background:#d22328; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .c_0100_11 .zbox ul li.l4 input:hover{ background:#f8262c;} @media screen and (max-width:1199px) { .c_0100_11{ padding:34px 0 39px 0;} .c_0100_11 .zbox ul{ width:100%;} .c_0100_11 .zbox ul li,.c_0100_11 .zbox ul li.l4{ width:50%;} } @media screen and (max-width:767px) { .c_0100_11{ padding:24px 0 29px 0;} .c_0100_11 .zbox ul li{ margin-top:10px;} .c_0100_11 .zbox ul li,.c_0100_11 .zbox ul li.l4{ width:100%;} .c_0100_11 .zbox ul li .txk span{ font-size:12px; line-height:40px; padding-left:10px; text-align:left;} .c_0100_11 .zbox ul li .txk input, .c_0100_11 .zbox ul li .txk select{ height:40px; line-height:40px; font-size:12px;} .c_0100_11 .zbox ul li.l3 .txk .btn{ width:87px;height:40px;} .c_0100_11 .zbox ul li .txk span{ width:38px;} .c_0100_11 .zbox ul li .txk{ padding-left:50px;} .c_0100_11 .zbox ul li.l1 .txk span{ width:68px;} .c_0100_11 .zbox ul li.l1 .txk{ padding-left:80px;} .c_0100_11 .zbox ul li.l2 .txk span,.c_0100_11 .zbox ul li.l3 .txk span{ width:54px;} .c_0100_11 .zbox ul li.l2 .txk,.c_0100_11 .zbox ul li.l3 .txk{ padding-left:70px;} .c_0100_11 .zbox ul li.l4 input{ font-size:16px; line-height:40px;} } /*首页弹窗*/ .pf_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(images/bg_10.png); z-index:9999; display:none;} .tc_930{ width:930px; height:504px; background:url(images/bg_14.png); position:fixed; left:50%; top:50%; margin:-252px 0 0 -465px; padding:57px 55px 0 55px; z-index:10001; display:none;} .tc_930 .bian{ width:96%; height:92%; border:dashed 1px #e7a8aa; left:2%; top:4%; position:absolute; z-index:1;} .tc_930 .btn{ width:32px; height:32px; position:absolute; right:37px; top:57px; cursor:pointer; z-index:9999;} .tc_930 .title{ width:100%; float:left;} .tc_930 .title img{ display:block; float:left;} .tc_930 .title span{ display:block; float:left; margin-left:21px;} .tc_930 .title span img{ margin-top:-4px;} .tc_930 ul{ margin:0 -10px; z-index:9999; position:relative;} .tc_930 ul li{ width:50%; float:left; margin-top:20px; padding:0 10px;} .tc_930 ul li .zbox{ width:100%; float:left; border:solid 1px #797979; padding:0 4px 0 60px; position:relative; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .tc_930 ul li .zbox .ico{ width:54px; height:54px; position:absolute; left:6px; top:0;} .tc_930 ul li .zbox .ico img{ width:100%; float:left;} .tc_930 ul li .zbox .name{ float:left; font-size:16px; color:white; line-height:54px;} .tc_930 ul li .zbox .txk{ margin-left:38px; position:relative;} .tc_930 ul li .zbox .txk input{ display:block; width:100%; height:54px; line-height:54px; color:white; font-size:16px; background:none;} .tc_930 ul li.l1 .zbox .txk{ margin-left:74px;} .tc_930 ul li.l2 .zbox .txk{ margin-left:56px;} .tc_930 ul li.l3{ width:100%; position:relative;} .tc_930 ul li.l3 textarea{ display:block; width:100%; height:75px;border:solid 1px #797979; padding:10px 19px; font-size:16px; line-height:24px; background:none; color:white !important; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .inco1 ::-webkit-input-placeholder { color:#fff !important;} .inco1 :-moz-placeholder { color:#fff !important;} .inco1 ::-moz-placeholder { color:#fff !important;} .inco1 :-ms-input-placeholder { color:#fff !important; } .tc_930 ul li.l3 span{ font-size:16px; line-height:24px; background:none; color:white !important; position:absolute; left:29px; top:10px; z-index:-1;} .tc_930 ul li.l2.l2_yz .zbox .txk{ padding-right:133px;} .tc_930 ul li.l2.l2_yz .zbox .txk span{ width:129px; height:51px; position:absolute; right:0px; top:2px; cursor:pointer;} .tc_930 ul li.l2.l2_yz .zbox .txk span img{width:100%; height:100%;} .tc_930 ul li.l4 input{ display:block; width:100%; height:56px; line-height:54px; color:#fff; font-size:24px; cursor:pointer; background:#d32329; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .tc_930 ul li.l4 input:hover{ background:#fff; color:#d32329;} @media screen and (max-width:991px) { .tc_930{ width:92%; height:364px; left:4%; margin:-182px 0 0 0; padding:37px 35px 0 35px;} .tc_930 .btn{ width:22px; height:22px; right:20px; top:33px;} .tc_930 .title{ height:27px;} .tc_930 .title p{height:100%;} .tc_930 .title img{ height:100%;} .tc_930 .title span{ height:20px; margin-left:11px; margin-top:4px;} .tc_930 ul{ margin:0 -5px;} .tc_930 ul li{ margin-top:10px; padding:0 5px;} .tc_930 ul li .zbox{ padding:0 4px 0 40px;} .tc_930 ul li .zbox .ico{ width:34px; height:34px;} .tc_930 ul li .zbox .name{ font-size:14px; line-height:34px;} .tc_930 ul li .zbox .txk{ margin-left:32px;} .tc_930 ul li .zbox .txk input{ height:34px; line-height:34px; font-size:14px;} .tc_930 ul li.l1 .zbox .txk{ margin-left:78px;} .tc_930 ul li.l2 .zbox .txk{ margin-left:46px;} .tc_930 ul li.l3 textarea{ padding:6px 14px; font-size:14px; line-height:22px;} .tc_930 ul li.l2.l2_yz .zbox .txk{ padding-right:83px;} .tc_930 ul li.l2.l2_yz .zbox .txk span{ width:79px; height:31px; top:1px;} .tc_930 ul li.l4 input{ height:36px; line-height:34px; font-size:18px;} } @media screen and (max-width:767px) { .tc_930 ul li{ width:100%;} .tc_930{ height:484px; margin:-242px 0 0 0;} } @media screen and (max-width:480px) { .tc_930{ height:444px; margin:-222px 0 0 0; padding:27px 25px 0 25px;} .tc_930 .title{ height:14px;} .tc_930 .title span{ height:14px; margin-left:6px;} .tc_930 .bian{ height:96%; top:2%;} .tc_930 .btn{ width:14px; height:14px; top:25px;} } /*代理商查询*/ #particles .intro_1{ width:100%; text-align:center; position:absolute; top:20%; left:0; z-index:9;height:90%; padding:90px 5% 0 5%;} #particles .intro .logo_1{ width:100%; height:88px; text-align:center;} #particles .intro .logo_1 img{ height:100%;} #particles .intro .search{ width:888px; display:inline-block; *zoom:1; *display:inline; margin-top:52px; position:relative; padding-right:110px; z-index:999;} #particles .intro .search .search_k{ display:block; width:100%; height:40px; border:solid 1px #6b6b6b; background:white; padding-left:15px; font-size:14px; color:#333; border-left:0;} #particles .intro .search .search_b{ display:block; width:110px; position:absolute; right:0; top:0; height:40px; line-height:40px; text-align:center; color:white; background:#d22127; border:solid 1px #d22127; font-size:16px; cursor:pointer; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #particles .intro .search .search_b:hover{ border:solid 1px #6b6b6b; background:#ad1c21} .search_result{ background:white; padding:74px 20px 50px 20px; position:relative; overflow:hidden; margin-top:120px; width:888px; display:none; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} .search_result .z_result_box{ width:100%; float:left; height:100%; overflow-y:auto; overflow-x:hidden; /*position:relative;*/ } .search_result .z_result_box .no_result{ font-size:20px; display:table; text-align:center; height:100%; width:100%;} .search_result .z_result_box .no_result_1{display:table-cell; vertical-align:middle;} .search_result .z_result_box .no_close{ width: 100%; position: absolute; left: 0; bottom: 5px; text-align: center; font-size: 18px; color: black; line-height: 40px; cursor: pointer;} .search_result .z_result_box .no_close img{vertical-align: middle; margin: -3px 10px 0 0;} .search_result .title{ width:100%; float:left; position:absolute; left:0; top:0; text-align:center; background:#d22127;} .search_result .title span{ display:inline-block; *zoom:1; *display:inline; position:relative; line-height:54px; color:white; font-size:18px; font-weight:bold; padding:0 30px;} .search_result .title span:before{ content:''; width:30px; height:1px; background:white; position:absolute; left:-30px; top:50%;} .search_result .title span:after{ content:''; width:30px; height:1px; background:white; position:absolute; right:-30px; top:50%;} .search_result .result_box{ width:100%; float:left; border:solid 1px #e9e9e9; padding:10px; text-align:left; height:100%; overflow-y:auto; overflow-x:hidden;} .search_result .result_box .z_160{ width:160px; float:left; background:#f7f7f7;} .search_result .result_box .z_160 img{ width:100%; float:left;} .search_result .result_box .z_636{ margin-left:179px;} .search_result .result_box .z_636 ul{ margin:0 -10px;} .search_result .result_box .z_636 ul li{ width:50%; float:left; padding:0 10px;} .search_result .result_box .z_636 ul li .p{ font-size:14px; color:#333; line-height:22px; width:100%; float:left; padding:10px 0; border-bottom:dashed 1px #b2b2b2; position:relative;} .search_result .result_box .z_636 ul li.l2{ width:100%;} .search_result .result_box .z_636 ul li.l2 .name{ width:100%; font-size:18px; color:#333; line-height:37px;} .search_result .result_box .z_636 ul li.l2 .name span{ display:inline-block; *zoom:1; *display:inline; padding:0 10px; line-height:18px; color:white; margin:-2px 0 0 8px; vertical-align:middle; background:black; font-size:12px; -moz-border-radius:9px; -webkit-border-radius:9px; -khtml-border-radius:9px; border-radius:9px;} #particles .intro.on{ top:5%;} #particles .intro.on .search_result{ display:inline-block; *zoom:1; *display:inline; height:310px; overflow:hidden;} .footer_1{ width:100%; padding:5px 0; text-align:center; background:black; position:fixed; left:0; bottom:0;} .footer_1 p{ width:100%; float:left; line-height:20px; color:white; font-size:12px;} .footer_1 p span{ display:inline-block; *zoom:1; *display:inline; margin:0 12px; vertical-align:top;} @media screen and (max-height:786px) { .search_result{ margin-top:40px; } } @media screen and (max-width:991px) { #particles .intro .search{ width:100%;} #particles .intro .logo_1{ height:88px;} .search_result{ margin-top:30px; width:100%;} } @media screen and (max-width:767px) { #particles .intro{ height:85%; padding:48px 3% 0 3%;} #particles .intro .logo_1{ height:48px;} #particles .intro .search{ margin-top:22px; padding-right:80px;} #particles .intro .search .search_b{ position:relative; width:80px; position:absolute; right:0; top:0; font-size:14px; letter-spacing:2px;} #particles .intro .search .search_k{padding-left:10px; font-size:12px;} .footer_1 p{ line-height:18px;} .footer_1 p span{ margin:0 6px;} .search_result{ margin-top:20px; padding:44px 10px 50px 10px;} .search_result .title span{ line-height:34px; font-size:14px; padding:0 20px;} .search_result .title span:before{ width:20px; left:-20px;} .search_result .title span:after{ width:20px; right:-20px;} .search_result .result_box{ padding:6px;} .search_result .result_box .z_160{ width:80px;} .search_result .result_box .z_636{ margin-left:90px;} .search_result .result_box .z_636 ul li .p{ font-size:12px; line-height:18px; padding:5px 0;} .search_result .result_box .z_636 ul li.l2 .name{ font-size:14px; line-height:27px;} .search_result .result_box .z_636 ul li{ width:100%;} #particles .intro.on .search_result{ height:240px;} .search_result .result_box .z_636 ul li.l2 .p{ padding-right:0;} .search_result .result_box .z_636 ul li .p .pname{ position:relative; width:100%; float:left; left:auto; top:auto; font-size:12px; line-height:24px;} .search_result .z_result_box .no_close{font-size:16px;} } @media screen and (max-height:767px) { #particles .intro{ height:85%; padding:48px 3% 0 3%;} #particles .intro .logo_1{ height:48px;} #particles .intro .search{ margin-top:22px; padding-right:80px;} #particles .intro .search .search_b{ position:relative; width:80px; position:absolute; right:0; top:0; font-size:14px; letter-spacing:2px;} #particles .intro .search .search_k{padding-left:10px; font-size:12px;} .footer_1 p{ line-height:18px;} .footer_1 p span{ margin:0 6px;} .search_result{ margin-top:20px; padding:44px 10px 50px 10px;} .search_result .title span{ line-height:34px; font-size:14px; padding:0 20px;} .search_result .title span:before{ width:20px; left:-20px;} .search_result .title span:after{ width:20px; right:-20px;} .search_result .result_box{ padding:6px;} .search_result .result_box .z_160{ width:80px;} .search_result .result_box .z_636{ margin-left:90px;} .search_result .result_box .z_636 ul li .p{ font-size:12px; line-height:18px; padding:5px 0;} .search_result .result_box .z_636 ul li.l2 .name{ font-size:14px; line-height:27px;} .search_result .result_box .z_636 ul li{ width:100%;} #particles .intro.on .search_result{ height:240px;} .search_result .result_box .z_636 ul li.l2 .p{ padding-right:0;} .search_result .result_box .z_636 ul li .p .pname{ position:relative; width:100%; float:left; left:auto; top:auto; font-size:12px; line-height:24px;} .search_result .z_result_box .no_close{font-size:16px;} } /*内页公用*/ .banner_1{ width:100%; float:left; position:relative; min-height:150px;} .banner_1 img{ width:100%; float:left;} .banner_1 .bian{ width:2px; height:80px; background:#d32329; position:absolute; left:50%; bottom:-40px; margin-left:-1px;} @media screen and (max-width:1199px) { .banner_1 .bian{ width:2px; height:40px; bottom:-20px;} } .pz_SideLayer_1{ width:100%; float:left; margin-top:100px; text-align:center;} .pz_SideLayer_1 .pz_SideLayer{ display:inline-block; *zoom:1; *display:inline;} .pz_SideLayer_1 .pz_SideLayer li{ width:129px; height:46px; margin:0 5px; float:left;} .pz_SideLayer_1 .pz_SideLayer li a{ display:block; width:100%; float:left; line-height:46px; background:#f7f7f8; font-size:16px; color:#333;} .pz_SideLayer_1 .pz_SideLayer li a.hover, .pz_SideLayer_1 .pz_SideLayer li:hover a{ background:#191919; color:white;} @media screen and (max-width:991px) { .pz_SideLayer_1{ margin-top:50px;} .pz_SideLayer_1 .pz_SideLayer li{ width:90px;} } .w_0100{width:100%; float:left; padding:0 0 80px 0;} .c_1200_5{ width:100%; float:left; } .loading{ width:100%; float:left; text-align:center; margin-top:56px;} .loading img{ display:inline-block; *zoom:1; *display:inline; height:60px;} .loading h6{ width:100%; margin-top:12px; font-size:14px; color:#bbb; line-height:1;} @media screen and (max-width:991px) { .w_0100{ padding:0 0 50px 0;} .loading{ margin-top:36px;} } @media screen and (max-width:767px) { .pz_SideLayer_1{ margin-top:30px;} .w_0100{padding:0 10px 20px 10px;} .loading{ margin-top:16px;} .loading img{ height:40px;} .loading h6{ font-size:12px;} .pz_SideLayer_1 .pz_SideLayer li{ width:80px; height:36px;} .pz_SideLayer_1 .pz_SideLayer li a{ line-height:36px; font-size:14px;} } /*帮助中心*/ .ul_1{ width:100%; float:left;} .ul_1 li{ width:100%; float:left; margin-top:72px;} .ul_1 li .title{ width:100%; float:left; position:relative; padding:15px 35px 15px 120px; background:#f4f4f4;} .ul_1 li .title h2{ font-size:70px; color:#cc272b; line-height:60px; position:absolute; left:30px; top:-12px;font-family: 'OPENSANS-LIGHT';} .ul_1 li .title .p{ width:100%; float:left; font-size:18px; color:#cc272b; line-height:30px;} .ul_1 li .text{ width:100%; float:left; position:relative; padding:12px 35px 12px 29px; background:#f4f4f4; margin-top:10px; border-left:solid 3px #cc272b; font-size:14px; color:#666; line-height:30px;} @media screen and (max-width:991px) { .ul_1 li{ margin-top:42px;} .ul_1 li .title{ padding:10px 25px 10px 70px;} .ul_1 li .title h2{ font-size:50px; line-height:40px; left:10px; top:-10px;} .ul_1 li .title .p{ font-size:16px; line-height:26px;} .ul_1 li .text{ padding:8px 15px 8px 10px; font-size:12px; line-height:26px;} } @media screen and (max-width:767px) { .ul_1 li .text{ margin-top:5px;} .ul_1 li{ margin-top:22px;} .ul_1 li .title{ padding:5px 15px 5px 50px;} .ul_1 li .title h2{ font-size:30px; line-height:20px; top:-5px;} .ul_1 li .title .p{ font-size:14px; line-height:24px;} } /*3君搜宝学院*/ .banner_2{ width:100%; height:450px; overflow:hidden; position:relative;} .banner_2 img{ width:1920px; height:450px; position:absolute; left:50%; top:50%; margin:-225px 0 0 -960px; max-width:none;} .banner_2 .mb{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(images/bg_15.png);} .c_0100_12{ width:100%; float:left; padding-bottom:80px; margin-top:-279px;} .c_1200_6{ width:100%; float:left;} .tit_2{ width:50%; float:left;} .tit_2 h2{ width:100%; float:left; font-size:48px; line-height:1; font-weight:bold; font-family:Cambria; text-transform:uppercase; letter-spacing:-1px; color:white;} .tit_2 h4{ width:100%; float:left; font-size:24px; line-height:38px; color:white;} .pz_SideLayer_2{ float:right; width:50%; text-align:right; margin-top:32px;} .pz_SideLayer_2 .pz_SideLayer{ margin-top:0;} .pz_SideLayer_2 .pz_SideLayer li{ float:left; margin-left:10px; text-align:center;} .pz_SideLayer_2 .pz_SideLayer li a{ display:block;} .c_1200_7{ width:100%; float:left; background:#f7f7f7; padding:0 40px 40px 40px; margin-top:22px;} .row_2{ margin:0 -20px;} .ul_2{ width:100%; float:left;} .ul_2 li{ width:33.333%; float:left; padding:0 20px; margin-top:40px;} .ul_2 li .zbox{ width:100%; float:left; background:white; padding:20px 20px 0 20px;} .ul_2 li .zbox .img{ width:100%; float:left; overflow:hidden;} .ul_2 li .zbox .img img{ width:100%; float:left; transition: all 0.6s linear; -moz-transition: all 0.6s linear; -webkit-transition: all 0.6s linear; -o-transition: width all 0.6s linear;} .ul_2 li .zbox:hover .img img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .ul_2 li .zbox .text{ width:100%; float:left; padding:16px 0 15px 0; border-bottom:dashed 1px #b2b2b2;} .ul_2 li .zbox .text span{color:#d22328} .ul_2 li .zbox .text .title{ width:100%; float:left; font-size:18px; color:#333; line-height:24px; height:48px; overflow:hidden;} .ul_2 li .zbox .text .p{ width:100%; float:left; font-size:14px; color:#666; line-height:24px; margin-top:11px; height:96px; overflow:hidden;} .ul_2 li .zbox .time{ width:100%; float:left; padding-right:30px; font-size:14px; color:#888; line-height:52px; background:url(images/btn5.png) no-repeat right center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .ul_2 li .zbox:hover .time{ background-image:url(images/btn5_h.png);} @media screen and (max-width:1395px) { .ul_2 li{ padding:0 15px; margin-top:30px;} .row_2{ margin:0 -15px;} .c_1200_7{ padding:0 30px 30px 30px;} } @media screen and (max-width:1199px) { .ul_2 li{ width:50%;} } @media screen and (max-width:991px) { .banner_2{ height:350px;} .tit_2 h2{ font-size:38px;} .tit_2 h4{ font-size:18px; line-height:28px;} .pz_SideLayer_2{ margin-top:22px;} .ul_2 li .zbox .text .title{ font-size:16px; line-height:20px; height:40px;} .ul_2 li .zbox .text .p{ font-size:12px; line-height:22px; margin-top:7px; height:92px;} .ul_2 li .zbox .time{ font-size:12px; line-height:42px;} .c_0100_12{ padding-bottom:60px; margin-top:-209px;} } @media screen and (max-width:767px) { .c_0100_12{ padding:0 10px 30px 10px; margin-top:-159px;} .banner_2{ height:250px;} .banner_2 img{ width:1067px; height:250px; margin:-125px 0 0 -533px;} .tit_2{ width:100%; text-align:center;} .tit_2 h2{ font-size:30px;} .tit_2 h4{ font-size:16px; line-height:26px;} .pz_SideLayer_2{ margin-top:12px; width:100%; float:left; text-align:center;} .ul_2 li{ width:100%; margin-top:15px; padding:0;} .row_2{ margin:0 0px;} .c_1200_7{ padding:0 10px 20px 10px;} .ul_2 li .zbox{ padding:10px 10px 0 10px;} .ul_2 li .zbox .time{ background-size:18px 18px;} } /*4新闻详情*/ .tit_3{ width:80%; float:left; padding-left:19px; border-left:solid 3px white;} .tit_3 h3{ width:100%; float:left; font-size:30px; color:white; line-height:39px;} .tit_3 h5{ width:100%; float:left; font-size:14px; color:white; line-height:24px; margin-top:8px;} .tit_3 h5 span{ display:inline-block; *zoom:1; *display:inline; margin-right:22px;} .return{ float:right;} .return a{ display:block; width:68px; height:68px; background:url(images/bg_10.png); padding:16px; font-size:14px; color:white; line-height:18px; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .return a:hover{ background-image:url(images/bg_1.png);} .c_1200_8{ width:100%; float:left; margin-top:30px; padding:20px 20px 40px 30px; background:#f7f7f7;} .c_1200_8 .zbox{ width:100%; float:left; padding-right:314px; background:white; position:relative;} .c_1200_8 .zbox .c_1002{ width:100%; padding-right:30px; float:left; background:#f7f7f7;} .c_1200_8 .zbox .c_1002 .text{ width:100%; float:left; margin-top:11px; /*text-indent:2em;*/ font-size:14px; color:#555; line-height:30px; word-break: break-all;} .c_1200_8 .zbox .c_1002 .p{ width:100%; float:left; margin-top:40px; padding:14px 20px 15px 20px; background:#e9eaeb; font-size:14px; color:#888; line-height:24px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} .c_1200_8 .zbox .c_1002 .btn{ width:100%; float:left; text-align:center; margin-top:40px;} .c_1200_8 .zbox .c_1002 .btn .btn_box{ width:80px; height:80px;display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:10px 0 13px 0; border:solid 1px #bfc2c5; cursor:pointer; margin:auto;} .c_1200_8 .zbox .c_1002 .btn .btn_box .ico{ width:100%; float:left;} .c_1200_8 .zbox .c_1002 .btn .btn_box h5{ width:100%; float:left; font-size:12px; color:#8f9499; line-height:19px;} .c_1200_8 .zbox .c_1002 .btn .btn_box_1{ width:80px; height:80px;display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:10px 0 13px 0; cursor:pointer; display:none; border:solid 1px #cc272b; margin:auto;} .c_1200_8 .zbox .c_1002 .btn .btn_box_1 .ico{ width:100%; float:left;} .c_1200_8 .zbox .c_1002 .btn .btn_box_1 h5{ width:100%; float:left; font-size:12px; line-height:19px; color:#cc272b;} .c_1200_8 .zbox .c_1002 .c_1002_1{ width:100%; float:left; margin-top:20px; padding-top:54px; background:url(images/bian_6.png) repeat-x top left;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fy_sx{ width:50%; float:left; margin-top:-7px;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fy_sx h5{ width:100%; float:left; font-size:14px; color:#333; line-height:28px;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fy_sx h5 a{ color:#333;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fy_sx h5:hover a{ color:#cc272b;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn{ width:50%; float:right;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .bdsharebuttonbox{ display:block; margin-top:8px; float:right;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .bdsharebuttonbox a{ display:block; float:left; width:26px; height:26px; margin:0 7px 0 10px !important; padding:0 !important; background-size:contain; background-repeat:no-repeat; background-position: center center;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .bdsharebuttonbox a.a1{ background-image:url(images/ico9_1.png);} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .bdsharebuttonbox a.a2{ background-image:url(images/ico9_2.png);} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .bdsharebuttonbox a.a3{ background-image:url(images/ico9_3.png);} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .bdsharebuttonbox a.a4{ background-image:url(images/ico9_4.png);} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .bdsharebuttonbox a.a5{ background-image:url(images/ico9_5.png);} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .bdsharebuttonbox a.a6{ background-image:url(images/ico9_6.png);} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .btn_1{ width:170px; float:right; text-align:center; margin-left:20px;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .btn_1 a{ display:block; width:100%; height:40px; line-height:40px; background:black; font-size:14px; color:white; float:left;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .btn_1 a img{ vertical-align:middle; margin:-3px 10px 0 0;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .btn_1 a:hover{ background:#cc272b;} @media screen and (max-width:1199px) { .c_1200_8 .zbox{ padding-right:0px;} .c_1200_8 .zbox .c_1002{ padding-bottom:10px;} .c_1200_8 .zbox .c_1002 .p{ margin-top:20px; padding:10px 14px 9px 14px; font-size:12px; line-height:22px;} .c_1200_8 .zbox .c_1002 .btn .btn_box{ width:60px; height:60px; padding:8px 0 10px 0;} .c_1200_8 .zbox .c_1002 .btn .btn_box .ico,.c_1200_8 .zbox .c_1002 .btn .btn_box_1 .ico{ height:26px;} .c_1200_8 .zbox .c_1002 .btn .btn_box .ico img,.c_1200_8 .zbox .c_1002 .btn .btn_box_1 .ico img{ height:100%;} .c_1200_8 .zbox .c_1002 .btn .btn_box_1{ width:60px; height:60px; padding:8px 0 10px 0;} } @media screen and (max-width:991px) { .c_1200_8{ margin-top:20px; padding:10px 15px 20px 15px;} .tit_3{ width:90%; padding-left:12px; border-left:solid 2px white;} .tit_3 h3{ font-size:20px; line-height:30px;} .tit_3 h5{ font-size:12px; line-height:20px; margin-top:6px;} .tit_3 h5 span{ margin-right:12px;} .return a{ width:48px; height:48px; padding:10px; font-size:12px; line-height:16px; } .c_1200_8 .zbox .c_1002{ padding-right:0px;} .c_1200_8 .zbox .c_1002 .text{ margin-top:6px; font-size:12px; line-height:24px;} .c_1200_8 .zbox .c_1002 .p{ margin-top:20px; padding:10px 14px 8px 14px; font-size:12px; line-height:20px;} .c_1200_8 .zbox .c_1002 .btn{ margin-top:20px;} .c_1200_8 .zbox .c_1002 .c_1002_1{ margin-top:10px; padding-top:34px; background-size:auto 7px;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fy_sx{ width:100%; margin-top:-4px;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fy_sx h5{ font-size:12px; line-height:22px;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn{ width:100%; text-align:center; margin-top:10px;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .bdsharebuttonbox{ width:100%;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .bdsharebuttonbox a{ width:20px; height:20px; margin:0 3px 0 3px !important; display:inline-block; *zoom:1; *display:inline; float:none;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .btn_1{ width:120px; display:inline-block; *zoom:1; *display:inline; float:none;margin-left:0px;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .btn_1 a{ height:30px; line-height:30px; font-size:13px;} .c_1200_8 .zbox .c_1002 .c_1002_1 .fx_btn .btn_1 a img{ margin:-3px 6px 0 0;} } @media screen and (max-width:767px) { .c_1200_8{ margin-top:10px; padding:10px;} .tit_3{ width:100%;} .tit_3 h3{ font-size:16px; line-height:26px;} .tit_3 h5{ line-height:16px; margin-top:4px;} .tit_3 h5 span{ margin-right:6px;} .tit_3 h5 span.span{ display:block;} .return{ margin-top:-40px;} } .c_1200_8 .zbox .c_314{ width:314px; position:absolute; right:0; top:0; padding:24px 20px 0 20px;} .c_1200_8 .zbox .c_314 .c_314_1{ width:100%; float:left;} .tit_4{ width:100%; float:left; height:34px; padding-bottom:6px; border-bottom:solid 2px #f1f1f1;} .tit_4 span{ display:block; float:left; height:34px; border-bottom:solid 2px #cc272b; font-size:18px; color:#333; line-height:26px;} .c_1200_8 .zbox .c_314 .c_314_1 ul{ width:100%; float:left;} .c_1200_8 .zbox .c_314 .c_314_1 ul li{ width:100%; float:left; margin-top:20px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .img{ width:100px; float:left;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .img img{ width:100%; float:left;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .text{ margin-left:116px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .text .p{ width:100%; float:left; font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden; margin-top:1px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .text .time{ width:100%; float:left; font-size:14px; color:#666; line-height:24px; margin-top:4px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .text .time span{ display:inline-block; *zoom:1; *display:inline; margin-right:15px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .text .time span img{ display:inline-block; *zoom:1; *display:inline; width:15px; vertical-align:middle; margin:-3px 4px 0 0;} .c_1200_8 .zbox .c_314 .c_314_1 ul li:hover .text .p{ color:#cc272b;} .c_1200_8 .zbox .c_314 .c_314_2{ width:100%; float:left; margin-top:26px;} .c_1200_8 .zbox .c_314 .c_314_2 ul{ width:100%; float:left; margin-top:1px;} .c_1200_8 .zbox .c_314 .c_314_2 ul li{ width:100%; float:left; margin-top:17px;} .c_1200_8 .zbox .c_314 .c_314_2 ul li a{ display:block; float:left; padding-left:10px; font-size:14px; color:#333; line-height:20px; max-height:40px; overflow:hidden; background:url(images/ico7_3.jpg) no-repeat left 7px; letter-spacing:1px;} .c_1200_8 .zbox .c_314 .c_314_2 ul li:hover a{ color:#cc272b;} @media screen and (max-width:1199px) { .c_1200_8 .zbox .c_314{ width:100%; position:relative; float:left; padding-bottom:10px;} } @media screen and (max-width:991px) { .c_1200_8 .zbox .c_314{ padding:14px 10px 10px 10px;} .tit_4{ height:30px; padding-bottom:4px; border-bottom:solid 1px #f1f1f1;} .tit_4 span{ height:30px; border-bottom:solid 1px #cc272b; font-size:16px; line-height:22px;} .c_1200_8 .zbox .c_314 .c_314_2 ul li a{ font-size:12px; line-height:18px; max-height:36px; } } @media screen and (max-width:767px) { .c_1200_8 .zbox .c_314 .c_314_1 ul li{ margin-top:10px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .img{ width:80px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .text{ margin-left:96px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .text .p{ font-size:12px; line-height:20px; height:40px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .text .time{ font-size:12px; line-height:20px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .text .time span{ margin-right:8px;} .c_1200_8 .zbox .c_314 .c_314_1 ul li .text .time span img{ width:10px;} .c_1200_8 .zbox .c_314 .c_314_2{ margin-top:16px;} .c_1200_8 .zbox .c_314 .c_314_2 ul li{ margin-top:10px;} } /*关于我们*/ .c_0100_13{ width:100%; float:left; padding:112px 0 114px 0; text-align:center; position:relative;} .tit_5{ width:100%; float:left; text-align:center;} .tit_5 h3{ width:100%; float:left; font-size:48px; line-height:1; color:black; font-weight:bold; text-transform:uppercase; font-family:Cambria; letter-spacing:-1px;} .tit_5 h4{ width:100%; float:left; font-size:24px; line-height:38px; color:#555; letter-spacing:2px;} .c_0100_13 .p{ width:100%; float:left; margin-top:43px; font-size:16px; color:#555; line-height:30px;} .bian_1{ width:2px; height:80px; background:#d32329; position:absolute; left:50%; bottom:-40px; margin-left:-1px;} @media screen and (max-width:1199px) { .bian_1{ width:2px; height:40px; bottom:-20px;} } @media screen and (max-width:991px) { .c_0100_13{ padding:62px 0 64px 0;} .tit_5 h3{ font-size:38px;} .tit_5 h4{ font-size:18px; line-height:28px;} } @media screen and (max-width:767px) { .c_0100_13{ padding:32px 10px 34px 10px;} .tit_5 h3{ font-size:28px;} .tit_5 h4{ font-size:14px; line-height:24px;} .c_0100_13 .p{ margin-top:23px; font-size:14px; line-height:22px;} } .tit_5_w h3{ color:white;} .tit_5_w h4{ color:white;} .c_0100_14{ width:100%; float:left; padding:114px 0 67px 0; position:relative;} .c_0100_14 ul{ width:100%; float:left; margin-top:98px;} .c_0100_14 ul li{ width:25%; float:left; padding-left:25px;} .c_0100_14 ul li .ico{ width:100%; float:left; height:115px;} .c_0100_14 ul li .ico img{ height:100%;} .c_0100_14 ul li .text{ width:100%; float:left; margin-top:29px;} .c_0100_14 ul li .text h4{ width:100%; float:left; font-size:24px; color:white; line-height:32px;} .c_0100_14 ul li .text .p{ width:100%; float:left; font-size:16px; color:white; line-height:30px; margin-top:20px; opacity:0.5;} .c_0100_14 ul li .text .btn{ width:100%; float:left; margin-top:52px; padding-left:25px;} .c_0100_14 ul li .text .btn a{ display:block; width:50px; border-top:solid 2px #625e60; height:42px; line-height:42px; font-size:0; text-align:center;} .c_0100_14 ul li:hover .text .btn a{ font-size:16px; color:#c1272a; border-color:#c1272a; width:93px;} .c_0100_14 ul li:hover .text h4{ font-weight:bold;} @media screen and (max-width:1199px) { .c_0100_14{ padding:64px 0 47px 0;} .c_0100_14 ul{ margin-top:58px;} .c_0100_14 ul li .text .btn{ margin-top:32px; padding-left:0;} } @media screen and (max-width:991px) { .c_0100_14 ul li{ padding-left:15px;} .c_0100_14 ul li .ico{ height:65px;} .c_0100_14 ul li .text h4{ font-size:18px; line-height:24px;} .c_0100_14 ul li .text .p{ font-size:14px; line-height:22px; margin-top:10px;} .c_0100_14 ul li .text .btn a{ width:40px; height:38px; line-height:38px;} .c_0100_14 ul li:hover .text .btn a{ font-size:14px; width:63px;} } @media screen and (max-width:767px) { .c_0100_14{ padding:34px 10px 27px 10px;} .c_0100_14 ul li{ width:50%; padding-left:10px; margin-top:10px;} .c_0100_14 ul li .text .btn{ display:none;} .c_0100_14 ul li .text{ margin-top:19px;} .c_0100_14 ul li .text .btn a{ font-size:14px; width:63px; color:#c1272a; border-color:#c1272a;} .c_0100_14 ul{ margin-top:18px;} } .c_0100_15{ width:100%; float:left; background:#f4f4f4; padding:80px 0 120px 0;} .c_0100_15 .c_342{ width:24.5%; float:left; overflow:hidden; position:relative; margin-top:10px;} .c_0100_15 .c_342 img{ width:100%; float:left; transition: all 0.6s linear; -moz-transition: all 0.6s linear; -webkit-transition: all 0.6s linear; -o-transition: width all 0.6s linear; transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .c_0100_15 .c_342 .bian{ width:100%; height:100%; border:solid 1px white; position:absolute; left:0; top:0; opacity:0;} .c_0100_15 .c_342:hover img{ transform: scale(1,1); -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -moz-transform: scale(1,1);} .c_0100_15 .c_342:hover .bian{ width:94%; height:96%; top:2%; left:3%; opacity:1;} .c_0100_15 ul{ width:75.5%; float:left; overflow:hidden; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} .c_0100_15 ul li{ float:left; padding-left:10px; margin-top:10px;} .c_0100_15 ul li .zbox{ width:100%; float:left; overflow:hidden; position:relative;} .c_0100_15 ul li .zbox img{ width:100%; float:left; transition: all 0.6s linear; -moz-transition: all 0.6s linear; -webkit-transition: all 0.6s linear; -o-transition: width all 0.6s linear; transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .c_0100_15 ul li .zbox .bian{ width:100%; height:100%; border:solid 1px white; position:absolute; left:0; top:0; opacity:0;} .c_0100_15 ul li .zbox:hover img{ transform: scale(1,1); -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -moz-transform: scale(1,1);} .c_0100_15 ul li.l2{ width:66.7%;} .c_0100_15 ul li.l3{ width:33.3%;} .c_0100_15 ul li.l1 .name{ width:100%; text-align:center; position:absolute; left:0; top:50%; height:74px; margin-top:-37px;} .c_0100_15 ul li.l1 .name h4{ width:100%; float:left; font-size:24px; color:white; line-height:42px;} .c_0100_15 ul li.l1 .name h5{ width:100%; float:left; font-size:16px; color:white; line-height:32px; text-transform:uppercase; letter-spacing:1px;font-family: 'OPENSANS-REGULAR';} .c_0100_15 ul li.l1 .name .bian1,.c_0100_15 ul li.l1 .name .bian2{ width:39px; height:53px; border:solid 1px white; border-bottom:0; position:absolute; left:50%; top:-63px; margin-left:-20px; opacity:0.3;} .c_0100_15 ul li.l1 .name .bian2{ border:solid 1px white; border-top:0; top:auto; bottom:-63px;} .c_0100_15 ul li .zbox:hover .bian{ width:96%; height:94%; top:3%; left:2%; opacity:1;} @media screen and (max-width:1199px) { .c_0100_15{ padding:40px 0 60px 0;} .c_0100_15 ul li{ padding-left:5px; margin-top:5px;} .c_0100_15 .c_342{ margin-top:5px;} .c_0100_15 ul li.l1 .name h4{ font-size:18px; line-height:32px;} .c_0100_15 ul li.l1 .name h5{ font-size:14px; line-height:20px;} .c_0100_15 ul li.l1 .name .bian1,.c_0100_15 ul li.l1 .name .bian2{ display:none;} } @media screen and (max-width:767px) { .c_0100_15{ padding:20px 10px 30px 10px;} .c_0100_15 ul li{ padding-left:2px; margin-top:2px;} .c_0100_15 .c_342{ margin-top:2px;} .c_0100_15 ul li.l1 .name h4{ font-size:16px; line-height:28px;} .c_0100_15 ul li.l1 .name h5{ font-size:12px; line-height:14px; letter-spacing:0;} .c_0100_15 ul li.l2{ width:100%;} .c_0100_15 .c_342{ width:42%} .c_0100_15 ul{ width:57.5%} .c_0100_15 ul li.l3{ width:50%;} } .c_0100_16{ width:100%; float:left; padding:114px 0 120px 0; position:relative;} .c_0100_16 ul{ width:100%; float:left; margin-top:54px; border-top:solid 1px #e5e5e5; padding-top:50px;} .c_0100_16 ul li{ width:20%; float:left; height:518px; border-left:solid 1px #e5e5e5; padding-right:30px;} .c_0100_16 ul li.last{ border-right:solid 1px #e5e5e5;} .c_0100_16 ul li .ico{ width:100%; float:left; margin-top:60px; margin-left:-2px; border-left:solid 3px #0e0e0e; height:58px; padding-left:30px;} .c_0100_16 ul li .ico img{ height:100%;} .c_0100_16 ul li .text{ width:100%; float:left; margin-top:26px; padding-left:31px;} .c_0100_16 ul li .text h3{ width:100%; float:left; font-size:18px; color:#333; line-height:28px; font-weight:bold;} .c_0100_16 ul li .text .p{ width:100%; float:left; font-size:14px; color:#666; line-height:28px; margin-top:17px;} .c_0100_16 ul li.l1 .ico{ margin-top:140px;} @media screen and (max-width:1395px) { .c_0100_16 ul li .ico{ margin-top:30px;} .c_0100_16 ul li.l1 .ico{ margin-top:70px;} } @media screen and (max-width:1199px) { .c_0100_16 ul li{ width:33.333%;} .c_0100_16{ padding:64px 0 70px 0;} .c_0100_16 ul li:nth-child(3n){ border-right:solid 1px #e5e5e5;} .c_0100_16 ul li:nth-child(4n),.c_0100_16 ul li.last{ width:50%; height:368px;} } @media screen and (max-width:991px) { .c_0100_16 ul{ margin-top:34px; padding-top:30px;} .c_0100_16 ul li{ height:318px; padding-right:10px;} .c_0100_16 ul li .ico{ margin-top:10px; padding-left:10px; height:38px;} .c_0100_16 ul li .text{ margin-top:16px; padding-left:11px;} .c_0100_16 ul li .text h3{ font-size:16px; line-height:22px;} .c_0100_16 ul li .text .p{ font-size:12px; line-height:20px; margin-top:1px;} .c_0100_16 ul li.l1 .ico{ margin-top:40px;} .c_0100_16 ul li:nth-child(4n),.c_0100_16 ul li.last{ height:268px;} } @media screen and (max-width:767px) { .c_0100_16{ padding:34px 10px 40px 10px;} .c_0100_16 ul{ margin-top:24px; padding-top:20px;} .c_0100_16 ul li{ width:50%;} .c_0100_16 ul li:nth-child(3n){ border-right:0;} .c_0100_16 ul li:nth-child(2n){ border-right:solid 1px #e5e5e5;} .c_0100_16 ul li:nth-child(4n){ height:318px;} .c_0100_16 ul li.last{ width:100%; height:188px;} } .c_0100_17{ width:100%; float:left; background:url(images/bg_17.jpg) no-repeat center center; background-size:cover; background-attachment: fixed; padding:120px 0 100px 0; position:relative; z-index:-1;} .slide_pic_2{ width:100%; float:left; position:relative;} .slide_pic_2:before{ content:''; width:100%; height:1px; background:white; position:absolute; left:0; top:50%; opacity:0.2;} .slide_pic_2 .time{ width:100%; float:left; height:123px; text-align:center; background:url(images/ico10_6.png) no-repeat center center; padding-right:6px; line-height:22px; font-size:18px; color:white; font-weight:bold; font-family:Arial; padding-top:20px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .slide_pic_2 .time span{ display:block; font-size:14px; line-height:14px; font-weight:normal;} .slide_pic_2 .slick-slide:hover .time{ transform:rotateY(360deg);} .slide_pic_2 .p{ width:100%; float:left; height:100px; padding-top:15px; font-size:14px; color:#fff; line-height:22px; overflow:hidden; text-align:center;} .slide_pic_2 .slick-slide:hover .p{ color:#cc272b;} .slide_pic_2 .l1 .time{ padding-top:70px; background-image:url(images/ico10_7.png);} .slide_pic_2 .l1 .p{ padding-top:29px;} .slide_pic_2 .slick-prev,.slide_pic_2 .slick-next { position: absolute; left: -165px; top: 50%; display: block; width: 38px; height: 66px; background:url(images/btn6.png) no-repeat left center; margin-top:-33px; } .slide_pic_2 .slick-next { background-position:right center; left:auto; right:-165px; } .slide_pic_2 .slick-prev:hover, .slide_pic_2 .slick-next:hover{ background-image:url(images/btn6_h.png);} @media screen and (max-width:1728px) { .slide_pic_2 .slick-prev{ left:-65px;} .slide_pic_2 .slick-next{ right:-65px;} } @media screen and (max-width:1650px) { .slide_pic_2 .slick-prev{ left:0px;} .slide_pic_2 .slick-next{ right:0px;} .slide_pic_2{ padding:0 40px;} } @media screen and (max-width:1199px) { .c_0100_17{ padding:60px 0 50px 0;} } @media screen and (max-width:991px) { .slide_pic_2 .time{ height:83px; background-size:contain; padding-right:3px; line-height:18px; padding-top:10px; font-size:14px; margin-top:14px;} .slide_pic_2 .time span{ font-size:12px; line-height:12px;} .slide_pic_2 .p{ height:70px; padding-top:10px; font-size:12px; line-height:18px;} .slide_pic_2 .l1 .time{ padding-top:44px;} .slide_pic_2 .l1 .p{ padding-top:19px;} } @media screen and (max-width:767px) { .c_0100_17{ padding:30px 10px 50px 10px;} .slide_pic_2{ padding:0;} .slide_pic_2 .slick-dots { position: absolute; bottom: -25px; } .slide_pic_2 .slick-dots li { width: 8px; height: 8px; margin: 0 4px; background:#cc272b; opacity:0.6; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .slide_pic_2 .slick-dots li.slick-active{ opacity:1; } .slide_pic_2 .l1 .p, .slide_pic_2 .p{ height:76px; margin-top:5px; padding-top:0;} .slide_pic_2 .l1 .time{ padding-top:44px; margin-top:1px;} } .c_0100_18{ width:100%; float:left; padding:112px 0 100px 0;} .row_3{ margin:0 -10px;} #my-gallery-container{ width:100%; float:left; margin-top:52px;} #my-gallery-container .item{ width:25%; float:left; padding:0 10px; margin-top:20px;} #my-gallery-container .item .zbox{ width:100%; position:relative; float:left; background:black; text-align:center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #my-gallery-container .item .zbox > img{ width:100%; float:left; opacity:0.8; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #my-gallery-container .item .zbox .bian1{ width:0; height:1px; position:absolute; left:10%; top:5%; background:white; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #my-gallery-container .item .zbox .bian2{ width:1px; height:0; position:absolute; left:5%; top:5%; background:white; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #my-gallery-container .item .zbox .bian3{ width:0; height:1px; position:absolute; left:5%; bottom:5%; background:white; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #my-gallery-container .item .zbox .bian4{ width:1px; height:0; position:absolute; right:5%; top:10%; background:white; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #my-gallery-container .item .zbox .logo{ width:100%; height:52px; position:absolute; left:0; top:50%; margin-top:-26px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #my-gallery-container .item .zbox .logo img{ height:100%;} #my-gallery-container .item .zbox .p{ width:100%; float:left; font-size:14px; color:white; line-height:24px; position:absolute; left:0; top:50%; opacity:0; padding:0 15%; height:48px; overflow:hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #my-gallery-container .item .zbox:hover{ background:#cc272b;} #my-gallery-container .item .zbox:hover > img{ opacity:0.2;} #my-gallery-container .item .zbox:hover .bian1{ width:85%;} #my-gallery-container .item .zbox:hover .bian2{ height:85%;} #my-gallery-container .item .zbox:hover .bian3{ width:85%;} #my-gallery-container .item .zbox:hover .bian4{ height:85%;} #my-gallery-container .item .zbox:hover .p{ opacity:1; margin-top:5%;} #my-gallery-container .item .zbox:hover .logo{ margin-top:-16%;} @media screen and (max-width:1395px) { #my-gallery-container .item .zbox .logo{ height:38px; margin-top:-19px;} } @media screen and (max-width:1199px) { .c_0100_18{ padding:62px 0 50px 0;} #my-gallery-container{ margin-top:22px;} } @media screen and (max-width:991px) { #my-gallery-container .item{ width:33.333%;} } @media screen and (max-width:767px) { .c_0100_18{ padding:32px 10px 20px 10px;} #my-gallery-container{ margin-top:12px;} #my-gallery-container .item .zbox .p{ font-size:12px; line-height:20px; padding:0 10%; height:40px;} } @media screen and (max-width:480px) { .c_0100_18{ padding:32px 15px 20px 15px;} #my-gallery-container .item{ width:50%; padding:0 5px; margin-top:10px;} #my-gallery-container .item .zbox .logo{ height:30px; margin-top:-15px !important;} #my-gallery-container .item .zbox .p{ display:none;} } .c_0100_19{ width:100%; float:left; position:relative; overflow:hidden; } .c_0100_19 .c_1614{ width:84.0625%; float:right; height:572px;} .c_0100_19 .c_1614 .dituContent{ width:100%; height:100%; float:left;} .BMapLabel{ display:none !important;} .c_0100_19 .c_280{ width:280px; height:572px; line-height:572px; display:table;} .c_0100_19 .c_280 .zbox{ width:100%; display:table-cell; vertical-align:middle;} .c_0100_19 .c_280 .zbox .title{ width:100%; float:left; padding-bottom:30px; border-bottom:dashed 1px #626262;} .c_0100_19 .c_280 .zbox .title h2{ width:100%; float:left; font-size:36px; color:white; line-height:1;} .c_0100_19 .c_280 .zbox .title h6{ width:112px; float:left; height:20px; font-size:14px; color:white; line-height:20px; text-align:center;font-family: 'OPENSANS-REGULAR'; letter-spacing:1px; text-transform:uppercase; margin-top:19px; background:#cc272b;} .c_0100_19 .c_280 .zbox ul{ width:100%; float:left;} .c_0100_19 .c_280 .zbox ul li{ width:100%; float:left; margin-top:20px; padding:0 0 20px 60px; position:relative; border-bottom:dashed 1px #626262;} .c_0100_19 .c_280 .zbox ul li .ico{ width:40px; height:40px; background:#464646; position:absolute; left:0; top:0; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .c_0100_19 .c_280 .zbox ul li:hover .ico{ background:#cc272b;} .c_0100_19 .c_280 .zbox ul li .ico img{ width:100%; float:left;} .c_0100_19 .c_280 .zbox ul li h5{ width:100%; float:left; margin-top:3px; font-size:16px; color:white; line-height:20px; opacity:0.8;} .c_0100_19 .c_280 .zbox ul li h6{ width:100%; float:left; font-size:16px; color:white; line-height:20px; opacity:0.8;} .c_0100_19 .c_280 .zbox ul li h6 a{ color:white;} @media screen and (max-width:991px) { .c_0100_19 .c_280{ height:472px; line-height:472px;} .c_0100_19 .c_280 .zbox .title{ padding-bottom:15px;} .c_0100_19 .c_280 .zbox .title h2{ font-size:30px;} .c_0100_19 .c_280 .zbox .title h6{ width:92px; font-size:12px; margin-top:12px; height:18px; line-height:18px;} .c_0100_19 .c_280 .zbox ul li{ margin-top:10px; padding:0 0 10px 40px;} .c_0100_19 .c_280 .zbox ul li .ico{ width:30px; height:30px;} .c_0100_19 .c_280 .zbox ul li h5{ margin-top:0px; font-size:14px; line-height:17px;} .c_0100_19 .c_280 .zbox ul li h6{ font-size:14px;} } @media screen and (max-width:767px) { .c_0100_19 .c_280{ height:372px; line-height:372px; margin-left:10px;} } @media screen and (max-width:480px) { .c_0100_19{ background-position:70% center;} .c_0100_19 .c_280 .zbox ul li h6,.c_0100_19 .c_280 .zbox ul li h5{ opacity:1;} } /*加盟合作*/ .c_0100_13 .p span{ color:#cc272b;} .c_0100_20{ width:100%; float:left; text-align:center; padding:115px 0 120px 0; position:relative; z-index:-1;} .tit_6{ width:100%; float:left; background:url(images/bian_8.png) no-repeat center 16px;} .tit_6 h2{ width:100%; float:left; font-size:36px; color:white; line-height:44px; font-weight:bold;} .tit_6 h4{ width:100%; float:left; font-size:24px; color:white; line-height:29px; margin-top:24px;} .tit_6 .btn{ width:100%; float:left; margin-top:26px; text-align:center;} .tit_6 .btn a{ display:inline-block; *zoom:1; *display:inline; width:180px; height:50px; line-height:48px; background:#cc272b; font-size:16px; color:white; border-bottom:solid 2px #7f0003; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .tit_6 .btn a img{ vertical-align:middle; margin:-3px 8px 0 0;} .tit_6 .btn a:hover{ border-width:4px;} .c_1200_9{ width:100%; float:left; margin-top:119px; background:white; padding:108px 98px 0 98px; position:relative;} .c_1200_9 ul{ width:100%; float:left; margin-top:57px;} .c_1200_9 ul li{ width:33.33%; float:left; padding:32px 55px 9px 55px; background:#f2f2f2;} .c_1200_9 ul li .ico{ width:100%; height:76px;} .c_1200_9 ul li .ico img{ height:100%;} .c_1200_9 ul li h4{ width:100%; float:left; margin-top:16px; font-size:18px; color:#333; line-height:27px; font-weight:bold; padding-bottom:6px; background:url(images/bian_7.jpg) no-repeat center bottom;} .c_1200_9 ul li .p{ width:100%; float:left; margin-top:24px; font-size:14px; color:#666; line-height:24px; height:72px; overflow:hidden;} .c_1200_9 ul li.l1{ background:#fafafa;} .c_1200_9 .bian_1{ bottom:auto; top:-40px;} @media screen and (max-width:1395px) { .c_1200_9 ul li{ padding:32px 25px 9px 25px;} } @media screen and (max-width:1199px) { .c_0100_20{ padding:65px 0 70px 0;} .c_1200_9{ margin-top:69px; padding:58px 28px 0 28px;} .tit_6{ background:none;} .c_1200_9 ul{ margin-top:37px;} .c_1200_9 .bian_1{ top:-20px;} } @media screen and (max-width:991px) { .tit_6 h2{ font-size:30px; line-height:38px;} .tit_6 h4{ font-size:18px; line-height:21px; margin-top:14px;} .tit_6 .btn{ margin-top:16px;} .tit_6 .btn a{ width:130px; height:40px; line-height:38px; font-size:14px;} .c_1200_9 ul li{ padding:12px 15px 10px 15px;} .c_1200_9 ul li .ico{ height:46px;} .c_1200_9 ul li h4{ margin-top:10px; font-size:16px; line-height:21px;} .c_1200_9 ul li .p{ margin-top:15px; font-size:12px; line-height:20px; height:60px;} } @media screen and (max-width:767px) { .c_0100_20{ padding:35px 10px 40px 10px;} .tit_6 h2{ font-size:20px; line-height:30px;} .tit_6 h4{ font-size:16px; line-height:19px; margin-top:10px;} .tit_6 .btn{ margin-top:12px;} .tit_6 .btn a{ width:110px; height:30px; line-height:28px; font-size:12px;} .tit_6 .btn a img{ width:14px; margin:-2px 6px 0 0;} .c_1200_9{ margin-top:39px; padding:28px 18px 0 18px;} .c_1200_9 ul li{ width:50%;} .c_1200_9 ul{ margin-top:17px;} } @media screen and (max-width:480px) { .c_1200_9 ul li{ width:100%;} } .c_0100_21{ width:100%; float:left; background:#111217; position:relative; padding:106px 0 115px 0; z-index:-2;} .row_4{ margin:0 -39.5px;} .c_0100_21 ul{ width:100%; float:left; margin-top:55px;} .c_0100_21 ul li{ width:20%; float:left; padding:0 39.5px; text-align:center;} .c_0100_21 ul li .ico{ width:100%; float:left; position:relative;} .c_0100_21 ul li .ico img{ width:100%; float:left; position:relative; z-index:2;} .c_0100_21 ul li .ico .bian{ position:absolute; width:100%; height:100%; z-index:1; background:url(images/bian_9.png) no-repeat center center; background-size:contain; box-shadow:0 0 16px rgba(255,255,255,0.25); -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .c_0100_21 ul li .p{ width:100%; float:left; margin-top:21px; font-size:14px; color:white; line-height:24px; opacity:0.6; height:72px; overflow:hidden;} .c_0100_21 ul li.l2 .ico .bian{ transform:rotate(-45deg);} .c_0100_21 ul li.l3 .ico .bian{ transform:rotate(-90deg);} .c_0100_21 ul li.l4 .ico .bian{ transform:rotate(-135deg);} .c_0100_21 ul li.l5 .ico .bian{ transform:rotate(-180deg);} @media screen and (max-width:1395px) { .row_4{ margin:0 -20px;} .c_0100_21 ul li{ padding:0 20px;} } @media screen and (max-width:1199px) { .c_0100_21{ padding:56px 0 65px 0;} } @media screen and (max-width:991px) { .c_0100_21 ul{ margin-top:35px;} .c_0100_21 ul li .p{ margin-top:11px; font-size:12px; line-height:20px; height:60px;} .row_4{ margin:0 -10px;} .c_0100_21 ul li{ padding:0 10px;} } @media screen and (max-width:767px) { .c_0100_21{ padding:26px 10px 35px 10px;} .c_0100_21 ul{ margin-top:15px; text-align:center;} .row_4{ margin:0 -3%;} .c_0100_21 ul li{ width:32%; display:inline-block; *zoom:1; *display:inline; margin-top:15px; float:none; padding:0 3%;} } @media screen and (max-width:480px) { .c_0100_21 ul li{ width:48%; padding:0 5%;} } .c_0100_22{ width:100%; float:left; padding:110px 0 115px 0; text-align:center; position:relative;} .c_0100_22 .content1{ width:100%; float:left; margin-top:55px;} .c_0100_22 .content1 ul{ display:inline-block; *zoom:1; *display:inline;} .c_0100_22 .content1 ul li{ width:166px; float:left; margin:0 25.5px;} .c_0100_22 .content2{ width:100%; float:left; margin-top:59px;} .c_0100_22 .content2 ul{ display:inline-block; *zoom:1; *display:inline;} .c_0100_22 .content2 ul li{ width:216px; float:left; margin:0 49.5px; background:#f2f2f2; padding:38px 10px 42px 10px; position:relative; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} .c_0100_22 .content2 ul li .ico{ height:92px; padding-bottom:12px; background:url(images/bian_10.jpg) no-repeat center bottom;} .c_0100_22 .content2 ul li .ico img{ height:100%;} .c_0100_22 .content2 ul li h4{ width:100%; float:left; margin-top:15px; font-size:18px; color:#333; line-height:29px;} .c_0100_22 .content2 ul li:after{ content:''; background:url(images/bian_11.png) no-repeat center; width:50px; height:10px; position:absolute; right:-75px; top:50%; margin-top:-5px;} .c_0100_22 .content2 .p{ width:100%; float:left; margin-top:52px; font-size:16px; color:#555; line-height:30px;} .c_0100_22 .content2 ul li.last:after{ display:none;} @media screen and (max-width:1395px) { .c_0100_22 .content2 ul li{ width:176px; margin:0 40px;} .c_0100_22 .content2 ul li:after{right:-65px;} } @media screen and (max-width:1199px) { .c_0100_22{ padding:60px 0 65px 0;} .c_0100_22 .content1{ margin-top:35px;} .c_0100_22 .content1 ul li{ width:126px; margin:0 20px;} .c_0100_22 .content2{ margin-top:39px;} .c_0100_22 .content2 ul li{ width:170px; margin:0 10px;} .c_0100_22 .content2 ul li:after{ display:none;} .c_0100_22 .content2 .p{ margin-top:32px;} } @media screen and (max-width:991px) { .c_0100_22 .content2 ul li .ico{ height:72px; padding-bottom:10px;} .c_0100_22 .content2 .p{ font-size:14px; line-height:24px;} .c_0100_22 .content2 ul li h4{ margin-top:10px; font-size:16px; line-height:23px;} .c_0100_22 .content2 ul li{ width:160px; margin:0 5px;} .c_0100_22 .content2{ margin-top:19px;} } @media screen and (max-width:767px) { .c_0100_22{ padding:30px 10px 35px 10px;} .c_0100_22 .content1{ margin-top:15px;} .c_0100_22 .content1 ul li{ width:86px; margin:0 5px;} .c_0100_22 .content2 ul li{ width:46%; margin:10px 1.5% 0 1.5%; padding:28px 10px 32px 10px;} .c_0100_22 .content2 .p{ margin-top:12px;} .c_0100_22 .content2 ul li h4{ font-size:14px; line-height:20px;} } .c_0100_23{ width:100%; float:left; padding:106px 0 120px 0; position:relative; z-index:-1;} .c_0100_23 ul{ width:100%; float:left; margin-top:54px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} .c_0100_23 ul li{ width:25%; float:left; padding:0 10px;} .c_0100_23 ul li .zbox{ width:100%; padding:30px 21px 1px 21px; background:url(images/bg_21.png); float:left; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .c_0100_23 ul li .zbox .title{ width:100%; float:left; padding-left:100px; position:relative; height:101px; padding-bottom:21px; border-bottom:dashed 1px white; border-bottom:dashed 1px rgba(255,255,255,0.4);} .c_0100_23 ul li .zbox .title .ico{ width:80px; height:80px; position:absolute; left:0; top:0; border:solid 2px white; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .c_0100_23 ul li .zbox .title .ico img{ width:100%; float:left;} .c_0100_23 ul li .zbox .title h3{ width:100%; float:left; margin-top:14px; font-size:24px; color:white; line-height:33px;} .c_0100_23 ul li .zbox .title h5{ width:100%; float:left; font-size:14px; color:white; line-height:20px; font-family:Arial; text-transform:uppercase;} .c_0100_23 ul li .zbox .p{ width:100%; float:left; margin-top:14px; font-size:14px; color:white; line-height:24px; height:72px; overflow:hidden;} @media screen and (max-width:1199px) { .c_0100_23{ padding:56px 0 70px 0; } .c_0100_23 ul{ margin-top:34px;} .c_0100_23 ul li{ width:50%; margin-top:20px;} } @media screen and (max-width:767px) { .c_0100_23{ padding:36px 10px 40px 10px; } .c_0100_23 ul{ margin-top:14px;} .c_0100_23 ul li{ margin-top:10px;} .c_0100_23 ul li .zbox{ padding:20px 11px 1px 11px;} .c_0100_23 ul li .zbox .title{ padding-left:80px; padding-bottom:11px; height:81px;} .c_0100_23 ul li .zbox .title .ico{ width:60px; height:60px; border:solid 1px white;} .c_0100_23 ul li .zbox .title h3{ margin-top:10px; font-size:18px; line-height:27px;} .c_0100_23 ul li .zbox .title h5{ font-size:12px; line-height:18px;} .c_0100_23 ul li .zbox .p{ margin-top:10px; font-size:12px; line-height:20px; height:60px;} } @media screen and (max-width:480px) { .c_0100_23 ul li .zbox .title{ text-align:center; padding-left:0; height:auto;} .c_0100_23 ul li .zbox .title .ico{ position:relative; left:auto; top:auto; margin:auto;} } .c_0100_24{ width:100%; float:left; position:relative; padding:110px 0 194px 0;} .slide_pic_3{ width:100%; float:left; margin-top:33.5px; background:url(images/bian_12.png) no-repeat center bottom; background-size:contain;} .slide_pic_3 .slick-slide li{ width:100%; float:left; text-align:center; margin:21.5px 0; height:120px;} .slide_pic_3 .slick-slide li img{ height:100%;} .slide_pic_3 .slick-dots { position:absolute; bottom:-74px; } .slide_pic_3 .slick-dots li { width: 14px; height: 14px; margin: 0 13px; background:#bfbfbf; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .slide_pic_3 .slick-dots li.slick-active{ background:#cc272b; } @media screen and (max-width:1395px) { .slide_pic_3 .slick-slide li{ margin:16.5px 0; height:90px;} } @media screen and (max-width:1199px) { .c_0100_24{ padding:60px 0 140px 0;} .slide_pic_3{ background-size:125% auto; background-position: left bottom; margin-top:23.5px;} .slide_pic_3 .slick-slide li{ margin:18px 0; height:80px;} .slide_pic_3 .slick-dots li {width: 10px;height: 10px;margin: 0 8px;} } @media screen and (max-width:991px) { .slide_pic_3 .slick-slide li{ margin:12px 0;} } @media screen and (max-width:767px) { .c_0100_24{ padding:30px 10px 90px 10px;} .slide_pic_3{ background-size:167% auto; margin-top:13px;} .slide_pic_3 .slick-slide li{ margin:5% 0; height:auto; padding:0 8px;} .slide_pic_3 .slick-dots {bottom:-44px;} .slide_pic_3 .slick-dots li {margin: 0 4px;} .slide_pic_3 .slick-slide li img{ height:auto; width:100%; float:left;} } .c_0100_25{ width:100%; float:left; position:relative; z-index:-1;} .c_0100_25 .content1{ width:100%; text-align:center; letter-spacing:2px;} .c_0100_25 .content1 h2{ width:100%; float:left; margin-top:112px; font-size:36px; color:white; line-height:49px; font-weight:bold;} .c_0100_25 .content1 .p{ width:100%; float:left; margin-top:19px; font-size:18px; color:white; line-height:40px;} .c_0100_25 .content1 h4{ width:100%; float:left; margin-top:6px; font-size:24px; color:white; line-height:33px;} .c_0100_25 .content1 .c_1243{ width:89.04%; margin:76px 0 0 0; background:#cc272b; padding:26px 312px 29px 86px; position:relative; letter-spacing:2px; float:left; margin-left:5.48%; text-align:left; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} .c_0100_25 .content1 .c_1243 .btn{ display:block; width:217px; height:48px; line-height:46px; text-align:center; position:absolute; right:94px; top:37px; border:solid 1px white;border:solid 1px rgba(255,255,255,0.5); font-size:16px; color:white; -moz-border-radius:24px; -webkit-border-radius:24px; -khtml-border-radius:24px; border-radius:24px;} .c_0100_25 .content1 .c_1243 .btn img{ vertical-align:middle; margin:-3px 0 0 20px;} .c_0100_25 .content1 .c_1243 h1{ width:100%; float:left; font-size:30px; line-height:43px; color:white;} .c_0100_25 .content1 .c_1243 h6{ width:100%; float:left; font-size:14px; line-height:24px; font-family:Arial; color:white; padding-left:130px; position:relative;} .c_0100_25 .content1 .c_1243 h6:before{ content:''; width:116px; height:1px; background:white; opacity:0.3; position:absolute; left:0; top:13px;} .c_0100_25 .content2{ width:100%; float:left; margin-top:110px; padding-bottom:119px;} .c_0100_25 .content2 ul{ width:100%; float:left; margin-top:12px;} .c_0100_25 .content2 ul li{ width:50%; padding:106px 40px 35px 30%; position:relative; letter-spacing:1px; float:left; height:327px;} .c_0100_25 .content2 ul li .p{ width:329px; height:89px; background:url(images/ico15_5.png) no-repeat center center; padding:18px 20px 21px 35px; font-size:16px; color:white; line-height:24px; position:absolute; right:73px; top:105px;} .c_0100_25 .content2 ul li .p a{ color:white;} .c_0100_25 .content2 ul li .btn{ width:50%; text-align:right; position:absolute; bottom:35px; right:40px;} .c_0100_25 .content2 ul li .btn h3{ width:100%; float:left; font-size:24px; color:white; line-height:33px;} .c_0100_25 .content2 ul li .btn h3 img{ vertical-align:middle; margin:-3px 10px 0 10px;} .c_0100_25 .content2 ul li .btn h5{ width:100%; float:left; font-size:14px; color:white; line-height:20px; text-transform:uppercase; font-family:Arial; font-weight:bold;} .c_0100_25 .content2 ul li.l1{ padding:106px 30% 35px 40px;} .c_0100_25 .content2 ul li.l1 .p{ right:auto; left:73px; background-image:url(images/ico15_6.png); padding:18px 35px 21px 20px;} .c_0100_25 .content2 ul li.l1 .btn{ position:absolute; bottom:35px; left:40px; right:auto; text-align:left;} @media screen and (max-width:1395px) { .c_0100_25 .content2 ul li .p{ right:6px;} .c_0100_25 .content2 ul li.l1 .p{ left:6px;} .c_0100_25 .content2 ul li .btn{ right:20px;} .c_0100_25 .content2 ul li.l1 .btn{ left:20px;} } @media screen and (max-width:1199px) { .c_0100_25 .content1 h2{ margin-top:62px;} .c_0100_25 .content1 .c_1243{ width:100%; margin:46px 0 0 0; padding:26px 282px 29px 46px;} .c_0100_25 .content1 .c_1243 .btn{ right:40px;} .c_0100_25 .content2{ margin-top:60px; padding-bottom:69px;} .c_0100_25 .content2 ul{ margin-top:62px;} .c_0100_25 .content2 ul li{ width:100%; height:359px; margin-top:-85px;} .c_0100_25 .content2 ul li .btn{ bottom:95px;} } @media screen and (max-width:991px) { .c_0100_25 .content1{ background-size:auto 360px;} .c_0100_25 .content1 .c_1243{ width:94%; margin:36px 0 0 0; padding:16px 12px 10px 12px;margin-left:3%; text-align:center;} .c_0100_25 .content1 .c_1243 .btn{ width:147px; height:38px; line-height:36px; position:relative; right:auto; top:auto; margin:15px auto 0 auto; font-size:14px; display:inline-block; *zoom:1; *display:inline;} .c_0100_25 .content1 .c_1243 .btn img{ margin:-3px 0 0 10px;} .c_0100_25 .content1 .c_1243 h1{ font-size:20px; line-height:33px;} .c_0100_25 .content1 .c_1243 h6{ font-size:12px; line-height:18px; padding-left:0;} .c_0100_25 .content1 .c_1243 h6:before{ display:none;} } @media screen and (max-width:767px) { .c_0100_25 .content1{ padding:0 10px;} .c_0100_25 .content1 h2{ margin-top:32px; font-size:30px; line-height:32px;} .c_0100_25 .content1 .p{ margin-top:10px; font-size:14px; line-height:24px;} .c_0100_25 .content1 h4{ margin-top:4px; font-size:18px; line-height:27px;} .c_0100_25 .content2{ margin-top:30px; padding-bottom:0px;} .c_0100_25 .content2 ul li{ padding:66px 30px 15px 10%; height:227px; margin-top:-54px;} .c_0100_25 .content2 ul li .p{ width:266px; height:72px; background-size:contain; padding:10px 10px 11px 20px; font-size:13px;line-height:20px; right:10px; top:65px;} .c_0100_25 .content2 ul li .btn{ width:80%; bottom:50px; right:10px;} .c_0100_25 .content2 ul li .btn h3{ font-size:18px; line-height:29px;} .c_0100_25 .content2 ul li .btn h3 img{ margin:-2px 6px 0 6px; width:12px;} .c_0100_25 .content2 ul li .btn h5{ font-size:12px; line-height:14px;} .c_0100_25 .content2 ul li.l1{ padding:66px 10% 15px 30px;} .c_0100_25 .content2 ul li.l1 .p{ top:75px; left:10px; padding:10px 20px 11px 10px;} .c_0100_25 .content2 ul li.l1 .btn{ bottom:20px; left:10px;} } @media screen and (max-width:480px) { .c_0100_25 .content2 ul li .p,.c_0100_25 .content2 ul li.l1 .p{ top:95px;} .c_0100_25 .content2 ul li .btn{ bottom:10px; text-align:left; width:50%; left:5%; right:auto;} .c_0100_25 .content2 ul li.l1 .btn{ bottom:10px;} .c_0100_25 .content1 .c_1243 h1 strong{ display:block;} .c_0100_25 .content1 .c_1243 .btn{ margin-top:10px;} } .c_0100_26{ width:100%; float:left; padding:108px 0 76px 0; position:relative; z-index:-5;} .c_0100_26 ul{ width:100%; float:left; margin-top:33px;} .c_0100_26 ul li{ width:25%; float:left; padding:0 10px; margin-top:20px;} .c_0100_26 ul li .zbox{ width:100%; float:left; padding-left:90px; position:relative; background:url(images/bg_25.png);} .c_0100_26 ul li .zbox .name{ width:90px;font-size:14px; color:#333; line-height:54px; padding-left:20px; position:absolute; left:0; top:0;} .c_0100_26 ul li .zbox .txk{ width:100%; float:left;} .c_0100_26 ul li .zbox .txk input{ display:block; width:100%; float:left; height:54px;font-size:14px; color:#333; line-height:54px; background:none;} .c_0100_26 ul li.l1 .zbox{ padding-left:120px;} .c_0100_26 ul li.l1 .zbox .name{ width:120px;} .c_0100_26 ul li.l2{ width:100%;} .c_0100_26 ul li.l2 .zbox{ padding-left:105px;} .c_0100_26 ul li.l2 .zbox .name{ width:105px;} .c_0100_26 ul li.l2 .zbox .txk{ padding:8px 15px 8px 42px;} .c_0100_26 ul li.l2 .zbox .txk select{ display:block; width:19%; margin:0 0.5%; background:url(images/bg_25.png); float:left; height:38px; line-height:38px; padding-left:20px; text-align:left; font-size:14px; color:#333;} .c_0100_26 ul li.l2 .zbox .txk input{ display:block; float:left; width:38%;height:38px; line-height:38px; padding-left:20px; text-align:left; font-size:14px; color:#333; background:url(images/bg_25.png); margin:0 0.5%;} .c_0100_26 ul li.l2 .zbox .txk select:focus,.c_0100_26 ul li.l2 .zbox .txk input:focus{ background:white;} .c_0100_26 ul li.l3{ width:100%;} .c_0100_26 ul li.l3 .zbox{ padding:0;} .c_0100_26 ul li.l3 .zbox textarea{ width:100%; display:block; float:left; height:148px; background:none; padding:12px 20px;font-size:14px; color:#333; line-height:28px;} .c_0100_26 ul li.l4{ width:66.666%; text-align:center;} .c_0100_26 ul li.l4 input{ display:block; width:100%; height:54px; line-height:54px; color:white; background:#cc272b; font-size:18px; cursor:pointer; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .c_0100_26 ul li.l4 input:hover{ border-bottom:solid 4px #991a1d;} .c_0100_26 ul li.l5{ width:33.333%;} .c_0100_26 ul li.l5 .zbox{ padding-left:80px; padding-right:130px;} .c_0100_26 ul li.l5 .zbox .name{ width:80px;} .c_0100_26 ul li.l5 .zbox span{ display:block; width:129px; position:absolute; right:1px; top:1px; cursor:pointer;} .c_0100_26 ul li.l5 .zbox span img{width:129px; height:51px;} @media screen and (max-width:1199px) { .c_0100_26{ padding:58px 0 36px 0;} .c_0100_26 ul li{ width:50%;} .c_0100_26 ul li.l2 .zbox .txk select{ width:32.33%;} .c_0100_26 ul li.l2 .zbox .txk input{ width:99%; margin-top:10px;} .c_0100_26 ul li.l5,.c_0100_26 ul li.l4{ width:50%;} } @media screen and (max-width:767px) { .c_0100_26{ padding:28px 10px 16px 10px;} .c_0100_26 ul{ margin-top:13px;} .c_0100_26 ul li{ margin-top:13px;} .c_0100_26 ul li.l5 .zbox span{ width:88px; right:11px; top:11px;} .c_0100_26 ul li.l5 .zbox span img{width:88px; height:35px;} .c_0100_26 ul li.l5 .zbox{ padding-right:100px;} } @media screen and (max-width:480px) { .c_0100_26 ul li{ width:100%; margin-top:8px;} .c_0100_26 ul li.l2 .zbox .txk{ padding:0px 20px 8px 19px;} .c_0100_26 ul li.l2 .zbox .txk select{ width:99%; margin-top:10px;} .c_0100_26 ul li.l4{ margin-top:20px;} .c_0100_26 ul li.l5,.c_0100_26 ul li.l4{ width:100%;} .c_0100_26 ul li.l2 .zbox{ padding-left:0;} .c_0100_26 ul li.l2 .zbox .name{ width:100%; float:left; position:relative;} } .z_page{float:left; width:100%; font-size: 14px; color: #555; line-height: 30px; padding:30px 0 0 0;} @media screen and (max-width:1199px) { .z_page{ font-size: 12px; line-height: 24px;} } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#cc272b;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} /*404*/ #z_404{ width:100%; height:100%; position:relative;} #z_404 .zbox{ width:1200px; height:100%; position:relative; margin:auto; display:table;} .bg_5{ background:url(images/new-bg1.jpg) no-repeat left center;} .bg_6{ background:url(images/new-bg2.jpg) no-repeat left center;} .z_0100_1{ display:table-cell; vertical-align:middle; text-align:center;} .z_0100_1 .text{ width:50%; float:right;} .z_0100_1 .text h1{ margin-top:25px;} .z_0100_1 .text h5{ margin-top:22px; font-size:18px; color:#455361; line-height:36px; font-weight:bold;} .z_0100_1 .text h5 a{ display:inline-block; *zoom:1; *display:inline; width:120px; height:36px; line-height:36px; color:white; background:#d22127; font-weight:bold; font-size:16px; vertical-align:middle; margin:-2px 0 0 10px; -moz-border-radius:18px; -webkit-border-radius:18px; -khtml-border-radius:18px; border-radius:18px;} .z_0100_1 .text h5 a:hover{ background:#b41e23; box-shadow:0 3px 7px rgba(0,0,0,0.15);} @media screen and (max-width:1199px) { #z_404 .zbox{ width:100%; padding:20% 20px 15% 20px;} } @media screen and (max-width:767px) { #z_404 .zbox{ background-size:contain !important; background-position: center bottom !important;} .z_0100_1 .text h5{ font-size:14px; line-height:26px;} .z_0100_1 .text h5 a{ width:100px; height:26px; line-height:26px; font-size:12px; margin:-2px 0 0 6px;} #z_404 .zbox.bg_6{ background-position: center top !important;} } @media screen and (max-width:480px) { .z_0100_1{ vertical-align:top;} .z_0100_1 .text{ width:100%;} .z_0100_1 .text h1{ margin-top:10px; padding:0 10%;} .z_0100_1 .text h3{ padding:0 10%;} #z_404 .zbox.bg_6 .z_0100_1{ vertical-align:bottom;} } /*20180518*/ .news_search{float:left; width:100%; margin-top:30px;} .news_search .newsInput{float:left; width:68%; line-height:50px; background:#fff; padding:0 20px; font-size:16px;} .news_search .newsSubmit{float:right; width:30%; background: #191919; color: white; font-size:20px; line-height:50px;} @media screen and (max-width:992px) { .news_search .newsInput{ line-height:40px; padding:0 15px; font-size:14px;} .news_search .newsSubmit{ font-size:16px; line-height:40px;} } @media screen and (max-width:767px) { .news_search{ margin-top:20px;} .news_search .newsInput{width:74%;} .news_search .newsSubmit{width:24%;} } .no_news_ts{font-size:18px; color:#cc272b; line-height:20px; padding:40px 0 0 0; text-align:center;} .newsNy_search{float:left; width:100%; padding-bottom:24px;} .newsNy_search .newsInput{float:left; width:68%; line-height:40px; background:#fff; padding:0 10px; font-size:14px; border:1px solid #191919;} .newsNy_search .newsSubmit{float:right; width:30%; background: #191919; color: white; font-size:16px; line-height:40px;} @media screen and (max-width:992px) { .news_search .newsInput{ line-height:40px; padding:0 15px; font-size:14px;} .news_search .newsSubmit{ font-size:16px; line-height:40px;} } @media screen and (max-width:767px) { .newsNy_search .newsInput{width:74%;} .newsNy_search .newsSubmit{width:24%;} } @font-face { font-family: 'Merriweather-Bold'; src: url('fonts/Merriweather-Bold.eot'); src: url('fonts/Merriweather-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Merriweather-Bold.woff') format('woff'), url('fonts/Merriweather-Bold.ttf') format('truetype'), url('fonts/Merriweather-Bold.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OPENSANS-REGULAR'; src: url('fonts/OPENSANS-REGULAR.eot'); src: url('fonts/OPENSANS-REGULAR.eot?#iefix') format('embedded-opentype'), url('fonts/OPENSANS-REGULAR.woff') format('woff'), url('fonts/OPENSANS-REGULAR.ttf') format('truetype'), url('fonts/OPENSANS-REGULAR.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OPENSANS-BOLD'; src: url('fonts/OPENSANS-BOLD.eot'); src: url('fonts/OPENSANS-BOLD.eot?#iefix') format('embedded-opentype'), url('fonts/OPENSANS-BOLD.woff') format('woff'), url('fonts/OPENSANS-BOLD.ttf') format('truetype'), url('fonts/OPENSANS-BOLD.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OPENSANS-LIGHT'; src: url('fonts/OPENSANS-LIGHT.eot'); src: url('fonts/OPENSANS-LIGHT.eot?#iefix') format('embedded-opentype'), url('fonts/OPENSANS-LIGHT.woff') format('woff'), url('fonts/OPENSANS-LIGHT.ttf') format('truetype'), url('fonts/OPENSANS-LIGHT.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; }