@charset "utf-8";
/* CSS Document */
body,div,ul,li,p,h3,h1,h2,h5,h6,h4,dl,dt,dd,table,tr,td,img,span,b,form,input,span{ margin:0; padding:0}
img{ border:0;}
ul, li{ list-style:none;}
a{ text-decoration:none}
font{ font-size:12px;}
body{ font-size:12px; color:#000; font-family:"PingFangSC-Light","微软雅黑","Microsoft Yahei";}
.ty01, .ty02, .ty03{ margin:0 auto; overflow:hidden}
.ty02{ width:78%}
.ty03{ width:1415px; padding-left:15px}

/*导航栏*/
.head01{ margin:0 auto; height:90px; width:100%; background:#fff;
    position: fixed;
    top: 0;
    z-index: 999;
}
.head01gd{
    width:100%;
    height:90px;
}
.head02{ margin:0 auto; width:95%; padding:0 2.5%; display:flex;  justify-content:space-between;align-items:center; height:90px }
.head03{display:flex;align-items:center;}
.nav01{ height:90px;  display: flex;}
.nav01>li{
    display: flex;
    width: 120px;
    line-height:90px; 
}
.childiv{
    display: none; position: absolute; width:100%;
    top: 80px; background:rgba(255,255,255,.5);
    height: 60px; padding-top:10px}
.nav01-chil{
    
    display: flex;
    
   
    align-items: center;

}
.nav01-chil li{ line-height:60px;   display: flex; }
.nav01-chil li:nth-child(n+2){ margin-right:40px}
.nav01-chil li a:hover{ color:#953133}
.nav01 a{ font-size:18px; color:#414141; font-weight:bold}
.nav01 ul li a{ font-size:16px; font-weight:normal; color:#222}
.nav01>li>a:hover{ background:url(nav_bg.gif) no-repeat center 0; color:#8a1919}
.head03 h6{ float:left; overflow:hidden; height:18px; padding-left:30px; background:url(soso_line.gif) no-repeat 0 center; cursor:pointer }

#chilnav5{ transform:translateX(-15%)}
#chilnav7{transform:translateX(-10%)}
#chilnav8{  transform:translateX(-10%)}


.soso10{ width:800px; overflow:hidden; position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-150px; z-index:9; height:300px; background:rgba(149,49,51,.93); padding:100px 60px 50px; box-sizing:border-box; border-radius:10px;cursor:pointer;}

.soso10 ul{ width:100%; float:left; overflow:hidden}
.soso10 .search_text{ float:left; overflow:hidden; height:60px; line-height:60px; border:none; border-radius:30px 0 0 30px; padding:0 30px;  width:80%;  color:#888; background:none;outline: none; background:rgba(255,255,255,.9); box-sizing:border-box; font-size:16px; font-family:"Microsoft Yahei"}
.soso10 .search_button{ width:20%; height:60px; float:left;  border:none; background:none; background:#c93639 url(soso1.png) no-repeat center center; outline:none; border-radius:0 30px 30px 0 }
.soso10 .search_button:hover{ cursor:pointer;outline: none; background:#d32f32 url(soso1.png) no-repeat center center;}
.soso10 ul p{ width:100%; float:left; overflow:hidden; line-height:36px; margin-top:26px;color:#fff; font-size:16px; text-align:center}
.soso10 ul p a{ color:#fff; font-size:16px;}
.soso10 ul p a:hover{ color:#ff0; text-decoration:underline}
.soso10 ul p span{ padding:0 10px; color:rgba(255,255,255,.5)}
.soso10 h5{ position:absolute; right:20px; top:20px; height:30px; width:30px; border-radius:50%; background:rgba(255,255,255,.9); color:#f60; font-size:23px; text-align:center; line-height:30px; font-weight:normal; font-family:"宋体"}
.soso10 h5:hover{ background:#c93639; color:#fff; cursor:pointer}



.foot01{ background:#303030; }
.foot01a{position:relative;padding:35px 0 47px;}
.foot02{ width:100%; float:left; overflow:hidden; border-bottom:1px solid #545454; padding-bottom:34px; margin-bottom:15px; display:flex;  justify-content:space-between; }
.foot02 h4{ height:30px; line-height:30px; text-indent:40px; background:url(kf01.png) no-repeat 0 center; font-size:15px; color:#aaa; font-weight:normal}
.foot02 h4 span{ font-weight:bold; font-size:18px;}
.foot02 ul a{ color:#aaa; font-size:14px}
.foot02 ul a:hover{ color:#953133; text-decoration:underline}
.foot02 ul span{ color:#aaa; font-size:12px; padding:0 15px}


.foot03{ width:100%; float:left; overflow:hidden; display:flex;  justify-content:space-between;}
.foot03 h4{ height:30px; line-height:30px; font-size:14px; color:#aaa; font-weight:normal}
.foot03 h4 a{ font-weight:normal; color:#aaa}
.foot03 h4 span{ padding:0 8px}
.foot03 ul span{ padding:0 10px}

.container-ul{  display:flex}
.container-ul li{ margin-right:20px}
.container-ul li a{ display:block; width:30px; height:30px; float:left; overflow:hidden; background:#f60;}
.container-ul li a img{ width:80px; height:80px; display:none; border:8px solid #fff;}
.container-ul li:first-child a{ background:url(wx.png) no-repeat center 0; }
.container-ul li:nth-child(2) a{ background:url(dy.png) no-repeat center 0; }
.container-ul li:nth-child(3) a{ background:url(sph.png) no-repeat center 0; }

.container-ul li:first-child a:hover img{ display:block; position:absolute; right:0%; top:10px; transform:translateX(-90%); z-index:9}
.container-ul li:nth-child(2) a:hover img{ display:block; position:absolute; right:0%; top:10px; transform:translateX(-40%); z-index:9}
.container-ul li:nth-child(3) a:hover img{ display:block; position:absolute; right:0%; top:10px; transform:translateX(0%); z-index:9}
 

/*

.container-ul {
    position: relative;
    display: flex;
    height: 100px;
}
.container-ul li {
    width: 50px;
}
.container-ul .footspan {
    position: absolute;
    right: 160px;
    display: none;
}

*/



.w_head01{ display:none}	

/******** 手机版 ********/
@media (max-width:767px){
.ty02{ width:94%; padding:0 3%}
.head01{ display:none}
.w_head01{ display:block; margin:0 auto;width:95%; padding:0 2.5%; background:#fff; height:60px; position:absolute; left:0; top:0; z-index:999;}
.head01gd{ display:none}
.w_ul01{width:auto; float:left; overflow:hidden; position:relative;  z-index:99999}
.w_ul01 img{ height:30px; margin-top:15px}

.logo{height:40px; margin-top:32px;}
.logo img{ height:40px; margin-right:5px}


.foot01a{position:relative;padding:20px 0 10px;}
.foot02{  padding-bottom:10px; margin-bottom:15px;  }
.foot02 h4{ height:30px; line-height:30px; text-indent:30px; background:url(kf01m.png) no-repeat 0 center; font-size:14px;  font-weight:normal; background-size:10%;}
.foot02 h4 span{ font-weight:bold; font-size:14px;}
.foot02 ul { display:none}

.foot03 h4 a{ display:none}
.foot03 h4 span{ display:none}


.container-ul li{ margin-right:10px}
.container-ul li a img{ width:50px; height:50px;  border:5px solid #fff;}

.container-ul li:first-child a{ background:url(wxm.png) no-repeat center 0; background-size:90%;}
.container-ul li:nth-child(2) a{ background:url(dym.png) no-repeat center 0; background-size:90%;}
.container-ul li:nth-child(3) a{ background:url(sphm.png) no-repeat center 0; background-size:90%;}


.container-ul li:first-child a:hover img{right:0%; top:0px; transform:translateX(-121%); z-index:9}
.container-ul li:nth-child(2) a:hover img{ right:0%; top:0px; transform:translateX(-55%); z-index:9}
.container-ul li:nth-child(3) a:hover img{ right:0%; top:0px; transform:translateX(0%); z-index:9}





}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.ty02{ width:95%}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

.ty02{ width:95%}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1300px){
.ty02{ width:95%}

.nav01>li{ width:85px;}
#chilnav5{ transform:translateX(-20%)}

.foot01a{position:relative;padding:20px 0 10px;}
.foot02{  padding-bottom:20px; margin-bottom:15px;  }

.container-ul li a img{ width:70px; height:70px;  border:5px solid #fff;}
.container-ul li:first-child a:hover img{right:0%; top:0px; transform:translateX(-121%); z-index:9}
.container-ul li:nth-child(2) a:hover img{ right:0%; top:0px; transform:translateX(-55%); z-index:9}
.container-ul li:nth-child(3) a:hover img{ right:0%; top:0px; transform:translateX(0%); z-index:9}
}

/******** 1300px ********/
@media (min-width:1301px) and (max-width:1439px){
.ty02{ width:95%}
.nav01>li{ width: 90px;}
}


/******** 1400px ********/
@media (min-width:1440px){
	
}





















.m_2{ margin-bottom:2px}
.m_10{ margin-bottom:10px}
.m_15{ margin-bottom:15px}
.m_20{ margin-bottom:20px}
.m_r132{margin-right:132px}
.m_r70{margin-right:70px}
.m_30{ margin-bottom:30px}
.m_40{ margin-bottom:40px}
.m_50{ margin-bottom:50px}
.m_60{ margin-bottom:60px}
.m_70{ margin-bottom:70px}
.m_80{ margin-bottom:80px}
.m_100{ margin-bottom:100px}
.m_150{ margin-bottom:150px}
.m_250{ margin-bottom:250px}
.m_r40{ margin-right:40px}
.m_28{ margin-bottom:28px}
.m_r60{ margin-right:60px}
.clear{ clear:both; width:100%; overflow:hidden}
.m_t50{ margin-top:50px}