@charset "utf-8";

body{ margin:0px; padding:0px; font-size:14px;font-family:-apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color:#898989;line-height:1; background:#f5f5f5; }

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display: block;}

a{ color:#5c5c5c; text-decoration:none; cursor: pointer;}

body{ width: 100%; overflow-x: hidden;}


.top{z-index: 10; width: 100%; height: 110px; position: fixed; top: 0; left: 0; background: rgba(255,255,255,0.4);}
.top .topBox{ width:1200px; margin: 0 auto;}
.top .topBox .logo{ float: left; height: 110px; position: relative;}
.top .topBox .logo img{ display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.serach{margin-left:55px; float: right; height: 110px; line-height: 110px; width: 60px; cursor: pointer; background: url(../images/icon9.png) center center no-repeat;}
.nav{ float: right;}
.nav ul{ float: right; overflow: hidden;}
.nav ul li{ float: left; margin-left:85px; line-height: 120px;}
.nav ul li a{border-bottom: 4px solid rgba(255,255,255,0); display: inline-block; vertical-align: middle; height: 30px; font-size: 16px; color: #fff; line-height: 30px;}
.nav ul li.on a{ border-bottom: 4px solid #fff;}
.nav ul li:hover a{ border-bottom: 4px solid #fff;}


.banner{ width: 100%; height: 765px; position: relative; background: url(../images/banner1.png); background-size:cover;}
.SideBar{ display: none;}
.AppTop{ display: none;}

.banner .bannerBox{ width: 1200px; margin: 0 auto; height: 100%; position: relative;}
.banner .bannerBox .text{float: left; width: 50%; height: 100%; position: relative;}
.banner .bannerBox .icon{float: right; width: 50%; height: 100%; position: relative;}
.banner .bannerBox .icon img{ display: block; position: absolute; left: 50%; top: 55%; transform: translate(-50%,-50%);}
.banner .bannerBox .text .textBox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.banner .bannerBox .swiper-container{ width: 100%; height: 100%;}
.banner .bannerBox .text .textBox h2{ font-size: 78px; color: #fff; font-weight: normal;}
.banner .bannerBox .text .textBox p{ font-size: 36px; color: #fff; margin-top: 30px; line-height: 36px;}

.banner .bannerBox .swiper-pagination{ position: absolute; width: 100%; bottom: 200px; height: 18px; text-align: left;}
.banner .bannerBox .swiper-pagination span{opacity:1;width: 18px; height: 18px; margin: 0 10px 0 0; background: #fff;}
.banner .bannerBox .swiper-pagination span.swiper-pagination-bullet-active{ background: #ff0000;}


.indexContainer{ width: 100%; margin-top: 130px;}

.indexContainer .layer1{overflow: hidden; padding-top: 20px; width: 1200px; margin: 0 auto;}
.indexContainer .layer1 .left{ width: 190px; float:left;}
.title{ width: 100%; height: 38px; line-height: 38px; border-bottom: 1px solid #e3e3e3;}
.title span{ display: inline-block; padding: 0 5px; height: 36px; line-height: 36px; border-bottom: 4px solid #ff0000; font-size: 14px; color: #FF0000;}

.indexContainer .layer1 .leftTop{ padding-top: 15px;}
.indexContainer .layer1 .leftTop p{ margin-bottom: 10px; font-size: 13px; line-height: 20px; color: #464646; height: 20px; overflow: hidden;}
.indexContainer .layer1 .leftTop a.enter{ display: block; width: 100%; height: 50px; margin-bottom: 10px; text-align: center; line-height: 50px; background: #000; line-height: 50px; color: #fff; padding-left: 5px; padding-right: 5px;}

.indexContainer .layer1 .leftTop a.enter.white{ background: none; border: 1px solid #e63432; text-align: center; line-height: 48px; color: #e63432; box-sizing: border-box;}
.indexContainer .layer1 .leftTop a.enter.red{ background: #e63432; }
.indexContainer .layer1 .leftTop ul{ width: 100%; padding-top: 10px; border-top: 1px solid #e3e3e3;}
.indexContainer .layer1 .leftTop ul h2{ font-size: 13px; line-height: 19px; color: #464646; margin-bottom: 10px; height: 38px; overflow: hidden;}
.indexContainer .layer1 .leftTop ul li{ font-size: 12px; color: #808080; line-height:19px; height: 19px; overflow: hidden;}
.indexContainer .layer1 .leftTop ul li a{ color: #808080;}

.indexContainer .layer1 .center{ float: left; width: 530px; margin-left: 20px;}
.indexContainer .layer1 .center .icon{ width: 100%; position: relative; height: 415px; margin-top: 30px;}
.indexContainer .layer1 .center .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer1 .center .icon p{ width: 100%; height: 48px; position: absolute; left: 0; bottom: 0; background: rgba(255,0,0,0.6); padding: 0 12px; box-sizing: border-box; line-height: 48px; font-size: 14px; color: #fff; overflow: hidden;}
.indexContainer .layer1 .right{ width: 430px; float: right;}
.indexContainer .layer1 .right .hd{ width: 100%; height: 38px; border-bottom:1px solid #e3e3e3;}
.indexContainer .layer1 .right .hd ul{ width: 100%; overflow: hidden;}
.indexContainer .layer1 .right .hd ul li{height: 38px; line-height: 38px; cursor: pointer; width: 68px; text-align: center; float: left; margin-right: 45px; font-size: 14px; color: #000;}
.indexContainer .layer1 .right .hd ul li:last-child{ margin-right: 0;}
.indexContainer .layer1 .right .hd ul li.on{ border-bottom: 3px solid #FF0000;}
.indexContainer .layer1 .right .bd{ width: 100%; padding-top: 10px;}
.indexContainer .layer1 .right .bd .main{ width: 100%; border-bottom: 1px solid #e3e3e3;}
.indexContainer .layer1 .right .bd .main .box { min-height: 75px; height: auto; overflow: hidden; }
.indexContainer .layer1 .right .bd .main .image { float: left; width:15%; margin-right: 10px; margin-top: 10px;}
.indexContainer .layer1 .right .bd .main .image img { width: 100%}
.indexContainer .layer1 .right .bd .main .content { float: right; width: 80%; line-height: 25px; padding-right: 10px;}
.indexContainer .layer1 .right .main h2{ margin: 18px 0 10px 0; font-size: 13px; font-weight: weight; color: #000; height: 13px; overflow: hidden;}
.indexContainer .layer1 .right .main p{ width: 100%; line-height: 18px; font-size: 12px; color: #808080;}
.indexContainer .layer1 .right .main h2 a{ color: #000;}
.indexContainer .layer1 .right .main p a{ color: #808080;}
.indexContainer .layer1 .right .main dl{ width: 100%; padding: 12px 0; overflow: hidden;}
.indexContainer .layer1 .right .main dl dd{ float: left; width: 60px; height: 60px; margin-right: 3px;}
.indexContainer .layer1 .right .main dl dd a{ display: block; width: 100%; height: 100%; background: #000000;}
.indexContainer .layer1 .right .bd ul{ padding-top: 10px;}
.indexContainer .layer1 .right .bd ul li{ line-height: 36px; height: 36px; overflow: hidden; font-size: 14px; color: #000;}
.indexContainer .layer1 .right .bd ul li a{ color: #000;}
.indexContainer .bannerT{ width: 1200px; text-align: center; line-height: 130px; font-size: 18px; color: #fff; background: #000; height: 130px; margin: 20px auto;}

.indexContainer .layer2{ width: 1200px; margin: 0 auto;}

.indexContainer .titleMain{ width: 100%; height: 35px; background:#fff; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.indexContainer .titleMain span{ display: block; float: left; width: 120px; height: 35px; line-height: 35px; text-align: center; transform: skew(-20deg); background: #de2020; margin-left: 10px;}
.indexContainer .titleMain span b{ display: block; width: 100%; height: 100%; transform: skew(20deg); font-size: 14px; color: #fff; text-align: center; line-height: 35px; font-weight: normal;}

.indexContainer .titleMain ul{ float: right; overflow: hidden; padding-right: 20px;}
.indexContainer .titleMain ul li{font-size: 14px; color: #000; float: left; margin-left: 35px; line-height: 35px;}
.indexContainer .titleMain ul li.on{ border-bottom: 3px solid #FF0000;}

.indexContainer .layer2Box{ width: 100%; padding-top: 15px; overflow: hidden; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.indexContainer .layer2Box .layer2Left{ float: left; overflow: hidden; height: 610px; width: 660px;}
.indexContainer .layer2Box .layer2Left .icon{ float: left; width: 393px; height: 100%;}
.indexContainer .layer2Box .layer2Left .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer2Box .layer2Left .text{ width: 260px; float: right;}
.indexContainer .layer2Box .layer2Left .text .nr{position: relative; height: 400px; width: 100%; background: url(../images/icon10.png) 135px 330px no-repeat #fff; padding: 0 28px; box-sizing: border-box;}
.indexContainer .layer2Box .layer2Left .text .nr h2{ padding-top: 45px; font-size: 26px; line-height: 40px; font-weight: normal; color: #ff0000;}
.indexContainer .layer2Box .layer2Left .text .nr p{ margin-top: 15px; font-size: 14px; line-height: 22px; color: #000;}
.indexContainer .layer2Box .layer2Left .text .nr a{ display: block; width: 140px; height: 60px; text-align: center; line-height: 60px; border-radius:30px; color: #fff; font-size: 18px; background: #de2020; margin-top: 35px;}

.indexContainer .layer2Box .layer2Left .text .nr .arrow{ background: url(../images/aroow_02.png); width: 40px; height: 47px; position: absolute; left: 0; top: 60px; transform: translateX(-100%);}
.indexContainer .layer2Box .layer2Left .text .tp{ width: 100%; margin-top: 10px;}
.indexContainer .layer2Box .layer2Right{ width: 530px; float: right;}
.indexContainer .layer2Box .layer2Right .icon{ width: 100%; height: auto; margin-bottom: 8px;}
.indexContainer .layer2Box .layer2Right ul{ width: 100%; overflow: hidden;}
.indexContainer .layer2Box .layer2Right ul li{ width: 49.5%; margin-right: 1%; margin-bottom: 8px; float: left; cursor: pointer;}
.indexContainer .layer2Box .layer2Right ul li:nth-child(2n){ margin-right: 0;}
.indexContainer .layer2Box .layer2Right ul li img{ display: block; width: 100%; height: auto;}

.indexContainer .layer3{ width:680px; height: 50px; border-radius:25px; margin: 40px auto; overflow: hidden; background: #fff;}
.indexContainer .layer3 button{background: none; float: left; background: url(../images/tp_07.png) center center no-repeat; width: 60px; height: 50px; border: none;}
.indexContainer .layer3 input{ display: block; width: calc(100% - 60px); height: 100%; color: #FF0000; float: left; border: none; background: none; outline: none;}

.indexContainer .layer4{ width: 1200px; margin:0 auto;}
.indexContainer .layer4 table{ width: 100%;}
.indexContainer .layer4 th{border-bottom: 2px solid #dedede; height: 55px; text-align: center; font-size: 20px; font-weight: normal;}
.indexContainer .layer4 th span{ color: #FF0000;}
.indexContainer .layer4 td{ text-align: center; height: 50px;}
.indexContainer .layer4 td span{ font-size: 32px; color: #FF0000;}

.indexContainer .layer5{ width: 1200px; margin: 0 auto; padding-top: 45px;}
.indexContainer .layer5 ul { width: 100%; overflow: hidden;}
.indexContainer .layer5 ul li{ float: left; margin-right: 15px;}
.indexContainer .layer5 .layer5Box{ width: 100%; background: #fff; border-radius:20px;  box-sizing: border-box; margin-bottom: 23px;}
.indexContainer .layer5 .layer5Box:first-child{padding: 30px 30px 0 60px; height: 313px;}
.indexContainer .layer5 .layer5Box:last-child{ height: 118px; padding: 0 25px;}
.indexContainer .layer5 .layer5Box:first-child h2{ width: 100%; line-height: 34px; color: #000; margin-bottom: 10px; position: relative; font-size: 24px;}
.indexContainer .layer5 .layer5Box:first-child h2 img{ position: absolute; left: -45px; top: 0;}
.indexContainer .layer5 .layer5Box:first-child p{ width: 100%; font-size: 12px; color: #000; line-height: 18px; margin-bottom: 20px;}
.indexContainer .layer5 .layer5Box:first-child a{ display:inline-block; padding: 0 20px; width: auto; height: 48px; text-align: center; line-height: 48px; border-radius:30px; font-size: 15px; color: #fff; background: #FF0000;}

.indexContainer .layer5 .layer5Box:last-child .text{ width: calc(100% - 94px); float: left; padding: 20px 0 0 0;}
.indexContainer .layer5 .layer5Box:last-child .text h2{ color: #000; font-size: 24px; line-height: 24px; margin-bottom: 10px;}
.indexContainer .layer5 .layer5Box:last-child .text p{ font-size: 12px; color: #000;}
.indexContainer .layer5 .layer5Box:last-child .icon{ width: 94px; height: 100%; float: right; position: relative;}
.indexContainer .layer5 .layer5Box:last-child .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer5 ul li:nth-child(1){ width: 250px;}
.indexContainer .layer5 ul li:nth-child(2){ width: 290px;}
.indexContainer .layer5 ul li:nth-child(3){ width: 250px;}
.indexContainer .layer5 ul li:nth-child(4){ width: 365px; margin: 0; float: right;}
.indexContainer .layer5 ul li:nth-child(4) .layer5Box{ width: 100%; height: 455px;padding: 30px 30px 0 60px;}
.indexContainer .layer5 .message{ width: 100%;}
.indexContainer .layer5 .message p{ line-height: 42px; color: #FF0000; text-align: center;}
.indexContainer .layer5 .message a{ width: 100%; padding: 15px 0 15px 17px; box-sizing: border-box; background: #FF0000; font-size: 14px; color: #fff; line-height:24px; display: block; border-radius:30px ;}
.indexContainer .layer5 .message span{ text-align: center; display: inline-block; float: right; width: 70px; box-sizing: border-box; line-height: 24px; border-left:1px solid #fff ;}


.indexContainer .layer6{ overflow: hidden; width: 1200px; margin: 45px auto 0 auto;}
.indexContainer .layer6Left{ float: left; width: 560px;}
.indexContainer .layer6Right{ float: right; width: 605px;}

.indexContainer .titleMain a.more{ float: right; line-height: 38px; display: inline-block; padding-right: 10px;}
.indexContainer .layer6Left .video{height: 315px; width: 100%; margin-top: 15px;  position: relative;}
.indexContainer .layer6Left .video img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer6Left .video .play{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/icon4.png) center center no-repeat; width: 59px; height:59px;}

.indexContainer .layer6Right ul{ overflow: hidden; width: 100%; padding-top: 15px}
.indexContainer .layer6Right ul li{ width: 49%; margin-right: 2%; margin-bottom: 10px; float: left;}
.indexContainer .layer6Right ul li:nth-child(2n){ margin-right: 0;}
.indexContainer .layer6Right ul li img{ display: block; width: 100%; height: auto;}

.indexContainer .layer7{ width: 1200px; margin: 50px auto 30px auto;}
.indexContainer .layer7 ul.list{ overflow: hidden; padding: 20px; background-color: #fff;}
.indexContainer .layer7 ul.list li{ float: left; margin-right: 12px; height: 30px; margin-top: 10px;}
.indexContainer .layer7 ul.list li:last-child{ margin-right: 0;}
.indexContainer .layer7 ul.list li a{ display: block; width: 100%; height: 100%; text-align: center; box-sizing: border-box; color: #333;}

.indexContainer .layer8{ width: 1200px; margin: 0 auto; overflow: hidden;}
.indexContainer .layer8 .layer8Left{ float: left; padding-left: 35px;}
.indexContainer .layer8 .layer8Left ul{ float: left; padding-top: 35px; margin-right: 90px;}
.indexContainer .layer8 .layer8Left ul h2{ font-size: 14px; color: #FF0000; margin-bottom: 15px;}
.indexContainer .layer8 .layer8Left ul li { line-height: 20px;}
.indexContainer .layer8 .layer8Left ul li a{ font-size: 12px; color: #333;}
.indexContainer .layer8 .layer8Right{ float: right; margin-right: 35px;}
.indexContainer .layer8 .layer8Right h2{ text-align: center; font-size: 16px; color: #FF0000; line-height: 16px; margin-bottom: 25px;}
.indexContainer .layer8 .layer8Right ul{ width: 100%; overflow: hidden;}
.indexContainer .layer8 .layer8Right ul li{ width: 110px; float: right; margin-left: 15px;}
.indexContainer .layer8 .layer8Right ul li .icon{ width: 110px; height: 110px; background: #404040;}
.indexContainer .layer8 .layer8Right ul li .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer8 .layer8Right ul li  p{ text-align: center; color: #000; margin-top: 15px; text-align: center;}

.footer{ width: 100%; background: #FF0000;}
.footer .footerBox{ width: 1200px; margin: 0 auto; padding: 25px 0;}
.footer .footerBox p{ width: 100%; line-height: 36px; color: #fff;}
.footer .footerBox a { color: #fff;}


.top.scrolled {
      background-color: #ce1212 !important;
      height: 60px;
      transition: background-color 200ms linear;
    }
.scrolled .topBox .logo {height: 60px}
.scrolled .topBox .logo img {height: 40px}
.scrolled .topBox .serach {height: 60px; line-height: 60px}
.scrolled .nav li { height: 60px; line-height: 60px;}
.scrolled { box-shadow: 0px 1px 1px 0px #ccc}


/*page*/
.page-banner{ width: 100%; height: 448px; position: relative; background: url(../images/page-banner.jpg); background-size:cover;}
.page-banner .bannerBox{ width: 1200px; margin: 0 auto; height: 100%; position: relative;}
.page-banner .bannerBox .text{float: left; width: 50%; height: 100%; position: relative;}
.page-banner .bannerBox .icon{float: right; width: 50%; height: 100%; position: relative;}
.page-banner .bannerBox .icon img{ display: block; position: absolute; left: 70%; top: 63%; transform: translate(-50%,-50%);}
.page-banner .bannerBox .text .textBox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.page-banner .bannerBox .swiper-container{ width: 100%; height: 100%;}
.page-banner .bannerBox .text .textBox h2{ font-size: 56px; color: #fff; font-weight: normal;}
.page-banner .bannerBox .text .textBox p{ font-size: 26px; color: #fff; margin-top: 30px; line-height: 36px;}

.page-box { width: 100%; height: auto; overflow: hidden;text-align: center; margin-top: 130px; margin-bottom: 40px; }
.page-box .box { margin: 0 auto; width: 1200px; height: auto; overflow:hidden;}
.page-box .left { float: left; width: 250px; height: auto; overflow: hidden}
.page-box .left .listBox { margin-bottom: 20px;}
.page-box .left .listBox .title { background-color: red; height: 55px; line-height: 55px; color: #fff}
.page-box .left .listBox .con { background-color: #fff; height: auto; overflow: hidden; text-align: center}
.page-box .left .listBox .con .cate {text-align: center;}
.page-box .left .listBox .con .cate li { margin: 0 auto; width: 200px; height: 30px; line-height: 30px; border-bottom: 1px #E5E5E5 solid; margin-top: 10px; margin-bottom: 10px;}
.page-box .left .listBox .con .cate li span { display: block; width: 6px; height: 15px; background-color: red; border-radius: 10px; float: left; margin: 7px 40px 7px 20px;}
.page-box .left .listBox .con .cate li a {float: left;}
.page-box .left .listBox .con .cate li .active { color: red;}
.page-box .left .listBox .con .news { width: 220px; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 15px;}
.page-box .left .listBox .con .news li { width: 220px; height: 60px; margin-top: 15px;}
.page-box .left .listBox .con .news .image { width: 100px; height: 60px; float: left;}
.page-box .left .listBox .con .news .image img { width: 100%; height: 100%; border-radius: 10px;}
.page-box .left .listBox .con .news .title { float: left; width: 100px; height: 60px; background-color: #fff; border: none;word-break:break-all; line-height: 25px; text-align: left; padding-left: 10px; }
.page-box .left .listBox .con .layerPageBox { border-bottom: 1px #ccc solid; padding: 20px 20px 40px 20px; }
.page-box .left .listBox .con .layerPageBox h2 { font-weight: bold; font-size: 26px; height: auto; overflow: hidden; margin-bottom: 20px; color: #000}
.page-box .left .listBox .con .layerPageBox h2 img { float: left; }
.page-box .left .listBox .con .layerPageBox p { line-height: 25px; text-align: left; margin-bottom: 30px;}
.page-box .left .listBox .con .layerPageBox a { margin-top: 30px; background-color: red; padding: 10px 30px 10px 30px; border-radius: 20px; color: #fff;}
.page-box .right { float: right; width: 920px; height: auto; overflow: hidden;}
.page-box .right .listBox { background-color: #fff; height: auto; overflow: hidden; padding: 20px 60px 50px 60px}
.page-box .right .listBox .header { border-bottom: 1px #E3E3E3 solid; margin-bottom: 30px; text-align: left; margin-top: 20px; padding-bottom: 10px;}
.page-box .right .listBox .header .cate { border-bottom: 3px red solid; width: auto; display: initial; padding-bottom: 7px; padding-left: 5px; padding-right: 10px; font-weight: bold; font-size: 16px; color: #000;}
.page-box .right .listBox .lists { height: auto; overflow: hidden;}
.page-box .right .listBox .lists li { height: 130px; margin-bottom: 20px; text-align: left;}
.page-box .right .listBox .lists li .image { float: left; width: 200px; height: 130px; margin-right: 15px;}
.page-box .right .listBox .lists li .image img { width: 200px; height: 130px; border-radius: 10px;}
.page-box .right .listBox .lists li .article { float: left; width: 550px; height: 130px; margin-top: 5px;}
.page-box .right .listBox .lists li .article .title { height: 60px; border: none; font-size: 16px; color: #000;}
.page-box .right .listBox .lists li .article .title span { border: none; color: #808080}
.page-box .right .listBox .lists li .article .desc { height: 70px; color: #808080; line-height: 25px;}
.page-box .right .detail { background-color: #fff; height: auto; overflow: hidden; padding: 20px 60px 50px 60px}
.page-box .right .detail h1 { height: 100px; margin-top: 30px;}
.page-box .right .detail .content { max-width: 790px; line-height: 30px;}
.page-box .right .detail .content img { max-width: 790px !important}
.page-box .right .detail .content table td { border: 1px #ccc solid;}
.page-box .right .detail .content p {text-align: left;}

.pagination {margin-top: 30px;}
.pagination li { float: left; padding: 10px; background-color: #f8f8f8; margin-right: 5px;}
.pagination .active { color: #fff; background-color: red;}
.footerNav {background-color: #fff; margin-top: 20px; padding-top: 30px; padding-bottom: 30px;}

@media(max-width: 700px) {
    .indexContainer { margin-top: 50px;}
    .indexContainer .layer1 { border-radius: 0 !important;}
    .indexContainer .layer1 .leftTop { overflow: hidden; padding-right: 15px;}
    .page-box { margin-top: 50px;}
    .page-box .box { width: 100%;}
    .page-box .left {float: none; margin-top: 15px; width: 100%;}
    .page-box .right {float: none; width:100%;}
    .page-box .right .listBox { padding: 10px;}
    .page-box .right .listBox .lists li { height: 100px;}
    .page-box .right .listBox .lists li .image {float: left; width: 20%; height: 75px;}
    .page-box .right .listBox .lists li .image img {width: 100px; height: 75px;}
    .page-box .right .listBox .lists li .article { width: 68%; float:right; height: 100px;}
    .page-box .right .listBox .lists li .article .desc { display: none;}
    .page-box .left .listBox .con .news { width: 100%;}
    .page-box .left .listBox .con .news li { width: 100%;}
    .page-box .left .listBox .con .news .image { margin-left: 10px;}
    .page-box .left .listBox .con .news .title { width: 270px;}
    .page-box .left .listBox .con .cate li { width: 100%;}
    .page-banner .bannerBox .text .textBox { padding-left: 20px; padding-right: 20px; width: 50%}
    .page-box .right .detail { padding: 15px; text-align: left; font-size: 14px;}
    .page-box .right .detail .content img { max-width: 360px !important;}
    .indexContainer .layer7 ul.list { width: auto; padding: 20px;}
    .indexContainer .layer7 ul.list li { width: auto !important; height: 30px !important; margin-top: 0px}
    .indexContainer .layer7 ul.list li:last-child { margin-right 10px;}
    .indexContainer .titleMain ul { background-color: #fff;padding-right: 0px; margin-top: 0px !important; padding-top: 10px;}
    .indexContainer .layer6Left .video { margin-top: 0px;}
    .indexContainer .layer6Left .video video { height: auto;}
    .footerNav {background-color: #fff; margin-top: 20px; padding-bottom: 0px; padding-top: 0px;}
    .indexContainer .layer1 .right .bd .main .content { width: 78%;}
}

@media(max-width:1200px) {
	.top{ display: none;}
	.AppTop{box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #ff0000; top: 0; left: 0; z-index: 99; display: block; height: 50px; width: 100%; position: fixed;}
	.AppTop .logo{padding-left: 15px; width: 100%; line-height: 50px; height: 50px;}
	.AppTop .logo img{ height: 50%; width: auto; display: inline-block;vertical-align: middle;}
	.AppTop .SideClick{ position: absolute; transition: 0.5s; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height:20px;}
	.AppTop .SideClick span{transition: 0.5s; display: block; width: 100%; height: 2px; border-radius:1px; background: #fff; position: absolute; transition: 0.5s;}
	.AppTop .SideClick span:nth-child(1){ top: 0; left: 0;}
	.AppTop .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span:nth-child(3){ bottom: 0;}
	.AppTop .SideClick.on{ transform:translateY(-50%) rotate(180deg);}
	.AppTop .SideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.AppTop .SideClick.on span:nth-child(2){ width: 0;}
	.AppTop .SideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}

	.SideBar{ display: block; position: fixed; left: -100%; transition: 0.5s; top: 0; height: 100vh; width: 70%; background: #15a1dc; z-index: 9999;}
	.SideBar .logo{ padding: 50px 0;}
	.SideBar .logo img{ display: block; width: 40%; margin: 0 auto;}
	.SideBar .nav{ width: 40%; margin: 0 auto; float: inherit; width: 100%;}
	.SideBar .nav ul li{ line-height: 40px; width: 100%;}
	.SideBar .nav ul li a{ font-size: 16px; color: #fff;}

	.banner{ width: 100%; height: 600px;}
	.banner .bannerBox{ width: 100%;}
	.banner .bannerBox .swiper-pagination{ bottom: 20px; text-align: center; line-height: 10px; height: 10px;}
	.banner .bannerBox .swiper-pagination span{ width: 10px; height: 10px;}
	.banner .bannerBox .text{ width: 100%; height: 50%;}
	.banner .bannerBox .text .textBox{ position: relative;}
	.banner .bannerBox .text .textBox h2{ font-size: 24px; text-align: center;}
	.banner .bannerBox .text .textBox p{ font-size: 16px; text-align: center;}
	.banner .bannerBox .icon{ width: 100%; height: 50%;}
	.banner .bannerBox .icon img{ height: 60%; width: auto; top: 30%;}
	.indexContainer .layer1{ width: 100%; border-radius: 10px;}
	.indexContainer .layer1 .left{ width: 100%; padding: 0 15px; box-sizing: border-box; box-sizing: border-box;}
	.indexContainer .layer1 .center{ width: 100%; margin: 0; padding: 0 15px; box-sizing: border-box; margin-top: 15px;}
	.indexContainer .layer1 .center .icon{ width: 100%; height: auto;}
	.indexContainer .layer1 .right{ width: 100%; padding:0 15px; box-sizing: border-box;}
	.indexContainer .layer1 .right .hd ul li{ width: 25%; float: left; margin: 0;}
	.indexContainer .bannerT{ width: 100%;}
	.indexContainer .layer2{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer2Box .layer2Left { width: 100%; height: auto; }
	.indexContainer .layer2Box .layer2Left .icon{ width: 100%}
	.indexContainer .titleMain ul{ width: 100%; margin-top: 10px;}
	.indexContainer .layer2Box .layer2Left .text{ width: 100%;}
	.indexContainer .layer2Box .layer2Left .text .tp img{ display: block; width: 100%; height: auto;}
	.indexContainer .layer2Box .layer2Right{ width: 100%; margin-top:5px;}
	.indexContainer .layer3{ width: 85%;}
	.indexContainer .layer4{ width: 100%; padding:  0 15px; box-sizing: border-box;}
	.indexContainer .layer4 th{ font-size: 18px; height: 80px; line-height: 24px;}
	.indexContainer .layer4 td span{ font-size: 14px;}
	.indexContainer .layer5{ width: 100%; padding: 0 15px; box-sizing: border-box; margin-top: 35px;}
	.indexContainer .layer5 ul li{ width: 100%;}
	.indexContainer .layer5 .layer5Box{ width: 100%;}

	.indexContainer .layer5 ul li:nth-child(1){ width: 100%;}
	.indexContainer .layer5 ul li:nth-child(2){ width: 100%;}
	.indexContainer .layer5 ul li:nth-child(3){ width: 100%;}
	.indexContainer .layer5 ul li:nth-child(4){ width: 100%; margin: 0; float: right;}

	.indexContainer .layer6{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer6Left{ width: 100%;}
	.indexContainer .layer6Left .video{ height: auto;}
	.indexContainer .layer6Right{ width: 100%; margin-top: 25px;}
	.indexContainer .layer7{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer7 ul.list li{ width: 32%; margin-right: 2%; margin-bottom: 5px; height: 45px;}
	/*.indexContainer .layer7 ul.list li:nth-child(3n){ margin-right: 0;}*/
	.indexContainer .layer7 ul.list li a{ line-height: 43px;}
	.indexContainer .layer8{ display: none;}
	.footer .footerBox{ width: 100%; padding: 25px 15px; box-sizing: border-box;}
	.indexContainer .titleMain ul li{ border-bottom: 4px solid #f5f5f5;}
}