body{max-width:100%; overflow-x:hidden;}
/*头部新增*/
.headzj{background:rgba(0,0,0,0.3); height:36px; line-height:36px; color:#ccc; position:fixed; top:0; z-index:9;width:100%;}
.headzj .wrap{display:flex; justify-content: space-between; align-items: center; width:1520px;}
.headzj .wrap::before,.headzj .wrap::after{display:none;}
.headzj_right span{color:#f8c301;}
/*头部 和 尾部*/
.header{padding:15px 0;width:100%;z-index:99999;transition:all .3s;background:rgba(0,0,0,0);position:fixed;left:0;top:36px}
.headbg255 .header{background:rgba(255,255,255,0.85);}
.header .logo{height:48px;transition:all .3s}
.header .logo img{display:block;height:100% !important;transition:all .3s}
.header ul{line-height:0;font-size:0;transition:all .3s}
.header ul li{position:relative;transition:all .3s}
.header ul li>a{display:block;height:50px;line-height:50px;font-size:16px;color:#282828;text-align:right;transition:all .3s;padding-right:24px; font-weight:bold;}
.header ul li:last-child>a{padding-right:0;}
.header ul li>a .down{display:inline-block;position:absolute;right:0;top:50%;margin-top:-6px;width:16px;height:16px;background:url(../image/down.png) center center no-repeat}
.header ul li:hover a{color:#0066ff}
.header ul li:hover a .down{background:url(../image/down_hover.png) center center no-repeat}
.header ul li .sub-menu.active{visibility:inherit;opacity:1;top:50px}
.header ul li .sub-menu{visibility:hidden;opacity:0;position:absolute;left:0;top:60px;background:#f5f5f5;width:150px;transition:all .3s; border-radius:6px;}
.header ul li .sub-menu p a{display:block;height:40px;line-height:40px;font-size:14px;padding:0 20px;transition:all .3s;color:#666;text-align:center}
.header ul li .sub-menu p a:hover{color:#0066ff}
.header ul li .sub-menu p+p{border-top:1px solid #efefef}
.header_scroll.header{background:rgba(255,255,255,0.9) !important;position:fixed !important;top:0 !important;box-shadow:0 0 20px 0 rgba(12,30,72,0.1)}
.header_scroll.header .logo{height:48px}
.header_scroll.header ul li>a{height:48px;line-height:48px}
.header_scroll.header ul li .sub-menu.active{top:48px}
.footer{padding:20px 0; background:#1d3a60;}
.footer p{width:100%;text-align:center;font-size:16px;line-height:30px; color:#fff;}
.footer a{color:#fff;}
/*底部新增*/
.footzj{background:#2f5f9f; padding:50px 0;}
.footzj_t{display:flex; justify-content: space-between; align-items: center; color:#fff; padding-bottom:30px; border-bottom:1px solid #285693;}
.footzj_t::before,.footzj_t::after{display:none;}
.footzj_tlist{display:flex; align-items: center;}
.footzj_tlist i{display:block; margin-right:15px;}
.footzj_tlist i{animation:footzjxz 4s infinite;}
.footzj_tlist:nth-child(2) i{animation-delay:1s;}
.footzj_tlist:nth-child(3) i{animation-delay:2s;}
.footzj_tlist:nth-child(4) i{animation-delay:3s;}
@keyframes footzjxz{0%{} 25%{} 80%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}
}
.footzj_tlist i img{width:36px;}
.footzj_tlist span{flex:1; line-height:18px;}
.footzj_b{display:flex; justify-content: space-between; color:#fff; padding-top:45px;}
.footzj_b1{flex:1;}
.footzj_b_t{font-size:1.2em; line-height:2.5em; font-weight:bold; padding-left:20px; background:url(../image/footzj_icon6.png) left center no-repeat;}
.footzj_b1_list{}
.footzj_b1_list li a{display:block; color:#fff; line-height:2.5em; padding-left:20px; background:url(../image/footzj_icon7.png) left center no-repeat;}
.footzj_b1_list li a:hover{text-decoration:underline;}
.footzj_b3{flex:2; display:flex; justify-content: space-evenly;}
.fewm{text-align:center;}
.fewm img{display:block; max-width:110px; border:10px solid #fff; border-radius:3px;}
.fewm span{display:block; padding:5px 0;}
.footzj_b4{flex:2; padding-left:30px;}
.footzj_b4_t{font-size:1.2em; line-height:26px; font-weight:bold;}
.footzj_b4_t span{padding-right:15px;}
.footzj_tel{padding:15px 0;}
.footzj_tel a{display:inline-block;height:2.6em;line-height:2.6em;border-radius:10px;padding: 0 2em 0 3.5em;margin-right:10px;font-size:1.2em;color:#fff;background-color:#11623D; background-repeat:no-repeat; background-position:2em center; background-size: 1.2em; transition:all 0.4s;}
.footzj_tel a:first-child{margin-bottom:15px;}
.footzj_tel a.footzj_tel1{background-image: url(../image/right_pic9.png);}
.footzj_tel a.footzj_tel2{background-image: url(../image/right_pic8.png);}
.footzj_tel a:hover{background-color:#009f56;}
.footzj_add{font-size:1.2em;}
/*2023修改*/
.head-2023{display:flex; justify-content: space-between; align-items: center;}
.head-2023:before, .head-2023:after{display:none;}
.logo2023{display:flex; justify-content: space-between; align-items: center; width:300px;}
/*.logo2023 span{display:block; text-align:center; padding-left:15px; color:#231815; font-weight:bold; line-height:1.5em; font-size:14px;}*/
.logo2023 span{display:block; text-align:center; padding-left:15px; color:#231815; font-weight:bold; line-height:1.5em; font-size:14px;color: #c3311c; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /*background-image: -webkit-linear-gradient(left, #bf211d, #d3751b);*/background-image: linear-gradient(90deg,#c9221e 30%,#ffb500 50%,#ca231e);animation:font-color 10s infinite;transition:all 0.5s;background-position:left center;background-size:300% 100%;background-repeat:no-repeat;/*transition:background-position .6s ease;*/}
.logo2023:hover span{background-position:right center;}
@keyframes font-color{0%{}
50%{background-position:right center;}
100%{}
}
.nav-ul2023{flex:1; padding-left:10%; display:flex; justify-content: space-between; align-items: center;}
.nav-ul2023:before, .nav-ul2023:after{display:none;}
@media (max-width: 1760px){}
@media (max-width: 1600px){}
@media (max-width: 1440px){
.header{padding:12px 0}
.header .logo{height:44px}
.header ul{padding-left:7%;}
.header ul li>a{height:44px;line-height:44px}
.header ul li .sub-menu.active{top:44px}
.header.header_scroll .logo{height:40px}
.header.header_scroll ul li>a{height:40px;line-height:40px}
.header.header_scroll ul li .sub-menu.active{top:40px}
.footer{padding:30px 0}
.footer p{line-height:28px}
.footzj_b1_1440{display:none;}
}
@media (max-width: 1280px){
.header{padding:10px 0}
.header .logo{height:40px}
.header ul{padding-left:5%;}
.header ul li>a{font-size:14px;height:40px;line-height:40px}
.header ul li .sub-menu.active{top:40px}
.header ul li .sub-menu p a{font-size:14px}
.header.header_scroll .logo{height:36px}
.header.header_scroll ul li>a{height:36px;line-height:36px}
.header.header_scroll ul li .sub-menu.active{top:36px}
.footer{padding:20px 0}
.footer p{line-height:24px}
}
/*头部和尾部结束*/
/*侧边*/
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-100px;z-index:100;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:last-child{border-bottom:none;}
.side ul li:hover{background:#0066ff;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../image/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../image/right_pic7.png); animation:xuanzhaun 3s infinite;}
.side ul li i.bgs3{background-image:url(../image/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../image/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../image/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../image/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../image/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../image/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../image/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../image/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../image/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0066ff;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:162px;display:none;color:#363636;text-align:center;padding-top:162px;position:absolute;left:-162px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#0066ff;}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../image/right_pic8.png) 28px center no-repeat;background-color:#0057d9;}
.side ul li.sideetel .telBox dd.bgs2{background:url(../image/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
.side ul li i.bgs2{animation:xuanzhaun 3s infinite;}
.side ul li i.bgs3{animation:xuanzhaun 3s infinite;animation-delay:1s;}
.side ul li i.bgs4{animation:xuanzhaun 3s infinite;animation-delay:2s;}
@keyframes xuanzhaun{0%{} 25%{} 80%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}
}


.side2{position:fixed;width:150px;left:0;top:50%;margin-top:-100px;z-index:100;background:#fff; text-align:center; padding:15px;padding: 6px;  box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.side2_wx{ padding:5px;}
.side2_wx img{ max-width:100%;}
.side2_p1{color:#333; margin:0;}
.side2_p2{color:#666; font-size:0.875em; margin:0;}

.side2_gb {
    position: absolute;
    width: 15px;
    top: -5px;
    right: -5px;
    z-index: 99;
    height: 15px;
    line-height: 13px;
    border: 1px solid #999;
    border-radius: 50%;
    font-weight: bold;
    cursor: pointer;
}

.profour{clear: both; background-size: 100%; /* margin-top: -54px; */ min-width: 1000px; position: relative; z-index: 3}
.profourpictop{position:relative; min-width:1000px; width:100%; height:0; z-index:4;}
.profourpictop img{position:absolute; left:0; width:100%; bottom:0;}
.inside+.profour{margin-top: 0}
.profour .wrap{position: absolute; left: 50%; top: 50%; /* margin-left: -500px; */ transform: translate(-50%,-50%); width: 1050px;}
.profour .profourtop{margin-left: 40px; width: 566px; height: 43px; font-size: 14px; background: url(../image/profouricon01.png) center left no-repeat; background-size: 566px; color: #fff; padding: 12px 0 0 17px; line-height: 24px}
.profour .profourtop span{float: left; position: relative; font-size: 22px; background: url(../image/profouricon02.png) right center no-repeat; padding-right: 42px; background-size: 32px; margin-right: 10px}
.profourbom{border-radius: 5px; background: url(../image/homefivebg.jpg); margin: 0 20px; padding: 20px 0 30px}

.form_tx{
    margin-left: 20px;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 20px;
    color: #d00;
}

.profourbom .profourfl{float: left; width: 320px; margin: 0 0 0 20px; position: relative}
.profourbom .profourfl dt{clear: both; position: relative; font-size: 24px; color: #bc0000; font-weight: 700; border: 1px solid #e1e1e1; background: #fff; line-height: 1; padding: 9px 0 9px 45px; margin-left: 35px; z-index: 2}
.profourbom .profourfl dd,
.profourbom .profourfl dt i{font-size: 16px; line-height: 1; font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; clear: both}
.profourbom .profourfl dt span{position: absolute; left: -35px; top: 0; border-radius: 50%; overflow: hidden; border: 1px solid #e1e1e1; width: 70px; height: 70px}
.profourbom .profourfl dt i{color: #272727; display: block; font-style: normal; padding-top: 11px}
.profourbom .profourfl dd{padding-left: 27px; font-weight: 700; color: #272727; margin-left: 21px; position: relative; margin-top: 28px; z-index: 2}
.profourbom .profourfl dd span{font-size: 12px; color: #272727}
.profourbom .profourfl dd:after{content: ""; position: absolute; left: 7px; bottom: 0; width: 17px; height: 12px; border-radius: 50%; background: rgba(150, 150, 150, .52)}
.profourbom .profourfl dd i{position: absolute; left: 0; top: -5px; font-size: 18px; font-style: normal; color: #878787; line-height: 1}
.profourbom .profourfl dd:nth-child(2){color: #bc0000}
.profourbom .profourfl dd:nth-child(2) i{color: #bc0000}
.profourbom .profourfl dd:nth-child(2):after{background: rgba(182, 24, 24, .52)}
.profourpic img,
.profourpicbom img{width: 100%}
.casemagess .profourbom .profourfl{width: 291px}
.casemagess .profourbom .profourfl dd{margin-left: 0}
.casemagess .profourbom .profourfl dd span{font-size: 12px; color: #272727}
.casemagess .profourbom .profourfl dd:nth-child(2){background: 0 0}
.casemagess .profourbom .profourfr{width: 590px; padding: 27px 17px 33px 25px}
.casemagess .profourbom .profourfl:after{top: 81px; left: 12px}
.profourcase .profourcasefl,
.profourcase .profourcasefr{float: left; width: 71px; border-radius: 50%; overflow: hidden; border: 1px solid #eee}
.profourcase p{float: left; width: 140px; text-align: center; padding-top: 18px; font-weight: 700; font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif}
.profourcase p span{clear: both; display: block; text-align: center; padding-bottom: 5px}
.profourcase p span i{width: 6px; height: 6px; margin: 0 8px; background-color: #bc0000; border-radius: 50%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both}
.profourcase p span i:first-child{-webkit-animation-delay: -.8s; animation-delay: -.8s}
.profourcase p span i:nth-child(2){-webkit-animation-delay: -.64s; animation-delay: -.64s}
.profourcase p span i:nth-child(3){-webkit-animation-delay: -.48s; animation-delay: -.48s}
.profourcase p span i:nth-child(4){-webkit-animation-delay: -.32s; animation-delay: -.32s}
.profourcase p span i:nth-child(5){-webkit-animation-delay: -.16s; animation-delay: -.16s}
@-webkit-keyframes sk-three-bounce{0%, 100%, 80%{-webkit-transform: scale(0); transform: scale(0)} 40%{-webkit-transform: scale(1); transform: scale(1)}
}
@keyframes sk-three-bounce{0%, 100%, 80%{-webkit-transform: scale(0); transform: scale(0)} 40%{-webkit-transform: scale(1); transform: scale(1)}
}
.profourbom .profourfr{float: right; margin-right: 43px; display: block; width: 549px; position: relative; border-radius: 5px; box-shadow: -4px 0 8px rgba(0, 0, 0, .09); background: url(../image/protwoicon03.jpg) right bottom no-repeat #fff; padding: 27px 27px 33px 40px; background-size: 330px}
.profourbom .profourfr:before{content: ""; position: absolute; right: 0; top: 0; background: url(../image/protwoicon04.jpg) center top no-repeat; border-top-right-radius: 5px; width: 63px; height: 47px; background-size: 63px; border-bottom-left-radius:100px;}
.ie8-hack .profourbom .profourfr:before{display: none}
.profourbom.noprofourfr .profourfr:before{display: none}
.profourbom .profourfr .cont_form{float: left; width: 302px; padding-right: 21px; position: relative}
.profourbom .profourfr .cont_form .btnclick{position: absolute; left: 108px; bottom: -49px}
.profourbom .profourfr .cont_form .btnclick .btn_submit{width: 138px; height: 30px; border-radius: 15px; line-height: 30px; background-color: #c9221e; background-image: linear-gradient(90deg, #c9211e 0, #de7c1b 50%, #c9211e 100%); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; transition: background-position .6s ease; color: #fff; font-size: 14px; cursor: pointer}
.profourbom .profourfr .cont_form .btnclick .btn_submit:hover{background-position: right center}
.profourbom .profourfr .cont_form li{clear: both; display: block; padding-bottom: 16px}
.profourbom .profourfr .cont_form li span{float: left; font-size: 14px; color: #353535; width: 50px; text-align: left; line-height: 32px; position: relative}
.profourbom .profourfr .cont_form li span font{color: red}
.profourbom .profourfr .cont_form li input{float: right; border: 1px solid #e1e1e1; border-radius: 3px; width: 225px; font-size: 14px; color: #333; line-height: 24px; padding: 3px 10px 3px 30px; height: 32px}
.profourbom .profourfr .cont_form li input:-webkit-autofill{-webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0 1000px #FFF inset !important; box-shadow: 0 0 0 1000px #FFF inset !important}
.profourbom .profourfr .cont_form li textarea{float: right; font-family: "微软雅黑"; border: 1px solid #e1e1e1; border-radius: 3px; width: 225px; font-size: 14px; color: #333; line-height: 24px; height: 57px; padding: 3px 10px 3px 30px}
.profourbom .profourfr .cont_form li .btnSub{font-size: 12px; color: #fff; background: #1c1c1c; line-height: 26px; text-align: center; width: 100%}
.profourbom .profourfr .cont_form li:first-child span:after{content: ""; position: absolute; left: 62px; top: 8px; width: 24px; height: 24px; background: url(../image/homefiveicon04.png) no-repeat; background-size: 24px}
.profourbom .profourfr .cont_form li:first-child+li span:after{content: ""; position: absolute; left: 62px; top: 8px; width: 24px; height: 24px; background: url(../image/homefiveicon03.png) no-repeat; background-size: 24px}
.profourbom .profourfr .cont_form li:first-child+li+li span:after{content: ""; position: absolute; left: 62px; top: 8px; width: 24px; height: 24px; background: url(../image/homefiveicon02.png) no-repeat; background-size: 24px}
.profourbom .profourfr .cont_form.casefrom{width: 100%; padding: 0}
.profourbom .profourfr .cont_form.casefrom ul{clear: both; overflow: hidden; width: 100%}
.profourbom .profourfr .cont_form.casefrom ul li{float: left; width: 259px; clear: none; margin-right: 15px}
.profourbom .profourfr .cont_form.casefrom ul li input{clear: both; display: block; width: 100%; padding: 3px 10px}
.profourbom .profourfr .cont_form.casefrom ul li select{clear: both; display: block; width: 100%; padding: 3px 10px; height: 32px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 14px; color: #333; line-height: 24px}
.profourbom .profourfr .cont_form.casefrom ul li:last-child{width: 535px}
.profourbom .profourfr .cont_form.casefrom ul li textarea{width: 100%; float: left; padding: 3px 10px}
.profourbom .profourfr .cont_form.casefrom .btnclick{left: 190px}
.profourbom .profourfr .cont_form.casefrom ul li input::-webkit-input-placeholder,
.profourbom .profourfr .cont_form.casefrom ul li textarea::-webkit-input-placeholder{color: #333}
.marqueetop{float: right; height: 154px; width: 180px; border-left: 1px solid #e9e9e9; padding-left: 15px; overflow-y: hidden}
.marqueetop div,
.marqueetop li{width: 100%; overflow: hidden; clear: both}
.marqueetop li{padding: 15px 0; border-bottom: 1px dashed #e9e9e9}
.marqueetop li p{font-size: 14px; color: #2d2d2d; line-height: 24px}
.marqueetop li p strong{clear: both; display: block; padding-bottom: 2px}
.marqueetop li time{clear: both; display: block; line-height: 1; color: #a6a6a6; font-size: 12px}
@media (min-width:1440px){
.profour .profourtop{font-size: 16px; line-height: 30px}
.profour .wrap{width: 1200px}
.profour{/* margin-top: -72px; */}
.profour .wrap{/* top: 140px; */ /* margin-left: -600px; */}
.profour .profourtop{margin-left: 48px; background-size: 680px; height: 52px; width: 680px; padding: 13px 0 0 22px}
.profour .profourtop span{font-size: 30px}
.profourbom{border-radius: 8px; margin: 0 25px; padding: 48px 0 66px}
.profourbom .profourfl{margin: 0 0 0 24px; width: 370px}
.profourbom .profourfl:after{left: 36px}
.profourbom .profourfl dt{margin-left: 43px; font-size: 29px; padding: 12px 0 12px 52px}
.profourbom .profourfl dt i{font-size: 19px; padding-top: 12px}
.profourbom .profourfl dt span{width: 85px; height: 85px; left: -43px}
.profourbom .profourfl dd{font-size: 19px; padding-left: 33px; margin-top: 32px}
.profourbom .profourfl dd span{font-size: 14px}
.profourbom .profourfl dd i{font-size: 22px}
.profourbom .profourfl dd:after{content:""; width: 20px; height: 13px; left: 9px; bottom: -1px}
.profourbom .profourfl dd:nth-child(2){background-position: 120px center}
.casemagess .profourbom .profourfl:after{content:""; top: 105px; left: 13px}
.casemagess .profourbom .profourfl{width: 313px}
.profourcase .profourcasefl, .profourcase .profourcasefr{width: 86px}
.profourcase p{font-size: 15px; padding-top: 26px}
.profourcase p span i{width: 8px; height: 8px; margin: 0 4px}
.casemagess .profourbom .profourfr{width: 733px}
.profourbom .profourfr{width: 672px; margin-right: 50px; padding: 33px 33px 38px 35px}
.profourbom .profourfr:before{width: 76px; height: 58px; background-size: 76px}
.profourbom .profourfr .cont_form{width: 360px; padding-right: 35px}
.profourbom .profourfr .cont_form li span{font-size: 17px; width: 62px}
.profourbom .profourfr .cont_form li input{width: 257px; padding: 7px 10px 7px 44px; line-height: 24px; font-size: 16px; height: 40px}
.profourbom .profourfr .cont_form li textarea{width: 257px; height: 68px; font-size: 16px; line-height: 28px; padding: 3px 10px 10px 44px}
.profourbom .profourfr .cont_form .btnclick{left: 105px; bottom: -55px}
.profourbom .profourfr .cont_form .btnclick .btn_submit{width: 164px; height: 36px; border-radius: 18px; font-size: 16px; line-height: 36px}
.profourbom .profourfr .cont_form li:first-child span:after{content:""; width: 28px; background-size: 28px; left: 79px; top: 10px}
.profourbom .profourfr .cont_form li:first-child+li span:after{content:""; width: 28px; background-size: 28px; left: 79px; top: 10px}
.profourbom .profourfr .cont_form li:first-child+li+li span:after{content:""; width: 28px; background-size: 28px; left: 79px; top: 10px}
.profourbom .profourfr .cont_form.casefrom{padding: 10px 20px}
.profourbom .profourfr .cont_form.casefrom ul li{width: 308px}
.profourbom .profourfr .cont_form.casefrom ul li:last-child{width: 632px}
.profourbom .profourfr .cont_form.casefrom ul li input{padding: 8px 15px}
.profourbom .profourfr .cont_form.casefrom ul li select{height: 42px}
.profourbom .profourfr .cont_form.casefrom ul li textarea{padding: 8px 15px; height: 75px}
.profourbom .profourfr .cont_form.casefrom .btnclick{left: 260px}
.marqueetop{height: 180px; width: 239px; padding-left: 25px}
.marqueetop li p{font-size: 16px; padding-bottom: 5px}
.marqueetop li time{font-size: 14px}
}
@media (min-width:1860px){
.profour .wrap{width: 1600px}
.profour .wrap{/* top: 180px; */ /* margin-left: -800px; */}
.profour .profourtop{margin-left: 65px; background-size: 904px; height: 68px; width: 904px; font-size: 18px; line-height: 40px; padding: 18px 0 0 24px}
.profour .profourtop span{font-size: 34px; margin-right: 15px}
.profourbom{border-radius: 10px; margin: 0 30px; padding: 37px 0 80px}
.profourbom .profourfl{margin: 0 0 0 30px; width: 426px}

.form_tx{
    margin-left: 30px;
    font-size: 1.5em;
    margin-bottom: 30px;
}

.profourbom .profourfl:after{left: 38px}
.profourbom .profourfl dt{margin-left: 57px; font-size: 34px; padding: 18px 0 21px 67px}
.profourbom .profourfl dt i{font-size: 24px; padding-top: 16px}
.profourbom .profourfl dt span{width: 113px; height: 113px; left: -57px}
.profourbom .profourfl dd{font-size: 22px; padding-left: 43px; margin-top: 40px}
.profourbom .profourfl dd i{font-size: 26px}
.profourbom .profourfl dd span{font-size: 16px}
.profourbom .profourfl dd:after{content:""; width: 26px; height: 17px; left: 11px; bottom: -3px}
.profourbom .profourfl dd:nth-child(2){background-position: 150px center}
.casemagess .profourbom .profourfl:after{content:""; top: 130px; left: 17px}
.casemagess .profourbom .profourfl{width: 414px}
.profourcase .profourcasefl, .profourcase .profourcasefr{width: 111px}
.profourcase p{font-size: 20px; padding-top: 34px; width: 171px}
.profourcase p span i{margin: 0 7px}
.casemagess .profourbom .profourfr{width: 978px}
.casemagess .profourbom .profourfl dd span{font-size: 16px}
.profourbom .profourfr{width: 978px; margin-right: 70px; padding: 45px 43px 54px 50px}
.profourbom .profourfr:before{width: 102px; height: 78px; background-size: 102px}
.ie8-hack .profourbom .profourfr:before{display: block}
.profourbom .profourfr .cont_form{width: 528px; padding-right: 42px}
.profourbom .profourfr .cont_form li span{font-size: 20px; width: 72px; line-height: 52px}
.profourbom .profourfr .cont_form li input{width: 406px; padding: 10px 10px 10px 44px; line-height: 30px; font-size: 18px; height: 52px}
.profourbom .profourfr .cont_form li textarea{width: 406px; height: 91px; font-size: 18px}
.profourbom .profourfr .cont_form .btnclick{left: 167px; bottom: -78px}
.profourbom .profourfr .cont_form .btnclick .btn_submit{width: 220px; height: 50px; border-radius: 25px; font-size: 18px; line-height: 50px}
.profourbom .profourfr .cont_form li:first-child span:after{content:""; width: 31px; background-size: 31px; left: 91px; top: 13px}
.profourbom .profourfr .cont_form li:first-child+li span:after{content:""; width: 31px; background-size: 31px; left: 91px; top: 13px}
.profourbom .profourfr .cont_form li:first-child+li+li span:after{content:""; width: 31px; background-size: 31px; left: 91px; top: 10px}
.profourbom .profourfr .cont_form.casefrom{padding: 15px 5px 15px 30px}
.profourbom .profourfr .cont_form.casefrom ul li{width: 422px; margin-right: 25px; padding-bottom: 20px}
.profourbom .profourfr .cont_form.casefrom ul li:last-child{width: 870px}
.profourbom .profourfr .cont_form.casefrom ul li input{padding: 8px 15px}
.profourbom .profourfr .cont_form.casefrom ul li select{height: 48px; font-size: 18px}
.profourbom .profourfr .cont_form.casefrom ul li textarea{padding: 8px 15px; height: 75px}
.profourbom .profourfr .cont_form.casefrom .btnclick{left: 359px; bottom: -56px}
.marqueetop{height: 231px; width: 353px; padding-left: 40px}
}
/*faq列表页*/
.insideban04{background: url(../image/faq/newban01.jpg) #fff center top no-repeat; background-size: 100%; padding-top: 116px;}
.breadnav{clear: both; line-height: 1; font-size: 12px; color: #fff; padding: 15px 0 24px}
.breadnav a:link,
.breadnav a:visited{color: #fff; text-decoration: none}
.breadnav a:active,
.breadnav a:hover{color: #fccc00; text-decoration: none}
.probantxt{clear: both; text-align: center; padding: 14px 0 50px; line-height: 1}
.probantxt h1{color: #fff; font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; font-size: 40px; font-weight: 700; background: url(../image/faq/homeoneicon01.png) left center no-repeat; padding-left: 25px; background-size: 11px; display: inline-block}
.probantxt h1 span{display: inline-block; margin-left: 25px; color: #c3311c; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left, #bf211d, #d3751b)}
.questionone,
.questiontwoda{background: url(../image/faq/homefivebg.jpg); clear: both}
.questionone{position: relative; padding: 30px 30px 40px 130px; margin-top: 28px; display: flex; justify-content: space-between; align-items: center;}
.questionone:before{content: ""; position: absolute; width: 106px; height: 220px; background: url(../image/faq/qicon01.png) center top no-repeat; background-size: 106px; left: 26px; top: -122px}
.questionone .questiononefl{/* float: left; */ /* width: 40%; */ flex: 1; padding-right: 30px;}
.questionone .questiononefl .questiononefltit{line-height: 1; padding-bottom: 15px; color: #161616; font-size: 30px; font-weight: 700; font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif}
.questionone .questiononefl .questiononefltxt{clear: both; font-size: 14px; color: #161616; line-height: 36px;}
.questionone .questiononefl .questiononefltxt strong{color: red; font-size: 16px;}
.questionone .questiononefl .questiononefltxt a{cursor: pointer; background: url(../image/faq/qicon02.png) center center no-repeat; background-size: 115px; line-height: 32px; color: #fff; display: inline-block; width: 115px; text-align: center; font-size: 16px; margin-left: 5px}
.questionone .questiononefr{/* float: right; */ width: 50%; background: #fff; padding: 27px 12px 46px; box-shadow: 0 3px 6px rgba(0, 0, 0, .06); margin-top: -54px; position: relative}
.questionone .questiononefr:after{content: ""; background: url(../image/faq/qicon07.png) right top no-repeat; position: absolute; left: -18px; top: 0; width: 18px; height: 24px; background-size: 18px}
.questiononefr .cpxl{clear: both; text-align: left; font-size: 12px; padding: 0 12px 20px}
.questiononefr .cpxl label,
.questiononefr .cpxl span{float: left; line-height: 24px; padding-right: 6px}
.questiononefr .cpxl label:last-child{padding-right: 0}
.questiononefr .cpxl label input{float: left; margin-top: 6px}
.questiononefr .tj_wenti{clear: both; width: 100%; padding-bottom: 20px}
.questiononefr .tj_wenti span{float: left; width: 50%; padding: 0 12px}
.questiononefr .tj_wenti span input{clear: both; width: 100%; text-align: left; color: #a9a9a9; border: 1px solid #d9d9d9; line-height: 24px; padding: 2px 5px; font-size: 12px; height: 30px; border-radius: 3px;}
.questiononefr .tj_wenti span input:-webkit-autofill{-webkit-text-fill-color: #666; -webkit-box-shadow: 0 0 0 1000px #FFF inset !important; box-shadow: 0 0 0 1000px #FFF inset !important}
.questiononefr .cpxltextarea{clear: both; display: block; padding: 0 12px; width: 100%}
.questiononefr .cpxltextarea textarea{clear: both; width: 100%; height: 60px; font-family: 微软雅黑; padding: 5px; line-height: 22px; color: #a9a9a9; border: 1px solid #d9d9d9; margin: 0; font-size: 12px; border-radius: 3px;}
.questiononefr .cpxlbtn{position: absolute; left: 24px; cursor: pointer; bottom: -14px; width: 116px; font-size: 14px; height: 30px; border-radius: 15px; color: #fff; box-shadow: -2px 2px 3px rgba(0, 0, 0, .23); background-color: #c9221e; background-image: linear-gradient(left, #cd3330 30%, #e1852d 50%, #cd3330); background-image: -webkit-linear-gradient(left, #cd3330 30%, #e1852d 50%, #cd3330); background-image: -moz-linear-gradient(left, #cd3330 30%, #e1852d 50%, #cd3330); background-image: -ms-linear-gradient(left, #cd3330 30%, #e1852d 50%, #cd3330); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; transition: background-position .6s ease}
.questiononefr .cpxlbtn:hover{background-position: right center}
.questiontwo{padding: 60px 22px}
.questiontwo .questiontwotit{font-size: 25px; padding-bottom: 28px; font-weight: 700; font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; line-height: 1}
.questiontwo ul{/* margin-left: -36px; */ display: flex; flex-flow: row wrap;}
.questiontwo ul li{/* float: left; */ /* margin-left: 36px; */ /* width: 460px; */ width: 50%; padding-bottom: 31px; padding-left: 15px; padding-right: 15px;}
.questiontwowen{display: flex;}
.questiontwo.questiontwowen{clear: both; overflow: hidden}
.questiontwowen span{/* float: left; */ width: 34px; height: 34px; border: 1px solid #d8e1ff; border-radius: 50%; overflow: hidden; margin-right: 15px;}
.questiontwowen span img{width: 100%;}
.questiontwowen a{/* float: right; */ /* width: 400px; */ font-size: 16px; line-height: 24px; color: #464646; margin-top: 5px; height: 48px; overflow: hidden; flex: 1;}
.questiontwowen a:hover{color: #773500}
.questiontwoda{/* margin-top: 15px; */ padding: 0 20px 0 0; border-radius: 5px; color: #737373; overflow: hidden; display: flex;}
.questiontwoda i{/* float: left; */ background: url(../image/faq/profiveicon02.png) left top no-repeat; background-size: 37px; width: 37px; height: 48px; text-align: center; font-style: normal; font-size: 14px; padding-top: 8px; line-height: 1; color: #773500; font-weight: 700; margin-right: 15px;}
.ie8-hack .questiontwoda i{height: 37px; line-height: 37px; padding-top: 0}
.questiontwoda span{float: right; /* width: 380px; */ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin: 11px 0; flex: 1;}
#pageup,
.pagecolse{line-height: 30px; cursor: pointer}
.pagebox{position: relative; margin-bottom: 56px; text-align: center}
.pageboxtop{position: absolute; left: 0; bottom: 50px; width: 100%; display: none; background: #fff; padding-bottom: 15px}
#pageup{display: inline-block; background: #fff; border: 1px solid #bcbcbc; color: #999; margin: 0 5px 0 0; padding: 3px 17px}
#pageup strong{color: #ff3a3b; font-size: 14px}
.pagecolse{position: absolute; right: 1px; top: 2px; background: #000; color: #fff; width: 30px; height: 30px; text-align: center; border-radius: 0 15px 0 5px; z-index: 11}
.dispage{position: relative; border: 1px solid #df3732; border-radius: 15px; padding: 20px 15px; z-index: 10}
.dispage:before{content: ""; position: absolute; left: 50%; bottom: -14px; margin-left: -10px; width: 0; height: 0; border-top: 13px solid #df3832; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0}
.dispage li{float: left; width: 5%; text-align: center; padding: 10px 0; font-size: 16px}
.dispage li a{width: 38px; height: 38px; display: inline-block; background: #e5e5e5; border-radius: 50%; line-height: 38px; color: #666}
.dispage li a:hover,
.dispage li.on a{color: #fff; background: #ff5752}
#ctl00_ContentConn_PageInfo{text-align: center; margin-top: 20px; font-size: 16px; line-height: 40px; width: 100%}
#ctl00_ContentConn_PageInfo a{background: #fff; border: 1px solid #bcbcbc; color: #999; margin: 5px 5px 0 0; padding: 8px 17px}
#ctl00_ContentConn_PageInfo .current,
#ctl00_ContentConn_PageInfo a:hover{background: #ff3a3b; border: 1px solid #c00; color: #fff; text-decoration: none}
@media (min-width:1440px){
.breadnav{font-size: 14px; padding: 18px 0 27px}
.probantxt{padding: 20px 0 60px}
.probantxt h1{font-size: 48px; background-size: 14px; padding-left: 32px}
.probantxt h1 span{margin-left: 32px}
.questionone{margin-top: 33px; padding: 33px 38px 50px 155px}
.questionone .questiononefl{/* width: 344px; */}
.questionone .questiononefl .questiononefltit{/* font-size: 30px; */}
.questionone .questiononefl .questiononefltxt{/* font-size: 14px; */ /* line-height: 36px; */}
.questionone .questiononefl .questiononefltxt strong{/* font-size: 16px; */}
.questionone .questiononefr{/* width: 620px; */ padding: 37px 14px 55px; margin-top: -63px}
.questionone .questiononefr:after{content:""; width: 24px; height: 30px; background-size: 23px; left: -24px}
.questiononefr .tj_wenti span{padding: 0 14px}
.questiononefr .cpxl{font-size: 14px; padding: 0 14px 24px}
.questiononefr .tj_wenti span input{padding: 5px; height: 36px}
.questiononefr .cpxltextarea textarea{height: 72px; line-height: 30px}
.questiononefr .cpxlbtn{/* font-size: 14px; */}
.questiononefr .cpxltextarea{padding: 0 14px}
.questiononefr .tj_wenti{padding-bottom: 24px}
.questionone:before{width: 128px; height: 265px; background-size: 128px; left: 32px; top: -147px}
.questionone .questiononefl .questiononefltxt a{/* width: 115px; */ height: 32px; /* line-height: 32px; */ /* font-size: 16px; */ /* background-size: 115px; */ margin-left: 10px}
.questiontwo{padding: 75px 38px}
.questiontwo .questiontwotit{font-size: 30px; padding-bottom: 32px}
.questiontwo ul{/* margin-left: -43px; */}
.questiontwo ul li{/* margin-left: 43px; */ /* width: 540px; */ padding-bottom: 40px}
.questiontwowen span{width: 42px; height: 42px}
.questiontwowen a{/* font-size: 16px; */ /* width: 480px; */}
.questiontwoda{/* margin-top: 16px; */ border-radius: 8px}
.questiontwoda i{background-size: 43px; width: 43px; height: 60px; font-size: 17px; padding-top: 11px}
.ie8-hack .questiontwoda i{height: 43px; line-height: 40px; padding-top: 0}
.questiontwoda span{/* font-size: 14px; */ /* width: 461px; */ margin: 17px 0}
}
@media (min-width:1860px){
.breadnav{font-size: 16px; padding: 25px 0 46px}
.questionone{margin-top: 42px; padding: 45px 50px 62px 200px;}
.questionone .questiononefl{/* width: 450px; */}
.questionone .questiononefl .questiononefltit{font-size: 40px}
.questionone .questiononefl .questiononefltxt{font-size: 16px; line-height: 48px}
.questionone .questiononefl .questiononefltxt strong{font-size: 18px}
.questionone .questiononefr{/* width: 800px; */ padding: 49px 20px 72px; margin-top: -83px;}
.questionone .questiononefr:after{width: 28px; height: 37px; background-size: 28px; left: -28px; top: 1px}
.questiononefr .cpxl{font-size: 16px; color: #171621; padding: 0 19px 34px}
.questiononefr .cpxl label{color: #515052}
.questiononefr .tj_wenti{padding-bottom: 32px}
.questiononefr .tj_wenti span input{font-size: 16px; padding: 12px 20px; height: 50px}
.questiononefr .tj_wenti span{padding: 0 19px}
.questiononefr .cpxltextarea textarea{height: 96px; line-height: 30px; font-size: 16px; padding: 15px 20px}
.questiononefr .cpxlbtn{font-size: 18px; width: 154px; height: 40px; border-radius: 20px; line-height: 40px; bottom: -17px}
.questiononefr .cpxltextarea{padding: 0 19px}
.questionone:before{width: 168px; height: 348px; background-size: 168px; left: 42px; top: -150px}
.questionone .questiononefl .questiononefltxt a{width: 153px; height: 41px; line-height: 41px; font-size: 18px; background-size: 153px; margin-left: 15px}
.questiontwo{padding: 40px 49px 100px}
.questiontwo .questiontwotit{font-size: 40px; padding-bottom: 44px}
.questiontwo ul{/* margin-left: -58px; */}
.questiontwo ul li{/* margin-left: 40px; */ padding-bottom: 55px; /* width: 47%; */ /* margin: 0 15px; */}
.questiontwowen span{width: 53px; height: 53px}
.questiontwowen a{font-size: 18px; /* width: 641px; */ margin-top: 13px}
.questiontwoda{margin-top: 16px; border-radius: 10px}
.questiontwoda i{background-size: 56px; width: 56px; height: 76px; font-size: 22px; padding-top: 11px}
.ie8-hack .questiontwoda i{height: 56px; line-height: 56px; padding-top: 0}
.questiontwoda span{font-size: 16px; /* width: 600px; */ margin: 17px 0; height: 56px; line-height: 28px}
}
@media (min-width:1920px){
.insideban04{/* background-size: 100% 552px; */}
}
.ie8-hack .questionone:before{width: 168px !important; height: 348px !important; left: -41px !important}
/*faq内页*/
.answer{background: url(../image/faq/insidedot01.jpg) center top repeat-x; padding: 1px 31px 0; margin-top: 30px}
.answer .answertit{margin-top: -30px; display: inline-block; margin-left: 30px; position: relative;}
.answer .answertit:before{content: ""; position: absolute; z-index: 3; left: -30px; top: -16px; background: url(../image/faq/qicon08.png) left center no-repeat; background-size: 90px; width: 90px; height: 90px}


.answer .answertit.answertitnv:before{ background-image: url(../image/faq/qicon08nv.png);}


.answer .answertit h1{position: relative; z-index: 2; background-color: #ce351d; overflow: hidden; background-image: linear-gradient(90deg, #c9211e, #de7c1b); background-position: left center; background-size: 100% 100%; background-repeat: no-repeat; padding: 15px 10px 15px 62px; font-size: 20px; line-height: 30px; color: #fff; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, .33)}
.answer .answertime{clear: both; display: block; font-size: 12px; color: #5d5d5d; line-height: 24px; padding: 15px 0 15px 10px}
.answer .answertime span{float: left; margin-right: 10px; font-size: 16px}
.answer-box{display: flex; justify-content: space-between; /* align-items: center; */}
.answerfl{/* float: left; */ /* width: 633px; */ padding-top: 1px; background: -webkit-linear-gradient(top, #f7f8ff, #fefeff); background: -moz-linear-gradient(top, #f7f8ff, #fefeff); background: -ms-linear-gradient(top, #f7f8ff, #fefeff); background: -o-linear-gradient(top, #f7f8ff, #fefeff); min-height: 700px; flex: 1; margin-right: 60px;}
.answerfl .answerfltit{background: url(../image/faq/qicon04.png) left top no-repeat; background-size: 190px; width: 190px; height: 89px; font-size: 14px; font-weight: 700; color: #773500; padding: 39px 78px 0 0; text-align: center; line-height: 30px; margin-top: -39px; float: right}
.answerfl .answerflbox{padding: 10px 30px 30px; clear: both; margin: 0 auto; display: block}
.answerfl .answerflbox h3{color: #494949; font-size: 26px; padding: 30px 0 15px; line-height: 35px}
.answerfl .answerflbox p{padding: 10px 0; color: #494949; font-size: 16px; line-height: 35px}
.answerfl .answerflbox p span{padding: 0 2px; margin: 0 3px}
.answerfl .answerflbox video{clear: both; margin: 0 auto; display: block; width: 100%}
.answerfl .answerflbox img{padding: 8px 0; margin: 0 auto; display: block}
.answerfl .answerflbox p a{color: #eb0001}
.answerfl .answerflbox p span#fred{background: #eb0001; border-radius: 2px; color: #fff !important; padding: 0 2px; margin: 0 3px; display: inline-block}
.answerfr{/* float: right; */ position: relative; width: 255px; margin-right: 7px; border-radius: 8px; padding-top: 1px; padding-bottom: 12px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); background: url(../image/faq/answerfrbg.jpg) center bottom no-repeat #fff; background-size: cover}
.answerfr i{position: absolute; left: -69px; width: 89px; height: 22px; background: url(../image/faq/qicon06.png) center top no-repeat; background-size: 89px}
.answerfr i:first-child{top: 68px}
.answerfr i:nth-child(2){top: 179px}
.answerfr i:nth-child(3){top: 304px}
.answerfr h2{clear: both; text-align: right; margin-top: -8px; padding-bottom: 18px}
.answerfr h2 a{clear: both; display: inline-block; background: url(../image/faq/qicon05.png) center top no-repeat; background-size: 140px; height: 31px; line-height: 31px; color: #773500; font-size: 14px; width: 140px; text-align: center; font-weight: 400}
.answerfr div,
.answerfr p,
.answerfr ul{padding-left: 40px; padding-right: 26px}
a.pro_img_a{display:block; background-color: #f1f1f1; background-image: linear-gradient(180deg, #f1f1f1, #999); background-size: 100% 100%; background-repeat: no-repeat;}
.answerfr ul{padding-top: 10px; padding-bottom: 5px}
.answerfr ul li{clear: both; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; background: url(../image/faq/prodot01.png) left center no-repeat; background-size: 6px; padding: 5px 0 5px 12px}
.answerfr p{clear: both; text-align: right; font-size: 12px}
.answerfr p a{color: #6c2f00}
@media (min-width:1440px){
.answer .answertit{margin-top: -42px}
.answer .answertit h1{font-size: 25px; padding: 25px 15px 25px 80px; border-radius: 15px; line-height: 35px}
.answer .answertime{font-size: 16px; line-height: 35px; padding-left: 20px}
.answer .answertime span{font-size: 18px; margin-right: 20px}
.answerfl{/* width: 759px; */}
.answerfl .answerfltit{width: 227px; height: 106px; background-size: 227px; padding: 50px 93px 0 0; font-size: 16px; margin-top: -46px}
.answer{padding: 1px 37px 0; margin-top: 50px}
.answerfl .answerflbox{padding: 10px 35px 30px}
.answerfl .answerflbox video{clear: both; margin: 0 auto; display: block; width: 100%}
.answerfl .answerflbox img{padding: 8px 0; margin: 0 auto; display: block}
.answerfr{width: 305px; margin-right: 8px; padding-bottom: 15px}
.answerfr div, .answerfr p, .answerfr ul{padding-left: 50px; padding-right: 30px}
.answerfr ul li{padding: 6px 0 6px 16px; background-size: 8px}
.answerfr h2{padding-bottom: 24px; margin-top: -10px}
.answerfr h2 a{font-size: 16px; background-size: 169px; width: 169px; height: 38px; line-height: 38px}
.answerfr i{left: -81px; width: 107px; height: 26px; background-size: 107px}
.answerfr i:first-child{top: 85px}
.answerfr i:nth-child(2){top: 215px}
.answerfr i:nth-child(3){top: 336px}
.answer .answertit:before{width: 110px; height: 110px; background-size: 110px}
}
@media (min-width:1860px){
.answer .answertit{margin-top: -55px}
.answer .answertit h1{font-size: 30px; padding: 23px 20px 23px 92px; border-radius: 20px; line-height: 40px}
.answer .answertit:before{width: 127px; height: 125px; background-size: 127px; /* top: -17px; */}
.answer .answertime{font-size: 16px; padding: 22px 0 22px 20px; line-height: 40px}
.answer .answertime span{font-size: 20px; margin-right: 30px}
.answerfl{/* width: 1015px; */}
.answerfl .answerfltit{width: 300px; height: 140px; background-size: 300px; padding: 70px 121px 0 0; font-size: 20px; margin-top: -60px}
.answer{padding: 1px 48px 0}
.answerfl .answerflbox{padding: 10px 85px 30px 40px}
.answerfr{width: 407px; margin-right: 12px; padding-bottom: 25px}
.answerfr ul li{font-size: 14px; padding: 9px 0 9px 20px; background-size: 10px}
.answerfr div, .answerfr p, .answerfr ul{padding-left: 68px; padding-right: 40px}
.answerfr p{font-size: 14px}
.answerfr h2{padding-bottom: 30px; margin-top: -13px}
.answerfr h2 a{font-size: 20px; background-size: 223px; width: 223px; height: 50px; line-height: 50px}
.answerfr i{left: -108px; width: 143px; height: 35px; background-size: 143px}
.answerfr i:first-child{top: 102px}
.answerfr i:nth-child(2){top: 280px}
.answerfr i:nth-child(3){top: 435px}
}
.ie8-hack .answer .answertit:before{background: 0 0; display: none}
.ie8-hack .answerfr i{display: none !important; background: 0 0 !important}
.ie8-hack .answer .answertit{margin-left: 0}
.ie8-hack .answer .answertit h1{padding-left: 30px}
.ie8-hack .answerfl .answerfltit{background: #ffe2ca; height: auto; margin-top: 0; padding: 15px 60px; display: inline-block; width: auto}
/*faq内页结束*/
/*推荐部分*/
.prothree{clear: both; background: url(../image/prothreeicon01.jpg); position: relative; padding: 40px 0 80px}
.prothree.newmargin{margin-top: -20px}
.prothree:after{position: absolute; z-index: 2; content: ""; left: 0; bottom: 0; top: 0; right: 0; background: url(../image/prothreeicon03.png) center bottom no-repeat; background-size: 100%}
.prothree::before{position: absolute; z-index: 2; content: ""; left: 0; bottom: -60px; top: 0; right: 0; background: url(../image/prothreeicon04.png) center bottom no-repeat; background-size: 100%}
.prothree .prothreetit{clear: both; text-align: left; font-size: 14px; line-height: 35px; background: url(../image/homeoneicon01.png) left center no-repeat; padding-left: 23px; background-size: 14px}
.prothree .prothreetit h4{float: left; margin-right: 20px; font-size: 32px; font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; font-weight: 700}
.prothree .prothreetit h4 .prothreetit_span{ font-size:12px; color:#999;}
.prothree .prothreetit h4 .prothreetit_span a{ color:#999;}
.prorelatNew{position: relative; z-index: 3}
.prorelatNew ul{padding: 30px 0; display: flex; flex-flow: row wrap;}
.prorelatNew li{/* float: left; */ width: 31.3333%; background: url(../image/prodot01.png) left center no-repeat; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; margin: 0 1%; padding: 10px 0 10px 20px; line-height: 24px}
.prorelatCase{position: relative; z-index: 3}
.prorelatFaq{position: relative; z-index: 3}
.prorelatCase ul{padding: 25px 0 10px; display: flex; flex-flow: row wrap;}
.prorelatCase ul li{/* float: left; */ /* margin-left: 23px; */ width: 23%; margin: 0 1%; margin-bottom: 10px; transition: all .3s}
.prorelatCase ul li a{clear: both; display: block}
.prorelatCase ul li a:first-child+a{color: #0e0e0e; font-size: 14px; text-align: center; padding: 15px 10px; line-height: 24px; position: relative; overflow: hidden; background: #edf1fb}
.prorelatCase ul li a:first-child{position: relative; overflow: hidden}
.prorelatCase ul li a:first-child img{width: 100%}
.prorelatCase ul li a:first-child:after{content: ""; position: absolute; left: 0; right: 0; height: 100%; background: rgba(0, 0, 0, .24); bottom: -100%; z-index: 1}
.prorelatCase ul li a:first-child:before{content: ""; position: absolute; left: 50%; top: 150%; width: 50px; height: 50px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: url(../image/hovericon.png) center center no-repeat rgba(0, 0, 0, .5); background-size: 39px; z-index: 2; border: 2px solid #fff; border-radius: 50%; transition: all .5s; -webkit-transition: all .5s}
.prorelatCase ul li:hover a:first-child:after{bottom: 0; transition: all .5s; -webkit-transition: all .5s}
.prorelatCase ul li:hover a:first-child:before{top: 50%; transition: all .5s; -webkit-transition: all .5s}
.prorelatCase ul li:hover{transition: all .3s; box-shadow: 0 5px 12px rgba(0, 0, 0, .1)}
@media (min-width:1440px){
.prothree{padding-top: 47px; padding-bottom: 100px}
.prothree .prothreetit{padding-left: 26px}
.prothree .prothreetit h4{font-size: 37px}
.prorelatNew li{font-size: 14px; /* width: 31.3333%; */ /* margin: 0 1%; */ padding: 10px 0 10px 22px}
}
@media (min-width:1860px){
.prorelatCase ul li a:first-child+a, .videorel .bd li a:first-child+a{height: 72px; line-height: 26px; font-size: 16px; padding: 10px 15px}
.prothree{padding-top: 61px; padding-bottom: 120px}
.prothree .prothreetit{padding-left: 38px; background-size: 18px}
.prothree .prothreetit h4{font-size: 42px}

.prorelatNew li{font-size: 16px; /* width: 495px; */ /* margin-left: 38px; */ padding: 22px 0 22px 30px;}
.promoremend ul{padding: 28px 0 0 14px}
.promoremend ul li{margin-left: -14px; padding: 16px 0}
.promoremend ul li a{font-size: 16px; line-height: 50px; padding: 0 50px; border-radius: 26px}
.videorel .prothreetit{padding: 48px 0 35px; font-size: 32px}
.prorelatCase ul{padding: 45px 0 30px}
.prorelatCase ul li{/* width: 377px; */}
.prorelatCase ul li a{clear: both; display: block}
}