﻿/*******************************
    -------[=首页]-------
********************************/
/*banner*/

#banner{position: relative;}
#banner .item{height: 426px;background-position: center top;background-repeat: no-repeat;background-size: cover;}
#banner .item a{display: block;width: 100%;height: 100%;}
#banner .slick-dots{position: absolute;bottom:15px;left: 0;text-align: center;width: 100%;}
#banner .slick-dots li{display: inline-block;margin: 0 4px;}
#banner .slick-dots li button{font-size: 0;border:0;width: 10px;height: 10px;border-radius: 50%;
padding:0;outline: none;border:1px solid #fff;background: none;}
#banner .slick-dots li.slick-active button{background-color: #fff;}
/*图片列表*/
.imglist1{padding:41px 0 13px 0;overflow: hidden;}
.imglist1 ul{margin:27px 0 0 -20px;padding-left: 50%;position: relative;overflow: hidden;}
.imglist1 li{float: left;width: 50%;}
.imglist1 li .box{margin-left: 20px;position: relative;margin-bottom: 15px;}
.imglist1 li.li-l{position: absolute;left: 0;top: 0;width: 49%;height: 100%;float: none;overflow: hidden;}
.imglist1 li .img{position: relative;padding-top: 59%;z-index: 10;}
.imglist1 li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.imglist1 li.li-l .img{padding-top: 62%;}
.imglist1 li .zz{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
background-color: #d2181b;z-index: 11;
opacity: 0;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.imglist1 li p{position: absolute;top: 50%;left: 50%;
    z-index: 12;
    font-size: 19px;color:#fff;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
opacity: 0;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.imglist1 li:hover .zz{opacity: 1;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.imglist1 li:hover p{opacity: 1;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}


/*关于彤明*/
.index-about{background-color: #f3f3f3;overflow: hidden;}
.index-about.paddingbox1{padding:30px 22px 32px 20px;}
.index-about .col-l{width: 43%;}
.index-about .col-r{width: 51%;}
.index-about .t-box{padding-top: 18px;}
.index-about .t-box b{font-size: 20px;color:#333;font-weight: normal;display: block;
padding:57px 0 36px 0;}
.index-about .t-box p{font-size: 15px;line-height: 30px;}
.index-about .t-box em{display: block;padding-top: 36px;}
.index-about .t-box em a{font-size: 15px;color:#d2181b;}
.index-about .picbox ul{margin-left: -22px;}
.index-about .picbox li{float: left;width: 50%;}
.index-about .picbox li .box{margin-left: 22px;position: relative;}
.index-about .picbox li .img{position: relative;padding-top: 137%;}
.index-about .picbox li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-about .picbox li .txt{position: absolute;top: 0;left: 0;color:#fff;
padding:32px 0 0 23px;}
.index-about .picbox li .txt h5{font-size: 20px;padding-left: 16px;
background: url(../images/arrow3.png) no-repeat left center;}
.index-about .picbox li .txt p{padding-top: 14px;}
.index-about .picbox li .txt p em{display: inline-block;font-size: 15px;margin-right: 8px;}


/*即时动态*/
.index-new{padding:48px 22px 0 20px;}
.index-new .imgtxt-list1{margin-top: 41px;overflow: hidden;}
.imgtxt-list1{margin:0 0 0 -25px;}
.imgtxt-list1 li{float: left;width: 25%;} 
.imgtxt-list1 li .box{margin-left: 25px;}
.imgtxt-list1 li .img{position: relative;padding-top: 64%;}
.imgtxt-list1 li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.imgtxt-list1 li .txt{padding:30px 15px 0 15px;}
.imgtxt-list1 li .txt span{display: block;font-size: 13px;color:#000;}
.imgtxt-list1 li .txt em{font-size: 15px;font-weight: bold;color:#333;
padding-top: 8px;height: 24px;
display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.imgtxt-list1 li .txt em a{color:#333;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.imgtxt-list1 li .txt p{color:#666;font-size: 13px;line-height: 22px;padding-top: 23px;
height: 89px;display: block;
display:-webkit-box;overflow: hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.imgtxt-list1 li:hover img{opacity: .7;}
.imgtxt-list1 li:hover .txt em a{color:#d2181b;}
/*合作伙伴*/
.index-link{padding:59px 0 60px 0;}
.index-link ul{margin:42px 0 0 0;overflow: hidden;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.index-link ul li{float: left;width: 16.66%;text-align: center;}
.index-link ul li a{display: block;height: 72px;line-height: 72px;border-left: 0;border-top: 0;border:1px solid #e9e9e9;
margin-bottom: -1px;border-right: 0;}
.index-link ul li img{line-height: 72px;vertical-align: middle;}

/*分享*/
.share-box .wp{overflow: hidden;background: url(../images/bg1.jpg);padding: 16px 0;}
.share-box .logo{float: left;width: 30%;padding:19px 56px 15px 60px;
background: url(../images/bor2.jpg) no-repeat right center;}
.share-box .share{float: left;width: 25%;margin-left: 56px;padding: 32px 0;
background: url(../images/bor2.jpg) no-repeat right center;overflow: hidden;}
.share-box .share em{float: left;font-size: 14px;color:#666;line-height: 24px;}
.share-box .share a{width: 24px;height: 24px;margin: 0 3px;background-position: center;background-repeat: no-repeat;}
.share-box .share .bds_more{background-image: url(../images/share1.png);}
.share-box .share .bds_tsina{background-image: url(../images/share2.png);}
.share-box .share .bds_tqq{background-image: url(../images/share3.png);}
.share-box .share .bds_weixin{background-image: url(../images/share4.png);}
.share-box .share .bds_qzone{background-image: url(../images/share5.png);}
.share-box .share .bds_renren{background-image: url(../images/share6.png);}
.share-box .search{float: right;margin:24px 59px 0 0;border:1px solid #ccc;
width: 27%;}
.share-box .search .inp{height: 35px;border:0;background-color: #fff;width: 76%;float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;padding: 0 15px;color:#999;font-size: 12px;}
.share-box .search .btn{width: 24%;height: 35px;background-color: #ccc;font-size: 15px;color:#666;
border:0;font-family:"微软雅黑","Microsoft Yahei";}





/*******************************
    -------[=走进彤明-公司简介-公司概况]-------
********************************/
.info-ban{height: 270px;background-size: cover;background-position: center top;background-repeat: no-repeat;
position: relative;}
.info-ban .txt{position: absolute;top: 50%;left: 17%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.info-ban .txt p{font-size: 45px;color:#2f2f31;}
.info-ban .txt p.color-fff{color:#fff;}



.txtimg1{padding-bottom: 35px;}
.txtimg1 h5{font-size: 30px;font-weight: normal;color:#000;padding:38px 0 27px 0;}
.txtimg1 p{font-size: 16px;color:#333;line-height: 35px;}
.txtimg1 .imgbox{margin:32px 0 34px 0;overflow: hidden;}
.txtimg1 .imgbox ul{margin-left: -18px;}
.txtimg1 .imgbox li{float: left;width: 33.33%;}
.txtimg1 .imgbox li .box{margin-left: 18px;}
.txtimg1 .imgbox li .img{position: relative;padding-top: 74%;}
.txtimg1 .imgbox li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*******************************
    -------[=创新科技]-------
********************************/
.txtimg-list1 li{margin-bottom: 20px;overflow: hidden;}
.txtimg-list1 .img{float: left;width: 30%;}
.txtimg-list1 .img a{display: block;position: relative;padding-top: 54%;}
.txtimg-list1 .img a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.txtimg-list1 .txt{float: left;width: 45%;padding-left: 20px;}
.txtimg-list1 .txt h5{font-weight: normal;padding-top: 30px;}
.txtimg-list1 .txt h5 a{font-size: 18px;color:#333;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.txtimg-list1 .txt p{font-size: 13px;color:#666;line-height: 25px;padding-top: 13px;}
.txtimg-list1 .txt em{display: block;padding-top: 36px;}
.txtimg-list1 .txt em a{font-size: 13px;color:#999;display: inline-block;padding-right: 13px;
background: url(../images/arrow4.png) no-repeat right center;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.txtimg-list1 .txt h5:hover a{color:#e50d1a;}
.txtimg-list1 .txt em a:hover{color:#e50d1a;}
.txtimg-list1 .img:hover img{opacity: .7;}
/*******************************
    -------[=走进彤明]-------
********************************/
.txtimg-list2{margin-left: -58px;overflow: hidden;}
.txtimg-list2 li{float: left;width: 50%;margin-bottom: 30px;}
.txtimg-list2 .box{margin-left: 58px;}
.txtimg-list2 .img{float: left;width: 32%;
box-shadow: 5px 5px 10px rgba(0,0,0,.5);}
.txtimg-list2 .img a{display: block;position: relative;padding-top: 100%;}
.txtimg-list2 .img a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.txtimg-list2 .img:hover img{opacity: .7;}
.txtimg-list2 .txt{float: left;padding-left: 14px;width: 65%;}
.txtimg-list2 .txt h5{border-bottom:2px solid #bebcbd;font-weight: normal;padding-bottom: 15px;
margin:2px 0 14px 0;}
.txtimg-list2 .txt h5 a{font-size: 20px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.txtimg-list2 .txt p{font-size: 14px;line-height: 25px;color:#333;height: 70px;
display:-webkit-box;overflow: hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.txtimg-list2 .txt em{display: block;}
.txtimg-list2 .txt span{display: block;padding-top: 14px;}
.txtimg-list2 .txt span a{font-size: 15px;color:#333;display: inline-block;padding-right: 13px;
background: url(../images/arrow5.png) no-repeat right center;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.txtimg-list2 .txt span:hover a{color:#e60020;}


/*******************************
    -------[=精品展示列表]-------
********************************/
.img-list2{margin-left: -38px;}
.img-list2 li{float: left;width: 33.33%;margin-bottom: 33px;text-align: center;}
.img-list2 li a{display: block;margin-left: 38px;}
.img-list2 li .img{position: relative;padding-top: 60%;}
.img-list2 li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.img-list2 li p{font-size: 20px;color:#333;padding: 15px 0;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.img-list2 li:hover img{opacity: .7;}
.img-list2 li:hover p{color:#e60020;}

/*******************************
    -------[=精品展示-详情]-------
********************************/
.product{overflow: hidden;}
.product .product-txt{float: left;width: 72%;}
.product .product-img{float: right;width: 26%;}
.product-txt .tit{padding:40px 0 36px 0;}
.product-txt .tit h5{font-size: 20px;color:#333;}
.product-txt p{font-size: 15px;line-height: 30px;color:#333;padding: 15px 0;}
.product-txt .img{padding: 28px 0;}

.product-img .tit{text-align: center;margin-bottom: 14px;}
.product-img .tit span{position: relative;display: block;font-size: 20px;color:#333;line-height: 30px;}
.product-img .tit span:after,
.product-img .tit span:before 
{content: '';position: absolute;top: 50%;
    width: 30%;height: 1px;background-color: #ccc;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}

.product-img .tit span:after{right: 0;}
.product-img .tit span:before{left: 0;}
.product-img .list{padding:10px 10px 25px 10px;background-color: #fafaf8;}
.product-img .list li{padding: 10px;border:1px solid #fafaf8;margin-bottom: 20px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.product-img .list .img{position: relative;padding-top: 60%;}
.product-img .list .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product-img .list p{font-size: 15px;color:#000;
    padding-top: 15px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.product-img .list li:hover,.product-img .list li.on{border:1px solid #e40d19;}
.product-img .list li:hover p,.product-img .list li.on p{color::#e40d19;}
.product-img .list li:hover img{opacity: .7;}


/*******************************
    -------[=走进彤明-公司简介]-------
********************************/
.imglist3{margin-left: -29px;}
.imglist3 li{float: left;width: 33.33%;margin-bottom: 42px;}
.imglist3 .box{margin-left: 29px;}
.imglist3 .img{position: relative;padding-top: 59%;}
.imglist3 .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.imglist3 .txt{padding: 0 15px 24px 15px;position: relative;}
.imglist3 .txt:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background-color: #dcdcdc;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.imglist3 .txt h5{font-weight: normal;padding:18px 0 16px 0;}
.imglist3 .txt h5 a{font-size: 20px;color:#333;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.imglist3 .txt p{font-size: 13px;line-height: 30px;color:#666;height: 60px;
display:-webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.imglist3 .txt span{display: block;padding-top: 30px;}
.imglist3 .txt span a{display: inline-block;padding-left: 15px;font-size: 15px;color:#d2191c;
background: url(../images/arrow2.png) no-repeat left center;}
.imglist3 li:hover .txt h5 a{color:#d2191c;}
.imglist3 li:hover .txt:after{background-color: #d2191c;}


/*******************************
    -------[=即时动态-新闻资讯]-------
********************************/
.new-list{margin-top: 16px;}
.new-list li{overflow: hidden;padding: 12px 0 12px 18px;
background: url(../images/ico-blue.jpg) no-repeat left 15px;}
.new-list li span{float: left;width: 86%;font-size: 16px;color:#333;}
.new-list li span a{display: block;height: 16px;
display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.new-list li em{float: right;color:#333;font-size: 16px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.new-list li:hover span a{color:#e50d1a;}
.new-list li:hover em{color:#e50d1a;}


/*******************************
    -------[=即时动态-新闻资讯-详情]-------
********************************/
.new-info .tit{text-align: center;color:#d7000d;}
.new-info .tit h5{font-size: 20px;}
.new-info .tit span{display: block;font-weight: normal;font-size: 16px;padding-top: 12px;}
.new-info .txt h5{font-size: 18px;color:#333;padding:52px 0 27px 0;}
.new-info .txt p{font-size: 15px;color:#333;line-height: 30px; padding-top:15px;}
.new-info .img{padding: 26px 0;}