a{text-decoration:none}



a:link,a:visited{color:#333}



a:hover,a:active{color:var(--theme-color)}



html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,figure,figcaption,table,th,td img{margin:0;padding:0}



a,abbr,acronym,address,big,blockquote,body,caption,cite,code,dd,dl,dt,fieldset,form,h1,time,h2,h3,h4,h5,h6,html,img,ins,kbd,label,legend,li,ol,p,pre,q,s,samp,small,span,strike,strong,ul{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}



html{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}



body{line-height:1.5;color:#2b2a28;background-color:#fff;font-family:"微软雅黑";font-size:14px;text-align:left;margin:0 auto;line-height:24px;background:#fff;color:#333;font-weight:normal;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}



img{max-width:100%;border:0;vertical-align:middle}



*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;outline:none}



button{border-radius:0px;-webkit-border-radius:0px;outline:none}



input{border-radius:0;outline:none}



input:-ms-clear{display:none}



input,textarea{border:0;font-family:"微软雅黑"}



textarea{resize:none;outline:none}



td{word-break:break-all}



ul,ol,li{list-style:none;}



.fl{ float:left;}



.fr{ float:right;}



input:-moz-placeholder,textarea:-moz-placeholder{color:#aab3b7}



input::-moz-placeholder,textarea::-moz-placeholder{color:#aab3b7}



input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aab3b7}



input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aab3b7}



ul:after,ol:after,li:after,dl:after,dt:after,dd:after,div:after,.clearfix:after{clear:both}

.clearfix:after{
content:"";
display:block;
}



:root{--theme-color:#0066ff;}

.container{width:100%;position:relative}



.wrapper{max-width:1920px;position:relative;margin-left:auto;margin-right:auto}



.wrap{margin-left:auto;margin-right:auto;width:1520px;position:relative;z-index:1}





.floating_ck{position:fixed;right:0;bottom:28%;*bottom:26%;z-index:999}



.floating_ck dl dd{position:relative;background-color:#E60012;margin-bottom:3px;text-align:center;cursor:pointer}



.floating_ck dl dd a,.floating_ck dl dd p{width:100%;position:relative}



.floating_ck dl dd img{margin:0 auto;text-align:center}



.floating_ck dl dd p{text-align:center}



.floating_ck dl dd:hover .floating_left{display:block}



.quote,.qrcord{padding:8px 0 4px}



.floating_ck dl dd a,.floating_ck dl dd p{color:#fff}



.floating_ck dl dd a img{display:inline-block;text-align:center;margin:0 auto}



.floating_left{position:absolute;left:-190px;top:0px;width:300px;z-index:999;height:70px;line-height:70px;background:#E60012;display:none}



.floating_left a{color:#fff}



.floating_ewm p{color:#Fff}



.floating_ewm .qrcord_p01{font-size:12px;line-height:20px}



.floating_ewm .qrcord_p02{font-size:20px}



.is-ie8{display:block;width:90%;height:50px;border:1px dashed #f7685e;background-color:#ff4c44;margin:10px auto;padding:0 20px}



.is-ie8 span{display:inline-block;height:48px;line-height:48px;font-size:16px;color:#e5e5e5;position:relative;padding-left:24px}



.is-ie8 span i{display:block;width:18px;height:18px;position:absolute;left:0;top:15px;background:url("../image/icon_notice.png") center center no-repeat}



.is-ie8 a{display:inline-block;height:48px;line-height:48px;font-size:16px;color:#fff;font-weight:bold;text-decoration:underline}



.fixed-flolt{width:189px;height:433px;background:url(../image/rlflbg.png) center top no-repeat;background-size:100%;position:fixed;right:0;bottom:22%;padding:100px 4px 0;line-height:1;z-index:9999;transform:scale(0.9)}



.fixed-flolt:before{
content:"";
display:block;width:190px;height:190px;background:url(../image/rlflpic.jpg) center no-repeat #fff;border-radius:50%;position:absolute;right:-6px;top:-93px;box-shadow:0 0 0 1px #e84c2b}



.fixed-flolt .btn{width:171px;padding:12px 0;padding-left:62px;margin-top:15px;background:rgba(244,244,244,0.3);border:1px solid #ffa69a;border-radius:6px 6px 6px 0;font-size:16px;color:#850101;display:block;position:relative;cursor:pointer;transition:all linear 0.3s}



.fixed-flolt .btn:before{
content:"";
display:block;width:40px;height:42px;border-radius:8px;position:absolute;left:12px;top:0;bottom:0;margin:auto 0;box-shadow:0 7px 18px rgba(167,19,14,0.67);transition:all linear 0.3s}



.fixed-flolt .btn:after{content:"";width:0;border-top:7px solid #6d2213;border-right:0 solid transparent;border-left:8px solid transparent;position:absolute;left:0;bottom:-8px;z-index:-1}



.fixed-flolt .btn span{color:#fff;font-weight:bold;text-shadow:0 2px 13px #ba210d;display:block;margin-top:6px;transition:all linear 0.3s}



.fixed-flolt .btn span:before{
content:"";
display:block;height:1px;background-image:linear-gradient(to right, transparent, #fdeac0, transparent);position:absolute;left:0;right:0;bottom:-1px}



.fixed-flolt .btn:hover{background:rgba(0,0,0,0.5);color:rgba(255,237,233,0.75)}



.fixed-flolt .btn:hover span{color:#ffcf11}



.fixed-flolt .btn1:before{
content:"";
display:block;background:url(../image/rlfltb01.png) center no-repeat;background-size:100%}



.fixed-flolt .btn1:hover:before{
content:"";
display:block;background:url(../image/rlfltb01.png) center no-repeat #f8c077;background-size:100%}



.fixed-flolt .btn2:before{
content:"";
display:block;background:url(../image/rlfltb02.png) center no-repeat;background-size:100%}



.fixed-flolt .btn2:hover:before{
content:"";
display:block;background:url(../image/rlfltb02.png) center no-repeat #f8c077;background-size:100%}



.fixed-flolt .btn3{padding:10px 0;color:#ffede9;color:rgba(255,237,233,0.75);text-align:center;background:rgba(0,0,0,0.5)}



.fixed-flolt .btn3:before{display:none}



.fixed-flolt .btn3 span{font-size:19px;color:#ffcf11;letter-spacing:0.5px;text-shadow:none}



.fixed-flolt .btn4{width:157px;height:42px;background:url(../image/rlflxsbg.png) center no-repeat;background-size:100%;display:block;margin-left:18px;margin-top:24px;font-size:20px;color:#1f1f1f;text-align:center;font-weight:bold;line-height:42px;cursor:pointer;animation:effect 1.2s linear infinite}



.fixed-flolt .btn4:after{content:"";width:23px;height:30px;background:url(../image/rlflxstb.png) center no-repeat;display:inline-block;vertical-align:middle;margin-left:7px}



.fixed-flolt .btn4:hover{animation:none}



.back-top{width:100px;height:40px;border-radius:40px;background:#fff;position:fixed;z-index:9999;bottom:18%;right:39px;-webkit-box-shadow:0 6px 24px rgba(222,56,53,0.3);-moz-box-shadow:0 6px 24px rgba(222,56,53,0.3);box-shadow:0 6px 24px rgba(222,56,53,0.3);cursor:pointer;transition:all .3s linear}



.back-top span{display:block;width:16px;height:16px;position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;border-top:1px solid #e15856}



.back-top span:after{content:'';display:block;position:absolute;width:12px;height:12px;border-top:1px solid #d51511;border-right:1px solid #d51511;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);top:8px;left:2px;-webkit-animation:backTop 1s linear infinite;animation:backTop 1s linear infinite}



.back-top:hover{-webkit-box-shadow:0 6px 12px rgba(222,56,53,0.1);-moz-box-shadow:0 6px 12px rgba(222,56,53,0.1);box-shadow:0 6px 12px rgba(222,56,53,0.1)}







/*分页*/



.my-4{ padding:15px 0;}



.pagination{ text-align:center;}



.page-link{ padding:0.6em 1em; border:1px solid #ccc; border-radius:3px;}



.page-num{ padding:0.6em 1em; border:1px solid #ccc; border-radius:3px; margin:0 3px;}



a.page-num-current{ background:#d00; color:#fff; border:1px solid #f67524;}











/* hbanner */



.c-hbanner{width: 100%;position: relative;}



.c-hbanner img{width: 100%;}



.c-hbanner .hbanner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}



.c-hbanner .hbanner ul li{ display: none;opacity: 0; overflow:hidden;}



.c-hbanner .hbanner ul li:nth-child(1){



opacity: 1;display: block;}



.c-hbanner .hbanner ul li img{width: 100%;position: absolute;top: 0px;}



.c-hbanner .hbanner ul li:first-child img{position: relative;}



.c-hbanner .nexImg,.c-hbanner .preImg{padding: 40px 15px;position: absolute;top: 50%;margin-top: -53px;background: #000;opacity: 0.5;border-radius: 5px;z-index: 10; color:#fff; font-size:2em; cursor:pointer;}







.c-hbanner .nexImg:hover,.c-hbanner .preImg:hover{opacity: 0.8;}



.c-hbanner .nexImg{right: 5px;}



.c-hbanner .preImg{left: 5px;}



.c-hbanner .nexImg img,.c-hbanner .preImg img{}



.c-hbanner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}



.c-hbanner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}



.c-hbanner .jumpBtn ul li{width: 15px;height: 15px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px;}



.c-hbanner .jumpBtn ul li:first-child{margin-left: 0px;}







.hbanner{} 



.hbanner li{ position:relative;}



.hbanner li .wrap{ position:absolute; top:40%; left:50%; transform:translateX(-50%) translateY(-50%);}



.hbannerwz1{ text-align:center;}



.hbannert1{ font-size:5em; line-height:1.5em; font-weight:bold;}



.hbannerp1{ font-size:2em; line-height:1.5em;}







.banner-boxs-ul{ width:50%; margin:0 auto;}



.banner-boxs-ul .pp{width: 33.33%;float: left;padding-left: 50px;}



.banner-boxs-ul .pp h4{font-size: 3em; line-height:1.5em;}



.banner-boxs-ul .pp p{text-align: center;}



.banner-btn{margin-top: 20px; text-align:center;}



.banner-btn a{ display:inline-block; padding:0.7em 2em; background:rgba(0,100,255,0.8); color:#fff; border-radius:7px;}



.banner-btn a:hover{ background:rgba(30,120,255,0.8);}







.banner-boxs-ul .pp:first-child h4,.banner-boxs-ul .pp:first-child p{ animation: xiangzuo 14s infinite;}



.banner-boxs-ul .pp:last-child h4,.banner-boxs-ul .pp:last-child p{ animation: xiangyou 14s infinite;}







.bannerimg{ animation:bianda 14s infinite;}















@keyframes xiangzuo



{



    0%   {}



    50% { transform:translateX(-30px);}



    100% {}



}



@keyframes xiangyou



{



    0%   {}



    50% { transform:translateX(30px);}



    100% {}



}



@keyframes bianda



{



    0%   {}



    50% { transform:scale(1.05,1.05);}



    100% {}



}























@media screen and (max-width:768px){







.c-hbanner{width: 100%;height: 345px;overflow: hidden;}



.c-hbanner .hbanner ul li img{}



}



@media screen and (max-width:1440px){







.hbannert1{ font-size:4em;}



.hbannerp1{ font-size:1.5em;}



.banner-boxs-ul .pp h4{font-size: 2.5em;}



.banner-btn a{ padding:0.5em 1.5em;}



}











@keyframes backTop{0%,100%{top:8px}



50%{top:5px}



}



@-webkit-keyframes backTop{0%,100%{top:8px}



50%{top:5px}



}



@keyframes scaleChange{0%,100%{transform:scale(1)}



50%{transform:scale(0.6)}



}



@-webkit-keyframes scaleChange{0%,100%{transform:scale(1)}



50%{transform:scale(0.6)}



}



@keyframes effect{0%{transform:scale(1)}



50%{transform:scale(0.9)}



100%{transform:scale(1)}



}.gq-decor{width:311px;height:169px;position:fixed;padding-left:12px;padding-right:1px;padding-top:2px;padding-bottom:16px;overflow:hidden;left:0;bottom:0;z-index:333}



.gq-decor .decor-top{position:relative;width:298px;height:144px}



.gq-decor .decor-top .decor-flag{width:225px;height:144px;position:absolute;left:0;bottom:0px;-webkit-animation:flagmove 5s linear;-moz-animation:flagmove 5s linear;-o-animation:flagmove 5s linear;animation:flagmove 5s linear}



.gq-decor .decor-top .decor-text{position:absolute;width:100%;height:144px;left:0;top:0}



.gq-decor .decor-top .decor-text .d_text{right:12px;bottom:33px;position:absolute;width:209px;height:56px;-webkit-animation:textsee 5s linear;-moz-animation:textsee 5s linear;-o-animation:textsee 5s linear;animation:textsee 5s linear}



.gq-decor .decor-top .decor-text .d_num{width:127px;height:105px;position:absolute;left:116px;bottom:8px;-webkit-animation:numrotate 5s linear;-moz-animation:numrotate 5s linear;-o-animation:numrotate 5s linear;animation:numrorate 5s linear}



.gq-decor .decor-top .decor-text .d_year{width:53px;height:9px;position:absolute;left:176px;bottom:25px;-webkit-animation:numberup 5s linear;-moz-animation:numberup 5s linear;-o-animation:numberup 5s linear;animation:numberup 5s linear}



.gq-decor .decor-top .decor-birds .bird01{width:29px;height:30px;left:212px;top:14px;position:absolute;-webkit-animation:bird01fly 5s linear;-moz-animation:bird01fly 5s linear;-o-animation:bird01fly 5s linear;animation:bird01fly 5s linear}



.gq-decor .decor-top .decor-birds .bird02{width:25px;height:25px;left:242px;top:17px;position:absolute;-webkit-animation:bird02fly 5s linear;-moz-animation:bird02fly 5s linear;-o-animation:bird02fly 5s linear;animation:bird02fly 5s linear}



.gq-decor .decor-top .decor-birds .bird03{width:35px;height:31px;left:266px;top:-2px;position:absolute;-webkit-animation:bird03fly 5s linear;-moz-animation:bird03fly 5s linear;-o-animation:bird03fly 5s linear;animation:bird03fly 5s linear}



.gq-decor .decor-bottom{position:absolute;left:12px;bottom:16px;width:298px;height:27px}



.gq-decor .decor-bottom .text_bg{position:absolute;bottom:0;left:0;width:100%;height:auto;-webkit-animation:bgmove 5s linear;-moz-animation:bgmove 5s linear;-o-animation:bgmove 5s linear;animation:bgmove 5s linear}



.gq-decor .decor-bottom .light{position:absolute;left:135px;bottom:0;width:200px;height:auto;z-index:1;-webkit-animation:lightmove 5s linear, lightmove2 5s linear infinite 6s;-moz-animation:lightmove 5s linear, lightmove2 5s linear infinite 6s;-o-animation:lightmove 5s linear, lightmove2 5s linear infinite 6s;animation:lightmove 5s linear, lightmove2 5s linear infinite 6s}



.gq-decor .decor-bottom .text_desc{position:absolute;width:264px;height:13px;left:19px;top:7px;z-index:2;-webkit-animation:textfade 5s linear;-moz-animation:textfade 5s linear;-o-animation:textfade 5s linear;animation:textfade 5s linear}



@-webkit-keyframes flagmove{0%{bottom:-169px;opacity:0}



20%{bottom:0;opacity:1}



}



@-moz-keyframes flagmove{0%{bottom:-169px;opacity:0}



20%{bottom:0;opacity:1}



}



@-o-keyframes flagmove{0%{bottom:-169px;opacity:0}



20%{bottom:0;opacity:1}



}



@keyframes flagmove{0%{bottom:-169px;opacity:0}



20%{bottom:0;opacity:1}



}



@-webkit-keyframes numrorate{0%{bottom:-138px;transform:rotateY(0)}



12%{bottom:-138px;transform:rotateY(0)}



24%{transform:rotateY(180deg)}



36%{transform:rotateY(0deg);bottom:8px}



}



@-moz-keyframes numrorate{0%{bottom:-138px;transform:rotateY(0)}



12%{bottom:-138px;transform:rotateY(0)}



24%{transform:rotateY(180deg)}



36%{transform:rotateY(0deg);bottom:8px}



}



@-o-keyframes numrorate{0%{bottom:-138px;transform:rotateY(0)}



12%{bottom:-138px;transform:rotateY(0)}



24%{transform:rotateY(180deg)}



36%{transform:rotateY(0deg);bottom:8px}



}



@keyframes numrorate{0%{bottom:-138px;transform:rotateY(0)}



12%{bottom:-138px;transform:rotateY(0)}



24%{transform:rotateY(180deg)}



36%{transform:rotateY(0deg);bottom:8px}



}



@-webkit-keyframes textsee{0%{opacity:0}



36%{opacity:0}



46%{opacity:1}



}



@-moz-keyframes textsee{0%{opacity:0}



36%{opacity:0}



46%{opacity:1}



}



@-o-keyframes textsee{0%{opacity:0}



36%{opacity:0}



46%{opacity:1}



}



@keyframes textsee{0%{opacity:0}



36%{opacity:0}



46%{opacity:1}



}



@-webkit-keyframes bird01fly{0%{left:-40px;top:92px}



20%{left:-40px;top:92px}



44%{left:212px;top:14px}



}



@-moz-keyframes bird01fly{0%{left:-40px;top:92px}



20%{left:-40px;top:92px}



44%{left:212px;top:14px}



}



@-o-keyframes bird01fly{0%{left:-40px;top:92px}



20%{left:-40px;top:92px}



44%{left:212px;top:14px}



}



@keyframes bird01fly{0%{left:-40px;top:92px}



20%{left:-40px;top:92px}



44%{left:212px;top:14px}



}



@-webkit-keyframes bird02fly{0%{left:30px;top:180px}



20%{left:30px;top:180px}



44%{left:242px;top:17px}



}



@-moz-keyframes bird02fly{0%{left:30px;top:180px}



20%{left:30px;top:180px}



44%{left:242px;top:17px}



}



@-o-keyframes bird02fly{0%{left:30px;top:180px}



20%{left:30px;top:180px}



44%{left:242px;top:17px}



}



@keyframes bird02fly{0%{left:30px;top:180px}



20%{left:30px;top:180px}



44%{left:242px;top:17px}



}



@-webkit-keyframes bird03fly{0%{left:-50px;top:42px}



20%{left:-50px;top:42px}



44%{left:266px;top:-2px}



}



@-moz-keyframes bird03fly{0%{left:-50px;top:42px}



20%{left:-50px;top:42px}



44%{left:266px;top:-2px}



}



@-o-keyframes bird03fly{0%{left:-50px;top:42px}



20%{left:-50px;top:42px}



44%{left:266px;top:-2px}



}



@keyframes bird03fly{0%{left:-50px;top:42px}



20%{left:-50px;top:42px}



44%{left:266px;top:-2px}



}



@-webkit-keyframes bgmove{0%{bottom:-50px}



36%{bottom:-50px}



46%{bottom:0}



100%{bottom:0}



}



@-moz-keyframes bgmove{0%{bottom:-50px}



36%{bottom:-50px}



46%{bottom:0}



100%{bottom:0}



}



@-o-keyframes bgmove{0%{bottom:-50px}



36%{bottom:-50px}



46%{bottom:0}



100%{bottom:0}



}



@keyframes bgmove{0%{bottom:-50px}



36%{bottom:-50px}



46%{bottom:0}



100%{bottom:0}



}



@-webkit-keyframes lightmove{0%{bottom:-50px;left:0}



36%{bottom:-50px}



46%{bottom:0;left:0}



100%{left:135px}



}



@-moz-keyframes lightmove{0%{bottom:-50px;left:0}



36%{bottom:-50px}



46%{bottom:0;left:0}



100%{left:135px}



}



@-o-keyframes lightmove{0%{bottom:-50px;left:0}



36%{bottom:-50px}



46%{bottom:0;left:0}



100%{left:135px}



}



@keyframes lightmove{0%{bottom:-50px;left:0}



36%{bottom:-50px}



46%{bottom:0;left:0}



100%{left:135px}



}



@-webkit-keyframes lightmove2{0%{left:135px}



5%{left:150px}



55%{left:0px}



100%{left:135px}



}



@-moz-keyframes lightmove2{0%{left:135px}



5%{left:150px}



55%{left:0px}



100%{left:135px}



}



@-o-keyframes lightmove2{0%{left:135px}



5%{left:150px}



55%{left:0px}



100%{left:135px}



}



@keyframes lightmove2{0%{left:135px}



5%{left:150px}



55%{left:0px}



100%{left:135px}



}



@-webkit-keyframes textfade{0%{opacity:0}



46%{opacity:0}



58%{opacity:1}



}



@-moz-keyframes textfade{0%{opacity:0}



46%{opacity:0}



58%{opacity:1}



}



@-o-keyframes textfade{0%{opacity:0}



46%{opacity:0}



58%{opacity:1}



}



@keyframes textfade{0%{opacity:0}



46%{opacity:0}



58%{opacity:1}



}



@-webkit-keyframes numberup{0%{bottom:0;opacity:0}



46%{bottom:0;opacity:0}



52%{opacity:1}



58%{bottom:25px}



}



@-moz-keyframes numberup{0%{bottom:0;opacity:0}



46%{bottom:0;opacity:0}



52%{opacity:1}



58%{bottom:25px}



}



@-o-keyframes numberup{0%{bottom:0;opacity:0}



46%{bottom:0;opacity:0}



52%{opacity:1}



58%{bottom:25px}



}



@keyframes numberup{0%{bottom:0;opacity:0}



46%{bottom:0;opacity:0}



52%{opacity:1}



58%{bottom:25px}



}



@font-face{font-family:"Microsoft Yahei", "Arial",  "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;font-display:swap}



body{background:#f6f6f6}

























.video-banner{position:relative;overflow:hidden;}



.video-banner .video-mark{}



.video-banner>img{display:block;width:100%}



.video-banner>video{display:block;width:100%;position:relative;z-index:1}



.video-banner .wrap{display:block;position:absolute;top:50%;left:0;right:0;margin-top:-167px;z-index:10;text-align:center}



.video-banner .font-panel{padding-top:75px}



.video-banner .font-panel>span{}







.video-banner .font-panel>span a{display:inline-block;margin-top:55px;width:140px;line-height:38px; position:relative;cursor:pointer;transition:all .3s; color:#fff;border-radius:38px;font-size:16px;background:#0066ff; opacity:0.9;}



.video-banner .font-panel>span a:hover{ background:#3388ff;}











.video-banner .font-panel h2{margin-bottom:30px;font-size:64px;line-height:1.2;font-weight:bold;color:#282828;width:100%}



.video-banner .font-panel p{width:55%;font-size:16px;line-height:30px;color:#282828;margin:0 auto;text-align:center; background:rgba(255,255,255,0.5); padding:15px; border-radius:6px;}















.aboutbox{padding-top:90px;}



.aboutbox.about1{ background:#f5f5f5; padding-bottom:50px;}



.aboutbox h3{font-size:34px;color:#1d1d1f;font-weight:bold;line-height:1}



.aboutbox p{font-size:18px;margin-top:38px;color:#888888;line-height:1.8}



.aboutbox .hxfont{font-size:38px;color:#e0e0e0;font-weight:bold;text-transform:uppercase}



.aboutbox .bsty{margin-top:24px;margin-bottom:52px}



.aboutbox .bsty span{font-size:48px;color:#1d1d1f;font-weight:bold;line-height:1}



.mb-50{margin-bottom:50px}



.about1 .sty2{margin-top:95px}



.about1 .sty2 .fl{width:31.25%;float:left;margin-top:40px}



.about1 .sty2 .fl ul{margin-left:-130px;margin-top:10px}



.about1 .sty2 .fl ul li{width:144px;margin-left:130px;margin-top:46px;float:left;text-align:center}







.about1 .sty2 .fl ul li img{ animation:xuanzhaun 4s infinite;}







.about1 .sty2 .fl ul li:nth-child(2) img{animation-delay:1s;}



.about1 .sty2 .fl ul li:nth-child(3) img{animation-delay:2s;}



.about1 .sty2 .fl ul li:nth-child(4) img{animation-delay:3s;}















.about1 .sty2 .fl ul li p{font-size:16px;color:#1d1d1f;margin-top:16px}



.about1 .sty2 .fr{width:66.44737%;float:right;overflow:hidden; border-radius:15px;}



.about1 .sty2 .fr img{transform:scale(1);transition:all 1s}



.about1 .sty2 .fr:hover img{transform:scale(1.1)}



.about2 .sty1{padding-top:55px}



.about2 .sty1 ul{margin-top:41px}



.about2 .sty1 ul li{width:23%;float:left;margin-left:2.63%;position:relative}



.about2 .sty1 ul li:first-child{margin-left:0}



.about2 .sty1 ul li p{font-size:20px;color:#fff;text-align:center;line-height:1;position:absolute;left:0;right:0;top:50%;margin-top:-35px}



.about2 .sty1 ul li p span{font-size:24px;font-weight:bold;display:block;transition:all .3s}



.about2 .sty1 ul li p span:after{content:"";width:30px;height:1px;background:#ff4e3c;display:block;margin:12px auto 14px}



.about2 .sty1 ul li:hover p span{color:#ff4e3c}



.about2 .sty2{margin-top:60px;margin-bottom:20px}



.about2 .sty2 ul li{width:24.76%;float:left;margin-left:0.32%;overflow:hidden}



.about2 .sty2 ul li .img-panel{overflow:hidden;}



.about2 .sty2 ul li .img-panel img{display:block;width:100%;transform:scale(1);transition:all 1s}



.about2 .sty2 ul li .img-panel img:hover{transform:scale(1.1)}



.about2 .sty2 ul li:first-child{margin-left:0}



.about2 .sty2 ul li p{background:#f5f5f7;font-size:24px;padding:17px 0;color:#1d1d1f;line-height:1.5;text-align:center;margin:0}



.about3 .sty2{background:url(../image/about3_bg.jpg) center no-repeat;background-size:cover;padding:105px 0}



.about3 .sty2 h3,.about3 .sty2 p{width:51.11842%;color:#fff}



.about3 .sty2 ul{margin-top:60px;display:table}



.about3 .sty2 ul li{text-align:center;float:left;position:relative}



.about3 .sty2 ul li:first-child{padding-right:60px;margin-right:60px}



.about3 .sty2 ul li:first-child:before{
content:"";
display:block;width:1px;height:50px;background:#fff;position:absolute;right:0;top:50%;margin-top:-25px}



.about3 .sty2 ul li p{width:auto;line-height:1;margin-top:15px}







 /* Video Button */

.habout_video_btn{display: inline-block; position: absolute; z-index: 1; margin: 0 auto; top:50%; left:50%; transform:translate(-50%,-50%);}

.habout_video_btn a{display: inline-block; vertical-align: middle; border-radius: 999px; height:90px;}

.habout_video_btn:before,

.habout_video_btn:after{
content:"";
display:block;border-radius: 999px; content: ""; height: 100%;  top:0; left:0; transform:translate(-50%,-50%); position: absolute; width: 100%;}

.habout_video_btn:before{
content:"";
display:block;background: rgba(0, 122, 255, 0.7); z-index: -1; -webkit-animation: tmGrowShrink 1.2s ease-in-out 0s infinite both; animation: tmGrowShrink 1.2s ease-in-out 0s infinite both;}

.habout_video_btn:after{background: rgba(255, 255, 255, 0.7); z-index: -2; -webkit-animation: tmGrowShrink 1.2s ease-in-out 0.3s infinite both; animation: tmGrowShrink 1.2s ease-in-out 0.3s infinite both;}

.habout_video_btn span{display: inline-block; height: 90px; width: 90px; line-height: 90px; text-align: center; background: #ffffff; border-radius: 999px; color: #007aff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position:relative;}

.habout_video_btn span i{font-size: 0; vertical-align: middle;}

.habout_video_btn:hover span{background: #007aff; color: #ffffff;}



.habout_video_btn span i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; border-left: 20px solid #171212; border-top: 12px solid transparent; border-bottom:12px solid transparent;}

.habout_video_btn:hover span i{border-left: 20px solid #fff;}



@-webkit-keyframes tmGrowShrink {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: scale(1.55);

    transform: scale(1.55);

    opacity: 0;

  }

}



@keyframes tmGrowShrink {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: scale(1.55);

    transform: scale(1.55);

    opacity: 0;

  }

}





/*荣誉证书新增*/

.honor{ padding:50px 0; background:#f5f5f5;}

.honor_list{display:flex;   align-items: center;flex-flow:wrap;}

.honor_list::before,.honor_list::after{ display:none;}

.honor_list li{ width:25%; margin-bottom:30px; padding:0 0.5%;}

a.honor_a1{ display:block; overflow:hidden; border:1px solid #666; cursor:pointer;}

a.honor_a1 img{ width:100%; transition:all 0.4s;}

a.honor_a2{ display:block; background:#333;text-align:center; color:#d00; height:3em; line-height:3em; color:#fff; margin-top:0.5em; transition:all 0.4s;cursor:pointer;}



.honor_list li:hover a.honor_a1 img{ transform:scale(1.05);}

.honor_list li:hover a.honor_a2{ background:#06f;}





.bigimg {

	max-width: 60%;

	max-height: 80%;

	position: fixed;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	display: none;

	z-index: 9999;

	border: 10px solid #fff;

}

.mask {

	position: fixed;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	background-color: #000;

	opacity: 0.5;

	filter: Alpha(opacity=50);

	z-index: 98;

	transition: all 1s;

	display: none;

}

.bigbox {

	width: 840px;

	background: #fff;

	border: 1px solid #ededed;

	margin: 0 auto;

	border-radius: 10px;

	overflow: hidden;

	padding: 10px;

}

.bigbox>.imgbox {

	width: 400px;

	height: 250px;

	float: left;

	border-radius: 5px;

	overflow: hidden;

	margin: 0 10px 10px 10px;

}

.bigbox>.imgbox>img {

	width: 100%;

}

.imgbox:hover {

	cursor: zoom-in;

}

.mask:hover {

	cursor: zoom-out;

}

.mask>img {

	position: fixed;

	right: 10px;

	top: 85px;

	width: 30px;

}

.mask>img:hover {

	cursor: pointer;

}







.case_box{ margin:0 -1.5%; overflow:hidden; display:flex; flex-wrap:wrap;}



.allist_cont{ padding:60px 0 40px; background:#f1f1f1;}



.allist_cont li{width: 47%;float:left;margin: 0 1.5% -4px;box-sizing:border-box;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}



.allist_cont .allist_con{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative;top:0;overflow:hidden}



.allist_cont .allist_con a{display:block;overflow:hidden;border-radius: 15px; position:relative;}



.allist_cont .allist_con img{display:block;transition:all ease 1s;width:100%}



.allist_cont .allist_con:hover img{transform:scale(1.1)}



.allist_cont .allist_con a i{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg)}



.allist_cont .allist_con a:hover i{transition:all .3s ease;left:100%}



.allist_cont .allist_con .allist_text{padding:10px 20px 15px;/* border:#f0f0f0 1px solid; */background: rgb(255 255 255 / 90%);transform: translateY(-40%);border-radius: 5px;box-shadow: 0 -6px 10px 6px rgb(0 0 0 / 10%);/* border-top: 4px solid #d00; */ transition:0.4s; margin:0 25px; position:relative;}

.allist_cont .allist_con .allist_text:before{
content:"";
display:block; position:absolute; left:0; bottom:0; border-bottom: 4px solid #d00; transition:all 1s; width:0; border-bottom-right-radius:5px;border-bottom-left-radius:5px;}



.allist_cont .allist_con:hover .allist_text{box-shadow: 0 -10px 15px 10px rgb(0 0 0 / 30%);}



.allist_cont .allist_con:hover .allist_text:before{
content:"";
display:block; width:100%;}



.allist_cont .allist_con .allist_text h3{display:block;font-size:20px;color: #000;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0}



.allist_cont .allist_con .allist_text .more{float:right;width:60px;height:60px;border-radius:50px 0 0 0;/* background:#fff url(../image/case_ico.png) no-repeat; */background-position:-60px 0;margin-top:-35px;margin-right:-20px;margin-bottom:-25px;-moz-box-shadow:1px 0 20px #c2cdef;-webkit-box-shadow:1px 0 20px #c2cdef;box-shadow:1px 0 20px #c2cdef;display: none;}



.allist_cont .allist_con .allist_text p{font-size:16px;color: #1c1c1c;line-height:30px}



.allist_cont .allist_con:hover{-moz-box-shadow:0 3px 10px rgba(0,0,0,0.2);/* -webkit-box-shadow:0 3px 10px rgba(0,0,0,0.2); *//* box-shadow:0 3px 10px rgba(0,0,0,0.2); *//* top:-5px; *//* background:#fff; */}



.allist_cont .allist_con:hover .allist_text .more{background:#c2cdef url(../image/case_ico.png) no-repeat;background-position:0 0;display: none;}



.allist_cont .allist_con:hover h3 a{color:#d21423}



.allist_cont .allist_con::after{content:"";position:absolute;right:100%;bottom:0;width:100%;height:2px;background-color:#eb0001;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:alpha(Opacity=0);-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}



.allist_cont .allist_con:hover::after{right:0;/* opacity:1; */-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100)}





/*主页案例修改*/

.allist_cont_index{ padding:60px 0 40px; background:#f1f1f1;}

.allist_cont_index li{width:30.33%;float:left;margin:0 1.5% 50px;box-sizing:border-box;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}

.allist_cont_index .allist_con{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative;top:0;overflow:hidden}

.allist_cont_index .allist_con a{display:block;overflow:hidden}

.allist_cont_index .allist_con img{display:block;transition:all ease 1s;width:100%}

.allist_cont_index .allist_con:hover img{transform:scale(1.1)}

.allist_cont_index .allist_con a i{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg)}

.allist_cont_index .allist_con a:hover i{transition:all .3s ease;left:100%}

.allist_cont_index .allist_con .allist_text{padding:20px 20px 25px;border:#f0f0f0 1px solid;background:#F2F6FF url(../image/pro_x.png) repeat repeat}

.allist_cont_index .allist_con .allist_text h3{display:block;font-size:20px;color:#333;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0}

.allist_cont_index .allist_con .allist_text .more{float:right;width:60px;height:60px;border-radius:50px 0 0 0;background:#fff url(../image/case_ico.png) no-repeat;background-position:-60px 0;margin-top:-35px;margin-right:-20px; margin-bottom:-25px;-moz-box-shadow:1px 0 20px #c2cdef;-webkit-box-shadow:1px 0 20px #c2cdef;box-shadow:1px 0 20px #c2cdef}

.allist_cont_index .allist_con .allist_text p{font-size:16px;color:#666;line-height:30px}

.allist_cont_index .allist_con:hover{-moz-box-shadow:0 3px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.2);box-shadow:0 3px 10px rgba(0,0,0,0.2);top:-5px;background:#fff}

.allist_cont_index .allist_con:hover .allist_text .more{background:#c2cdef url(../image/case_ico.png) no-repeat;background-position:0 0}

.allist_cont_index .allist_con:hover h3 a{color:#d21423}

.allist_cont_index .allist_con::after{content:"";position:absolute;right:100%;bottom:0;width:100%;height:2px;background-color:#eb0001;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:alpha(Opacity=0);-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}

.allist_cont_index .allist_con:hover::after{right:0;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100)}







/*面包屑导航部分*/



.npagenav{ line-height:70px; height:70px; background:#fff;}



.npagenav a{ display:inline-block; padding:0 25px; font-size:1.2em;}



.npagenav a.current-img{ color:#fff; background:var(--theme-color);}



.npagenav2{ line-height:70px; background:#fff;font-size:1.2em;}



.npagenav2 a{ display:inline-block;}











.solutions .case_font_box{display:block; width:100%; position:absolute; top:50%; left:0; z-index:10; color:#fff; -webkit-transform:translateY(-60%); -moz-transform:translateY(-60%); -o-transform:translateY(-60%); -ms-transform:translateY(-60%); transform:translateY(-60%); color:#282828;}



.solutions .case-font{margin-top:200px}



.solutions .case-font>span{height:50px;line-height:38px;font-size:24px;color:#fff;font-family:"yahei";display:block;position:relative}



.solutions .case-font>span:before{
content:"";
display:block;width:60px;height:1px;background:#eee;position:absolute;left:0;bottom:0}



.solutions .case-font h2{margin-top:60px;margin-bottom:35px;font-size:64px;line-height:1.2;font-weight:bold;color:#fff;width:100%}



.solutions .case-font p{width:47.36842%;font-size:16px;line-height:30px;font-family:"yahei";color:#eee}











.nybanner{ overflow:hidden;}



.nybannerimg{ animation:bianda 14s infinite;}





.video-opacity{position:fixed;width:100%;height:100%;top:0;left:0;background:#000;filter:alpha(Opacity=50);opacity:0.5;z-index:100}



.video-wrap{position:fixed;width:900px;height:528px;left:50%;margin-left:-496px;top:50%;margin-top:-279px;z-index:1551}



.video-wrap video{width:100%;display:block}



.video-wrap .close{width:50px;height:50px;font-size:30px;font-weight:bold;display:block;position:absolute;top:0;right:-62px}



.video-wrap .close:hover{-webkit-transition:-webkit-transform .2s ease-in;-moz-transition:-moz-transform .2s ease-in;-o-transition:-o-transform .2s ease-in;transition:transform .2s ease-in;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}



.videofixed{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999999;visibility:hidden;transition:all linear 0.3s}



.videofixed .video-mask{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);opacity:0;transition:all 1s}



.videofixed .videoplay{width:60%;position:absolute;left:20%;top:20%;transform:scale(0);transition:all .3s}



.videofixed .videoplay video{width:100%;display:block}



.videofixed .videoplay .close{width:50px;height:50px;font-size:70px;font-weight:lighter;text-align:center;line-height:1;color:#fff;font-style:normal;display:block;position:absolute;top:-60px;right:-60px;cursor:pointer}



.videofixed_active{visibility:initial}



.videofixed_active .video-mask{opacity:1}



.videofixed_active .videoplay{transform:scale(1)}



.model-7 .img-panel{margin-top:50px;overflow:hidden; padding-bottom:50px;}



.model-7 .img-panel .font-panel{font-size:18px;line-height:32px;padding:40px 60px;position:absolute;left:0;color:#fff;font-weight:bold;z-index:1}



.model-7 .img-panel .top-panel{width:100%;overflow:hidden;position:relative}



.model-7 .img-panel .top-panel .font-panel{top:0}



.model-7 .img-panel .btm-panel{margin-top:20px;width:100%;overflow:hidden}



.model-7 .img-panel .btm-panel .img-box{width:49.02913%;float:left}



.model-7 .img-panel .btm-panel .img-box+.img-box{float:right}



.model-7 .img-panel .img-box{display:block;width:100%;overflow:hidden;border-radius:15px;position:relative}



.model-7 .img-panel .img-box img{display:block;width:100%;transform:scale(1);transition:all 1s}



.model-7 .img-panel .img-box img:hover{transform:scale(1.1)}



.model-7 .img-panel .lf-panel{width:67.76316%;float:left;overflow:hidden;position:relative}



.model-7 .img-panel .rt-panel{width:30.92105%;float:right;overflow:hidden;position:relative}



.model-7 .img-panel .rt-panel .font-panel{bottom:0}



.model-8{padding-bottom:40px;background:#fafafa}



.parter-list{margin:0 -74px;overflow:hidden}



.parter-list li{float:left;margin-top:40px;margin-left:4.3765%;overflow:hidden;width:9.23261%}



.parter-list li span{display:block;overflow:hidden}



.parter-list li span img{display:block;width:100%;cursor:pointer;transition:all .3s}







.aboutbox .img-panel{}







.visibility{visibility:hidden}



.ie8-hack .visibility{visibility:inherit}











/*news*/







.newsban{background:url(../image/newscenter_banbg.jpg) center no-repeat;background-size:cover;padding-top:208px;padding-bottom:168px;line-height:1;text-align:center}



.newsban span{font-size:24px;color:#ffffff}



.newsban span:after{content:"";width:60px;height:1px;background:#888888;display:block;margin:18px auto 56px}



.newsban h2{font-size:64px;color:#ffffff;font-weight:bold}



.newsban p{font-size:16px;color:#888888;margin-top:40px}



.newsbox{line-height:1;padding-top:66px;padding-bottom:60px}



.newsbox .titbox dd{float:left}



.newsbox .titbox dd h3 a{font-size:48px;color:#1d1d1f;font-weight:bold;display:block}



.newsbox .titbox dd h3 a:hover{color:#f3392b}



.newsbox .titbox dd span{font-size:38px;color:#e5e5e5;font-weight:bold;display:block;margin-top:30px}



.newsbox .titbox dt{float:left;margin-left:82px}



.newsbox .titbox dt p{font-size:16px;color:#888888;line-height:1.875}



.newsbox .titbox dt .more{font-size:14px;color:#1d1d1f;line-height:31px;margin-top:25px;display:table}



.newsbox .titbox dt .more i{width:31px;height:31px;border:2px solid #1d1d1f;border-radius:50%;display:inline-block;vertical-align:top;margin-right:15px;position:relative}



.newsbox .titbox dt .more i:before,.newsbox .titbox dt .more i:after{
content:"";
display:block;background:#1d1d1f;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}



.newsbox .titbox dt .more i:before{width:2px;height:12px}



.newsbox .titbox dt .more i:after{width:12px;height:2px}



.newsbox .titbox dt .more:hover{color:#0066ff}



.newsbox .titbox dt .more:hover i{border:2px solid #0066ff}



.newsbox .titbox dt .more:hover i:before,.newsbox .titbox dt .more:hover i:after{background:#0066ff;}



.newsbox .newslr{margin-top:59px}



.newsbox .newspic li{border-radius:20px;overflow:hidden;transition:all linear 0.3s}



.newsbox .newspic li .pic{height:460px;overflow:hidden;display:block}



.newsbox .newspic li .pic img{width:100%;display:block}



.newsbox .newspic li .text{background:#fff;padding:40px 31px;margin-top:-10px;position:relative}



.newsbox .newspic li .text h4 a{font-size:22px;color:#1d1d1f;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;transition:all linear 0.3s}



.newsbox .newspic li .text span{font-size:18px;color:#575c66;display:block;margin-top:21px}



.newsbox .newspic li:hover{box-shadow:0 10px 32px rgba(29,29,31,0.12)}



.newsbox .newspic li:hover .text h4 a{color:#0066ff}



.news1{padding-top:95px; background:#f5f5f5;}



.news1 .fl{width:46.05263%;float:left}



.news1 .fr{width:46.05263%;float:right}



.news1 .fr li{background:#fff;border-radius:20px;padding:40px 28px;transition:all linear 0.3s}



.news1 .fr li h4 a{font-size:22px;color:#1d1d1f;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;transition:all linear 0.3s; line-height:1.4em;}



.news1 .fr li span{border-top:1px solid #f5f5f5;font-size:18px;color:#575c66;display:block;padding-top:14px;margin-top:22px}



.news1 .fr li:hover{box-shadow:0 10px 32px rgba(29,29,31,0.12)}



.news1 .fr li:hover h4 a{color:#0066ff}



.news1 .fr li+li{margin-top:60px}







.hnewsxg.news1 .fl{ width:100%;}



.hnewsxg.newsbox .newspic{ display:flex; justify-content:space-between; margin:0 -1.6%;}



.hnewsxg.newsbox .newspic li{ width:23%;}



.hnewsxg.newsbox .newspic li .pic{ height:240px;}



.hnewsxg.newsbox .newspic li .text h4 a{ font-size:18px;}











.hmore{ text-align:center;}



.hmore a{ display:inline-block; padding:0.6em 2em; background:#0066ff; color:#fff; border-radius:7px; transition:all 0.5s;}



.hmore a:hover{ opacity:0.8;}











.news2{background:#fafafa}



.news2 .newspic{margin-left:-7.8%}



.news2 .newspic li{width:42.721%;float:left;margin-left:7.27%}



.newslist{background:#f1f1f1;padding-top:60px}



.newslist .newsfl{background:#ffffff;border-radius:20px;padding:45px}



.newslist .newsfl ul{margin:0 auto;display:table}



.newslist .newsfl ul li{width:180px;height:60px;float:left;margin:0 65px}



.newslist .newsfl ul li a{width:100%;height:100%;border-radius:20px;font-size:20px;color:#888888;line-height:60px;text-align:center;display:block;transition:all linear 0.3s}



.newslist .newsfl ul li:hover a{background:#fb4536;color:#fff;font-weight:bold}



.newslist .newsfl ul .active a{background:#fb4536;color:#fff;font-weight:bold}



.newslist .newspic2{margin-left:-7.8%}



.newslist .newspic2 li{width:42.721%;background:#fff;border-radius:20px;padding:22px 30px;margin-left:7.27%;margin-top:60px;font-size:0;float:left;position:relative;transition:all linear 0.3s}



.newslist .newspic2 li .pic{width:27.813%;height:118px;border-radius:14px;display:inline-block;vertical-align:middle;overflow:hidden}



.newslist .newspic2 li .pic img{width:100%;border-radius:14px;display:block}



.newslist .newspic2 li .text{width:69%;display:inline-block;vertical-align:middle;margin-left:3.188%}



.newslist .newspic2 li .text h4 a{font-size:22px;color:#1d1d1f;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;transition:all linear 0.3s}



.newslist .newspic2 li .text span{border-top:1px solid #f5f5f5;font-size:18px;color:#575c66;display:block;padding-top:14px;margin-top:22px}



.newslist .newspic2 li:hover{box-shadow:0 10px 32px rgba(29,29,31,0.12)}



.newslist .newspic2 li:hover .text h4 a{color:#f3392b}



.page{margin:100px auto 0}



.page .pagination{width:100%;font-size:0;line-height:0;text-align:center}



.page .pagination li{display:inline-block;margin:0 10px 10px}



.page .pagination li span,.page .pagination li a{background:#fff;display:block;padding:0 20px;line-height:50px;font-size:16px;color:#888888;border-radius:14px;transition:all .3s}



.page .pagination li:hover a{background:#fb4636;color:#fff}



.page .pagination li.active span{background:#fb4636;color:#fff}



.page .pagination li.disabled:hover{cursor:not-allowed}







.colorhs{}







.solutions .colorhs.case-font>span{ color:#333;}



.solutions .colorhs.case-font h2{ color:#333;}



.solutions .colorhs.case-font p{ color:#333;}











/*service*/



.promiseban{background:url(../image/about_servicebg.jpg) center no-repeat;background-size:cover;padding-top:200px;padding-bottom:194px}



.promiseban h2{font-size:64px;color:#ffffff;line-height:1}



.promiseban .text{width:930px;font-size:16px;color:#888888;line-height:1.875;margin-top:33px}



.promiseban .process{padding-left:40px;padding-right:40px;margin-top:120px}



.promiseban .process li{line-height:1;text-align:center;float:left;margin-left:211px;position:relative;transition:all linear 0.3s}



.promiseban .process li:before{
content:"";
display:block;width:30px;height:1px;background:#fff;position:absolute;left:-120px;bottom:54px}



.promiseban .process li:first-child{margin-left:0}



.promiseban .process li:first-child:before{display:none}



.promiseban .process li .image{display:table;margin:0 auto;position:relative;z-index:1}



.promiseban .process li i{width:50px;height:50px;background:#fb4736;border-radius:50%;font-size:24px;color:#ffffff;line-height:50px;font-style:normal;font-weight:bold;display:block;position:absolute;left:-32px;top:-20px;z-index:-1}



.promiseban .process li span{font-size:18px;color:#ffffff;font-weight:bold;display:block;margin-top:17px}



.promiseban .process li p{width:180px;font-size:16px;color:#d5d5d5;line-height:1.875;margin-top:22px;position:absolute;left:50%;top:88px;margin-left:-90px;transform:scale(0);opacity:0;transition:all linear 0.3s}



.promiseban .process li:hover{padding-bottom:54px;margin-top:-54px}



.promiseban .process li:hover p{transform:scale(1);opacity:1}



.promisebox{padding-top:100px;padding-bottom:100px}



.promisebox .fl{float:left}



.promisebox .fr{float:right}



.promisebox dd{width:52.63158%}



.promisebox dt{width:42.10526%;padding-top:75px;line-height:1}



.promisebox dt span{font-size:38px;color:#e0e0e0;font-weight:bold;text-transform:uppercase;display:block}



.promisebox dt h3{font-size:48px;color:#1d1d1f;font-weight:bold;margin-top:25px;margin-bottom:58px}



.promisebox dt p{font-size:18px;color:#888888;line-height:1.8}



.promise1{background:#fff}



.supportban{background:url(../image/about_supportbg.jpg) center no-repeat;background-size:cover;padding-top:232px;padding-bottom:292px}



.supportban h2{font-size:64px;color:#ffffff;font-weight:bold;line-height:1}



.supportban p{width:740px;font-size:16px;color:#d5d5d5;line-height:1.875;margin-top:34px}



.support .hxfont{font-size:38px;color:#e0e0e0;font-weight:bold;text-transform:uppercase;text-align:center;line-height:1;display:block;margin-bottom:25px}



.support .bsty{font-size:48px;color:#1d1d1f;font-weight:bold;text-align:center;line-height:1}



.support .text{font-size:16px;color:#888888;line-height:1.8;text-align:center;padding:0 7%;margin-top:56px}



.support1{padding-top:55px;padding-bottom:100px; background:#f5f5f5;}



.support1 .sty1{margin-left:-6.8%;margin-top:-15px}



.support1 .sty1 li{width:27.11%;float:left;background:#fff;border-radius:20px;padding:42px 40px;margin-top:60px;margin-left:6.17%;text-align:center;transition:all linear 0.3s}



.support1 .sty1 li span{font-size:24px;color:#1d1d1f;font-weight:bold;display:block;transition:all linear 0.3s}



.support1 .sty1 li span:after{content:"";border-top:11px solid #fb4636;border-right:6px solid transparent;border-left:6px solid transparent;display:inline-block;vertical-align:middle;margin-left:18px;margin-top:-2px}



.support1 .sty1 li p{border-top:1px solid #f3f3f3;font-size:16px;color:#888888;line-height:1;padding-top:19px;margin-top:11px}



.support1 .sty1 li:hover{box-shadow:0 10px 32px rgba(29,29,31,0.12)}



.support1 .sty1 li:hover span{color:#fb4636}



.support2{max-width:1920px;background:#fff;margin:0 auto;position:relative;overflow:hidden}



.support2:before{
content:"";
display:block;width:1052px;background:url(../image/about_supportpic.jpg) left center no-repeat;background-size:100%;position:absolute;left:0;top:0;bottom:0}



.support2 .fr{width:43.42105%;background:#fff;padding:60px 0 75px 80px;float:right}



.support2 .fr .hxfont,.support2 .fr .bsty,.support2 .fr .text{text-align:left;padding:0}



.support2 .fr ul{margin-top:38px}



.support2 .fr ul li{font-size:18px;color:#888888;line-height:1.5;font-weight:bold;margin-top:20px}



.support3{padding-top:95px;padding-bottom:30px}



.support3 .sty1{margin-top:50px}



.support3 .sty1 dl{width:28.94737%;height:343px;background:#fff;border-radius:20px;margin-left:6.57%;float:left;overflow:hidden;box-shadow:0 10px 32px rgba(29,29,31,0.12);position:relative}



.support3 .sty1 dl:first-child{margin-left:0}



.support3 .sty1 dl dd{height:279px;border-radius:20px;overflow:hidden;box-shadow:0 10px 32px rgba(29,29,31,0.12);transition:all linear 0.3s}



.support3 .sty1 dl dd img{width:100%;display:block}



.support3 .sty1 dl dt{text-align:center;padding:0 9.09091% 16px}



.support3 .sty1 dl dt h4{font-size:24px;color:#1d1d1f;line-height:1;padding:20px 0;transition:all linear 0.3s}



.support3 .sty1 dl dt p{font-size:16px;color:#888888;line-height:1.75}



.support3 .sty1 dl:hover dd{height:123px}



.support3 .sty1 dl:hover dt h4{color:#fb4636}



.samestyle .hxfont{font-size:38px;color:#e0e0e0;font-weight:bold;text-transform:uppercase;text-align:center;line-height:1;display:block;margin-bottom:25px}



.samestyle .bsty{font-size:48px;color:#1d1d1f;font-weight:bold;text-align:center;line-height:1}



.samestyle .text{font-size:18px;color:#888888;line-height:1.8;text-align:center;padding:0 7%;margin-top:50px}



.serviveban{background:url(../image/about_servicebg2.jpg) center no-repeat;background-size:cover}



.servive1{padding-top:58px;padding-bottom:90px}



.servive1 .sty1{margin-top:75px}



.servive1 .sty1 dl{width:23.093%;float:left;background:#fff;border-radius:20px;margin-left:2.54%;box-shadow:0 10px 32px rgba(29,29,31,0.12);overflow:hidden}



.servive1 .sty1 dl:first-child{margin-left:0}



.servive1 .sty1 dl dd img{width:100%;box-shadow:0 10px 32px rgba(29,29,31,0.12)}



.servive1 .sty1 dl dt{padding:30px}



.servive1 .sty1 dl dt p{font-size:16px;color:#888888;line-height:1;padding-top:52px;position:relative}



.servive1 .sty1 dl dt p:before{
content:"";
display:block;height:1px;background:#f63e2f;position:absolute;right:0;top:18px}



.servive1 .sty1 .one dt p{background:url(../image/about_servive1sjtb1.png) left top no-repeat}



.servive1 .sty1 .one dt p:before{width:145px}



.servive1 .sty1 .two dt p{background:url(../image/about_servive1sjtb2.png) left top no-repeat}



.servive1 .sty1 .two dt p:before{width:112px}



.servive1 .sty1 .three dt p{background:url(../image/about_servive1sjtb3.png) left top no-repeat}



.servive1 .sty1 .three dt p:before{width:138px}



.servive1 .sty1 .four dt p{background:url(../image/about_servive1sjtb4.png) left top no-repeat}



.servive1 .sty1 .four dt p:before{width:132px}



.servive2{background:url(../image/about_servive2bg.jpg) center no-repeat;background-size:cover;padding-top:75px;padding-bottom:155px}



.servive2 .samestyle .hxfont{color:#4d4d4d;text-align:left}



.servive2 .samestyle .bsty{color:#fff;text-align:left;margin-left:-20px}



.servive2 .samestyle .text{text-align:left;padding:0}



.servive2 .sty1{margin-top:97px}



.servive2 .sty1 li{width:360px;float:left}



.servive2 .sty1 li span{border-bottom:1px solid #888888;border-bottom:1px solid rgba(136,136,136,0.5);font-size:24px;color:#d5d5d5;font-weight:bold;line-height:1;padding-bottom:14px;display:table}



.servive2 .sty1 li span:after{content:"";border-top:10px solid #fb4636;border-right:6px solid transparent;border-left:6px solid transparent;display:inline-block;vertical-align:middle;margin-left:21px;margin-top:-2px}



.servive2 .sty1 li p{font-size:16px;color:#d5d5d5;line-height:1.75;margin-top:8px}



.servive2 .sty1 li p strong{font-size:24px;color:#fb4636}



.servive2 .sty1 li+li{margin-left:196px}



.servive3{padding-top:96px}



.servive3 .sty1{margin-top:56px}



.servive3 .sty1 li{width:33%;background:#f5f5f7;float:left;margin-left:0.486%;text-align:center;padding:34px 4.4% 27px;cursor:pointer;transition:all linear 0.2s}



.servive3 .sty1 li:first-child{margin-left:0}



.servive3 .sty1 li strong{font-size:32px;color:#f2281c;line-height:1;display:block;margin-top:19px;margin-bottom:14px}



.servive3 .sty1 li p{font-size:16px;color:#888888;line-height:1.75}







.serviceli{ margin-top:30px; color:#666; line-height:2em;}



.serviceli h4{ font-size:1.2em; padding-bottom:0.5em;}



.serviceli p{ font-size:1.14em;}















/*contactus*/







.contact1{background:url(../image/contact_bg.jpg) center no-repeat;background-size:auto 100%;padding-top:240px;padding-bottom:157px;line-height:1; animation:bgbd 14s infinite;}







@keyframes bgbd



{



    0%   {}



    50%  { background-size:auto 105%;}



    100% {}



}



























.contact1 h2{font-size:64px;color:#ffffff;font-weight:bold}



.contact1 .text{font-size:16px;color:#888888;margin-top:40px;margin-bottom:42px}



.contact1 .tel_swt{width:730px;border-top:1px solid #626566;border-bottom:1px solid #626566;padding-left:40px}



.contact1 .tel_swt p{font-size:18px;color:#ffffff;float:left;padding:31px 0 31px 90px;transition:all linear 0.3s}



.contact1 .tel_swt p span{font-size:26px;color:#f3392b;font-weight:bold;display:block;margin-bottom:12px;transition:all linear 0.3s}



.contact1 .tel_swt .telbtn{background:url(../image/contact_tb01.png) left center no-repeat;margin-right:56px}



.contact1 .tel_swt .swtbtn{background:url(../image/contact_tb02.png) left center no-repeat;cursor:pointer}



.contact1 .tel_swt .swtbtn:hover{color:#f3392b}



.contact1 .tel_swt .swtbtn:hover span{color:#ffffff}



.contact1 .address{font-size:18px;color:#ffffff;margin-top:30px}



.hxfont{font-size:38px;color:#e0e0e0;font-weight:bold;text-transform:uppercase;text-align:center;line-height:1;display:block;margin-bottom:25px}



.bsty{font-size:48px;color:#1d1d1f;font-weight:bold;text-align:center;line-height:1}



.contact2{background:#fafafa;padding-top:60px;padding-bottom:88px;line-height:1}



.contact2 .text{font-size:18px;color:#888888;line-height:1.8;margin-top:56px; text-align:center;}



.contact2 .sty1{margin-left:-9.2%;margin-top:8px}



.contact2 .sty1 li{width:41.58%;height:173px;float:left;padding:40px 40px 29px 140px;margin-top:40px;margin-left:8.42%;position:relative}



.contact2 .sty1 li:before{
content:"";
display:block;background:#fff;border-radius:20px;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transition:all linear 0.3s}



.contact2 .sty1 li h4{font-size:20px;color:#1d1d1f;font-weight:bold;display:block}



.contact2 .sty1 li h4:after{content:"";border-top:11px solid #fb4636;border-right:6px solid transparent;border-left:6px solid transparent;display:inline-block;margin-top:-2px}



.contact2 .sty1 li p{border-top:1px solid #f3f3f3;font-size:16px;color:#888888;line-height:1.75;padding-top:12px;margin-top:15px}



.contact2 .sty1 li:hover:before{
content:"";
display:block;box-shadow:0 10px 32px rgba(29,29,31,0.12)}



.contact2 .sty1 .one{background:url(../image/contact2_tb01.png) 50px center no-repeat}



.contact2 .sty1 .two{background:url(../image/contact2_tb02.png) 50px center no-repeat}



.contact2 .sty1 .three{background:url(../image/contact2_tb03.png) 50px center no-repeat}



.contact2 .sty1 .four{background:url(../image/contact2_tb04.png) 50px center no-repeat}



.contact3{padding:60px 0}



.contact3 .bsty{display:inline-block}



.contact3 p{font-size:17px;color:#1d1d1f;margin-left:50px;display:inline-block;vertical-align:text-top}



.contact3 .map{margin-top:40px}



.message-panel{background:#fff;padding:60px 0}



.message-wrap{width:796px;margin:0 auto;overflow:hidden}



.message-wrap p{margin-top:22px;font-size:17px;line-height:1.8;padding:0 8%;color:#1d1d1f;text-align:center}



.message-wrap p strong{font-weight:normal;color:#f2281c}



.form-panel{margin-top:50px;width:100%;overflow:hidden}



.form-panel .input-panel{width:100%;overflow:hidden}



.form-panel .input-panel .item-form{width:45.47739%;float:left;border:1px solid #a5a5a5;padding-left:60px;padding-right:10px;position:relative}



.form-panel .input-panel .item-form:before{content:'';display:block;width:36px;height:36px;left:12px;top:9px;position:absolute;background:url(../image/icon_user.png) left top no-repeat}



.form-panel .input-panel .item-form input{display:block;width:100%;height:54px;font-size:17px}



.form-panel .input-panel .item-form+.item-form{float:right}



.form-panel .input-panel .item-form+.item-form:before{ 
content:"";
display:block;background:url(../image/icon_phone.png) left top no-repeat}



.form-panel .textarea-panel{margin-top:44px;overflow:hidden}



.form-panel .textarea-panel .item-form{border:1px solid #a5a5a5;padding-left:60px;padding-right:10px;padding-top:10px;padding-bottom:10px;position:relative}



.form-panel .textarea-panel .item-form:before{content:'';display:block;width:36px;height:36px;left:12px;top:9px;position:absolute;background:url(../image/icon_msg.png) left top no-repeat}



.form-panel .textarea-panel .item-form textarea{display:block;width:100%;resize:none;height:98px;font-size:17px;line-height:30px}



.form-panel .btn-panel{margin-top:50px;width:100%;overflow:hidden}



.form-panel .btn-panel .btn-send{display:block;width:300px;height:56px;border-radius:12px;background:#f2281c;text-align:center;font-size:17px;font-weight:bold;color:#fff;line-height:56px;margin:0 auto;transition:all .3s}



.form-panel .btn-panel .btn-send:hover{border-radius:56px}















.message {background-attachment: fixed;background-position: 50% 0;background-size: cover;background-image:url(../image/lybg.jpg);padding:65px 15px;/* background:#173766;*/ clear:both; overflow:hidden;}











.message .maxw{border-radius:10px; padding:0; background-color:#fff; overflow:hidden; }



.message .maxw dl{width:100%; overflow:hidden; display:block; clear:both; position:relative;}



.message dd {width:42%;background:url(../image/bg_zs.png) center no-repeat #fff;background-size:100%;padding:35px 0px 25px 60px ;position:relative;}



.message dd.l{ float:left;}



.message dd h3 {font-size:36px;font-weight:700;line-height:1.2;background:url(../picture/msg_tb1.png) left center no-repeat;padding-left:50px;}



.message dd .msg_box {background:#fff;border-radius:10px;padding:25px 30px;margin:30px 0;box-shadow:0 0 20px #dcdcdc;}



.message dd .msg_box p {font-size:18px;line-height:40px;}



.message dd .msg_box p span{ width:10%; vertical-align:top;}



.message dd .msg_box P strong{position:relative;width:87.5%;display:inline-block;}



.message dd .msg_box p input{ position:relative;width:99%;height:40px;border:1px solid #e4e4e4;border-radius:5px;font-size:16px;font-family:微软雅黑;padding-left:45px;}



.message dd .msg_box p textarea { position:relative;width:99%;border:1px solid #e4e4e4; padding-top:10px; height:120px;border-radius:5px;display:inline-block;font-size:16px;padding-left:45px;}



.message dd .msg_box .msg_name i{ position:absolute; width:15px; height:17px; background-size:100%; z-index:10; left:15px; top:12px;background:url(../image/msg_name.png) no-repeat;}



.message dd .msg_box .msg_tel i{ position:absolute; width:20px; height:24px; background-size:100%; z-index:10; left:12px; top:9px;background:url(../image/msg_tel.png) no-repeat;}



.message dd .msg_box .msg_text i{ position:absolute; width:21px; height:21px; background-size:100%; z-index:10; left:12px; top:13px;background:url(../image/msg_text.png) no-repeat;}



.message dd .msg_box .msg_tel {margin:25px 0;position:relative;}



.message dd .msg_sub {width:140px;height:40px;background:#e20d00;background: -o-linear-gradient(right,#ff5a50,#e20d00); background: -moz-linear-gradient(right,#ff5a50,#e20d00);  background: linear-gradient(to right, #ff5a50,#e20d00);display:block;border:none;border-radius:5px 5px 20px 5px;font-size:18px; cursor:pointer;font-weight:bold;color:#fff;float:right;box-shadow:0 0 10px #ccc;transition:all .3s ease;}



.message dd .msg_sub:hover {border-radius:5px 20px 5px 20px;}



.message dt {width:55%; right:0; height:100%;overflow:hidden; clear:both;background:url(../image/msg-pic.jpg) right top no-repeat; background-size:100% auto; position:absolute;}



.message dt.r{ float:right;} 















/*new det*/



.newdet_t{ padding:50px 0 30px;}



.newdet_t h1{ text-align:center; padding-bottom:1em;}



.newdet_t p{ text-align:center; color:#999;}







.newsdetaibox{background:#f5f5f7;padding-bottom:100px;}



.newsdetaibox .sty1{padding-top:44px;padding-bottom:32px}



.newsdetaibox .sty1 dd{padding-left:112px;float:left;position:relative}



.newsdetaibox .sty1 dd:before{
content:"";
display:block;width:80px;height:91px;background:url(../image/newsdetail-kf.png) center no-repeat;background-size:100%;position:absolute;left:0;top:-15px}



.newsdetaibox .sty1 dd p{font-size:16px;line-height:1.6}



.newsdetaibox .sty1 dd .p1{color:#888888}



.newsdetaibox .sty1 dd .p2{color:#1d1d1f}



.newsdetaibox .sty1 dd .p2 span{font-size:30px;color:#f3392b;font-weight:bold;padding-left:8px;position:relative;top:3px}



.newsdetaibox .sty1 dt{width:200px;height:60px;background:#f3392b;float:right;transition:all linear 0.3s}



.newsdetaibox .sty1 dt a{font-size:20px;color:#ffffff;text-align:center;line-height:60px;font-weight:bold;letter-spacing:1px;display:block}



.newsdetaibox .sty1 dt:hover{border-radius:20px}



.newsdetaibox .sty2{background:#fff;border-radius:20px;padding:60px 14% 120px}



.newsdetaibox .sty2 .content{margin:0 auto}



.newsdetaibox .sty2 .content h2{font-size:36px;color:#1d1d1f;line-height:1.4;margin:50px 0 24px}



.newsdetaibox .sty2 .content h3{font-size:22px;color:#1d1d1f;line-height:1.4;text-indent:38px;margin:24px 0}



.newsdetaibox .sty2 .content p,.newsdetaibox .sty2 .content div{font-size:18px;line-height:2;color:#2e2e32;text-indent:38px;}



.newsdetaibox .sty2 .content p img,.newsdetaibox .sty2 .content p video,.newsdetaibox .sty2 .content div img,.newsdetaibox .sty2 .content div video{max-width:100%;height:auto !important;}



.newsdetaibox .sty2 .content .no-indent{text-indent:0}



.newsdetaibox .sty2 .prev_next{margin-top:80px; display:flex; justify-content:space-between;}



.newsdetaibox .sty2 .prev_next a{width:48.429%;background:#f5f5f7;border-radius:20px;padding:28px 30px 25px;font-size:18px;color:#575c66;line-height:1;display:block;transition:all linear 0.3s}



.newsdetaibox .sty2 .prev_next a span{height:3.5em;border-top:2px solid #fcfcfc;padding-top:0.5em;margin-top:20px;font-size:18px;color:#1d1d1f;line-height:1.5;letter-spacing:1px;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}



.newsdetaibox .sty2 .prev_next a:hover{background:#fff;box-shadow:0 10px 32px rgba(29,29,31,0.12)}



.newsdetaibox .sty2 .prev_next a:hover span{border-top:2px solid #f8f8fa}



.newsdetaibox .sty2 .prev_next .prev{float:left}



.newsdetaibox .sty2 .prev_next .next{float:right}



.canshu-tab{} 

.canshu-tab{margin-top:15px;border-collapse:collapse;border:1px solid #ccc;width:100%;}

/*.canshu-tab tr:first-child {background-image: linear-gradient(90deg,#4A8BEC 3%,#1842A3 100%);height: 60px;line-height: 60px;color: #fff;}*/

.canshu-tab td {vertical-align: middle;padding:6px 6px 6px 6px;border:1px solid #ccc; padding:5px;}

.canshu-tab tr:nth-child(odd) {background-color:#F5F5F5;}

.canshu-tab tr:nth-child(even) {background-color:#fff;}







/*case det*/



.casedetail_top{width:100%;margin:0 auto 60px;background:#24263d url(../image/cd.png) left bottom repeat-x;padding:150px 0 70px 0; overflow:hidden;}



.casedetail_top_left{width:55%;position:relative;margin-bottom:20px; float:left;}



.casedetail_top_left:after{content:'';position:absolute;top:10px;bottom:-12px;width:100%;right: -12px;z-index: 2;border:#3C4875 2px solid;  border-bottom-right-radius:25px;}



.casedetail_top_left img{width: 100%;height: auto;position:relative;z-index:3; border-top-left-radius:25px; border-bottom-right-radius:25px;}



.casedetail_top_right{width:40%;position:relative;color:#fff;z-index:10; float:right;}



.casedetail_top_right h1{display:block;font-size:24px;margin-bottom:20px;text-align:left;color:#fff;line-height:1.5em;}



.casedetail_contact{width:100%;margin:40px 0 0 0;position:relative}



.casedetail_top_right_zi{font-size:16px;padding:5px 0 5px 0;margin:10px auto;width:100%;border-radius:5px;overflow:hidden}



.casedetail_top_right_zi li strong{font-size:16px;}



.casedetail_top_right_zi li{float:left;width:30.333%;margin:0 3% 0 0;text-align:center}



.casedetail_top_right_zi li p{box-sizing: border-box;border:#fff 1px solid;padding: 30px 10px 5px;border-radius: 10px;margin-top: -35px;}



.casedetail_top_right_zi img{display:block;text-align:center;margin:0 auto}



.casedetail_top_right_zi span{display:block;margin:5px 0;line-height:30px;}



.peitao_sb{width:100%;margin-top:20px;overflow:hidden}



.peitao_sb strong{font-size:20px;display:block;width:100%;float:left}



.peitao_sb a{float: left;margin-top: 17px;border: 1px dashed #fff;color: #fff;font-size: 16px;margin-right: -10px;padding: 8px 35px;border-radius: 25px;}



.casedetail_tel{font-size: 20px;width:100%;background: url(../picture/case_tel.png) no-repeat left 2px;background-size:50px;margin:20px 0 0;padding:10px 0 10px 53px;overflow:hidden}



.casedetail_tel span{font-size: 14px;margin:0;line-height:18px}



.casedetail_tel a{color: #FC0;font-size:32px;font-weight: 600;line-height:30px;}



.wenxintishi{position: relative;padding:10px 2% 0;overflow: hidden;margin:0 0 5% 0;}



.wenxintishi .left{position: absolute;bottom:18px;}



.wenxintishi .right{background:#3C4875;margin-top:50px;border-radius:200px 200px 20px 200px;padding:10px 30px 10px 0;}



.wenxintishi .right .con{margin-left:20%;}



.wenxintishi .right .tip{font-size:16px;line-height:36px;color:#fff}



.wenxintishi .btn{padding:8px 45px;font-size: 20px;border-radius:50px;margin-top:-15px;background:#F26631;}



.wenxintishi .btn a{color:#fff;}



.casedetail_con{font-size:16px;line-height:32px;padding:50px;margin:80px auto;overflow:hidden;background:#f0f3fa}











.casedetail_con h3{font-size:24px;margin:10px 0;background:url(../picture/bt_zs.png) no-repeat left center;text-indent:30px;background-size:20px;}



.casedetail_kefu{margin-bottom:80px;}



.casedetail_kefu_l{width: 17%;text-align: center;}



.casedetail_kefu_l img{width: 100%;}



.casedetail_kefu_r{width:80%;}



.casedetail_kefu_r .tit{position:relative;padding-top:110px;margin-bottom:30px;width:100%;}



.casedetail_kefu_r .tit span{font-size: 50px;line-height: 60px;position: absolute;z-index: 0;text-transform:uppercase;color: #c9c9c9;color: rgba(201, 201, 201, .2);top:10px;}



.casedetail_kefu_r .tit h4{font-size: 40px;color:#05163f;position: relative;z-index: 3;line-height: 40px;}



.casedetail_kefu_r .line{margin-top:20px;}



.casedetail_kefu_r p{font-size: 16px;color:#555f7d;line-height: 32px;text-indent: 2em;margin-bottom:20px;}







.procanshu{ background:#171829; padding:10px; border-radius:6px;}



.procanshu span{ color:#FC0}











.pro_case{padding:0 0 40px;margin:60px auto 60px;}



.pro_case ul{margin-left:-3%;}



.pro_case ul li{transition:all .3s ease;float:left;width:22%;margin-left:3%;}



.pro_case ul li .pro_pic img{width:100%;}



.pro_case ul li .pro_pic i{display:none;}



.pro_case ul li .pro_tit{font-size:14px;color:#282727;line-height: 20px;display:block;margin-bottom:10px;text-align:center;padding-top:15px;}



.pro_case ul li .pro_pic{position:relative;display: block;overflow: hidden;}



.pro_case ul li .pro_pic i{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);}



.pro_case ul li:hover .pro_pic i{transition:all .3s ease;left:100%}



.pro_case ul li:hover{transition:all .3s ease;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.5)}







.pro_model_2 h2,.pro_model_3 h2,.pro_model_4 h2,.pro_case h2 { font-size:40px; text-align:center; margin-bottom:50px;  background: url(../picture/tit_bottom.png) no-repeat center bottom; padding-bottom:40px;}







.pro_model_2 h2{ margin-bottom:70px;}















/*index tiaozheng*/



.indexh .allist_cont{ background:#fff;}



.indexh .case_box{ margin-top:50px;}



















@media (max-width: 1760px){







	



	



.wrap{width:1440px}



.aboutbox{padding-top:90px}



.aboutbox h3{font-size:32px}



.aboutbox p{font-size:18px;margin-top:36px}



.aboutbox .hxfont{font-size:36px}



.aboutbox .bsty{margin-top:20px;margin-bottom:48px}



.aboutbox .bsty span{font-size:46px}



.video-banner .wrap{margin-top:-148px}



.video-banner .font-panel{padding-top:50px}



.video-banner .font-panel>span{margin-top:50px;width:140px;line-height:38px;border-radius:38px;font-size:16px}



.video-banner .font-panel h2{margin-bottom:30px;font-size:58px}



.video-banner .font-panel p{font-size:18px;line-height:30px}







.solutions .case-font{margin-top:180px}



.solutions .case-font>span{height:48px;line-height:36px;font-size:24px}



.solutions .case-font>span:before{width:60px}



.solutions .case-font h2{margin-top:50px;margin-bottom:30px;font-size:60px}



.solutions .case-font p{font-size:16px;line-height:30px}











.model-7 .img-panel{margin-top:40px}



.model-7 .img-panel .font-panel{font-size:18px;line-height:32px;padding:35px 55px}



.model-7 .img-panel .btm-panel{margin-top:20px}



.about1 .sty2{margin-top:90px}



.about1 .sty2 .fl{margin-top:35px}



.about1 .sty2 .fl ul{margin-left:-130px;margin-top:10px}



.about1 .sty2 .fl ul li{width:144px;margin-left:130px;margin-top:40px}



.about1 .sty2 .fl ul li p{font-size:16px;margin-top:15px}



.about2 .sty1{padding-top:50px}



.about2 .sty1 ul{margin-top:36px}



.about2 .sty1 ul li p{font-size:20px;margin-top:-30px}



.about2 .sty1 ul li p span{font-size:24px}



.about2 .sty1 ul li p span:after{margin:12px auto 14px}



.about2 .sty2{margin-top:20px}



.about2 .sty2 ul li p{font-size:22px;padding:15px 0}



.parter-list{margin:0 -64px}



.parter-list li{margin-top:40px;margin-left:4.08163%}



}



@media (max-width: 1600px){







.wrap{width:1280px}



.banner .font-panel{padding:140px 20px 0}



.banner .font-panel>span{height:32px;line-height:32px;font-size:26px}



.banner .font-panel b{font-size:58px;line-height:80px}



.video-banner .wrap{margin-top:-139px}



.video-banner .font-panel>span{margin-top:40px;width:140px;line-height:36px;border-radius:36px;font-size:16px}



.video-banner .font-panel h2{margin-bottom:30px;font-size:52px}



.video-banner .font-panel p{font-size:18px;line-height:30px;width:56%}



.aboutbox{padding-top:80px}



.aboutbox h3{font-size:30px}



.aboutbox p{font-size:18px;margin-top:32px}



.aboutbox .hxfont{font-size:32px}



.aboutbox .bsty{margin-top:20px;margin-bottom:40px}



.aboutbox .bsty span{font-size:40px}



.model-7 .img-panel{margin-top:30px}



.model-7 .img-panel .font-panel{font-size:16px;line-height:32px;padding:30px 50px}



.model-7 .img-panel .btm-panel{margin-top:17px}



.mb-50{margin-bottom:40px}



.about1 .sty2{margin-top:80px}



.about1 .sty2 .fl{margin-top:30px}



.about1 .sty2 .fl ul{margin-left:-60px;margin-top:10px}



.about1 .sty2 .fl ul li{width:144px;margin-left:60px;margin-top:20px}



.about1 .sty2 .fl ul li p{font-size:16px;margin-top:10px}



.about2 .sty1{padding-top:40px}



.about2 .sty1 ul{margin-top:32px}



.about2 .sty1 ul li p{font-size:18px;margin-top:-30px}



.about2 .sty1 ul li p span{font-size:22px}



.about2 .sty1 ul li p span:after{margin:10px auto}



.about2 .sty2{margin-top:20px}



.about2 .sty2 ul li p{font-size:20px;padding:12px 0}



.parter-list{margin:0 -56px}



.parter-list li{margin-top:40px;margin-left:4.02299%}







.solutions .case-font{margin-top:160px}



.solutions .case-font>span{height:44px;line-height:32px;font-size:20px}



.solutions .case-font>span:before{width:56px}



.solutions .case-font h2{margin-top:50px;margin-bottom:30px;font-size:56px}



.solutions .case-font p{font-size:16px;line-height:30px}







.casedetail_top_right_zi{ display:none;}







}



@media (max-width: 1440px){







.wrap{width:100%; padding-left:15px; padding-right:15px;}







.aboutbox{padding-top:65px}



.aboutbox h3{font-size:28px}



.aboutbox p{font-size:16px;margin-top:28px}



.aboutbox .hxfont{font-size:28px}



.aboutbox .bsty{margin-top:20px;margin-bottom:30px}



.aboutbox .bsty span{font-size:32px}



.video-banner .wrap{margin-top:-112px}



.video-banner .font-panel{padding-top:30px}



.video-banner .font-panel>span{margin-top:30px;width:120px;line-height:32px;border-radius:32px;font-size:16px}



.video-banner .font-panel h2{margin-bottom:20px;font-size:44px}



.video-banner .font-panel p{font-size:16px;line-height:30px}



.about1 .sty2{margin-top:65px}



.about1 .sty2 .fl{margin-top:20px}



.about1 .sty2 .fl ul{margin-left:-30px;margin-top:5px}



.about1 .sty2 .fl ul li{width:144px;margin-left:30px;margin-top:10px}



.about1 .sty2 .fl ul li p{font-size:16px;margin-top:5px}



.about2 .sty1{padding-top:30px}



.about2 .sty1 ul{margin-top:26px}



.about2 .sty1 ul li p{font-size:16px;margin-top:-30px}



.about2 .sty1 ul li p span{font-size:20px}



.about2 .sty1 ul li p span:after{margin:10px auto}



.about2 .sty2{margin-top:20px}



.about2 .sty2 ul li p{font-size:18px;padding:10px 0}





.model-7 .img-panel{margin-top:20px}



.model-7 .img-panel .font-panel{font-size:16px;line-height:30px;padding:20px 36px}



.model-7 .img-panel .btm-panel{margin-top:15px}



.mb-50{margin-bottom:30px}



.model-8{padding-bottom:30px}



.parter-list{margin:0 -48px}



.parter-list li{margin-top:30px;margin-left:3.94737%}







.solutions .case-font{margin-top:140px}



.solutions .case-font>span{height:40px;line-height:28px;font-size:18px}



.solutions .case-font>span:before{width:48px}



.solutions .case-font h2{margin-top:40px;margin-bottom:20px;font-size:52px}



.solutions .case-font p{width:54%;font-size:16px;line-height:30px}







.message dd{ padding:25px 0px 15px 40px;}



.message dd h3{ font-size:24px;}



.message dd .msg_box{ padding:20px 25px; margin:20px 0;}



.message dd .msg_box .msg_tel{ margin:15px 0;}







}



@media (max-width: 1280px){









.aboutbox{padding-top:50px}



.aboutbox h3{font-size:24px}



.aboutbox p{font-size:14px;margin-top:24px}



.aboutbox .hxfont{font-size:24px}



.aboutbox .bsty{margin-top:10px;margin-bottom:20px}



.aboutbox .bsty span{font-size:26px}



.about1 .sty2{margin-top:50px}



.about1 .sty2 .fl{margin-top:10px}



.about1 .sty2 .fl ul{margin-left:0;margin-top:5px}



.about1 .sty2 .fl ul li{width:144px;margin-left:0;margin-top:10px}



.about1 .sty2 .fl ul li p{font-size:14px;margin-top:5px}



.about2 .sty1{padding-top:20px}



.about2 .sty1 ul{margin-top:20px}



.about2 .sty1 ul li p{font-size:14px;margin-top:-30px}



.about2 .sty1 ul li p span{font-size:18px}



.about2 .sty1 ul li p span:after{margin:10px auto}



.about2 .sty2{margin-top:20px}



.about2 .sty2 ul li p{font-size:16px;padding:6px 0}



.video-banner .wrap{margin-top:-80px}



.video-banner .font-panel{padding-top:20px}



.video-banner .font-panel>span{margin-top:20px;width:112px;line-height:28px;border-radius:28px;font-size:14px}



.video-banner .font-panel h2{margin-bottom:20px;font-size:36px}



.video-banner .font-panel p{font-size:14px;line-height:28px}



.model-7 .img-panel{margin-top:20px}



.model-7 .img-panel .font-panel{font-size:14px;line-height:28px;padding:20px 26px}



.model-7 .img-panel .btm-panel{margin-top:12px}



.model-8{padding-bottom:20px}



.parter-list{margin:0 -40px}



.parter-list li{margin-top:20px;margin-left:3.84615%}











.solutions .case-font{margin-top:120px}



.solutions .case-font>span{height:36px;line-height:24px;font-size:16px}



.solutions .case-font>span:before{width:40px}



.solutions .case-font h2{margin-top:30px;margin-bottom:20px;font-size:48px}



.solutions .case-font p{font-size:14px;line-height:28px}







}







@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}



to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}



}



@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}



to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}



}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}



.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}



.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}



.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}



.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}



.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}



.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}



.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}



.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}



.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}



.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}



.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}















/*news*/



@media (max-width: 1760px){







.newsban{padding-top:190px;padding-bottom:150px}



.newsban h2{font-size:58px}



.newsbox{padding-top:60px}



.newsbox .titbox dd h3 a{font-size:43px}



.newsbox .titbox dd span{font-size:34px}



.newsbox .newspic li .pic{height:436px}



.hnewsxg.newsbox .newspic li .pic{ height:230px;}



.news1 .fr li{padding:36px 28px}



.newslist .newspic2 li .pic{height:111px}



}







@media (max-width: 1600px){







.newsban{padding-top:170px;padding-bottom:130px}



.newsban span{font-size:22px}



.newsban h2{font-size:52px}



.newsbox{padding-top:50px;padding-bottom:50px}



.newsbox .titbox dd h3 a{font-size:38px}



.newsbox .titbox dd span{font-size:30px}



.newsbox .newslr{margin-top:50px}



.newsbox .newspic li .pic{height:391px}







.hnewsxg.newsbox .newspic li .pic{ height:210px;}







.newsbox .newspic li .text{padding:32px 28px}



.newsbox .newspic li .text h4 a{font-size:20px}



.newsbox .newspic li .text span{font-size:16px}



.news1 .fr li{padding:33px 28px}



.news1 .fr li h4 a{font-size:20px}



.news1 .fr li span{font-size:16px}



.news1 .fr li+li{margin-top:42px}



.newslist .newsfl ul li{margin:0 58px}



.newslist .newsfl ul li a{font-size:18px}



.newslist .newspic2 li{padding:22px 24px;margin-top:50px}



.newslist .newspic2 li .pic{height:100px}



.newslist .newspic2 li .text h4 a{font-size:20px}



.newslist .newspic2 li .text span{font-size:16px}



}







@media (max-width: 1440px){







	



.newsban{padding-top:150px;padding-bottom:110px}



.newsban span{font-size:20px}



.newsban h2{font-size:46px}



.newsbox{padding-top:40px;padding-bottom:40px}



.newsbox .titbox dd{margin-top:10px}



.newsbox .titbox dd h3 a{font-size:33px}



.newsbox .titbox dd span{font-size:26px}



.newsbox .titbox dt{margin-left:60px}



.newsbox .newslr{margin-top:40px}



.newsbox .newspic li .pic{height:342px}



.hnewsxg.newsbox .newspic li .pic{ height:200px;}







.newsbox .newspic li .text{padding:28px 24px}



.newsbox .newspic li .text h4 a{font-size:18px}



.newsbox .newspic li .text span{font-size:14px}



.news1 .fr li{padding:28px 24px}



.news1 .fr li h4 a{font-size:18px}



.news1 .fr li span{font-size:14px;margin-top:20px}



.news1 .fr li+li{margin-top:36px}



.newslist .newsfl{padding:35px}



.newslist .newsfl ul li{margin:0 38px}



.newslist .newsfl ul li a{font-size:18px}



.newslist .newspic2 li{margin-top:40px}



.newslist .newspic2 li .pic{height:86px}



.newslist .newspic2 li .text h4 a{font-size:18px}



.newslist .newspic2 li .text span{font-size:14px;margin-top:20px}



.page{margin-top:80px}



.page .pagination li{margin:0 8px}



.page .pagination li span,.page .pagination li a{padding:0 15px;line-height:38px;font-size:15px;border-radius:10px}





}







@media (max-width: 1280px){







	



.newsban span{font-size:18px}



.newsban h2{font-size:40px}



.newsban p{font-size:14px}



.newsbox .titbox dd h3 a{font-size:28px}



.newsbox .titbox dd span{font-size:22px}



.newsbox .titbox dt p{font-size:14px}



.newsbox .titbox dt .more{margin-top:15px}



.newsbox .newslr{margin-top:30px}



.newsbox .newspic li .pic{height:293px}



.hnewsxg.newsbox .newspic li .pic{ height:190px;}







.newsbox .newspic li .text{padding:22px 20px}



.newsbox .newspic li .text h4 a{font-size:16px}



.newsbox .newspic li .text span{font-size:14px;margin-top:15px}



.news1 .fr li{padding:22px 20px}



.news1 .fr li h4 a{font-size:16px}



.news1 .fr li span{font-size:14px;margin-top:15px}



.news1 .fr li+li{margin-top:30px}



.newslist .newsfl{padding:25px}



.newslist .newsfl ul li{height:50px;margin:0 21px}



.newslist .newsfl ul li a{font-size:16px;line-height:50px}



.newslist .newspic2 li{padding:18px 20px;margin-top:30px}



.newslist .newspic2 li .pic{height:74px}



.newslist .newspic2 li .text h4 a{font-size:16px}



.newslist .newspic2 li .text span{font-size:14px;margin-top:15px}



.page{margin-top:60px}











}



















/*service*/



@media (max-width: 1760px){







.repairban{padding-top:190px;padding-bottom:190px}



.repairban h2{font-size:58px}



.message-panel{padding:100px 0 80px}



.message-wrap h2{font-size:44px;line-height:64px}



.message-wrap p{margin-top:10px;font-size:17px;line-height:30px;padding:0 8%}



.promiseban{padding-top:180px;padding-bottom:180px}



.promiseban h2{font-size:58px}



.promiseban .process li{margin-left:191px}



.promiseban .process li:before{left:-110px}



.promisebox{padding-top:90px;padding-bottom:90px}



.supportban{padding-top:210px;padding-bottom:260px}



.supportban h2{font-size:58px}



.support .hxfont{font-size:34px}



.support .bsty{font-size:43px}



.support1 .sty1 li{padding:40px 30px}



.support3 .sty1 dl{height:327px}



.support3 .sty1 dl dd{height:263px}



.support3 .sty1 dl:hover dd{height:107px}



.samestyle .hxfont{font-size:34px}



.samestyle .bsty{font-size:43px}



.servive3{padding-top:80px}



.servive3 .sty1 li{padding:34px 3% 27px}



.servive3 .sty1 li strong{font-size:30px}



}



@media (max-width: 1600px){







.repairban{padding-top:170px;padding-bottom:170px}



.repairban h2{font-size:52px}



.message-panel{padding:80px 0 70px}



.message-wrap h2{font-size:40px;line-height:60px}



.message-wrap p{margin-top:10px;font-size:17px;line-height:30px;padding:0 8%}



.lx-panel .item-lx{padding:30px 0}



.lx-panel .item-lx span{font-size:17px;line-height:32px}



.lx-panel .item-lx strong,.lx-panel .item-lx a,.lx-panel .item-lx em,.lx-panel .item-lx i{line-height:40px}



.lx-panel .item-lx strong,.lx-panel .item-lx a{font-size:28px}



.lx-panel .item-lx a:hover{font-size:26px}



.lx-panel .item-lx em{font-size:22px}



.lx-panel .item-lx em i{font-size:36px;vertical-align:-5px;margin:0 5px}



.lx-panel .item-lx p{line-height:28px;margin-top:10px;font-size:16px}



.promiseban{padding-top:160px;padding-bottom:160px}



.promiseban h2{font-size:52px}



.promiseban .process{margin-top:100px}



.promiseban .process li{margin-left:151px}



.promiseban .process li:before{left:-90px}



.promisebox{padding-top:80px;padding-bottom:80px}



.promisebox dt span{font-size:35px}



.promisebox dt h3{font-size:44px;margin-bottom:55px}



.supportban{padding-top:190px;padding-bottom:230px}



.supportban h2{font-size:52px}



.support .hxfont{font-size:30px}



.support .bsty{font-size:38px}



.support .text{margin-top:50px}



.support1 .sty1{margin-left:-2.5%;margin-top:0}



.support1 .sty1 li{width:31%;padding:35px 25px;margin-left:2.33%;margin-top:40px}



.support1 .sty1 li span{font-size:22px}



.support3{padding-top:80px}



.support3 .sty1 dl{height:292px}



.support3 .sty1 dl dd{height:234px}



.support3 .sty1 dl dt h4{font-size:22px;padding:18px 0}



.support3 .sty1 dl:hover dd{height:50px}



.samestyle .hxfont{font-size:30px}



.samestyle .bsty{font-size:38px}



.samestyle .text{margin-top:50px}



.servive1 .sty1 .one dt p:before{width:100px}



.servive1 .sty1 .two dt p:before{width:67px}



.servive1 .sty1 .three dt p:before{width:93px}



.servive1 .sty1 .four dt p:before{width:87px}



.servive3{padding-top:70px}



.servive3 .sty1 li{padding:30px 3% 22px}



.servive3 .sty1 li strong{font-size:28px}



.servive3 .sty1 li p{font-size:15px}



}



@media (max-width: 1440px){











.repairban{padding-top:150px;padding-bottom:150px}



.repairban h2{font-size:46px}



.message-panel{padding:60px 0 60px}



.message-wrap h2{font-size:36px;line-height:52px}



.message-wrap p{margin-top:10px;font-size:16px;line-height:28px;padding:0 11%}



.form-panel{margin-top:40px}



.form-panel .input-panel input{font-size:16px}



.form-panel .textarea-panel{margin-top:40px}



.form-panel .textarea-panel .item-form textarea{font-size:16px}



.form-panel .btn-panel{margin-top:40px}



.form-panel .btn-panel .btn-send{font-size:16px}



.lx-panel .item-lx{padding:30px 0}



.lx-panel .item-lx span{font-size:16px;line-height:28px}



.lx-panel .item-lx strong,.lx-panel .item-lx a,.lx-panel .item-lx em,.lx-panel .item-lx i{line-height:36px}



.lx-panel .item-lx strong,.lx-panel .item-lx a{font-size:26px}



.lx-panel .item-lx a:hover{font-size:24px}



.lx-panel .item-lx em{font-size:20px}



.lx-panel .item-lx em i{font-size:32px;vertical-align:-4px;margin:0 5px}



.lx-panel .item-lx p{line-height:26px;margin-top:10px;font-size:16px}



.promiseban{padding-top:140px;padding-bottom:140px}



.promiseban h2{font-size:46px}



.promiseban .process li{margin-left:128px}



.promiseban .process li:before{left:-78px}



.promiseban .process li i{width:40px;height:40px;font-size:20px;line-height:40px;left:-16px;top:-20px}



.promiseban .process li img{width:45px}



.promiseban .process li span{font-size:16px;margin-top:14px}



.promiseban .process li p{font-size:14px;top:70px}



.promisebox{padding-top:70px;padding-bottom:70px}



.promisebox dt{padding-top:55px}



.promisebox dt span{font-size:32px}



.promisebox dt h3{font-size:40px;margin-bottom:50px}



.promisebox dt p{font-size:16px}



.supportban{padding-top:170px;padding-bottom:200px}



.supportban h2{font-size:46px}



.support .hxfont{font-size:26px}



.support .bsty{font-size:34px}



.support .text{font-size:14px;margin-top:45px}



.support1{padding-top:50px;padding-bottom:90px}



.support1 .sty1 li{padding:25px 20px}



.support1 .sty1 li span{font-size:20px}



.support1 .sty1 li p{font-size:14px}



.support2:before{width:930px}



.support2 .fr{padding:40px 0 55px 60px}



.support2 .fr ul li{font-size:16px}



.support3{padding-top:60px}



.support3 .sty1{margin-top:40px}



.support3 .sty1 dl{height:263px}



.support3 .sty1 dl dd{height:205px}



.support3 .sty1 dl dt h4{font-size:20px;padding:17px 0}



.support3 .sty1 dl dt p{font-size:14px}



.samestyle .hxfont{font-size:26px}



.samestyle .bsty{font-size:34px}



.samestyle .text{font-size:16px;margin-top:45px}



.servive1 .sty1{margin-top:50px}



.servive1 .sty1 dl dt{padding:20px}



.servive1 .sty1 dl dt p{background-size:110px !important;font-size:14px;padding-top:45px}



.servive2{padding-bottom:80px}



.servive2 .sty1{margin-top:60px}



.servive2 .sty1 li span{font-size:20px}



.servive2 .sty1 li p{font-size:14px}



.servive2 .sty1 li p strong{font-size:20px}



.servive2 .sty1 li+li{margin-left:140px}



.servive3{padding-top:60px}



.servive3 .sty1{margin-top:45px}



.servive3 .sty1 li{padding:30px 2% 22px}



.servive3 .sty1 li strong{font-size:26px}



.servive3 .sty1 li p{font-size:14px}





}



@media (max-width: 1280px){







	



.repairban h2{font-size:40px}



.repairban p{width:666px;font-size:14px}



.message-panel{padding:40px 0 50px}



.message-wrap h2{font-size:32px;line-height:48px}



.message-wrap p{margin-top:10px;font-size:16px;line-height:28px;padding:0 11%}



.form-panel{margin-top:30px}



.form-panel .input-panel input{font-size:16px}



.form-panel .textarea-panel{margin-top:30px}



.form-panel .textarea-panel .item-form textarea{font-size:16px}



.form-panel .btn-panel{margin-top:30px}



.form-panel .btn-panel .btn-send{font-size:16px}



.lx-panel .item-lx{padding:20px 0}



.lx-panel .item-lx span{font-size:16px;line-height:24px}



.lx-panel .item-lx strong,.lx-panel .item-lx a,.lx-panel .item-lx em,.lx-panel .item-lx i{line-height:32px}



.lx-panel .item-lx strong,.lx-panel .item-lx a{font-size:24px}



.lx-panel .item-lx a:hover{font-size:22px}



.lx-panel .item-lx em{font-size:18px}



.lx-panel .item-lx em i{font-size:28px;vertical-align:-3px;margin:0 5px}



.lx-panel .item-lx p{line-height:24px;margin-top:10px;font-size:16px}



.promiseban{padding-top:120px;padding-bottom:120px}



.promiseban h2{font-size:40px}



.promiseban .process li{margin-left:88px}



.promiseban .process li:before{left:-58px}



.promisebox{padding-top:60px;padding-bottom:60px}



.promisebox dt{padding-top:45px}



.promisebox dt span{font-size:29px}



.promisebox dt h3{font-size:36px;margin-bottom:40px}



.promisebox dt p{font-size:14px}



.supportban{padding-top:150px;padding-bottom:170px}



.supportban h2{font-size:40px}



.supportban p{font-size:14px}



.support .hxfont{font-size:24px}



.support .bsty{font-size:30px}



.support .text{font-size:12px;margin-top:35px}



.support1{padding-bottom:80px}



.support1 .sty1 li{padding:20px 30px}



.support1 .sty1 li span{font-size:18px}



.support1 .sty1 li p{height:62px;font-size:14px;line-height:1.5}



.support2:before{width:780px}



.support2 .fr{padding:40px 0 40px 40px}



.support2 .fr ul{margin-top:25px}



.support2 .fr ul li{font-size:14px;margin-top:15px}



.support3{padding-top:50px}



.support3 .sty1 dl{width:31.33%;height:238px;margin-left:3%}



.support3 .sty1 dl dd{height:190px}



.support3 .sty1 dl dt{padding:0 5% 10px}



.support3 .sty1 dl dt h4{font-size:18px;padding:15px 0}



.support3 .sty1 dl:hover dd{height:36px}



.samestyle .hxfont{font-size:24px}



.samestyle .bsty{font-size:30px}



.samestyle .text{font-size:14px;margin-top:35px}



.servive1{padding-top:50px;padding-bottom:70px}



.servive1 .sty1{margin-top:35px}



.servive1 .sty1 .one dt p:before{width:80px}



.servive1 .sty1 .two dt p:before{width:47px}



.servive1 .sty1 .three dt p:before{width:73px}



.servive1 .sty1 .four dt p:before{width:67px}



.servive3{padding-top:50px}



.servive3 .sty1{margin-top:35px}



.servive3 .sty1 li strong{font-size:24px}





}



@media (max-width: 1120px){



.lx-panel .item-lx{padding:20px 0}



.lx-panel .item-lx span{font-size:16px;line-height:24px}



.lx-panel .item-lx strong,.lx-panel .item-lx a,.lx-panel .item-lx em,.lx-panel .item-lx i{line-height:32px;margin-top:5px}



.lx-panel .item-lx strong,.lx-panel .item-lx a{font-size:24px}



.lx-panel .item-lx a:hover{font-size:22px}



.lx-panel .item-lx em{font-size:16px}



.lx-panel .item-lx em i{font-size:24px;vertical-align:-2px;margin:0 5px}



.lx-panel .item-lx p{line-height:24px;margin-top:5px;font-size:16px}



}



@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}



to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}



}



@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}



to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}



}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}



.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}



.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}



.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}



.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}



.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}



.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}



.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}



.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}



.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}



.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}



.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}