@charset "utf-8";
.clear{clear:both;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.dis{display:none;}
.fl{float:left;}
.fr{float:right;}
.width{max-width:1480px;margin:0 auto;}
.img-width{max-width:1000px;margin:0 auto;}
.container{display:flex;flex-wrap:wrap;justify-content:space-between;}
.container .container-left{width:70%;}
.container .container-right{width:29%;margin-left:1%;}
.box{padding:20px 25px;box-shadow: 0 1px 10px rgba(0,0,0,0.07);background:#fff;position:relative;}
.edge{padding:20px 25px;box-shadow: 0 1px 10px rgba(0,0,0,0.07);background:#fff;position:relative;}
a{color:#333;transition:color ease .15s;}
.ui-indent{text-indent: 2em;}

.header{background:#fff;height:90px;box-shadow:0 2px 5px 0 rgba(247, 51, 51, 0.08);box-shadow: 0 4px 16px 0 rgb(0 60 179 / 12%);border-bottom: 1px solid #fff3f3;}
.header .logo{float:left;max-width:270px;line-height:90px;display:block;}
.header .logo img{max-width: 100%;max-height:66px;}
.header .nav{float:right;}
.header .nav ul{width:100%;list-style:none;}
.header .nav ul li{float:left;margin-right:1px;position:relative;}
.header .nav ul li a{display:inline-block;padding:0 25px;line-height:90px;color:#333;font-family:microsoft yahei;font-size:16px;}
.header .nav ul li a:hover{color:#2469F6;}
.header .nav ul li.hover a{color:#2469F6;}

.header .nav ul li .subnav{position:absolute;background:#2469F6;padding:5px;left:-33px;z-index:9999;opacity:0;transition:all .3s ease 0s;visibility:hidden;transform:translate3d(0,10px,0);min-width:180px;}
.header .nav ul li .subnav:after{content:'';display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #2469F6;position:absolute;top:-10px;right:45%;}
.header .nav ul li .subnav li{display:block;text-align:center;margin:0;width:100%;}
.header .nav ul li .subnav li a{color:#fff;white-space:nowrap;border-radius:0;width:100%;line-height:45px;font-size:14px;background:#2469F6;}
.header .nav ul li .subnav li a:hover{color:#fff;}
/* .header .nav ul li:hover a{color:#2469F6;} */
.header .nav ul li:hover .subnav{opacity:1;transform:translate3d(0,0,0);visibility:visible;}
.header .nav ul li:hover .subnav a{display:block;padding:0 20px;line-height:45px;font-size:14px;}
.header .nav ul li:hover .subnav a:hover{background:#fff;color:#333;}

.header .navbar{float:right;padding-right:20px;display:none;z-index:1000;line-height:66px;}
.header .navbar .ui-icon-lists{font-size:28px;}

.ui-offside{overflow-y:auto;}

.ui-carousel-prev,.ui-carousel-next{width:90px;}
.banner .ui-carousel-page{bottom:25px;}
.banner .ui-carousel-page li{height:12px;width:12px;border-radius:12px;transition:all 1s}
.banner .ui-carousel-page li.active{width:50px;}
.banner-item{height:600px;}
.banner-item-body{width:70%;height:100%;margin:0 auto;position:relative;display:flex;align-items:center;}
.banner-item-body .text{/* max-width:50%;flex:0 0 50%; */padding-right:20px;}
.banner-item-body .text h3{font-size:36px;line-height:68px;color:#fff;margin-bottom:24px;margin-top:-10px;text-shadow: 1px 1px 1px #333;}
.banner-item-body .text p{font-size:20px;line-height:40px;color:#fff;text-shadow: 1px 1px 1px #333;}

.banner_inner{height:600px;text-align: center;position:relative;}
.banner_inner .title{color:#fff;font-size: 36px;font-weight: normal;padding-top:220px;text-shadow: 1px 1px 1px #333;}
.banner_inner .line{height: 2px;width: 3%;background: #fff;margin: 0.8% auto;text-shadow:3px 3px 3px #00f;}
.banner_inner .intro{color:#fff;font-size:18px;margin-top:10px;font-weight:300;text-shadow: 1px 1px 1px #333;}

.home-bg1{background: linear-gradient(180deg,#F1F8FE 1%,#F9FBFF 100%);padding: 40px 30px;}
.home-bg2{background:rgba(245, 245, 245, 1);padding: 40px 30px;}
.home-bg3{background: url(../img/bg03.jpg) no-repeat center center;background-attachment: fixed;background-size: cover;padding: 40px 30px;}
.home-bg4{background: linear-gradient(180deg,#F1F8FE 1%,#F9FBFF 100%);padding: 40px 30px;}

.subject{text-align:center;}
.subject h3{font-size:30px;line-height:45px;letter-spacing:0.5px;color:#333;position:relative;margin-bottom:24px;}
.subject h3:after{content:'';display:inline-block;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);height:3px;width:6%;background:#2469F6;}
.subject p{font-size:16px;line-height:26px;font-weight:400;color:#545151;padding:0 10px;max-width:1000px;margin:0 auto;/* font-family: sans-serif; */}

.subject-white h3,.subject-white p{color:#fff;}

.home-nav a {position: relative;display: inline-block;margin: 15px 25px;outline: none;color: #fff;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 400;text-shadow: 0 0 1px rgba(255,255,255,0.3);}
.home-nav a:hover,nav a:focus {outline: none;}

.ui-effect-nav  {position: relative;z-index: 1;}
.ui-effect-nav a {overflow: hidden;margin: 0 10px;}
.ui-effect-nav a span {display: block;padding: 10px 20px;background: #2469F6;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.ui-effect-nav a::before {position: absolute;top: 0;left: 0;z-index: -1;padding: 10px 20px;width: 100%;height: 100%;background: #fff;color: #2469F6;content: attr(data-hover);-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform: translateX(-25%);}
.ui-effect-nav a:hover span,.ui-effect-nav a:focus span {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);}
.ui-effect-nav a:hover::before,.ui-effect-nav a:focus::before {-webkit-transform: translateX(0%);-moz-transform: translateX(0%);transform: translateX(0%);}

.home_about{box-shadow: 0 42px 95px rgba(0,0,0,.15);margin-top:40px;background:#fff;}
.home_about_left{position:relative;overflow: hidden;font-size: 0;}
.home_about_left img{max-width:100%;transition:all .5s;}
.home_about_left:hover img{transform:scale(1.13);}
.home_about_right{padding:50px 50px 20px;}
.home_about_right .h1{font-size:30px;}
.home_about_right .text{margin:15px 0;line-height:28px;}
.home_about_right .text p{margin-top:15px;}
.home_about_right .more{text-align:right;}

.tel-bg{padding:80px 0 80px 0;background: #ffaa00;}
.tel-bg{background-color: #010BFF;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23012bff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23014aff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23016aff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%230189ff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%2301A9FF' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23019cff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23018fff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%230083ff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%230076ff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%230069FF' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;}
.tel-wrap{box-shadow:0px 2px 12.09px 0.91px rgba(68,68,68,0.24);background:rgba(255, 255, 255, 0.6);padding:40px 50px;background-position:center;background-size:cover;}
.tel-wrap .ui-col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.tel-content h4{font-size:30px;font-weight:700;margin-bottom:10px;color:#2469f6;}
.tel-content span{font-size:16px;color:#5b5b5b;font-weight:500;font-style:italic;display:block}
.tel-form{padding: 10px;}
.tel-form .ui-input-group .after {background: #2469f6;border-color: #2469f6;color: #fff;padding: 0 20px;}

.home-news{margin-top: 20px;}
.home-news-item{width: 31.33%;margin: 0 1% 2% 1%;background:#fff;border: 1px solid #EAEDF2;border-top:5px solid #2469F6;border-radius:20px;padding:15px;position:relative;overflow:hidden;box-shadow: 0 0 12px rgba(0, 60, 179, .12);}
.home-news-item .title{font-size:24px;font-weight:normal;text-align:center;margin-bottom: 10px;}
.home-news-item .title:after {content: "﹊";display: block;height: 5px; margin: 0 auto 0;color:#2469F6;font-size:24px;}

.home-news-item .news{width:100%;position:relative;overflow:hidden;transition:all 0.3s ease;}
.home-news-item .news .pic{width: 100%;position: relative;overflow: hidden;padding-bottom: 56.2%;}
.home-news-item .news .pic img {position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;transition:all 1s;}
.home-news-item .news:hover .pic img{transform:scale(1.3);}
/* .home-news-item .news .name {position: absolute;top:36px;margin: 0 0 25px 15px;line-height: 46px;font-size:28px;color: #FFF;} */
.home-news-item .news .name{position:absolute;bottom:-40px;width:100%;background:#2469F6;height:40px;line-height:40px;padding:0 15px;color:#fff;opacity:.7;transition:all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.home-news-item .news:hover{}
.home-news-item .news:hover .name{bottom:0;}
.home-news-item .ui-list li{transition:all 0.5s ease;}
.home-news-item .ui-list li i{color:#2469F6;}
.home-news-item .ui-list li:hover{transform:translateX(10px);}
.home-news-item .more{margin:20px 20px 0 20px;}
.home-news-item .more a{display:block;text-align:center;border:1px solid #ccc;background:#fff;color:#666;padding:5px 0;border-radius:20px;}
.home-news-item .more a i{color:#666;}
.home-news-item .more a:hover{background:#2469F6;border-color:#2469F6;color:#fff;}
.home-news-item .more a:hover i{color:#fff;}

.links {margin-top: 20px;font-size: 14px;color: #8c8c8c;padding-bottom: 15px;}
.links span {color: #333;font-size: 18px;font-weight: bold;}
.links a {display: inline-block;color: #666;margin-right: 15px;}
.links a:hover{color:#f30;}

.see-more{text-align:center;}
.see-more a {margin: 25px auto;color: #fff;text-align: center;padding: 10px 40px;display: inline-block;border: none;background-size: 300% 100%;border-radius: 50px;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;background-image: linear-gradient(to right, #03a9f4, #2469F6, #e80114, #f5ce62);/*background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); */}
.see-more a:hover{background-position: 100% 0;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}

.sub-nav{border-bottom: 1px solid #eaeaea;}
.sub-nav ul li a{position: relative;font-size: 15px;height: 80px;line-height: 80px;padding: 0px 30px;color: #333;display: block;transition: 0.3s ease 0s;}
.sub-nav ul li a.more:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
/* .sub-nav ul li:hover {color: #fff;background: #2469F6;}
.sub-nav ul li.hover a,.sub-nav ul li.active a{color: #fff;background: #2469F6;} */

.flag{position:absolute;top:-5px;left:-5px;width:110px;height:110px;overflow:hidden;z-index:10;}
.flag span{position:absolute;color:#fff;font-size:14px;line-height:30px;background:#4caf50;transform:rotate(-45deg);text-align:center;left:-36px;width:150px;top:18px;}
.flag span a{color:#fff;}

.page-bg{background-color:#f1f4f9;padding: 30px 0;margin-bottom: -30px;}
.page-h1{font-size: 28px;padding: 20px 0;text-align: center;border-bottom: 1px solid #e8e8e8;}
.page-show{padding:15px 20px;line-height:36px;font-size:16px;word-break:break-all;}
.page-show .info{background: #f5f5f5;padding: 10px;white-space: normal;font-size: 16px;line-height: 2em;margin-bottom: 10px;}
.page-show img{max-width:100%;}
.page-show .page{margin-top: 55px;}
.page-show .page p{color: #333;font-size: 14px;background: #f5f5f5;padding:5px 10px;margin:10px auto;}
.page-show .page p:last-child{margin-bottom: 0;}
.page-show .page p a{color: #333;}
.page-show .page p a:hover{text-decoration: underline;}

.pro-bg{background-color: #010BFF;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23012bff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23014aff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23016aff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%230189ff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%2301A9FF' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23019cff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23018fff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%230083ff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%230076ff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%230069FF' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;padding: 50px;}
.pro-show{box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border-radius:25px;}
.pro-img{overflow: hidden;border-radius: 25px 0 0 25px;}
.pro-img img{width: 100%;height: 100%;}
.pro-text {padding: 50px;background: #fff;border-radius: 0 25px 25px 0;}


.ui-piclist-image img{transition:all .5s;}
.ui-piclist-image:hover img{transform:scale(1.2);}

.media-img{overflow:visible;}
.media-img .ui-piclist-item{padding:10px;margin-bottom:1.8%;transition: 0.5s linear 0s;background:#f5f5f5;border: 1px solid #f5f5f5;border-radius: 10px;}
.media-img .ui-piclist-item .ui-piclist-body p {line-height: 24px;font-size: 14px;color: #878787;overflow: hidden;}
.media-img .ui-piclist-item:hover{box-shadow:none;}
.media-img .ui-piclist-item:hover .ui-piclist-body{background:#2469F6;color: #fff;}
.media-img .ui-piclist-item:hover .ui-piclist-body p{color: #fff;}
.media-img .ui-piclist-image{overflow:hidden;}

.media{overflow:visible;}
.media .ui-piclist-item{padding:10px;margin-bottom:1.8%;transition: 0.5s linear 0s;background:#fff;border: 1px solid #ddd;border: 1px solid #eee;border-radius: 10px;}
.media .ui-piclist-item .ui-piclist-body p {line-height: 24px;font-size: 14px;color: #878787;overflow: hidden;}
.media .ui-piclist-body{padding: 0px;}
.media .ui-piclist-bar{display:block;margin-top: 10px; padding: 10px 0px 3px;border-top: 1px solid #eee;line-height: 30px;position: relative;transition: all .36s ease;}
.media .ui-piclist-bar:before {content: '';position: absolute;top: 0px;left: 0px;width: 0%;height: 1px;background: #2469F6;z-index: 1;transition: all .5s ease;}
.media .ui-piclist-item:hover a .ui-piclist-bar:before{width:100%;}
.media .ui-piclist-image{overflow:hidden;position: relative;}
.media .ui-piclist-image:hover img{transform:scale(1);}

.message-box{max-width:800px;margin: 50px auto;background: rgba(255, 255, 255, 0.8);border-radius: 8px;/* border: 1px solid #EAEDF2; */padding: 30px 50px;position: relative;}
.contact-box{box-shadow: 0 1px 10px rgba(0,0,0,0.07);box-shadow: 0 0 1.6vw 0 rgba(0,0,0,0.15);background:#fff;position:relative;}
.contact-box .text{background: #2469F6;}
.contact-box .text h3{padding:50px 0 0 30px;color:#fff;font-size:26px;}
.contact-box .text .ui-list{padding: 0 20px 20px 20px;}
.contact-box .text .ui-list li {border-bottom: 1px dashed #91b5ff;}
.contact-box .text .ui-list li a,.contact-box .text .ui-list li a i{color:#fff;}
.book{padding: 20px;}

.ui-show-tags{}
.ui-show-tags a{padding:0 10px;line-height:35px;}

/*分页样式*/
.pagelist{text-align:center;font-size:16px;}
.pagelist .page-status,.pagelist a{background:#fff;color:#666;display:inline-block;border:1px solid #ddd;padding:1px 10px;margin:0 2px;border-radius: 2px;}
.pagelist a{font-size:16px;}
.pagelist a:hover{border-color:#2469F6;background:#2469F6;color:#fff;}
.pagelist .page-num-current{border-color:#2469F6;background:#2469F6;color:#fff;}
.pagelist .page-num-current:hover{border-color:#ea5413;background:#ea5413;color:#fff;}
.pagelist .page-status{}
.pagelist .page-index{display:inline-block;}
.pagelist .page-pre{display:inline-block;}
.pagelist .page-numbar{display:inline-block;}
.pagelist .page-next{display:inline-block;}
.pagelist .page-last{display:inline-block;}

.footer{background:#303030;padding:40px 0;color:#8b8b8b;margin-top:30px;}
.footer_item{width:16%;margin-right:2%;}
.footer_item h4{font-size:16px;font-weight: 400;color:#fff;height:50px;position:relative;}
.footer_item h4 a{color:#e0e0e0}
.footer_item h5{font-size:16px;color:#fff;}

.footer_item .footer_menu{line-height:36px;}
.footer_item .footer_menu a{display:block;color:#777;font-size:14px;transition:all 0.5s ease;}
.footer_item .footer_menu a:hover{color:#fff;transform:translateX(10px);}

.footer_last{width:28%;margin-right:0%;}
.footer_tel{font-family:'Impact';font-size:30px;color:#fff;}
.footer_tel img{max-width:150px;margin-top:10px;display:block;}
.footer_qr{display: flex;margin-top:20px;}
.footer_qr .qr_item {/* width: 46%; */margin: 0 2% 15px 2%;}
.footer_qr .qr_item span{display:block;text-align:center;line-height:40px;}
.footer_qr .qr_item .qrcode{width:120px;}

.copyright{background:#303030;line-height:30px;padding:20px;text-align:center;color:#777;border-top:1px solid #454545;font-size:14px;}
.copyright a{color:#777;}
.copyright a:hover{color:#fff;}

.ui-sidebar{position:fixed;right:0;top:0;display:flex;align-items:center;z-index: 998;}
.ui-sidebar ul{border-radius:50%;}
.ui-sidebar ul li:first-child,.ui-sidebar ul li:first-child a{border-radius:50%;}
.ui-sidebar ul li:last-child,.ui-sidebar ul li:last-child a{border-radius:50%;}
.ui-sidebar ul li a{width:50px;height:50px;line-height:50px;}
.ui-sidebar ul li a i{font-size:28px;}
.ui-sidebar ul li div{line-height:60px;font-size:16px;min-width:120px;}
.ui-sidebar ul li:hover div{right:80px;}
.ui-sidebar-color ul li a{background:#2469F6;border-color:#2469F6;color:#fff;}
.ui-sidebar-color ul li a:hover{background:#303030;border-color:#303030;}
.ui-sidebar-color ul li.active a{background:#303030;border-color:#303030;}

/*响应式*/
@media screen and (max-width:1366px)
{
	.header .nav ul li a{padding:0 17px;font-size:15px;}
}
@media screen and (max-width:1024px)
{
	.width{width:100%;}
	.header{height:66px;}
	.header .logo{line-height:66px;}
	.header .nav{display:none;}
	.header .navbar{display:block;}
	.banner-item{height:300px;}
	.banner-item-body{flex-direction:column;align-items:center;}
	.banner-item-body .text{max-width:100%;flex:0 0 100%;padding:120px 10px 0 10px;}
	.banner-item-body .text h3{font-size:28px;line-height:40px;margin-bottom:10px;text-align:center;}
	.banner-item-body .text h2{font-size:36px;line-height:40px;margin-bottom:10px;text-align:center;}
	.banner-item-body .text h4{font-size:16px;font-style:normal;text-align:center;}
	.banner-item-body .text img{max-width:100%;}
	.banner-item-body .text p{font-size:14px;line-height:22px;text-align:center;}
	.ui-carousel-prev-icon,.ui-carousel-next-icon{background:none;}
	.banner .ui-carousel-page{bottom:15px;}
	.banner .ui-carousel-page li.active{width:12px;}
	.banner_inner{height: 40vh;background: no-repeat center/cover;}
    .banner_inner .title{font-size: 26px;font-weight: bold;padding-top: 120px;}
    .banner_inner .intro{font-size:14px;}
	.sub-nav ul li a {padding: 0px 20px;font-size: 14px;height: 62px;line-height: 62px;}

	.home-bg1,.home-bg2,.home-bg3,.home-bg4{padding:20px 10px;}

	.home_about_left,.home_about_right{flex:0 0 100%;max-width:100%;}
	.home_about_right{margin-top:50px;padding:20px 30px;}
	.home_about_right .h1{font-size:24px;}
	.home_about_right .text{margin:15px 0;line-height:28px;}

	.home-news-item{width:48%;}
	.home-news-item-list{padding:20px 20px 0 20px;}

	.page-h1{border: none;font-size: 24px;text-align: center;margin: 20px 0px 20px;padding-bottom: 0;}
	.ui-piclist{margin:0 0 0 0}
	.ui-piclist .ui-piclist-item{width:47.5%;margin:0 0 15px 15px;}

	.tel-wrap {padding: 40px 20px;}

	.message-box {max-width:500px;}
	.contact-box{margin: 10px;}
	.contact-box .ui-col-5,.contact-box .ui-col-6,.contact-box .ui-col-7,.tel-wrap .ui-col-6{flex:0 0 100%;max-width:100%;}
	.pagelist .page-status{display:none;}
	.pagelist .page-index{display:none;}
	.pagelist .page-pre{display:none;}
	.pagelist .page-numbar{display:inline-block;}
	/* .pagelist .page-next{display:none;}
	.pagelist .page-last{display:none;} */
	.pagelist a {padding: 4px 12px;border-radius: 25px;}
	.footer{padding:20px 0;}
	.footer_item{width:88%;margin-right:4%;padding-left:8%;margin-bottom:20px;}
	.footer_last{width:88%;margin-right:4%;padding-left:8%;margin-bottom:20px;}
	.footer_item h4{font-size:16px;height:40px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);margin-bottom: 0px;}
	.footer_item h5{font-size:14px;}
	.footer_tel{font-size:24px;color:#fff;}
	.footer_item .footer_menu{display:none;}
	.ui-sidebar{display:none;}
}
@media screen and (max-width:768px)
{
	.ui-offside{width:100%;}
	.home-bg1,.home-bg2,.home-bg33,.home-bg4{background:#fff;padding:15px 0;}
	.home-about dt {float: none;width: auto;}
	.home-news-item{width:100%;margin:5px 10px;}
	.page-bg {padding: 10px 0;}
	.ui-piclist .ui-piclist-item {width: calc((100% - 30px)/2);margin:0;}
	.ui-piclist .ui-piclist-item:not(:nth-child(2n)) {margin: 0px 10px 10px 10px;}
	.media-img .ui-piclist-item{width:96%;margin: 1% 2% 2%;}
	.message-box {margin: 30px auto;padding: 20px;}
	.links{display:none;}
	.footer_qr .qr_item .qrcode{width:160px;}
	.pro-bg {padding: 10px;}
	.pro-show .ui-col-6 {flex: 0 0 100%;max-width: 100%;}
	.pro-show,.pro-img,.pro-text{border-radius:0;}
}
@media screen and (max-width:540px)
{
}
@media screen and (max-width:415px)
{
}
/*自定义特效*/
/* .app-effect a {padding: 0 0 10px;} */
.app-effect a::after{position: absolute;/* top: 100%; */left: 0;width: 100%;height: 1px;background: #2469F6;content: '';opacity: 0;-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: height 0.3s, opacity 0.3s, transform 0.3s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}
.app-effect a::after{position: absolute;/* top: 100%; */left: 0;width: 100%;height: 1px;background: #2469F6;content: '';opacity: 0;-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: height 0.3s, opacity 0.3s, transform 0.3s;-webkit-transform: translateY(45px);-moz-transform: translateY(45px);transform: translateY(45px);}
.app-effect.hover a::after,.app-effect a.hover::after,.app-effect a:hover::after,.app-effect a:focus::after {height: 5px;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

.text-effect a::before {color:#2469F6;content: attr(data-hover);position: absolute;opacity: 0;-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}
.text-effect a:hover::before,.ui-effect a:focus::before {-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);opacity: 1;}

.nav-effect a {-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
.nav-effect a::before {position: absolute;top: 30%;left: 50%;color: transparent;content: '•';text-shadow: 0 0 transparent;font-size: 1.6em;-webkit-transition: text-shadow 0.3s, color 0.3s;-moz-transition: text-shadow 0.3s, color 0.3s;transition: text-shadow 0.3s, color 0.3s;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);pointer-events: none;}
.nav-effect.hover a::before,.nav-effect.active a::before,.nav-effect a:hover::before,.nav-effect a:focus::before {color: #2469F6;text-shadow: 10px 0 #2469F6, -10px 0 #2469F6;}
.nav-effect.active a,.nav-effect a:hover,.nav-effect a:focus {color: #2469F6;}