/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
a{cursor:pointer;}
/*END-外部公共样式*/

/*首页内容*/
header{background:#c94752; position:relative; text-align:center;}
.headerB{width:100%; float:left; position:absolute; left:0; top:50%; transform: translateY(-50%);}
.logo_txt{line-height:68px; font-size:58px; color:#57bfc2; padding-top:40px;}
nav{display:flex; flex-wrap:wrap; justify-content:center; padding-top:40px;}
nav>a{float:left; width:92px; height:92px; display:flex; flex-wrap:wrap; align-content:center; align-items:center; justify-content:center; border:1px solid #57bfc2; border-radius:50%; margin:0 26px;}
nav>a>div{width:100%; float:left; color:#57bfc2;}
nav>a>div.nav_p{line-height:24px; font-size:16px;}
nav>a>div.nav_sp{line-height:20px; font-size:14px; letter-spacing:4px;}
nav>a:hover{background:#57bfc2;}
nav>a:hover>div{color:#fff;}
.header_jiantou{width:100%; float:left; position:absolute; left:0; bottom:4%; z-index:99;animation-duration:2s; animation-delay:0.5s;}

.header{width:100%; float:left; background:#57bfc2;}
.header_L{width:52%; float:left; height:100%; padding:50px; position:relative;}
.header_p{display:block; overflow:hidden; line-height:42px; font-size:24px; text-transform:uppercase; font-family:Arial; color:#fff;}
.header_p>span{display:block; overflow:hidden; line-height:48px; font-size:30px;}
.header_sp{display:block; overflow:hidden; line-height:26px; font-size:20px; color:#fff; padding-top:40px;}
.header_sp>span{display:block; overflow:hidden; padding-top:10px; line-height:24px; font-size:16px;}
.header_pp{display:block; overflow:hidden; padding-top:40px;}
.header_pp>span{display:block; overflow:hidden; margin-bottom:25px; line-height:30px; font-size:20px; color:#fff;}
.header_logo{width:118px; float:left; position:absolute; left:50px; bottom:30px;}
.header_logo img{width:118px; height:38px; display:block;}
.header_R{width:48%; float:right; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.navBox{width:275px; float:left; overflow-x:hidden; overflow-y:auto; background:#fff; padding:30px; position:relative; left:0; bottom:0; z-index:9999;}
.navBox-scrollbar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 3px;background-color: #F5F5F5;}
.navBox-scrollbar::-webkit-scrollbar{width:6px;background-color: #F5F5F5;}
.navBox-scrollbar::-webkit-scrollbar-thumb{border-radius: 3px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background-color:rgba(85,85,85,0.5);}

.nav_logo{display:block; overflow:hidden;}
.nav_logo img{display:block; max-width:100%; height:auto;}
.nav{display:block; overflow:hidden; padding-top:20px;}
.nav>li{width:100%; float:left; overflow:hidden; margin-bottom:10px;}
.nav>li>a{width:100%; overflow:hidden; height:30px; line-height:30px; font-size:18px; color:#646464;}
.nav>li:hover>a{color:#cc515c;}

.nav_ul{display:block;width:100%; float:left; padding-top:5px;}
.nav_ul>li{display:block; overflow:hidden;}
.nav_ul>li>a{display:block; overflow:hidden; height:30px; line-height:30px; font-size:15px; color:#585858;}
.nav_ul>li:hover>a{color:#cc515c;}

.nav_dl{display:none; overflow:hidden;}
.nav_dl>dd{display:block; overflow:hidden;}
.nav_dl>dd>a{display:block; overflow:hidden; height:24px; line-height:24px; padding-left:8px; font-size:13px;color:#cc515c; position:relative;}
.nav_dl>dd>a::before{content:""; width:4px; float:left; height:4px; background:#cc515c; position:absolute; left:0; top:50%; transform: translateY(-50%);}
.nav_dl>dd>a:hover{text-decoration:underline!important;}

.nav>li.actived>a{color:#cc515c;}
.nav>li.actived>.nav_ul>li.nav_on>a{color:#cc515c;}
.nav>li.actived>.nav_ul>li.nav_on>.nav_dl>dd>a{color:#cc515c;}
/*.nav_slideUp{display:none;}*/
.nav_slideDown{display:block;}

.mainBox{width:calc(100% - 275px); float:right; padding:20px 10px; position:relative;}
.cp_Box{width:100%; float:left; padding:15px 0;}
.cp_ul{width:100%; float:left;}
.cp_ul li{width:calc(33.3333% - 20px); float:left; margin:15px 10px;}
.cp_ul li .cp_B{width:100%; overflow:hidden; position:relative; background-color:#e4a3a9;}
.cp_ul li .cp_B::before{content:""; width:98px; height:2px; background:#523a39; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.cp_ul li .cp_B::after{content:""; width:2px; height:98px; background:#523a39; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.cp_ul li .cp_B .cp_img{width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; z-index:99;}
.cp_ul li .cp_B .cp_img::before{content:""; display:block; padding-top:62.99213%;}
.cp_ul li .cp_txtB{display:block; overflow:hidden; border-bottom:1px solid #cc515c; padding:10px 0 20px 0;}
.cp_ul li .cp_txtB .cp_p{display:block; overflow:hidden; height:22px; line-height:22px; background:url(../images/jiantou2.png) no-repeat right center; padding-right:20px; font-size:13px; color:#cc515c;text-overflow:ellipsis; white-space: nowrap;}
.cp_ul li .cp_txtB .cp_sp{display:block; overflow:hidden; height:24px; line-height:24px; font-size:15px; color:#cc515c; text-transform:uppercase;}
.cp_ul li:hover .cp_B .cp_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

footer{ background:#c94752; padding:20px; font-size:14px; color:#fff; line-height:24px;margin-bottom: 10px;}
footer>span{display:block; overflow:hidden; padding-top:10px;}
footer a{color: #fff;}
footer a:hover{color: #666;}
/*END-首页内容*/

/*案例*/
main{position:relative; top:0;}
.main_header{width:100%; float:left; background:#c94753; padding:40px 50px 20px 50px; position:fixed; left:0; top:0; z-index:99999;}
.main_logo{width:100%; float:left;}

.main_nav{float:right;}
.main_nav>a{float:left; width:92px; height:92px; display:flex; flex-wrap:wrap; align-content:center; text-align:center; align-items:center; justify-content:center; border:1px solid #fff; border-radius:50%; margin-left:30px;}
.main_nav>a>div{width:100%; float:left; color:#fff;}
.main_nav>a>div.nav_p{line-height:24px; font-size:16px;}
.main_nav>a>div.nav_sp{line-height:20px; font-size:14px; letter-spacing:4px;}
.main_nav>a:hover{background:#fff;}
.main_nav>a:hover>div{color:#c94753;}
.main_nav_on>a{width:70px; height:70px; margin-left:15px;}
.main_nav_on>a>div.nav_p{line-height:20px; font-size:14px;}
.main_nav_on>a>div.nav_sp{line-height:16px; font-size:12px; letter-spacing:2px;}

.box{width:100%; float:left; position:relative;}
.main{width:100%; float:left; overflow:hidden; padding:40px;}

.mainB{width:100%; float:left;}
.main_up{display:block; overflow:hidden;}
.main_up .main_p{display:block; overflow:hidden; line-height:50px; font-size:38px; color:#231714; text-align: center;}
.main_up .main_sp{display:block; overflow:hidden; line-height:32px; font-size:16px; color:#57bfc2; text-align: center;}
.main_up .main_img{display:block; overflow:hidden; padding-top:40px;}
.main_dowm{display:block; overflow:hidden; padding-top:5px;}
.main_dowm li{display:block; overflow:hidden; margin-bottom:20px;}
.main_dowm li .main_left{width:59%; float:left;}
.main_dowm li .main_left img{width:100%; display:block; height:auto;}
.main_dowm li .main_right{width:41%; float:left; padding:50px 50px 0 0; font-size:14px; color:#000; line-height:18px;}
.main_dowm li:nth-child(even) .main_right{float:right; padding:0 0 0 50px;}
.main_dowm li:nth-child(even) .main_left{float:right;}
/*END-案例*/

/*梵易*/
.customer{display:block; overflow:hidden; margin-bottom:40px;}
.customer_title{display:block; overflow:hidden; line-height:50px; color:#c94753; font-size:22px; border-bottom:1px solid #c8c5c4;}
.customer_title>span{font-size:32px; padding-right:15px;}
.customer_ul{display:block; overflow:hidden; padding-top:40px;}
.customer_ul li{width:23%; float:left; margin:0 1%;}
.customer_ul li a{display:block; overflow:hidden; position:relative;}
.customer_ul li a::before{content:""; display:block; padding-top:33.3334%;}

.project_ul{display:block; overflow:hidden; padding:40px 40px 0 40px;}
.project_ul>li{width:16.6666%; float:left; padding:0 1%;}
.project_ul>li>a{display:block; overflow:hidden; line-height:30px; font-size:14px; color:#c94753;}
.project_ul>li>a:hover{text-decoration:underline!important;}
.project_dl{display:block; overflow:hidden;}
.project_dl>dd{display:block; overflow:hidden;}
.project_dl>dd>a{display:block; overflow:hidden; line-height:18px; color:#595656; font-size:12px; padding-left:8px; position:relative;}
.project_dl>dd>a::before{content:""; width:2px; float:left; height:2px; background:#595656; position:absolute; left:0; top:50%; transform: translateY(-50%);}
.project_dl>dd>a:hover{text-decoration:underline!important; color:#c94753;}

.company_ul{display:block; overflow:hidden; padding:30px 40px;}
.company_ul li{width:100%; float:left; margin-bottom:50px;}
.company_ul li .company_left{width:40%; float:right; font-size:15px; color:#595656; line-height:18px; padding:20px 0 0 40px;}
.company_ul li .company_right{width:60%; float:left;}
.company_ul li .company_right img{width:100%; display:block; height:auto;}
.company_ul li:nth-child(even) .company_left{width:43%; float:left; padding:20px 40px 0 0;}
.company_ul li:nth-child(even) .company_right{width:57%; float:right;}

.contact_img{display:block; overflow:hidden; padding-top:40px;}
.contact_txt{display:block; overflow:hidden; max-width:807px; margin:0 auto; padding-top:40px;}
.contact_txt>span{width:65%; float:left; line-height:48px; font-size:20px; color:#231815;}
.contact_txt>span:nth-child(odd){width:35%;}

.jionus{display:block; overflow:hidden; padding:40px 40px 0 40px; font-size:20px; color:#000; line-height:50px;}
.cp_ul1{display:block; overflow:hidden; padding:40px;}
.cp_ul1 li{width:calc(33.3333% - 20px); float:left; margin:0 10px 40px 10px;}
.cp_ul1 li .cp_B{width:100%; overflow:hidden; position:relative; background-color:#e4a3a9;}
.cp_ul1 li .cp_B .cp_img{width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; z-index:99;}
.cp_ul1 li .cp_B .cp_img::before{content:""; display:block; padding-top:63.1373%;}
.cp_ul1 li .cp_txtB{display:block; overflow:hidden; border-bottom:1px solid #cc515c;}
.cp_ul1 li .cp_txtB .cp_p{display:block; overflow:hidden; height:50px; line-height:50px; background:url(../images/jiantou2.png) no-repeat right center; padding-right:20px; font-size:14px; color:#cc515c;text-overflow:ellipsis; white-space: nowrap;}
.cp_ul1 li:hover .cp_B .cp_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
/*END-梵易*/

@media (max-width:1220px) {
/*首页内容*/
.header_L {padding:40px;}
.navBox{padding:25px;}
footer {padding:40px;}
/*END-首页内容*/

/*案例*/
.main{padding:30px 40px;}
.main_dowm li .main_right{padding:40px 40px 0 0;}
.main_dowm li:nth-child(even) .main_right{padding:0 0 0 40px;}
/*END-案例*/

}

@media (max-width:991px){
/*首页内容*/
.header_L {padding:30px;}
.navBox{padding:20px;}
.cp_ul li {width:calc(50% - 20px);}
footer {padding:30px;}
/*END-首页内容*/

/*案例*/
.main{padding:20px 30px;}
.main_nav>a {margin-left:15px;}
.main_dowm li .main_right{padding:30px 30px 0 0;}
.main_dowm li:nth-child(even) .main_right{padding:0 0 0 30px;}
/*END-案例*/

.main_header {padding:30px 30px 15px 30px;}

.customer {max-width:100%;}
.customer_ul li {width:31.33%;}
.company_ul {padding:30px 0;}
.company_ul li .company_left {padding:10px 0 0 20px;}
.company_ul li:nth-child(even) .company_left {padding:10px 20px 0 0;}
.project_ul {padding:30px 0 0 0;}
.jionus {padding:30px 0 0 0;}
.cp_ul1 {padding:30px 0 0 0;}





}

@media (max-width:767px){
/*首页内容*/
.logo img{max-width:80% !important;}
.logo_txt {line-height:50px; font-size:40px; padding-top:20px;}
nav {padding-top:20px;}
nav>a {margin:0 10px;}

.header_L {width:100%; height:65%; padding:10px;}
.header_p {line-height:16px; font-size:12px;}
.header_p>span {line-height:22px; font-size:16px;}
.header_sp {line-height:18px; font-size:14px; padding-top:10px;}
.header_sp>span {line-height:18px; font-size:12px;}
.header_pp {padding-top:10px;}
.header_pp>span {margin-bottom:0; line-height:24px; font-size:14px;}
.header_logo {width:87px; left: 10px; bottom:10px;}
.header_logo img {width:87px; height:28px;}
.header_R {width:100%; height:35%;}

.navBox {width:30%; padding:5px;}
.nav {padding-top:10px;}
.nav>li{margin-bottom:10px;}
.nav>li>a{height:auto; line-height:18px; font-size:16px; text-align:center;}
.nav>li>a>span{display:block;}
.nav_ul>li>a{height:auto; line-height:16px; font-size:14px; text-align:center;}
.nav_ul>li>a>span{display:block;}
.nav_dl>dd>a {height:auto; line-height:16px; font-size:12px;}

.mainBox {width:70%; padding:0;}
.cp_Box {padding:0;}
.cp_ul{display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 3px;}
.cp_ul li {width:calc(50% - 3px); margin:5px 0;}
.cp_ul li .cp_txtB {padding:0;}
.cp_ul li .cp_B::before {width:32px;}
.cp_ul li .cp_B::after {height:32px;}

footer {padding:10px; font-size:12px; line-height:16px;}
/*END-首页内容*/

/*案例*/
.main{padding:10px;}
.main_header {padding:10px;}
.main_logo{display:flex; justify-content:center;}
.main_nav{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:5px;}
.main_nav>a{width:16%; height:auto; margin:0; position:relative;}
.main_nav>a::before{content:""; display:block; padding-top:100%;}
.main_nav>a>div{position:absolute; left:0;}
.main_nav>a>div.nav_p {bottom:47%; line-height:14px; font-size:12px; letter-spacing:-1pt;}
.main_nav>a>div.nav_sp {top:47%; line-height:16px; font-size:12px; letter-spacing:1px;}

.main_up {padding-top:10px;}
.main_up .main_p {line-height:34px; font-size:24px;}
.main_up .main_sp {line-height:20px; font-size:14px;}
.main_up .main_img {padding-top:10px;}
.main_dowm li {margin-bottom:0;}
.main_dowm li .main_left{width:100%;}
.main_dowm li .main_right{width:100%; padding:10px 0;}
.main_dowm li:nth-child(even) .main_right{padding:10px 0;}
/*END-案例*/

.customer {margin-bottom:10px;}
.customer_title {line-height:30px; font-size:14px;}
.customer_title>span {font-size:18px; padding-right:10px;}
.customer_ul {padding:10px 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.customer_ul li{width:calc(50% - 5px); float:left; margin:0;}

.project_ul {padding:10px 0;}
.project_ul>li{width:100%;}
.project_ul>li>a{float:left;}
.project_dl {width:100%;}

.company_ul {padding:10px 0 0 0;}
.company_ul li {margin:0 0 10px 0;}
.company_ul li .company_left {width:100%; font-size:12px; line-height:16px; padding:0;}
.company_ul li .company_right {width:100%; padding-top:10px;}
.company_ul li:nth-child(even) .company_left {width:100%; padding:0;}
.company_ul li:nth-child(even) .company_right {width:100%; padding-top:10px;}

.contact {padding:10px 0 0 0;}
.contact_img {padding-top:10px;}
.contact_txt {padding-top:10px;}
.contact_txt>span {width:100%; line-height:24px; font-size:14px;}
.contact_txt>span:nth-child(odd) {width:100%;}

.jionus {padding:10px 0 0 0; font-size:14px; line-height:24px;}
.cp_ul1 {padding:10px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.cp_ul1 li {width:calc(50% - 5px); margin: 0 0 10px 0;}
.cp_ul1 li .cp_txtB .cp_p {height:40px; line-height:40px;}

}
/*手机底部*/
.bottom_kong{width:100%; height:62px; float:left; background:#fff;}
.bottom{width:100%; height:60px; position:fixed; bottom:0; left:0; z-index:9999999999999; background:#0580d2;}
.bottom a{width:25%; float:left; height:60px; display:flex; align-content:center; align-items:center; flex-wrap:wrap; justify-content:center; line-height:20px; color:#fff; border-right:2px solid #fff; font-size:12px; font-weight:normal;}
.bottom a>div{width:100%; float:left;}
.bottom a>div:first-child span{ font-size:20px;}
.bottom a:last-child{border:none;}
.bottom a:hover{background:#0051ac; color:#fff;}

.dbbox{ position: fixed; left: 0; bottom:65px; z-index:99999; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #0051ac;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
/*End*/