@charset "utf-8";
html{font-size: calc(100vw/19.2);}
body{color:#333;font-size:0.14rem;background:#fff;position: relative;}
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input,button{margin:0;padding:0;list-style:none;font-family: "Arial";}
a{color:#666; text-decoration:none;transition: all 0.6s ease 0s;}
a:focus{outline:0;}
a:hover{color: #0485e0;text-decoration: none;}
img{border:none;display:block;}
p{word-spacing:0;}
i,em{font-style:normal;}
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] {-webkit-appearance: none;outline: 0;}
textarea{-webkit-appearance: none;outline: 0;}
table {border-collapse: collapse;table-layout: fixed; width:100%;}
tr{border:1px solid #ccc; padding:5px;}
td{border:1px solid #ccc; padding:5px;}
.fl { float:left;}
.fr { float:right;}
.totop{width:15px; height:15px; padding:10px; border: 2px solid #fff;border-radius: 100%; z-index: 99; position: fixed; bottom:10%; right:3%; display: none;background-image: linear-gradient(315deg,#1132c2 0,#0485e0 100%);}
.totop img{width:15px; height:15px;}
.logos{display:none;}
/* -- 页面整体布局 -- */
.mainBody{width:90%; padding:40px 5%; overflow:hidden;}
.mainBodys{width:100%;}
.contents{width:90%; padding:40px 5%;}
.titles{width:90%; padding: 0 5%; color: #444; font-size:0.4rem; font-weight:bold;text-transform:uppercase;}
.titles span{background: linear-gradient(to right,#fe7a0a,#0485e0);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.titles p{width:100%;font-size:0.32rem; color: #e0e0e0;}

/*头部*/
.header{width: 100%;height:0.75rem;position:fixed;top: 0;left: 0;z-index:10;transition:all 0.4s;}
.headers{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.header:hover{background:#fff !important;}
.header:hover .logo1{display: none;}
.header:hover li a{color:#333 !important;}
.header:hover .on a{color:#0485e0 !important;}
.header:hover .on ul li a{color:#333 !important;}
.header .head{width:90%;height:100%;margin:0 auto;}
.header .logo{width:auto;height:0.45rem;float: left; padding:0.15rem 0.35rem 0 0; overflow: hidden;}
.header .logo img{height:0.45rem;}
.header .lg{width:auto;height:0.75rem;float: left;color:#333;font-size:0.17rem;}
.header .lg a{color:#333;line-height:0.75rem;}
.header .lg a:hover{color:#0485e0;}

.navs{width:auto;height:0.65rem;float: right; margin-right:0.25rem;}
.header .fabu{width:1.27rem;height:100%;float: right;}
.header .fabu a{width:100%; height:0.45rem; line-height:0.45rem; text-align: center;border-radius: 50px 50px 50px 0; font-size: 0.15rem; color: #fff; margin-top:0.15rem;text-transform:uppercase; display: block;
  background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}
.header .fabu a:hover{cursor: pointer;background-image: linear-gradient(315deg,#1132c2 0,#0485e0 100%);}
#navss{width:100%;height:100%;position: relative;}
#nav{width:100%;height:100%;position: relative;}
#nav ul{text-align:center;line-height:normal;}
#nav .li{line-height:0.75rem;font-size:0.16rem;position:relative;float:left;padding: 0 0.25rem;}
#nav li a{display:block;color: #fff;}
#nav .on > a{color:#0485e0;}
#nav .hover .a{color:#0485e0 !important;}
#nav li ul{position:absolute;left:50%;top:0.75rem;transform:translateX(-50%);opacity:0;visibility:hidden; border-radius: 0 0 6px 6px; min-width:1.25rem;background:#fff;box-shadow:0px 4px 7px rgba(133,153,171,0.12);z-index:6;transition:all .3s;}
#nav li li{font-size:0.14rem;line-height:0.4rem;}
#nav li li:last-child{border-radius: 0 0 6px 6px;}
#nav li li:hover{background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}
#nav li li:hover a{color:#fff !important;}
#nav .on ul{opacity:1;top:0.75rem;visibility:visible;transition:all .5s;}

/* ---------------mainBody_01-------------------------------  */
.mainBody_01{width:100%;height:9.3rem; position:relative;}
.mainBody_01 h2{width:100%;display:black;text-shadow: .15789rem .15789rem .31579rem rgba(54,2,84,.6); font-weight: normal; position: absolute; top:42%; left:0; text-align: center; font-size:0.50rem; color: #fff;text-transform:uppercase;}
.mainBody_01 h4{width:84%;display:black;text-shadow: .15789rem .15789rem .31579rem rgba(54,2,84,.6); font-weight: normal; position: absolute; top:28%; left:8%; font-size:0.55rem; color: #fff;}
.mainBody_01 video{width:100%;}
.mainBody_01 .swiper-pagination{bottom:0.25rem !important;}
.swiper-pagination-bullet{width:0.6rem !important; height:0.06rem !important; border-radius:10px !important; background:rgba(255,255,255,0.7) !important;}

.search{width:8.4rem;height:0.65rem;overflow:hidden;position:absolute; bottom:1.3rem; left:50%; margin-left:-4.2rem; background:#fff; border-radius:10rem;box-shadow: 0px 4px 23px 4px rgba(5,150,213, 0.6); z-index:9;}
.search h3{width:20%;height:0.65rem; line-height:0.65rem;float: left; color: #000; text-align: center;font-size:0.2rem; font-weight: normal;text-transform:uppercase;}
.search h3::before {content: "";position: absolute;top:0.18rem;height:0.30rem;left: 18%;width: 0.01rem;background: #000;}
.search .b1{width:65%;height:0.65rem; float: left;border: 0; font-size:0.2rem; color: #000; background: 0; }
.search .b2{width:15%;height:0.65rem; float: left;background: url(/themes/pc/images/search.png) no-repeat center center; border: 0; background-size:25% auto;}
.search .b2:hover{cursor:pointer;}
.search input:focus{outline: none;}

/* ---------------mainBody_02-------------------------------  */
.mainBody_02{width:94%;overflow:hidden; padding:0.6rem 1% 0.5rem 5%;}
.mainBody_02 .swiper-wrapper{padding:0.5rem 0 0 0;}
.mainBody_02 .swiper-slide{width:18.5%;margin-right:1.5% !important;}
.mainBody_02 .tab1{width:100%;overflow:hidden;}
.mainBody_02 ul{width:100%;height:auto;margin:0 0 30px 0;border-radius:0.1rem; overflow: hidden; position: relative;will-change: transform;}
.mainBody_02 ul:hover{box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.2);} 
.mainBody_02 ul:nth-child(4n){ margin-right:0;}
.mainBody_02 ul img{width:100%;display: block;transition: all 0.5s;}
.mainBody_02 ul:hover img{transform: scale(1.1);}
.mainBody_02 .a1{width:100%; height:100%;}
.mainBody_02 .a2{width:90%; height:100%; padding:0 5%; position: absolute; top:88%; left:0;transition: all 0.6s ease 0s; color: #fff;background:rgba(4,133,224,0.7);}
.mainBody_02 .a2 h3{height:12%;line-height:230%; font-size: 0.23rem;}
.mainBody_02 .a2 .p{line-height: 0.23rem; font-size:0.15rem; height:auto; overflow: hidden;}
.mainBody_02 .a2 .p p{overflow: hidden; position:relative; padding-left:0.12rem;}
.mainBody_02 .a2 .p p:after{content: ""; position: absolute; width:0.05rem; height:0.05rem; top: 0.10rem; border-radius:50%; left: 0; background: #fff;}

.mainBody_02 .a2 a{width:45%; height:0.42rem; line-height:0.42rem; text-align: center;border-radius: 50px 50px 50px 0; font-size: 0.15rem; color: #fff; margin-top:0.1rem; display: block;
  background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}
.mainBody_02 .a2 a:hover{width:50%;cursor: pointer;}
.mainBody_02 ul:hover .a2{top: 0;}
.mainBody_02 h4{width:60%; float: right; margin-right: 5%; color: #444;text-align: right;line-height: 0.50rem;text-transform:uppercase; font-size:0.35rem;}
.mainBody_02 h4 span{background: linear-gradient(to right,#fe7a0a,#0485e0);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.mainBody_02 .swiper-button-prev{left:0 !important;top:0.27rem !important;}
.mainBody_02 .swiper-button-next{left:7% !important;top:0.27rem !important;}
.mainBody_02 .swiper-button-next, .mainBody_02 .swiper-button-prev{color:rgba(153,153,153,0.8) !important; width:0.47rem; height:0.47rem; border:1px solid rgba(153,153,153,0.8); padding:0.27rem; border-radius:50%; display:inline-block; background-size:30% auto;}
.mainBody_02 .swiper-button-next:hover, .mainBody_02 .swiper-button-prev:hover{border:1px solid rgba(4,133,224,0.8);}

/* ---------------mainBody_3-------------------------------  */
.mainBody_03{width:94%;overflow:hidden; padding:0.65rem 1% 0.5rem 5%;background:url(/themes/pc/images/bg01.jpg) no-repeat center 0; background-size: 100% auto;}
.mainBody_03 .swiper-wrapper{padding:0.5rem 0 0 0;}
.mainBody_03 .swiper-slide{width:18.5%;margin-right:1.5% !important;}
.mainBody_03 .s1{padding:1.0rem 0 0 0;}
.mainBody_03 .s3{padding:1.0rem 0 0 0;}
.mainBody_03 .s5{padding:1.0rem 0 0 0;}
.mainBody_03 .s7{padding:1.0rem 0 0 0;}
.mainBody_03 .tab1{width:100%;overflow:hidden;}
.mainBody_03 ul{width:100%;height:auto;border-radius:0.1rem; overflow: hidden; position: relative;will-change: transform;}
.mainBody_03 ul:nth-child(4n){ margin-right:0;}
.mainBody_03 ul img{width:100%;display: block;transition: all 0.5s;border-radius:0.1rem;}
.mainBody_03 ul:hover img{transform: translateY(-0.5rem);-webkit-transform: translateY(-0.5rem);}
.mainBody_03 .a1{width:100%; height:100%; position: relative;}
.mainBody_03 .a2{width:84%; height:calc(100% - 0.5rem); padding:0 8%;border-radius:0.1rem; position: absolute; top:0; opacity:0; left:0; color: #fff;background:rgba(4,133,224,0.7);}
.mainBody_03 h3{line-height:0.4rem; font-size:0.25rem; padding-bottom:0.1rem;}
.mainBody_03 h3 span{display: inline-block; float: right; font-size:1.8em; background: linear-gradient(to right,#0485e0,#1132c2);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.mainBody_03 .a2 p{line-height: 0.3rem; font-size:0.16rem; height:auto; overflow: hidden;}
.mainBody_03 .a2 a{width:45%; height:0.42rem; line-height:0.42rem; text-align: center;border-radius: 50px 50px 50px 0; font-size: 0.15rem; color: #fff; margin-top:0.2rem; display: block;
  background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}
.mainBody_03 .a2 a:hover{width:50%;cursor: pointer;}
.mainBody_03 ul:hover .a2{opacity:1;transition: all 0.9s;}
.mainBody_03 ul:hover .a2 h3{padding-top:0.2rem;}
.mainBody_03 .swiper-button-prev{left:100% !important;top:0.27rem !important; margin-left:-3.0rem;}
.mainBody_03 .swiper-button-next{right:4% !important;top:0.27rem !important;}
.mainBody_03 .swiper-button-next, .mainBody_03 .swiper-button-prev{color:rgba(153,153,153,0.8) !important; width:0.47rem; height:0.47rem; border:1px solid rgba(153,153,153,0.8); padding:0.27rem; border-radius:50%; display:inline-block; background-size:30% auto;}
.mainBody_03 .swiper-button-next:hover, .mainBody_03 .swiper-button-prev:hover{border:1px solid rgba(4,133,224,0.8);}

/* ---------------mainBody_4-------------------------------  */
.mainBody_4{width:100%;padding:0.50rem 0;background:url(/themes/pc/images/bg01.jpg) no-repeat center center; background-size: 100% auto;}
.mainBody_4 .list{width:90%;padding:0 5%;overflow:hidden;}
.mainBody_4 .list ul{overflow:hidden;padding:0.40rem 0 0.60rem 0 ;}
.mainBody_4 li{width:47.5%; float: left; border-bottom: 0.01rem solid #ccc;overflow:hidden;line-height:0.55rem;font-size:0.18rem; margin-right:5%;}
.mainBody_4 li:nth-child(2n){ margin-right:0;}
.mainBody_4 label{width:auto; padding-right: 0.10rem;}
.mainBody_4 a{width:auto; padding: 0 0.2rem; position: relative;transition:all 0.3s; display: inline-block;z-index:0;}
.mainBody_4 a:after{content: ""; position: absolute; width:0.08rem; height:0.08rem; top: 50%; margin-top:-0.04rem; border-radius:50%; left: 0.05rem; background: #0485e0; z-index: -1; transition: all 0.3s;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.mainBody_4 a:hover{padding-left:0.2rem;color:#0485e0;}
.mainBody_4 a:hover:after{opacity:1.0;filter:Alpha(opacity=100);}
.mainBody_4 .list1{width:90%;padding:0.40rem 5%;overflow:hidden;font-size:0.18rem;}

/* ---------------mainBody_04-------------------------------  */
.mainBody_04{width: 100%;padding:0.5rem 0;}
.mainBody_04 .list{width:90%;padding:0.5rem 5%;overflow:hidden;}
.mainBody_04 .list ul{width: 12.8%;height:4.2rem; float: left; padding:0 3%;overflow: hidden; text-align: center; position: relative; border-radius: 0.12rem; margin-right:1.5%;color:#fff;}
.mainBody_04 .list ul:hover{background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}
.mainBody_04 .list ul:nth-child(5n){ margin-right:0;}
.mainBody_04 .list .m1{width:100%;height:100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.mainBody_04 .list .m1 img{width:100%; height:100%; transition: all 0.5s;display:block;will-change: transform;}
.mainBody_04 .list ul:hover .m1 img{transform: scale(1.15);will-change: transform;}
.mainBody_04 .list .m2{width:100%;height:100%;position: absolute; top:0; left: 0;text-align: center; z-index: 1;}
.mainBody_04 .list .a0{width:100%;height:0.8rem; margin:0.6rem 0 0.2rem 0;}
.mainBody_04 .list .a0 img{height:0.8rem; display:inline-block; -moz-transition:width 1s,height 1s,-webkit-transform 1s;-webkit-transition:width 1s,height 1s,-webkit-transform 1s;transition:width 1s,height 1s,transform 1s;}
.mainBody_04 .list ul:hover img{-webkit-transform:rotate(360deg);transform:rotate(deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.mainBody_04 .list .a1{font-size:0.27rem;}
.mainBody_04 .list .a2{font-size:0.18rem; padding:0.05rem 0 0 0;}
.mainBody_04 .list .a3{font-size:0.24rem;}
.mainBody_04 .list .a4{height:0.54rem;line-height:0.27rem; font-size:0.18rem;padding:0 10%;}

/* ---------------mainBody_06-------------------------------  */
.mainBody_06{width:100%;padding:100px 0;background: url(/themes/pc/images/hybg2.jpg) no-repeat center / cover;background-attachment: fixed;}
.mainBody_06 .list{width:90%;padding:0.8rem 5% 0.3rem 5%;overflow: hidden;} 
.mainBody_06 .list ul{width:24.4%;height:auto;cursor:pointer;float: left; padding:0.2rem 0; margin:0 0.8% 0.12rem 0;border-radius:0.05rem;overflow: hidden; background: #fff;}
.mainBody_06 .list ul:hover{background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}
.mainBody_06 .list ul:hover .a2{color: #fff;}
.mainBody_06 .list ul:hover a{color: #fff;}
.mainBody_06 .list ul:nth-child(4n){margin-right:0;}
.mainBody_06 .list .a1{width:0.6rem;height:0.6rem; border-radius:100%; float: left; margin-left:10%; background: #f1f1f1; padding: 0.1rem;}
.mainBody_06 .list .a1 img{width:100%; transition: all 0.5s;border-radius:10px;}
.mainBody_06 .list ul:hover .a1 img{transform: scale(1.1);}
.mainBody_06 .list .a2{width:auto;height:0.3rem;line-height: 0.3rem; float: left; font-size:0.18rem; padding:0.1rem 0 0 0.3rem;text-transform:uppercase;}
.mainBody_06 .list .a2 a{font-size:0.13rem;}
.mainBody_06 .list .a2 a span{font-family: "宋体";overflow: hidden; padding-left: 0.1rem;}

/* ---------------mainBody_05-------------------------------  */
.mainBody_05{width: 100%; background:url(/themes/pc/images/bg02.jpg) no-repeat center 0; background-size: 100% auto;}
.mainBody_05 .list{width:90%;padding:0.7rem 5% 1.1rem 5%;height:auto;overflow:hidden;color: #666;}
.mainBody_05 .right{width:42%; float:right;position: relative; overflow: hidden; padding-right:8%;}
.mainBody_05 .right h3{width: 100%; height:0.7rem;line-height:0.7rem; font-size: 0.45rem;; color: #fff;  padding:2rem 0 0.2rem 0; font-weight: normal;text-transform:uppercase;}
.mainBody_05 .right .p{ width: 100%; height:auto; font-size: 0.16rem; line-height:0.3rem; overflow: hidden;color: #fff;}
.mainBody_05 .right .p p{width: 100%; padding-bottom:0.05rem;}
.mainBody_05 .right a{display: block;width: 1.8rem;height:0.5rem;line-height:0.5rem;text-align: center; float: left; margin-right:0.3rem; color: #fff; font-size: 0.18rem; overflow: hidden;text-transform:uppercase; background-image: linear-gradient(315deg,#1132c2 0,#0485e0 100%);
border-radius: 50px 50px 50px 0;}
.mainBody_05 .right a:hover{width: 2.20rem;cursor:pointer;}
.mainBody_05 .num{ overflow: hidden; margin-top:5%;font-size: 0.16rem;}
.mainBody_05 .num .one{ float: left; width: 30%; overflow: hidden; padding-right: 1%; margin-bottom:6%; position: relative;}
.mainBody_05 .num .one:nth-child(2){ width: 37%;}
.mainBody_05 .num .one:nth-child(3)::before{ display: none;}
.mainBody_05 .num .one::before{ content: ""; position: absolute; top: 0.05rem; height: 0.6rem; right: 15%; width: 0.01rem; background: #DFDFDF;}
.mainBody_05 .num .top{ color: #fff; line-height: 0.1rem;}
.mainBody_05 .num .top span{font-family: 'Open-Sans'; line-height: 1; font-weight: bold; float: left; margin-right: 0.1rem; font-size: 0.34rem;}
.mainBody_05 .num .top label{ overflow: hidden; display: inline-block; vertical-align: top;}
.mainBody_05 .num .top sup{ display: block;font-size: 0.15rem; margin-bottom: 0.3rem;}
.mainBody_05 .num .bot{ color: #ccc;line-height:0.18rem; clear: both;}

.avideo1{width: 100%; min-width: 1200px; height: 100%;background:url(/themes/pc/images/hei.png) repeat; display:none; position: fixed; z-index:5; left:0%; top:0;}
.avideo1 .main{width:1000px; height:560px; border:8px solid #eee; margin:8% auto 0 auto; background:#fff; border-radius:5px; position: relative;}
.avideo1 .close{width: 25px; height: 25px; padding: 10px; display:block; position:absolute; cursor:pointer; left:50%; margin-left: 510px; top:15.5%;}

/* ---------------mainBody_07-------------------------------  */
.mainBody_07{width:100%;height:auto; padding:0.9rem 0 0.4rem 0; overflow: hidden;}
.mainBody_07 .list{width:90%;padding:0.5rem 5%;overflow: hidden;} 
.mainBody_07 ul{width:23.5%;float: left; height:auto;margin:0 2% 0.3rem 0;border-radius:0.12rem; overflow: hidden; position: relative;will-change: transform;}
.mainBody_07 ul:hover{box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.2);} 
.mainBody_07 ul:nth-child(4n){ margin-right:0;}
.mainBody_07 ul img{width:100%;display: block;transition: all 0.5s;}
.mainBody_07 ul:hover img{transform: scale(1.1);}
.mainBody_07 .a1{width:100%; height:100%;}
.mainBody_07 .a2{width:84%; height:100%; padding:0 8%; position: absolute; top:80%; left:0;transition: all 0.6s ease 0s; color: #fff;background:rgba(4,133,224,0.5);}
.mainBody_07 .a2 h3{height:auto; line-height:0.24rem; font-size:0.22rem; padding:0.1rem 0;}
.mainBody_07 .a2 p{line-height: 0.27rem; font-size:0.16rem; height:auto; overflow: hidden;}
.mainBody_07 .a2 a{width:45%; height:0.4rem; line-height:0.4rem; text-align: center;border-radius: 50px 50px 50px 0; font-size: 0.16rem; color: #fff; margin-top:0.2rem; display: block;background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}
.mainBody_07 .a2 a:hover{width:50%;cursor: pointer;}
.mainBody_07 ul:hover .a2{top: 0;}
.mainBody_07 ul:hover .a2 h3{padding-top: 0.2rem;}

/* ---------------mainBody_08-------------------------------  */
.mainBody_08{width:90%;height:auto; margin: 0 auto; padding:0.5rem 0;}
.mainBody_08 .tabs{width: 100%; height:0.52rem; padding:0.4rem 0; overflow: hidden;}  
.mainBody_08 .tabs .tab{display: inline-block; height:0.5rem; line-height: 0.5rem;text-align: center; font-size:0.18rem; margin-right:1%; border: 0.01rem solid #999; border-radius:0.1rem; padding:0 0.15rem;cursor: pointer;}
.mainBody_08 .tabs .tab:hover{border: 1px solid #fff; color:#fff; background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}

.mainBody_08 .tab2{width:100%;}  
.mainBody_08 ul{width:100%;}    
.mainBody_08 .tab2 a{width:23.5%; height:auto; float:left; padding:0 0; margin:0 2% 0.25rem 0; display: block; border-radius: 0.12rem; background: #f1f1f1;}
.mainBody_08 .tab2 a:hover{background: #fff;opacity: 1;box-shadow: 0px 4px 15px 4px rgba(0, 0, 0, 0.1);} 
.mainBody_08 .tab2 a:nth-child(4n){margin-right:0;}
.mainBody_08 .tab2 .m1{width:100%;height:2.5rem; overflow: hidden;border-radius: 0.12rem 0.12rem 0 0;}
.mainBody_08 .tab2 .m1 img{width:100%;transition: all 0.5s;}
.mainBody_08 .tab2 a:hover img{transform: scale(1.1);}
.mainBody_08 .tab2 a:hover .a1{color: #0485e0;}
.mainBody_08 .tab2 .m2{padding:0 5%;overflow: hidden;}
.mainBody_08 .tab2 .a1{width:100%; height:0.3rem; line-height: 0.3rem; font-size: 0.24rem; overflow: hidden; color: #000; font-weight: 500; margin: 0.15rem 0;}
.mainBody_08 .tab2 .a2{width:100%; height:0.81rem; line-height: 0.27rem; font-size: 0.16rem; overflow: hidden; color: #666; margin-bottom:5%;}
.mainBody_08 .tab2 .a3{width:100%; height:0.3rem; line-height: 0.3rem; font-size: 0.14rem; overflow: hidden; color: #666; padding-bottom:0.3rem;}

/* ---------------footer-------------------------------  */
.footer{width:100%; height:auto;overflow: hidden;font-size:0.14rem; background: linear-gradient(315deg,#111 0,#222 100%);}
.footer a{color:rgba(204,204,204,0.7);}
.footer a:hover{color:#d71901;}
.foot{width:90%;padding:0 5%;}
.foot1{width:100%; overflow: hidden;}
.foot1 .left h2{height:0.36rem;color:#fff; font-size: 0.2rem;}
.foot1 .left h4{font-size: 0.4rem; line-height:0.36rem;color: #0596d5; background: linear-gradient(to right,#0485e0,#1132c2);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.foot1 .left .p{width:100%; line-height:0.27rem; color:#fff; font-size:0.16rem;font-weight:normal; padding:0.2rem 0;}
.foot1 .list1{width:100%; line-height:0.3rem; text-align: center; font-size:0.14rem; color:#fff;}
.foot1 .list1 li{width:1.1rem; float:left; padding-right:0.1rem;}
.foot1 .list1 img{width:100%;} 

.foot1 .list h3{width:100%; line-height:0.3rem; padding-bottom:0.1rem; font-weight:normal;}
.foot1 .list h3 a{color:#fff;}
.foot1 .list li{width:100%; line-height:0.35rem; font-size:0.16rem;}
.foot1 .list li a{display:inline-block; position:relative; z-index:0;transition:all 0.3s; padding-right:0.05rem;}
.foot1 .list li a:after{ content: ""; position: absolute; width:0.03rem; height:0.03rem; top: 50%; margin-top:-0.015rem; border-radius:50%; left: 0%; background: #0485e0; z-index: -1; transition: all 0.3s;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.foot1 .list li a:hover{padding-left:0.12rem;color: #0485e0;}
.foot1 .list li a:hover:after{opacity:1.0;filter:Alpha(opacity=100);}

.foot2{width:100%; overflow: hidden; padding:0.25rem 0 0.15rem 0; color:#fff; border-top:0.01rem solid rgba(204,204,204,0.5); border-bottom:0.01rem solid rgba(204,204,204,0.5);}
.foot2 a{padding:0 0.1rem 0.1rem 0;display: inline-block;}
.foot3{width:100%; overflow: hidden; padding:0.2rem 0; color:rgba(255,255,255,0.4);line-height:0.3rem;}
.foot3 a{color:rgba(204,204,204,0.3);}

.foot1{padding:0.8rem 0;}
.foot1 .left h2 img{height:0.6rem;}
.foot1 .left{width:34%; overflow: hidden; float:left; padding-right:22%;}
.foot1 .list{width:11%; overflow: hidden; float:left;}
.foot1 .list h3{font-size:0.22rem;}
.foot3 .p1{width:70%; float:left;}
.foot3 .p2{width:30%; float:right; text-align:right;}

/* ------------------在线客服-------------------------------  */
.side{position:fixed;width:0.65rem;right:0.10rem;top:50%;margin-top:-2.4rem;z-index:100;background:rgba(0,0,0,0.3);box-shadow: 0 0 20px rgba(0,0,0,0.2); border-radius:5px;}
.side ul li{width:0.65rem;height:0.65rem;float:left;position:relative;color:#fff;font-size:0.12rem;line-height:0.25rem;text-align:center;cursor:pointer;}
.side a{color:#fff;}
.side ul li i{height:0.25rem;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 90%;margin-top:0.09rem;}
.side ul li i.bgs1{background-image:url(/themes/pc/images/bgs1.png)}
.side ul li i.bgs2{background-image:url(/themes/pc/images/bgs2.png)}
.side ul li i.bgs3{background-image:url(/themes/pc/images/bgs3.png)}
.side ul li i.bgs4{background-image:url(/themes/pc/images/bgs4.png)}
.side ul li i.bgs5{background-image:url(/themes/pc/images/bgs5.png)}
.side ul li .sidebox{position:absolute;width:0.65rem;height:0.65rem;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sideewm .ewBox.son{width:1.6rem;;display:none;color:#363636;text-align:center;padding-top:1.6rem;;position:absolute;left:-1.6rem;;top:0;background:url(/themes/pc/images/ewm.jpg) no-repeat 0 0; background-size: 100% auto;}
.side ul li.sideetel .telBox.son{width:2.1rem;height:0.8rem;display:none;color:#fff;text-align:left;position:absolute;left:-2.1rem;top:0;background:#0485e0;}
.side ul li.sideetel .telBox dd{display:block;height:0.8rem;overflow:hidden;padding-left:0.65rem;line-height:0.22rem;font-size:0.16rem;}
.side ul li.sideetel .telBox dd span{display:block;height:0.22rem;overflow:hidden;margin-top:0.17rem;font-size:0.16rem;}
.side ul li.sideetel .telBox dd.bgs1{background:#0485e0 url(/themes/pc/images/bgs6.png) 0.20rem center no-repeat; background-size: auto 40%;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

/* ---------------内页-------------------------------  */
.new .con1{padding:0.30rem 0 0.20rem 0;}
.new .con3{padding:0.30rem 0;}

.con6{height:0.6rem;line-height:0.6rem;overflow:hidden;font-size:0.16rem; padding:0.25rem 0;}
.con6 .pre{width:48%;height:60px; float: left; background: #f8f8f8;}
.con6 .next{width:48%;height:0.6rem; float: right; background: #f8f8f8;text-indent:0.2rem;}
.con6 .span{width:1.0rem;height:0.6rem; display: inline-block; background: #e8e8e8;}
.con6 .span:hover{display: inline-block; background: #00369a; color: #fff;}
.con6 .pre .span{text-align: center; margin-right: 0.15rem;}
.con6 .next .span{float: right;}
.con6 em{font-family: "宋体";overflow: hidden; padding:0 0.05rem;}

/* ---------------qywh-------------------------------  */
.qywh{width: 100%; padding:0.9rem 0;}
.qywh .list{width:90%;padding:0.8rem 5%;overflow:hidden;}
.qywh .list ul{width: 12.8%;height:auto; float: left; padding:0 3%;overflow: hidden; text-align: center; border-radius: 0.12rem; margin-right:1.5%;color:#333; background: #f5f5f5;}
.qywh .list ul:hover{background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%); color: #fff;}
.qywh .list ul:nth-child(5n){margin-right:0;}
.qywh .list .m2{width:100%;height:auto;text-align: center;}
.qywh .list .a0{width:100%;height:1.2rem; margin:0.5rem 0 0.2rem 0;}
.qywh .list .a0 img{height:1.2rem; display:inline-block; -moz-transition:width 1s,height 1s,-webkit-transform 1s;-webkit-transition:width 1s,height 1s,-webkit-transform 1s;transition:width 1s,height 1s,transform 1s;}
.qywh .list ul:hover img{-webkit-transform:rotate(360deg);transform:rotate(deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.qywh .list .a1{font-size:0.24rem;}
.qywh .list .a3{font-size:0.22rem;}
.qywh .list .a4{height:0.54rem;line-height:0.27rem; font-size:0.18rem; margin-bottom:0.7rem;}

.didian{width: 1440px; margin: 0 auto; padding:40px 0 0 0;}
.didian .list{width: 100%; overflow:hidden; padding-bottom:10px;line-height: 32px;}
.didian b{display: block;float: left;padding: 0 20px;margin-right: 10px;font-size: 1em;background: rgba(0,0,0,0.1);color: #222238; font-weight:normal; border-radius: 100px;}
.didian a{display: block;float: left;padding: 0 15px;margin: 0 8px 10px 0;font-size: 1em; color: #222238;border-radius: 100px;}
.didian a:hover{background-image: linear-gradient(315deg,#c00 0,#00369a 100%);background-size: 104% 104%;color: #fff;cursor:pointer;}
.didian .on{background-image: linear-gradient(315deg,#c00 0,#00369a 100%);background-size: 104% 104%;color: #fff;cursor:pointer;}

.contents .xiangmu{overflow: hidden; padding-bottom:98px;}
.contents .left{width:72%; padding:25px 2%;float:left; margin-bottom:50px;}
.contents .right{width:22%;float:right; margin-bottom:50px;}
.contents .left1{width:45%; max-height:500px;overflow: hidden; border-radius:10px;float:right; line-height:32px; font-size:1.2em;}
.contents .left1 h2{width:100%; line-height:36px; font-size:1.4em;color:#111;padding:10px 0; font-weight:normal;border-bottom:1px solid #ddd; margin-bottom:10px;}
.contents .right1{width:50%; height:auto;overflow: hidden; float:left;}

/* ------------联系我们--------------------- */
.contact{width:100%;height:6.0rem; padding:0.9rem 0 0 0; overflow: hidden;background:url(/themes/pc/images/map2.png) no-repeat right 0; background-size:65% auto;}
.contact h2{font-size:0.32rem;color: #333333; font-weight: normal;}
.contact h3{font-size:0.32rem;color: #0485e0; font-weight: normal; padding:0.2rem 0;}
.contact .list{overflow: hidden;padding:0.2rem 0;}
.contact .list a{width:10%; height:0.47rem; line-height:0.47rem; float: left; text-align: center;border-radius: 50px 50px 50px 0; font-size:0.16rem; color: #fff; margin-right:20px; display: block;
  background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}
.contact .list a:hover{width:11%;cursor: pointer;}
.contact .list1{overflow: hidden;}
.contact .list1 a{width:18%; height:0.47rem; line-height:0.47rem; float: left; text-align: center;border-radius: 50px 50px 50px 0; font-size:0.16rem; color: #fff; margin-right:20px; display: block;
  background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}
.contact .list1 a:hover{width:20%;cursor: pointer;}
.contact .list2{width:100%; padding-top:0.3rem;color: #333333; font-size:0.18rem; line-height: 0.3rem;}

.dqwz{width:100%;}
.dqwz .main{width: 90%; margin:0 auto; height:0.72rem; line-height:0.72rem;border-bottom: 0.01rem solid #e4e4e4;}
.dqwz .main ul{ height:0.72rem;}
.dqwz .main ul li{width:auto; float:left; padding:0 40px 0 0;}
.dqwz .main ul li a{width:auto; height:0.72rem; font-size:0.2rem; display:block; color:#666;position:relative;}
.dqwz .main ul li a:hover{display:block; color:#000;}
.dqwz .main .u-crt{display:block; color:#000;}

.dqwz a:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-0.13rem;width:0.26rem;height:0.03rem;content:"";background:#0485e0;transform:scaleX(0);transition:all .5s;}
.dqwz a:hover:after{transform:scaleX(1.5);}
.dqwz .u-crt:after{transform:scaleX(1.5);}

/* ------------案例详情--------------------- */
.picture{overflow:hidden; padding:0.3rem 0;}
.picture .left1 {width:calc(45% - 0.01rem); height:auto;float:left;border:0.01rem solid #e4e4e4; overflow: hidden;}
.picture .left1 img{width:100%;transition: all 0.5s;}
.picture .left1:hover img{transform: scale(1.1);}
.picture .right1 {width:50%;height:auto;float:right;}
.picture .right1 .con01{width:100%; height:0.4rem; line-height:0.4rem; padding-bottom:0.5rem; font-size:0.18rem; color:#666;overflow:hidden;}
.picture .right1 .con1{width:100%;line-height:0.42rem; padding-bottom:0.3rem; font-size:0.4rem; color:#0485e0;;overflow:hidden; font-weight: bolder;}
.picture .right1 .con2{width:100%;height:auto;padding:0.3rem 0 0.5rem 0;line-height:0.36rem;overflow:hidden; font-size:0.2rem; color: #888; border-top:0.01rem solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.picture .right1 .con2 span{ width: 100%; color: #333; padding-bottom:0.2rem; display: block;}
.picture .right1 .con3{width:100%; height:0.5rem; padding-top:0.6rem;}
.picture .right1 .con3 a{width:1.6rem; height:0.45rem; line-height: 0.45rem; text-align: center; display: block; font-size: 0.16rem; color: #fff; background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);
border-radius: 50px 50px 50px 0; cursor: pointer;}
.picture .right1 .con3 a:hover{width:1.9rem;}

/* ---------------发布-------------------------------  */
.fabus{width: 100%; min-width: 1200px; height: 100%;background:url(/themes/pc/images/hei.png) repeat; display:none; position: fixed; z-index:5; left:0%; top:0;}
.fabus .mains{width:500px; height:auto; border:8px solid #eee; margin:200px auto 0 auto; background:#fff; border-radius:5px 0 5px 5px; position: relative;}
.fabus .close{width: 25px; height: 25px; border:10px solid #eee;display:block; position:absolute; cursor:pointer; left:50%; margin-left: 256px; top:200px;}
.fabus .tit{ overflow: hidden; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; padding-left: 20px;}
.fabus .tit h2{ font-size: 18px; font-weight: normal; float: left; padding-right: 5px;}
.fabus .tit p{ font-size: 14px; float: left; color: #999;}
.fabus .list{ padding: 20px; overflow: hidden;}
.fabus .list .a1{width:100%; height:40px; line-height: 40px; font-size:18px; padding-bottom:10px;}
.fabus .list .a1 input{width:20px; height:20px;margin:3px 10px 0 0;}
.fabus .list .a2 input{width:458px; margin-bottom: 5px; height: 50px; line-height: 50px; border: 1px solid #ccc; font-size: 14px; color: #999; text-indent: 20px;box-shadow: 1px 1px 10px 1px #e0e0e0 inset;}
.fabus .list .a4{width:100%; padding-top:10px;}
.fabus .list .a4 .submit{width:100%; height: 50px; line-height: 50px; background: #0485e0; border: 0; font-size: 18px; color: #fff;transition: all 0.6s ease 0s;}
.fabus .list .a4 .submit:hover{width:100%; height: 50px; line-height: 50px; border: 0; font-size: 18px; color: #fff;cursor:pointer;background-image: linear-gradient(315deg,#0485e0 0,#1132c2 100%);}
.fabus .list .a5{width:100%; height:40px; line-height: 40px; font-size:12px; text-align:center; padding-top:5px;}
.fabus .list .a5 span{color:#0485e0;}

.fabus .main2{width:89%; height:auto; border:8px solid #eee; margin:100px auto 0 auto; background:#fff; border-radius:5px 0 5px 5px; position: relative;}
.fabus .close2{width: 25px; height: 25px; border:10px solid #eee;display:block; position:absolute; cursor:pointer; left:94.8%; top:100px;}
.fabus h4{width:98%; color: #444; font-size:1.5rem; padding:10px 1%;color:#0485e0;}
.fabus .lists{padding: 0 20px; overflow: hidden;}
.fabus .lists li{width:47.5%; float: left; border-bottom: 1px solid #ccc;overflow:hidden;line-height:50px;font-size:1.2rem; margin-right:5%;}
.fabus .lists li:nth-child(2n){ margin-right:0;}
.fabus .lists li label{width:auto; padding-right: 10px;}
.fabus .lists li a{width:auto; padding: 0 20px; position: relative;transition:all 0.3s; display: inline-block;z-index:0;}
.fabus .lists li a:after{content: ""; position: absolute; width:10px; height:10px; top: 50%; margin-top:-5px; border-radius:50%; left: 5px; background: #0485e0; z-index: -1; transition: all 0.3s;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.fabus .lists li a:hover{padding-left:30px;color:#0485e0;}
.fabus .lists li a:hover:after{opacity:1.0;filter:Alpha(opacity=100);}

/* ---------------内页-------------------------------  */
.banner {width:100%;height:auto; text-align: center;}
.banner .main{width:90%; padding: 0 5%;}
.banner h2{padding:15% 0 0 0; font-size:0.50rem; color: #fff; line-height:0.60rem;letter-spacing: 0.04rem;text-transform:uppercase;}
.banner p{padding:0.05rem 0 14% 0; font-size:0.16rem; color: #eee; line-height:0.20rem;text-transform: uppercase;letter-spacing: 0.02rem;}
.content{padding:0.2rem 0;line-height: 0.27rem; font-size: 0.14rem; color: #666;}
.page0{overflow:hidden;color: #333; padding:0.60rem; line-height: 0.32rem; background: #fff; font-size: 0.16rem;box-shadow: 0px 4px 16px 0px rgba(22,23,47,.1); border-radius:0.12rem; margin:0.30rem 0;}

/* ------------新闻页面--------------------- */
.news{width:100%; padding:0.5rem 0;}  
.new .con1{width:100%; height:auto; line-height:0.4rem; font-size:0.3rem; color:#111; text-align:center;overflow:hidden; font-weight: bolder;}
.new .con2{width:100%; height:0.24rem; line-height:0.24rem; color: #666; text-align:center; padding:0 0 0.2rem 0;font-size:0.16rem;}
.new .con3{height:auto;line-height:0.36rem;overflow:hidden;border-top:0.01rem solid #e4e4e4; font-size: 0.18rem;}
.searchs{text-align: center; font-size: 16px;}
.searchs td{padding:12px; border: 1px solid #999;}
.searchs .title{background:#0485e0; color: #fff;}
.searchs .title td{padding:30px; font-size:27px;}

/* ------------详情--------------------- */
.contents .picture{width:100%;}
.contents .left{overflow: hidden;background: #fff;border-radius: 10px;box-shadow: 0px 4px 16px 0px rgba(22,23,47,.08);}
.contents .con1{width:100%; line-height:36px; font-size:1.6em;color:#111;padding:10px 0;}
.contents .con3{width:100%; line-height:32px;overflow: hidden; padding:15px 0; color:#666; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.contents .con4{width:100%;overflow: hidden; padding-top:20px;}
.contents .con4 a{width:150px; height:45px;line-height:45px;font-size:16px; text-align:center; color:#fff; display:block;border-radius:1.0rem; background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
.contents .con4 a:hover{width:170px;}
.contents .right .title{width: 100%;height:40px; overflow:hidden;line-height:40px;padding:0 0 20px 0;}
.contents .right .title h2{height:32px;float:left;color:#111;font-size:1.5em; padding-right:3%;}
.contents .right .list{width: 100%;height:auto;margin: 0 auto; padding-top:30px;}
.contents .right .main{width:100%; height:auto; margin:0 0 30px 0; display: block; border-radius: 12px; box-shadow: 0px 4px 16px 0px rgba(22,23,47,.08);}
.contents .right .main:hover{box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.1);} 
.contents .right .main h3{width:100%; height:50px; line-height:50px; color:#fff; font-size:1.2em; background-image: linear-gradient(315deg,#c00 0,#0485e0 100%);text-indent:7%;border-radius: 12px 12px 0 0;}
.contents .right .main ul{width:86%; height:auto; line-height:40px; padding:10px 7% 20px 7%;}
.contents .right .main li a{width:30%; height:30px; line-height:30px; border:1px solid #0485e0;color:#0485e0; text-align:center; display:block; float:right;border-radius:5px; margin-top:5px;}
.contents .right .main li a:hover{border:1px solid #c00;color:#c00;}

/* ------------分页--------------------- */
.page{width:100%; text-align:center; overflow: hidden; padding:0.15rem 0; background: #fff;font-size: 0.16rem;}
.page .pages{padding:0.1rem 0.12rem;}
.page a{ display:inline-block; margin:0 0.02rem; padding:0.1rem 0.12rem; border:0.01rem solid #ccc; border-radius: 0.05rem;}
.page .current{background:#0485e0; color:#fff;display:inline-block; margin:0 0.02rem; padding:0.1rem 0.12rem; border:0.01rem solid #ccc;border-radius: 0.05rem;}
.page a:hover{background:#0485e0; color:#fff;}

.bsy{overflow: hidden;}
.bsy img{width:100%;}

.srarch{text-align: center;}
.srarch h2{width:100%;overflow: hidden;border-bottom:0.01rem solid #ccc; padding-bottom:0.3rem; margin-bottom:0.3rem;color: #000;line-height:0.45rem;font-size:0.36rem;}
.srarch span{color: #0485e0;}
.srarch .list{width:50%; margin:0.3rem auto;font-size:0.16rem;line-height:0.35rem;}
.srarch .list img{width:100%;}

.srarchs{padding:60px;font-size:1.5em;line-height:45px; background: #fff;}
.srarchs h2{width: 100%; line-height:45px;text-align: center;font-size:1.6em; padding-bottom:40px;}
.srarchs span{color: #0485e0;}
.srarchs table{width:100%;}
.srarchs td{border: 1px solid #ccc; padding: 20px;}