.titles{ text-align:center; padding:20px 0px;position: relative;}
.titles h3{ font-family:HelveticaNeueCE; font-size:34px; color:#212121; line-height:38px; margin-bottom:10px; }
.titles h5{font-size:20px; line-height:38px;margin-bottom:25px;color:#212121;font-weight: 300;}
.titles:before {
    content: "";
    position: absolute;
    left: 47%;
    bottom: 25px;
    width: 60px;
    height: 2px;
    background: #e70012;
}

.titles1{ text-align:center; padding:20px 0px;position: relative;}
.titles1 h3{ font-family:HelveticaNeueCE; font-size:34px; color:#212121; line-height:45px; margin-bottom:20px; font-weight: bold;}
.titles1 h3 span{color:#df131e;}
.titles1 h3 strong{font-size:40px; padding: 0px 5px; color:#c9000b; text-shadow: 2px 0 2px white, -2px 0 2px white, 0 2px 2px white, 0 -2px 5px white, 2px 2px 4px rgb(0 0 0 / 0.5); /*text-shadow: 2px 2px 5px rgba(0,0,0,0.2);*/}
.titles1 h4{font-size:18px;margin-bottom:25px;color:#212121;font-weight: 400;    display: flex;
    justify-content: center;
    align-items: center;}
.titles1 h5{font-size:20px;margin-bottom:25px;color:#212121;font-weight: 300;}
.titles1 .line{ background:#b1b1b1; height:1px; width:160px; margin:0 auto; position:relative}
.titles1 .line:after{ display: block; height:5px; width:42px; background:#369ad6; position:absolute; left:50%; margin-left:-21px; top:-2px;
    content: " ";}
.titles1 h4:before {
    content: "";
    width: 50px;
    height: 6px;
    background: url("/images/bg/line-left.png") no-repeat;
    margin-right: 10px;
}
.titles1 h4:after {
    content: "";
    width: 50px;
    height: 6px;
    background: url("/images/bg/line-right.png") no-repeat;
    margin-left: 10px;
}

.titles2{ text-align:center; padding:40px 0px;position: relative;}
.titles2 h3{ /*font-family:HelveticaNeueCE; */font-size:34px; color:#333333; line-height:38px; margin-bottom:10px; font-weight: bold;display: inline-block; padding:0px 50px;}
.titles2 h3 b{ color:#333333;font-weight:bold;}
.titles2 h5{font-size:18px;margin-bottom:25px;color:#f96c45;font-weight: 500;max-width: 900px;
    margin: auto;
    line-height: 30px;margin-top: 10px; display: flex;justify-content: center;align-items: center; margin-bottom:20px;}
.titles2 h5:before{width:30px; height: 2px;background: #f96c45; content: "";margin-right:20px;}
.titles2 h5:after{width:30px;height: 2px;background: #f96c45; content: "";margin-left:20px;}

.titles2 h3:before {
	content: url("/images/bg/title_bg_left.png");
    width: 77px;
    height: 20px;
	padding-right: 50px;
	overflow: hidden;
	/*display: inline-block;*/
    /*position: absolute;
    top: 45px;
    left: 33%;*/
	display: none;
}
.titles2 h3:after {
    content: url("/images/bg/title_bg_right.png");
    width: 77px;
    height: 8px;padding-left: 50px;
	/*display: inline-block;*/
    /*position: absolute;
    top: 45px;
    right: 33%;*/
	display: none;
}
@media screen and (max-width: 1023px){
	.titles h3{font-size: 24px;}
	.titles h5{font-size: 16px;line-height: 28px;}
	.titles1 h3 {font-size: 24px;}
	.titles1 h5 {font-size: 16px;}
	.titles1:before{left: 15%;}
	.titles1:after{right: 15%;}
}
.w1600{width:1600px; margin: auto;}

.titles3{ text-align:left; padding:20px 0px;position: relative;}
.titles3 h3{ font-family:HelveticaNeueCE; font-size:36px; color:#212121; line-height:38px; font-weight: bold; margin-bottom:10px;}
.titles3 h5{font-size:14px;color:#666;font-weight: 400;text-transform: capitalize;max-width: 800px;margin: auto;}

:root {
  --primary: #ffc246;
  --secondary: #384d62;
  --title-color: #1c0a1a;
  --text-color: #5a5a5a;
  --light-bg-color: #fafafa;
  --card-box-shadow: 0px 9px 24px 5px rgba(0, 0, 0, 0.04);
  --card-hover-box-shadow: 1px 20px 30px #C4C4C433; }

.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: #e92b29;
    color: #FFFFFF;
    padding: 15px 40px;
    z-index: 2;
    position: relative;
    display: block;
}
.btn1 a:after{content: "\e659";font-family: "iconfont" !important;text-align: center; }
.btn1 a::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.btn1 a:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}
.btn1 a:before {background-color: #f49d0e;}


/*============================================
com-section 公司简介
===========================================*/
.com-section{background: #ffffff url("/images/bg/bg_gsjj.png") no-repeat center bottom;
    height: auto;
    overflow: hidden;
    padding: 100px 0px 100px 0px;
}
.com-section .wrap{max-width:1280px;}
.com-section .com-box{display:flex;}
.com-img{width:auto; max-width:580px;overflow: hidden; flex-shrink: 0;}
.com-img ul{ display: flex; flex-wrap: wrap;}
.com-img ul li{width:auto;overflow: hidden; border-radius: 10px;}
.com-img ul li:nth-child(2n+1){margin-right:15px;}
.com-img ul li:nth-child(2n){margin-top:15px;}
.com-img img{max-width:100%; width:100%; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.com-img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}



.com-desc{margin: 10px 50px auto 0px;width:auto;float:left;padding: 0px 20px 0px 0px; color: #333;}
.com-desc h5{color:#ffc246;}
.com-desc h2{font-size: 2rem;color: #333;line-height: 2.8rem;font-weight: 600;position: relative; text-align: left;}
.com-desc h2 a{color: #333;}
.com-desc h2 a:hover{color: #3871c1;}
.com-desc p{font-size:0.95rem; text-align: left;line-height: 24px; color:#111111; font-weight: 500; margin-top:20px;}
.com-desc ul{font-size: 18px;color: #333;line-height: 30px;height: auto;overflow: hidden;padding: 20px 0 0; margin-top:20px;}
.com-desc ul li{ margin-left: 0px;margin-bottom: 20px; display: flex;}
.com-desc ul li:before{content: "\e646"; font-family: "iconfont";font-size:1.5rem; color:#333; padding-right:10px;}
.com-desc li p{margin-top:auto;}

.com-desc .btn1{margin-left:20px;}


.com-desc .com-items{}

.com-desc .com-items{display: flex;flex-wrap: wrap;}
.com-item{display: flex;width: 50%;align-items: center; margin: 10px auto;}
i.com-icon{font-size: 2rem; color:#ffc246;flex-shrink: 0; margin-left:0px;margin-right: 5px;display: flex;}
i.com-icon:before{font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-top: -5px;}
i.com-icon01:before{content: "\e6a1";}
i.com-icon02:before{content: "\e645";}
i.com-icon03:before{content: "\e654";}
i.com-icon04:before{content: "\e721";}
i.com-icon05:before{content: "\e654";}
i.com-icon06:before{content: "\e721";}

.com-icon-info{}
.com-icon-info h3{color:#333; font-weight: 400; font-size:1.2rem;margin: auto;}
.com-icon-info h3 span{font-size:1.5rem;}
.com-icon-info p{font-size:0.8rem; color:#333; margin:auto;}


/*============================================
features-section 优势描述
===========================================*/
.features-section{background: url("/images/bg/bg-gsjj-ad.jpg") no-repeat;background-size:cover;padding: 80px 0px 80px 0px;}
.features-items{display: flex; flex-direction: row; align-content: center;}
.features-item{display: flex;width: 25%;align-items: center; }
em.features-icon{font-size: 4rem; color:#ffffff;flex-shrink: 0; margin-left:0px;margin-right: 5px;    display: flex;}
em.features-icon:before{font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-top: -5px;}
em.features-icon01:before{content: "\e645";}
em.features-icon02:before{content: "\e64b";}
em.features-icon03:before{content: "\e6f6";font-size: 4.5rem; }
em.features-icon04:before{content: "\e721";}

.features-icon-info{}
.features-icon-info h3{color:#fff; font-weight: bold; font-size:1.6rem;margin: auto;}
.features-icon-info h3 span{font-size:1.6rem;}
.features-icon-info p{font-size:0.9rem; color:#ffffff; margin:auto;}


.team-section{padding:0px 0px 50px 0px; background:#fff; margin-top: -160px;}
.team-section .wrap{max-width:1440px;}
.team-conts{}
.team-conts ul li{overflow: hidden; padding:0px 0px; margin:auto auto;}
.team-conts ul li .Images{max-height:auto;overflow: hidden;    text-align: center;}
.team-conts ul li .Images img{width:100%; max-width:100%;}
.team-conts ul li .item-content{padding: 20px 0px;display: flex;flex-direction: column;align-items: center;flex-wrap: wrap;justify-content: center;align-content: center;text-align: center;}
.team-conts ul li .item-content .Names{margin-bottom:0px;}
.team-conts ul li .item-content .Names a{color:#333333;font-size: 1.4rem;}
.team-conts ul li .item-content .Desc{margin-top:10px;}
.team-conts ul li .item-content .Desc p{width:100%;font-size:0.7rem; color:#333333; margin-bottom:5px; padding:0px; text-align: center;}
.team-conts ul li .item-content .btn1{text-align: center; display: none;}
.team-conts ul li .item-content .btn1 a{background: #1fa5b5;width:100%; border-radius: 10px;}
.team-conts ul li .item-content .btn1 a:hover{background: #f96c45;border-radius: 10px;}
.team-conts ul li .item-content .btn1 a:before,.studio-conts ul li .item-content .btn1 a:after{border-radius: 10px;}


.activit-section{background:#f5f5f5;padding: 80px 0px;}
.activit-section .wrap{max-width:1280px;}
.activit-section ul{width: 100%;overflow: hidden;}
.activit-section ul li{float: left;margin: 10px 10px;width: calc((100% /3) - 20px);}
.activit-section ul li img{max-width:100%;width:100%;}

@media screen and (max-width: 1920px){
	
}
@media screen and (max-width: 1600px)
{

}
@media screen and (max-width: 1440px)
{
	
}
@media screen and (max-width: 1366px)
{
	
}
@media screen and (max-width: 1280px)
{
	
}
@media  (min-width: 1024px) and (max-width:1199px)
{
	
}
@media screen and (max-width: 1023px){
	html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
	body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
	
	.titles1 h3{font-size:2.8rem; line-height: 1rem;}
	.titles1 h4{font-size:1.4rem;}
	.titles1:before {left: 10%; top:5.5rem;}
	.titles1:after {right: 10%; top:5.5rem;}
	
	.wrap{max-width: 100%;}
	
	.mb_none{display: none;}
	
	.com-section{padding: 50px 0px 100px 0px;}
	.com-section .com-box{flex-direction: column;}
	.com-img{max-width:100%;}
	.com-img ul li{width: 24%;}
	.com-img ul li:nth-child(2n+1){margin:auto;}
	
	.com-desc{margin: 10px 20px auto 20px;}
	.com-desc h2{font-size: 3rem;padding:0px;line-height: 3.2rem;}
	.com-desc p{font-size: 1.65rem;line-height: 2.6rem;}
}

@media screen and (max-width: 767px)
{
	html {font-size: 14px !important;}
	.features-items{flex-wrap: wrap;}
	.features-item{width: 50%;justify-content: center;}
	
	.team-section .titles2 h3{font-size: 2.5rem;padding: 0px 10px;}
}
@media screen and (max-width: 425px)
{
	html {font-size: 13px !important;}
	.com-desc p{font-size: 1.35rem;line-height: 2.2rem;}
	.com-img ul li{width:46%;}
	.team-section{margin-top: -90px;}
	
	.activit-section ul li{width: calc((100% /2) - 20px);}
}
@media screen and (max-width: 414px)
{
	
}


@media screen and (max-width: 375px)
{
	html {font-size: 12px !important;/*1.4 × 10px = 14px */}
	
	
	
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}