@charset "utf-8";
/*CSS Document*/

/*轮播图*/
.bnr {  }
.bnr .swiper-container { height: 660px;overflow: hidden; }
.bnr .swiper-container .swiper-wrapper {  }
.bnr .swiper-container .swiper-slide { background-size: unset; }
.bnr .swiper-container .swiper-slide a {display: block;width: 100%;height: 100%;}
.bnr .swiper-container .kosniconfont {font-size: 28px;color: rgba(255,255,255,0);display: block;width: 60px;height: 60px;line-height: 60px;text-align: center;background: rgba(0,0,0,0);transition: all .3s ease-in-out;}
.bnr .swiper-container:hover .kosniconfont { color: rgba(255,255,255,1);background: rgba(0,0,0,.3); }
.bnr .swiper-container .swiper-button-next {background-image: unset;width: 60px;height: 60px;top: 300px;right: 17px;outline: none;}
.bnr .swiper-container .swiper-button-prev {background-image: unset;width: 60px;height: 60px;top: 300px;left: 0;outline: none;}
.bnr .swiper-container .swiper-pagination-bullet {width: 50px;height: 6px;box-sizing: border-box;border: 1px solid #ffffff;border-radius: 0;outline: none;background: #2772cf;margin: 0 10px;opacity: 1;}
.bnr .swiper-container .swiper-pagination-bullet-active { background: #e6b41a; }
.bnr .swiper-container .swiper-pagination {line-height: 30px;color: #ffffff;bottom: 10px;}

/*首页共用样式*/
.top {height: 85px;overflow: hidden;}
.top:after { content: "";display: block;clear: both; }
.item_top:after { content: "";display: block;clear: both; }
.item_top {border-bottom: 1px solid #e0e0e7;}
.item_top .tit {padding: 0;float: left;}
.item_top .tit h3 {display: inline-block;line-height: 100px;font-size: 26px;font-weight: normal;position: relative;color: #2772cf;}
.item_top .tit h3:before {content: "";display: block;position: absolute;width: 100%;height: 2px;background: #2772cf;bottom: -1px;}
.item_top .tit p {display: inline-block;text-transform: uppercase;font-size: 14px;color: #c0c0c0;margin-left: 20px;}
.item_top .r_side {float: right;}
.item_top .r_side:after { content: "";display: block;clear: both; }
.item_top .r_side .tabs {float: left;}
.item_top .r_side .tabs span {line-height: 100px;}
.item_top .r_side .tabs span:first-child i { display: none; }
.item_top .r_side .tabs span i {padding: 0 12px;color: #999999;}
.item_top .r_side .tabs span a {font-size: 14px;}
.item_top .r_side .tabs span a:hover { color:#2772cf; }
.item_top .r_side .more_ {float: right;}
.item_top .r_side .more_ span {line-height: 100px;}
.item_top .r_side .more_ span a {font-size: 14px;text-transform: uppercase;margin-left: 20px;padding-left: 15px;color: #e6b41a;}
.item_top .r_side .more_ span a:hover { color:#2772cf; }
.item_top .r_side .tabs+.more_ span a { border-left: 1px solid #999999; }

/*关于*/
.about {background: url("../images/about_bg.jpg") no-repeat center;}
.about .main-con {padding: 80px 0;}
.about .main-con:after { content: '';display: block;clear: both; }
.about .ab_pic {width: 522px;border: 1px solid #d9d9d9;box-sizing: border-box;float: left;}
.about .ab_pic a {  }
.about .ab_pic .pic {display: block;width: 520px;height: 353px;overflow: hidden;box-sizing: border-box;border: 10px solid #ffffff;}
.about .ab_pic .pic img { transition: all .3s ease-in-out; }
.about .ab_pic .pic:hover img { transform: scale(1.03); }
.about .ab_info {width: 580px;float: right;}
.about .ab_info .ab_tit {display: block;margin-bottom: 35px;overflow: hidden;text-align: left;}
.about .ab_info .ab_tit h3 {font-weight: normal;font-size: 28px;margin-bottom: 15px;}
.about .ab_info .ab_tit p {color: #999;font-size: 14px;text-transform: uppercase;}
.about .ab_info .profile {margin-bottom: 42px;}
.about .ab_info .profile p {font-size: 16px;line-height: 30px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #666666;}
.about .ab_info .company {  }
.about .ab_info .company ul {  }
.about .ab_info .company ul:after { content: '';display: block;clear: both; }
.about .ab_info .company ul li {float: left;margin-right: 25px;}
.about .ab_info .company ul li a {  }
.about .ab_info .company ul li a span {width: 80px;height: 60px;display: block;text-align: center;border-radius: 8px;}
.about .ab_info .company ul li a span i {font-size: 34px;line-height: 60px; color: #666666;}
.about .ab_info .company ul li:hover a span .kosniconabo1 {color: #2772cf;}
.about .ab_info .company ul li:hover a span .kosniconabo2 {color: #e6b41a;}
.about .ab_info .company ul li:hover a span .kosniconabo3 {color: #2772cf;}
.about .ab_info .company ul li a h3 {font-size: 14px;text-align: center;font-weight: normal;height: 20px;line-height: 20px;overflow: hidden; color: #666666;}
.about .ab_info .company ul li a:hover h3 {color: #2772cf;}
.about .ab_info .company ul li+li a:hover h3 {color: #e6b41a;}
.about .ab_info .company ul li+li+li a:hover h3 {color: #2772cf;}

/*产品*/
.pro {padding: 10px 0 40px;}
.pro .i_con {width: 1200px;overflow: hidden;}
.pro ul {width: 1240px;margin-top: 25px;}
.pro ul:after {content: ""; display: block;clear: both; }
.pro ul li {width: 385px;float: left;margin-right: 27px;margin-bottom: 27px;}
.pro ul li a {display: block;}
.pro ul li a .pic {width: 385px;height: 256px;overflow: hidden;}
.pro ul li a .pic img {max-width: 100%;}
.pro ul li:hover a .pic img { transform: scale(1.03); }
.pro ul li a .text {background: #f0f3f8;padding: 0 12px;}
.pro ul li:hover a .text {background: #2772cf;}
.pro ul li a .text h3 {height: 42px;line-height: 42px;overflow: hidden;font-weight: normal;text-align: center;}
.pro ul li:hover a .text h3 { color: #ffffff; }

/*首页广告图*/
.index_advertisement { height: 230px; }
.index_advertisement a { height: 230px;display: block; }
.blink { position: relative;overflow: hidden; }
.blink:before {
    content:"";position:absolute;width:150px;height:100%;top:0;left:-150px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);
}
.blink:hover:before {left:100%;transition:left .7s ease-out;}

/*相册*/
.gallery {height: 450px;}
.gallery .gallery_con {  }
.gallery .i_con {width: 1200px;overflow: hidden;margin-top: 40px;}
.gallery .item_top {}
.gallery .swiper-container2 {width: 100%;height: 100%;position: relative;}
.gallery .swiper-slide {  }
.gallery_con .swiper-wrapper {  }
.gallery_con .swiper-wrapper .swiper-slide { width: 288px;transform: none; }
.gallery_con .swiper-wrapper .swiper-slide a { display: block;width: 100%;height: 100%; }
.gallery_con .swiper-wrapper .swiper-slide a .pic {width: 288px;height: 192px;overflow: hidden;position: relative;}
.gallery_con .swiper-wrapper .swiper-slide.isSale a .pic:before {content:"";display: block;width: 70px;height: 30px;position: absolute;z-index: 5;background: url(../images/label.png) no-repeat;right: 10px;top: 20px;}
.gallery_con .swiper-wrapper .swiper-slide a .pic img { display: block;width: 100%; }
.gallery_con .swiper-wrapper .swiper-slide a .text {padding: 0 12px;background: #ffffff;}
.gallery_con .swiper-wrapper .swiper-slide a .text h4 {height: 42px;line-height: 42px;overflow: hidden;font-size: 15px;font-weight: normal;}
.gallery_con .swiper-wrapper .swiper-slide a:hover .text h4 {color: #2272cf;}
.gallery_con .kosniconfont {font-size: 20px;color: rgba(255,255,255,1);display: block;width: 30px;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,.3);transition: all .3s ease-in-out;}
.gallery_con .swiper-button-next {background-image: unset;width: 30px;height: 50px;top: 103px;right: 0;outline: none;}
.gallery_con .swiper-button-prev {background-image: unset;width: 30px;height: 50px;top: 103px;left: 0;outline: none;}

/*新闻*/
.news {padding-bottom: 30px;background: #f0f3f8;}
.news .i_con {width: 1200px;overflow: hidden;}
.news dl {width: 1260px;margin: 35px 0;}
.news dl:after{  content: "";display: block;clear: both; }
.news dl dt {}
.news dl dt:after { content: "";display: block;clear: both; }
.news dl dt .unit {float: left;margin-right: 38px; position: relative;}
.news dl dt .unit:before {position: absolute;bottom: 15px;z-index: 3;content: "";display: block;background: #2772cf;height: 1px;width: 0;transition: all .3s ease-in-out;}
.news dl dt .unit:hover:before {width: 100%;}
.news dl dt .unit .pic {display: block;width: 375px;height: 165px;overflow: hidden;}
.news dl dt .unit .pic img {margin-top: -10%;transition: all .3s ease-in-out;}
.news dl dt .unit .pic:hover img { transform: scale(1.03); }
.news dl dt .unit .text {border-bottom: 1px solid #d6d6d6;padding-bottom: 15px;margin-bottom: 15px;}
.news dl dt .unit .text h3 {  }
.news dl dt .unit .text h3 a {display: block;line-height: 38px;height: 38px;overflow: hidden;font-weight: normal;transition: all .3s ease-in-out;}
.news dl dt .unit .text h3 a:hover {color: #2772cf;}
.news dl dt .unit .text span {color: #999999;}
.news dl dd {float: left;width: 375px;margin-right: 38px;height: 35px;overflow: hidden;}
.news dl dd:after { content: "";display: block;clear: both; }
.news dl dd a {float: left;line-height: 35px;max-width: 300px;transition: all .3s ease-in-out;}
.news dl dd a:hover {color: #2772cf;}
.news dl dd span {float: right;line-height: 35px;font-size: 13px;color: #999999;}

/*友链*/
.links {padding: 20px 0 20px;background: #f0f3f8;}
.links span {color: #333333;font-size: 18px;line-height: 24px;display: inline-block;margin-right: 15px;font-weight: bold;}
.links span i { font-size: 14px; }
.links a {color: #333333;margin-right: 10px;line-height: 30px;display: inline-block;font-size: 14px;}
.links a:hover {color: #017fd8;}

/*main/css/home.css*/