@charset "UTF-8";
html{}
body {font-family:Microsoft YaHei,SimSun,Arial;color: #333;padding:0;margin:0 auto;font-size:1rem;position: relative;background-color:#FFF;min-height: 100vh;}
body.on{overflow: hidden;}
a{text-decoration:none;}
ul,p,h1,ul{margin:0;padding:0;}
ul{list-style:none;}
.clearfix{*zoom: 1;}
.clearfix:after {display: table;content: "";clear: both;}
a{color: #333}
a img{border: 0;}
input,button,textarea{outline: none;
    box-shadow: none;
    -webkit-appearance: none;border: 0;
    border: none;border-radius: 0;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.pb20{padding-bottom: 20px;}
.pb40{padding-bottom: 40px;}
.pt40{padding-top: 40px;}
.mb15{margin-bottom: 15px;}
.mt10{margin-top: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px!important;}
.h10{height: 10px;}

::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}  
.position_r{position: relative;}
.position_a{position: absolute;}
.show{display:block;}
.hide{display:none;}
.mf0{background-color: #FFF;}

.w1100{width: 1100px; margin: 0 auto;}
.w1200{width: 1200px; margin: 0 auto;}
.w1300{width: 1300px; margin: 0 auto;}
.w1400{width: 1400px; margin: 0 auto;}

.color1{color: #f54702;}
.color2{color: #1dbaed;}
.color3{color: #FFF;}

.bg1{background-color: #FFF;}

header{background-color: #FFF;width: 100%;position: fixed;top: 0;left: 0;z-index: 100;border-bottom: 1px solid #dedede;}
header .m_logo{width:170px;height: 78px;font-size:0;text-align: center;}
header .m_logo img{height: 100%;}
header .m_logo .lanmu,header .m_logo .language{display: none;}
header .nav{position: relative;z-index: 90;}
header li{float: left;cursor: pointer;font-size: 1rem;line-height: 34px;position: relative;padding:22px 10px;}
header li a i{font-weight: bold;line-height: 34px;display: inline-block;width: 10px;cursor: pointer;text-align: center;}
header li a{position: relative;display: inline-block;padding: 0 20px;line-height: 34px;border-radius: 17px;}
header li.on>a,
header li:hover>a{color: #FFF;background-color: #1dbaed;}
header ul .icon-sousuo{font-weight: bold;line-height: 34px;display: inline-block;width: 30px;cursor: pointer;text-align: center;margin-top: 22px;font-size: 1.2rem;}
header ul .language{line-height: 30px;display: inline-block;cursor: pointer;text-align: center;margin: 24px 0 0 10px;border:1px solid #ccc;border-radius:17px;height: 30px;overflow: hidden;font-size: 12px;}
header ul .language a{display: inline-block;padding: 0 10px;}
header ul .language a.on{background-color: #f54702;color: #FFF;}
header li:hover .snav{display: block;}

header .nav .snav{position: absolute;top: 79px;left:-25%;z-index: 99;background-color: #FFF;display: none;border: 1px solid #ccc;width: 150%;}
header .nav .snav>a{color:#333;border-bottom: 1px solid #ccc;font-size:0.9rem;display: inline-block;width:calc(100% - 10px);line-height: 50px;display: inline-block;padding: 0 5px;border-radius: 0;text-align: center;}
header .nav .snav a:last-child{border: 0;}
header .nav .snav a:hover,
header .nav .snav a.act{color: #FFF;background-color: #1dbaed;}
header .nav_item input{display:none;width: 160px;padding:0 5px;z-index: 99;background-color: #FFF;position: absolute;right: 0;top: 0;height: 30px;line-height:30px;border:1px solid #dddddf;border-radius: 4px;}
header .nav .toubu{display:none;width: 100%;height: 49px;text-align: center;line-height: 49px;border-bottom: 1px solid #dddddf;background-color: #FFF;}
header .nav .icon-rig{font-size: 1.2rem;position: absolute;top: 10px;left: 10px;width: 30px;height: 30px;line-height: 30px;}

footer{background:url(../images/f_bg.jpg) no-repeat; background-size: 100% 100%;color: #333;font-size: 0.8rem; min-height: 100px;}
footer .word{width: 70%;}
footer .word .menu{border-bottom: 1px solid #aaa;padding: 1.5rem 0;}
footer .word a{color: #333;padding: 0 1rem;line-height: 34px;display: inline-block;font-size: 14px;}
footer .word a:hover{color: #1dbaed;}
footer .word ul{padding: 1rem 0 3rem;}
footer .word ul li{width: 47%;margin-top: 1rem; font-size: 14px;}
footer .word ul li .title{font-weight: bold;line-height: 2rem;}
footer .word p{line-height: 1.8rem;}
footer .word p .icon-phone-fill{font-size: 18px;}
footer .pic{width: 25%;margin-top: 5%;}
footer .pic a{display: inline-block;font-size: 0;padding: 0 5%;width: 40%;float: left;text-align: center;}
footer .pic a img{height:100%;}
footer .pic a span{font-size: 12px;width: 100%;display: inline-block;text-align: center;padding: 1rem 0;}
footer .s_db{border-top: 5px solid #1dbaed;background-color: #000;padding: 1rem 0;}
footer .s_db p{line-height: 2rem;color: #999;text-align: center;}

.banner01{display: block;}
.banner02{display: none;}
.s_banner{width: 100%;padding-top: 78px;}
.s_banner .swiper-container{width: 100%;}
.s_banner .swiper-container img{width: 100%;}
.s_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
.s_banner .swiper-pagination-bullet{width: 30px; height:2px; display: inline-block;opacity: 1;box-sizing: border-box;background:#FFF;border-radius: 0;}
.s_banner .swiper-pagination-bullet-active{background: #1dbaed;}
.s_banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}

.titleA{padding: 4rem 0 2.5rem;}
.titleA .p1{width: 60%;margin: 0 20%;position: relative;text-align: center;}
.titleA .p1:before{position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #999999;content: '';box-sizing: border-box;}
.titleA .p1 span{background-color: #FFF;padding: 0 20px;display: inline-block;z-index: 90;position: relative;}
.titleA .p1 span i{font-style: normal;font-size: 2.2rem;}
.titleA .p2{text-align: center;font-size: 1.4rem;color: #999;}

.s_thyw{width: 1600px;max-width: 100%;position: relative;margin: 0 auto 4rem;}
.s_thyw .swiper-container{width: 90%;}
.s_thyw .swiper-slide .box{position: relative;}
.s_thyw .swiper-slide .box .word{padding: 0 2rem;width: calc(48% - 4rem);position: absolute;left: 0;top: 0;background-color: #ececec;height:100%;}
.s_thyw .swiper-slide .box .word .biao{padding-left: 20px;background: url(../images/ico_1.jpg) no-repeat left;line-height: 37px;color: #333;font-size: 1.8rem;margin-top: 4rem;}
.s_thyw .swiper-slide .box .word p{line-height: 27px;margin-top: 1rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;}
.s_thyw .swiper-slide .box .word a{ color: #1dbaed;border: 1px solid #1dbaed; border-radius: 20px;background-color: #FFF;line-height: 38px;padding: 0 1rem;display: inline-block;margin-top: 2rem;}
.s_thyw .swiper-slide .box .word a.hvr-sweep-to-right:before{border-radius: 20px;background-color: #1dbaed;}
.s_thyw .swiper-slide .box .word a.hvr-sweep-to-right:hover{color: #FFF;}
.s_thyw .swiper-slide .box .pic{width: 52%; font-size: 0;float: right;overflow: hidden;text-align:center;}
.s_thyw .swiper-slide .box .pic img {width: 100%;transition: all 1000ms;display: block;}
.s_thyw .swiper-slide .box .pic img:hover{ transform:scale(1.2); }
.s_thyw .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 12%; width: 48%;background: url(../images/ico_2.png) no-repeat center;}
.s_thyw .swiper-pagination-bullet{width: 10px; height:10px;}
.s_thyw .swiper-button-prev{background-image: none; left: 10px;right: auto;top: 50%; width: 42px; height: 42px;margin-top: -21px;background: url(../images/ico_left.png) no-repeat center center;}
.s_thyw .swiper-button-next{background-image: none; right:10px;left: auto;top: 50%; width: 42px; height: 42px;margin-top: -21px;background: url(../images/ico_right.png) no-repeat center center;}

.mf2{background: url(../images/s_bg1.jpg) no-repeat;background-size: 100%;}
.mf2 .titleA .p1 span{background-color: #090712;}
.s_case{margin-top: 3rem;}
.s_case li{width:calc(32.5% - 24px);padding: 12px;margin-right: 1.25%;float: left;background-color: #ececec;border-bottom: 1px solid #1dbaed;}
.s_case li:nth-child(3n){margin-right: 0;}
.s_case li .pic{ overflow: hidden;text-align:center;}
.s_case li .pic img{width: 100%;height:300px;transition: all 1000ms;display: block;}
.s_case li:hover img{ transform:scale(1.2); }
.s_case li .words{width: 100%;padding: 2rem 0 1rem;}
.s_case li .words a{width: 100%;color: #666;text-align: center;line-height: 2rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.s_case li:hover{border-color: #f54702;}
.s_case li:hover a{color: #f54702; }
.mf2 .more{background: url(../images/ico_2.png) no-repeat center;text-align: center;margin: 3rem 0 0;}
.mf2 .more a{color: #1dbaed;border: 1px solid #1dbaed;background-color: #FFF; padding: 0 1rem;line-height: 2rem;display: inline-block;}
.mf2 .more a:hover{color: #FFF;}
.mf2 .more a.hvr-rectangle-out:before{background-color: #1dbaed;}
.news_box{padding: 2rem 0 3rem;border-bottom: 1px solid #ddd;}
.news_box .pic{width: 50%;}
.news_box .pic .tu{font-size: 0;position: relative; overflow: hidden;text-align:center;max-height: 300px;}
.news_box .pic .tu img{width: 100%;transition: all 1000ms;display: block;}
.news_box .pic:hover img{ transform:scale(1.2); }
.news_box .pic .tu .date{line-height: 1.5rem;padding:0.6rem;background-color:#f54702;position: absolute;top:0;left:0;height:3rem;display: inline-block;text-align: center;font-size: 14px;color: #FFF;}
.news_box .pic .tu .date i{font-size: 2rem;font-style: normal;}
.news_box .pic .word{font-size: 0.9rem;color: #666;width:ccalc(100%; - 2rem)cursor: pointer;padding: 1rem;}
.news_box .pic .word .biao{line-height: 3rem;font-size: 1.2rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.news_box .pic .word .desc{line-height: 1.8rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;}
.news_box .pic .word a{font-size: 14px;color: #666;}
.news_box .pic:hover{background-color: #1dbaed;}
.news_box .pic:hover a .biao,
.news_box .pic:hover .word .desc{color: #FFF;}
.news_box .list{width: 47%;}
.news_box .list li{height:5rem;border-bottom: 1px solid #c9c9c9;padding: 1rem 0;cursor: pointer;}
.news_box .list li:last-child{border: 0;}
.news_box .list .date{width:5rem;height:5rem;display: inline-block;text-align: center;color: #c9c9c9;}
.news_box .list .date i{font-size: 2.5rem;font-style: normal;font-weight: bold;}
.news_box .list .wenz{width: calc(94% - 5rem);line-height: 1.5rem;padding: 0.2rem 2% ;}
.news_box .list .wenz a{font-size: 1.2rem;padding-bottom: 0.5rem;display: inline-block; height: 1rem;overflow: hidden;color: #666;}
.news_box .list .wenz p{font-size: 0.9rem;color: #666;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;}
.news_box .list li.hvr-sweep-to-right:before{background-color:#1dbaed;}
.news_box .list li:hover a,
.news_box .list li:hover .date,
.news_box .list li:hover .wenz p{color: #FFF;}

.ser_banner{font-size: 0;background: url(../images/yw_banner1.png) no-repeat center right;height: 542px;}
.ser_banner .con{margin-top: 78px;padding: 0 1rem ; width: calc(100% - 2rem);color: #FFF;/*background-image: linear-gradient(to right, rgb(14, 54, 115,1) 50%,  rgb(14, 54, 115,0) 100%);*/position: relative;height:100%;display: flex;justify-content: center;align-items: center;}
.ser_banner .con .word{width: 46%;}
.ser_banner .con .p1{font-size: 3rem;padding-bottom: 1rem;}
.ser_banner .con .p2{font-size: 1rem;line-height: 1.8rem;padding-bottom: 1rem;text-align:left;}
.ser_banner .con .p3{font-size: 1rem;background-color: #1dbaed;border: 1px solid #FFF;padding: 0 1rem;display: inline-block;color: #FFF;line-height: 37px;cursor: pointer;}
.ser_banner .con .p4{font-size: 2rem;padding-bottom: 1rem;}


.mf3{background-color: #dadada; padding-bottom: 3rem;}
.titleB{padding: 4rem 0 2.5rem;}
.titleB .p1{width: 60%;margin: 0 20%;position: relative;text-align: center;}
.titleB .p1:before{position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #999999;content: '';box-sizing: border-box;}
.titleB .p1 span{background-color: #dadada;font-size: 2.2rem;padding: 0 20px;display: inline-block;z-index: 90;position: relative;}
.titleB .p1 .s1{background-color: #fff;}
.titleB .p2{text-align: center;font-size: 1.4rem;color: #f54702;}

.mf3 .ser_show li{border: 1px solid #999;padding: 1.5rem; width:calc(100% - 2px - 3rem);background-color: #FFF;margin-bottom: 2rem;}
.mf3 .ser_show li .pic{width: 23.5%;position: absolute;height:calc(100% - 3rem);font-size: 0; left: 1.5rem;top: 1.5rem;bottom: 1.5rem;overflow: hidden;}
.mf3 .ser_show li:nth-child(2n) .pic{right:1.5rem;left: auto;}
.mf3 .ser_show li .pic  img{font-size: 0;width: 100%;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.mf3 .ser_show li .pic div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;/*background-color: rgba(0, 0, 0, 0.5);*/}
.mf3 .ser_show li .pic div p{position: absolute;top: 40%;left: 0;width: 100%;text-align: center;line-height: 2rem;color: #FFF;font-size: 1.6rem;}
.mf3 .ser_show li .word{width: 73%;float: right;}
.mf3 .ser_show li:nth-child(2n) .word{float: left;}
.mf3 .ser_show li .word .biao{font-size: 1.6rem;line-height: 3.5rem;}
.mf3 .ser_show li .word .desc{line-height: 2.2rem;color: #666;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;}
.mf3 .ser_show li:hover{border: 1px solid #1dbaed;}
.mf4 .s_case{margin-top: 0;}
.mf4 .s_case li .words a{text-align: left;}
.mf4 .s_case li .words p{color: #999;font-size: 14px;}
.mf4 .s_case li:hover .words p{color: #333;}
.mf4 .more{text-align: center;margin: 2rem 0;}
.mf4 .more a{background-color: #dadada;border: 1px solid #989898;color: #666;line-height: 3rem;padding: 0 2rem;display:inline-block;border-radius: 4px;}
.mf4 .more a span{padding-left: 15px;}
.mf4 .more .hvr-sweep-to-right:before{background-color: #1dbaed;}
.mf4 .more a:hover{color: #FFF;}
.fuwu_banner{background: url(../images/fuwu_banner.png) no-repeat center right;height: 342px;}
.fuwu_banner .con{padding: 7rem 0;height: calc(100% - 14rem);}

.mf5{background: url(../images/ico_xian.png)  #FFF;-moz-box-shadow:0px 5px 5px #ccc; -webkit-box-shadow:0px 5px 5px #ccc; box-shadow:0px 5px 5px #ccc;margin-bottom: 5px;}
.mf5 ul li{width: calc(16.6% - 1px);border-left: 1px solid #cecece;float: left;line-height: 60px;text-align: center;display: inline-block;height: 60px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.mf5 ul li:nth-child(6n){border-right:1px solid #cecece ;}
.mf5 ul li:hover,.mf5 ul li.on{background-color: #cecece;}
.mf5 ul li:hover a,
.mf5 ul li.on a{color: #f54702;}

.mf6{padding: 3rem 0;}
.mf6 li{width: calc(19% - 2px);float: left;margin-right: 1.25%;border: 1px solid #c7c7c9;margin-bottom: 1rem;}
.mf6 li:nth-child(5n){margin-right: 0;}
.mf6 li .pic{font-size: 0;height:11rem;overflow:hidden}
.mf6 li .pic img{width: 100%;}
.mf6 li .word{padding: 1rem;}
.mf6 li .word a{font-size: 1.2rem;line-height: 2rem;text-align:center;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.mf6 li .word p{font-size:12px;line-height: 1.8rem;height:9rem;text-align:center;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;}
.mf6 li:hover{border-color: #1dbaed;}
.mf6 li:hover a{color: #1dbaed;}
.pagelist{line-height: 2.5rem;text-align: center;padding-top: 2rem;}
.pagelist a{border: 1px solid #999;display: inline-block;padding: 0 1rem;border-radius: 5px;}
.pagelist a:hover,.pagelist a.on{background-color:#1dbaed;color: #FFF;border-color: #1dbaed;}
.pagelist input{border:1px solid #999;width: 40px;line-height: 2.5rem;padding: 0 1rem;border-radius: 5px;text-align: center;}
.pagelist span{padding-left: 10px;}

.yanda_banner{background: url(../images/yfa_banner.jpg) no-repeat; background-size: 100% 100%;}

.mf7{background-color: #dadada;}
.yf_yyly{padding: 2rem 0;position: relative;}
.mf7 .box{width: calc(99% - 2px);border: 1px solid #cacaca;cursor: pointer;}
.mf7 .box .pic{font-size: 0;}
.mf7 .box .pic img{width: 100%;}
.mf7 .box .word{padding: 5px 5px 15px;text-align: center;}
.mf7 .box .word .biao{font-size: 1.2rem;line-height: 2.5rem;}
.mf7 .box .word p{color: #999;font-size: 12px;line-height: 1.8rem;height: 5.4rem;overflow: hidden;}
.mf7 .box:hover{background-color: #FFF;}
.yf_yyly .anniu{border:1px solid #999;margin: 2rem auto 0!important;display:inherit;cursor:pointer;width: 130px;height:40px;overflow:hidden;text-align: center;background-color: #FFF;}
.yf_yyly .anniu span{font-size: 2rem;color: #999999;width: 40px;height:40px;overflow:hidden;text-align: center;display: inline-block;line-height: 40px;}
.yf_yyly .anniu span.prev:hover,
.yf_yyly .anniu span.next:hover{color: #FFF;background-color: #1dbaed;}
.yf_yyly .anniu span.prev,.yf_yyly .anniu span.next{font-size: 27px;}
.case_banner{margin-top: 78px;font-size: 0;}
.case_banner img{width: 100%;}

.mf8{padding: 2rem 0;}
.mf8 .show{width:calc(100% - 140px);overflow: hidden;height: 2.4rem;padding-left: 90px;position: relative;}
.mf8 .show a{line-height: 2.4rem;padding: 0 1rem;display: inline-block;position: relative;margin-bottom: 10px;}
.mf8 .show a:first-child{position: absolute;top: 0;left: 0;}
.mf8 .show a:hover,.mf8 .show a.on{color: #1dbaed;}
.mf8 .show a:hover:before,.mf8 .show a.on:before{position: absolute;bottom: 0;width: 90%;left: 5%;height: 2px;background-color: #1dbaed;box-sizing: border-box;content: '';}
.mf8 .more{cursor: pointer;display: inline-block;width: 50px;line-height: 2.4rem;}
.mf8 .more:before{content: "\e693";}
.mf8 .more.on:before{content: "\e612";}

.mf9{padding-bottom: 2rem;}
.mf9 .s_case{margin-top: 0;position: relative;}
.mf9 .s_case:before{position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color:#999;box-sizing: border-box;content: '';z-index: 10;}
.mf9 .s_case li{padding: 0;background-color: #FFF;border: 0;position: relative;width: 32.5%; padding:2rem 1.25% 2rem 0 ;margin-right: 0;}
.mf9 .s_case li:nth-child(3n){padding-right: 0;}
.mf9 .s_case li:before{position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom:1px dashed #999;box-sizing: border-box;content: '';}
.mf9 .s_case li .con{border:1px solid #cecece;}
.mf9 .s_case li .words{padding: 2rem 1rem;width: calc(100% - 2rem);border-bottom: 1px solid #FFF;}
.mf9 .s_case li .words a{text-align: left;}
.mf9 .s_case li .words p{color: #999;font-size: 14px;}
.mf9 .s_case li:hover{border: 0;}
.mf9 .s_case li:hover .words{background-color: #1dbaed;}
.mf9 .s_case li:hover .words p,.mf9 .s_case li:hover .words a{color: #FFF;}
.mf9 .s_case li:hover .words{border-color: #F54702;}

.mf10{margin-top: 78px;background-color: #f7f7f7;padding-bottom: 2rem;}

.tiao{height:1px;margin-bottom:5px;-moz-box-shadow:0px 5px 5px #e4e4e4; -webkit-box-shadow:0px 5px 5px #e4e4e4; box-shadow:0px 5px 5px #e4e4e4;}
.website{line-height: 3rem;padding: 2rem 0;}
.website a{color: #333;}
.case_show{padding: 2rem;}
.case_show .mtou{margin-bottom: 2rem;}
.case_show .mtou a{border: 1px solid #d9d9d9;line-height: 70px;width: 180px;text-align: center;font-size: 1.2rem;}
.case_show .mtou a i{width: 70px;font-size: 3rem;color:#999;}
.case_show .mtou a.prev i{border-right: 1px solid #d9d9d9;}
.case_show .mtou a.next i{border-left: 1px solid #d9d9d9;}
.case_show .mtou .con{width: calc(100% - 364px);text-align: center;}
.case_show .mtou .con .p1{font-size: 2rem;line-height: 50px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.case_show .mtou .con .p2{color: #666;padding-top: 10px;}
.case_show .desc{background-color: #fafafa;padding: 15px;border: 1px solid #d9d9d9;line-height: 2rem;color: #666;}
.case_show iframe{width: 90%;margin: 2rem 5%;min-height: 800px;}
.case_show .show{padding-top: 2rem;}
.case_show .show img{max-width: 100%;}

.case_show .end{background-color: #fafafa;padding: 15px;border: 1px solid #d9d9d9;line-height: 2rem;color: #666;margin-top: 2rem;}
.case_show .end a i{font-size: 1.2rem;padding: 0 10px;}

.titleC{padding: 3rem 0 ;font-size: 2.2rem;text-align: center;}
.mf11 ul{margin-bottom: 2rem;}
.mf11 ul li{width:calc(24% - 2px);margin-right: 1.25%;float: left;border: 1px solid #cecece;}
.mf11 ul li:last-child{margin-right: 0;}
.mf11 ul li .pic{font-size: 0;}
.mf11.fuwu ul li .pic{font-size: 0;height: 14rem;overflow:hidden;}
.mf11 ul li .pic img{width: 100%;}
.mf11 ul li .word{width: 100%;text-align: center;line-height:4rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.mf11 ul li:hover .word{background-color: #1dbaed;color: #FFF;}

.a_menu{border-bottom: 1px solid #cecece;}
.a_menu a{width:calc(25% - 1px);border-left: 1px solid #cecece;float: left;display: inline-block;padding: 2rem 0 1.5rem;text-align: center;display: inline-block;line-height: 2rem;position: relative;}
.a_menu a span{width: 100%;text-align: center;font-size: 2rem;display: inline-block;}
.a_menu a:last-child{border-right: 1px solid #cecece;width:calc(25% - 2px);}
.a_menu a:hover:before,.a_menu a.on:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background-color: #1dbaed;box-sizing: border-box;content: '';}
.a_menu p{padding: 1.5rem 0 1rem;line-height: 2rem;height:2rem;}
.about_1{background-color: #dcdddf;padding: 3rem 0;}
.about_1 .pic{width: 29.33%;padding: 6rem 0 6rem 4%;margin-top: 5rem; background: url(../images/about_1.png) no-repeat;background-size: 100% 100%;}
.about_1 .pic .p1{font-size: 1.4rem;position: relative;line-height: 3rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.about_1 .pic .p1:before{position: absolute;left: 0;bottom: 0;width: 30%;height: 5px;background-color: #1dbaed;box-sizing: border-box;content: '';}
.about_1 .pic .p2{font-size: 12px;color: #999;line-height: 2rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.about_1 .word{width: 66%;}
.about_1 .word .p1{font-size: 2rem;}
.about_1 .word .p2{font-size: 1.4rem;color: #c8c9cd;}
.about_1 .word .p3{font-size: 2.4rem;color: #c8c9cd;padding: 1rem 0;}
.about_1 .word .desc{color: #666;line-height: 2rem;}

.mf12 .titleD{width: 300px;margin: 0 auto 2rem;line-height: 40px;border: 1px solid #999;}
.mf12 .titleD span{width: 50%;display:inline-block;text-align: center;cursor: pointer;}
.mf12 .titleD span.on{background-color: #1dbaed;color: #FFF;}
.mf12 .titleD span:last-child{width: calc(50% - 1px);border-left: 1px solid #999;}
.mf12 .con{padding-bottom: 4rem;}
.mf12 .con .pic{width: calc(50% - 100px);padding: 0 40px;position: relative;font-size: 0;}
.mf12 .con .pic img{width: 100%;}
.mf12 .con .pic .anniu{position:absolute;top: 45%;left: 0; width: 100%;height: 30px;}
.mf12 .con .pic .anniu span{font-size: 2rem;color: #999999;width: 40px;text-align: center;display: inline-block;line-height: 40px;}
.mf12 .con .word{width: 50%;}
.mf12 .con .word .biao{color: #1dbaed;font-size: 1.4rem;padding-bottom: 2rem;}
.mf12 .con .word a{line-height: 2.2rem;width: 100%;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}

.mf13{background: url(../images/about_3.jpg) no-repeat;background-size: 100% 100%;padding: 1rem 0 4rem; min-height: 300px;}
.mf13 .dsj{position: relative;}
.mf13 .dsj:before{position: absolute;top: 100px;left: 0;width: 100%;height: 1px;background-color: #fefffd;box-sizing: border-box;content: '';}
.mf13 .dsj #dsj{width:calc(100% - 160px);margin: 0 auto;}
.mf13 .dsj .box{padding:0 2rem;color:#FFF;position: relative;}
.mf13 .dsj .box:before{position: absolute;top: 85px;left: 49%;width: 100%;height: 1px;box-sizing: border-box;content: '\e604';font-family: "iconfont" !important;font-size:30px;color: #1dbaed;}
.mf13 .dsj .box .p1{line-height: 50px;height: 75px;padding-top: 25px; text-align: center;font-size: 1.6rem;}
.mf13 .dsj .box .p2{line-height: 25px;text-align: center;min-height: 100px;padding:0 5%;padding-top: 25px;}
.mf13 .anniu{position:absolute;top:80px;left: 0; width:calc(100% - 40px);height: 30px;padding: 0 20px;}
.mf13 .anniu span{font-size: 2rem;color: #FFF;background-color: #fb4900; width: 40px;height: 40px;border-radius: 50%; text-align: center;display: inline-block;line-height: 40px;}

.mf14{padding-bottom: 3rem;}
.mf14 li{width:calc(9% - 2px);margin-right: 1.11%;float: left;border: 1px solid #e5e5e5;border-radius: 10px;overflow: hidden;text-align:center;margin-bottom: 1rem;}
.mf14 li:nth-child(10n){margin-right: 0;}
.mf14 li  img{width: 100%;transition: all 1000ms;display: block;}
.mf14 li:hover img{ transform:scale(1.2); }

.news_banner{background: url(../images/news_banner.jpg) no-repeat; background-size: 100% 100%;height: 260px;}
.news_banner .con{padding: 4rem 0;background: none;}
.news_banner .con .word{margin-left: 10%;}

.mf15{padding-bottom: 3rem}
.mf15 ul{padding: 2rem 0 0;position: relative;}
.mf15 li{width:calc(33.33% - 4rem);padding: 2rem; float: left;position:relative;}
.mf15 li:before{position: absolute;top: 0;right:0;width: 1px;height: 93%;background-color: #cecece;box-sizing: border-box;content: '';}
.mf15 li:nth-child(3n):before{background-color: #FFF;}
.mf15 li .date{color: #9a9a9a;font-size:1.2rem;line-height: 2rem;margin-bottom: 1rem}
.mf15 li .biao{font-size:1.1rem;line-height: 2rem;margin-bottom: 1.5rem;;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
.mf15 li p{font-size:0.9rem;line-height: 1.8rem;margin-bottom: 1rem;color: #999;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;}
.mf15 li .pic{font-size: 0;height:14rem;overflow:hidden;}
.mf15 li .pic img{width: 100%;}
.mf15 li:hover{background-color: #eaeaea;}

.mf16{margin-top: 78px;padding-bottom: 2rem;}
.news_show{padding: 0;}
.news_show .n_show{width:calc(74% - 2rem);padding: 1rem;}
.news_show .mtou .con .p1{font-size: 1.4rem;}
.news_show .mtou .con{width: 100%!important;}
.news_show .news_end{margin: 2rem 0;line-height: 2rem;}
.news_show .news_end .share .bshare-custom a{background:no-repeat;color:#7ad880; padding: 0;font-size: 2rem;text-decoration: none;margin: 0;}
.news_show .news_end .share .bshare-custom a:nth-child(2){color: #ed7493;}
.news_show .news_end .share .bshare-custom a:nth-child(3){color: #ffcb43;}
.news_show .news_end .share .bshare-custom a:nth-child(4){color: #7fb6ef;}
.news_show .n_list{width:24%;}
.news_show .n_list .title{border-bottom: 1px solid #e7e7e7;text-align: center;line-height: 3rem;margin-bottom: 2rem;}
.news_show .n_list .title span{border-bottom: 2px solid #1dbaed;display: inline-block;}
.news_show .n_list ul{border-bottom: 1px solid #e7e7e7;padding-bottom: 1rem;}
.news_show .n_list li{padding-bottom: 1rem;}
.news_show .n_list .pic{width: calc(40% - 20px);padding:0 10px;font-size: 0;}
.news_show .n_list .pic img{width: 100%;}
.news_show .n_list .wen{width: 60%;}
.news_show .n_list .wen .biao{line-height: 1.7rem;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;}
.news_show .n_list .wen .time{line-height: 1.7rem;color: #999;font-size: 0.9rem;}
.news_show .n_list a.more{width: 100%;text-align: center;color: #1dbaed;padding: 1rem 0;line-height: 2rem;display: inline-block;}

.mf5 ul li.kong:hover{background: transparent;}
.mf17{padding: 3rem 0;}
.mf17 .hezuo .f_meun{width: 25%;}
.mf17 .hezuo .f_meun .biao{background-color: #1eb9ec;color: #FFF;padding:10px 20px;font-size: 1.4rem;}
.mf17 .hezuo .f_meun .biao span{font-size: 1.9rem;padding-right: 10px;}
.mf17 .hezuo .f_meun a{line-height: 4rem;display: inline-block;background-color:#eeeeee;width: 100%;text-align: center;margin-bottom: 2px;position: relative;}
.mf17 .hezuo .f_meun a.on,.mf17 .hezuo .f_meun a:hover{background-color: #FFF;}
.mf17 .hezuo .f_meun a.on:before,
.mf17 .hezuo .f_meun a:hover:before{position: absolute;top: 0;left: 0;width:3px;height: 100%;background-color: #fd4803;box-sizing: border-box;content: '';}
.mf17 .hezuo .r_con{width:calc(72.5% - 40px);padding: 20px 20px 40px;background-color: #f3f3f3;} 
.mf17 .hezuo .r_con .titleX{border-bottom:1px solid #cecece;padding: 10px 0;}
.mf17 .hezuo .r_con .titleX span{border-left:3px solid #1ebfed;padding-left: 20px;font-size: 1.4rem;}
.mf17 .hezuo .r_con .hez_show{line-height: 2rem;text-indent: 2em;padding-top: 30px;}
.mf17 .hezuo .r_con .ernti_show{padding-top: 10px;}
.mf17 .hezuo .r_con .ernti_show li{padding:20px 0 20px 30px;width: calc(100% - 30px);line-height: 2rem;border-bottom: 1px dashed #cecece;position: relative;}
.mf17 .hezuo .r_con .ernti_show .tubiao{background: url(../images/ico_jian.png) no-repeat;position: absolute;top: 24px;left: 0;height: 24px;width: 24px;display: inline-block;cursor: pointer;}
.mf17 .hezuo .r_con .ernti_show .tubiao.on{background: url(../images/ico_jia.png) no-repeat;}
.mf17 .hezuo .r_con .titleY{border-bottom:1px solid #cecece;padding: 10px 0 30px 10px;}
.mf17 .hezuo .r_con .titleY .p1{font-size: 1.4rem;padding-bottom: 1rem;}
.mf17 .hezuo .r_con .enjoy_show{line-height: 2rem;padding: 30px 0 0 10px;}
.mf17 .lxwm li{width:calc(48% - 80px);padding: 40px;border: 1px solid #cecece;line-height: 2rem;min-height: 12rem;margin-bottom: 2rem;}
.mf17 .lxwm li .title{font-weight: bold;line-height: 2rem;}
.mf17 .lxwm li span{font-size: 1.2rem;}
.mf17 #dituContent{width: 100%;height: 800px;margin-top: 10px;}
@media only screen and (max-width:1400px){
	.w1400{width: 96%;padding: 0 2%;}
	.sy_banner{width: 100%;}
}
@media only screen and (max-width:1200px){
	.w1200{width: 96%;padding: 0 2%;}
}
@media only screen and (max-width:1100px){
	.w1100{width: 100%;}
	header .m_logo{width: 160px;}
	header li a{padding: 0 15px;}
	header li{font-size: 0.8rem;}
	.s_thyw .swiper-slide .box .word .biao{margin-top: 2rem;}
	.s_thyw .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5%;}
	.case_show iframe{min-height: 600px;width: 100%;margin: 2rem 0;}
	.mf15 li .pic{height:12rem;}
	.mf6 li .pic{height:9rem;}
}


@media only screen and (max-width:1023px){
	header .nav{width: 100%;position: absolute;padding-bottom:96%;z-index: 900;display: none;left: 0;background-color: #FFF;}

	header .m_logo{width:100%;height: 60px;text-align: left;position: relative;}
	header .m_logo .lanmu{display:block;font-size: 2rem;position: absolute;top: 15px;right:0;line-height: 30px;width: 30px;text-align: center;}
	header .m_logo .sousuo{font-size: 1.6rem;position: absolute;top: 10px;right:50px;line-height: 30px;width: 30px;text-align: center;}
	header .m_logo .language{line-height: 20px;display: inline-block;cursor: pointer;text-align: center;margin: 20px 0 0 10px;border:1px solid #ccc;border-radius:17px;height: 20px;overflow: hidden;font-size: 12px;}
	header .m_logo .language a{display: inline-block;padding: 0 10px;}
	header .m_logo .language a.on{background-color: #f54702;color: #FFF;}
	header .nav .toubu{display: block;}
	header .leftnav{width: 100px;background-color: #f4f4f4;float: left;display: block;}
	header ul{display: none;}
	header .leftnav a{line-height: 40px;width: 100%;}
	header .leftnav .on a,header .leftnav .item:hover{background: url(../images/nav_1.jpg) no-repeat -5px center #FFF;}
	header .leftnav  a{padding: 0;width: 100%;text-align: center;display: inline-block;}
	header .nav .nav_item{width: calc(100% - 100px);float: left;}
	header .nav .nav_item .snav{position: relative;top: 5px;background-color: #FFF;left: 15px!important;height: auto;display: block;width: calc(100% - 15px - 2rem);border: 0;padding: 1rem;}
	header .nav .snav a{line-height: 30px;border:0;color: #333;width: auto;padding-right:15px;}
	header .nav input{display: block;position: relative;top: 0;margin-top: 10px;left: 15px;width: calc(100% - 65px);padding-right: 25px;}
	header .nav i{display:block;position: absolute;right:20px;top: 0;z-index: 100;line-height: 30px;}
		
	footer .word,footer .pic{width: 100%;}
	footer .word p{line-height: 2rem;}
	footer .pic{margin: 0;padding: 1rem 0 2rem;}
	
	.banner01{display: none;}
	.banner02{display: block;}
	.s_thyw .swiper-slide .box .word .biao{font-size: 1.6rem;}
	.s_thyw .swiper-slide .box .word p{-webkit-line-clamp:4}
	.s_thyw .swiper-slide .box .word a{margin-top: 10px;line-height: 27px;}
	.s_case li .words{padding: 1rem 0 0;}
	.ser_banner .con,.case_banner,.mf10,.mf16{margin-top: 60px;}
	.s_banner{padding-top: 60px;}
	.mf3 .ser_show li{padding: 1rem;width: calc(100% - 2rem - 2px);}
	.mf3 .ser_show li .pic{width: 28%;}
	.mf3 .ser_show li .word{width: 67%;}
	.mf6 li{width: calc(32% - 2px);margin-right: 2%;}
	.mf6 li:nth-child(3n){margin-right: 0;}
	.mf6 li:nth-child(5n){margin-right: 2%;}
	.mf6 li:last-child{margin-right: 0;}
	.mf6 li .pic{height: 14rem;}
	.case_show .mtou a{width: 120px;line-height: 50px;}
	.case_show .mtou a i{width: 50px;font-size: 2rem;color:#999;}
	.case_show .mtou .con{width: calc(100% - 244px);}
	.case_show .end a{width: 100%;}
	.case_show .end a span,.case_show .end a i{display: none;}
	.about_1 .pic{display: none;}
	.about_1 .word{width: 100%;}
	.news_show .n_show,.news_show .n_list{width: 100%;padding: 0;}
	.news_banner{    background: url(../images/news_banner.jpg) no-repeat center ;
    background-size:none;}
    .mf7 .box .word p{overflow: inherit;height: auto;}
}



@media only screen and (max-width:769px){
	.ser_banner .con .word{width: 70%;}
	.mf3 .ser_show li .pic{width: 30%;}
	.mf3 .ser_show li .word{width: 62%;}
	.case_show iframe{min-height: 400px;}
	.mf11 ul li{width:calc(49% - 2px);margin-right: 2%;}
	.mf11 ul li:nth-child(2n){margin-right: 0;}
	.mf11.fuwu ul li .pic{height:17.5rem;}
	.mf14 li{width:calc(19% - 2px);margin-right: 1.25%;}
	.mf14 li:nth-child(5n){margin-right: 0;}
	
	.mf17 #dituContent{height: 600px;}
	.mf15 li .pic{height:9rem;}
}
@media only screen and (max-width:750px){
	header li.snav{display: none;}
	header li.snav:first-child{display: none;}
	footer .word ul li,
	footer .s_db p{width: 96%;padding: 0 2%;}
	.s_thyw{margin-bottom: 2rem;}
	.s_thyw .swiper-slide .box .pic{width: 100%;position: relative;float: none;clear: both;}
	.s_thyw .swiper-slide .box .word {width:calc(100% - 4rem);position: relative;padding-bottom: 3.5rem;}
	.s_thyw .swiper-slide .box .word .biao{margin: 0;padding:1rem 2rem;}
	.s_thyw .swiper-slide .box .word  p{margin: 0;overflow:inherit;display: block;}
	.s_thyw .swiper-container-horizontal>.swiper-pagination-bullets{width: 100%;bottom: 4%;}
	.mf2 .titleA {padding-top: 2rem;}
	.s_case{margin-top: 1rem;}
	.s_case li{width: calc(100% - 24px);margin-right: 0;margin-top: 2rem;}
	.mf9 .s_case li{width:100%;padding: 0;}
	.news_box{padding-top: 0;}
	.news_box .pic{width: 100%;padding-bottom: 1rem;}
	.news_box .list{width: 100%;}
	.ser_banner .con{text-align:center;}
	.ser_banner .con .p3{padding:0;width:50%;margin:1rem 0 0 0;}
	.ser_banner .con .word{width: 100%;}
	.mf3 .ser_show li .pic{width: 100%;position: relative;left: 0;top: 0;}
	.mf3 .ser_show li:nth-child(2n) .pic{right: 0;}
	.mf3 .ser_show li .pic img{position: relative;}
	.mf3 .ser_show li .word{width: 100%;}
	.mf3 .ser_show li .word .desc{display: inline-block;}
	.mf5 ul li{width: calc(33.33% - 1px);}
	.mf5 ul li:nth-child(3n){border-right:1px solid #cecece ;width: calc(33.33% - 2px);}
	.mf6 li{width: calc(100% - 2px);margin-right: 0;}
	.mf6 li .pic{height:auto;}
	.pagelist span,.pagelist .btn,.pagelist input{display: none;}
	.case_show{padding: 2rem 0;}
	.case_show .mtou a{display: none;}
	.case_show .mtou .con{width: 100%;}
	.mf12 .con .pic{width:calc(100% - 80px);}
	.mf12 .con .word{width: 100%;padding-top:2rem;}
	.news_banner .con .word{width: 90%;}
	.mf15 li{width:calc(50% - 4rem);}
	.mf15 li:nth-child(3n):before{background-color: #cecece;}
	.mf15 li:nth-child(2n):before{background-color: #FFF;}
	.mf17 .hezuo .f_meun{width: 100%;}
	.mf17 .hezuo .r_con{width: calc(100% - 40px);}
	.mf17 .lxwm li{width:calc(100% - 2px - 4rem);padding: 2rem;}
	.mf17 #dituContent{height: 400px;}
	
}

@media only screen and (max-width:479px){
    html {font-size: 100%; } 
    header li,header .nav .snav,header .nav .snav a{font-size: 1rem;}
	footer{font-size: 1rem;}
	.mf11 ul li{width:calc(100% - 2px);margin-right: 0;}
	.mf11.fuwu ul li .pic{height:auto;}
	.mf14 li{width:calc(24% - 2px);margin-right: 1.25%;}
	.mf14 li:nth-child(5n){margin-right: 1.25%;}
	.mf14 li:nth-child(4n){margin-right: 0;}
	
	.mf15 li{width:calc(100% - 4rem);}
	.mf15 li:nth-child(n):before{background-color: #cecece;top: inherit;right:auto;bottom: 0;left: 0;width: 100%;height: 1px;}
	.mf15 li .pic{height:auto;}
}
@media only screen and (max-width:432px){
    html {font-size: 84.375%; }
}
@media only screen and (max-width:414px){
    html {font-size: 80.86%; }
}
@media only screen and (max-width:400px) {
    html {font-size: 78.125%; }
}
@media only screen and (max-width:384px) {
    html {font-size: 75%; }
}
@media only screen and (max-width:375px){
    html { font-size: 70%; }
}
@media only screen and (max-width:360px) {
    html { font-size: 65%; }
}
@media only screen and (max-width:320px){
	html { font-size: 60%; }
}