.service{ width:1200px; overflow:hidden; margin:90px auto 0px}
.service h2{ float:left; width:100%; overflow:hidden; text-align:center; font-size:36px; color:#333;font-weight:lighter}
.service-s{ float:left; width:100%; overflow:hidden; height:208px; background:url(../images/index-2018-1.jpg) no-repeat; margin-top:40px}
.ser-sa{ float:left; display:inline; width:340px; overflow:hidden}
.ser-sa .ser-left{ float:left; width:150px; overflow:hidden; display:inline; margin:64px 0px 0px 50px}
.ser-sa .ser-left span{ float:left; display:inline; width:58px; height:50px; background:url(../images/icon-1.png) no-repeat -138px -13px; margin-left:48px}
.ser-sa .ser-left samp{ float:left; width:100%; overflow:hidden; text-align:center; font-size:18px; color:#333; margin-top:13px}
.ser-sa  ul{ float:right; width:110px; overflow:hidden; margin-top:56px}
.ser-sa  ul li{ float:left; width:100%; overflow:hidden; background:url(../images/icon-1.png) no-repeat -265px -107px; line-height:32px; padding-left:26px; color:#bbb; font-size:14px}
.ser-sb{ float:left; display:inline; width:340px; overflow:hidden; margin-left:50px}
.ser-sb .ser-left{ float:left; width:150px; overflow:hidden; display:inline; margin:64px 0px 0px 50px}
.ser-sb .ser-left span{ float:left; display:inline; width:58px; height:58px; background:url(../images/icon-1.png) no-repeat -210px -11px; margin-left:48px}
.ser-sb .ser-left samp{ float:left; width:100%; overflow:hidden; text-align:center; font-size:18px; color:#333; margin-top:8px}
.ser-sb  ul{ float:right; width:110px; overflow:hidden; margin-top:42px}
.ser-sb  ul li{ float:left; width:100%; overflow:hidden; background:url(../images/icon-1.png) no-repeat -265px -107px; line-height:32px; padding-left:26px; color:#bbb; font-size:14px}
.ser-sc{ float:left; display:inline; width:340px; overflow:hidden; margin-left:80px}
.ser-sc .ser-left{ float:left; width:150px; overflow:hidden; display:inline; margin:54px 0px 0px 50px}
.ser-sc .ser-left span{ float:left; display:inline; width:58px; height:58px; background:url(../images/icon-1.png) no-repeat -291px -11px; margin-left:48px}
.ser-sc .ser-left samp{ float:left; width:100%; overflow:hidden; text-align:center; font-size:18px; color:#333; margin-top:8px}
.ser-sc  ul{ float:right; width:110px; overflow:hidden; margin-top:78px}
.ser-sc  ul li{ float:left; width:100%; overflow:hidden; background:url(../images/icon-1.png) no-repeat -265px -107px; line-height:32px; padding-left:26px; color:#bbb; font-size:14px}

.fan{ width:100%; overflow:hidden; margin:100px auto 0px; background:url(../images/index-2018-2.jpg) no-repeat top center}
.fan-s{ width:1260px; overflow:hidden; margin:0px auto}
.fan-left{ float:left; width:250px; overflow:hidden; background:rgba(0,0,0,0.7); height:594px}
.fan-left ul{ float:left; width:100%; overflow:hidden; margin-top:80px}
.fan-left ul li{ float:left; width:100%; overflow:hidden; background:url(../images/icon-29.png) no-repeat bottom center; height:90px; cursor:pointer}
.fan-left ul li samp{ float:left; width:42px; height:90px; overflow:hidden; margin-top:20px; display:inline; margin-left:20px}
.fan-left ul li .f1{ background:url(../images/icon-1.png) no-repeat -79px -187px}
.fan-left ul li span{ float:right; width:170px; height:30px; line-height:30px; font-size:18px; color:#fff; margin-top:11px}
.fan-left ul li p{ float:right; width:170px; height:26px; line-height:26px; font-size:14px; color:#b9b9b9}
.fan-left ul li .f2{ background:url(../images/icon-1.png) no-repeat -178px -187px; margin-left:24px}
.fan-left ul li .f3{ background:url(../images/icon-1.png) no-repeat -270px -187px; margin-left:26px; margin-top:25px}
.fan-left ul li .f4{ background:url(../images/icon-1.png) no-repeat -372px -187px; margin-left:26px; margin-top:25px}
.fan-left ul .on{ background:#c74245}
.fan-left ul .on p{ color:#eac2c3}
.fan-left ul .on .f1{background-position:-41px -187px}
.fan-left ul .on .f2{background-position:-137px -187px; margin-left:20px}
.fan-left ul .on .f3{background-position:-228px -187px;}
.fan-left ul .on .f4{background-position:-332px -187px;}
.fan-right{ float:right; width:972px; overflow:hidden}
.fan-right h2{ float:left; width:100%; overflow:hidden; font-size:36px; color:#fff; margin-top:90px;font-weight:lighter}
.fan-right h3{ float:left; width:100%; overflow:hidden; font-size:20px; color:#999; margin-top:5px}
.fan-rs{ float:left; width:100%; overflow:hidden; height:400px}
.fan-scroll{ float:left; width:100%; overflow:hidden;transition:all 0.4s ease}
.fan-slide{ float:left; width:100%; overflow:hidden; height:400px}
.slide-t{ float:left; width:100%; overflow:hidden; font-size:24px; color:#b9b9b9; margin-top:40px}
.slide-p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#b9b9b9; margin-top:17px; line-height:27px; height:54px}
.fan-slide ul{ float:left; width:100%; overflow:hidden; border-bottom:1px #CCC dotted; padding-bottom:35px; margin-top:16px}
.fan-slide ul li{ float:left; display:inline; width:68px; overflow:hidden; margin-right:60px; margin-top:13px}
.fan-slide ul li span{ float:left; width:100%; overflow:hidden; height:68px}
.fan-slide ul li samp{ float:left; width:100%; overflow:hidden; text-align:center; font-size:14px; color:#b9b9b9; font-family:"黑体"}
.fan-slide ul li .p1{ background:url(../images/icon-1.png) no-repeat -122px -262px}
.fan-slide ul li .p2{ background:url(../images/icon-1.png) no-repeat -301px -262px}
.fan-slide ul li .p3{ background:url(../images/icon-1.png) no-repeat -381px -262px}
.fan-slide ul li .p4{ background:url(../images/icon-1.png) no-repeat -476px -262px}
.fan-slide ul li .p5{ background:url(../images/icon-1.png) no-repeat -564px -262px}
.fan-slide ul li .p6{ background:url(../images/icon-1.png) no-repeat -217px -262px}
.fan-slide ul li .p7{ background:url(../images/icon-1.png) no-repeat -44px -262px}
.slide-pic{ float:left; width:100%; overflow:hidden; margin-top:40px}
.slide-pic img{ float:left; display:inline; width:152px; height:auto; margin-right:40px}

.qd{ width:1204px; overflow:hidden; margin:110px auto 0px;}
.qd h2{ float:left; width:100%; overflow:hidden; text-align:center; font-size:36px; color:#333; font-weight:lighter}
.qd p{ float:left; width:100%; overflow:hidden; text-align: center; font-size:20px; color:#ccc; margin-top:3px}
.qd-s{ float:left;width:100%;overflow:hidden; margin-top:38px}
.qd-sa{ float:left; width:25%; overflow:hidden; position:relative; cursor:pointer}
.qd-pic,.qd-pic img{ float:left; width:100%; overflow:hidden; height:auto}
.qd-bg{ width:100%; position:absolute;left:0px;top:0px; z-index:12; background:rgba(0,0,0,0.8); height:200%;transition:all 0.7s ease}
.qd-a{ float:left; width:100%; overflow:hidden; height:314px;}
.qd-a span{ float:left; width:100%; overflow:hidden; text-align:center; font-size:24px; color:#fff; 
    font-weight:lighter; margin-top:30px}
.qd-a a{color:#fff}
.qd-a samp{ float:left; width:100%; overflow:hidden; text-align:center; font-size:14px; color:#fafafa; }
.qd-a em{ float:left;width:30px; height:4px; background:#c1c0bf; margin-left:135px; margin-top:10px}
.qd-a p{    float: left;
    width: 100%;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
    color: #868583;
    margin-top: 16px;
    padding-left: 3rem;
    line-height: 2rem;
}
.qd-b{ float:left; width:100%; overflow:hidden; height:314px;}
.qd-b span{ float:left; display:inline; margin-top:150px}
.qd-b .c1{ width:120px; height:120px; background:url(../images/icon-1.png) no-repeat -347px -2px; margin-left:90px}
.qd-b .c2{ width:120px; height:120px; background:url(../images/icon-1.png) no-repeat -446px -2px; margin-left:90px}
.qd-b .c3{ width:120px; height:120px; background:url(../images/icon-1.png) no-repeat -546px -2px; margin-left:90px}
.qd-b .c4{ width:120px; height:120px; background:url(../images/icon-1.png) no-repeat -640px -2px; margin-left:90px}
.qd .on{top:-314px; background:rgba(0,0,0,0.3)}

.city{ width:100%; overflow:hidden; background:#fafafa; margin-top:125px}
.cy-s{ width:1200px; overflow:hidden; margin:0px auto;position:relative; padding-bottom:90px}
.cy-s h2{ float:left; width:100%; overflow:hidden; margin-top:72px; font-size:36px; color:#333; font-weight:lighter}
.cy-s p{ float:left; width:100%; overflow:hidden; font-size:20px; color:#ccc; margin-top:5px }
.cy-left{ float:left; width:40%; overflow:hidden}
.cy-left span{ float:left; width:100%; font-size:72px; color:#cc2e30; font-family:"黑体"; margin-top:70px}
.cy-left em{ float:left; width:100%; font-size:30px; color:#ccc; font-family:"黑体";}
.map{width:820px;height:800px;overflow:hidden;right:0px;top:40px;position:absolute}

.cor{ width:1200px; overflow:hidden; margin:134px auto 0px; position:relative}
.cor h2{ width:100%; overflow:hidden; margin:0px; text-align:center; font-size:36px; color:#333; font-weight:lighter}
.cor-s{ width:1100px; margin:50px auto 0px}
.cor .swiper-slide{padding:0px 30px;box-sizing:border-box}
.cor .swiper-slide img{transition:all 0.4s ease}
.cor .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:url(../images/icon-1.png) no-repeat -200px -104px;top:66%}
.cor .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../images/icon-1.png) no-repeat -154px -104px;top:66%}
.cor .on img{transform:scale(1.1)}


.news{ width:100%; overflow:hidden; margin:120px auto 0px; background:#fafafa; padding-bottom:40px}
.news h2{ width:100%; overflow:hidden; margin:70px auto 0px; text-align:center; font-size:36px; color:#333; font-weight:lighter}
.news-s{ width:1266px; overflow:hidden; margin:44px auto 0px}
.news-sp{ float:left; display:inline; width:352px; overflow:hidden; margin:0px 35px}
.news-pic{ float:left; width:100%; overflow:hidden; position:relative;height:210px;}
.news-pic img{ float:left; width:100%; height:auto;transition:all 0.4s ease;}
.news-pic span{ width:50px; height:50px; background:#000; text-align:center; line-height:50px; font-size:22px; color:#fff; display:block; position:absolute;left:20px;top:20px; z-index:23}
.news-sp h3{ float:left; width:100%; overflow:hidden; line-height:30px; height:60px; font-size:22px; color:#333; margin-top:8px}
.news-sp h3 a{ color:#333; font-weight:lighter}
.news-sp h3 a:hover{ color:#ca1b1d}
.news-pic a:hover img{transform:scale(1.1)}
.news-sp ul{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.news-sp ul li{ float:left; width:100%; overflow:hidden; height:26px; line-height:26px;}
.news-sp ul li a{ float:left; width:70%; overflow:hidden; font-size:16px; color:#bbb} 
.news-sp ul li a:hover{ color:#ca1b1d}
.news-sp ul li em{ float:right; width:auto; font-size:14px; color:#bbb}


.link{ width:1200px; overflow:hidden; margin:90px auto 0px; padding-bottom:50px}
.link h2{ float:left; width:100%; overflow:hidden; font-size:36px; color:#333; text-align:center; font-weight:lighter}
.link p{ float:left; width:100%; overflow:hidden; margin-top:20px; line-height:28px}
.link p a{ color:#666; margin-right:19px; font-size:14px;}
.link p a:hover{ color:#ca1b1d;}




@media screen and (max-width:1370px){
.service,.qd,.cor,.link{width:1000px;margin-top:50px}
.service h2,.qd h2,.cor h2,.news h2,.link h2{font-size:30px}
.service-s{background-size:100%}
.ser-sa{width:320px}
.ser-sa .ser-left{margin:45px 0px 0px 25px}
.ser-sa ul{margin-top:34px}
.ser-sb{margin-left:0px;width:319px}
.ser-sb .ser-left{margin:42px 0px 0px 30px}
.ser-sb ul{margin-top:19px}
.ser-sc{margin-left:4px}
.ser-sc .ser-left{margin:30px 0px 0px 46px}
.ser-sc ul{margin-top:54px}
.fan{margin:38px auto 0px;}
.fan-s{width:1000px}
.fan-left{width:240px}
.fan-right{width:722px}
.fan-right h2{font-size:22px}
.fan-right h3{font-size:18px}
.slide-t{margin-top:28px;font-size:20px}
.fan-slide ul li{margin-right:35px}
.slide-pic img{width:122px;margin-right:22px}
.qd-a,.qd-b{height:260px}
.qd-b .c1,.qd-b .c2,.qd-b .c3,.qd-b .c4{margin-left:61px}
.qd .on{top:-260px}
.qd-b span{margin-top:102px}
.qd-a span{margin-top:3px}
.cy-s{width:1000px}
.cor-s{width:900px}
.news{margin-top:72px}
.news-s{width:1000px}
.news-sp{width:263px}
.news-pic span{width:30px;height:30px;font-size:18px;line-height:30px}
.news-sp h3{font-size:18px}








}






































.contact{color:#FFFFFF}

.contact .box .above .left {
    line-height: 30px;
  }

  .contact .box .above .left p {
    margin-bottom: 30px;
  }

  .contact_list {
    padding: 0px;
    list-style-type: none;
  }

  .contact_list li {
    background: url(/Public/static3/images/contact.png) no-repeat 0px 0px;
    padding-left: 50px;
  }

  .contact_list .li2 {
    background: url(/Public/static3/images/contact.png) no-repeat 0px -34px;
  }

  .contact_list .li3 {
    background: url(/Public/static3/images/contact.png) no-repeat 0px -75px;
  }

  .contact .lianxi_box {
    width: 60%;position: relative;
    top:150px;
    margin:auto;
  }

  @media (max-width:1500px),
  (min-height:1201px),
  (max-height:720px) {
    .contact .lianxi_box {
      width: 70%;
    }
  }

  @media (orientation:landscape) and (max-height:480px),
  (orientation:portrait) and (max-width:699px) {
    .contact .lianxi_box {
      width: 80%;
    }
  }
  .contact .box .above .left {
    float: left;
    margin: -12px 0px 0px 70px;
    line-height: 30px;
}
.contact .box .above .right {
    float: right;
    margin-top: -3px;
    color: #666;
    line-height: 32px;
}


.hotline{position:fixed;top:18px;right:215px;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}.header.fixed .hotline{top:20px;right:185px;}
.header .hotline span{position1:fixed;color:#fff;font-family:Arial;font-weight:bold;font-size:24px;letter-spacing:1px;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
.header .bk .hotline span{position1:fixed;color:#2DA9EF;font-family:Arial;font-weight:bold;font-size:24px;letter-spacing:1px;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
.header .bg  .hotline span{color:#000;}
.header.fixed .hotline span{font-size:20px;}
.hotline a{color:#fff}
.header .hotline a{color:#2DA9EF}
.header .hotline u{position1:fixed;top:35px;right:80px;display:inline-block;width:30px;height:30px;text-decoration:none;background:url(/Public/static3/images/icons.png) no-repeat;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}.header.fixed .hotline u{top:20px;right:195px;}
div.welcome p{display:block;position:absolute;margin:0px;padding:0px;width:370px;height:100px;padding-top:20px;top:50%;left:50%;margin-top:-135px;margin-left:-185px;color:#2DA9EF;font-size:20px;text-align:center;overflow:hidden;}
div.welcome p u{text-decoration:none;}section{position:relative;overflow:hidden;}.video .swiper-container{width:100%;}.video .swiper-container .swiper-slide{position:relative;overflow:hidden;}.video .swiper-container .nth1{background:url(../images/wallpaper1_1.jpg) 50% 35%;-moz-background-size:cover;background-size:cover;}.video .swiper-container .nth1 .box{position:relative;margin:0 auto;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}.video .swiper-container .nth1 .box .left{position:absolute;left:-300px;width:123px;height:231px;background:url(../images/words.png) no-repeat top right;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}.video .swiper-container .nth1.active .box .left{left:0px;-moz-opacity:1;opacity:1;}.video .swiper-container .nth1 .box .right{position:absolute;right:-500px;margin:30px 0 0 120px;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}