.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.7); 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:130px}
.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:center; font-size:14px; color:#868583; margin-top:16px }
.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 -536px -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}
.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:83px}
.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}








}