@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:"微软雅黑"; } /* background:url(body2.jpg) no-repeat center 0  */
.ty01, .ty02, .ty03, .ty04, .ty_case, .ty05{ margin:0 auto; overflow:hidden}
.ty02{ width:82%}

.head01{ height:600px; background-image: linear-gradient(to bottom,#4768d1,#0f2bb0);}
.nav01{ height:60px; margin-top:20px; width:100%; display:flex}
.nav01 ul{ margin-left:auto; display:flex; height:60px}
.nav01 ul li{ line-height:60px; height:60px; margin:0 25px}
.nav01 ul li:last-child{ margin-right:0}
.nav01 ul li a{ color:#fff; font-size:18px;}
.nav01 ul li a:hover{ text-decoration:underline; color:#fcc700}

.head02{ height:100px}

/******** 底部电话 ********/
.tel{ width:100%; float:left; overflow:hidden; display:flex; padding:30px 0; }
.tel dl{ flex:1; height:64px; display:flex; background:url(../scimg/line.gif) no-repeat 80% center; }
.tel dl h6{ width:63px; margin-right:15px}
.tel dl:nth-child(3) h6{ width:60px}
.tel dl ul{ flex:1}
.tel dl dt{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:18px; color:#333; margin-top:8px}
.tel dl dt a{ color:#333}
.tel dl dd{width:100%; float:left; overflow:hidden; line-height:28px; font-size:20px; color:#f60;}
.tel dl dd a{ color:#f60}
.tel dl dt b{ padding:0 3px; font-weight:normal; color:#222 }
.tel dl dd a{ float:left; margin-right:15px}
.tel dl:nth-child(3){ background:none}
.tel dl:nth-child(3) dd{ margin-top:5px}
.tel dl:nth-child(3) dd a:last-child{ margin-right:0}
.tel h6{ width:100px; height:70px; text-align:right}
/******** 底部电话 end ********/

.footer{ background:#272727; border-top:1px solid #bdbaba;padding:30px 0;}

.f_lx{ width:100%; float:left; overflow:hidden; display:flex}
.foot_left{ overflow:hidden; color:#d6d4d4}
.foot_left p{ line-height:32px; text-indent:10px; background:url(../img/dot3.gif) no-repeat 0px center; font-size:15px}
.foot_left p.sc_icp{ background:none; color:#968b8b}
.foot_left p.sc_icp a{ color:#ccc; color:#968b8b}
.foot_left p.sc_icp a:hover{ color:#8bc253}

.foot_right{ flex:1; float:left; overflow:hidden;color:#d6d4d4;}
.foot_right p{ line-height:32px; text-align:right;font-size:15px}
.foot_right p.sc_icp{ color:#968b8b}
.foot_right p.foot_nav{ color:#8bc235}
.foot_right p.foot_nav a{  font-size:16px; color:#8bc235; padding:0 2px}
.foot_right p font{  font-family:"微软雅黑" ; padding-left:1px; padding-right:2px; font-size:12px}
.foot_right p.foot_nav a:hover{ color:#ccc; text-decoration:underline}

.foot_rz{ width:100%; float:left; overflow:hidden; text-align:center; padding:25px 0 23px; margin-top:20px; border:1px dashed #5f5e5e; box-sizing:border-box}
.foot_rz img{ margin-right:30px; cursor:pointer; vertical-align:middle}
.foot_rz img.foot_rz01{ margin-right:0}

.about{ background:#272727; padding:20px 0 30px;}

.f_about{ width:100%; float:left; overflow:hidden; display:flex;}
.about01{ flex:1}
.about01 h4,.about02 h4{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; font-weight:normal; font-size:16px; color:#4d9400;  margin-bottom:15px}
.about01 h4 span,.about02 h4 span{ width:100px; float:left; background:#4d9400; color:#fff; line-height:30px; height:30px; text-align:center; font-weight:normal}
.about01 ul{width:100%; float:left; overflow:hidden;}
.about01 ul p{width:100%; float:left; overflow:hidden; line-height:28px; color:rgba(255,255,255,.65); font-size:15px; margin-bottom:10px; text-indent:2em}


.about02{ width:380px; float:left; overflow:hidden; margin-left:200px}
.about02 h4{ margin-bottom:20px}
.about02 ul{ width:100%; float:left; overflow:hidden;}
.about02 ul li{ width:100px; float:left; text-align:center; line-height:30px; text-align:center; font-size:14px; color:#bbb; margin-right:40px}
.about02 ul li img{ width:100%; float:left; overflow:hidden}
.about02 ul li.m_r0{ margin-right:0}

.link{ background:#272727; padding:0px 0 20px; border-bottom:1px solid #333}
.link02{ border-top:1px dashed #5f5e5e}
.link02 h4{ height:30px; line-height:30px; margin-top:10px; font-weight:normal; font-size:15px; color:rgba(255,255,255,.65); }
.link02 h4 span{padding-left:5px; font-family:Arial, Helvetica, sans-serif}

.link02 ul{ width:100%; float:left; overflow:hidden; line-height:28px}
.link02 ul a{ font-size:15px; color:rgba(255,255,255,.65); float:left; display:inline; margin-right:20px}
.link02 ul a:hover{ color:#4d9400; text-decoration:underline}

.address{ background:#1a1a1a; line-height:40px; padding:15px 0 20px; border-top:1px solid #111}

.address dl{ float:left; width:100%; overflow:hidden; display:flex;align-items:center; }
.address dl a{ display:flex;align-items:center; }
.address dl img{width:72px;  border-radius:2px; margin-right:15px}
.address dt{ flex:1;line-height:20px; font-size:16px; color:rgba(255,255,255,.65); margin-top:2px }
.address dt span{ font-size:16px; color:rgba(255,255,255,.65);}
.m_foot{ display:none}
.w_head01{ display:none}
/******** 手机版 ********/
@media (max-width:767px){

.ty11{ width:95%; padding:0 2.5%}

.head01{ height:250px;}
.nav01 ul{ display:none}


.w_head01{ display:block}
.nav01{ display:none}
.w_head01{ display:block; margin:0 auto; width:100%; height:60px; position:absolute; left:0; top:0; z-index:999;}
.w_ul01{width:auto; float:left; overflow:hidden}
.w_ul01 img{ height:34px; margin-top:10px}



/******** 底部电话 ********/
.tel { padding:10px 0 0}
.tel dl{background:none; height:55px}
.tel dl:nth-child(2){ display:none}

.tel dl h6{ width:40px; margin-right:10px}
.tel dl h6 img{ height:40px}
.tel dl dt{font-size:15px; margin-top:-3px; line-height:20px}
.tel dl dd{ font-size:16px; line-height:22px;}
.tel h5{ display:none}
.tel dl:nth-child(3) dd a:last-child,.tel dl:nth-child(3) dd a:nth-child(2){ display:none}
.tel dl:first-child dd a{ display:inline-block; margin-right:0}
.tel dl:nth-child(3) dt{ display:none}
/******** 底部电话 ********/


.foot_right{ display:none}
.foot_rz{ display:none}
.about01{ display:none}
.about02{ display:none}
.link,.footer,.address,.about{ display:none}

.m_20{ margin-bottom:10px}
.m_30{ margin-bottom:10px}
#top{ display:none}
.m_0{ margin-bottom:0}

.m_foot{ display:block; background:#272727; padding:20px 0; color:#d6d4d4; margin:0 auto; overflow:hidden; width:100%;}
.m_foot h3,.m_foot h4,.m_foot h5,.m_foot h6{ width:100%; float:left; overflow:hidden; font-weight:normal; line-height:25px; font-size:12px; }
.m_foot a{ color:#f60}
.m_foot h6,.m_foot h6 a { color:#aaa;}
.m_35{ margin-bottom:15px}
.m_80{ margin-bottom:10px}
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.ty02{ width:94%}
.head01{ height:360px;}
.nav01 ul li{  margin:0 10px}
.nav01 ul li a{ font-size:15px;}


/******** 底部电话 ********/
.tel { padding:10px 0 0}
.tel dl{background:url(../scimg/line.gif) no-repeat 95% center; }
.tel dl h6{ width:50px; margin-right:10px}
.tel dl h6 img{ height:50px}
.tel dl dt{font-size:16px; margin-top:0}
.tel dl dd{ font-size:18px;}
.tel h5{ display:none}
.tel dl:nth-child(3) dd a:nth-child(2),.tel dl:nth-child(3) dd a:last-child{ display:none}
/******** 底部电话 ********/


.footer{ padding:30px 0 15px;}
.foot_left p,.foot_right p{ line-height:26px;font-size:12px}
.foot_right p.foot_nav a{ font-size:12px;padding:0 2px}
.foot_right{ display:none}

.foot_rz{ padding:15px 0 15px; margin-top:15px;}
.foot_rz img{ max-width:15%; }
.foot_rz img:nth-child(4){ display:none}


.about{ padding:10px 0;}
.about01{ display:none}

.about02{ width:100%; float:left; overflow:hidden; margin-left:0px}
.about02 ul{ width:100%; float:left; overflow:hidden;}
.about02 ul li{ width:100px; line-height:30px;font-size:12px; margin-right:25px}
.about02 ul li.m_r0{ margin-right:0}

.link{  padding:0px 0 15px; }
.link02 h4{ height:30px; line-height:30px; margin-top:10px; font-size:14px;}
.link02 h4 span{padding-left:5px; font-family:Arial, Helvetica, sans-serif}
.link02 ul{ line-height:28px}
.link02 ul a{ font-size:13px;  margin-right:15px}
.address{height:40px; padding:15px 0 20px;1}
.address dl img{width:72px; height:40px; border-radius:2px; margin-right:15px}
.address dt{ line-height:18px; font-size:12px; }
.address dt span{ font-size:12px; color:rgba(255,255,255,.65);}

}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.ty02{ width:94%}
.head01{ height:420px;}
.nav01 ul li{  margin:0 15px}
.nav01 ul li a{ font-size:16px;}


.footer{ padding:30px 0 15px;}
.foot_left p,.foot_right p{ line-height:26px;font-size:12px}
.foot_right p.foot_nav a{ font-size:12px;padding:0 2px}
.foot_rz{ padding:15px 0 15px; margin-top:15px;}
.foot_rz img{ margin-right:20px; }

.about{ padding:10px 0;}
.about01 ul p{line-height:22px;font-size:12px; margin-bottom:10px; text-indent:2em}

.about02{ width:300px; float:left; overflow:hidden; margin-left:50px}
.about02 ul{ width:100%; float:left; overflow:hidden;}
.about02 ul li{ width:90px; line-height:20px;font-size:12px; margin-right:15px}
.about02 ul li.m_r0{ margin-right:0}

.link{  padding:0px 0 15px; }
.link02 h4{ height:30px; line-height:30px; margin-top:10px; font-size:14px;}
.link02 h4 span{padding-left:5px; font-family:Arial, Helvetica, sans-serif}
.link02 ul{ line-height:28px}
.link02 ul a{ font-size:13px;  margin-right:15px}
.address{height:40px; padding:15px 0 20px;1}
.address dl img{width:72px; height:40px; border-radius:2px; margin-right:15px}
.address dt{ line-height:20px; font-size:12px; }
.address dt span{ font-size:12px; color:rgba(255,255,255,.65);}


}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.ty02{ width:92%}
.head01{ height:520px;}

.nav01 ul li{  margin:0 20px}
.nav01 ul li a{ font-size:17px;}

.foot_left p,.foot_right p{ line-height:28px;font-size:13px}
.foot_right p.foot_nav a{ font-size:13px;padding:0 2px}
.foot_rz{ padding:20px 0 18px; margin-top:15px;}
.foot_rz img{ margin-right:25px; }

.about{ padding:15px 0;}
.about01 ul p{line-height:26px;font-size:14px; margin-bottom:10px; text-indent:2em}

.about02{ width:340px; float:left; overflow:hidden; margin-left:50px}
.about02 h4{ margin-bottom:20px}
.about02 ul{ width:100%; float:left; overflow:hidden;}
.about02 ul li{ line-height:20px;font-size:13px; margin-right:20px}
.about02 ul li.m_r0{ margin-right:0}

.link{  padding:0px 0 15px; }
.link02 h4{ height:30px; line-height:30px; margin-top:10px; font-size:14px;}
.link02 h4 span{padding-left:5px; font-family:Arial, Helvetica, sans-serif}
.link02 ul{ line-height:28px}
.link02 ul a{ font-size:13px;  margin-right:15px}
.address{height:40px; padding:15px 0 20px;1}
.address dl img{width:72px; height:40px; border-radius:2px; margin-right:15px}
.address dt{ line-height:20px; font-size:14px; }
.address dt span{ font-size:14px; color:rgba(255,255,255,.65);}

}

/******** 1400px ********/
@media (min-width:1440px){
	
}