@charset "utf-8";
/*base*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Microsoft YaHei";transition: all .3s;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button,textarea, p, blockquote, th, td,select{ margin: 0px; padding: 0px; border: 0px; list-style: none; outline:none; resize:none; font-family:"Microsoft YaHei";}
body{font-family:"Microsoft YaHei";font-size:14px;color:#333;background-color:#fff;max-width: 1920px;min-width: 1300px;margin: 0 auto;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
img{vertical-align:top; border:none;}
address, caption, cite, code, dfn, em, strong, th, var,i{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;color: #333}
a:active{text-decoration:none}
a:focus{text-decoration:none}
a:hover{text-decoration:none;color: #333;}
.row{width:1200px;margin: 0 auto;}
.row-8{width:800px;margin: 0 auto;}
.row:before {display: table; content: " "; }
.row:after {display: table; content: " "; }
.row::after, .row::before{clear: both; content: '.'; height: 0; line-height: 0; visibility: hidden; display: block; }
.ck {display: block; margin-right: auto; margin-left: auto; }
.rimg{display: block; max-width: 100%; height: auto; }
.cf::after, .cf::before{clear: both; content: '.'; height: 0; line-height: 0; visibility: hidden; display: block; }
.fl{float: left;display: block;}
.fr{float: right;display: block;}
.hid{display: none;}
/*nav*/
.nav{width: 100%;height: 70px;}
.nav .logo{width: 200px;height: 100%;background: #d8494e;}
.nav .logo .rimg{margin-top: 11px;margin-left: 52.5px;}
.nav .cf{margin-left: 200px;height: 100%;background: #202020;position: relative;}
.nav .cf .mobile {position: absolute;top: 0;left: 0;}
.nav .cf .mobile .fl:first-child{padding:16px  25px;}
.nav .cf .mobile .fl:last-child{padding-top: 12px;}
.nav .cf .mobile .fl:last-child p{color: #fff;font-size: 14px;}
.nav .cf .mobile .fl:last-child h2{font-weight: normal;font-size: 24px;color: #fff;}
.nav .cf .info {position: absolute;right: 30px;top: 0px;height: 100%;padding-top: 28px;}
.nav .cf .info a{color: #fff;display: inline-block;position: relative;height: 100%;}
.nav .cf .info a p{border-right: 1px solid #fff;line-height: 1;padding: 0 20px;}
.nav .cf .info a:hover{color: #c6454a}
.nav .cf .info a.on{color: #c6454a}
.nav .cf .info a .list{position: absolute;width: 100%;height: 0px;background:rgba(0,0,0,.8);left: 0;z-index: 9;top: 42px;overflow: hidden;}
.nav .cf .info a .list p{height: 40px;text-align: center;line-height: 40px;color: #fff;border: none;padding: 0}
.nav .cf .info a .list p:hover{background: #c7464a}
.nav .cf .info a:hover .list {height: auto;}
.nav .cf .info a:last-child p{border: none;}
.clear{clear:both;}

/*footer*/
.footer{height: 377px;width: 100%;background: url(../img/01.jpg) #f1f1f1 no-repeat center top;position: relative;color:#fff;}
.footer .row{position: relative;padding-top: 60px;}
.footer .row p:nth-of-type(1){font-size: 30px;color: #fff;margin-bottom: 10px;}
.footer .row p:nth-of-type(2){color: #fff;margin-bottom: 60px;font-size: 13px;}
.footer .row p:nth-of-type(3){color: #fff;font-size: 12px;height: 18px;line-height: 18px;padding-left:30px;background: url(../img/message.png)no-repeat center left; margin-bottom: 20px}
.footer .row .a{display: block;height: 35px;width: 228px;background: #252525;border-radius: 3px;text-align: center;line-height: 35px;color: #fff}
.footer .row .qcore{width: 210px;position: absolute;right: 0;top: -60px;background: #d3383d;padding-top: 60px;height: 337px;}
.footer .row .qcore img{margin-bottom: 100px;}
.footer .row .qcore .mobile{background: #fff;width: 100%;font-size: 14px;padding: 10px 20px;color: #333;}
.link-m{margin-top: 20px;font-size: 14px;color: #fff;}
.link-m a{color:#fff;margin:0 5px;}


.banner{width: 100%;height: 580px;background: url(../img/2.jpg) #f1f1f1 no-repeat center top;position: relative;}
.banner .bannerindexpc{width: 100%;height: 539px;}
.banner .bannerindexpc .swiper-container{width: 100%;height: 100%;background: #f1f1f1}
.banner .bannerindexpc .swiper-container .swiper-pagination{bottom: 100px;}
.banner .bannerindexpc .swiper-container .swiper-slide a{display: block;width: 100%;height: 100%;}

.banner .row{height: 140px;position: absolute;bottom: 0;left: 50%;margin-left: -600px;z-index: 9}
.banner .row .fl{height: 100%;width: 300px;position: relative;}
.banner .row .fl .rimg{position: absolute;right: 5px;bottom: 5px;}
.banner .row .fl p{color: #fff;line-height: 2;padding: 10px 0 0 20px;font-size: 18px;}
.banner .row .fl p a{color: #fff;}
.banner .row .fl:nth-of-type(1){background: #d849d0;}
.banner .row .fl:nth-of-type(2){background: #4986d8;}
.banner .row .fl:nth-of-type(3){background: #61d849;}
.banner .row .fl:nth-of-type(4){background: #d8a049;}

.main{background: #f1f1f1;}
.main .title{font-size: 24px;color: #404040;text-align: center;padding: 50px}
.main  .row {height: 400px;background: #fff;}
.main  .row .fl{width: 240px;height: 400px;}
.main  .row .fl h2{font-weight: normal;font-size: 18px;text-align: center;margin-bottom: 40px;}
.main  .row .fl ul{width: 100%;display: block;text-align: center;}
.main  .row .fl ul .fll{float: left;width: 50%;}
.main  .row .fl ul li{width: 100%;display: block;text-align: center;margin-bottom: 10px;}
.main  .row .fl:nth-of-type(2){background: #f7f7f7;}
.main  .row .fl:nth-of-type(4){background: #f7f7f7;}

.main  .row .fl:nth-of-type(2) ul li{text-align: left;padding-left: 25px;}
.main  .row .fl:nth-of-type(3) ul li{text-align: left;padding-left: 80px;}
.abtn{padding: 60px;text-align: center;}
.abtn a{line-height: 40px;background: #d8494e;color: #fff;font-size: 14px;padding: 10px 35px;border-radius: 3px;}

.main1{background: #fff;}
.main1 .title{font-size: 24px;color: #404040;text-align: center;padding: 50px}
.main1  .row .fl{width: 300px;height: auto;padding-right: 1px;}
.main1  .row .fl .imgbox{width: 100%;height: 200px;position: relative;overflow: hidden;}
.main1  .row .fl .imgbox .se{position: absolute;width: 100%;height: 100%;top: -100%;left: 0;background-color: rgba(0,0,0,.8);background-image: url(../img/big.png);background-repeat: no-repeat;background-position: center center;}
.main1  .row .fl .imgbox img{width: 100%;height: 100%;display: block;}
.main1  .row .fl:hover .imgbox .se{top: 0;}
.main1  .row .fl:hover .imgbox img{transform: scale(1.3);}
.main1  .row .fl .info{padding: 15px 10px;}
.main1  .row .fl .info .t{display: table;width: 280px;height: 45px;margin-bottom: 15px;}
.main1  .row .fl .info h2{font-weight: normal;font-size: 16px;text-align: center;display: table-cell; vertical-align:middle;}

.main2 {background: #f1f1f1;}
.main2 .title{padding: 60px 0px;}
.main2 .title h2{font-size: 24px;text-align: center;font-weight: normal;margin-bottom: 20px;}
.main2 .title p{color: #666666;text-align: center;font-size: 16px;}
.main2 .row{    border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1;position: relative;padding-bottom: 60px}
.main2 .row table{border-collapse:collapse;width: 100%;border-spacing: 0;}
.main2 .row table tr td{border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.main2 .row table tr:nth-of-type(1) td{height: 120px;text-align: center;}
.main2 .row table tr:nth-of-type(2) td{height: 150px;text-align: left;}
.main2 .row table tr:nth-of-type(3) td{height: 150px;text-align: left;}
.main2 .row table tr:nth-of-type(4) td{height: 120px;text-align: left;}
.main2 .row table tr:nth-of-type(5) td{height: 150px;text-align: left;}
.main2 .row table tr:nth-of-type(6) td{height: 240px;text-align: left;}
.main2 .row table tr:nth-of-type(1) td h3{font-weight: normal;font-size: 24px;color: #4c4c4c;}
.main2 .row table tr td:nth-of-type(1){width: 100px;background: #4d4d4d;color: #fff;font-size: 18px;text-align: center;}
.main2 .row table tr td:nth-of-type(2){width: 550px;background:url(../img/face_01.png) #f05459 no-repeat center right;color: #fff;}
.main2 .row table tr td:nth-of-type(3){width: 550px;background:url(../img/face_03.png) #fff no-repeat center right;color: #4c4c4c;}
.main2 .row table tr:nth-of-type(1) td:nth-of-type(3){background: #fafafa}
.main2 .row table tr:nth-of-type(1) td:nth-of-type(2){background: #f05459}
.main2 .row table tr td p{padding-left: 30px;line-height: 2}
.zan{display: block;width: 165px;height: 145px;position: absolute;bottom: 40px;left: 400px;z-index: 2;}

.main3{padding-top: 60px;}
.main3 .ck{margin-bottom: 20px;}
.main3  h2{text-align: center;font-weight: normal;font-size: 24px;color: #777777;margin-bottom: 20px}
.main3 .one{text-align: center;position: relative;}
.main3 .one .t{display: inline-block;background: #fff;z-index: 3;color: #777;font-size: 18px;position: relative;}
.main3 .one .t span:nth-of-type(1){background: url(../img/xing.png)no-repeat center center;}
.main3 .one .t span:nth-of-type(3){background: url(../img/xing.png)no-repeat center center;}
.main3 .one .line{position: absolute;height: 1px;width: 100%;background: #bcbcbc;z-index: 1;top: 50%;left: 0;}
.main3 .tow{width: 1240px;padding-bottom: 100px;background: url(../img/bg.png)no-repeat center bottom;}
.main3 .tow .fl{width: 16.666%;padding: 19.2px;}
.main3 .tow .fl .imgbox{width: 100%;overflow: hidden;border-radius: 5px;border: 1px solid #e7e7e7;height: 196px;background: #fff;}
.main3 .tow .fl .imgbox img{width: 100%;height: 100%;}
.main3 .tow .fl:hover .imgbox{background: #f2f2f2;}
/*.main3 .tow .fl:hover .imgbox img{transform: scale(1.3);}*/

.main4{background: #d8494e;height:352px;}
.main4 .title{font-size: 24px;color: #404040;text-align: center;padding: 50px;color: #fff}
.main4 .row {text-align: center;padding-bottom: 50px}
.main4 .row .imgbox{display: inline-block;margin-right: 5px;overflow: hidden;height: 140px;position: relative;cursor: pointer;}
.main4 .row .imgbox img{height: 100%;width: auto;display: block;}
.main4 .row .imgbox .se{position: absolute;width: 100%;height: 100%;top: -100%;left: 0;background-color: rgba(0,0,0,.8);background-image: url(../img/big.png);background-repeat: no-repeat;background-position: center center;}
.main4 .row .imgbox:hover img{transform: scale(1.2);}
.main4 .row .imgbox:hover .se{top: 0;}

.main5{background: #f1f1f1;padding-bottom: 20px}
.main5 .title{font-size: 24px;color: #404040;text-align: center;padding: 50px;}
.main5>.row>.fl{width: 615px;}
.main5>.row>.fl>.imgbox{height: 447px;width: 100%;}
.main5>.row>.fl>.imgbox>img{width: 100%;height: 100%;}
.main5>.row>.fl>.info{background: #fff;padding: 15px;}
.main5>.row>.fl>.info>h2{font-size: 20px;margin-bottom: 15px;font-weight: normal;}
.main5>.row>.fl>.info>p{color: #888;margin-bottom: 15px;height: 42px;font-size: 16px;overflow: hidden;}
.main5>.row>.fl>.info>time{font-size: 12px;color: #888;}
.main5>.row>.fl>.info>time>span{margin-right: 25px}
.main5>.row>.fl>.info>time>span>i{color: #dc595e;}
.main5>.row>.fr{width: 570px;}
.main5>.row>.fr>.cf{height: 135px;margin-bottom: 18.2px;}
.main5>.row>.fr>.cf>.fl{width: 185px;height: 100%;overflow: hidden;}
.main5>.row>.fr>.cf>.fl>img{width: 100%;height: 100%;}
.main5>.row>.fr>.cf>.fr{width: 385px;height: 100%;}
.main5>.row>.fr>.cf>.fr{background: #fff;padding: 10px;}
.main5>.row>.fr>.cf>.fr>h2{font-size: 16px;margin-bottom: 10px;font-weight: normal;}
.main5>.row>.fr>.cf>.fr>p{color: #888;margin-bottom: 15px;height: 38px;font-size: 14px;overflow: hidden;}
.main5>.row>.fr>.cf>.fr>time{font-size: 12px;color: #888;}
.main5>.row>.fr>.cf>.fr>time>span{margin-right: 25px}
.main5>.row>.fr>.cf>.fr>time>span>i{color: #dc595e;}
.main5>.row>.fr>.cf:hover>.fr {background: #f05459;}
.main5>.row>.fr>.cf:hover>.fr>time{color: #fff;}
.main5>.row>.fr>.cf:hover>.fr>h2{color: #fff;}
.main5>.row>.fr>.cf:hover>.fr>p{color: #fff;}
.main5>.row>.fr>.cf:hover>.fr>time>span{color: #fff;}
.main5>.row>.fr>.cf:hover>.fr>time>span>i{color: #fff;}
.main5>.row>.fr>.cf:hover>.fl>img{transform: scale(1.3);}

.server .row {padding: 60px 0;}
.server .row .title{position: relative;margin-bottom: 60px;text-align: center;}
.server .row .title h2{font-size: 24px;display: inline-block;position: relative;z-index: 2;padding: 0 10px;background: #fff;font-weight: normal;}
.server .row .title p{height: 1px;width: 100%;position: absolute;top: 50%;left: 0;z-index: 1;background: #d1d1d1;}
.server .row .cf{display: block;height: 247px;border-bottom: 1px solid #cccccc;margin-bottom: 40px;}
.server .row .cf .imgbox{width: 376px;height: 100%;overflow: hidden;}
.server .row .cf .imgbox img{width: 100%;height: 100%;}
.server .row .cf .infobox{width: 800px;height: 100%;}
.server .row .cf .infobox h3{font-size: 20px;line-height: 1;font-weight: normal;padding-left: 30px;border-left: 3px solid #d8494e;margin-bottom: 20px;}
.server .row .cf .infobox p{color: #404040;line-height: 2;margin-bottom: 30px;}
.server .row .cf .infobox div{height: 30px;width: 100px;background: #d8494e;border-radius: 3px;text-align: center;line-height: 30px;color: #fff;}
.server .row .cf:hover .imgbox img{transform: scale(1.3);}
.server .row .box-r .imgbox{float: right;}
.server .row .box-r .infobox{float: left;}
.server .row .box-l .imgbox{float: left;}
.server .row .box-l .infobox{float: right;}
.server .row .content{margin-bottom: 60px;width: 100%;}
.server .row .brief{margin-bottom: 60px;}

.servernav{background: url(../img/2.jpg) no-repeat center center;width: 100%;height: 160px;}
.serverinfo .row .title h2{font-size: 24px;font-weight: normal;padding: 0 20px;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;line-height: 1}
.serverinfo .row .cf .infobox div{height: auto;width: 100%;background: #fff;border-radius: 0;text-align: left;line-height: 2;color: #333}
.serverinfo .row .brief h2{font-size: 20px;line-height: 1;font-weight: normal;padding-left: 30px;border-left: 3px solid #d8494e;margin-bottom: 20px;}
.serverinfo .row .brief .cf {height: auto;padding-bottom: 60px;}
.serverinfo .row .brief .cf .fl{width: 376px;height: 247px;position: relative;}
.serverinfo .row .brief .cf .fl a{display: block;height: 30px;width: 100px;line-height: 30px;box-sizing: content-box;border: 1px solid #333;border-radius: 5px;text-align: center;position: absolute;bottom: -130px;}
.serverinfo .row .brief .cf .fl a:hover{background: #d8494e;color: #fff;border-color: #d8494e}
.serverinfo .row .brief .cf .fl a.prve{left: 0px;}
.serverinfo .row .brief .cf .fl a.next{right: 0px;}

.serverinfo .row .brief .cf .fr{line-height: 2;font-size: 14px;width: 800px;}
.serverinfo .row .cf:hover .imgbox img{transform: scale(1);}

.case{background: #f5f5f5;padding: 60px 0;}
.case .row h3{font-size: 20px;line-height: 1;font-weight: normal;padding-left: 30px;border-left: 3px solid #d8494e;margin-bottom: 20px;}
.case1 .row{padding-bottom: 0px;}
.case1 .row .title{margin-bottom: 40px;}
.case1 .alist{text-align: center;margin-bottom: 40px;}
.case1 .row a{display: inline-block;width: 100px;height: 32px;text-align: center;line-height: 30px;border: 1px solid #d8494e;color: #4e4e4e;margin: 0 7px;border-radius: 5px;}
.case1 .row a:hover{background: #d8494e;color: #fff;}
.case1 .row a.on{background: #d8494e;color: #fff;}
.case2 {padding-bottom: 60px;}
.case .row .fl .info p{text-align: center;}
.caseinfo .brow{border-bottom: 1px solid #cacaca}
.caseinfo .row .title{margin-bottom: 20px;}
.caseinfo .row time{font-size: 12px;color: #808080;text-align: center;display: block;}
.caseinfo .row .cf{width: 1030px;border-left: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;margin: 0 auto;margin-bottom: 50px;}
.caseinfo .row .cf .fl{width: 50%;height: 50px;}
.caseinfo .row .cf .fl .t{width: 30%;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;background: #f2f2f2;line-height: 49px;text-align: center;float: left;height: 100%;}
.caseinfo .row .cf .fl .i{width: 70%;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;line-height: 49px;text-align: center;float: left;height: 100%;}
.caseinfo .row .ban{width: 1030px;margin: 0 auto;margin-bottom: 30px;}
.caseinfo .row .ban .swiper-container{width: 100%;}
.caseinfo .row .ban .swiper-pagination{line-height: 60px;bottom: 0;background: rgba(0,0,0,.5);color: #fff;}
.caseinfo .row .ban .gallery-top{height: 646px;}
.caseinfo .row .ban .gallery-top .swiper-slide img{width: 100%;height: 100%;}
.caseinfo .row .ban .bl{position: absolute;width: 80px; height: 80px;background: rgba(0,0,0,.5);top: 50%;left: 0;margin-top: -40px;z-index: 9}
.caseinfo .row .ban .br{position: absolute;width: 80px; height: 80px;background: rgba(0,0,0,.5);top: 50%;right: 0;margin-top: -40px;z-index: 9}
.caseinfo .row .ban .br div{right: 24px}
.caseinfo .row .ban .bl div{left: 24px}
.caseinfo .row .bann{width: 1030px;margin: 0 auto;margin-bottom: 30px;padding: 0 30px;position: relative;}
.caseinfo .row .bann .gallery-thumbs{height: 100px;}
.caseinfo .row .bann .gallery-thumbs .swiper-slide{height: 100%;width: 160px;background: #333;}
.caseinfo .row .bann .gallery-thumbs .swiper-slide img{width: 100%;height: 100%;opacity: .4}
.caseinfo .row .bann .gallery-thumbs .swiper-slide-active img{opacity: 1;}
.caseinfo .row .bann .bl{position: absolute;width: 30px; height: 100%;background: #999999;top: 0;left: 0;}
.caseinfo .row .bann .br{position: absolute;width: 30px; height: 100%;background: #999999;top: 0;right: 0;}
.caseinfo .row .bann .bl div{background-size: 17px 30px;left: 2px;}
.caseinfo .row .bann .br div{background-size: 17px 30px;right: 2px;}
.caseinfo .row .bann .bl:hover{background: #d8494e}
.caseinfo .row .bann .br:hover{background: #d8494e}
.caseinfo .row .bbrief{width: 1030px;line-height: 2;font-size: 14px;margin: 0 auto;margin-bottom: 60px;}

.selectartr {padding: 20px 0px;}
.selectartr .row{position: relative;}
.selectartr .row a{display: block;line-height: 30px;}
.selectartr .row a:hover{color: #d8494e;}

.news .row .title{margin-bottom: 30px;}
.news .row .cf {width: 100%;height: 200px;padding: 30px;background: #f2f2f2;margin-bottom: 30px;display: block;}
.news .row .cf .fl{width: 200px;height: 100%;overflow: hidden;}
.news .row .cf .fl img{width: 100%;height: 100%;}
.news .row .cf .fr{width: 940px;padding-left: 30px;}
.news .row .cf .fr h2{font-weight: normal;font-size: 18px;color: #404040;;margin-bottom: 15px;}
.news .row .cf .fr p{color: #808080;margin-bottom: 15px;}
.news .row .cf .fr div time{padding-left: 20px;margin-right: 20px;color: #808080;background: url(../img/data.png) no-repeat center left;}
.news .row .cf .fr div span{padding-left: 20px;margin-right: 20px;color: #808080;background: url(../img/see.png) no-repeat center left;}
.news .row .cf .fr div span i{color: #dc595e;}
.news .row .cf:hover {background: #f05459;}
.news .row .cf:hover .fl img{transform: scale(1.3);}
.news .row .cf:hover .fr h2{color: #fff}
.news .row .cf:hover .fr p{color: #fff}
.news .row .cf:hover .fr div time{color: #fff;background: url(../img/data_on.png) no-repeat center left;}
.news .row .cf:hover .fr div span{color: #fff;background: url(../img/see_on.png) no-repeat center left;}
.news .row .cf:hover .fr div span i{color: #fff;}

.page{width:100%;height:50px;line-height:50px;text-align:center;border-top:none;margin:10px auto 60px auto;font-family:arial;}
.page a{padding:6px 10px !important;color:#666;margin:0 6px;border:1px solid #E2E2E2;background:#fff;border-radius:3px;}
.page a:hover{background:#d3383d;color:#fff;border-radius:3px;border:1px solid #d3383d;}
.page span{padding:6px 10px;color:#666;margin:0 6px;border:1px solid #d3383d;background:#d3383d;color:#fff;border-radius:3px;}

.newsinfo .row .title{margin-bottom: 20px;}
.newsinfo .row .is{text-align: center;}
.newsinfo .row .is time{padding-left: 20px;margin-right: 20px;color: #808080;background: url(../img/data.png) no-repeat center left;}
.newsinfo .row .is span{padding-left: 20px;margin-right: 20px;color: #808080;background: url(../img/see.png) no-repeat center left;}
.newsinfo .row .is span i{color: #dc595e;}
.newsinfo .content{font-size: 14px;line-height: 2;width:800px;}

.cus{width: 100%;}
.cus .row .title{margin-bottom: 40px;}
.cus .row .name{color: #666;font-size: 18px;text-align: center;}
.cus .row .fl{width: 33.33%;height: 250px;text-align: center;}
.cus .row .fl .imgbnox{width: 90px;height: 90px;background: #f2f2f2;border-radius: 90px;display: inline-block;margin-bottom: 10px;position: relative;}
.cus .row .fl .imgbnox.on{background: #d8494e}
.cus .row .fl .imgbnox img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cus .row .fl .imgbnox img:first-child{display: block;}
.cus .row .fl .imgbnox img:last-child{display: none;}
.cus .row .fl .imgbnox.on img:first-child{display: none;}
.cus .row .fl .imgbnox.on img:last-child{display: block;}

.cus .row .fl .info p{text-align: center;color: #707070;margin-bottom: 20px;}
.cus .row .fl .info p:first-child{color: #333;}
.cus .map{height: 420px;width: 100%;overflow: hidden;text-align: center;}
.cus .addfrom{padding-top: 70px;padding-bottom: 70px;}
.cus .addfrom h4{text-align: center;font-size: 24px;margin-bottom: 20px;}
.cus .addfrom .brei{text-align: center;color: #666666;font-size: 12px;margin-bottom: 40px;}
.cus .addfrom form .row{padding: 10px 10px;}
.cus .addfrom form .row .fll{float: left;width: 33.33%;padding: 0 10px;}
.cus .addfrom form .row .fll input{height: 40px;width: 100%;border: 1px solid #d9d9d9;border-radius: 5px;padding: 0 30px 0 10px;font-size: 14px;color: #999;background: url(../img/cus/yi.png)no-repeat center right 10px;}
.cus .addfrom form .row textarea{width: 100%;height: 150px;border: 1px solid #d9d9d9;border-radius: 5px;padding: 10px;color: #999}
.cus .addfrom form .row:last-child{padding:20px 20px 0 20px;}
.cus .addfrom form .row:nth-of-type(2){padding: 10px 20px;}
.cus .addfrom form .row .add{width: 200px;height: 40px;border-radius: 5px;color: #fff;line-height: 40px;text-align: center;background: #d8494e}

.cus .addfrom form .row .fll input.error{background: url(../img/cus/x.png)no-repeat center right 10px;}
.cus .addfrom form .row .fll input.success{background: url(../img/cus/dui.png)no-repeat center right 10px;}


.about .row .content{line-height: 2;font-size: 14px;margin: 0;}


.bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background:rgba(29,2,2,.9);display: none;}
.bg .row{padding: 50px;background: #fff;position: absolute;left: 50%;margin-left: -600px;top: 50%;transform: translateY(-50%);}
.bg .row img.close{position: absolute;top: 30px;right: 30px;cursor: pointer;}
.bg .row .fl{width: 55%;border-right: 3px dotted #999;}
.bg .row .fl img{margin-bottom: 20px;}
.bg .row .fl .cf{font-size: 18px;line-height: 30px;margin-bottom: 20px;}
.bg .row .fl .cf input{height: 30px;border: 1px solid #999999;margin: 0 20px 0 10px;padding: 0 10px}
.bg .row .fl .cf input[name='name']{width: 100px;}
.bg .row .fl .cf input[name='mobile']{width: 200px;}
.bg .row .fl .cf input[name='mj']{width: 100px;}
.bg .row .fl .cf select[name='cid']{width: 280px;border: 1px solid #999999;margin: 0 20px 0 10px;height: 30px;}
.bg .row .fl .cf textarea[name='content']{width: 400px;height: 80px;border: 1px solid #999999;margin: 0 0 0 10px;vertical-align: top;padding:  5px 10px;}
.bg .row .fl .cf.add{margin-bottom: 0px;text-align: center;}
.bg .row .fl .cf.add input{color: #fff;height: 35px;width: 127px;line-height: 35px;border-radius: 5px;background: #d8494e;border: none;cursor: pointer;}
.bg .row .fr{width: 45%;}
.bg .row .fr h2{font-size: 24px;text-align: center;margin-bottom: 10px;}
.bg .row .fr h2 i{font-size: 30px;color: #d8494e}
.bg .row .fr p{color: #808080;margin-bottom: 50px;text-align: center;}

.index-imgbox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background:rgba(29,2,2,.9);display: none;}
.index-imgbox .ibox {padding: 30px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 5px;}
.index-imgbox .ibox img.close{position: absolute;top: 10px;right: 10px;cursor: pointer;}
.index-imgbox .ibox .swiper-button-next{right: -50px;}
.index-imgbox .ibox .swiper-button-prev{left: -50px;}