.about-banner {position:relative;width:100%;color:#fff;text-align:center;}
.about-banner .item{ position:absolute; left:0; top:50%; right:0; margin:-80px auto;}
.about-banner .item .p1{ font-size:80px;line-height: 100px;}
.about-banner .item .p2{ font-size:30px;}
.about-banner .bottom{ position:absolute; bottom:5%; left:0; right:0; text-align:center; margin:0 auto;}


.none-banner {height:97px;}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.about-banner {*height:300px;}
.about-banner .item .p1{ font-size:40px;}
.about-banner .item .p2{ font-size:16px;}
.none-banner {height:60px;}
}



.about-company {
    margin: 0% 0 0% 0;
    padding:2% 0 5% 0;
    background: #f5f5f5;
    overflow: hidden;
}
.about-company .company-txt {
    width: 40%;
    height: 380px;
    padding: 5% 10% 10% 5%;
    box-sizing: border-box;
    background: #fff;
}
.about-company .company-pic {
    width: 60%;
    height: 380px;
}
.about-company .company-txt .p1 {
    font-size: 24px;
    color: #231815;
    line-height: 1.8;
}
.about-company .company-txt .p2 {
    font-size: 15px;
    margin-top: 15px;
}

.about-company .develop {
    background: url(../images/merchants.jpg) no-repeat right #d22633;
    color:#fff;
}
.about-company .develop .p1 {
    color:#fff;
}
.about-company .develop .p2 {
    color:#fff;
}
.about-company .develop-bg {
    background:none;
}
.about-company .about-tab {
    width:100%;
    margin:5% 0 5% 0;
}
.about-company .about-tab ul {
    text-align: center;
}
.about-company .about-tab ul li  {
    float:left;
    width:20%;
    background: url(../images/tab-Bg.png) no-repeat scroll center right;
    cursor:pointer;
}
.about-company .about-tab ul li strong  {
    display:block;
    height:50px;
    font-size: 64px;
    color:#3a3a3a;
    font-weight: bold;
    transition: all 0.2s;
}
.about-company .about-tab ul li p {
    font-size: 16px;
    color:#666;
}
.about-company .about-tab ul li:hover strong  {
    color: #d22633;
    transform: translate(0px,-3px);
    -webkit-transform:translate(0px,-3px);
    -moz-transform:translate(0px,-3px);
    -ms-transform:translate(0px,-3px);
    -o-transform:translate(0px,-3px);
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.about-company .company-txt {width: 100%;}
.about-company .company-pic {width: 100%;height:auto;}
.about-company .about-tab {background:#fff;}
.about-company .about-tab ul li  {width:33%;background: none;padding:20px 0;}
.about-company .about-tab ul li strong  {height:40px;font-size: 28px;}
.about-company .about-tab ul li p {font-size: 12px;color:#666;}
}


.culture {margin: 2% 0 2% 0;}
.culture ul {}
.culture ul li{float:left;width:23.5%;border: 1px solid #dedede;padding: 40px 20px;margin:0.75%;box-sizing: border-box;padding-bottom: 2%;}
.culture ul li img {max-width: 100%;height: auto;display: block;margin: 0 auto;margin-bottom: 25px;}
.culture ul li h3 {font-size: 18px;margin-bottom: 30px;text-align: center;}
.culture ul li span {margin: 0 auto;margin-top: 25px;margin-bottom: 25px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;display: block;
width: 15%;border: 1px solid #d22633;}
.culture ul li:hover span {width: 35%;}
.culture ul li p {color: #666666;font-size: 14px;margin-bottom: 0;line-height: 1.75;min-height: 60px;text-align: center;}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.culture ul li{ width:48%;padding: 20px 10px;}
.culture ul li img {width: 30%;}
.culture ul li h3 {font-size: 16px;margin-bottom: 10px;}
.culture ul li span {margin-top: 5px;margin-bottom: 5px;}
.culture ul li p {font-size: 12px;min-height: 80px;text-align: center;}
}

.production {
    margin: 3% 0 5% 0;
}
.production ul {}
.production ul li {
    float: left;
    width: 50%;
    height: 518px;
    padding: 5% 10% 10% 5%;
    box-sizing: border-box;
    overflow: hidden;
}
.production ul li .p1 {
    font-size: 30px;
    text-transform: uppercase;
    color: #231815;
}
.production ul li .p2 {
    font-size: 35px;
    color: #231815;
    font-weight: bold;
    line-height: 60px;
}
.production ul li .p3 {
    font-size: 14px;
    height: 106px;
    margin: 25px 0;
}
.production ul li .p4 {
    font-size: 15px;
    width: 147px;
    text-align: center;
    line-height: 45px;
    font-style: normal;
    border: solid 1px #666;
}
.production ul li.factory {
    background: url(../images/merchants.jpg) no-repeat right #d22633;
}
.production ul li.factory p{
    color:#fff;
}
.production ul li.science {
    background: url(../images/merchants.jpg) no-repeat right #f6f6f6;
}
.production ul li.factory .p4 {
    border: solid 1px #fff;}
	
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.production ul li {width: 100%;height: 380px;}
.production ul li .p1 {font-size: 20px;}
.production ul li .p2 {font-size: 28px;line-height: 30px;}
.production ul li .p3 {font-size: 14px;height:auto; margin: 25px 0;}
.production ul li .p4 {
    font-size: 12px;
}
}
.about-hall {
    position: relative;
    width: 100%;
    height: 684px;
    color: #fff;
    text-align: center;
    background: url(../images/about-hall.jpg) no-repeat center;
    background-size: cover;
}
.about-hall .item{ position:absolute; left:0; top:50%; right:0; margin:-80px auto;}

.about-hall .item .p1{ position:relative;font-size:36px; background:url(../img/base.png) no-repeat center;}

.about-hall .item .p2{ font-size:16px; max-width:670px; margin:2.5% auto; text-align:center; line-height:26px;}
.about-hall .item .p3 {
    font-size: 18px;
    border: solid 2px #fff;
    width: 170px;
    margin: 30px auto;
    line-height: 45px;
}
.about-hall .item .p3 a {
    color: #fff;
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.about-hall {height: 384px;}
.about-hall .item .p1{font-size:26px;}
.about-hall .item .p2{ font-size:14px;}
.about-hall .item .p3 {font-size: 14px;}
}




.history {
    margin:2% 0 10% 0;
}
.history-left {
    width:20%;
}
.history-left .p1 {
    font-size: 30px;
    line-height: 34px;
    text-transform: uppercase;
}
.history-left .p2 {
    font-size: 14px;
    line-height: 28px;
}
.history-left hr {
    border: 0;
    border-top: 3px solid #d22633;
}
.history-left .p3 {}

.history-right {
    width:70%;
    position:relative;
}
.history-right .item-txt {
    position:absolute;
    top:130px;
    left:0;
    max-width: 450px;
    height: 500px;
    overflow-x: auto;
    background:#3a3a3a;
    padding:5% 2%;
}
.history-right .item-txt ul {
    border-left: solid 1px #d9d9d9;
    padding:20px;
}
.history-right .item-txt li {
    margin-bottom: 5%;
    position: relative;
}
.history-right .item-txt li h3 {
    font-size: 20px;
    color:#ccc;
}
.history-right .item-txt li p {
    font-size: 12px;
    color:#ccc;
}
.history-right .item-txt li:before{position:absolute;content: " ";width:8px;height:8px;background:#fff;left:-6%;margin-left:-3px;top:7px;transition:all 0.3s;border-radius:50%;}

.history-right .item-photo {
    width: 80%;
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.history  {height:800px;}
.history-left {width: 100%;}
.history-right { width: 100%;}
.history-right .item-photo { width: 100%;}
}

/*当前位置样式*/
.position {
    color: #666;
    font-size: 14px;

}
.position .position-link {
    min-width: 200px;
    height: 30px;
    line-height: 30px;
    padding: 32px 0 24px;
}
.position .position-link a:hover,.position .position-link a:last-child {
    color:#d22633;
}
.position .position-nav {
    min-width:200px;
}
.position ul li {
    float: left;
    padding-left: 30px;
    height: 75px;
    display: block;
}
.position ul .cur a{
     color: #d22633;
     border-bottom: 3px solid #e60012;
 }
.position ul li a {
    display: block;
    height: 72px;
    line-height: 69px;
    float: none;
    font-size: 16px;
    color: #666;
    padding: 0 8px;
    border-bottom: 3px solid #f7f7f7;
}

.position-title {
    width:100%;
    padding:4% 0;
}
.position-title p {
    text-align:center;
}
.position-title .en {
    font-size: 24px;
    padding-bottom: 10px;
}
.position-title .cn {
    font-size: 20px;
}
@media screen and (max-width:1320px){}

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

@media screen and (max-width:800px){
.position .position-nav {display: none;}
}

/*分页样式*/
.page {
    padding:30px 0px;
    text-align:center;
    overflow:hidden;
}
.page  li {
    display:inline-block;
    font-size:14px;
    line-height:30px;
    height:30px;
    margin:0 2px;
    padding:0 12px;
    text-align:center;
    color:#333;
    border:1px solid #dedede;
    background:#fff;
}
.page li:hover {
    text-decoration:none;
}
.page li.active {
    line-height:30px;
    padding:0 12px;
    text-align:center;
    margin-left:2px;
    background:#d22633;
    border:1px solid #d22633;
}
.page li.active a {
    color:#fff;
}


/*公共文章内容样式*/
.content {
    padding: 0% 0;
}
.content p {
	font-size:14px;
	color:#666;
	padding:10px 0;
	text-indent:2em;
}
.content img {height:auto !important;}

/*公共文章内容样式*/
.content .dep {
	border: solid 1px #d2d2d2;
	padding:2% 5%;;
}
.content .dep li {
	padding:30px 20px;;
	border-bottom: 1px dashed #d2d2d2;
}
.content .dep h3 {
	font-size:20px;
	border-left: 5px solid #d22633;
    padding-left: 15px;
	margin-bottom:10px;
}
.content .dep p{
	font-size:14px;
}
/*以下代码是自适应样式*/

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

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

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


/*品牌-品牌简介*/
.abouthp {}
.abouthp .word {
    width: 50%;
}
.abouthp .pic {
    width: 45%;
}
@media screen and (max-width:800px){
.abouthp .word {
    width: 100%;
}
.abouthp .pic {
    width: 100%;
}    
}
/*品牌-品牌简介 END*/

/*品牌-品牌文化*/
.culture-idea {}
.culture-idea ul {
	overflow:hidden;
}
.culture-idea ul li{
    float:left;
    width:23.5%;
	height:250px;
    padding: 40px 10px;
    margin:0.75%;
    border: 1px solid #dedede;
    box-sizing: border-box;
    text-align: center;
}
.culture-idea ul li h3 {
    font-size: 20px;
    color:#d22633;
    margin-bottom: 30px;
    text-align: center;
}

.culture-idea ul li span {
    display: block;
    margin:25px auto;
    width: 15%;
    border: 1px solid #fff;
    -webkit-transition: all 1s ease;
}

.culture-logo {
	overflow:hidden;
}
.culture-logo .culture-fl {
	float:left;
    width:20%;
	text-indent: 0em;
}
.culture-logo .culture-fl img {
    width:100%;
}
.culture-logo .culture-fr {
	float:left;
    width:50%;
	height:250px;
    padding: 40px 10px;
    margin:5% 10%;
    border: 1px solid #dedede;
    box-sizing: border-box;
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.culture-idea ul li{
    width:48%;
	height:200px;
}
.culture-logo .culture-fl {
    width:100%;
	text-align:center;
}
.culture-logo .culture-fl img {
    width:50%;
}
.culture-logo .culture-fr {
    width:100%;
	margin:5% 0%;
}
}

/**设计俱乐部**/
.desgin-list {
	margin:20px 0 30px 0;
}
.desgin-list li {
	font-size: 14px;
	color: rgb(69, 69, 69);
	line-height: 32px;
}
.desgin-list li a {
	color:#e60012;
	padding:0 10px;
}
.desgin-list li.title {
	font-size: 21px;
    color: #000;
    padding-top: 15px;
	margin: 0;
}
.desgin-list p {
	text-indent:2em;
}


.join-title {
    padding:40px 0;
    text-align: center;
}
.join-title h2 {
    font-size: 40px;
    color: #000;
    padding-top: 50px;
}
.join-title .t1 {
    font-size: 20px;
    color: #3a3a3a;
    padding-top: 20px;
}
.join-title .t2 {
    font-size: 15px;
    color: #3a3a3a;
    padding-top: 20px;
}
.join-title .t2 span {
    color: #d22633;
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.join-title {padding:20px 0;}
.join-title h2 {font-size: 28px;padding-top: 10px;}
.join-title .t1 {font-size: 16px;padding-top: 10px;}
.join-title .t2 {font-size: 12px;padding-top: 10px;}
}


/*生产研发*/
.join-science {
    background:#f6f6f6;
    padding: 20px 0 50px 0;
}
.join-science .join-title {
}
.science-box ul {
    overflow:hidden;
}
.science-box ul li {
    float:left;
    width:25%;
    height:600px;
    background:#fff;
}
.science-box ul li .pic img {
	width:100%;
}
.science-box ul li .pic {
    height:300px;
    overflow:hidden;
}
.science-box ul li .txt {
    height:300px;
	padding:8%;
    overflow:hidden;
}
.science-box ul li .txt h3 {
    font-size: 24px;
    color: #d22633;
    font-weight: bold;
    margin: 8% 0 6% 0;
}
.science-box ul li .txt p {
    color: #3a3a3a;
    font-size: 14px;
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){
.science-box ul li {width:50%;height:600px;}
}
@media screen and (max-width:800px){
.science-box ul li {width:100%;height:500px;}
}


/*终端设计*/
.design-box {}
.design-box .tab {
    margin-top: 50px;
}
.design-box .tab ul {
    overflow:hidden;
}
.design-box .tab ul li {
    float:left;
    width:25%;
    height:240px;
    border:1px solid #eee;
    box-sizing: border-box;
    text-align: center;
    padding-top: 50px;
}
.design-box .tab ul li i {
    display:inline-block;
    width:90px;
    height:90px;
    background:#fff;
    border:1px solid #eee;
    border-radius: 50%;
    overflow:hidden;
}
.design-box .tab ul li h3 {
    font-size: 18px;
    color:#000;
    padding:2% 0;
}
.design-box .tab ul li p {
    font-size: 14px;
    color:#3a3a3a;
    text-transform: uppercase;
}
.design-box .tab ul li.cur {
    background:#d22633;
    border:1px solid #d22633;
}
.design-box .tab ul li.cur h3 {
    color:#fff;
}
.design-box .tab ul li.cur p {
    color:#fff;
}

.design-box .tab-box {
    margin-top:5%;
}
.design-box .tab-box ul {}
.design-box .tab-box ul li {
    display:none;
    overflow:hidden;
}
.design-box .tab-box ul li .pic {
    width:40%;
    padding:5px;
    border:1px solid #eee;
}
.design-box .tab-box ul li .txt {
    width:55%;
}
.design-box .tab-box ul li .txt h4 {
    font-size: 24px;
    color:#000;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.design-box .tab-box ul li .txt p {
    font-size: 16px;
    color:#3a3a3a;
    padding:20px 0;
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.design-box .tab ul li {width:50%;height:200px;padding-top:30px;}
.design-box .tab ul li i {width:60px;height:60px;}
.design-box .tab-box ul li .pic {width:100%;}
.design-box .tab-box ul li .txt {width:100%;margin-top:5%;}
}



/*八大优势*/
.join-advantage {
	background:#f6f6f6;
	padding-bottom:5%;
}
.join-advantage .advantage-box {}
.join-advantage .advantage-box ul {}
.join-advantage .advantage-box ul li {
    float:left;
    width: 23%;
    height: 333px;
    border-radius: 10px;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    margin: 1%;
    padding:5% 2%;
    box-sizing: border-box;
}
.join-advantage .advantage-box ul li i {
    display:inline-block;
    width:100%;
    height:100px;
    transition: all 0.3s;
}
.join-advantage .advantage-box ul li h5 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    
}
.join-advantage .advantage-box ul li p.en {
    color: #fff;
    font-size: 14px;
    padding-top: 20px;
    text-transform: uppercase;
}
.join-advantage .advantage-box ul li p.cn {
    color: #fff;
    font-size: 14px;
    height:0;
    overflow:hidden;
    transition: all 0.3s;
}
.join-advantage .advantage-box ul li:hover{
    background: rgba(210,38,51, 0.9);
}
.join-advantage .advantage-box ul li:hover i {
    height:0;
    overflow:hidden;
    transform: translate(0px,-50px);
    -webkit-transform:translate(0px,-50px);
    -moz-transform:translate(0px,-50px);
    -ms-transform:translate(0px,-50px);
    -o-transform:translate(0px,-50px);
}
.join-advantage .advantage-box ul li:hover p.cn {
    height:180px;
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){
	width: 98%;
    height: 330px;
}
@media screen and (max-width:800px){
.join-advantage .advantage-box ul li {
    width: 48%;
    height: 330px;
    margin: 1%;
}
.join-advantage .advantage-box ul li i {width:40%;}
.join-advantage .advantage-box ul li h5 {font-size: 18px;}
}
@media screen and (max-width:600px){
.join-advantage .advantage-box ul li {width: 48%;height: 350px;margin: 1%;}
.join-advantage .advantage-box ul li:hover p.cn {height:220px;}
}


/*品牌传播*/
.join-brand .brand-box {
    overflow:hidden;
}

.join-brand .brand-box .txt{
    width:100%;}
.join-brand .brand-box .txt ul{}
.join-brand .brand-box .txt li{
	float:left;
	width:50%;
	height: 85px;
    margin-bottom: 57px;}
.join-brand .brand-box .txt img{    margin-top: 20px;
    margin-right: 44px;float:left;}
.join-brand .brand-box .txt div{    float: left;
    width: 70%;}
.join-brand .brand-box .txt span{color: #d22633;
    font-size: 20px;
    font-weight: bold;     display: block;   margin-top: 10px;}
.join-brand .brand-box .txt p{
    color: #3a3a3a;
    font-size: 15px;
    padding-top: 10px;
}
/*以下代码是自适应样式*/
@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.join-brand .brand-box .txt li{width:100%;height: auto;min-height: 85px;margin-bottom: 5%;}
}

/*服务支持 > 服务支持*/
.service-item {}
.service-item .item {
	margin:0 0 30px 0;
}
.service-item .item h3 {
	font-size: 18px;
    color: #d22633;
	font-weight: bold;
    padding:0 0 20px 20px;
    position: relative;
}
.service-item .item h3:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 4px;
    height: 19px;
    background: #d22633;
    transition: all 0.3s;
}
.service-item .item  p {
	font-size: 14px;
    color: #666;
    padding: 5px 0;
    text-indent: 2em;
	line-height:1.8;
}