@import url("pcbase.css");


.am-tit{ border: 1px solid #ccc; margin: 30px auto; float: none; padding: 3.0rem 0 1.4rem 0; position: relative; text-align: center;}
.am-tit i.icon-dian{ margin: 0 30px 0 25px;}
.am-tit p{ position: absolute; top: -31px; height: 60px; font-size: 3.5rem; left: 50%; margin-left: -30%; background: #fff;}
.am-tit .s1{ color: red;}
.am-tit .s2{ color: #0657B2;}
.am-tit.martop{ margin-top: 60px;}
.rmcp li p{ margin: 15px 0 0 0; text-align: center;}
.about .am-tabs-nav li{ width: 100%; border: 0;}
.about .am-tabs-nav li a,
.about .am-tabs-nav,
.about .am-nav-tabs>li.am-active>a,
.about .am-nav-tabs>li.am-active>a:focus,
.about .am-nav-tabs>li.am-active>a:hover{ border: 0;}

.about .am-tabs-nav li a{ background: #0657B2; color: #fff;}


.about .am-nav-tabs>li.am-active>a,
.about .am-nav-tabs>li.am-active>a:focus,
.about .am-nav-tabs>li.am-active>a:hover{ background: #90DC22; color: #fff;}


.about .am-nav>li>a{ padding: 1.2rem 1rem; text-align: center; font-size: 1.8rem; letter-spacing: 6px;}

.about .am-nav>li{ position: relative; margin-top: 10px; overflow: hidden;}
.about .am-nav>li.one{ margin-top: 0;}
.about .am-nav>li>i{ position: absolute; top: 0; color: #fff; font-size: 3.65rem; z-index: 99; padding: 0 0 0 1.6rem; border-right:1px solid #fff; background: #0657B2; height:100%;}
.about .am-nav-tabs>li.am-active>i{ background: #90DC22; }

.about .am-tabs-bd { border: 0; padding-right: 0;}
.about .am-tab-panel{ padding: 0; line-height: 30px; }
.about .am-tab-panel img{ float: left; height: 253px; margin-right: 2rem;}

#zlbz{ width: 100%; height: 164px; background: url(../images/cbg.jpg) no-repeat center center; margin: 20px 0 0 0;}

#anli{ width: 100%; min-height: 504px; background: url(../images/anlibg.jpg) no-repeat center center;}
#anli ul{ width: 1200px; margin: 0 auto; position: relative; top: 100px;}
#anli ul li{ background: #fff; width: 23.75%; max-height: 400px; margin-left: 20px; padding-top: 5px; border: 1px solid #ddd;}
#anli ul li.one{ margin-left: 0;}

#anli ul li a.name{ font-size: 2rem; display: inline-block; padding: 10px;}
#anli ul li a.name:hover{ color: #333;}
#anli ul li p.intro{ margin-top: 0; font-size: 1.4rem; padding: 0 10px;}
#anli ul li a.img{ overflow: hidden; display: block; height: 206px; position: relative;}
#anli ul li a.img img{
    transition:all 0.3s;
    height: 100%;
}
#anli ul li:hover img{
	-webkit-transform: scale(1.08,1.08);
    -ms-transform: scale(1.08,1.08);
    transform: scale(1.08,1.08);
}


#anli ul li:hover{ background: #ffd900; }

#anli .ipro-lant{ height:44px; line-height:44px; font-size:26px; text-align:center; background:url(../images/anlitit.png) no-repeat center top; color:#572b22; overflow:hidden; position: relative; top: 60px;}
#anli .ipro-lant a{color:#572b22;}
#anli .ipro-text{ text-align:center; font-size:14px; color:#572b22; position: relative; top: 80px;}

#sylxwm{ width: 1200px; margin: 94px auto 0 auto; padding: 2rem 0;}
#sylxwm .am-list .am-list-item-dated{ border: 0; width: 27.5%;}
#sylxwm .am-list .am-list-item-dated a{ white-space: normal; padding: 0 40px;} 
#sylxwm .am-list .am-list-item-dated a i{
	font-size: 8rem;
 	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(251, 241, 247)), to(rgb(117, 117, 117)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#sylxwm .am-list .am-list-item-dated a:hover{ color: #000;}
#sylxwm .am-list .am-list-item-dated a:hover i{
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#0657B2), to(#90DC22));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}