@charset "utf-8";
/* CSS Document 
@font-face
{
font-family: myFirstFont;
src:url('../fonts/AvenirLTStd-Roman.otf');
}

*/
ul,li,p,h1,h2,h3,h4,h5,h6,span,dl,dt,dd,a{padding:0; margin:0;}

.cut_n{ width:1170px; left:50%; margin-left:-585px; float:left; margin-top:-77px; z-index:10; position:relative; background:url(../images/any.png) 0 0 no-repeat #FFF; border-radius:10px 10px 0 0;}
.about_l{ width:28.2%; float:left; padding-bottom:120px;}
.about_l h2{ font-size:24px; color:#005c9b; font-weight:bold; padding-top:55px; padding-left:50px; margin-bottom:20px;}
.about_l h2 p{font-size:14px; color:#777; font-weight:normal;}
#ab_lli{ margin-left:-2px; line-height:40px;}
#ab_lli a{color:#b89f5f;}
.about_l li{ float:left; width:100%; line-height:50px; height:50px; text-indent:53px; font-size:16px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.about_l li:hover{background:#b2d11c;}
.about_l li:hover a{color:#fff;}
.about_l li a{color:#777;}
.about_l li a:hover{color:#fff;}

.about_z{ width:64%; float:right; margin-right:3.5%; padding-top:20px;}
.crumbs{ width:100%; float:left; margin-bottom:35px; font-size:18px; color:#444; line-height:45px; height:45px; background:url(../images/sdfe.jpg) 0 bottom no-repeat #FFF;}
.crumbs span{ float:right; font-size:12px; color:#999;}
.crumbs span a{color:#999;}
.about_zn{ width:100%; font-size:14px; color:#777; line-height:30px; float:left; margin-bottom:90px;}
.about_zn img{max-width:100%;}

.china{ width:100%; float:right; padding-top:10px;}
.china_l{ width:100%; float:left; color:#777; font-size:14px; line-height:30px; margin-bottom:25px;}
.china_l h2{ color:#333; font-size:16px; margin-bottom:5px;}
.china_z{ width:100%; float:left; margin-bottom:100px;}
.china_z h2{ color:#333; font-size:16px; margin-bottom:10px;}
.china_z dl{ float:left; width:100%; padding-left:30px; background:url(../images/dfgd.png) 0 0 no-repeat; margin-bottom:8px;}
.china_z dt{ float:left; width:10%; color:#005c9b; font-size:18px; font-weight:normal;}
.china_z dd{ float:right; width:87%; font-size:14px; line-height:27px; height:27px; padding-bottom:10px; position:relative;}
.china_z dd:hover{background:url(../images/zawe.jpg) 40px 28px no-repeat;}
.china_z dd:hover span{color:#005c9b; cursor:pointer;}
.china_z dd div{ width:95%; border:1px solid #b2d11c; border-radius:5px; position:absolute; z-index:100; left:0; top:36px; line-height:30px; padding:15px; display:none; background-color:#FFF;}
.china_z dd:hover div{ display:block; -webkit-transition: all .9s; -o-transition: all .9s; transition: all .9s;}


@media screen and (max-width: 1180px){
.crumbs span{ display:none;}
.cut_n{ width:100%; left:0%; margin-left:0; float:none; margin-top:0px; z-index:10; margin:0 auto;  position:relative; background:url(../images/any.png) 0 0 no-repeat #FFF; border-radius:10px 10px 0 0;}

.china_z dd div{ width:90%; border:1px solid #b2d11c; border-radius:5px; position:absolute; z-index:100; left:0; top:36px; line-height:30px; padding:15px; display:none; background-color:#FFF;}
}
@media screen and (max-width: 760px){
.about_l{ width:100%; padding-bottom:40px;}
.about_z{ width:98%; margin-right:1%;}
.china_z dt{ width:17%;}
.china_z dd{ width:80%;}
.china_z dd div{ width:80%; border:1px solid #b2d11c; border-radius:5px; position:absolute; z-index:100; left:0; top:36px; line-height:30px; padding:15px; display:none; background-color:#FFF;}
}