@charset "utf-8";
/*首页*/
.banner{ position: relative; }
.banner.swiper-container-horizontal>.swiper-pagination{ bottom: -20px;}
.banner .swiper-pagination-bullet,.index-product .swiper-pagination-bullet{ background: #dcdcdc; width: 7px; height: 7px; margin: 5px; opacity: 1;}
.banner .swiper-pagination-bullet-active,.index-product .swiper-pagination-bullet-active{ background: #2b428c;}

.index-title{ padding: 16px 0; font-size: 14px; color: #000; line-height: 12px;}
.index-title img{ width: 53%;}
.more{ padding-top: 23px; padding-bottom:40px;}
.more a{ display: inline-block; width: 85px; height: 20px; line-height: 20px; color: #fff; background: #2b428c; font-size: 12px; }

.index-about{ padding-top: 100px; margin-top: -100px; padding-bottom: 35px; background: url(../images/abbg.jpg) repeat;}
.index-video{ position: relative; width: 90%; margin:0 auto; z-index: 1; }
.index-about .content{ position: relative; padding: 45px 5%; font-size: 12px;}
.index-about .content p{ font-size: 12px;}
.index-album{ width: 90%; margin: 0 auto; overflow: hidden; position: relative;}
.album-btn{ position: absolute; bottom: 15px; left: 50%; width: 130px; margin-left: -65px; height: 19px; }
.index-album .swiper-button-prev,.index-album .swiper-button-next{ left: 0; top: 0; margin-top: 0; width: 65px; height: 19px; background: url(../images/icon.png) 28px -3px no-repeat #f3f3f3; background-size: 150%;}
.index-album .swiper-button-next{ left: auto; right: 0; background-position: -55px -3px;}
.index-album .swiper-button-prev:hover{ background: url(../images/icon.png) 28px -38px no-repeat #2b428c; background-size: 150%;}
.index-album .swiper-button-next:hover{ background: url(../images/icon.png) -55px -38px no-repeat #2b428c; background-size: 150%;}

.index-product{ width: 90%; padding-top: 40px; margin: 0 auto;}
.index-product .proul{ position: relative;}
.index-product .proul .pic{ border: 1px solid #d2d2d2; overflow: hidden;}
.index-product .proul .name{ margin: 12px 0; font-size: 15px; color: #555; }
.index-product .swiper-container-horizontal>.swiper-pagination{ bottom: -10px;}
.index-product .swiper-button-prev,.index-product .swiper-button-next{ left: 0; top: 42%; width: 22px; height: 22px; background: url(../images/icon.png) 5px -26px no-repeat #000; background-size: 350%;}
.index-product .swiper-button-next{ left: auto; right: 0; background-position: -59px -26px;}
.index-product .swiper-button-next:hover,.index-product .swiper-button-prev:hover{ background-color: #2b428c}
.index-news{ width: 90%; margin: 0 auto; }
.index-news .newslist{ padding: 15px 5%; background: #f6f6f6; }
.index-news .newslist:nth-child(even){ background: #fbfbfb; }
.index-news .newslist .date{ float: left; width: 42px; height: 42px; padding: 0; background: #fff; border: 1px solid #dfe4ea; display: table; text-align: center; }
.index-news .newslist .date p{ color: #555; font-size: 13px; line-height: 13px; display: table-cell; vertical-align:middle; font-family: Cambri8o9 a;}
.index-news .newslist .floatr{ width: 82%; text-align: left;}
.index-news .newslist .newtit{ font-size: 15px; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news .newslist .desc{ font-size: 11px; line-height: 16px; height: 48px; overflow: hidden; color: #777; }
.index-partner{ width: 90%; margin: 0 auto; margin-bottom: 20px; }
.partner li{ float: left; padding: 7px 0px; width: 33%; }
.partner li a{ display: inline-block; width: 76px; height: 76px; border-radius: 50%; border: 1px solid #e7e7e7; overflow: hidden; }
.map{ width: 100%; height: 240px;}

/*内页*/
#load_span{ line-height: 30px; padding-top: 30px; text-align: center; font-size: 12px; }
.nyline{ width: 90%; margin: 0 auto; height: 1px; background: #dedede;}
.nytitle{ font-weight: lighter; font-size: 15px; }
.nywrapper{ background: url(../images/nybg.png) center top no-repeat #fff; background-size: 100%;}
.abcon{ width: 80%; margin: 25px auto; min-height: 360px; }
.abcon .company,.ctcon .company{ padding-bottom: 12px; color: #333; font-size: 18px; text-align: center; }
.abcon p{ text-align: left;}
.abfoot,.newsfoot{ width: 90%; margin: 0 auto; padding: 22px 0; border-top: 1px solid #dedede; text-align: left; color: #777;}
.abfoot a{ display: inline-block; margin: 0 12px; color: #777; text-decoration: underline;}
.newscon{ margin: 20px auto; width: 90%; min-height: 360px; }
.newscon .newslist{ padding: 15px 0; }
.newscon .newslist .floatl{ width: 55px; text-align: left; }
.newscon .newslist .date{ width: 55px; height: 55px; margin-top: 6px;background: #fff; border: 1px solid #dfe4ea; display: table; text-align: center; }
.newscon .newslist .date p{ color: #555; font-size: 16px; line-height: 16px; display: table-cell; vertical-align:middle; font-family: Cambri8o9 a;}
.newscon .newslist .read{ display: inline-block; margin-top: 6px; font-size:11px; text-decoration: underline; }
.newscon .newslist .floatr{ width: 80%; text-align: left;}
.newscon .newslist .newtit{ font-size: 15px; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newscon .newslist .desc{ font-size: 11px; line-height: 16px; height: 64px; overflow: hidden; color: #777; }
.newsfoot a{ display: block; margin-left: 18px; color: #777; }
.procon{ width: 90%; margin: 20px auto; }
.prolist{ width: 48%; float: left; margin: 15px 1% 0 1%; }
.prolist .proimg{ display: block; border: 1px solid #eee;}
.prolist .proname{ display: block; width: 100%; padding: 14px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #555; }
.procon .bigimg{ margin-top: 20px; border: 1px solid #eee;}
.procon .format{ margin: 22px auto;}
.format ul li{ float: left; text-align: left; padding: 0 8px; line-height: 20px; font-size: 11px; border-left: 1px solid #e1e1e1; }
.format ul li:first-child{ border-left: 0;}
.procon .details{ position: relative; border-top: 1px solid #e1e1e1; text-align: left; }
.procon .details .title{ position: absolute; left: 0; top: 0; display: inline-block; padding: 0 9px; width: auto; height: 25px; line-height: 25px; color: #fff; font-size: 12px; text-align: center; background:#2b428c;}
.procon .details .info{ padding: 35px 0; line-height: 20px;}
.procon .details .info p{ line-height: 20px; font-size: 13px;}
.procon .details .info p.tt{ margin: 10px 0; padding-left:10px; font-weight: bolder; font-size: 14px; border-left: 5px solid #2b428c; line-height:20px; }
.ctcon{ width: 90%; margin: 25px auto; }
.ctinfo{ padding: 10px 0;}
.ctinfo ul{ position: relative; width: 58%; padding-top: 12px; padding-right: 10px;}
.ctinfo ul::before{ position: absolute; content: ""; right: 0; top: 50px; height: 39px; width: 1px; background: #7f7f7f;}
.ctinfo ul li{ padding: 4px 0 4px 30px; text-align: left; background: url(../images/cticon.png) left -2px no-repeat;}
.ctinfo ul li.person{ background-position: left -80px;}
.ctinfo ul li.fax{ background-position: left -158px;}
.ctinfo ul li.address{ background-position: left -236px;}
.ctinfo ul li.mail{ background-position: left -319px;}
.ctinfo ul li span{ display: inline-block; width: 18px; height: 18px; }
.alcon{ margin: 20px auto; width: 90%; min-height: 360px;}