/* CSS Document */

.am-slider-default{ margin-bottom: 0 !important;}

.main-shop{ background-color: #f1f1f1; padding: 10px 0;}
.main-title{ font-size: 25px; color:#065db3; text-align: center; margin: 25px 0;}

.shop-class{ max-width: 1200px; margin: 0 auto;}
.shop-class li{ margin-right: 10px; display: inline-block;}
.shop-class a{ color:#000; padding: 3px 10px; border-radius: 5px; display: block;}
.shop-class a.curr{ color:#fff; background-color: #065db3;}
.shop-list{ max-width: 1200px; margin: 35px auto;}
.shop-list li{ padding: 0 15px; margin-bottom: 25px;}
.shop-list li a{ display: block; position: relative;}
.shop-list img{ width: 100%; height:185px; display: block;}
.shop-list p{ font-size: 16px; line-height: 45px; color:#065db3; text-align: center; background-color: transparent; margin: 0; transition:all .3s;}
.shop-list div{width:100%; height:245px; color:#fff; background-color: rgba(6,93,179,.49); padding: 35px; opacity: 0; transition:opacity .3s; position: absolute; top:0; left: 0;}
.shop-list li p:before{content:""; width: 100%; height:1px; background-color: #065db3; display: block; transition:height .3s; position: absolute; left: 0; top:246px; z-index: -1}
.shop-list li:hover p{ color:#fff;}
.shop-list li:hover p:before{ height:45px;}
.shop-list li:hover div{ opacity: 1;}
.shop-list li:hover div:before{ content:""; width: 330px; height: 205px; border:#fff 1px solid; display: block; position: absolute; top:19px; left: 19px; }

.main-about{ color:#fff; text-align: center; background:url(../images/bg/index_bg.jpg) center no-repeat; background-size: cover; padding: 35px 0;}
.main-about h2{ font-size: 22px; font-weight: normal; margin: 15px 0 40px;}
.main-about a{ width:125px; height:35px; line-height: 33px; color:#fff; font-size: 25px; border:#fff 1px solid; margin:35px auto 0; transition: background .5s; display: block;}
.main-about a:hover{ color:#065db3; background-color: #fff;}

.main-case{ padding: 25px 0 15px;}
.case-list li{ padding: 15px;}
.case-list li a{ color:#fff; display: block; position: relative;}
.case-list li a:after{ content:"查看详情"; width: 100%; height:200px; line-height: 200px; text-align: center; background-color: rgba(0,0,0,.6); opacity: 0; transition:opacity .6s; display: block; position: absolute; left: 0; top:0; z-index: 3}
.case-list li img{ width: 100%; height:200px;}
.case-list li a:hover:after{ opacity: 1;}
.case-list+a{ width: 125px; height:40px; line-height: 40px; font-size: 15px; color:#757575; text-align: center; border:#757575 1px solid; border-radius: 5px; margin: 25px auto 30px; display: block;}

.main-news{ background-color: #f3f3f3; padding: 35px 0 90px;}
.main-news h2{ font-size: 20px; color:#5b5b5b; text-align: center; margin-bottom: 45px;}
.main-news h2 span{ width:95px; color:#000; padding: 3px 0; border-bottom: #0c4d72 2px solid; margin: 0 auto; display: block;}
.news-list .am-slider-default{ background-color: transparent; box-shadow: none;}
.news-list .am-slides li{ width:333px !important; height:350px !important; margin:0 !important;padding: 0 8px;}
.news-list .am-slides li>div{ height:330px; text-align: center; background-color: #fff;  box-shadow: 3px 3px 5px rgba(0,0,0,.3); position: relative;}
.news-list .am-slides div div:before{ content:""; width: 100%; height:200px; background-color: rgba(6,93,179,.84); display: block; position: absolute; left:0; top:0; opacity: 0; transition:opacity .3s;}
.news-list .am-slides div div:after{ content: "+"; width: 50px; height:50px; font-size: 47px; line-height: 44px; color:#065db3; background-color: #fff; border-radius: 50%; display: block; margin:-75px 0 0 -25px; opacity: 0; position: absolute; left:50%; top:48%;}
.news-list .am-slides li:hover div div:before,.news-list .am-slides li:hover div div:after{ opacity: 1;}
.news-list img{ width: 100%; height:200px;}
.news-list h3{ font-size: 16px; color:#3a3a3a; line-height: 35px; margin-top: 15px;}
.news-list h3:after{ content:""; width: 75px; height:2px; background-color:#0c4d72; display: block; margin: 0 auto; }
.news-list p{ font-size: 12px; color:#a0a0a0; padding: 10px 15px 5px;}
.main-news .am-slider-default .am-direction-nav a{top:380px; width:50px; height:50px; background-color: #dddddd; opacity: 1;}
.main-news .am-slider-default .am-direction-nav a:hover{ background-color:#065db3; }
.main-news .am-slider-default .am-direction-nav .am-prev{ left:88%;}
.main-news .am-slider-default .am-direction-nav a:before{ content:"\f104"; height:50px; font-size: 40px !important; color:#fff; line-height: 50px !important;}
.main-news .am-slider-default .am-direction-nav a.am-next:before{ content:"\f105";}

.main-advan{ background-color: #065db3; padding: 30px 0 45px;}
.main-advan .main-title{ font-size: 30px; color:#fff;}
.advan-list{ font-size: 18px; color:#fff; text-align: center; padding: 25px 0;}
.advan-list i{ width:110px; height:110px; font-size: 65px; line-height: 104px; border:#fff 2px solid; border-radius: 50%; margin: 10px 0 25px; transition:all .7s; display: inline-block;}
.advan-list li:hover i{ color:#065db3; background-color: #fff; margin-top: 0;}