﻿html { background: #ffffff; font-size: 14px; color: #333; font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif"; }

body { min-width: 1220px; }

.g_cw { width: 1320px; padding: 0 10px; margin: 0 auto; }
.g_cw::before,
.g_cw::after { content: ''; display: block; clear: both; }

.g_mt { margin:50px 0; }
.g_mt::before,
.g_mt::after { content: ''; display: block; clear: both; }

.g_mb { margin-bottom: 100px; }
.g_mb::before,
.g_mb::after { content: ''; display: block; clear: both; }

@media (max-width: 1024px) {
	body { min-width: 0; }
	.g_cw { width: 100%; }
}

@media (max-width: 700px) {
	.g_mt { margin-top: 50px; }
	.g_mb { margin-bottom: 50px; }
}


.g_page { clear: both; text-align: center; font-size: 14px; color: #888888;}
.g_page > ul { display: inline-block; }
.g_page > ul > li { float: left; line-height: 35px; margin: 0 5px; }
.g_page > ul > li a { display: block; background: #fff; padding: 0 15px; border: 1px solid #E8E8E8; border-radius: 3px; }
.g_page > ul > li a .fa { font-size: 17px; line-height: 35px; }
.g_page > ul > li a.dis { color: #ccc; cursor: not-allowed; }
.g_page > ul > li a:hover:not(.dis),
.g_page > ul > li a.on { background: #388CD2; color: #fff; border: 1px solid #388CD2; }
@media (max-width: 600px) {
	.g_page > ul .num_li{display:none;}
}

.g_title { clear: both; margin-bottom: 80px; }
.g_title .l1 { font-size: 28px; margin-bottom: 10px; text-align: center; color: #333333; }
.g_title .l2 { text-align: center; }

@media (max-width: 700px) {
	.g_title { margin-bottom: 40px; }
}

.g_header { clear: both; }


.g_header .bar { display: none; }

.g_header .top { height: 40px; color: #898989; border-bottom: 1px solid #E4E4E4; background: #F2F2F2; overflow: hidden; }
.g_header .top .left { line-height: 39px; float: left; }
.g_header .top .left .ico { height: 20px; vertical-align: middle; margin-right: 5px; }
.g_header .top .left .light { color: #ff6692; font-size: 15px; }
.g_header .top .right { line-height: 39px; float: right; }
.g_header .top .right .light { color: #ff6692; }

.g_header .main { height: 100px; }
.g_header .main .logo { float: left; line-height: 100px; }
.g_header .main .logo img { vertical-align: middle;padding-top: 20px; }

.g_header .main .nav { float: right; margin-top: 20px; }
.g_header .main .nav > li { float: left; }
.g_header .main .nav > li > a { display: block; padding: 0 25px; }
.g_header .main .nav > li:last-child > a { padding-right: 0; }
.g_header .main .nav > li > a em { display: inline-block; height: 60px; line-height: 60px; font-size: 15px; color: #626262; }
.g_header .main .nav > li > a.on em,
.g_header .main .nav > li > a:hover em { color: #ff6692; border-bottom: 3px solid #ff6692; }


@media (max-width: 1024px) {
	body { padding-top: 60px; }

	.g_header { background: transparent; }
	.g_header .bar { position: relative; display: block; position: fixed; z-index: 100; left: 0; top: 0; right: 0; height: 60px; background: #ff6692; color: #fff; }
	.g_header .bar .menu { position: absolute; left: 10px; top: 0; display: inline-block; padding: 0 10px; line-height: 60px;padding-top: 15px;  }
	.g_header .bar .menu img { vertical-align: middle; height: 32px; }
	.g_header .bar .lang { position: absolute; right: 10px; top: 0; display: inline-block; padding: 0 10px; line-height: 60px; font-size: 18px; }
	.g_header .bar .logo { text-align: center; font-size: 0; line-height: 60px;}
	.g_header .bar .logo img { max-height: 60px; vertical-align: middle; }

	.g_header .top { display: none; }

	.g_header .main { height: auto; }
	.g_header .main .logo { display: none; }

	.g_header .main .nav { float: none; height: auto; padding: 10px 0; margin-top: 0; line-height: 1; visibility: hidden; opacity: 0; position: fixed; z-index: 99; left: 0; top: -100%; bottom: 100%; right: 0; background: #fff; border-top: 0; transition: ease .4s; }
	.g_header .main .nav > li { float: none; }
	.g_header .main .nav > li > a { padding: 10px 50px; font-size: 16px; color: #33414E; }
	.g_header .main .nav > li > a em { height: auto; line-height: normal; padding-bottom: 10px; border-bottom: 3px solid transparent; transition: ease .3s; }
	.g_header .main .nav > li > a.on,
	.g_header .main .nav > li > a:hover { color: #ff6692; background: transparent; }
	.g_header .main .nav > li > a.on em,
	.g_header .main .nav > li > a:hover em { border-bottom: 3px solid #ff6692; }

	.g_header .main .nav.show { visibility: visible; opacity: 1; top: 60px; bottom: 0; }
	.g_footer{ display: none;}
}
/*--导航菜单--*/
.drop-down{position: relative;z-index:999;}
.drop-down-content{position: absolute;padding-top:10px; padding-left: 5px;display:;left: -99999px;}
.one .drop-down-content{margin-left: -70px;}
.drop-down-content > li{border-bottom:1px solid #ef3f71;}
.drop-down-content > li .font{display:block;padding:12px 20px;background:#ff6692;color:#ffd5e1;}
.drop-down-content > li .font:hover{color:#ffffff; text-decoration:underline;}
.drop-down-content > li.first{ width: 243px;}
.drop-down-content > li.first a{ text-align: center;}
.nav .drop-down:hover .drop-down-content{left: 0;}
@media (max-width: 1024px) {
	.drop-down-content{display:none;}
}

.g_footer { clear: both; background: #2A2F35; color: #929292; }

.g_footer .main { padding: 70px 0; }

.g_footer .main .c1 { float: left; margin-right: 180px; }
.g_footer .main .c2 { float: left; max-width: 400px;}
.g_footer .main .c3 { float: right; }

.g_footer .main .l1 { color: #FFFFFF; margin-bottom: 25px;font-size: 15px; }
.g_footer .main .l2 { line-height: 1.8em; }

.g_footer .main .c1 .l1 .sp { margin: 0 12px; }

.g_footer .main .c2 .l2 a { display: block; }

.g_footer .main .c3 .m { display: inline-block; width: 32px; height: 32px; margin: 0 10px 0 0; line-height: 34px; text-align: center; border: 1px solid #656565; border-radius: 16px; color: #656565; }
.g_footer .main .c3 .m .fa { font-size: 20px; }



.g_footer .bottom { clear: both; background: #24292F; padding: 25px 0; text-align: center; }
.g_footer .bottom span { margin: 0 5px; white-space: nowrap; }


@media (max-width: 1024px) {
	.g_footer .main { padding: 70px 0 50px; }
	.g_footer .main .c1{ width: 100%;margin: 0;}
	.g_footer .main .l1 { color: #FFFFFF; font-size: 15px;}
	.g_footer .main .c1 .l1 .sp { margin: 0 21px; }
	.g_footer .main .c2{width: 100%;margin: 50px 0;}
	.g_footer .main .c3{width: 100%;}
}
/*--服务项目--*/
.service { background: #F2F2F2; clear: both; overflow: hidden; }
		.service .offset { margin-left: -15px; margin-bottom: -50px; overflow: hidden; }
		.service .offset .list > li { width:33.33%; float: left; padding-left:15px; background: no-repeat 15px center; background-size: cover; margin-bottom: 50px; }
		.service .offset .list > li .box { position: relative; height: 330px; display: block; background: rgba(0,0,0,.5); color: #fff; padding: 40px 20px; }
		.service .offset .list > li .box:hover { background: #ff6692; }
		.service .offset .list > li .box .l1 { font-weight: bold; margin-bottom: 10px; font-size: 17px; }
		.service .offset .list > li .box .l2:after { display: block; content: ''; width: 40px; background: #fff; height: 3px; margin-top: 30px; }

		.service .offset .list > li .box .b { position: absolute; left: 20px; right: 20px; bottom: 15px; }
		.service .offset .list > li .box .b .ico { width: 50px; height: 50px; padding: 10px; border: 1px solid #fff; border-radius: 25px; }
		.service .offset .list > li .box .b .right { line-height: 50px; float: right; }
		.service .offset .list > li .box .b .right img { height: 24px; vertical-align: middle; }


		@media (max-width: 900px) {
			.service .offset .list > li { width: 50%; }
		}

		@media (max-width: 500px) {
			.service .offset .list > li { width: auto; float: none; }
			.service .offset .list > li .box { height: 300px; }
		}
/*--服务项目 end--*/

.tag { clear: both; background:url(../img/index-bg-3.jpg) no-repeat center center; background-size: cover; margin-bottom: 80px; }
		.tag .mask { background: rgba(255,102,146,.8); }
		.tag .mask .list > li { width: 25%; height: 250px; float: left; padding-top: 70px; text-align: center; color: #fff; }
		.tag .mask .list > li .ico img { height: 48px; margin-bottom: 5px; }
		.tag .mask .list > li .l1 em { font-size: 40px; }

		@media (max-width: 900px) {
			.tag .mask .list > li { width: 50%; height: 150px; padding-top: 30px; }
		}

		@media (max-width: 500px) {
			.tag .mask .list > li .l1 em { font-size: 22px; }
		}
/*--新闻资讯模块--*/
.news { clear: both; margin-bottom: 80px; }
		.news .list { clear: both; padding: 1px 0 0 1px; }
		.news .list > li { margin: -1px 0 0 -1px; width: 33.33%; float: left; border: 1px solid #E4E4E4; border-collapse: collapse; }
		.news .list > li .box { display: block; height: 240px; padding: 30px 40px 0 40px; overflow: hidden; }
		.news .list > li .box:hover { background: #ff6692; }
		.news .list > li .box .time { float: left; text-align: right; margin-right: 25px; color: #9C9C9C; transition: ease .3s; }
		.news .list > li .box:hover .time { color: #fff; }
		.news .list > li .box .time > em { display: block; font-size: 50px; margin-bottom: 10px; }

		.news .list > li .box > div { overflow: hidden; }
		.news .list > li .box > div .l1 { color: #333333; margin-bottom: 20px; font-size: 15px; transition: ease .3s; }
		.news .list > li .box:hover > div .l1 { color: #fff; }
		.news .list > li .box > div .l2 { height: 5.4em; overflow: hidden; line-height: 1.8em; color: #898989; margin-bottom: 25px; transition: ease .3s; }
		.news .list > li .box:hover > div .l2 { color: #fff; }
		.news .list > li .box > div .btn { display: inline-block; color: #898989; line-height: 30px; padding: 0 10px; border: 1px solid #E4E4E4; transition: ease .3s; }
		.news .list > li .box:hover > div .btn { color: #fff; }

		@media (max-width: 900px) {
			.news .list > li { width: 50%; }
		}
		@media (max-width: 700px) {
			.news .list > li .box { padding: 30px 10px 0 10px; overflow: hidden; }
			.news .list > li .box .time { margin-right: 15px; }
		}
		@media (max-width: 500px) {
			.news .list > li { width: auto; float: none; }
		}
		
		
		/*--在线留言--*/
		.message{background:url(../img/index-bg-4.jpg) no-repeat center center;background-size:cover;padding-top:100px;}
		.message .mes_con{background:#ffffff;width:1200px;}
		.message .lx .list{background:#ff6692;}
		.message .lx .list > li{text-align:center;padding:50px;max-width:320px;border-bottom:1px solid #ff1055;}
		.message .lx .list > li .l1{color:#ffffff;line-height:24px;font-size: 18px;}
		.message .lx .list > li .ico{display:block;padding-bottom:20px;}
		.message .lx .list > li .ico img{width:45px;}
		.message .ly{width:880px;margin:0 auto;padding:57px 110px 76px 100px;}
		.message .ly .ly_con .list_inp{margin-left:-30px;}
		.message .ly .ly_con .list_inp > li{float:left;width:50%;padding-left:30px;}
		.message .ly .ly_con .list_inp > li span{padding-bottom:13px;color:#282828;display:block;}
		.message .ly .ly_con .input_1{width:100%;height:38px;background:#f2f2f2;border:1px solid #e4e4e4;}
		.message .ly .ly_con .text_a{width:100%;height:78px;background:#f2f2f2;border:1px solid #e4e4e4;}
		.message .ly .ly_con .btn{padding:14px 45px;background:#ff6692;color:#ffffff;margin-top:30px;display: inline-block;}
		.message .ly .ly_con .p1_inp{padding-top:28px;}
		.message .ly .ly_con .p1_inp span{padding-bottom:13px;color:#282828;display:block;}
		.message .ly .ly_con .h1{font-size:30px;color:#282828;padding-bottom:40px;}
		@media (max-width: 1024px) {
			.message .mes_con{width:auto;}
			.message .lx{float:none;}
			.message .lx .list > li{max-width:none;width:100%;}
			.message .ly{float:none;width:auto;}
			
		}
		@media (max-width: 600px) {
			.message .ly{padding:30px;}
			.message .ly .ly_con .list_inp{margin-top:-28px;}
			.message .ly .ly_con .list_inp > li{width:100%;padding-top:28px;}
		}

/*--子页面banner--*/
.sub_banner .mask{background:rgba(0,0,0,0.5);padding:120px 0;}
.sub_banner{color:#ffffff;}
.sub_banner p{text-align:center;}
.sub_banner .h1{font-size:30px;padding-bottom:13px;}

/*--sub_tab--*/
.sub_tab{border:1px solid #e4e4e4;}
.sub_tab .list{}
.sub_tab .list > li{float:left;}
.sub_tab .list > li .box{display:block;font-size:16px;color:#626262;padding:20px;}
.sub_tab .list > li .cur{font-weight:bold;color:#ff6692;border-bottom:3px solid #ff6692;}
@media (max-width: 1024px) {
	.sub_tab .list > li{width:50%;}
	.sub_tab .list > li .box{text-align:center;}
}

/*--服务团队--*/
		.team{}
		.team .offset{margin-left:-30px;margin-bottom:-40px;}
		.team .offset .list > li{float:left;width:20%;padding-left:30px;padding-bottom:40px;}
		.team .offset .list > li .box{display:block;padding:30px 32px;background:#f2f2f2;text-align:center;height: 380px;}
		.team .offset .list > li .box .ico{padding:6px 0 16px 0;}
		.team .offset .list > li .box .ico img{border-radius:50%;}
		.team .offset .list > li .box .p1{font-size:18px;color:#333;}
		.team .offset .list > li .box .line{display:block;width:28px;height:2px;background:#a4a4a4;margin:20px auto;}
		.team .offset .list > li .box .p2{font-size:14px;color:#898989;padding-top:16px;}
		.team .offset .list > li .box .add{font-size:30px;color:#ff6692;padding-top:20px;}
		.team .offset .list > li .box:hover{background:#ff6692;color:#fff;}
		.team .offset .list > li .box:hover .line{background:#ffffff;}
		.team .offset .list > li .box:hover .p1,.team .offset .list > li .box:hover .p2,.team .offset .list > li .box:hover .add{color:#ffffff;}
		.team .offset .list > li .cur{background:#ff6692;color:#fff;}
		.team .offset .list > li .cur .line{background:#ffffff;}
		.team .offset .list > li .cur .p1,.team .offset .list > li .cur .p2,.team .offset .list > li .cur .add{color:#ffffff;}
		.team .offset .list > li:nth-child(5n+1){clear:both;}
		@media (max-width: 1024px) {
			.team .offset .list > li{width:33.33%}
			.team .offset .list > li:nth-child(n){clear:none;}
			.team .offset .list > li:nth-child(3n+1){clear:both;}
		}
		@media (max-width: 800px) {
			.team .offset .list > li{width:50%}
			.team .offset .list > li:nth-child(n){clear:none;}
			.team .offset .list > li:nth-child(2n+1){clear:both;}
		}
		
		
		
		/*--
		.case{background:url(../img/index-bg-3.jpg) no-repeat center center;background-size:cover;}
		.case .pt{padding-top:100px;}
        .case .case_con{background:#ffffff;padding:0 50px;}
		.case .case_con .nr .pic{padding-right:40px;}
		.case .case_con .nr > div{padding-top:20px;}
		.case .case_con .nr > div .h1{font-size:18px;color:#333;}
		.case .case_con .nr > div .p1{color:#626262;line-height:26px;padding-top:30px;}
		@media (max-width: 800px) {
			.case .case_con .nr .pic{float:none;text-align:center;padding-right:0;}
		}*/
		

		.case .pt{padding-top:100px;}
		.case .bg_case{background:#ffffff;margin-bottom:-20px;}
        .case .case_con{padding:0 50px;margin:40px 0 60px 0;}
        .case .case_con li{ display: block; width: 32%; margin-right: 3%; float: left;}
		.case .case_con li:nth-child(3n){margin-right:0;} 

		.nr{padding:40px 0;border-bottom:1px solid #e4e4e4;width: 90%; margin: 0 auto;}
		.nr .pic{display: block;width: 40%;}
		.nr .pic img{max-width: 100%;}
		.nr > div{padding-top:20px;}
		.nr .wenzi{width:48%;}
		.nr > div .h1{font-size:22px;color:#333;font-weight: bold;}
		.nr > div .p1{color:#626262;line-height:26px;padding-top:30px;}
		@media (max-width: 1024px) {
			.nr .pic{float:none;text-align:center;padding-right:0;width: 100%;}
			.nr > div{float:none;}
			.nr .wenzi{max-width:none;}
		}
		
		
		/*--详情页--*/
		.detail_bt{border-bottom:2px solid #333;margin-bottom:40px;margin-top:60px;}
		.detail_bt .h1{font-size:18px;color:#333;font-weight:bold;padding-bottom:20px;}
		
		.weixin{text-align:center;margin-top:85px;margin-bottom:60px;}
	    .weixin .wx_f{display:block;}
		.detail_page{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:28px 0;}
		.detail_page .page_p1{line-height:30px;}
		.detail_page .page_p1 .h1{color:#282828;font-weight:bold;}
		
		.nes_left{max-width:820px;}
		.nes_right{max-width:320px;}
		.nes_right .r_case .pic img{display:block;}
		.nes_right .r_case .font{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:30px 18px;line-height:24px;}
		.case_bt{padding:20px;background:#ff6692;color:#fff;}
		.nes_right .r_case .font .p1{padding-bottom:18px;font-size:16px;}
		.nes_right .r_case .font .p2{color:#898989;}
		.nes_right .r_td{margin-top:20px;}
		.nes_right .r_td .list_td{border:1px solid #e4e4e4;}
		.nes_right .r_td .list_td > li{padding:0 18px;}
		.nes_right .r_td .list_td > li .box{display:block;border-bottom:1px dashed #e4e4e4;padding:18px 0;}
		.nes_right .r_td .list_td > li .box .pic{padding-right:13px;}
		.nes_right .r_td .list_td > li .box .pic img{width:100px;border-radius:50%;}
		.nes_right .r_td .list_td > li .box > div .p1{padding:14px 0 20px 0;}
		.nes_right .r_td .list_td > li .box > div .h1{display:inline-block;font-size:16px;color:#333;font-weight:bold;border-bottom:2px solid #a4a4a4;padding-bottom:11px;margin-right:11px;}
		@media (max-width: 1024px) {
			.nes_left{float:none;max-width:none;}
			.nes_right{float:none;max-width:none;width:100%;}
			.nes_right .r_case .pic{float:left;padding:30px 18px;}
		}
		@media (min-width: 800px) and (max-width: 1024px ) {
			.nes_right .r_case .font{padding:50px 18px;}
		}
		@media (max-width: 600px) {
			.nes_right .r_case .pic{float:none;padding:0;width:100%;}
			.nes_right .r_case .pic img{width:100%;}
		}