@charset "utf-8";html{font-family:"Microsoft YaHei";font-size:12px}
b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
i{font-style:normal}
img{border:0}
a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
input,textarea{outline:0}
a:hover{color:#f20a00;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
@font-face{font-family:iconfont;src:url(../fonts/iconfont.ttf) format('truetype')}
@font-face{font-family:DINProb;src:url(../fonts/DINPro-Bold.otf)}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ioos{font-size:18px;margin-right:5px}
.ioos1{font-size:24px;margin-top:5px}
.ioos2{font-size:16px}
.body{overflow:hidden}
@media only screen and (min-width:320px){body{font-size:16px}
}

.content{width:1400px;margin:0 auto}
.title{margin:0 auto;padding:50px 0}
.title h3{margin:0 auto;font-size:36px;text-align:center}
.title h3 span{color:#f20a00}
.title p{font-size:16px;color:#999;text-align:center;margin:15px auto}
.title:after{content:"";width:60px;height:3px;background:#f20a00;display:block;margin:10px auto}
.title1{margin:0 auto;padding:0 0}
.title1 h3{margin:0 auto;font-size:36px;text-align:center}
.title1 h3 span{color:#f20a00}
.title1 p{font-size:16px;color:#999;text-align:center;margin:15px auto}
.title1:after{content:"";width:60px;height:3px;background:#f20a00;display:block;margin:10px auto}
.title2{margin:0 auto;padding:50px 0 0}
.title2 h3{margin:0 auto;font-size:36px;text-align:center}
.title2 h3 span{color:#f20a00}
.title2 p{font-size:16px;color:#999;text-align:center;margin:15px auto}
.title2:after{content:"";width:60px;height:3px;background:#f20a00;display:block;margin:10px auto}
.top{width:100%;height:45px;line-height:45px;background:#faf6f7;border-bottom:1px #ccc solid;color:#666}
.tel{float:left}
.ggao{width:350px;float:left;height:45px;overflow:hidden;margin-top:13px;margin-left:0}
.ggao ul li{overflow:hidden;height:24px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px}
.ggao ul li span{float:right;margin-left:20px;font-size:12px}
.gg_img{float:left;color:#666;margin-left:20px;line-height:49px}
.d_01{float:right}
.d_01 span{color:#999;position:relative}
.d_01 span:first-child:before{content:"|";color:#999;font-size:16px;margin:0 5px}
.d_01 span:after{content:"|";color:#999;font-size:16px;margin:0 5px}
.d_01 span a{color:#999}
.d_01 span div{width:100px;display:none;position:absolute;background:#fff;padding:5px;box-shadow:0 0 5px #ccc;border-radius:10px}
.d_01 span div img{width:100%}
.d_01 span:hover div{display:block;z-index:99}
.d_01 span a:hover{color:#f20a00}
.md{overflow:hidden}
.pc_banner{margin:0 auto;overflow:hidden}
.ban{width:100%;overflow:hidden}
.ban img{width:100%;overflow:hidden}
.m_banner{margin:0 auto;display:none}
.nav{height:100px;z-index:999;line-height:100px;overflow:hidden;clear:both}
.logo{margin-top:20px;float:left}
.nav span{float:right;font-size:16px;color:#fff}
.nav span a{color:#333}
.nav span.menu{float:right}
.nav span.menu a{margin:0 30px;position:relative;display:inline-block}
.nav span.menu b{font-weight:400;position:relative;display:inline-block}
.nav:hover .sp_nav i{color:#333}
.nav span.menu a:after{content:"";background:#f50b00;height:2px;width:0%;position:absolute;bottom:0;left:50%;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.nav span.menu a:hover:after{width:100%;left:0;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.nav span.menu b a:hover{color:#f50b00}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin:30px 0 0 20px;display:none}
.sp_nav i{display:block;background:#f50b00;width:30px;height:2px;position:absolute;left:10px;transition:all ease .35s}
.sp_nav i:nth-of-type(1){top:0}
.sp_nav i:nth-of-type(2){top:10px}
.sp_nav i:nth-of-type(3){top:20px}
.sp_nav_se i:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se i:nth-of-type(2){width:0}
.sp_nav_se i:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:rgb(66 67 67 / 95%);width:100%;height:calc(100% - 60px);font-size:16px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease .35s}
.nav_show{top:100px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999}
.sjj_nav ul li i{position:absolute;top:5px;right:0;border-left:1px #ddd solid;height:30px;padding:0 7px 0 7px}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease .35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:16px}
.sjj_nav>ul>li:last-child{border-bottom:1px #ddd solid}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:80%;font-size:16px}
.sjj_nav ul li ul li a{color:#b9b1b1;display:block;text-align:left}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:10px}
.pc_banner{margin:0 auto;overflow:hidden}
.ban{width:100%;overflow:hidden}
.ban img{width:100%;overflow:hidden}
.m_banner{margin:0 auto;display:none}
.shuzi{background:#f1f1f1;overflow:hidden;margin:0 auto;padding:50px 0}
.product-number-info{position:relative}
.product-number-info .product-number-inner{margin:0 auto}
.product-number-info ul{padding:0 0}
.q{zoom:1}
.product-number-info li{float:left;width:25%;box-sizing:border-box;border-left:1px solid #ccc;color:#666;padding-top:1px;text-align:center}
.product-number-info li:first-child{border:none}
.product-number-info li b{font-weight:400;font-size:48px;color:#f50b00;line-height:1;display:inline-block;position:relative;margin:15px 0 10px}
.product-number-info li p{font-size:16px;padding:10px 30px}
.product-number-info li b i{font-style:normal;font-family:DINProb}
.product-number-info li b sup{position:absolute;font-size:20px;right:-15px;top:-3px}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:30px}
.product-number-info li b em{font-style:normal;font-size:18px;font-weight:100;padding-left:2px;position:relative;top:-4px;color:#666}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:30px}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:30px}
.product-number-info li.li-5{text-align:right}
.pic_nav{overflow:hidden}
.pic_nav ul{overflow:hidden}
.pic_nav ul li{width:33.33%;float:left;overflow:hidden}
.pic_nav ul li div{overflow:hidden;margin:0 auto;text-align:center;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.pic_nav ul li div.iconfont{font-size:80px}
.pic_nav ul li h3{text-align:center;font-size:30px;margin-top:15px}
.pic_nav ul li p{font-size:18px;color:#666;padding:20px 50px;line-height:30px}
.pic_nav ul li:nth-child(1) div,.pic_nav ul li:nth-child(1) h3{color:#f20a00}
.pic_nav ul li:nth-child(2) div,.pic_nav ul li:nth-child(2) h3{color:#8f55ed}
.pic_nav ul li:nth-child(3) div,.pic_nav ul li:nth-child(3) h3{color:#18b2db}
.pic_nav ul li:hover div{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);
transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}

.fangan{overflow:hidden;margin-top:50px}
.fangan .swiper-slide{background:#373737;position:relative}
.fangan .swiper-slide div{float:left;margin-right:30px;width:68%}
.fangan .swiper-slide div img{width:100%;height:100%}
.fangan .swiper-slide span{overflow:hidden}
.fangan .swiper-slide span h3{margin:60px 30px 10px;font-size:36px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fangan .swiper-slide span dd{margin-right:30px;line-height:32px;font-size:18px;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;opacity:.7}
.fangan .swiper-slide span dt{width:275px;height:50px;display:inline-block;margin:0 auto;position:absolute;bottom:130px;line-height:50px;text-align:left;font-size:40px;font-weight:700;color:#fff;opacity:.6}
.fangan .swiper-slide span dt i{font-size:100px;font-weight:400;display:block;margin-bottom:30px}
.fangan .swiper-slide span dt a{color:#fff}
.fangan .swiper-slide span dt:hover a{color:#000}
.fangan .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(../images/right.png);right:32%}
.fangan .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(../images/left.png)}
.fangan .swiper-slide:nth-child(2){background:#037a79}
.fangan .swiper-slide:nth-child(3){background:#0b2d8b}
.cases{width:100%;height:auto;overflow:hidden;background:#f0f0f0;margin:50px auto 0}
.case_nav{overflow:hidden;margin-bottom:30px}
.case_nav ul{overflow:hidden;text-align:center}
.case_nav ul li{display:inline-block;width:220px;height:45px;line-height:45px;background:#fff;border-radius:30px;font-size:18px;text-align:center;overflow:hidden;margin:0 20px;border:1px #ccc solid}
.case_nav ul li a{display:block;overflow:hidden}
.case_nav ul li a:hover{background:#f20a00;color:#fff}
.casebox_nav{overflow:hidden;margin-bottom:30px}
.casebox_nav ul{overflow:hidden;text-align:center}
.casebox_nav ul li{display:inline-block;width:220px;height:45px;line-height:45px;background:#fff;border-radius:30px;font-size:18px;text-align:center;overflow:hidden;margin:0 20px;border:1px #ccc solid}
.casebox_nav ul li a{display:block;overflow:hidden}
.casebox_nav ul li a:hover{background:#f20a00;color:#fff}
.case_nav{overflow:hidden}
.casebox_nav ul li.cur{background:#f20a00;}
.casebox_nav ul li.cur a{color:#fff}
.swiper-container_anli{position:relative;overflow:hidden;margin-top:0}
.swiper-container_anli .swiper-wrapper{display:compact;display:compact;display:block}
.swiper-container_anli .swiper-slide{float:left;width:33.33%;border:10px #f0f0f0 solid;height:auto;overflow:hidden;box-sizing:border-box;margin-bottom:30px;display:compact;display:compact;display:block}
.swiper-container_anli .swiper-slide:nth-child(3n){margin-right:0}
.swiper-container_anli .img-box{overflow:hidden;height:auto;position:relative; height:2rem;}
.swiper-container_anli .img-box img{display:block;transition:.5s}
.swiper-container_anli .swiper-slide .img-box img{width:100%}
.swiper-container_anli .swiper-slide .img-box:after{content:"";width:100%;position:absolute;left:0;top:0;opacity:0;height:100%;transition:.5s;background:rgba(0,0,0,.5) url(../images/dp_icon02.png) no-repeat center}
.swiper-container_anli .swiper-slide:hover .img-box:after{opacity:1}
.swiper-container_anli .swiper-slide .info{width:100%;height:auto;overflow:hidden;background:#fff;padding:25px 20px;box-sizing:border-box}
.swiper-container_anli .swiper-slide .info h4{width:100%;color:#555;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.swiper-container_anli .swiper-slide .info p{width:100%;color:#555;font-size:16px;margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;color:#666;line-height:28px;height:60px}
.cases .more{display:block;width:200px;height:40px;background:#fff;border-radius:20px;text-align:center;line-height:40px;font-size:16px;color:#666;margin:0 auto;margin-top:10px;transition:.5s;margin-bottom:20px}
.cases .more:hover{background:#f20a00;color:#fff}
.hlw{background:#db161d;overflow:hidden}
.hlw_txt{overflow:hidden;padding:50px 7%}
.hlw_txt img{float:left;margin-right:50px}
.hlw_txt span{overflow:hidden}
.hlw_txt span h3{font-size:28px;color:#fff}
.hlw_txt span p{color:#fff;font-size:16px;line-height:30px;margin-top:20px}
.hlw_txt ul{overflow:hidden;clear:both;text-align:center;margin-top:50px}
.hlw_txt ul li{background:url(../images/mbtxindex.png) no-repeat;width:280px;height:42px;line-height:42px;display:inline-block;margin:0 20px}
.hlw_txt ul li a{font-size:18px}
.hr1,.index-head .hr{position:relative;width:52px;height:11px;background-image:url(../images/bgi-headHr.png);background-size:auto;background-position:0 50%;background-repeat:no-repeat;-webkit-animation-name:bgSlideH;animation-name:bgSlideH;-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.hr1,.index-head .hr{animation:infinite}
@-webkit-keyframes infinite{from{left:0}
to{left:-100px}
}
.index-about{position:relative;overflow:hidden;margin:50px auto 0}
.index-about .left{float:left;max-width:45%}
.index-about .left .dt{font-size:18px;color:#000;white-space:nowrap;padding-bottom:16px}
.index-about .left .dd{margin-top:2em;color:#000;font-size:20px;font-weight:700}
.index-about .left .dd strong{font-size:26px}
.index-about .left .ds{margin-top:2.5em;color:#666;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}
.index-about .left .more{margin-top:3em}
.index-about .right{float:right;max-width:55%;text-align:right;color:#53b753;-webkit-perspective:100px;perspective:100px}
.index-about .right .slogan{position:relative;max-width:100%;padding-top:1.5em;text-align:center;padding-bottom:2em}
.index-about .right .slogan .bg{background-image:url(../images/qi-slogan.png);background-size:100% auto;background-position:50% 50%;background-repeat:no-repeat}
.index-about .right .slogan .q{max-width:77.34042553%}
.index-about .right .slogan .p1{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:10px 5px;white-space:nowrap;background-color:#fff;text-align:center;color:#db161d;width:80%;font-size:40px}
.index-about .right .slogan .p2{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:20px;color:#333;font-weight:700}
.index-about .right .keywords{margin-top:3%;text-align:center;line-height:1.5}
.index-about .right .keywords ul{overflow:hidden}
.index-about .right .keywords ul li{width:33.33%;float:left;overflow:hidden}
.index-about .right .keywords ul li h3{font-size:18px;color:#333}
.index-about .right .keywords ul li p{font-size:15px;color:#666}
.index-about .right .keywords ul li div{font-size:40px;color:#db161d}
.more{display:block;width:132px;background:#db161d;height:32px;line-height:32px;text-align:center;color:#fff;-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s}
.left a.more{color:#fff}
.news{margin:0 auto 10px;overflow:hidden;padding:0 0}
.news_img{float:left;width:28%}
.news_img img{width:100%}
.news ul{overflow:hidden;float:right;width:71%}
.news ul li{overflow:hidden;padding:10px;width:49%;border:1px #ccc solid;margin:0 2% 2% 0;float:left;box-sizing:border-box}
.news ul li span{display:block;float:left;width:80px;background:#969393;text-align:center;-webkit-transition:all .5s;transition:all .5s;margin-right:10px}
.news ul li span b{display:block;font-size:32px;color:#fff;padding:5px 0}
.news ul li span i{display:block;font-size:15px;color:#fff;border-top:1px #fff dotted;padding:0 0 5px;font-style:normal}
.news ul dl{overflow:hidden;padding-bottom:3px}
.news ul dl h3{font-size:16px;font-weight:700;margin-bottom:10px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s}
.news ul dl p{height:50px;font-size:15px;line-height:24px;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-bottom:2px}
.news ul li:hover span{background:#f20a00;-webkit-transition:all .5s;transition:all .5s}
.news ul li:hover span b,.news ul li:hover span i{color:#fff}
.news ul li:hover h3{color:#f20a00}
.news ul li:nth-child(2n){margin-right:0;float:right}
.fll{background:#f0f0f0;overflow:hidden;margin:40px auto 0;padding:50px 0 20px}
.title_h3{line-height:40px;width:100%;background:url(../images/albg.jpg) center center repeat-x;padding:15px 0 15px;text-align:center;font-weight:700}
.title_h3 span{color:#333;font-size:30px;background:#f1f1f1;padding:0 20px}
.tit{font-size:15px;text-align:center}
.ss_box10{margin:0 auto;padding-bottom:50px}
.ss_box_12{background:#f1f1f1;margin:40px auto 0;padding-bottom:50px}
.ss_box_12{text-align:center;background:#fff;border:10px #f1f1f1 solid;border-radius:30px;height:300px}
.ss_box_12 p{font-size:16px;line-height:24px;color:#333;padding:0 20px}
.ss_box_12 div{margin:40px auto 30px;border:1px #ccc solid;border-radius:50%;width:120px;height:85px;padding:35px 0 0;font-size:48px;color:#f20a00;-webkit-transition:all .5s;transition:all .5s}
.ss_box_12 dd{margin:30px auto 15px;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:600;color:#f20a00}
.ss_box_12 dd span{display:inline-block;height:20px;width:20px;font-size:20px;background:#3771dc;margin-right:5px;color:#fff;border-radius:50%;padding:7px}
.ss_box10 .swiper-pagination{display:none}
.ss_box_12:hover div{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transition:all .5s;transition:all .5s}
.laojiu{overflow:hidden}
.laojiu ul{overflow:hidden}
.laojiu ul li{position:relative;overflow:hidden;float:left;width:50%;border:10px #f1f1f1 solid;box-sizing:border-box}
.laojiu ul li img{width:100%;overflow:hidden}
.laojiu ul li div{width:100%;height:100%;position:absolute;top:0;left:0}
.laojiu ul li div h3{text-align:center;margin-top:80px;font-size:30px;color:#fff;margin-bottom:20px;font-weight:400}
.laojiu ul li div dd{border:1px #fff solid;width:150px;margin:0 auto;text-align:center;height:45px;line-height:45px;color:#fff}
.laojiu ul li div dd:hover{background:#fff}
.laojiu ul li div dd a:hover{color:#f20a00}
.laojiu ul li div dd a{color:#fff;display:block;font-size:18px}
.wzd{overflow:hidden;text-align:center;margin:50px auto}
.wzd h3{font-size:30px;font-weight:400}
.wzd h4{background:url(../images/albg.jpg) repeat-x center center;margin:30px auto}
.wzd h4 span{padding:10px 30px;background:#c91318;font-size:20px;color:#fff}
.wzd h4:hover span{background:red}
.wzd p{font-size:16px;color:#666}
.chentnuo{overflow:hidden;padding:30px 0;border-top:1px #f1f1f1 solid}
.chentnuo ul{overflow:hidden}
.chentnuo ul li{width:20%;float:left;box-sizing:border-box;overflow:hidden;text-align:center;font-size:18px}
.chentnuo ul li span{font-size:26px;overflow:hidden;vertical-align:middle;margin-right:5px}
.chentnuo ul li:nth-child(3) span{font-size:30px}
.footer{overflow:hidden;margin:0 auto;background:#1e1d1d}
.footer{width:100%;height:auto;overflow:hidden;background:#333;padding:55px 0}
.footer .tit{height:auto;overflow:hidden;line-height:30px}
.footer .tit p{color:#fff;font-size:18px;float:left}
.footer .tit span{display:block;color:#999;font-size:16px;float:left;margin-left:5px}
.footer .cont{float:right;width:450px;height:auto;overflow:hidden}
.footer .cont .tell{margin-top:20px}
.footer .cont .tell ul li{overflow:hidden}
.footer .cont .tell ul li{font-size:30px;color:#f20a00;font-family:DINProb}
.d_lrdiv{overflow:hidden;margin:30px auto;padding:20px 40px;border:15px #f1f1f1 solid}
.d_lrdiv .img{float:left;width:450px;height:auto;overflow:hidden}
.d_lrdiv .img img{display:block;width:450px;height:395px}
.d_lrdiv .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}
.d_lrdiv .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}
.d_lrdiv .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}
.d_lrdiv .info .tel img{display:block;margin-top:25px;margin-left:25px}
.d_lrdiv .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}
.d_lrdiv .data{width:100%;height:auto;overflow:hidden}
.d_lrdiv .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}
.d_lrdiv .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}
.d_lrdiv .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}
.d_lrdiv h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
.d_lrdiv .share{width:100%;height:46px;line-height:46px;border:1px #e7e7e7 solid;text-align:center}
.d_lrdiv .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}
.d_lrdiv .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}
.d_lrdiv .info .btn a:last-child::after{content:""}
.d_lrdiv .info .btn a:hover{background:#25b240}
.d_lrdiv .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}
.d_lrdiv .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}
.d_lrdiv .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}
.d_lrdiv .text{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin:20px 0 20px}
.d_lrdiv .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px;padding-bottom:20px}
.d_lrdiv .textxq img{display:block;max-width:100%;margin:0 auto}
.article-detailed{overflow:hidden;margin-top:20px}
.get{overflow:hidden;margin:50px auto 0;font-size:16px;padding-bottom:20px;color:#666}
.get a{padding:5px 10px;margin:5px}
.get span{display:inline-block;float:left;width:80px}
.get div{float:left;width:90%}
.xwfy{height:auto;overflow:hidden;margin-top:0;border-top:1px #ccc solid;position:relative;padding-top:12px}
.xwfy p{width:60%;height:30px;line-height:30px;color:#666;font-size:16px;text-align:left;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.xwfy p:last-child{border:none;width:15%;border:1px #ccc solid;text-align:center;position:absolute;right:0;top:20px;height:45px;line-height:45px}
.xwfy p a{color:#666}
.xwfy p a:hover{color:#f20a00}
.xwfy p:last-child img{vertical-align:middle}
.footer .cont .ad{margin-top:20px;float:left}
.footer .cont .ad p{color:#999;font-size:16px;line-height:28px;background:url(../images/ios3.png) no-repeat left 5px;padding-left:24px}
.footer .fn{float:left;height:auto;overflow:hidden;margin-left:5%}
.footer .fn ul{width:160px;height:auto;overflow:hidden;margin-top:20px}
.footer .fn ul li{width:100%;height:36px;border:1px solid #fff;margin-bottom:10px;position:relative;box-sizing:border-box;line-height:34px}
.footer .fn ul li:after{content:"+";position:absolute;right:10px;top:0;color:#fff;font-size:16px}
.footer .fn ul li a{color:#fff;font-size:15px;width:125px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;margin-left:10px}
.footer .fn ul li:hover{border:1px solid #f20a00}
.footer .fn ul li:hover a{color:#f20a00}
.footer .ewm{float:right}
.footer .ewm img{display:block;width:171px;height:171px}
.footer .ewm p{text-align:center;line-height:40px;color:#f0f0f0;font-size:16px}
.cr{width:100%;height:50px;background:#555;text-align:center;line-height:50px;color:#ccc;font-size:15px}
.cr .main{display:flex;justify-content:center;align-items:center}
.cr p{float:left;vertical-align:middle}
.cr p img{margin-right:10px;vertical-align:inherit}
.cr span{display:block;float:left;margin-left:10px}
.n_banner{width:100%;overflow:hidden;margin:0 auto}
.n_banner img{width:100%}
.size30{font-size:30px;color:#085eaf;margin:15px auto}
.gg_title{width:100%;overflow:hidden;padding:60px 0;text-align:center}
.gg_title h3{font-size:30px}
.gg_title dd{font-size:24px;color:#fff;background:red;display:inline-block;padding:10px 20px;border-radius:10px;font-weight:700}
.yh_div1{overflow:hidden;margin:0 auto;background:#f1f1f1}
.yh_div1 ul{overflow:hidden;margin:0 auto}
.yh_div1 ul li{width:25%;padding:20px 0;border:5px #fff solid;box-sizing:border-box;border-top:none;border-bottom:none;float:left;float:left;overflow:hidden;margin:0 auto;text-align:center}
.yh_div1 ul li div{width:60px;height:60px;margin:0 auto}
.yh_div1 ul li h3{font-size:18px;margin:10px 0}
.yh_div1 ul li p{font-size:16px;color:#666;height:50px}
.yh_div2{overflow:hidden;margin:0 auto}
.yh_div2 ul{width:1400px;margin:0 auto;position:relative;overflow:hidden}
.yh_img1{width:100%;position:absolute;text-align:center}
.yh_div2 ul li{float:left;width:50%;margin-bottom:30px;color:#666}
.yh_div2 ul li:nth-child(2){width:316px;background:url(../images/yh_08.png) no-repeat;height:145px;margin-left:130px}
.yh_div2 ul li:nth-child(3){width:316px;background:url(../images/yh_08.png) no-repeat;height:145px;margin-right:130px;float:right}
.yh_div2 ul li:nth-child(4){background:url(../images/yh_07.png) no-repeat;height:145px;width:413px;clear:both}
.yh_div2 ul li:nth-child(5){background:url(../images/yh_07.png) no-repeat;height:145px;width:413px;float:right}

.yh_div2 ul li:hover:nth-child(2){background:url(../images/yh_081.png) no-repeat;}
.yh_div2 ul li:hover:nth-child(3){background:url(../images/yh_081.png) no-repeat;}

.yh_div2 ul li:hover:nth-child(4){background:url(../images/yh_071.png) no-repeat;}
.yh_div2 ul li:hover:nth-child(5){background:url(../images/yh_071.png) no-repeat;}
.yh_div2 ul li:hover a span{ color:#fff;}


.yh_div2 ul li span{font-size:18px;padding:70px 30px 0 80px;display:inline-block}
.yh_div3{overflow:hidden;margin:0 auto}
.yh_img2{float:right;width:40%;overflow:hidden}
.yh_img2 img{width:100%}
.yh_div3 ul{width:58%;float:left;margin-top:50px}
.yh_div3 ul li{font-size:18px;margin-bottom:25px;color:#666}
.yh_div3 ul li span{width:25px;height:25px;float:left;display:inline-block;border-radius:50%;background:#f20a00;margin-right:10px;color:#fff;font-size:18px;text-align:center}
.yh_div3 ul li view{ position:relative;}
.yh_div3 ul li view:after{ content:""; position:absolute; width:0%; height:5px; background:rgba(242,10,0,0.6); bottom:0px; left:0px;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.yh_div3 ul li:hover view:after{ content:""; width:100%; transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}


.ss_box5{background:url(../images/yh_30.png) repeat;overflow:hidden;margin:0 auto 0;padding:50px 0;height:493px}
.ss_box6{width:1200px;overflow:hidden;margin:0 auto}
.ss_box6 ul{overflow:hidden}
.ss_box6 ul li{width:25%;box-sizing:border-box;border:10px #fff solid;float:left;background:#3d6fd3;text-align:center;padding:30px 0;color:#fff}
.ss_box6 ul li:nth-child(4n){margin-right:0}
.ss_box6 ul li div{width:90px;height:90px;margin:0 auto;transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.ss_box6 ul li h3{font-size:18px;margin:10px auto}
.ss_box6 ul li dd{height:90px;line-height:24px;overflow:hidden;padding:0 20px}
.ss_box6 ul li dt{width:80px;border-radius:30px;margin:0 auto;display:inline-block;background:#fff;font-size:15px;padding:5px 10px}
.ss_box6 ul li dt a{color:#000}
.ss_box6 ul li dt a:hover{color:#f57864}
.ss_box6 ul li:nth-child(2){background:#f57864}
.ss_box6 ul li:nth-child(3){background:#4ac4c8}
.ss_box6 ul li:nth-child(4){background:#3d94d3}
.ss_box6 ul li:nth-child(5){background:#3cc5a4}
.ss_box6 ul li:nth-child(6){background:#fe8800}
.ss_box6 ul li:nth-child(7){background:#36a1d9}
.ss_box6 ul li:nth-child(8){background:#7781d8}
.ss_box6 ul li:hover{background:#3d6fd3}
.ss_box6 ul li:hover div{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.ss_box7{float:left;width:576px;height:446px;overflow:hidden;background:url(../images/ss_img7.png) no-repeat center top}
.ss_box8{float:right;width:580px}
.ss_box8-txt{overflow:hidden}
.ss_box8-txt ul{overflow:hidden}
.ss_box8-txt ul li{overflow:hidden}
.ss_box8-txt ul li p{font-size:16px;color:#fff;margin-bottom:10px}
.ss_box8-txt ul li p b{font-size:20px;font-weight:600}
.ss_anniu{overflow:hidden;margin-top:30px}
.lanrenzhijia{width:1200px;position:relative;margin:40px auto 0}
.lanrenzhijia .btn{position:absolute;width:75px;height:50px;top:216px;cursor:pointer;z-index:99;font-size:50px;font-weight:700}
.lanrenzhijia .prev{left:50%;background:url(../images/ss_yh_40.png) no-repeat}
.lanrenzhijia #nextTop,.lanrenzhijia #prevTop{top:213px;width:46px;height:48px}
.lanrenzhijia #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat}
.lanrenzhijia #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat}
.lanrenzhijia .next{right:35%;background:url(../images/ss_yh_42.png) no-repeat}
.lanrenzhijia li{float:left}
.lanrenzhijia .cf li{position:relative;color:#fff}
.lanrenzhijia .cf a{display:block;width:680px;height:330px;position:absolute;color:#fff}
.lanrenzhijia .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,.6)}
.lanrenzhijia .picBox{height:274px;position:relative;overflow:hidden;width:524px;margin:26px 0 0 24px}
.lanrenzhijia .picBox ul{height:330px;position:absolute}
.lanrenzhijia .picBox li{width:524px;height:274px}
.lanrenzhijia .picBox li img{width:100%}
.lanrenzhijia .listBox{width:580px;height:200px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden}
.lanrenzhijia .listBox ul{height:100px;position:absolute}
.lanrenzhijia .listBox li{overflow:hidden;width:580px}
.lanrenzhijia .listBox li p{font-size:16px;color:#fff;margin-bottom:10px}
.lanrenzhijia .listBox li p:nth-child(3){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.lanrenzhijia .listBox li p b{font-size:20px;font-weight:600}
.ss_anniu{overflow:hidden;margin-top:30px}
.gengduo5{width:300px;height:60px;background:linear-gradient(to left,#000,#666);border-radius:10px;margin-top:100px;line-height:60px;text-align:center;margin-left:600px}
.gengduo5 a{color:#fff;font-size:22px;display:block}
.gengduo5:hover{background:linear-gradient(to left,#f3c64c ,#ff8947)}
.pc-anli{display:block}
.m-anli{display:none}
.ss_box5 .swiper-container{position:relative;overflow:hidden;padding-bottom:30px}
.ss_box5 .swiper-container-rtl .swiper-wcb_left,.ss_box5 .swiper-wcb_right{width:80px;height:80px;position:absolute;top:76px;left:-15px;background:url(../images/wcb_left.png) no-repeat center;background-size:50%;z-index:9999}
.ss_box5 .swiper-container-rtl .swiper-wcb_right,.ss_box5 .swiper-wcb_left{width:80px;height:80px;position:absolute;top:76px;right:-15px;background:url(../images/wcb_right.png) no-repeat center;background-size:50%;z-index:999}
.ss_box5 .swiper-wcb_right:hover{background:url(../images/wcb_left1.png) no-repeat center;background-size:50%}
.ss_box5 .swiper-wcb_left:hover{background:url(../images/wcb_right1.png) no-repeat center;background-size:50%}
.ss_box5 .swiper-pagination-bullet-active{background:#fff}
.acg_r dl dd:nth-child(3){display:none}
.acg_r h4{display:none}
.ss_box5 .swiper-button-p,.ss_box5 .swiper-container-rtl .swiper-button-n .left{width:80px;height:80px;position:absolute;top:220px;left:0;background:url(../images/acg_left.png) no-repeat center;z-index:99}
.ss_box5 .swiper-button-n,.ss_box5 .swiper-container-rtl .swiper-button-p .right{width:80px;height:80px;position:absolute;top:220px;right:0;background:url(../images/acg_right.png) no-repeat center;z-index:99}
.yh_div4{overflow:hidden}
.yh_div4 ul{width:1400px;margin:20px auto 0;position:relative;overflow:hidden;height:542px}
.yh_img3{overflow:hidden;text-align:center;position:absolute;width:100%;height:100%}
.yh_div4 ul li{overflow:hidden;font-size:16px;color:#666;margin-top:50px;margin-bottom:110px}
.yh_div4 ul li div{width:30%;float:left;text-align:right}
.yh_div4 ul li div:nth-child(2){float:right;text-align:left}
.yh_div4 ul li div span{font-size:36px;color:#f20a00}
.yh_div4 ul li:nth-child(3) div{text-align:left}
.yh_div4 ul li:nth-child(3) div:nth-child(2){text-align:right}
.yh_text{width:100%;text-align:center;font-size:20px;font-weight:700;margin-top:30px}
.yh_text span{color:#f20a00}
.yh_div5{background:url(../images/seoyh.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;margin:50px auto 0;padding-bottom:50px}
.yh_div5 ul{overflow:hidden}
.yh_div5 ul li{width:33.33%;float:left;border:10px transparent solid;box-sizing:border-box}
.yh_div5 ul li .yh_txt{border:1px #ccc solid;border-radius:10px;padding:20px 20px; position:relative}
.yh_div5 ul li .yh_txt h3{font-size:24px;color:#fff;opacity:.7}
.yh_div5 ul li .yh_txt h3 img{margin-right:10px}
.yh_div5 ul li .yh_txt p{font-size:16px;color:#fff;line-height:25px;height:110px;opacity:.7;padding-left:70px}
.yh_div5 ul li .yh_txt:before{ content:""; width:100%; bottom:0px; left:0px; position:absolute; height:0%; background:rgba(242,10,0,.6);transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.yh_div5 ul li:hover .yh_txt:before{height:100%; transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.yh_div6{overflow:hidden}
.baonian{border:1px #ccc solid;background:#eaeaea;overflow:hidden}
.baonian div{margin:30px auto 10px;width:89px}
.baonian h3{text-align:center;font-size:20px;font-weight:400;margin:5px auto}
.baonian p{text-align:center;color:#666;font-size:15px;padding-bottom:30px}
.baonian dl{background:#fff;padding:0 20px;overflow:hidden;padding-bottom:30px}
.baonian dl h4{text-align:center;padding:20px 0;font-size:20px;font-weight:400;color:#f20a00}
.baonian dl dd{width:50%;float:left;background:url(../images/yh_61.png) no-repeat center left;padding-left:15px;margin-bottom:15px;box-sizing:border-box}
.baonian dl a{border:1px #0798e3 solid;color:#0798e3;padding:5px 30px;margin-right:20px;margin-top:30px}
.yh_div6 .swiper-container{padding-bottom:50px}
.yh_div6 .swiper-pagination{display:none}
.wen{background:linear-gradient(to left,#f70918,#eb7125);height:150px}
.wen .wen1{float:left;margin-top:15px}
.wen span{color:#fff;display:block;float:left;margin-left:50px}
.wen span h3{font-size:24px;margin-top:50px}
.wen span p{font-size:16px;margin-top:10px}
.wen b{float:right;line-height:150px}
.wen b a{color:#fff;font-weight:400;border:1px #fff solid;padding:10px 20px;margin:0 10px;width:150px}
.x_txt{text-align:center;font-size:16px;margin:30px auto;color:#666;line-height:32px}
.x_img1{width:48%;float:left;overflow:hidden}
.x_img1 img{width:100%}
.x_div2{width:50%;float:right;overflow:hidden;margin-top:30px}
.x_div2 h3{font-size:18px;margin:10px auto}
.x_div2 h3 span{color:#f20a00}
.x_div2 p{font-size:16px;line-height:28px;color:#666}
.x_div2 div img{width:100%}
.x_div3{margin-bottom:90px;border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;margin:50px auto}
.x_div3 ul{overflow:hidden}
.x_div3 ul li{float:left;width:25%;font-size:16px;line-height:24px;color:#666; position:relative;}
.x_div3 ul li .inner{padding:43px 20px 30px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.x_div3 ul li .id{font-size:48px;line-height:48px;color:#d90000;font-weight:700;margin-bottom:16px}
.x_div3 ul li h3{margin-bottom:20px;font-size:18px;line-height:24px;color:#333;font-weight:700}
.x_div3 ul li .inner p{height:100px}
.x_div3 ul li .inner:before{background:#f20a00; width:0%; content:""; height:100%; position:absolute; left:0px; top:0px; z-index:-1;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.x_div3 ul li:hover .inner:before{ width:100%;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.x_div3 ul li:hover p,.x_div3 ul li:hover h3,.x_div3 ul li:hover .id{ color:#fff;}
.x_div4{position:relative;padding:79px 0 60px;background:url(../images/appletbg.jpg) no-repeat center;background-size:cover;background-attachment:fixed}
.x_div4 .m-web-title{position:relative;z-index:10;margin-bottom:75px;color:#fff}
.x_div4 .applet-feature{position:relative;z-index:10;overflow:hidden;margin:80px auto 0}
.x_div4 .applet-feature ul{text-align:center;margin-left:-60px;margin-right:-60px;margin-left:-3.75%;margin-right:-3.75%}
.x_div4 .applet-feature li{float:left;width:13%;font-size:16px;line-height:24px;color:#ccc;padding:0 1.75555555%}
.x_div4 .applet-feature .ico{margin-bottom:16px;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.x_div4 .applet-feature .ico img{vertical-align:middle;width:65%}
.x_div4 .applet-feature h3{margin-bottom:19px;font-size:18px;line-height:24px;color:#fff}
.x_div4 .applet-feature li:hover .ico{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);
transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.applet-func{padding:0 0 34px}
.applet-func .m-web-title{margin-bottom:0}
.applet-func-list{overflow:hidden}
.applet-func-list ul{margin-left:-2.375%;margin-right:-2.375%}
.applet-func-list li{float:left;margin-bottom:62px;width:28.5714%;padding:0 2.38095%;text-align:center}
.applet-func-list .inner{padding:48px 40px 30px;font-size:15px;line-height:22px;color:#666;border:solid 1px #d9d9d9}
.applet-func-list .ico{margin-bottom:20px;height:75px;line-height:75px;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.applet-func-list .ico img{vertical-align:middle}
.applet-func-list h3{margin-bottom:20px;font-size:18px;line-height:32px;color:#1a1a1a}
.applet-func-list .inner p{height:100px}
.applet-func-list li:hover .ico{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);
transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.full-applet-do{padding:30px 0;background-color:#f2f2f2;text-align:center}
.x_div5{overflow:hidden}
.x_div5 ul{overflow:hidden}
.x_div5 ul li{width:33.3333%;float:left;background:red;border:15px #f2f2f2 solid;text-align:center;background:red;border-radius:30px;box-sizing:border-box;padding:76px 0 68px;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.x_div5 ul li img{width:40%!important;height:auto!important}
.x_div5 ul li h3{margin-bottom:16px;font-size:18px;line-height:30px;color:#fff}
.x_div5 ul li .ico{margin-bottom:16px;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.x_div5 ul li .do-desc{margin-bottom:64px}
.x_div5 ul li .inner{padding:43px 40px 69px}
.x_div5 ul li p{font-size:16px;line-height:24px;color:#fff}
.x_div5 ul li:hover .ico{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);
transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.x_div5 ul li:hover{background:#ff953a;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.wmxiao{overflow:hidden}
.wmxiao ul.f-ul{overflow:hidden;width:1000px;margin:0 auto 50px}
.wmxiao ul.f-ul li{float:left;width:25%;text-align:center}
.wmxiao ul.f-ul li.last{margin-right:0}
.wmxiao ul.f-ul li span.span1{display:block;font-size:36px;color:#f20a00;padding-left:16px;line-height:31px;border-left:5px solid #f20a00;text-align:left}
.wmxiao ul.f-ul li span.span2{font-size:24px;vertical-align:3px}
.wmxiao ul.f-ul li p{text-align:left;color:#909199;font-size:16px;margin-top:10px}
.proxy{overflow:hidden;background:#fff;box-shadow:0 0 5px #ccc;margin:5px;border-radius:10px;position:relative}
.f5-img{overflow:hidden;border-radius:10px 10px 0 0;position:relative; height:2rem;}
.f5-img img{width:100%}
.f5-img dl{width:150px;border-radius:50%;position:absolute;right:10px;bottom:-70px;overflow:hidden;background:#fff;height:140px;text-align:center}
.f5-img dl img{width:80px;margin-top:20px}
.item-t{text-align:left;margin:15px 20px 25px;font-size:16px;color:#4b4b4d;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-height:28px;-webkit-box-orient:vertical;height:50px}
.text-p{font-size:16px;color:#999;text-align:left;margin:20px}
.x_div7{overflow:hidden;margin:30px auto 0}
.x_div7 ul{overflow:hidden}
.x_div7 ul li{overflow:hidden;position:relative;width:20%;float:left;border-radius:10px;border:5px #f0f0f0 solid;box-sizing:border-box}
.x_div7 ul li img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.x_div7 ul li p{position:absolute;width:100%;height:100%;line-height:125px;text-align:center;color:#fff;font-size:16px;top:0}
.x_div7 ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.x_div6 .swiper-pagination{display:none}
.dit{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6);bottom:-100%;-webkit-transition:all .5s;transition:all .5s}
.dit img{width:140px;height:140px;margin:100px auto;display:block;background:#fff;border-radius:50%}
.proxy:hover .dit{bottom:0;-webkit-transition:all .5s;transition:all .5s}
.wz_div1{overflow:hidden}
.wz_div1 ul li{width:50%;border-right:1px #ccc solid;border-bottom:1px #ccc solid;box-sizing:border-box;float:left;overflow:hidden;padding-bottom:50px}
.wz_div1 ul li div{width:100px;height:100%;margin:50px auto 0;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.wz_div1 ul li h3{text-align:center;margin:15px auto;font-size:24px}
.wz_div1 ul li p{padding:0 30px;text-align:center;font-size:16px;line-height:30px;color:#666}
.wz_div1 ul li:nth-child(2n){border-right:none}
.wz_div1 ul li:nth-child(3n),.wz_div1 ul li:nth-child(4n){border-bottom:none}
.wz_div1 ul li:hover div{
transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);
transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;
}
.wz_div2{overflow:hidden;position:relative;margin:50px auto 0}
.wz_div2_1{width:100%;overflow:hidden}
.wz_div2_1 img{width:100%}
.wz_div2_2{width:100%;height:100%;position:absolute;top:0}
.wz_div2_2 h3{font-size:30px;font-weight:700;padding:80px 50px 20px;margin-top:50px}
.wz_div2_2 h3:after{content:"";width:50px;height:3px;background:#f20a00;display:block;font-size:30px;font-weight:700;margin-top:30px}
.wz_div2_2 p{padding:10px 50px;font-size:18px}
.wz_div2_2 dd{overflow:hidden;border-radius:36px;height:40px;line-height:40px;background:#f20a00;width:180px;margin:50px 0 0 50px;text-align:center}
.wz_div2_2 dd a{color:#fff}
.wz_div3{background:url(../images/wz_img6.png) no-repeat center;background-size:cover;background-attachment:fixed;margin:0 auto;padding-bottom:80px}
img.p_img{display:block;margin:0 auto}
img.m_img{display:none}
.wz_text{overflow:hidden;margin-top:40px}
.wz_text ul{overflow:hidden;padding:1px 0 0 1px}
.wz_text ul li{width:25%;float:left;border:1px #fff solid;box-sizing:border-box;overflow:hidden;margin:-1px 0 0 -1px;padding:30px 0;text-align:center; position:relative;}
.wz_text ul li div{width:55px;height:55px;margin:0 auto;overflow:hidden; position:relative; z-index:5}
.wz_text ul li p{color:#fff;margin-top:10px;text-align:center;font-size:18px;position:relative; z-index:5}
.wz_text ul li:after{ content:""; width:100%; height:0%; position:absolute; left:0px; bottom:0px; background:rgba(242,10,0,0.6);transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; z-index:1}
.wz_text ul li:hover:after{height:100%;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}

.wz_img{width:auto;overflow:hidden;text-align:center}
.wz_houtai{width:auto;overflow:hidden}
.wz_houtai ul{width:auto;overflow:hidden}
.wz_houtai ul li{width:auto;overflow:hidden;background:#f1f1f1;float:left;width:33.33%;border:10px #fff solid;box-sizing:border-box;padding:50px 0}
.wz_houtai ul li div{width:133px;height:133px;overflow:hidden;margin:0 auto}
.wz_houtai ul li h3{text-align:center;font-size:24px;color:#f20a00;margin:20px auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wz_houtai ul li p{padding:10px 30px;line-height:28px;font-size:16px}
.wz_houtai ul li:hover div{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);
transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.xgal{overflow:hidden;background:#fff;border-bottom:2px #ccc solid;padding-bottom:20px}
.xgal div{overflow:hidden; height:2rem}
.xgal h3{font-size:18px;font-weight:700;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;padding:10px 20px}
.xgal p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:40px;line-height:40px;text-align:center;padding:0 10px}
.xgal div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.xgal div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.wzjc{overflow:hidden;margin:50px auto}
.wzjc .swiper-pagination-bullet-active{background:#f20a00}
.wzjc .swiper-container{padding-bottom:50px}
.casebox{background:#f1f1f1;overflow:hidden;margin:0 auto;padding:50px 0 20px}
.anli{overflow:hidden;margin:50px auto 0}
.anli ul{overflow:hidden}
.anli ul li{width:33.33%;overflow:hidden;float:left;border:10px #fff solid;box-sizing:border-box}
.anli{overflow:hidden}
.anli ul li .img-box{overflow:hidden;height:auto;position:relative;margin:5px;transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-transition:.5s}
.anli ul li .img_x{overflow:hidden;position:relative; height:2rem;}
.anli ul li .img_x img{display:block;transition:.5s}
.anli ul li .img_x img{width:100%}
.anli ul li .img_x:after{content:"";width:100%;position:absolute;left:0;top:0;opacity:0;height:100%;transition:.5s;background:rgba(0,0,0,.5) url(../images/dp_icon02.png) no-repeat center}
.anli ul li:hover .img_x:after{opacity:1}
.anli ul li .info{width:100%;height:auto;overflow:hidden;background:#fff;padding:25px 20px;box-sizing:border-box}
.anli ul li .info h4{width:100%;color:#555;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anli ul li .info p{width:100%;color:#555;font-size:16px;margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;color:#666;line-height:28px;height:60px}
.anli ul li:hover .img-box{box-shadow:0 0 5px #ccc;transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-transition:.5s}
.fenye{text-align:center;margin:10px auto;text-align:center}
.news_left{width:70%;float:left;overflow:hidden}
.news_right{width:28%;float:right;overflow:hidden}
.news_lb{overflow:hidden;margin-top:50px}
.news_lb ul{overflow:hidden}
.news_lb ul li{overflow:hidden;border:1px #ccc solid;padding:30px;position:relative;padding-bottom:60px;margin-bottom:15px}
.news_lb ul li dl{width:65px;float:left;overflow:hidden;text-align:right;margin-right:50px}
.news_lb ul li dl dd{font-size:48px;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;position:relative}
.news_lb ul li dl dd:after{content:"";display:block;width:20px;height:2px;background:#666;position:absolute;right:0}
.news_lb ul li dl dt{font-size:14px;color:#666;margin-top:20px}
.news_lb ul li span{overflow:hidden}
.news_lb ul li span h3{font-size:20px;color:#666;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.news_lb ul li span p{overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;color:#666;line-height:26px;margin-top:10px}
.news_lb{overflow:hidden}
.biaoqian{width:auto;font-size:16px;color:#666;position:absolute;left:20px;bottom:20px}
.news_lb ul li:hover{border:1px #f20a00 solid}
.news_lb ul li:hover dl dd{color:#f20a00}
.news_lb ul li:hover dl dd:after{content:"";display:block;width:20px;height:2px;background:#f20a00;position:absolute;right:0}
.news_lb ul li:hover span h3{color:#f20a00;text-decoration:underline}
.fwxm{overflow:hidden;border:1px #dcc solid;padding:0 20px 20px;margin-top:50px}
.m_title{overflow:hidden}
.m_title span{border-top:2px #f20a00 solid;display:inline-block;overflow:hidden;font-size:20px;color:#000;font-weight:700;line-height:50px}
.fwxm ul{padding:10px 0}
.fwxm ul li{width:50%;float:left;text-align:center;line-height:40px;background:#666;border:5px #fff solid;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.fwxm ul li a{color:#fff;font-size:16px;display:block}
.fwxm ul li a:hover{background:#f20a00}
.an_tj{overflow:hidden;border:1px #dcc solid;padding:0 20px 20px;margin-top:20px}
.an_tj ul{margin-top:20px}
.an_tj ul li{width:auto;margin-bottom:20px;overflow:hidden;box-sizing:border-box;transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.an_tj ul li .casebox{background:#fff}
.an_tj ul li .img-box{overflow:hidden;height:auto;position:relative}
.an_tj ul li .img-box img{display:block;transition:.5s}
.an_tj ul li .img-box img{width:100%}
.an_tj ul li .img-box:after{content:"";width:100%;position:absolute;left:0;top:0;opacity:0;height:100%;transition:.5s;background:rgba(0,0,0,.5) url(../images/dp_icon02.png) no-repeat center}
.an_tj ul li:hover .img-box:after{opacity:1}
.an_tj ul li .info{width:100%;height:auto;overflow:hidden;background:#f0f0f0;padding:25px 20px;box-sizing:border-box}
.an_tj ul li .info h4{width:100%;color:#555;font-size:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.an_tj ul li .info p{width:100%;color:#555;font-size:16px;margin-top:3px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:90px;line-height:28px}
.an_tj ul li:hover{box-shadow:0 0 10px #ccc;transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.main{overflow:hidden;margin:0 auto}
.main .part1 .left-box{margin-right:2%}
.main .part1 dl{float:left;width:49%;text-align:center;border:1px solid #f3f3f3;padding-bottom:40px;cursor:pointer}
.main .part2 dl:nth-child(2){float:right}
.main .part1 dt{margin-top:30px;height:160px;line-height:160px}
.main .part1 dt img{width:95%}
.main .part1 .left-box dt img{margin-top:22px}
.main .part1 .tit{font-size:24px;line-height:30px;margin-top:70px}
.main .part1 .text{font-size:14px;line-height:25px}
.main .part2{padding-top:20px}
.main .part2 dl{position:relative;float:left;width:25%;border-right:5px solid #fff;height:500px;padding-top:65px;background:#f3f3f3;text-align:center;box-sizing:border-box}
.main .part2 .titlelx{font-size:22px;color:#f20a00;font-weight:bold;margin-bottom:60px}
.main .part2 .item1 .titlelx img{width:80%;margin-bottom:45px}
.main .part2 .item1 .code img{width:160px}
.main .part2 .tit{font-size:24px;margin:35px 0 15px}
.main .part2 .text,.main .part2 .text a{font-size:16px;line-height:30px}
.main .part2 .text.blue,.main .part2 .text.blue a{font-size:22px;font-weight:700;color:#f20a00}
.main .part2 .btn{position:absolute;left:50%;bottom:85px;margin-left:-120px;width:240px;height:65px;background:#fff;line-height:65px;text-align:center;font-size:18px;color:#333;border-radius:40px}
.main .part2 .btn:hover{background:#f20a00}
.main .part2 dl dd:hover a.btn{color:#fff}
.main .part2 .item3 .btn-contact{background:#fff;color:#333}
.main .part3{width:100%;min-width:1200px}
.main .part3 .content-box{font-size:16px;margin-top:50px}
.main .part3 .left-box{position:relative;float:left;height:200px;padding-left:130px}
.main .part3 .left-box:before{content:"";position:absolute;left:0;top:50%;margin-top:-64px;width:104px;height:128px;background:url(icon-addr-red.png) no-repeat center/100% 100%}
.main .part3 .left-box h2{font-size:48px;color:#0f7cd6;margin-top:30px}
.main .part3 .left-box h3{font-size:30px;margin-bottom:20px}
.main .part3 .right-box{margin-left:50%;width:570px;height:300px}
.main .part3 .right-box p{font-size:16px;margin-bottom:25px;line-height:30px}
.main .part4{background:#f3f3f3;width:100%}
.main .part4 .title{font-size:40px;color:#1c1c1c;margin-bottom:10px}
.main .part4 .text-center{text-align:center}
.part4{overflow:hidden;width:100%}
.part4 .layui-form{margin:45px 0 25px}
.part4 .layui-form .clearfix{overflow:hidden}
.part4 .layui-form .text{float:left;width:50%}
.part4 .layui-form .text label{display:block;overflow:hidden}
.part4 .layui-form .text label input{display:block;height:60px;line-height:60px;margin-bottom:25px;width:100%;margin-right:10px;border:1px solid #efefef;background:#fff;padding:0 10px}
.part4 .layui-form .msg{width:48%;float:right}
.part4 .layui-form .text label p{ margin-top:-20px; color:#f00}
.part4 .layui-form .msg textarea{display:block;border:1px solid #efefef;width:100%;height:301px;font-size:16px;padding:10px;resize:none;background:#fff}
.part4 .form-btns{text-align:center}
.part4 .form-btns .submit input{background:#f20a00}
.part4 .form-btns input{width:200px;height:60px;border:0;outline:0;margin:0 15px;font-size:24px;color:#f3f3f3;border-radius:5px;cursor:pointer;vertical-align:inherit}
.part4 .form-btns .reset input{background:#333}
.ditu{margin:50px auto 0}
#ditu1{height:450px;margin:0 auto;width:100%}

.abwhat{overflow:hidden}
.abwhat ul{overflow:hidden}
.abwhat ul li{float:left;width:20%;text-align:center;color:#000}
.abwhat ul li span{font-size:18px;display:block}
.abwhat ul li i{display:block;width:65px;height:61px;margin:4% auto;transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.abwhat ul li i img{width:100%}
.abwhat ul li:hover i{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);
transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}

.huibg{width:100%;background:#eaeaea}
.abwhobg{background:url(../images/abwho-bg.jpg) no-repeat center center;background-size:cover;margin:60px auto 0;overflow:hidden}
.abwho{width:65%;margin-top:-5%;background:#fff;padding:5%;float:right}
.abwho .dtit{text-align:right;padding-top:0}
.abwho .dtit p{padding-right:20px}
.abwho p{color:#666565;line-height:2;margin-bottom:4%}
.abwho strong{color:#3d3d3d;font-size:30px}
.dtit{padding:4% 0;text-align:center}
.dtit span{font-size:40px;color:#161616;display:block}
.dtit p{font-size:15px;color:#888;margin-top:5px}
.dtit.bai p,.dtit.bai span{color:#fff}
.wx_anli{overflow:hidden;margin:30px auto}
.wx_anli ul{overflow:hidden}
.wx_anli ul li{overflow:hidden;width:25%;border:5px #fff solid;box-sizing:border-box;float:left}
.abxia{width:100%;position:relative;overflow:hidden;padding-bottom:2%}
.abxiaz{width:56%;background:#fff;padding:4% 0}
.abxiaz>div{width:60%;margin:0 auto}
.abxiaz .dtit{text-align:left}
.abxiaz p{color:#636363;line-height:2;margin-bottom:4%}
.abxiaz b{display:block;color:#303030;font-size:22px}
.abxiay{position:absolute;width:50%;top:0;right:0;z-index:2}
.abxiay>img{width:100%}
.anlicon{background:#fff;overflow:hidden}
.solutionlist{overflow:hidden;padding:0 5%;margin:30px 0}
.solutionlist li{float:left;width:100%;overflow:hidden;margin-bottom:20px}
.solutionlist li .snum{padding:10px 0 0 0;height:150px;float:left;width:12%;background:url(../images/xiex.png) no-repeat right top;color:#e6e6e6;font-size:90px;font-family:arial;line-height:1}
.solutionlist li .scon{float:right;width:88%;border-bottom:1px solid #dcdcdc;padding-bottom:20px}
.solutionlist li .scon h3{color:#0a0a0a;font-size:28px;font-weight:700}
.solutionlist li .scon h3:after{content:"";display:block;width:55px;height:5px;background:#f20a00;margin:10px 0}
.solutionlist li .scon .stxt{color:#666;font-size:18px;line-height:1.8;margin-top:20px}
.bzlc{width:100%;overflow:hidden;margin-top:40px;margin-bottom:50px}
.bzlc .lc{float:left;width:76px;height:50px;padding:13px 0;line-height:24px;font-size:14px;text-align:center;border:2px solid #e7e7e7;border-radius:100%;color:#d51419}
.bzlc .xian{background:url(../images/xian.jpg) no-repeat right center;width:100px;height:80px;float:left;margin:0 5px}
.bzlc strong{font-size:32px;line-height:26px;display:block}
.bzlc{width:100%;overflow:hidden;margin-top:40px;margin-bottom:50px}
.bzlc .lc{float:left;width:76px;height:50px;padding:13px 0;line-height:24px;font-size:14px;text-align:center;border:2px solid #e7e7e7;border-radius:100%;color:#d51419}
.bzlc .xian{background:url(../images/xian.jpg) no-repeat right center;width:100px;height:80px;float:left;margin:0 5px}
.bzlc strong{font-size:32px;line-height:26px;display:block}
.baiul li{font-size:16px;color:#666;overflow:hidden;line-height:30px;margin-bottom:10px}
.baiul li span{width:40px;display:block;float:left}
.baiul li p{width:790px;float:right;margin:0 auto}
.baiul{overflow:hidden;margin-bottom:40px}
.bzts{font-size:12px;color:#7c7c7c;line-height:26px;margin-top:50px}
.bzts h3{margin-bottom:30px}
.ywj ul li{width:360px;float:left;font-size:14px;line-height:40px;margin-bottom:25px;display:block;color:#666}
.ywj ul{overflow:hidden;margin-top:20px}
.ywj ul li .icon2{width:37px;height:44px;display:inline-block;vertical-align:middle;background:url(../images/icon-all2.png) no-repeat;margin-right:10px}
.ywj ul li .ic1{background-position:0 0}
.ywj ul li .ic3{background-position:-46px 0}
.ywj ul li .ic4{background-position:-46px -50px}
.ywj ul li .ic5{background-position:-46px -150px}
.ywj ul li .ic6{background-position:0 -200px}
.ywj ul li .ic7{background-position:-46px -200px}
.bzxy{margin:50px 0;overflow:hidden}
.bzx{width:50%;text-align:center;float:left}
.bzx h4{font-size:22px;line-height:56px;font-weight:400;margin:0 auto}
.bzx span{font-size:18px;line-height:38px}
.bzx a{width:150px;height:36px;background-color:#d51419;line-height:36px;font-size:18px;color:#fff;display:block;margin:15px auto 0;border-radius:10px;transition:all .5s}
.bzx a:hover{background:#000}
.bzx b{font-size:22px;color:#d51419;display:block;margin-top:15px;line-height:36px}
.zhifu{width:100%;margin:0 auto;background:#f20a00;padding:50px 0}
.zhifu h3{text-align:center;font-size:36px;color:#fff;margin:20px auto}
.zhifu p{font-size:16px;color:#fff;text-align:center}
.zhifubox{overflow:hidden}
.zhifubox ul{overflow:hidden;text-align:center;padding:50px 0}
.zhifubox ul li{width:200px;display:inline-block;overflow:hidden;margin:0 20px}
.zhifubox ul li div{border:1px #4bb316 solid;padding:10px}
.zhifubox ul li div img{width:100%}
.zhifubox ul li p{color:#333;margin:15px auto}
.zhifubox ul li p:before{content:url(../images/weixin.png);vertical-align:middle}
.zhifubox ul li:nth-child(2) div{border:1px #1676ff solid}
.zhifubox ul li:nth-child(2) p:before{content:url(../images/zhifubaoIcon.png);vertical-align:middle}
div.flickr a {border:1px solid #ccc;padding:10px 15px;border-radius:2px;margin:0 5px;color:#666}
div.flickr a:hover {border-right:#f20a00 1px solid;border-top:#f20a00 1px solid;background-image:none;border-left:#f20a00 1px solid;color:#fff;border-bottom:#f20a00 1px solid;background-color:#f20a00}
div.meneame a:active {border-right:#f20a00 1px solid;border-top:#f20a00 1px solid;background-image:none;border-left:#f20a00 1px solid;color:#fff;border-bottom:#f20a00 1px solid;background-color:#f20a00}
div.flickr span.current {margin-right:5px;padding:10px 15px;color:#fff;font-weight:700;background:#f20a00;border-radius:2px;border:1px solid #f20a00}
div.flickr span.disabled {color:#adaaad;margin-right:10px;border:1px solid #ccc;padding:10px 15px;border-radius:2px}
div.flickr {padding:0;margin:0;text-align:center;font-family:Verdana;font-size:12px;text-align:center;}
.fenye{height:50px}
.BMap_cpyCtrl { display:none}
.side{position:fixed;width:78px;right:0;top:50%; margin-top:-200px;z-index:100; border:1px solid #e0e0e0; background:#ffffff; border-bottom:0;}
.side ul li{width:78px;height:78px;float:left;position:relative; border-bottom:1px solid #e0e0e0;color:#333; font-size:14px; line-height:38px; text-align:center;transition:all 0.3s; cursor:pointer;}
.side ul li img{width:100% }
.side ul li#qqonline_float3{ display:none;}
.side ul li.shangqiao{ display:none;}
.side ul li:hover{background:#fe0000; color:#fff;}
.side ul li:hover a{ color:#fff;}
.side ul li i{height:25px; margin-bottom:1px; display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 25px; margin-top:14px;transition:all 0.3s;}
.side ul li i.bgs1{ background-image:url(../images/right_pic5.png);}
.side ul li i.bgs2{ background-image:url(../images/right_pic7.png);}
.side ul li i.bgs3{ background-image:url(../images/right_pic2.png);}
.side ul li i.bgs4{ background-image:url(../images/right_pic1.png);}
.side ul li i.bgs5{ background-image:url(../images/right_pic3.png);}
.side ul li i.bgs6{ background-image:url(../images/right_pic6_on.png);}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png);}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png);}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png);}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png);}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png);}
.side ul li:hover i.bgs6{}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all 0.3s;overflow:hidden;}
.side ul li.sidetop{background:#fe0000; color:#fff;}
.side ul li.sidetop:hover{opacity:0.8;filter:Alpha(opacity=80);}
.side ul li.sideewm .ewBox {width: 238px;display: none; color: #363636;text-align: center;padding:10px 0;position: absolute;left: -240px;top: -80px;background: #fff;border:1px solid #e0e0e0;}
.side ul li.sideetel .telBox {width: 240px;height:78px;display: none; color: #fff;text-align: left;position: absolute;left: -240px;top: 0px;background:#fe0000;}
.side ul li.sideetel .telBox dd{ display:block; height:100px; overflow:hidden; padding-left:82px; line-height:24px; font-size:18px;}
.side ul li.sideetel .telBox dd span{ display:block; line-height:28px; height:28px; overflow:hidden; margin-top:11px; font-size:18px;}
.side ul li.sideetel .telBox dd.bgs1{ background:url(../images/right_pic8.png) 28px center no-repeat; background-color:#fe0000;}
.side ul li.sideetel .telBox dd.bgs2{ background:url(../images/right_pic9.png) 28px center no-repeat;}




@media screen and (max-width: 1000px){
.f5-img{ height:3rem;}
div.flickr a {border:1px solid #ccc;padding:0.1rem 0.2rem;border-radius:2px;margin:0 0.05rem;color:#666}
div.flickr a:hover {border-right:#f08300 1px solid;border-top:#f08300 1px solid;background-image:none;border-left:#f08300 1px solid;color:#fff;border-bottom:#f08300 1px solid;background-color:#f08300}
div.meneame a:active {border-right:#f08300 1px solid;border-top:#f08300 1px solid;background-image:none;border-left:#f08300 1px solid;color:#fff;border-bottom:#f08300 1px solid;background-color:#f08300}
div.flickr span.current {margin-right:0.1rem;padding:0.1rem 0.2rem;color:#fff;font-weight:700;background:#f08300;border-radius:2px;border:1px solid #f08300}
div.flickr span.disabled {color:#adaaad;margin-right:0.05rem;border:1px solid #ccc;padding:0.1rem 0.2rem;border-radius:2px}
div.flickr {padding:0;margin:0;text-align:center;font-family:Verdana;font-size:0.1rem;text-align:center;height:auto;}
.fenye{ padding:0.2rem 0 0.5rem}
.anli ul li .info h4{ font-size:16px}
.anli ul li .info p{ font-size:14px}
.anli ul li .info{ padding:25px 0}
.side{ bottom:0; width:100%; height:60px; top:inherit;}
.side ul li{width:50%; height:60px; line-height:28px}
.side ul li i{ margin-top:5px}
.side ul li.sideewm .ewBox{width:70%; height:150px; left:15%; top:inherit; bottom:60px; padding:0; height:160px; overflow:hidden}
.side ul li.sideetel .telBox dd span{ margin-top:5px}
}
@media screen and (max-width:850px){
.wx_anli ul li{width:50%;}
}



.ditu  img{ width:100%}
@media screen and (max-width: 1000px){
.ditu  img{
width: 300%;
    margin-left: -100%;}}