/*网站灰色*/
/*html{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("../fonts/1a447f4ed0fc4f2ea2f05ac0f16176bc.woff"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}*/

/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:'Microsoft YaHei'; color:#000; overflow-x:hidden;}
a{ color:#999;}
a:hover{ color:#e02347; text-decoration:none;transition:all .3s ease;}
p{ padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.wapper2{ min-width:1200px; margin:0 auto;}
.wapper3{ width:80%; margin:0 auto;}
img{
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
@media(max-width:768px){
.wapper{ width:100%;}
.wapper2{ min-width:0px;}
	.wapper3{ width:98%; margin:0 auto;}
}
/*common end*/

.headbg{ width:100%; position:absolute; z-index:55; top:0; left:0; transition:all .3s ease;background: rgb(255 255 255);}
.headbg.active{ position:fixed; background:#fff;}
.head{ height:90px;}
.head .logo{ float:left; width:32%; height:90px; position:relative;}
.head .logo img{ display:block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0; }
.head .rt{ float:right;}
/*menu*/
.menu{height:90px;line-height:90px; }
.menu ul li{ float:left; position:relative;margin-right: 10px}
.menu ul li span a{ font-size:16px;color:#000; font-weight:normal;display:block;text-align:center; padding:0 24px; position:relative;}
.menu ul li span a:before{ content:""; opacity:0; width:0; height:3px; background:#e02347; position:absolute; top:0; left:0; transition:all .3s ease;}
.menu ul li span a:hover{color:#e02347;}
.menu ul li span a:hover:before{ width:100%;}
.menu ul li span a.menu_hover{ color:#e02347; }
.menu ul li span a.menu_hover:before{ width:100%; opacity:1;}
.menu ul li dl{ background:#fff; width:125px; position:absolute; left:0px; top:100%; box-shadow:0px 0px 18px 0px rgba(222, 222, 222, 0.75); border-radius:10px; padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:24px; }
.menu ul li dl dd a{ font-size:14px; color:#999; font-weight:normal;display:block;text-align:left; padding:8px 10px 8px  24px;}
.menu ul li dl dd a:hover{ color:#e02347;}
.menu ul li:last-child{margin-right: 0}
.menu a.active{ color:#e02347; }
.menu a.active:before{ width:100%; opacity:1;}
/**/
.nav_open{ height:40px; line-height:40px; text-align:center; font-size:20px; color:#999; float:right; margin:10px 4% 0 0; display:none;}
.nav_open i{ vertical-align:middle;}
.navbg{ width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:66; display:none;}
.nav{ padding:60px 4% 20px 4%; position:relative;}
.nav_logo{ width:60%; height:60px; position:absolute; top:0; left:4%;}
.nav_logo a{ display:block; width:100%; height:100%;}
.nav_logo img{ display:block; max-width:100%; max-height:50%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0; }
.nav_close{ height:40px; line-height:40px; text-align:center; font-size:20px; color:#999; position:absolute; right:4%; top:10px;}
.nav_close i{ vertical-align:middle; }
.nav_list{ height:calc(100vh - 80px); overflow-Y:scroll;}
.tree{}
.tree_box{ }
.tree_one,.tree_two{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:14px; height:49px; line-height:49px; overflow:hidden; margin:0; position:relative; border-bottom:1px solid #eee;}
.tree_box h3 a{ color:#333; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#cc0000;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{}
.tree_one h4{ font-weight:normal; font-size:12px; position:relative; height:39px; line-height:39px; overflow:hidden; margin:0 0 0 4%; border-bottom:1px solid #eee;}
.tree_box h4 a{ color:#666; position:relative; z-index:10;}
.tree_box h4 a:hover{ color:#cc0000;}
@media(max-width:768px){
.headbg{ box-shadow:0 0 1px #999;}
.head{ height:60px;}
.head .logo{ width:50%; height:60px; margin-left:4%;}
.head .logo img{ max-width:100%; max-height:50%;}
.head .rt{ display:none;}

.nav_open{ display:block;}
}





.bannerbg{ height:650px; position:relative; z-index:1; background:#f7f8fc;}
.bannerbg .bg1{ position:absolute; right:2%; top:5%;}
.bannerbg .bg1 img{ width:450px;}
.bannerbg .bg2{ position:absolute; right:-27%; top:21%;}
.bannerbg .bg2 img{ width:900px;}
.bannerbg table{ height:100%; max-width:1200px; margin:0 auto; position:relative; z-index:2;}
.bannerbg td{ height:100%;}
.bannerbg .txt{ text-align:center;}
.bannerbg .txt .h2{ font-size:20px; line-height:30px; color:#999;}
.bannerbg .txt .h3{ font-size:40px; line-height:44px; margin-top:10px;}
.bannerbg .banner_img{ display:block; width:38%; position:absolute; right:0; top:260px; }
@media(max-width:768px){
.bannerbg{ height:auto; padding:140px 4%;}
.bannerbg .txt .h2{ font-size:18px; line-height:28px;}
.bannerbg .txt .h3{ font-size:22px; line-height:30px; margin-top:15px;}
}


.tit1{ text-align:center;}
.tit1 .h2{ font-size:40px; line-height:60px; }
.con01bg{ padding:100px 0 120px 0; position:relative;
background:#eceef6;}
.con01bg .bg3{ position:absolute; right:0%; top:60%; z-index:1;}
.con01bg .bg3 img{ width:580px;}
.con01{position:relative; z-index:2;}
.con01 .list{ margin-top:0;}
.con01 .list ul li{ float:left; width:calc(100%/5 - 100px); margin:50px 50px 0 50px;}
/*.con01 .list ul li:nth-child(5n){ margin-right:0;}*/
.con01 .list ul li .img{ padding-bottom:100%; position:relative;}
.con01 .list ul li .img img{ display:block; position:absolute; right:0; bottom:0; left:0; margin:auto auto;}
.con01 .list ul li.li1 .img img{ height:60%;}
.con01 .list ul li.li2 .img img{ height:84%;}
.con01 .list ul li.li3 .img img{ height:60%;}
.con01 .list ul li.li4 .img img{ height:76%;}
.con01 .list ul li.li5 .img img{ height:62%;}
.con01 .list ul li .txt{ font-size:12px; line-height:22px; color:#999; text-align:center; margin-top:20px;}
@media(max-width:768px){
.tit1 .h2{ font-size:30px; line-height:40px; }
.con01bg{ padding:40px 4% 40px 4%;}
.con01 .list ul li{ float:left; width:calc((100% - 40px)/3); margin:20px 20px 0 0;}
.con01 .list ul li:nth-child(5n){ margin-right:20px;}
.con01 .list ul li:nth-child(3n){ margin-right:0;}
.con01 .list ul li:nth-child(4){ margin-left:calc(((100% - 40px)/3 + 20px)/2);}
.con01 .list ul li .txt{ display:none;}
}

.more1{ margin-top:50px;}
.more1 a{ display:inline-block; color:#fff; font-size:18px; height:50px; line-height:50px; padding:0 50px; border-radius:10px; transition:all .3s ease;
background:rgba(224,35,71);
background-image: linear-gradient(to right, rgba(224,35,71) , rgba(234,85,72));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = rgba(224,35,71), endColorstr = rgba(234,85,72));}
.more1 a:hover{ box-shadow:0px 25px 42px 0px rgba(224,35,71,.2);}
.con02bg{ padding:160px 0 200px 0; background:#f7f8fc; position:relative;}
.con02bg .bg4{ position:absolute; left:-20%; top:20%;transform: scale(1.58);}
.con02bg .bg4 img{ width:1024px;}
.con02bg .bg5{ position:absolute; right:-30%; top:-30%; z-index:1;}
.con02bg .bg5 img{ width:1000px;}
.con02{ width:76%; position:relative; z-index:2;}
.con02_lt{ float:left; width:40%;}
.con02_lt .h2{ font-size:40px; line-height:60px;}
.con02_lt .h3{ font-size:20px; line-height:30px; color:#999; margin-top:40px;}
.con02_rt{ float:right; width:calc(46% - 50px);}
.con02_rt ul li{ float:left; width:calc((100% - 50px)/3 - 2px); margin:25px 25px 0 0; background:#f7f8fc; box-shadow:-15px -15px 20px rgba(255,255,255,.8), 15px 15px 20px rgba(57,65,124,.08); border-radius:10px; overflow:hidden; text-align:center; transition:all .3s ease; }
.con02_rt ul li:hover{ box-shadow: 0px 25px 42px 0px rgb(224 35 71 / 20%);
    background: rgba(224,35,71);
    background-image: linear-gradient(to right, rgba(224,35,71) , rgba(234,85,72));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = rgba(224,35,71), endColorstr = rgba(234,85,72));}
.con02_rt ul li:hover .txt .h2{color: #fff}
.con02_rt ul li:nth-child(3n){ margin-right:0;}
.con02_rt ul li:nth-child(1),.con02_rt ul li:nth-child(2),.con02_rt ul li:nth-child(3){ margin-top:0;}
.con02_rt ul li .nr_box{ display: block; padding:25px;}
.con02_rt ul li .img{ height:60px; position:relative;}
.con02_rt ul li .img img{ display:block; max-width:90%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con02_rt ul li .txt{}
.con02_rt ul li .txt .h2{ font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#000; margin-top:5px;}
.con02_rt ul li .txt .h3{ font-size:12px; line-height:16px; height:32px; overflow:hidden; color:#999; margin-top:5px; text-transform:uppercase;}
.con02_rt ul li a.nr_box:hover{
	}
.con02_rt ul .li2{}
.con02_rt ul .li2:hover{ box-shadow:0px 25px 42px 0px rgba(224,35,71,.2);}
.more3{ padding:25px;
background:rgba(224,35,71);
background-image: linear-gradient(to right, rgba(224,35,71) , rgba(234,85,72));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = rgba(224,35,71), endColorstr = rgba(234,85,72));}
.more3:hover{ box-shadow:0px 25px 42px 0px rgba(224,35,71,.2);}
.more3 .ico{ height:60px; position:relative;}
.more3 .ico img{ display:block; max-width:90%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.more3 .h2{ font-size:25px; line-height:35px; height:35px; overflow:hidden; color:#fff; margin-top:5px;}
.more3 .h3{ font-size:12px; line-height:16px; height:32px; overflow:hidden; margin-top:5px; color:rgba(255,255,255,.5);}
@media(max-width:768px){
.con02_lt .more1{ margin-top:20px;}
.con02_lt .more1 a{ font-size:14px; height:40px; line-height:40px; padding:0 30px; }
.con02bg{ padding:40px 4% 60px 4%;}
.con02{ width:100%;}
.con02_lt{ float:none; width:100%;}
.con02_lt .h2{ font-size:30px; line-height:40px;}
.con02_lt .h3{ font-size:14px; line-height:24px; margin-top:20px;}
.con02_rt{ float:none; width:100%; margin-top:30px;}
.con02_rt ul li{ float:left; width:calc((100% - 10px)/2); margin:10px 10px 0 0; box-shadow:-10px -10px 20px rgba(255,255,255,.8), 15px 15px 20px rgba(57,65,124,.08);}
.con02_rt ul li:nth-child(1), .con02_rt ul li:nth-child(2), .con02_rt ul li:nth-child(3){ margin-top:10px;}
.con02_rt ul li:nth-child(3n){ margin-right:10px;}
.con02_rt ul li:nth-child(2n){ margin-right:0;}
.con02_rt ul li .nr_box{ padding:20px 0; }
.con02_rt ul li .img{ height:50px;}
.con02_rt ul li .txt{}
.con02_rt ul li .txt .h2{ font-size:20px; line-height:30px; height:30px; margin-top:5px;}
.con02_rt ul li .txt .h3{ font-size:12px; line-height:16px; height:32px; margin-top:5px;}
.con02_rt ul .li2{ box-shadow:-10px -10px 20px rgba(255,255,255,.8), 15px 15px 20px rgba(57,65,124,.08);}
.con02_rt ul .li2:hover{ box-shadow:0px 25px 42px 0px rgba(224,35,71,.2);}
.more3{ padding:20px 0;}
.more3 .ico{ height:50px;}
.more3 .h2{ font-size:20px; line-height:30px; height:30px; margin-top:5px;}
.more3 .h3{ font-size:12px; line-height:16px; height:32px; margin-top:5px;}
}



.tit2{}
.tit2 .lt{ float:left; width:54%;}
.tit2 .lt .h2{ font-size:24px; line-height:34px;}
.tit2 .lt .h3{ font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.tit2 .rt{ float:right;}
.tit2 .rt .more1{ margin-top:5px;}
.more2{ margin-top:25px;}
.more2 a{ display:inline-block; color:#000; font-size:15px; height:40px; line-height:40px; padding:0 20px; border-radius:10px; background:#fff;}
.more2 a:hover{background:rgba(224,35,71); color:#fff;
background-image: linear-gradient(to right, rgba(224,35,71) , rgba(234,85,72));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = rgba(224,35,71), endColorstr = rgba(234,85,72));}

.con03bg{ padding:0 0 100px 0;background:#f7f8fc;}
.con03{}
.con03 .list{ margin-bottom:50px;}
.swiper-container1_box{ position:relative;/* padding-bottom:73px;*/}
.swiper-container1 { width: 100%; height: 100%; }
.swiper-container1 .swiper-slide { position:relative; }
.swiper-container1 .swiper-slide .nr_box{}
.swiper-container1 .swiper-slide .img{ padding-bottom:30%;}
.swiper-container1 .swiper-slide .txtbg{ width:100%; height:100%; position:absolute; bottom:0; left:0;}
.swiper-container1 .swiper-slide .txt{position:absolute; bottom:0; left:0;width:100%; padding:30px 0 30px 18%;background: rgba(0,0,0,.5); color:#fff;}
.swiper-container1 .swiper-slide .txt .h2{ font-size:30px; line-height:30px;}
.swiper-container1 .swiper-slide .txt .h2 a{color:#fff}
.swiper-container1 .swiper-slide .txt .h3{ font-size:16px; line-height:35px; margin:15px 0;}
.swiper-container1_box .swiper-pagination1{ position:absolute; bottom:10px; left:0; width:100%;}
.swiper-container1_box .swiper-pagination1 .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1; margin:0 5px;}
.swiper-container1_box .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:rgba(224,35,71); opacity:1;}
.swiper-container1_box .swiper-button1{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:none;}
.swiper-container1_box .swiper-button-prev1,.swiper-container1_box .swiper-button-next1{ width:48px; height:48px; border-radius:0; margin:0; position:static; float:left; background-color:#fff; }
.swiper-container1_box .swiper-button-prev1{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e02347'%2F%3E%3C%2Fsvg%3E"); background-size:24%;}
.swiper-container1_box .swiper-button-next1{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size:24%; background-color:rgba(224,35,71);}
@media(max-width:768px){
.tit2{ width:90%; padding:0 4%;}
.tit2 .lt{ float:none; width:100%;}
.tit2 .lt .h2{ font-size:22px; line-height:32px; }
.tit2 .lt .h3{ font-size:12px; line-height:22px; margin-top:10px;}
.tit2 .rt{ float:none;}
.tit2 .rt .more1{ margin-top:20px;text-align: center}
.tit2 .rt .more1 a{ width: 80%; font-size:14px; height:40px; line-height:40px; padding:0 20px; }
.con03bg{ padding:0 0 40px 0; }
.con03 .list{ margin-bottom:30px;}
.swiper-container1 { width: 100%; height: 100%; }
.swiper-container1 .swiper-slide .img{ padding-bottom:50%;}
.swiper-container1 .swiper-slide .txt{ width:90%; padding:25px 5% 24px 5%; }
.swiper-container1 .swiper-slide .txt .h2{ font-size:18px; line-height:22px;}
.swiper-container1 .swiper-slide .txt .h3{display: none;font-size:14px; line-height:24px; margin-top:10px;}
.more2{ margin-top:20px;}
}


.con04{ background:#f7f8fc; padding:10px 0; overflow:hidden; position:relative;}
.con04 .c4_tit{ height:300px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
.con04 img{ display:block;/* width:100%;*/
/*!*延迟2s在进行滚动*!*/
/*animation-delay: 2s;*/
/*3s持续滚动图片*/
/*-webkit-animation: 10s scrollUp linear infinite normal; 
animation: 10s scrollUp linear infinite normal;*/
}
.scroll_01{}
.scroll_01 .bd ul li{ width:1903px !important;}
.scroll_01 .bd ul li img{ display:block; width:1903px !important;}
@media(max-width:768px){
.con04{ background:#f7f8fc; padding:10px 0 30px 0; overflow:hidden; position:relative;}
.con04 .c4_tit{ height:100px;}
.scroll_01 .bd ul li{ width:1000px !important;}
.scroll_01 .bd ul li img{ display:block; width:1000px !important;}
}



.footbg{ padding:80px 0 30px 0; background:#f7f8fc; border-bottom:6px solid rgba(224,35,71);border-image: linear-gradient(90deg,rgba(224,35,71) 10%,rgba(234,85,72) 65%) 1;  overflow:hidden;}
.footbg .bg6{ position:absolute; top:-52%; left:-44%; }
.footbg .bg6 img{ width:1200px;}
.foot_nav{border-bottom:1px solid #e5e9ed;padding-bottom:50px;margin-bottom: 50px}
.foot_nav dl{ float:left; width:calc(100%/6);}
.foot_nav dl dt{ text-align: center; font-size:16px; line-height:30px; margin-bottom:10px;}
.foot_nav dl dt a{ color:#e02347;}
.foot_nav dl dd{ text-align: center; font-size:14px; line-height:30px;}
.foot_nav dl dd a{ color:#999;}
.foot{ color:#999;}
.foot .lt{ float:left; width:28%;}
.foot .lt .f_logo{}
.foot .lt .f_logo img{ display:block; max-width:100%;}
.foot .lt .f_copy{ font-size:14px; line-height:24px; margin-top:5px;}
.foot .rt{ float:right; width:50%;}
.foot .rt .f_info{ float:right; text-align:right;}
.foot .rt .f_info ul li{ font-size:14px; line-height:24px; color:#999;}
.foot .rt .f_info ul li a{ color:#999;}
.foot .rt .f_info ul li a:hover{ color:rgba(224,35,71);}
.foot .rt .img{ width:72px; height:72px; position:relative; margin-left:25px; float:right;/* box-shadow:0px 20px 75px 0px rgba(224,35,71,.35);*/ border-radius:100%; background:#fff;}
.foot .rt .img img{ display:block; max-width:90%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.btn_top{ position:fixed; right:25px; bottom:50px; z-index:66;}
.btn_top img{ display:block; width:50px; height:50px;border-radius: 50%;}
@media(max-width:768px){
.footbg{ padding:20px 4% 30px 4%;}
.foot_nav{ display:none;}
.foot .lt{ float:none; width:100%;}
.foot .lt .f_copy{ margin-top:15px; font-size:12px; line-height:22px;}
.foot .rt{ float:none; width:100%;}
.foot .rt .f_info{ float:none; text-align:left;}
.foot .rt .f_info ul li{ font-size:12px; line-height:22px; color:#999;}
.foot .rt .f_info ul li a{ color:#999;}
.foot .rt .f_info ul li a:hover{ color:rgba(224,35,71);}
.foot .rt .img{ display:none;}
.btn_top{ position:fixed; right:14px; bottom:15px; z-index:66;}
.btn_top img{ display:block; width:40px; height:40px;}
}


/*@-webkit-keyframes scrollUp {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-400px);
		transform: translateX(-400px);
	}
}

@-moz-keyframes scrollUp {
	0% {
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-moz-transform: translateX(-400px);
		transform: translateX(-400px);
	}
}

@-o-keyframes scrollUp {
	0% {
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-o-transform: translateX(-400px);
		transform: translateX(-400px);
	}
}*/

@keyframes scrollUp {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}




/*Add------------------------------------------------------------------------------*/



.banner_about{ height:720px; position:relative; z-index:1; margin-top:90px;}
.banner_about:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.1); z-index:1;}
.banner_about table{ height:100%; max-width:1200px; margin:0 auto;}
.banner_about td{ height:100%;}
.banner_about .txt{ text-align:center; position:relative; z-index:2;}
.banner_about .txt .h2{ font-size:40px; line-height:70px; color:rgba(255,255,255,1);}
.banner_about .banner_img{ display:block; width:38%; position:absolute; right:0; top:260px; }
@media(max-width:768px){
.banner_about{display: none;height:auto; padding:140px 4%; margin-top:60px}
.banner_about .txt .h2{ font-size:20px; line-height:30px;}
}



.aboutus1bg{ padding:100px 0 200px 0; background:#f7f8fc;}
.aboutus1{ width:76%;}
.aboutus1_lt{ float:left; width:calc(45% - 50px); padding:50px 0 0 50px; position:relative; margin:0 5% 2% 0;}
.aboutus1_lt:before{ content:""; width:calc(100% - 50px); height:calc(100% - 50px); position:absolute; top:0; left:0; z-index:1;
background: rgba(224,35,71);
background-image: linear-gradient(to right, rgba(224,35,71) , rgba(234,85,72));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = rgba(224,35,71), endColorstr = rgba(234,85,72));}
.aboutus1_lt img{ display:block; width:100%; position:relative; z-index:2; box-shadow:0px 17px 45px 0px rgba(91, 91, 91, 0.35);}
.aboutus1_rt{/* float:right; width:50%;*/}
.aboutus1_rt .h2{ font-size:40px; line-height:60px;}
.aboutus1_rt .h2 .line1{ line-height:0; font-size:0; margin-top:15px;}
.aboutus1_rt .h2 .line1 img{ display:block; max-width:100%;}
.aboutus1_rt .txt{ font-size:16px; line-height:2em; color:#666; margin-top:3%;}
.aboutus1_rt .img_box{}
.aboutus1_rt .img_box ul li{ float:left; width:calc((100% - 200px)/5); margin:9% 50px 0 0;}
.aboutus1_rt .img_box ul li:nth-child(5n){ margin-right:0;}
.aboutus1_rt .img_box ul li .img{ padding-bottom:100%; position:relative;}
.aboutus1_rt .img_box ul li .img img{ display:block; position:absolute; right:0; bottom:0; left:0; margin:auto auto;}
.aboutus1_rt .img_box ul li.li1 .img img{ height:60%;}
.aboutus1_rt .img_box ul li.li2 .img img{ height:84%;}
.aboutus1_rt .img_box ul li.li3 .img img{ height:60%;}
.aboutus1_rt .img_box ul li.li4 .img img{ height:76%;}
.aboutus1_rt .img_box ul li.li5 .img img{ height:62%;}
.aboutus1 .txt2{ font-size:16px; line-height:2em; margin-top:3%; color:#666;}
@media(max-width:768px){
.aboutus1bg{ padding:80px 5% 40px 5%;}
.aboutus1{ width:100%;}
.aboutus1_lt{ float:none; width:calc(100% - 20px); padding:20px 0 0 20px; }
.aboutus1_lt:before{ width:calc(100% - 20px); height:calc(100% - 20px); }
.aboutus1_rt{ float:none; width:100%; margin-top:10%;}
.aboutus1_rt .h2{ font-size:30px; line-height:40px;}
.aboutus1_rt .txt{ font-size:14px; line-height:2em; margin-top:7%;}
.aboutus1_rt .img_box ul li{ float:left; width:calc((100% - 40px)/3); margin:20px 20px 0 0;}
.aboutus1_rt .img_box ul li:nth-child(5n){ margin-right:20px;}
.aboutus1_rt .img_box ul li:nth-child(3n){ margin-right:0;}
.aboutus1_rt .img_box ul li:nth-child(4){ margin-left:calc(((100% - 40px)/3 + 20px)/2);}
	.aboutus1 .txt2{ font-size:14px; line-height:2em; margin-top:3%; color:#666;}
}

.tit3{ text-align:center;}
.tit3 .h2{ font-size:40px; line-height:60px; text-align:center;}
.tit3 .h2 .line1{ line-height:0; font-size:0; margin-top:15px;}
.tit3 .h2 .line1 img{ display:block; max-width:100%; margin:0 auto;}
.tit3 .h3{ font-size:16px; line-height:26px; color:#999; margin-top:15px;}
.aboutus2bg{ background:#f7f8fc; padding:100px 0 120px 0; position:relative;}
.aboutus2bg .bg7{ position:absolute; top:10%; left:0%;}
.aboutus2bg .bg7 img{ width:550px;}
.aboutus2{ width:100%; position:relative; z-index:2;}
.aboutus2 .list{ margin-top:50px;}
.swiper-container2_box{ position:relative; padding:0 5%;}
.swiper-container2 { width: 100%; height: 100%; padding-bottom:50px;}
.swiper-container2 .swiper-slide { position:relative; text-align:center;}
.swiper-container2 .swiper-slide .img{width: 200px;height:125px;margin: 0 auto; padding-top: 75px; background:url(../images/about_img1.png) center no-repeat;background-size:cover;text-align: center;color:#57382A;font-size: 16px}
.swiper-container2 .swiper-slide .img1{width: 200px;height:115px;margin: 0 auto; padding-top: 85px; background:url(../images/about_img1.png) center no-repeat;background-size:cover;text-align: center;color:#57382A;font-size: 16px}
.swiper-container2 .swiper-slide .txt2{ font-size:16px; line-height:26px; margin-top:15px;}
.swiper-container2 .swiper-pagination2{ bottom:0; }
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{ width:10px; height:10px; background:#999; opacity:1; margin:0 5px;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:rgba(224,35,71); opacity:1;}
.swiper-container2_box .swiper-button2{ display:none;}
.swiper-container2_box:hover .swiper-button2{ display:block;}
.swiper-container2_box .swiper-button-prev2,.swiper-container2_box .swiper-button-next2{ width:48px; height:48px; border-radius:0; margin-top:-24px; position:absolute; top:50%; }
.swiper-container2_box .swiper-button-prev2{ left:3%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e02347'%2F%3E%3C%2Fsvg%3E"); background-size:contain;}
.swiper-container2_box .swiper-button-next2{ right:3%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e02347'%2F%3E%3C%2Fsvg%3E"); background-size:contain;}
@media(max-width:768px){
.tit3 .h2{ font-size:30px; line-height:40px; }
.tit3 .h3{ font-size:12px; line-height:22px;}
.aboutus2bg{ padding:50px 0 40px 0;}
.swiper-container2 .swiper-slide .img img{ height:100px;}
.swiper-container2 .swiper-slide .img{width: 140px;height:90px;margin: 0 auto; padding-top: 50px; background:url(../images/about_img1.png) center no-repeat;background-size:cover;text-align: center;color:#57382A;font-size: 11px}
.swiper-container2 .swiper-slide .img1{width: 140px;height:80px;margin: 0 auto; padding-top: 60px; background:url(../images/about_img1.png) center no-repeat;background-size:cover;text-align: center;color:#57382A;font-size: 11px}
.swiper-container2 .swiper-slide .txt2{ font-size:12px; line-height:22px; margin-top:15px;}
}


.aboutus3bg{  background:#f7f8fc; padding:100px 0; position:relative;}
.aboutus3bg .bg8{ position:absolute; left:-24%; top:0%; z-index:1;}
.aboutus3bg .bg8 img{ width:1100px;}
.aboutus3bg .bg9{ position:absolute; right:0%; top:0%;}
.aboutus3bg .bg9 img{ width:450px;}
.aboutus3{ position:relative; z-index:2;}
.aboutus3 .list ul li{ float:left; width:calc((100% - 90px)/4); margin:50px 30px 0 0; border-radius:10px;
box-shadow:-15px -15px 20px rgba(255,255,255,.8), 15px 15px 20px rgba(57,65,124,.08); background:#f7f8fc; transition:all .3s ease;}
.aboutus3 .list ul li:nth-child(4n){ margin-right:0;}
.aboutus3 .list ul li:hover{ transition:all .3s ease;
box-shadow:-15px -15px 20px rgba(255,255,255,.8), 15px 15px 20px rgba(57,65,124,.08);}
.aboutus3 .list ul li a{ display:block; position:relative;}
.aboutus3 .list ul li .box{ transform:rotate3d(0,0,0,0deg); transition:all .3s ease;transform-style: preserve-3d; transform-origin: 50% 50% 90px;}
.aboutus3 .list ul li .img{ position:relative; height:265px; overflow:hidden;}
.aboutus3 .list ul li .img>img{ display:block; width:170px; height:170px; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin: auto auto;}
.aboutus3 .list ul li .img .imgbg{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
.aboutus3 .list ul li:hover .img .imgbg{ display:block;}
.aboutus3 .list ul li .img .imgbg .bg{ height:260px; position:relative;}
.aboutus3 .list ul li .img .imgbg .bg img{ display:block; width:100%; opacity:.49;}
.aboutus3 .list ul li .img .imgbg .bg .icon{ width:100%; height:100%; /*background:url(../images/c8_3.png) center no-repeat;*/ position:absolute; top:0; left:0;}
.aboutus3 .list ul li .txt{ text-align:center; padding:0 20px;}
.aboutus3 .list ul li .txt h2{ font-weight:normal; font-size:24px; line-height:42px; color:#212121; height:42px; overflow:hidden;}
.aboutus3 .list ul li .txt h3{ font-weight:normal; font-size:14px; line-height:26px; color:#999; height:78px; overflow:hidden; margin:15px 0 0 0;text-align:center;}
.aboutus3 .list ul li .txt h4{ font-size:0; line-height:0; margin-top:58px;}
.aboutus3 .list ul li .txt h4 span{ display:inline-block; width:63px; height:6px; opacity:.3;}
.aboutus3 .list ul li:hover .txt h4 span{ opacity:1;}
.aboutus3 .list ul .li1 .border,.aboutus3 .list ul li:nth-child(4n-3) .border{ background:#e02347;}
.aboutus3 .list ul .li2 .border,.aboutus3 .list ul li:nth-child(4n-2) .border{ background:#e02347;}
.aboutus3 .list ul .li3 .border,.aboutus3 .list ul li:nth-child(4n-1) .border{ background:#e02347;}
.aboutus3 .list ul .li4 .border,.aboutus3 .list ul li:nth-child(4n) .border{ background:#e02347;}
.tdjsbg{ width:100%; height:100%; background:rgba(0, 0, 0, 0.4); position:fixed; z-index:999; top:0; left:0; display:none;}
.tdjs{ width:1125px; margin:0 auto; border-radius:20px; background:#fff; margin-top:10%; position:relative;}
.tdjs_close{ position:absolute; top:38px; right:38px; cursor:pointer;}
.tdjs_close img{}
.tdjs_con{}
.tdjs_con table td{}
.tdjs_con .lt{ width:435px;}
.tdjs_con .lt img{ display:block; width:100%;}
.tdjs_con .rt{ width:520px; padding:0 100px 0 70px;}
.tdjs_con .rt h2{ font-weight:normal; font-size:26px; line-height:36px;}
.tdjs_con .rt h3{ font-weight:normal; font-size:16px; line-height:36px;}
.tdjs_con .rt h4{ font-weight:normal; font-size:14px; line-height:32px; color:#999; padding-top:20px; margin-top:20px; border-top:1px solid #C2C0CC;}
@media(max-width:768px){
.aboutus3bg{ padding:20px 5% 50px 5%;}
.aboutus3 .list{ margin-top:20px;}
.aboutus3 .list ul li{ float:left; width:calc((100% - 15px)/2); margin:15px 15px 0 0; border-radius:10px;
box-shadow: 2px 2px 10px rgba(120, 80, 234, 0.15); transition:all .3s ease;}
.aboutus3 .list ul li:nth-child(2n){ margin-right:0;}
.aboutus3 .list ul li:hover{ transition:all .3s ease;
box-shadow: 0px 6px 20px rgba(120, 80, 234, 0.25);}
.aboutus3 .list ul li .box{}
.aboutus3 .list ul li .img{ padding:20px 0; overflow:hidden; height:auto;}
.aboutus3 .list ul li .img>img{ display:block; height:auto; width:54%; margin:0 auto;    border-radius: 100%; position:static;}
.aboutus3 .list ul li .img .imgbg{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
.aboutus3 .list ul li:hover .img .imgbg{ display:block;}
.aboutus3 .list ul li .img .imgbg .bg{ height:185px; position:relative;}
.aboutus3 .list ul li .img .imgbg .bg img{ display:block; width:100%; opacity:.49;}
.aboutus3 .list ul li .img .imgbg .bg .icon{ width:100%; height:100%; background:url(../images/c8_3.png) center no-repeat; position:absolute; top:0; left:0;}
.aboutus3 .list ul li .txt{ text-align:center; padding:0 4px;}
.aboutus3 .list ul li .txt h2{ font-weight:bold; font-size:14px; line-height:20px; color:#212121; height:20px; overflow:hidden;}
.aboutus3 .list ul li .txt h3{ font-weight:normal; font-size:12px; line-height:16px; color:#999; height:48px; overflow:hidden; margin-top:5px;text-align:center;}
.aboutus3 .list ul li .txt h5{ font-weight:normal; font-size:12px; line-height:18px; color:#999; height:90px; overflow:hidden; margin:10px 0 0 0; text-align:left; display:none;}
.aboutus3 .list ul li .txt h4{ font-size:0; line-height:0; margin-top:30px;}
.aboutus3 .list ul li .txt h4 span{ display:inline-block; width:50px; height:5px; opacity:.3;}
.aboutus3 .list ul li:hover .txt h4 span{ opacity:1;}
.tdjsbg{ width:100%; height:100%; background:rgba(0, 0, 0, 0.4); position:fixed; z-index:999; top:0; left:0; display:none;}
.tdjs{ width:80%; margin:0 auto; border-radius:20px; background:#fff; margin-top:20%; position:relative; padding-bottom:20px;}
.tdjs_close{ text-align:center; top:10px; right:10px;}
.tdjs_close img{ display:block; margin:0 auto; cursor:pointer;}
.tdjs_con{}
.tdjs_con .lt{ display:block; width:100%;}
.tdjs_con .lt img{ display:block; width:100%;}
.tdjs_con .rt{ display:block; width:calc(100% - 60px); padding:20px 30px 20px 30px;}
.tdjs_con .rt h2{ font-weight:normal; font-size:14px; line-height:20px;}
.tdjs_con .rt h3{ font-weight:normal; font-size:12px; line-height:20px;}
.tdjs_con .rt h4{ font-weight:normal; font-size:12px; line-height:20px; color:#999; padding-top:20px; margin-top:20px; border-top:1px solid #C2C0CC;}
}



.culture1bg{ position:relative; z-index:1; background:#f7f8fc; padding:150px 0 100px 0; overflow:hidden; }
.culture1bg .bg10{ position:absolute; top:-35%; right:-8%;}
.culture1bg .bg10 img{ width:600px;}
.culture1{ width:100%; position:relative; z-index:2;}
.culture1 .list{ margin-top:50px;}
.culture1 .list li{/* float:left; width:calc((100% - 100px)/3); margin:50px 50px 0 0;*/ border-radius: 87px 0; overflow: hidden; box-shadow: 0 0 28px 10px #f0f3f8; background:#fff; text-align:center;}
.culture1 .list li:nth-child(3n){ margin-right:0;}
.culture1 .list li .nr_box{}
.culture1 .list li .img_box{ overflow:hidden;}
.culture1 .list li .img{ padding-bottom:62%; transition:all .3s ease;}
.culture1 .list li:hover .img{ transform:scale(1.1);}
.culture1 .list li .ico{ width:80px; height:80px; position:absolute; top:-40px; left:50%; margin-left:-40px; background:#fff; border-radius:100%;}
.culture1 .list li .ico img{ display:block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; }
.culture1 .list li .txt{ position:relative; padding:50px 20px 50px 20px;}
.culture1 .list li .txt .h2{ font-size:24px; line-height:34px;color:#e02347}
.culture1 .list li .txt .h3{ font-size:18px; line-height:30px; height:120px; color:#999; margin-top:10px;color: #000}
@media(max-width:768px){
.culture1bg{ padding:100px 5% 50px 5%;}
.culture1 .list{ margin-top:10px;}
.culture1 .list li{ float:left; width:100%; margin:30px 0 0 0; border-radius: 47px 0; }
.culture1 .list li .txt{ position:relative; padding:50px 20px 10px 20px;}
.culture1 .list li .txt .h2{ font-size:24px; line-height:34px;}
.culture1 .list li .txt .h3{ font-size:20px; line-height:30px; height:80px; color:#999; margin-top:10px;}
}

.news1bg{ padding:10px 0 0 0; background:#f7f8fc;overflow: hidden}
.news1bg .bg11{ position:absolute; left:-5%; top:40%;}
.news1bg .bg11 img{ width:600px;}
.news1bg .bg12{ position:absolute; right:0%; top:-20%; z-index:1;}
.news1bg .bg12 img{ width:840px;}
.news1{ width:90%; position:relative; z-index:2;}
.news1 .list{ margin-top:50px;}
.swiper-container3 { width: 100%; height: 100%; padding-bottom:50px;}
.swiper-container3 .swiper-slide { position:relative;}
.swiper-container3 .swiper-slide .nr_box{}
.swiper-container3 .swiper-slide .img_box{ position:relative;}
.swiper-container3 .swiper-slide .img{ padding-bottom:67%;}
.swiper-container3 .swiper-slide .date{ width:100px; height:70px; background:rgba(255,255,255,0.9); position:absolute; bottom:20px; right:0; color:#000; padding:5px 0; text-align:center;}
.swiper-container3 .swiper-slide:hover .date{ background:#e02347; color:#fff;}
.swiper-container3 .swiper-slide .date strong{ display:block; font-size:36px; line-height:46px;}
.swiper-container3 .swiper-slide .date span{ display:block; font-size:14px; line-height:24px;}
.swiper-container3 .swiper-slide .txt{}
.swiper-container3 .swiper-slide .txt .h2{ font-size:20px; line-height:30px; margin-top:25px;}
.swiper-container3 .swiper-slide .txt .h3{ font-size:16px; line-height:26px; margin-top:5px; color:#999;}
.swiper-container3 .swiper-pagination3{ bottom:0; }
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet{ width:10px; height:10px; background:#999; opacity:1; margin:0 5px;}
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:rgba(224,35,71); opacity:1;}
.swiper-container3 .swiper-button-prev3,.swiper-container3 .swiper-button-next3{ width:48px; height:48px; border-radius:0; margin:0; position:static; float:left; background-color:#fff; }
.swiper-container3 .swiper-button-prev3{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e02347'%2F%3E%3C%2Fsvg%3E"); background-size:24%;}
.swiper-container3 .swiper-button-next3{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size:24%; background-color:rgba(224,35,71);}
@media(max-width:768px){
.news1bg{ padding:0 0 40px 0; background:#f7f8fc; position:relative;}
}




.contact1bg{ background:#eceef6 url(../images/services_map.png) center no-repeat; background-size:cover; padding:150px 0 200px 0;}
.contact1{}
.contact1 .list1{ margin-top:50px; box-shadow:0px 22px 38px 0px rgba(217, 217, 217, 0.35);}
.contact1 .list1 ul li{ float:left; width:calc((100% - 6px)/4); margin:2px 2px 0 0;  background:#fff; text-align:center; }
.contact1 .list1 ul li:nth-child(4n){ margin-right:0;}
.contact1 .list1 ul li .nr_box{ padding:50px 0;}
.contact1 .list1 ul li .img{}
.contact1 .list1 ul li .img img{ display:block; height:45px; margin:0 auto;}
.contact1 .list1 ul li .txt{ font-size:16px; line-height:26px; height:78px; margin-top:37px;}
.contact1 .list1 ul li .txt a{color: #000}
.contact1 .list1 ul li .ewm{}
.contact1 .list1 ul li .ewm img{ display:block; width:100px; height:100px; background:#fff; margin:0 auto;}
.contact1 .list1 ul li .ewm_tit{ font-size:16px; line-height:26px; height:52px; margin-top:8px;}
@media(max-width:768px){
.contact1bg{ padding:150px 0 80px 0;}
.contact1{width: 94%}
.contact1 .list1{ margin-top:30px;}
.contact1 .list1 ul li{ float:left; width:calc((100% - 2px)/2); margin:2px 2px 0 0;  background:#fff; text-align:center; }
.contact1 .list1 ul li .nr_box{ padding:30px 0 20px 0;}
.contact1 .list1 ul li:nth-child(1),.contact1 .list1 ul li:nth-child(2){ margin-top:0;}
.contact1 .list1 ul li:nth-child(2n){ margin-right:0;}
	.contact1 .list1 ul li .txt{margin-top:30px;height:100px;font-size: 14px}
	.contact1 .list1 ul li .ewm_tit{ font-size:16px; line-height:26px; height:67px; margin-top:8px;}
}

.contact2bg{ background:#f7f8fc; padding:100px 0 100px 0;}
.contact2{}
.contact2 .list{ margin-top:20px;}
.contact2 .list ul li{ float:left; width:calc((100% - 60px)/3); margin:30px 30px 0 0; box-shadow:-15px -15px 20px rgba(255,255,255,.8), 15px 15px 20px rgba(57,65,124,.08); border-radius:6px; overflow:hidden; background:#f7f8fc;}
.contact2 .list ul li:nth-child(3n){ margin-right:0;}
.contact2 .list ul li .box{ padding:20px 25px 10px 25px;}
.contact2 .list ul li h2{ font-weight:normal; font-size:24px; line-height:1.5em;}
.contact2 .list ul li h2 a{ text-decoration:underline; color:#333;}
.contact2 .list ul li h2 span{ display:block; font-size:17px; line-height:1.5em; margin-top:5px;}
.contact2 .list ul li .txt1{ margin-top:10px;}
.contact2 .list ul li .txt1 dl dd{ font-size:15px; line-height:1.5em; margin-top:10px;}
.contact2 .list ul li .txt1 dl dd img{ margin-right:5px; vertical-align:middle;}
.contact2 .list ul li h3{ font-weight:normal; font-size:15px; line-height:1.5em; height:3em; overflow:hidden; margin-top:20px;}
.contact2 .list ul li h4{ font-weight:normal; font-size:15px; line-height:1.5em; height:12em; overflow:hidden; margin-top:-48px;}
.contact2 .list ul li h5{ font-weight:normal; font-size:12px; line-height:1.5em; color:#666; margin:30px 0 0 0;}
@media(max-width:768px){
.contact2bg{ padding:50px 5% 50px 5%;}
.contact2 .list{ margin-top:20px;}
.contact2 .list ul li{ float:left; width:100%; margin:20px 0 0 0;}
}




.dw{ padding-top:90px; margin-top:-90px;}
@media(max-width:768px){
.dw{ padding-top:60px; margin-top:-60px;}
}





.case_about{ height:520px; position:relative; z-index:1; margin-top:90px;}
.case_about:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.1); z-index:1;}
.case_about table{ height:100%; max-width:1200px; margin:0 auto;}
.case_about td{ height:100%;}
.case_about .txt{ text-align:center; position:relative; z-index:2;}
.case_about .txt .h2{ font-size:25px; line-height:40px; color:rgba(255,255,255,.7);}
.case_about .txt .h3{ font-size:40px; line-height:70px; margin-top:15px; color:#fff;}
.case_about .banner_img{ display:block; width:38%; position:absolute; right:0; top:260px; }
@media(max-width:768px){
.case_about{ height:520px; margin-top:60px; display:none;}
.case_about .txt .h2{ font-size:18px; line-height:28px;}
.case_about .txt .h3{ font-size:20px; line-height:30px; margin-top:15px;}
}




.con03_3bg{ margin-top:90px;}
.con03_3{}
.con03_3 .list{ }
@media(max-width:768px){
.con03_3bg{ display:none;}
.con03_3 .list{ }
.swiper-container1 .swiper-slide .img{ height:80px;}
}

/*.caseClassbg{ background:#f9f9f9; padding:100px 0;}
.caseClass{ }
.caseClass ul li {border: 5px solid #e8e8e8;margin-bottom: 50px;width: 100%;position: relative;transition: ease .65s; box-sizing:border-box;}
.caseClass ul li:after {content: '';display: block;height: 0;clear: both;}
.caseClass ul li i{ font-style:normal;}
.caseClass ul li i:before {content: '';display: block;width: 0;height: 0;border-top: 5px solid;border-left: 5px solid;border-color: #e02347;position: absolute;left: -5px;top: -5px;transition: ease .65s;}
.caseClass ul li i:after {content: '';display: block;width: 0;height: 0;border-right: 5px solid;border-bottom: 5px solid;border-color: #e02347;position: absolute;right: -5px;bottom: -5px;transition: ease .65s;}
.caseClass ul li .case_pic {float: right;max-width: 50%; position:relative; z-index:1;}
.caseClass ul li .case_pic img {display: block;max-width: 100%;}
.caseClass ul li .case_tit {width: 50%;text-align: center;position: absolute;left: 0px;top: 0px;height: 100%;display: flex;align-items: center;justify-content: center; text-align:center;}
.caseClass ul li .case_tit strong{ display:block; padding:10px 0px; font-size:20px; color:#000;}
.caseClass ul li .case_tit strong a{ color:#000;}
.caseClass ul li .case_tit em{display: block;width: 40px;height: 1px;background: #cccccc; margin:0 auto;}
.caseClass ul li .case_tit span{ display:block; padding:10px; padding-bottom:0px; font-size:14px; line-height:24px; color:#999;}
.caseClass ul li .case_tit b {display: block; font-weight:normal;width: 130px;height: 30px;line-height: 30px;text-align: center; box-shadow: 0 0 10px rgba(12,3,6,.13); margin:0 auto; margin-top:15px; overflow:hidden; position:relative;}
.caseClass ul li .case_tit b a{ color:#e02347; position:relative; z-index:2;}
.caseClass ul li .case_tit b:before {transition: ease-out .35s;content: '';display: block;width: 0;height: 100%;background: #e02347;position: absolute;left: 0;top: 0;z-index: 1;}
.caseClass ul li .case_tit b:hover:before {width: 100%;}
.caseClass ul li .case_tit b:hover a{ color:#fff;}
.caseClass ul li:hover {box-shadow: 0 0 16px rgba(12,3,6,.3);}
.caseClass ul li:hover>i:before, .caseClass ul li:hover>i:after {width: calc(100% + 5px);height: calc(100% + 5px);visibility: visible;}
.caseClass ul li:nth-child(2n) .case_pic{ float:left; }
.caseClass ul li:nth-child(2n) .case_tit{ right:0px; left:auto; }
@media(max-width:768px){
.caseClassbg{ padding:50px 5%;}
.caseClass ul li {border: 5px solid #e8e8e8;margin-bottom: 25px;width: 100%;position: relative;}
.caseClass ul li .case_pic {float: none; max-width: 100%;}
.caseClass ul li .case_pic img{ width:100%;}
.caseClass ul li .case_tit {width: 100%; position:static; padding:0 0 20px 0;}
}*/


.more4{ margin-top:40px;}
.more4 a{ display:inline-block; font-weight:bold; font-size:15px; line-height:25px; color:#e02347;}
.more4 i{ transition:all .3s ease;}
.more4 a:hover i{ margin-left:5px;}
.caseClassbg{ padding:60px 0 40px 0; background:#eceef6; position:relative;}
.caseClassbg .bg13{ position:absolute; left:-35%; top:-5%;}
.caseClassbg .bg13 img{ width:1100px;}
.caseClassbg .bg14{ position:absolute; right:-12%; top:-2%;}
.caseClassbg .bg14 img{ width:650px;}
.caseClassbg .bg15{ position:absolute; left:-6%; top:28%;}
.caseClassbg .bg15 img{ width:700px;}
.caseClassbg .bg16{ position:absolute; right:-18%; top:10%;}
.caseClassbg .bg16 img{ width:1280px;}
.caseClass{ width:80%; position:relative; z-index:2;}
.caseClass ul li{ background:#f7f8fc; box-shadow:-15px -15px 20px rgba(255,255,255,.8), 15px 15px 20px rgba(57,65,124,.08); border-radius:10px; overflow:hidden; position:relative; margin-bottom:60px;}
.caseClass ul li .img{ width:66%; height:100%; position:absolute; top:0; left:0;}
.caseClass ul li .img a{ display:block; width:100%; height:100%;}
.caseClass ul li .txt{ padding:40px 40px 40px calc(66% + 40px);}
.caseClass ul li .txt .h2{ font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999;}
.caseClass ul li .txt .h3{ font-size:24px; line-height:34px; height:68px; overflow:hidden; margin-top:20px;}
.caseClass ul li .txt .h3 a{ color:#333;}
.caseClass ul li .txt .h4{ font-size:15px; line-height:25px; height:150px; overflow:hidden; color:#666; margin-top:40px;}
@media(max-width:768px){
.more4,.caseClass ul li .txt .h2,.caseClass ul li .txt .h4{display: none}
.caseClassbg{ padding:40px 5% 20px 5%;}
.caseClass{ width:100%;}
.caseClass ul li{ margin-bottom:40px;}
.caseClass ul li .img{ width:100%; position:static;}
.caseClass ul li .img a{ padding-bottom:44%;}
.caseClass ul li .txt{ padding:20px 5%;}
.caseClass ul li .txt .h3{font-size: 20px;line-height: 26px; margin-top:0;height: auto}
}

.tit4{}
.tit4 span{ font-size:24px; line-height:34px; color:#999;}
.more5{ }
.more5 a{ display:inline-block; color:#fff; font-size:14px; height:40px; line-height:40px; padding:0 20px; border-radius:50px; transition:all .3s ease;
background:rgba(224,35,71);
background-image: linear-gradient(to right, rgba(224,35,71) , rgba(234,85,72));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = rgba(224,35,71), endColorstr = rgba(234,85,72));}
.more5 a:hover{ box-shadow:0px 25px 42px 0px rgba(224,35,71,.2);}
.more5 i{ font-style:normal;}
.caseClass2bg{ padding:40px 0 60px 0; background:#eceef6; position:relative;}
.caseClass2bg .bg17{ position:absolute; left:-55%; top:-100%;}
.caseClass2bg .bg17 img{ width:1500px;}
.caseClass2bg .bg18{ position:absolute; right:-24%; top:-70%;}
.caseClass2bg .bg18 img{ width:1000px;}
.caseClass2{ position:relative; z-index:2;}
.caseClass2 .list{ margin-top:40px;}
.slideTxtBox_01{ position:relative;}
.slideTxtBox_01 .hd{ height:54px; border-bottom:1px solid #e5e9ed;}
.slideTxtBox_01 .hd ul li{ font-size:15px; float:left;}
.slideTxtBox_01 .hd ul li span{ padding:0 15px; display:inline-block; line-height:52px; border-bottom:2px solid transparent; cursor:pointer; color:#999;}
.slideTxtBox_01 .hd ul li .more5{ display:none; position:absolute; top:0; right:0;}
.slideTxtBox_01 .hd ul li.on span{ border-bottom:2px solid #e02347; color:#000;}
.slideTxtBox_01 .hd ul li.on .more5{ display:block;}
.slideTxtBox_01 .bd{ margin-top:40px;}
.slideTxtBox_01 .bd ul li{ float:left; width:calc((100% - 140px)/3); margin:0 70px 15px 0; font-size:15px; line-height:25px;}
.slideTxtBox_01 .bd ul li:nth-child(3n){ margin-right:0;}
.slideTxtBox_01 .bd ul li:nth-child(3n-2){ clear:left;}
.slideTxtBox_01 .bd ul li a{ border-left:4px solid #e02347; padding-left:10px; color:#999;}
.slideTxtBox_01 .bd ul li a:hover{ color:#e02347;}
@media(max-width:768px){
.more5 a{ font-size:14px; height:30px; line-height:30px; padding:0 15px;}
.more5 i{ display:none;}
.caseClass2bg{ margin-bottom: 20px; padding:20px 5%;}
.caseClass2 .list{ margin-top:10px;}
.slideTxtBox_01 .hd{ height:54px; border-bottom:1px solid #e5e9ed; margin-right:60px; overflow-x:auto;}
.slideTxtBox_01 .hd ul{ width:540px;}
.slideTxtBox_01 .hd ul li span{ padding:0 15px; display:inline-block; line-height:52px; border-bottom:2px solid transparent; cursor:pointer; color:#999;}
.slideTxtBox_01 .hd ul li .more5{ top:12px;}
.slideTxtBox_01 .bd{ margin-top:20px;}
.slideTxtBox_01 .bd ul li{ float:left; width:100%; margin:0 0 15px 0;}
}




.in_navbg{background: #383942; background-image: linear-gradient(-40deg,#383942,#2c2d34);}
.in_nav{ height:70px; line-height:70px;}
.in_nav .lt{ float:left; font-size:16px;}
.in_nav .lt ul li{ float:left; line-height:67px; margin-left:50px;}
.in_nav .lt ul li:nth-child(1){ margin-left:0;}
.in_nav .lt ul li a{ display:inline-block; border-bottom:3px solid transparent;}
.in_nav .lt ul li.active a{ color:#e02347; font-weight:bold; border-bottom:3px solid #e02347;}
.weizhi{ float:right; font-size:14px;}
.weizhi img{ margin:0 5px;}
.weizhi a{ color:#999;}
.weizhi span{ color:#e02347;}
@media(max-width:768px){
.in_navbg{ padding:0 5%; margin-top:60px;}
.in_nav{ overflow:hidden; height:50px;}
.in_nav .lt{ float:none; font-size:15px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; padding-bottom:25px;}
.in_nav .lt::webkit-scrollbar{ display:none;}
.in_nav .lt ul{ width:480px;}
.in_nav .lt ul li{ float:left; line-height:47px; margin: 0 0 0 25px; text-align:center;}
.weizhi{ display:none;}
}

.caseListbg{ padding:50px 0 0 0;}
.caseList{ width:80%;}
.caseList ul li{ float:left; margin-right:40px; margin-bottom:40px; width:calc((100% - 120px)/4); background:#f7f8fc; border-radius:10px; overflow:hidden; box-shadow:-15px -15px 20px rgba(255,255,255,.8), 15px 15px 20px rgba(57,65,124,.08);}
.caseList ul li .update_case_pic{ padding-bottom:70%;}
.caseList ul li .case_tit{ display:block; font-size:14px; text-align:center; padding:16px 0px;position:relative; color:#666;}
.caseList ul li .case_tit span{ position:relative; z-index:2;}
.caseList ul li .case_tit:before{content:""; z-index:1; position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#e02347;background-color:;-webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1);transition:transform .38s cubic-bezier(.4,0,.2,1);transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1);transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform-origin:50% 100% 0;-webkit-transform-origin:50% 100% 0;visibility:hidden\9}
.caseList ul li:hover .case_tit:before{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0;}
.caseList ul li:hover .case_tit{ color:#fff;}
.caseList ul li:nth-child(4n){ margin-right:0px;}
@media(max-width:768px){
.caseListbg{ padding:30px 0 10px 0;}
.caseList{ width:90%;}
.caseList ul li{ float:left; margin-right:10px; margin-bottom:20px; width:calc((100% - 10px)/2);}
.caseList ul li:nth-child(3n){ margin-right:10px;}
.caseList ul li:nth-child(2n){ margin-right:0px;}
}


.caseDetailbg{ background:#f7f8fc; padding:50px 0 0 0;}
.caseDetail { }
.caseDetail_top { padding: 20px 0px; }
.caseDetail_top h1 { font-weight: normal; color: #000; font-size: 24px; }
.caseDetail_top h2 { font-weight: normal; color: #999; font-size: 14px; margin-top: 10px; }
.caseDetail_top h2 font { padding-left: 22px; margin-right: 20px; }
.caseDetail_top h2 .time { background: url(../images/time.png) left center no-repeat; }
.caseDetail_top h2 .eye { background: url(../images/eye.png) left center no-repeat; }
.caseDetail_top h2 .admin { background: url(../images/admin.png) left center no-repeat; }
.caseDetail_con { min-height: 400px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 20px 0px; font-size:16px; line-height:2em;}
.caseDetail_con .video{width: 100%;min-height: 31.25rem;}
.caseDetail_con img { max-width: 80%; }
.caseDetail_con p{text-indent: 2em}
.caseDetail_bot { margin-top: 30px; overflow: hidden; }
.caseDetail_bot a { display: inline-block; font-size: 14px; border-radius: 2px; border: 1px solid #999; padding: 0 15px; max-width:46%; height:38px; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.caseDetail_bot .prev { float: left; }
.caseDetail_bot .next { float: right; }
@media(max-width:768px){
.caseDetailbg{ padding:25px 5% 50px 5%;}
.caseDetail_bot a { padding: 0 10px; max-width:42%;}
.caseDetail_con img { max-width: 100%; }
.caseDetail_con p{text-indent: 0}
}



#pages{margin:40px 0;text-align:center; font-size:12px;}
#pages a{ display:inline-block; height:24px; line-height:24px; padding:0 15px; border:1px solid #ccc; background:#eee; color:#333;}
#pages span{ display:inline-block; height:24px; line-height:24px; padding:0 15px; border:1px solid #e02347; background:#e02347; color:#fff;}






.swiper-container5_box{ position:relative; padding:0 5%;}
.swiper-container5 { width: 100%; height: 100%; padding-bottom:50px;}
.swiper-container5 .swiper-slide { position:relative; text-align:center;}
.swiper-container5 .swiper-pagination5{ bottom:0; }
.swiper-container5 .swiper-pagination5 .swiper-pagination-bullet{ width:10px; height:10px; background:#999; opacity:1; margin:0 5px;}
.swiper-container5 .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:rgba(224,35,71); opacity:1;}
.swiper-container5_box .swiper-button5{ display:none;}
.swiper-container5_box:hover .swiper-button5{ display:block;}
.swiper-container5_box .swiper-button-prev5,.swiper-container5_box .swiper-button-next5{ width:48px; height:48px; border-radius:0; margin-top:-24px; position:absolute; top:50%; }
.swiper-container5_box .swiper-button-prev5{ left:3%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e02347'%2F%3E%3C%2Fsvg%3E"); background-size:contain;}
.swiper-container5_box .swiper-button-next5{ right:3%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e02347'%2F%3E%3C%2Fsvg%3E"); background-size:contain;}
@media(max-width:768px){
.swiper-container5 .swiper-slide .img img{ height:100px;}
.swiper-container5 .swiper-slide .txt2{ font-size:12px; line-height:22px; margin-top:15px;}


.bg1,.bg2,.bg3,.bg4,.bg5,.bg6,.bg7,.bg8,.bg9,.bg10,.bg11,.bg12,.bg13,.bg14,.bg15,.bg16,.bg17,.bg18,.bg19,.bg20{ display:none;}
}



.contact3bg{ border-top: 20px solid rgba(224,35,71); border-image: linear-gradient(90deg,rgba(224,35,71) 10%,rgba(234,85,72) 65%) 1; padding:80px 0 140px 0; background:#f7f8fc;}
.contact3{}
.c3_left{ float:left; width:25%;} 
.c3_left ul li{ font-weight:bold; font-size:15px; line-height:25px;}
.c3_left ul li a{ display:block; padding:10px 20px 10px 0; color:#000;}
.c3_left ul li a:hover{ color:#e02347;}
.c3_left ul li.active a{ color:#e02347;}
.c3_right{ float:right; width:75%;}
.c3_right ul li{ padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #e5e9ed; padding-top:120px; margin-top:-90px;}
.c3_right ul li .h2{ font-weight:bold; font-size:34px; line-height:34px;}
.c3_right ul li .h2 span{ border-left:4px solid #e02347; padding-left:20px; display:inline-block;}
.c3_right ul li .h2 em{ font-style:normal;}
.c3_right ul li .h3{ margin-top:60px; font-size:15px; line-height:25px; color:#999;}
.c3_right ul li .txt{}
.c3_right ul li .txt dl{ margin-top:20px;}
.c3_right ul li .txt dl dt{ font-weight:bold; font-size:24px; line-height:34px; margin-bottom:10px;}
.c3_right ul li .txt dl dd{ font-size:15px; line-height:25px; color:#999; margin-bottom:10px;}
.c3_right ul li .txt dl dd i{ font-style:normal; font-size:12px; color:#e02347; margin-right:10px;}
@media(max-width:768px){
.contact3bg{ border-top: 10px solid rgba(224,35,71); padding:40px 5% 0 5%;}
.c3_left{ display:none;} 
.c3_right{ float:right; width:100%;}
.c3_right ul li{ padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #e5e9ed; padding-top:0; margin-top:10px;}
.c3_right ul li .h2{ font-weight:bold; font-size:18px; line-height:18px;}
.c3_right ul li .h2 span{ border-left:4px solid #e02347; padding-left:20px; display:inline-block;}
.c3_right ul li .h2 em{ font-style:normal;}
.c3_right ul li .h3{ margin-top:16px; font-size:14px; line-height:25px; color:#999;}
.c3_right ul li .txt{}
.c3_right ul li .txt dl{ margin-top:20px;}
.c3_right ul li .txt dl dt{ font-weight:bold; font-size:16px; line-height:34px; margin-bottom:0;}
.c3_right ul li .txt dl dd{ font-size:15px; line-height:25px; color:#999; margin-bottom:6px;}
.c3_right ul li .txt dl dd i{ font-style:normal; font-size:12px; color:#e02347; margin-right:6px;}
}

/*== add ==*/
.bt1 { }
.bt1 .lt { float: left; }
.bt1 .lt .h2 { font-weight: bold; font-size: 36px; line-height: 1em; }
.bt1 .lt .h3 { font-weight: bold; font-size: 16px; line-height: 1em; margin-top: 10px; }
.bt1 .rt { float: right; max-width: 200px; text-align: right; }
.bt1 .rt .h2 { font-size: 60px; line-height: 1em; }
.bt1 .rt .h3 { font-size: 12px; line-height: 1.5em; margin-top: 15px; }
.aboutus4bg { padding: 8% 0;background-size: cover; background-position: center;  background-attachment: fixed;}
.aboutus4 { color: #fff; }
.timeline { width: 100%; overflow: hidden; margin-top: 35px; }
.timeline .swiper-container { height: 400px; width: 100%; position: relative; }
.timeline .swiper-container .swiper-slide-content { max-width: 62%; }
.timeline .swiper-container .swiper-slide-content .h2 { font-weight: bold; font-size: 36px; line-height: 46px; position: relative; padding-left: 30px; }
.timeline .swiper-container .swiper-slide-content .h2:before { content: ""; width: 14px; height: 14px; border-radius: 100%; background: #e02347; position: absolute; left: 0; top: 50%; margin-top: -7px; }
.timeline .swiper-container .swiper-slide-content .h3 { font-weight: bold; font-size: 24px; line-height: 34px; padding-left: 30px; }
.timeline .swiper-container .swiper-slide-content .h4 { font-size: 16px; line-height: 1.5em; margin-top: 30px; }
.timeline .swiper-pagination { right: 0; top: 0; transform: translate(0, 0); width: 200px; height: 100%; flex-direction: column; justify-content: center; font-weight: 300; z-index: 1; }
.timeline .swiper-pagination-bullet { width: 145px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; opacity: 1; background: transparent; color: #fff; margin: 1px 0 !important; position: relative; border-radius:0;}
.timeline .swiper-pagination-bullet::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; width: 3px; height: 100%; background: #fff; transition: all .3s ease; }
.timeline .swiper-pagination-bullet-active { color: #fff; }
.timeline .swiper-pagination-bullet-active::before { width: 100%; background: #e02347; }
@media(max-width:768px) {
.bt1 .lt .h2 { font-size: 20px; line-height: 1em; }
.bt1 .lt .h3 { font-size: 12px; line-height: 1em; margin-top: 10px; }
.bt1 .rt { display:none;}
.aboutus4bg { padding: 8% 5%; }
.timeline .swiper-container{ height:300px;}
.timeline .swiper-container .swiper-slide-content { max-width: 100%; }
.timeline .swiper-container .swiper-slide-content .h2 { font-size: 20px; line-height: 30px; padding-left: 30px; }
.timeline .swiper-container .swiper-slide-content .h3 { font-size: 16px; line-height: 26px; padding-left: 30px; }
.timeline .swiper-container .swiper-slide-content .h4{ margin-top:15px;font-size: 14px}
.timeline .swiper-pagination{ width:100%; height:auto; top:auto; bottom:0; }
.timeline .swiper-pagination-bullet{ float:left !important; margin:2px !important; width:calc(25% - 4px) !important;height: 40px; line-height: 40px; }
.timeline .swiper-pagination-bullet:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.5); z-index:-2;}
}