@charset "UTF-8";

/*----*/
#banner .swiper-button-next{ margin-top: -32px; right: 0; width: 47px; height: 64px; line-height: 64px; text-align: center; background-color: rgba(50, 124 ,137, .75); background-image: none; font-size: 60px; color: #ffffff; display: none;}
#banner .swiper-button-prev{ margin-top: -32px; left: 0; width: 47px; height: 64px; line-height: 64px; text-align: center; background-color: rgba(50, 124 ,137, .75); background-image: none; font-size: 60px; color: #ffffff; display: none;}

#pdtItem .swiper-button-next{ margin-top: -32px; right: 0; width: 47px; height: 64px; line-height: 64px; text-align: center; background-color: rgba(50, 124 ,137, .75); background-image: none; font-size: 60px; color: #ffffff; display: none;}
#pdtItem .swiper-button-prev{ margin-top: -32px; left: 0; width: 47px; height: 64px; line-height: 64px; text-align: center; background-color: rgba(50, 124 ,137, .75); background-image: none; font-size: 60px; color: #ffffff; display: none;}

/*----*/
.SBD-info{ position: relative; margin-right: 30px; padding: 30px; width: 403px;}
.SBD-img{ position: relative; width: 343px; height: 460px;}
.SBD-bg{ position: absolute; top: 0; left: 0; width: 80%; height: 80%; background: #f0f0f0;}
.SBD-fot{ position: absolute; right: 0; bottom: 0; width: 40%; height: 40%; border-right: 20px solid #f0f0f0; border-bottom: 20px solid #f0f0f0;}
.SBD-desc{ padding: 30px; background: #f0f0f0;}
.SBD-desc h1{ display: inline-block; padding: 0 0 12px; font-size: 30px; color: #327c89; border-bottom: 1px solid #327c89;}
.SBD-desc h2{ padding: 9px 0 0; font-weight: 300; font-size: 14px; text-transform: uppercase; color: #327c89;}
.SBD-desc-con{ padding: 15px 0 0; line-height: 30px; font-size: 16px; text-align: justify;}

/*----*/
.syadvant{ position: relative; height: 580px; background: #f0f0f0;}
.syadvant .xw-page{ height: 100%;}

/*----*/
.forAdvant{ margin-top: -10px; width: 1220px;}
.forAdvant li{ width: 20%;}
.forAdvant li a{ margin: 20px 20px 0 0; height: 200px; background: rgba(255,255,255,.9);}
.FAT-con{ text-align: center;}
.FAT-img{ position: relative; margin: 0 28%; height: 60px;}
.FAT-img em{ font-size: 34px;}
.FAT-img:before{ position: absolute; top: 0; right: 0; left: 0; height: 15%; content:""; border: 1px solid #aaaaaa; border-bottom: 0;}
.FAT-img:after{ position: absolute; right: 0; bottom: 0; left: 0; height: 15%; content:""; border: 1px solid #aaaaaa; border-top: 0;}
.FAT-title{ padding: 15px 0 0;}
.forAdvant li a:hover{ background: rgba(50,124,137,.9); color: #ffffff;}
.forAdvant li a:hover .FAT-img:before, .forAdvant li a:hover .FAT-img:after{ border-color: #ffffff;}

/*----*/
.pdtLm, .pdtLm .swiper-wrapper, .pdtLm .swiper-slide{ height: 50px;}
.pdtLm .swiper-slide{ width: auto;}
.pdtLm .swiper-slide span{ margin-right: 10px; padding: 0 15px; font-size: 16px; z-index: 10; cursor: pointer;}
.pdtLm .bar{ position: absolute; top: 10px; left: 0;}
.pdtLm .bar span{ display: inline-block; height: 30px; background: #327c89; vertical-align: top; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.pdtCon ul{ width: 1221px;}
.pdtCon li{ margin: 0 21px 0 0; padding: 10px 0; width: 386px;}
.pdtCon li a{ position: relative;}
.PDC-img{ width: 386px; height: 290px;}
.PDC-info{ position: absolute; padding: 20px 10px 15px; right: 0; bottom: 0; left: 0; font-size: 16px; color: #ffffff; display: none; pointer-events: none;}

/*----*/
.syinfo{ position: relative; padding: 20px 0 50px; background: #f0f0f0;}

/*----*/
.forCase{ width: 1230px;}
.forCase li{ margin: 30px 30px 0 0; width: 585px;}
.forCase li a{ position: relative;}
.FCE-img{ width: 585px; height:330px;}
.FCE-info{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); display: none;}
.FCE-info p{ display: inline-block; color: #ffffff; font-size: 18px;}

/*----*/
.syNews{ padding: 10px 0 0; width: 1220px;}
.syNews li{ margin: 20px 20px 0 0; width: 285px;}
.syNews li a{ background: #f0f0f0;}
.syNews .news-img{ width: 285px; height: 190px;}
.syNews .news-con{ padding: 15px 20px;}
.syNews .news-con span{ line-height: 24px; color: #888888;}
.syNews .news-con h1{ margin: 5px 0; height: 50px; line-height: 25px; font-size: 16px; font-weight: bold;}
.syNews .news-con p{ height: 75px; line-height: 24px; color: #666666;}

/*----*/
.sy-more{ text-align: center; }
.sy-more a{ display: inline-block; padding: 10px 30px; background: #f0f0f0;}
.sy-more a:hover{ background: #327c89; color: #ffffff;}