html,body
{
  margin:0;
  padding:0;
  list-style:none;
  width:auto;
  height:100%;
  background:#f2f2f2;
  font-size:13px;
  font-family:"΢���ź�";
  overflow-x: hidden;
}

/*-------------ͷ�� height:30%;----------------------*/
/*-------------����position:fixed;top:0px;----------------------*/
header
{
  width:100%;
  height: auto;
  border:0px  solid red;
}
.top_borcolor{
  width:100%;
  background:#181818;
  border-bottom:1px solid red;
  height:41px;
  position: relative !important;
}
/*90%����*/
.top_borcolor1{
  width:1250px;
  height:100%;
  margin:0 auto;
  padding:0;
 
}
/*��ӭ���ĵ���*/
.welcomeyou{
  width:12%;
  height:100%;
  background:#9a3334;
  solid green:width:10%;
  float:left;
  line-height:45px;
  text-align:center;
  white-space:nowrap;
}

/*�绰*/
.top_telephone{
  width:5%;
  height:100%;
  background:#484848;
  solid green:width:10%;
  float:left;
}
.phone_pic{
  background:url(../images/phoneicon.png) no-repeat;
  width:auto;
  height:100%;
  background-position:50%; 
}
.top_telephone1{
  width:10%;
  height:100%;
  background:#484848;
  solid green:width:10%;
  float:left;
  line-height:45px;
  color:#fcfcfc;
  word-wrap:break-word;
  white-space:nowrap;
}
.topberdaer{
  width:90%;
  height:100%;
  margin:0 auto;
  padding:0;
 }
/*����*/
.mailboxbrder{
  width:5%;
  height:100%;
  solid green:width:10%;
  float:left;
}
.mail_pic{
  background:url(../images/mailboxicon.png) no-repeat;
  width:auto;
  height:100%;
  background-position:50%; 
}
.mail_size{
  width:15%;
  height:100%;
  solid green:width:15%;
  float:left;
  color:#fcfcfc;
  line-height:45px;
}
/*---------΢��/��Ѷ΢��/΢��---------- */
.picborder{
  width:4%;
  height:100%;
  solid green:width:5%;
  float:right;
}
.wechat_pic{
  background:url(../images/top_pic/wechat.png) no-repeat;
  width:auto;
  height:100%;
  background-position:50%; 
}
.qqmicroblog_pic{
  background:url(../images/top_pic/qqmicroblog.png) no-repeat;
  width:auto;
  height:100%;
  background-position:50%; 
}
.microblog_pic{
  background:url(../images/top_pic/microblog.png) no-repeat;
  width:auto;
  height:100%;
  background-position:50%; 
}
/*---------��¼/ע��---------- */
.loginenroll{
  width:7%;
  height:100%;
  solid green:width:8%;
  float:right;
  color:#fcfcfc;
  line-height:45px;
}

/*-------------��߱���/�ұߵ���--------------------*/
.heat_border{
  width:1250px;
  height:80px;
  margin:0 auto;
  padding:0;
  border:0px solid red;
  background: #f2f2f2;
}
/*
.titlesize{
  width:30%;
  float:left;
  solid green:width:30%;
  position:relative;
  top:15px;
  left:5%;
  font-size:28px;
  white-space:nowrap;
  text-shadow: -6px -1px 3px  #595757; color:#020202;
   border:0px solid red;
  /*text-shadow: -1px -1px 1px red; 
  color:#b2b1b1;
}*/
.logo_pic{
	background:url(../images/logo/logo.png) no-repeat;
	width:120px;
	height:80px;
	solid green:width:100px;
	float:left;
	margin-left:30px;
	margin-top:0px;
	border:0px solid red;
}
 
/*---------��
nav{
  width:70%;
  solid green:width:50%;
  float:right;
  margin:60px auto;
  position:relative;
  border:0px solid red;
} �ߵ�����---------- */

#nav {
 float:right;
 margin-bottom:1%;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
}
/*
��ɫ����
-moz-linear-gradient :���Խ���
-webkit-gradient:���Խ���
*/
#nav li a {
 padding: 1em 2em;
 text-decoration: none;
 color: white;
 background: #181818;
 background: -moz-linear-gradient(top, black, #961b1c 1px, #961b1c 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(2%, #9a3334), to(#9a3334));
 border-right: 0px solid #8f1314;
 border-left: 0px solid #8f1314;
 border-bottom: 0px solid #8f1314;
 border-top: 0px solid #8f1314;
}

/*
������
����ȥ��ı���
-moz-linear-gradient :���Խ���
-webkit-gradient:��ɫ���Խ���
 ����������ȥ��ĺ�ɫ    background: #bf5051;  
*/
#nav li a:hover {
 background: #bf5051;
 /**background: -moz-linear-gradient(top, #ffebff, #2a0d65);
 background: -webkit-gradient(linear, left top, left bottom, from(#a93637), to(#a93637));**/
 border-top: 1px solid red;
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: #2a2a2a;
	right : 0;
	bottom: 0;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

/*
���������Ŀ���
*/
#nav li ul li a {
 width: 100px;
 display: block;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}


/*--------------�����ͼƬwidth: auto\9;----------*/
.bigpicborder{
  width:100%;
  height:500px;
  background:#249dd4;
}
.bigpic_width{
	width:1250px;
    height:500px;  
	margin:0 auto;
	padding:0;
}
.bigpic_width img{
	
	width:100%;
	height:100%;
   
}
/*---------��Ҫ��Ʒ---------- */
.main_products{
  width:1250px;
  height:800px;
  margin:0 auto;
  padding:0;
  border:0px solid red;
  margin-top:50px;
}
/*---------��Ҫ��Ʒ����---------- */
.prouductsheat
{
  width:100%;
  height:100px;
  border:0px solid #000000;
  
}

.leftproundline{
  width:35%;
  border-bottom:1px  solid #bd4545;
  solid green:width:35%;
  float:left;
  margin-top:2%;
}
.proundheatsize{
  width:30%;
  height:100%;
  font-family:"Verdana";
  font-size:35px;
  solid green:width:20%;
  float:left;
  text-align:center;
}
/*--------------��Ҫ��Ʒ����------------------*/
#pround_content{
  width:100%;
  height:500px;
  margin-top:1%;
  border:0px solid red;
}
/*
��һ����Ʒ
*/
#pcontent1
{
  width:30%;
  height:450px;
  border:0px solid #000000;
  solid green:width:30%;
  float:left;
  margin-left:3%;
}
#pcontntpic{
  width:100%;
  height:240px;
  border:0px solid #000000;
}
#pcontntpic img{
  width:100%;
  height:230px;
  border:0px solid #000000;
}
#pconsize_heat
{
  width:100%;
  height:50px;
  font-size:16px;
  color:#454343;
  text-align:center;
  font-weight:bold;
  border:0px solid #000000;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
#pconsize_ceont
{
  width:100%;
  height:150px;
  float:left;
  color:#444242;
  text-indent : 20px; 
  letter-spacing:2px;
  line-height:20px;

}
/*
�ڶ�����Ʒ
*/
#pcontent2
{
  width:30%;
  height:450px;
  border:0px solid #000000;
  solid green:width:30%;
  float:left;
  margin-left:2%;
}
/*
��������Ʒ
*/
#pcontent3
{
  width:30%;
  height:450px;
  border:0px solid #000000;
  solid green:width:30%;
  float:right;
  margin-right:3%;
}



/*--------֧�ֶ�ƽ̨/���ְ���--------*/
.platform{
  width:100%;
  height:1100px;
  background:#1b2130;
}

/*--------֧�ֶ�ƽ̨--------*/
.mp_border{
 width:100%;
 height:50%;
 background:#252c39;
}
.mp_border1{
  width:1250px;
  height:100%;
  margin:0 auto;
  padding:0;
  border:0px solid red;
}

/*---------֧�ֶ�ƽ̨����---------- */
.mp_prouductsheat
{
  width:100%;
  height:125px;
  border:0px solid #000000;
  color:#fcfcfc; 
}

.mp_leftproundline{
  width:35%;
  border-bottom:1px  solid #bd4545;
  solid green:width:35%;
  float:left;
  margin-top:6%;
}
.mp_proundheatsize{
  width:30%;
  font-family:"Verdana";
  font-size:35px;
  solid green:width:20%;
  float:left;
  text-align:center;
  padding-top:50px;
}
/*---------����---------- */
.mp_size{
  width:100%;
  height:60px;
  text-align:center;
  color:#fcfcfc;
  border:0px solid red;
}

/*---------֧�ֶ�ƽ̨����---------- */
.mps_conter{
  width:1250px;
  height:320px;
  border:0px solid red;
  margin:0 auto;
  padding:0;
  margin-top:25px;
}
.mps_border1{
  width:20%;
  height:100%;
  solid green:width:23%;
  float:left;
  margin-left:3%;
  border:0px solid #000000;
}
.mps_border2{
  width:20%;
  height:100%;
  solid green:width:23%;
  float:left;
  border:0px solid #000000;
  margin-left:4%;
}
.mps_pic1{
  width:100%;
  height:167px;
  background-color:#bd4545;
}
.mps_pic2{
  width:100%;
  height:167px;
   background-color:#8cc63f;
}
.mps_pic3{
  width:100%;
  height:167px;
   background-color:#4478be;
  
}
.mps_pic4{
  width:100%;
  height:167px;
   background-color:#9ec9a8;
}

.mps_picsize1{
  width:100%;
  height:59px;
  border:1px solid #bd4545;
  margin:0 auto;
  padding:0px;
  margin-top:35px;
  font-size:25px;
  text-align:center;
  line-height:59px;
  color:#fcfcfc;
}
.mps_picsize2{
  width:100%;
  height:59px;
  border:1px solid #8cc63f;
  margin:0 auto;
  padding:0px;
  margin-top:35px;
  font-size:25px;
  text-align:center;
  line-height:59px;
  color:#fcfcfc;
}
.mps_picsize3{
  width:100%;
  height:59px;
  border:1px solid #4478be;
  margin:0 auto;
  padding:0px;
  margin-top:35px;
  font-size:25px;
  text-align:center;
  line-height:59px;
  color:#fcfcfc;
}
.mps_picsize4{
  width:100%;
  height:59px;
  border:1px solid #9ec9a8;
  margin:0 auto;
  padding:0px;
  margin-top:35px;
  font-size:25px;
  text-align:center;
  line-height:59px;
  color:#fcfcfc;
}

/*---------���ְ���--------- */
.case_heat{
  width:80%;
  height:60px;
  border:0px solid red;
  margin:0 auto;
  padding:0;
  margin-top:100px;
}
.case_heatsize{
  font-size:25px;
  text-align:center;
  color:#fcfcfc;
}
/*---------���ְ�������--------- */
.case_center{
  width:80%;
  height:320px;
  border:0px solid red;
  margin:0 auto;
  padding:0;
  margin-top:8px;
}
.case_cenboder1{
  width:4%;
  height:90%;
  solid green:width:4%;
  float:left;
  border:0px solid red;
}
.case_cenboder2{
  width:20%;
  height:90%;
  solid green:width:20%;
  float:left;
  border:0px solid red;
  background:#242a38;
  margin-left:2%;
}
.case_cenboder3{
  width:4%;
  height:90%;
  solid green:width:4%;
  float:right;
  border:0px solid red;
}

/*---------��������--------- */
.triangle{
  font-weight:20px;
  font-size:40px;
  color:#fcfcfc;
  height:100%;
  display:-webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}

/*-----���ְ�������ͷ --------*/
.case_cenheat{
  width:100%;
  height:12%;
  border:0px solid #f2f2f2;
}
.case_cenlogo{
  width:35%;
  height:100%;
  border:0px solid #f2f2f2;
  solid green:width:30%;
  float:left;
}
.case_cenlogoright{
  width:60%;
  height:100%;
  border:0px solid #000000;
  solid green:width:70%;
  float:left;
}
.case_cenlogopic{
  background:url(../images/caselogo.png) no-repeat;
  width:100%;
  height:100%;
  margin:0 auto;
  padding:0;
}
.case_cenlogosize{
  float:left;
  font-size:18px;
  color:#fcfcfc;
  height:100%;
  display:-webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.case p{
  width:90%;
  height:80%;
  color:#fcfcfc;
  border:0px solid #f2f2f2;
  text-indent : 20px; 
  line-height:20px;
  margin:0 auto;
  padding:0;
  margin-top:5%;
 
}

/*---------�������---------- */
.partner_borer{
  width:100%;
  height:300px;
}
.partner_heat{
  width:100%;
  height:20%;
  border:0px solid red;
  margin-top:5%;
}
.partner_heatsize{
  font-family:"����";
  font-size:20px;
  text-align:center;   
}
.partner_dashed{
  width:1250px;
  height:45%;
  border:1px dashed #000000;
  margin:0 auto;
  padding:0;
}

.partoner_center1{
  width:13%;
  height:100%;
  solid green:width:13px;
  float:left;
  border:0px solid red;
  margin-left:5%;
}
.partoner_pic1{
  background:url(../images/partoner/pic1.png) no-repeat;
  width:100%;
  height:100%;
  background-position:50% 50%;
  background-size:contain;  
}
.partoner_pic2{
  background:url(../images/partoner/pic2.png) no-repeat;
  width:100%;
  height:100%;
  background-position:50% 50%;
  background-size:contain;  
}


/*---------�ײ�---------- */
.bomott_backcolor
{
  background:url(../images/backcolor.png) repeat-x;
  width:100%;
  height:408px;
}
.bottom_border{
  width:1250px;
  height:360px;
  margin:0 auto;
  padding:0;
  border:0px solid red;
}
.bottom1{
  width:14%;
  height:100%;
  solid green:width:10%;
  float:left;
  border:0px solid red;
}
.bottom2{
  width:11%;
  height:100%;
  solid green:width:15%;
  float:left;
  margin-left:4%;
  border:0px solid red;
}
.bottom3{
  width:35%;
  height:100%;
  solid green:width:20%;
  float:left;
  margin-left:4%;
  border:0px solid red;
}

.sweep_pic{
  width:102px;
  height:95px;
  margin-top:120px;
}
.sweep_pic img{
	width:100%;
	height:100%;
}
.sweep_size
{
  color:#fcfcfc;
  padding-top:20px;
  font-size:14px;
}

.bommott_heat
{
  font-size:16px;
  color:#fcfcfc;
  padding-top:120px;
}


.botoom_contentfont
{
   color:#fcfcfc;
   padding-top:10px;
   line-height:26px;
}

.botoom_contentfont1
{
   color:#fcfcfc;
   padding-top:10px;
   line-height:23px;
}


.bottom_telephone
{
  background:url(../images/phone.png) no-repeat;
  width:180px;
  height:30px;
  margin-top:8px;
}
.telephome_size
{
  font-size:17px;
  color:#fcfcfc;
  padding-left:46px;
  line-height:30px;
}
.bottoms
{
  text-align:center;
  color:#fcfcfc;
  padding-top:23px;
}


/*----------����꾭�������˵�---------------*/
 /*------------
 �������߿� background:#655555;
 ----------------*/
#navwarpper{
  width:1250px; 
  height:80px; 
  border:0px solid red; 
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
  /*------------
 ����������������߿���ʽ  padding:0 10px; 
 ----------------*/
#navwarpper dt,.normal{
  float:right; 
  font-size:18px; 
  border-right:0px solid #ccc; 
  text-decoration:none; 
  width:120px;
  height:80px; 
  line-height:80px;
  cursor:pointer;
  text-align:center;
  border:0px  solid red;
  background: #f2f2f2;
}
  /*------------
 ����������ɫleft:-5px; 
 ----------------*/
 dl{ 
   width:1250px;
   height:80px; 
   line-height:80px;
   background:#f2f2f2;
   margin: 0 auto;
   padding: 0;
   position: relative;
   overflow: visible;
 }


/*-----
�������߿�����߿���ʽ   padding:0 10px 15px 10px;   background:#caf1f1; 
------*/
#navwarpper dt.over{
  width:120px;
  position:relative;
  border:0px solid red;
  border-bottom:0px solid #caf1f1;
  z-index:8000; 
  color:#ff6026;
  height:48px;
}


 /*------------
 ����������IJ�     top:50px;  background:#caf1f1; 
 ----------------*/
 dl dd{ 
   position:absolute; 
   width:150px;
   top:50px;
   right: 0;
   border-top:1px solid #E3E3E3;
   background:#f1f1f1;
   z-index: 1000;
 }

 .block{ display:block;}
 .none{ display:none;}
 /*------------
 ������������������ʽfont-weight:bold;
 ��5px
 ��߾��룺10px  margin:5px 10px; 
 ----------------*/

 #navwarpper h3{ 
   float:left;
   font-weight:bold;
   font-size:15px;
   list-style-type:none;
   width:120px;
   line-height:50px;
   border:0px solid red;
 }
 #navwarpper ul li{ 
   float:left;
   font-size:20px;
   list-style-type:none;
   width:160px;
   margin-left:25px;
   line-height:50px;
   border:0px solid red;
 }
#navwarpper ul li ul li { 
   float:left;
   font-size:15px;
   list-style-type:none;
   width:150px;
   line-height:40px;
   border:0px solid #000000;
   margin-left:-40px;
 }
 #navwarpper ul li ul li a{ 
   color:#5D5D5D;
 }
 #navwarpper ul li ul li a:hover{ 
   color:#9a3334;
 }

 #navwarpper a{
   text-decoration:underline; 
   cursor:pointer; 
   text-decoration:none;
   border:0px solid red; 
}    

/*---------关于我们页面样式----------*/
.about_container{
  width: 1250px;
  margin: 0 auto;
  padding: 50px 0;
}

.about_section{
  margin-bottom: 60px;
}

.section_header{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

.section_line{
  width: 20%;
  border-bottom: 2px solid #bd4545;
}

.section_title{
  font-family: "Verdana";
  font-size: 32px;
  color: #333;
  margin: 0 30px;
}

.section_title.white{
  color: #fcfcfc;
}

.section_content{
  padding: 20px;
}

.about_text{
  font-size: 15px;
  line-height: 28px;
  color: #444242;
  text-indent: 2em;
}

.about_text p{
  margin-bottom: 20px;
}

.bg_dark{
  background: #1b2130;
  padding: 50px 0;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

/*企业文化*/
.culture_grid{
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

.culture_item{
  width: 28%;
  text-align: center;
  padding: 20px;
}

.culture_icon{
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  border-radius: 50%;
}

.culture_icon.mission{
  background: #bd4545;
}

.culture_icon.vision{
  background: #4478be;
}

.culture_icon.values{
  background: #8cc63f;
}

.culture_item h3{
  color: #fcfcfc;
  font-size: 20px;
  margin-bottom: 15px;
}

.culture_item p{
  color: #ccc;
  line-height: 24px;
  font-size: 14px;
}

/*发展历程*/
.timeline{
  position: relative;
  padding-left: 60px;
}

.timeline::before{
  content: '';
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #bd4545;
}

.timeline_item{
  position: relative;
  margin-bottom: 40px;
}

.timeline_year{
  position: absolute;
  left: -60px;
  top: 0;
  width: 50px;
  height: 50px;
  background: #bd4545;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
}

.timeline_content{
  background: #f8f8f8;
  padding: 20px;
  border-radius: 5px;
}

.timeline_content h3{
  color: #333;
  font-size: 18px;
  margin-bottom: 10px;
}

.timeline_content p{
  color: #666;
  font-size: 14px;
  line-height: 24px;
}

/*核心团队*/
.team_grid{
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

.team_member{
  width: 22%;
  text-align: center;
  padding: 20px;
}

.team_photo{
  width: 120px;
  height: 120px;
  margin: 0 auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #bd4545;
}

.photo_placeholder{
  width: 100%;
  height: 100%;
  background: #333;
}

.team_member h3{
  color: #fcfcfc;
  font-size: 18px;
  margin-bottom: 8px;
}

.team_title{
  color: #bd4545;
  font-size: 14px;
  margin-bottom: 10px;
}

.team_desc{
  color: #ccc;
  font-size: 13px;
  line-height: 22px;
}

/*联系我们*/
.contact_info{
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
}

.contact_item{
  display: flex;
  align-items: center;
  width: 30%;
}

.contact_icon{
  width: 50px;
  height: 50px;
  margin-right: 20px;
  border-radius: 50%;
}

.contact_icon.phone{
  background: #bd4545;
}

.contact_icon.mail{
  background: #4478be;
}

.contact_icon.map{
  background: #8cc63f;
}

.contact_text h4{
  color: #333;
  font-size: 16px;
  margin-bottom: 8px;
}

.contact_text p{
  color: #666;
  font-size: 14px;
}

/*---------合作伙伴页面样式----------*/
.partners_container{
  width: 1250px;
  margin: 0 auto;
  padding: 50px 0;
}

.partners_intro{
  text-align: center;
  margin-bottom: 50px;
  padding: 20px;
}

.partners_intro p{
  font-size: 16px;
  line-height: 28px;
  color: #555;
}

/*合作伙伴卡片*/
.partners_list{
  margin-top: 30px;
}

.partner_card{
  display: flex;
  background: #f8f8f8;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.partner_card:hover{
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.partner_logo{
  width: 180px;
  height: 120px;
  margin-right: 30px;
  flex-shrink: 0;
}

.logo_placeholder{
  width: 100%;
  height: 100%;
  background: #333;
  border-radius: 5px;
}

.partner_info{
  flex: 1;
}

.partner_info h2{
  color: #333;
  font-size: 22px;
  margin-bottom: 15px;
}

.partner_desc{
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin-bottom: 15px;
}

.partner_tags{
  display: flex;
  flex-wrap: wrap;
}

.tag{
  background: #bd4545;
  color: #fff;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 13px;
  margin-right: 10px;
  margin-bottom: 8px;
}

/*合作理念*/
.cooperation_section{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 50px 0;
}

.cooperation_grid{
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

.cooperation_item{
  width: 22%;
  text-align: center;
  padding: 20px;
}

.coop_icon{
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  border-radius: 50%;
}

.coop_icon.win-win{
  background: #bd4545;
}

.coop_icon.innovation{
  background: #4478be;
}

.coop_icon.trust{
  background: #8cc63f;
}

.coop_icon.long-term{
  background: #9ec9a8;
}

.cooperation_item h3{
  color: #fcfcfc;
  font-size: 18px;
  margin-bottom: 15px;
}

.cooperation_item p{
  color: #ccc;
  line-height: 24px;
  font-size: 14px;
}

/*成为合作伙伴*/
.become_partner{
  margin-top: 50px;
}

.partner_form{
  max-width: 600px;
  margin: 0 auto;
  background: #f8f8f8;
  padding: 40px;
  border-radius: 10px;
}

.partner_form h2{
  text-align: center;
  color: #333;
  font-size: 24px;
  margin-bottom: 15px;
}

.partner_form p{
  text-align: center;
  color: #666;
  font-size: 14px;
  margin-bottom: 30px;
}

.form_group{
  margin-bottom: 20px;
}

.form_group input,
.form_group textarea{
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.form_group input:focus,
.form_group textarea:focus{
  outline: none;
  border-color: #bd4545;
}

.form_group textarea{
  resize: vertical;
}

.submit_btn{
  width: 100%;
  padding: 15px;
  background: #bd4545;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.submit_btn:hover{
  background: #9a3334;
}

/*---------解决方案页面样式----------*/
.solutions_container{
  width: 1250px;
  margin: 0 auto;
  padding: 50px 0;
}

.solutions_intro{
  text-align: center;
  margin-bottom: 50px;
  padding: 20px;
}

.solutions_intro p{
  font-size: 16px;
  line-height: 28px;
  color: #555;
}

/*解决方案卡片*/
.solutions_list{
  margin-top: 30px;
}

.solution_card{
  display: flex;
  margin-bottom: 40px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.solution_card.reverse{
  flex-direction: row-reverse;
}

.solution_image{
  width: 40%;
  height: 350px;
  flex-shrink: 0;
}

.image_placeholder{
  width: 100%;
  height: 100%;
}

.image_placeholder.logistics_bg{
  background: linear-gradient(135deg, #bd4545 0%, #9a3334 100%);
}

.image_placeholder.automotive_bg{
  background: linear-gradient(135deg, #4478be 0%, #2d5a96 100%);
}

.image_placeholder.enterprise_bg{
  background: linear-gradient(135deg, #8cc63f 0%, #6a9a2e 100%);
}

.image_placeholder.ecommerce_bg{
  background: linear-gradient(135deg, #9ec9a8 0%, #7ab088 100%);
}

.image_placeholder.cloud_bg{
  background: linear-gradient(135deg, #249dd4 0%, #1a7bb8 100%);
}

.image_placeholder.education_bg{
  background: linear-gradient(135deg, #f39c12 0%, #d68910 100%);
}

.solution_content{
  padding: 30px;
  flex: 1;
}

.solution_content h2{
  color: #333;
  font-size: 24px;
  margin-bottom: 15px;
}

.solution_desc{
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin-bottom: 20px;
}

.solution_features h4{
  color: #333;
  font-size: 16px;
  margin-bottom: 12px;
}

.solution_features ul{
  list-style: none;
  padding: 0;
}

.solution_features li{
  padding: 8px 0;
  padding-left: 20px;
  position: relative;
  color: #555;
  font-size: 14px;
}

.solution_features li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 8px;
  height: 8px;
  background: #bd4545;
  border-radius: 50%;
}

.learn_more{
  display: inline-block;
  padding: 10px 25px;
  background: #bd4545;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  margin-top: 20px;
  transition: background 0.3s ease;
}

.learn_more:hover{
  background: #9a3334;
  text-decoration: none;
}

/*解决方案优势*/
.solutions_advantages{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 50px 0;
}

.advantages_grid{
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

.advantage_item{
  width: 22%;
  text-align: center;
  padding: 20px;
}

.adv_icon{
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  border-radius: 50%;
}

.adv_icon.experience{
  background: #bd4545;
}

.adv_icon.technology{
  background: #4478be;
}

.adv_icon.customization{
  background: #8cc63f;
}

.adv_icon.service{
  background: #9ec9a8;
}

.advantage_item h3{
  color: #fcfcfc;
  font-size: 18px;
  margin-bottom: 15px;
}

.advantage_item p{
  color: #ccc;
  line-height: 24px;
  font-size: 14px;
}

/*---------产品服务页面样式----------*/
.products_container{
  width: 1250px;
  margin: 0 auto;
  padding: 50px 0;
}

.products_intro{
  text-align: center;
  margin-bottom: 50px;
  padding: 20px;
}

.products_intro p{
  font-size: 16px;
  line-height: 28px;
  color: #555;
}

/*产品分类卡片*/
.product_categories{
  margin-top: 30px;
}

.category_card{
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  overflow: hidden;
}

.category_header{
  display: flex;
  align-items: center;
  padding: 20px 30px;
  background: #f8f8f8;
  cursor: pointer;
  transition: background 0.3s ease;
}

.category_header:hover{
  background: #f0f0f0;
}

.category_icon{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 20px;
}

.category_icon.logistics{
  background: #bd4545;
}

.category_icon.internet{
  background: #4478be;
}

.category_icon.ecommerce{
  background: #8cc63f;
}

.category_icon.cloud{
  background: #249dd4;
}

.category_icon.ai{
  background: #f39c12;
}

.category_icon.business{
  background: #9ec9a8;
}

.category_header h2{
  flex: 1;
  color: #333;
  font-size: 20px;
  margin: 0;
}

.toggle_icon{
  font-size: 28px;
  color: #bd4545;
  font-weight: bold;
}

/*分类内容*/
.category_content{
  display: none;
  padding: 20px;
}

.product_item{
  display: flex;
  padding: 20px;
  border-bottom: 1px dashed #eee;
}

.product_item:last-child{
  border-bottom: none;
}

.product_image{
  width: 150px;
  height: 100px;
  margin-right: 20px;
  flex-shrink: 0;
}

.product_img_placeholder{
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  border-radius: 5px;
}

.product_info{
  flex: 1;
}

.product_info h3{
  color: #333;
  font-size: 18px;
  margin-bottom: 10px;
}

.product_info p{
  color: #666;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 12px;
}

/*旗下事业项*/
.business_item{
  padding: 15px 20px;
  border-bottom: 1px dashed #eee;
}

.business_item:last-child{
  border-bottom: none;
}

.business_item a{
  display: block;
  text-decoration: none;
}

.business_item h3{
  color: #333;
  font-size: 16px;
  margin-bottom: 5px;
}

.business_item p{
  color: #666;
  font-size: 14px;
}

.business_item:hover{
  background: #f8f8f8;
}