@import"base.css";

@import"font_1008222_rvafch3k91.css"; 
@import"font_1286435_gasdtdp9l6b.css"; 

@font-face {
    font-family: "Bahnschrift";
    src: url("../font/Bahnschrift.ttf") format("truetype"),
    url("../font/Bahnschrift.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}


body {font-family:'Microsoft Yahei',Arial;font-size:14px;line-height: 1.5;color: #252525;position: relative;min-width: 1300px;}
a { color: #666;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}



.container{width:1200px;margin: auto;}
.head{position: static
;left: 0;top: 0;width: 100%;z-index: 99;background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.head .logo{width:176px;float: left;}
.head .menu{float: right;width: 40px;height: 40px;line-height: 40px;position: absolute;right:5px;top: 10px;display: none}
.head .menu .iconfont{font-size: 40px;}
.head .nav{float: right;text-align: center;line-height:72px;margin-right: 20px;}
.head .nav a{display: block}
.head .nav ul li{float: left;width: 120px;position: relative}
.head .nav ul li:hover>a{background:rgba(0,129,219,1);color: #fff;}
.head .nav ul li dl{display: none;background: rgba(0,129,219,0.6);position: absolute;top: 100%;width: 100%;left: 0;line-height: 36px;}
.head .nav ul li dl a{color: #ffffff;}
.head .topTel{float: right;background: url("../image/top_tel.png") no-repeat left center;padding-left:40px;margin-top: 10px;}



.banner{min-height: 30px;}

.icoList{text-align: center;padding:50px 0;}
.icoList li {display:inline-block;position:relative;width:124px;padding: 23px;margin: 0 20px;text-align: center;background:url(../image/nav-icon2.png) no-repeat;overflow:hidden;cursor: pointer}
.icoList li .con{width: 124px;height:124px;position:relative;overflow: hidden}
.icoList li img { display:block; position:absolute; top:22px; left:22px; vertical-align:middle;width: 80px;}
.icoList li img.hover2 { left:-100%;}

.icoList li h4 {font-size:18px;margin-top: 10px; font-weight:bold; line-height:24px; text-align:center;-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-ms-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}
.icoList li h4 { color:#333;}
.icoList li h4 a:hover { text-decoration:underline;}
.icoList li i {display:block;position:absolute;top:0;width:62px;height:124px;background:url(../image/nav-icon.png) no-repeat;z-index:9;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.icoList li .nav-l {left:0;background-position:0 0;clip:rect(0px, 62px, 124px, 0px);}
.icoList li .nav-r { right:0; background-position:-62px 0; clip:rect(0px, 62px, 124px, 0px);}




.inCase{}
.inCase ul li {width: 20%;float: left;overflow: hidden;}
.inCase ul li a{display: block;margin: 3px;position: relative}
.inCase ul li .con{width:80%;padding: 0 10%;height: 100%;background: #0081db;position: absolute;top: 0;left: 0;color: #fff;text-align: center;opacity: 0}
.inCase ul li .con h3{word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 40% 0 15% 0;font-size: 18px;font-weight: bold;}
.inCase ul li .con p{word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}
.inCase ul li:hover .con{opacity: 1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}

.more{line-height:50px;font-size: 18px;width: 150px;border: 1px solid #0081db;color: #0081db;text-align: center;display: block;margin:50px auto;letter-spacing: 1px;border-radius:20px;}
.more:hover{background: #0081db;color: #fff;}

@media screen and (max-width:813px) {
    body{min-width: 320px;}
    .container{width:100%;}
    .container img{max-width:100%;}
    .head .logo{width:120px;float: none;margin: 0px auto;}
    .head .menu{display: block;top:3px;}
    .head .topTel{display: none}
    .head .nav{width: 100%;display: none;line-height:46px;margin: 0}
    .head .nav ul li{width:33.3%;}

    .banner{}


    .icoList{padding:20px 0;}
    .icoList li {width:100px;padding:10px 5px;background:none;margin: 0}
    .icoList li .con{width:100px;height:100px;background: url(../image/nav-icon.png) no-repeat;background-size: 100%}
    .icoList li img {width: 60px;
        top: 20px;
        left: 21px;}
    
    .icoList li h4 {font-size:14px;}
    .icoList li i {display:none}

    .inCase ul li {width:50%;}
    .inCase ul li:nth-child(n+11){display: none}
    .inCase ul li .con{width:96%;padding: 0 2%;}
    .inCase ul li .con h3{padding:30% 0 15% 0;font-size: 14px;font-weight: bold;}
    .inCase ul li .con p{font-size: 12px;}

    .more{line-height:30px;font-size: 12px;margin:20px auto;letter-spacing: 1px;border-radius:20px;}

}

@media screen and (min-width:813px) {
    .head .nav ul li:hover dl{display: block}
    .head .nav ul li:hover dl dd:hover a{background: #0081db;color: #fff;}

    .icoList .currs { background-position:0 -260px; -webkit-transition:all .5s ease-in-out 0.5s; -moz-transition:all .5s ease-in-out 0.5s; -ms-transition:all .5s ease-in-out 0.5s; -o-transition:all .5s ease-in-out 0.5s; transition:all .5s ease-in-out 0.5s;}
    .icoList .currs img {left:100%; -webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s}
    .icoList .currs img.hover2 { left:22px;}
    .icoList .currs h4 { color:#FFF; }
    .icoList .currs .nav-l { clip:rect(0px, 62px, 0px, 0px);}
    .icoList .currs .nav-r { clip:rect(124px, 62px, 124px, 0px);}

}


.title1{font-size: 26px;padding: 20px 0;text-align: center}
.title1 span{font-size: 28px;position: relative;line-height: 3;}
.title1 span:before{position: absolute;content: "";width:100px;height:3px;background: #989898;top:50%;left:-115px;}
.title1 span:after{position: absolute;content: "";width:100px;height:3px;background: #989898;top:50%;right:-115px;}


.inAbout{margin-bottom: 50px;}
.inAboutTitle h3{font-size: 60px;color: #292929}
.inAboutTitle h4{font-size: 36px;color: #262626;}
.inAboutTitle h4 .iconfont{font-size: 30px;color: #0081db;display: block;line-height: 1;}
.inAboutTitle p{font-size: 45px;color: #676767}


.inAbout .text{font-size:18px;margin: 20px 0;}
.inAbout ul li{border: 3px solid #0081db;text-align: center;width:180px;height:180px;padding:25px;font-size: 18px;margin: 20px 40px;display: inline-block}
.inAbout ul li h3{color: #0081db;font-size:72px;margin-top:30px;font-family: Bahnschrift;line-height: 1.3}


.service{border-top: 15px solid #d3d3d3;border-bottom: 15px solid #d3d3d3;padding: 50px 0}
.serviceTitle h3{font-size: 28px;}
.serviceTitle h4{font-size: 26px;}

.service .text{text-align:center;font-size: 18px;margin: 25px 0;}
.serviceBox{padding: 30px 0;position: relative}
.serviceBox .iconfont{width: 30px;height: 100px;line-height: 100px;cursor: pointer;position: absolute;top:50%;margin-top: -50px;font-size:30px;z-index: 9}
.serviceBox .iconfont:hover{background: #0081db;color: #ffffff}
.serviceBox .prev{left: 0}
.serviceBox .next{right: 0}
.serviceCon{width:90%;margin: auto}

.news{background: #f9f9f9;padding: 20px;}
.news ul{margin: 30px 0;}
.news ul li{width:20%;overflow: hidden; float: left;}
.news ul li a{display: block;margin: 3px;position: relative}
.news ul li .con{width:80%;padding:20px 10%;height: 100%;background: #0081db;position: absolute;top: 0;left: 0;color: #fff;opacity: 0}
.news ul li .con h3{word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:26px;font-weight: bold;margin-bottom: 10px;}
.news ul li .con p{font-size: 16px;}
.news ul li:hover .con{opacity: 1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}


.link{padding:10px 0;background: #00a0e9;color: #ffffff}
.link a{color: #fff;font-size: 12px;border-right: 1px solid #fff;padding: 0px 10px;}


.foot,.bottom{padding:20px 0;background: #202020;font-size: 12px;color: #ffffff}
.foot h3{color: #fff;font-size: 16px;}
.foot .footL{width: 40%;float: left;margin-right: 5%;line-height: 2.5}
.foot .footC{width:25%;float: left;line-height: 2.5}
.foot .footC .iconfont{font-size: 12px;margin-right: 10px;}
.foot .footC a{display: inline-block;width: 33.3%;float: left}
.foot .footC a:hover,.foot .footC a:hover .iconfont{color: #0081db}

.foot .footR{width:25%;float:right;line-height: 2.5}
.foot .footL .foot-more{border: 2px solid #0081db;display:block;line-height: 45px;margin-top: 30px;width:50%;text-align: center}
.foot .footL .foot-more:hover{background:#0081db;color: #ffffff}

.bottom{text-align: center;border-top: 1px solid #373737;line-height: 2.5}
@media screen and (max-width:813px) {
    .title1{font-size:14px;}
    .title1 span{font-size:18px;}


    .inAbout{margin-bottom: 50px;}
    .inAboutTitle h3{font-size:20px;}
    .inAboutTitle h4{font-size:16px;}
    .inAboutTitle h4 .iconfont{font-size:20px;}
    .inAboutTitle p{font-size:14px;color: #676767}


    .inAbout .text{font-size:14px;}
    .inAbout ul li{width:95px;height:95px;font-size: 12px;margin:10px 3px;padding: 5px;}
    .inAbout ul li h3{font-size:34px;font-weight: bold;margin-top:18px;font-family: "微软雅黑";line-height: 1.1}

    .service{border-top:5px solid #d3d3d3;border-bottom:5px solid #d3d3d3;padding:30px 0}
    .serviceTitle h3{font-size: 20px;}
    .serviceTitle h4{font-size: 18px;}
    .service .text{font-size: 14px;}

    .serviceBox{padding:20px 0;}
    .serviceBox .iconfont{width: 20px;font-size:20px;}
    .serviceCon{width:90%;margin: auto}

    .news{padding: 20px 0}
    .news ul{margin:10px 0;}

    .news ul li{width:100%;background: #0081db;margin-bottom: 5px;}
    .news ul li .img{width: 30%;float: left}
    .news ul li .con{width:65%;padding:0 1%;float: right;position: initial;opacity:1}
    .news ul li .con h3{font-size:14px;margin-bottom: 10px;}
    .news ul li .con p{font-size: 12px;}

    .link{padding:10px 0;background: #00a0e9;color: #ffffff}
    .link a{color: #fff;font-size: 12px;border-right: 1px solid #fff;padding: 0px 10px;}


    .foot,.bottom{padding:10px 0;}
    .foot h3{font-size: 14px;}
    .foot .footL,.foot .footC,.foot .footR{width:90%;float: none;margin: 0 auto 15px;line-height: 2.5}

    .foot .footL .more{line-height:30px;margin-top: 10px;width:50%;text-align: center}
    .foot .footL .more:hover{background:#0081db;color: #ffffff}

    .bottom{text-align: center;border-top: 1px solid #373737;line-height: 2.5}

}


.caseType{line-height: 50px;text-align: center;    border:1px solid #b5b5b5;margin: 20px 0;}
.caseType a{padding: 0 35px;display:inline-block;float: left}
.caseType span{padding: 0 50px;margin-right: 40px;float: left}
.caseType a:hover,.caseType a.current{color: #ffffff;background: #0081db}

.case ul li{width:19%;float: left;margin: 0 0.5% 22px 0.5%;box-shadow: 0 2px 3px #F1F1F1;overflow: hidden;}
.case ul li a{display: block;color: #000000}
.case ul li .con{margin: 15px;}
.case ul li .con h3{font-size: 16px;font-weight: bold;line-height: 2;}

.case ul li:hover{background: #0081db;color: #ffffff;}
.case ul li:hover img{transform: scale(1.1);transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.case ul li:hover a{color: #ffffff;}

.page{margin: 20px;text-align: center;line-height: 30px;}
.page a{display: inline-block;padding: 0 10px;border: 1px solid #0081db;color: #0081db;border-radius: 5px;margin: 5px;}
.page a.active,.page a:hover{color: #fff;background: #0081db}

.showTitle{text-align: center;font-size: 18px;font-weight: bold;line-height: 2;margin: 30px 0;}
.caseShow{margin-bottom: 30px;}
.caseShow img{max-width: 100%}


.newsList li{width:31.3%;float: left;margin:20px 1%;box-shadow: 0 2px 3px #F1F1F1;overflow: hidden;}
.newsList li a{display: block;color: #000000}
.newsList li .con{margin: 15px;}
.newsList li .con h3{font-size: 16px;font-weight: bold;line-height: 2;}

.newsList li:hover{background: #0081db;color: #ffffff;}
.newsList li:hover img{transform: scale(1.1);transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.newsList li:hover a{color: #ffffff;}


@media screen and (max-width:813px) {
    .caseType{line-height:30px;margin: 20px 0;}
    .caseType a{padding: 0 10px;display:inline-block;float:none}
    .caseType span{padding:0;margin:0;float: none;display: block;text-align: center}

.case ul li .con p{width:100%;overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;}


    .case ul li{width:48%;margin: 0 1% 22px ; }
    .case ul li .con{margin:8px;}
    .case ul li .con h3{font-size: 14px; }

    .newsList li{width:48%;float: left;margin:20px 1%;}


}

.about{position: relative;z-index: 0;}
.about .aboutText{height: 100%;width: 100%;overflow: hidden;font-size: 18px;padding-left: 55px;position: absolute;z-index:1;left: 0;top: 0;background: url("../image/aboutTextbg.png") no-repeat left top; color: #fff;text-align: center}
.about .aboutText h3,.about .aboutText p{width: 610px;}
.about .aboutText h3{font-size: 45px;font-weight: bold;margin-top: 100px;}
.about .aboutText p{padding:20px 0}

.title2{font-size: 45px;color: #00a0e9;font-weight: bold;text-align: center;line-height: 3}
.title3{font-size: 45px;text-align: center;position: relative;line-height: 3;}
.title3:before{content: "";width: 360px;height: 3px;background: #00a0e9;position: absolute;left: 0;top: 50%;}
.title3:after{content: "";width: 360px;height: 3px;background: #00a0e9;position: absolute;right: 0;top: 50%;}

.aboutBox1 .con{width: 80%;margin: auto;border: 3px solid #36b4ee;padding: 50px 5%;position: relative;}
.aboutBox1 .con .img{width: 120px;position: absolute;top: -15px;left: 50%;margin-left: -100px;background: #ffffff;padding: 0 40px;}
.aboutBox1 .con p{font-size: 16px;line-height: 2.2;text-align: center;text-indent: 2em;}

.aboutBox2{background:url("../image/aboutbg2.jpg") no-repeat center top;color: #fff;padding: 90px 150px;font-size: 18px;}
.aboutBox2 ul li{display: inline-block;width:196px;height: 196px;background:rgba(73,198,255,0.6);font-size: 30px;text-align: center;line-height: 196px;font-weight: bold;margin: 50px 50px 10px; }

.aboutBox3{font-size: 30px;padding-bottom: 50px;}

@media screen and (max-width:813px) {
    .about .bg{display: none}
    .about .aboutText{font-size: 14px;padding-left:0;position: initial}
    .about .aboutText h3,.about .aboutText p{width:90%;margin: auto}

    .about .aboutText h3{font-size:20px;font-weight: bold;margin-top:10px;}
    .about .aboutText p{padding:5px 0}

    .title2{font-size:20px;line-height: 3}
    .title3{font-size:20px;line-height: 3;}
    .title3:before,.title3:after{display: none}


    .aboutBox1 .con{width:90%;padding:20px 2%;}
    .aboutBox1 .con .img{width: 80px;margin-left: -60px;padding: 0 20px;}
    .aboutBox1 .con p{font-size: 14px;line-height:1.8;}

    .aboutBox2{padding:15px;font-size: 14px;}
    .aboutBox2 ul li{width:90px;height: 90px;font-size:18px;line-height: 90px;margin:20px 1px; }

    .aboutBox3{font-size:18px;}


}





.serviceBox1{color: #010101;text-align: center;font-size: 18px;}
.serviceBox1 img{margin-top: 20px;}

.serviceBox2{margin: 0 10%;}
.serviceBox2 p{font-size: 30px;line-height: 2}
.serviceBox2 .imgList img{width:110px;text-align: center;margin:60px 22px;}

.serviceBox3{border: 3px solid #00a0e9;padding:70px 50px;position: relative;margin: 50px 0;}
.serviceBox3 span{position: absolute;text-align: center;font-size: 46px;line-height: 1;top: -23px;padding: 0 20px;background: #fff;left: 50%;transform: translateX(-50%);}
.serviceBox3 ul li{width: 26px;text-align: center;display: inline-block;vertical-align: top;margin: 0 20px;font-size: 24px;}
.serviceBox3 ul li i{width: 23px;height: 23px;background: #737373;margin-bottom:10px;display: inline-block;}

.contactBox1{margin-bottom: 40px;}
.contactBox1 h3{color: #000000;font-size: 26px;margin: 35px 0 20px 0;}
.contactBox1 ul li{width: 50%;float: left;margin-top: 15px;line-height: 26px;}
.contactBox1 ul li .iconfont{font-size: 24px;margin-right: 15px;color: #0081db;text-align: right;width: 30px;float: left}



.contactBox2{background: #0081db;padding: 30px 0 15px 0;}
.contactBox2 ul li {width: 33.3%;float: left;color: #ffffff;font-size: 14px;}
.contactBox2 ul li .icon{background: #ffffff;width: 72px;line-height: 72px;height: 72px;float: left;text-align: center;font-size: 30px;color: #0081db;margin-right: 15px;}
.contactBox2 ul li .icon .iconfont{font-size: 40px;}
.contactBox2 ul li a{color: #ffffff;}

.contactBox3{    background: #f2f2f2;padding-bottom: 70px;padding-top: 30px;}
.contactBox3 .title{    text-align: center;color: #1d1d1d;font-size: 30px;font-weight: bold;line-height:2.2;}
.contactBox3 .title:after {content: "";text-align: center;margin: 0 auto;display: table;background: #0081db;width: 85px;height: 2px;}
.contactBox3 .text{text-align: center;color: #7a7a7a;font-size: 12px;line-height: 22px;margin: 15px 0 45px 0;}
.contactBox3 ul li {width: 44%;background: #fff;box-shadow: 0 3px 10px 1px #D6D6D4;border-radius: 20px;padding: 35px 1.5%;margin:45px 1.5% ;float: left;position: relative;}
.contactBox3 ul li:after {content: "";width: 0;position: absolute;bottom: -28px;left: 55px;height: 0;border-top: 35px solid #fff;border-right: 35px solid transparent;}

.contactBox3 ul li .img {position: relative;width:30%;float: left;background: #fff;cursor: pointer;}
.contactBox3 ul li .txt {width: 60%;float: right;}
.contactBox3 ul li .txt h3 {color: #0d0d0d;font-size: 18px;height: 24px;overflow: hidden;}
.contactBox3 ul li .txt h3 a {color: #0d0d0d;}
.contactBox3 ul li .txt h3 a:hover {color: #0081db;}
.contactBox3 ul li .txt h4 {color: #0081db;font-size: 13px;}
.contactBox3 ul li .txt p {color: #8e8e8e;font-size: 12px;line-height: 20px;margin-top: 10px;height: 60px;overflow: hidden;}


@media screen and (max-width:813px) {
    .serviceBox1{font-size: 14px;}
    .serviceBox1 img{margin-top: 10px;}

    .serviceBox2{margin: 0 10px 60px;}
    .serviceBox2 p{font-size:14px;}
    .serviceBox2 .imgList img{width:50px;margin:10px 5px;}

    .serviceBox3{border: 3px solid #00a0e9;padding:20px 0px;margin: 20px 0;}
    .serviceBox3 span{font-size:20px;top: -13px;padding: 0 15px;}

    .serviceBox3 ul li{width:16px;font-size:14px;margin: 10px 5px 0}
    .serviceBox3 ul li i{width:5px;height:5px;}

    .contactBox1{margin-bottom:20px;}
    .contactBox1 h3{font-size: 20px;margin:20px 0; text-align: center}

    .contactBox1 ul li{width:90%;float: none;margin: 3px auto}
    .contactBox1 ul li .iconfont{font-size:20px;margin-right:5px;width:20px;}

    .contactBox2{padding: 20px 0 5px;}
    .contactBox2 ul li {width:96%;float: none;margin:0 auto 15px;}
    .contactBox2 ul li .icon{width:50px;line-height:46px;height:50px;margin-right: 10px;}
    .contactBox2 ul li .icon .iconfont{font-size:26px;}

    .contactBox3{padding: 20px 1%;}
    .contactBox3 .title{  font-size: 20px;}

    .contactBox3 .text{margin: 15px 0 45px 0;}

    .contactBox3 ul li {width:95%;padding:15px 1.5%;margin:10px 1% ;}
    .contactBox3 ul li:after {content: "";width: 0;position: absolute;bottom: -28px;left: 55px;height: 0;border-top: 35px solid #fff;border-right: 35px solid transparent;}

    .contactBox3 ul li .txt {width: 65%;float: right;}
    .contactBox3 ul li .txt h3 {font-size: 16px;}
    .contactBox3 ul li .txt h4 {font-size: 12px;}

    .contactBox3 ul li .txt p {display: none}



}





.book h3{color: #000000;font-size: 44px;line-height: 2;}
.book ul{margin: 20px 0 60px;}
.book ul li{width: 47%;word-wrap: break-word;float: left;margin-bottom:20px;position: relative;}
.book ul li b{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.book ul li.con{float:right;}
.book ul li.con .content{width: calc(100% - 32px);padding: 15px;min-height: 215px;color: #a4a3a3;font-size: 12px;outline: none;border: 1px solid #ccc;}
.book ul li .input{background: #fff;width:calc(100% - 42px);padding: 15px 20px;border: 1px solid #ccc;}
.book ul li .yzm{width:47%;float: left;position: relative;margin-right: 3%}

.job{line-height: 1.8;color: #666666;padding: 20px 0 60px;}
.job .jobT{font-size: 32px;color:#003399;;}

.caseMore{margin: 50px 0;}
.caseMore .caseMoreT{    text-align: center;color: #1d1d1d;font-size: 30px;font-weight: bold;line-height:2.2;margin-bottom: 20px;}
.caseMore .caseMoreT:after {content: "";text-align: center;margin: 0 auto;display: table;background: #0081db;width: 85px;height: 2px;}


.caseMore ul li {width: 25%;float: left;overflow: hidden;}
.caseMore ul li a{display: block;position: relative}
.caseMore ul li .con{width:80%;padding: 0 10%;height: 100%;background: #0081db;position: absolute;bottom: 0;left: 0;color: #fff;text-align: center;opacity: 0}
.caseMore ul li .con h3{word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 40% 0 15% 0;font-size: 18px;font-weight: bold;}
.caseMore ul li .con p{word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}
.caseMore ul li:hover .con{opacity: 1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}

.btn{
    height: 47px;
    border: none;
    background: #0081db;
    color: #fff;
    width: 265px;
    font-size: 24px;
}
#imgcode{
    height: 47px;
}
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       
	       z-index:999;
}
.izl-rmenu .consult{    
	background:rgba(0,0,0,.5);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 70px;
    width: 70px;
	margin-top: 12px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 9px;
    line-height: 70px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background:rgba(0,0,0,.5);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 70px;
    width: 70px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    
	margin-top: 12px;
}
.izl-rmenu a{border:1px solid #7fbcd9;}
.izl-rmenu a>div{text-align:center}
.izl-rmenu a>div img{padding-top:8px}
.izl-rmenu a>div span{display:block;color:#fff;    font-size: 13px;}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(404.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 70px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(404.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 92px;
    width: 160px;
    height: 160px;
    background:url(../image/weixin1.jpg);
	background-size:100% 100%;
}
#udesk-feedback-tab {
    position: static;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    
    z-index: 10000;
    cursor: pointer;
    background-image: url(404.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 70px;
    width: 70px;
	background: rgba(0,0,0,0.5)!important;
    z-index:999;
}
.fixnav{position:fixed}
@media screen and (max-width:813px) {
    .book h3{font-size:20px; text-align: center}
    .book ul{margin: 20px 10px;}
    .book ul li{width:100%;float: none;margin-bottom:5px;}
    .book ul li b{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
    .book ul li.con{float:none;}
    .book ul li.con .content{width: calc(100% - 22px);padding:10px;min-height:80px;}
    .book ul li .input{width:calc(100% - 22px);padding: 10px;}

    .job{padding: 20px 10px;}
    .job .jobT{font-size:20px;}

    .caseMore{margin:20px 0;}
    .caseMore .caseMoreT{ font-size: 20px;}

    .caseMore ul li {width:48%;margin: 10px 1%}
    .caseMore ul li .con{width:100%;padding:0;height:auto;opacity:1}
    .caseMore ul li .con h3{padding:5px;font-size: 12px;}
    .caseMore ul li .con p{display: none}

.izl-rmenu .cart .pic{    width: 80px;left: -80px;
    height: 80px;}
#newBridge{display:none!important}
}