/* Created by LK on 2018/4/19.*/

/*----index-list1----*/
.list01{width: 100%; position: relative; background: #e7141a}
.list01 .list{list-style: none}
.list01 .list li{width: 33.33333%; height: 100%; float: left; position: relative; background: #e7141a; padding: 60px 40px; box-sizing: border-box}
.list01 .list li a{padding: 20px 10px; border-radius: 10px; transition: all .4s; -webkit-transition: all .4s;}
.list01 .list li .img{width: 25%; float: left; margin-right: 5%}
.list01 .list li .img img{width: 108px;}
.list01 .list li .txt{float: left; width: 70%}
.list01 .list li .txt h3{padding-bottom: 8px; font-size: 18px; font-weight: 100; color: #fff}
.list01 .list li .txt h2{padding-bottom: 16px; font-size: 20px; color: #fff}
.list01 .list li .txt p{color: #fff; line-height: 24px}

.list01 .list li:hover a{transform: translateY(10px); -webkit-transform: translateY(10px); box-shadow: 5px 5px 20px 0 rgba(0,0,0,.1)}


/*----index-list2----*/
.list02{width: 100%; padding: 160px 0; position: relative; background: url("../image/bg-2.jpg") no-repeat center; background-size: cover}
.list02 .list02_con{width: 50%; margin-left: 50%;}
.list02 .list02_con h3{font-size: 16px; font-weight: 100; color: #666; margin-bottom: 8px}
.list02 .list02_con h2{font-size: 30px; font-weight: 100; color: #222; margin-bottom: 30px; font-family: 'novecentowide-book'}
.list02 .list02_con p{color: #999; line-height: 26px}
.list02 .list02_con .link-about{float: left; width: 120px; font-size: 13px; padding: 12px 22px; margin-top: 60px; margin-right: 20px; border: 2px solid #e7141a; background: #e7141a; color: #fff; text-align: center; transition: all .8s; -webkit-transition: all .8s}
.list02 .list02_con .link-about:hover{border: 2px solid #000; background: #fff; color: #000}


/*----index-list3-title----*/
.list03{padding-bottom: 100px; background: url("../image/list-bg.jpg") no-repeat center fixed; background-size: cover;}
.list03 .list03_con{}
.list03 .list03_con h3{font-size: 22px; color: #fff; padding-top: 100px; font-weight: 100}
.list03 .list03_con h3 i{font-size: 16px; color: #fff; font-style: normal; font-family: 'novecentowide-book'}
.list03 .list03_con .phone{height: 300px;  position: absolute; right: 0; top: 100px}
.list03 .list03_con .phone ul{list-style: none}
.list03 .list03_con .phone li{width: 250px; height: 314px; float: left; margin-right: 10px; background: #000; position: relative; overflow: hidden}
.list03 .list03_con .phone li .img{width: 100%; height: 244px; overflow: hidden}
.list03 .list03_con .phone li .title{width: 100%; height: 70px; background: #e7141a}
.list03 .list03_con .phone li .title h3{font-size: 16px; text-align: center; padding-top: 22px; color: #fff}
.list03 .list03_con .phone li .title-mark{width: 100%; height: 100%; background: #e7141a; position: absolute; top: 250px; left: 0; transition: all .4s; -webkit-transition: all .4s; opacity: 0}
.list03 .list03_con .phone li .title-mark h3{font-size: 18px; color: #fff; text-align: center; opacity: 0}
.list03 .list03_con .phone li:hover .title-mark{top: 0; opacity: .9}
.list03 .list03_con .phone li:hover .title-mark h3{opacity: 1}

/*----index-list3----*/
.list04{width: 100%; position: relative; margin-top: 220px}
.list04 .list{list-style: none; padding: 60px 0}
.list04 .list li{width: 23%; margin: 20px 1%; float: left; transition: all .4s; -webkit-transition: all .4s}
.list04 .list li .img{width: 100%; background: #f5f5f5; overflow: hidden}
.list04 .list li .img img{width: 100%; transition: all .6s; -webkit-transition: all .6s}
.list04 .list li .name{width: 100%; height: 80px; position: relative; background: #f5f5f5; margin-top: 3px; color: #666; transition: all .6s; -webkit-transition: all .6s}
.list04 .list li .name h3{padding: 16px 20px 0 20px; font-size: 15px; font-weight: 100}
.list04 .list li .name span{display: block; width: 40px; height: 1px; position: absolute; right: 40px; bottom: 20px; background: #999; transition: all .6s; -webkit-transition: all .6s}

.list04 .list li:hover{box-shadow: 4px 4px 20px #8e8e8e}
.list04 .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.list04 .list li:hover .name{color: #333}
.list04 .list li:hover .name span{width: 60px; background: #333}


/*----index-list4----*/
.list05{width: 100%; position: relative; background: url("../image/contact-bg.jpg") no-repeat center; background-size: cover}
.list05 h3{font-size: 22px; color: #fff; padding: 60px 0; font-weight: 100; text-align: center}
.list05 h3 i{font-size: 16px; color: #fff; font-style: normal; font-family: 'novecentowide-book'}

.list05 .list05_con{}
.list05 .list05_con ul{list-style: none; padding-bottom: 80px}
.list05 .list05_con li{width: 19%; margin-right: 1%; float: left; margin-bottom: 20px}
.list05 .list05_con li img{width: 100%}


/*----list06----*/
.list06{width: 100%; padding-bottom: 60px; position: relative}
.list06 h3{font-size: 22px; color: #333; padding: 60px 0; font-weight: 100; text-align: center}
.list06 h3 i{font-size: 16px; color: #333; font-style: normal; font-family: 'novecentowide-book'}

.list06 .list06_con{}
.list06 .list06_con .list5-l{width: 67%; height: 554px; position: relative; overflow: hidden}
.list06 .list06_con .list5-l img{width: 100%; transition: all 3s; -webkit-transition: all 3s}
.list06 .list06_con .list5-l:hover img{transform: scale(1.2); -webkit-transform: scale(1.2)}

.list06 .list06_con .list5-r{width: 33%}
.list06 .list06_con .list5-r .list5-r-img1{width: 100%; position: relative; overflow: hidden}
.list06 .list06_con .list5-r .list5-r-img1 img{width: 100%; transition: all 3s; -webkit-transition: all 3s}
.list06 .list06_con .list5-r .list5-r-img1:hover img{transform: scale(1.2); -webkit-transform: scale(1.2)}

.list06 .list06_con .list5-r .list5-r-img2{width: 100%; position: relative; overflow: hidden}
.list06 .list06_con .list5-r .list5-r-img2 img{width: 100%; transition: all 3s; -webkit-transition: all 3s}
.list06 .list06_con .list5-r .list5-r-img2:hover img{transform: scale(1.2); -webkit-transform: scale(1.2)}


/*----list07----*/
.list07{position: relative; padding: 20px 0 60px 0; background: #f4f4f4}

.list07 h3{font-size: 22px; color: #333; padding: 60px 0; font-weight: 100; text-align: center}
.list07 h3 i{font-size: 16px; color: #333; font-style: normal; font-family: 'novecentowide-book'}
.list07 .list07_con{}
.list07 .list07_con .list{border-top: 1px solid #dedede}
.list07 .list07_con .list li{padding: 40px 0; border-bottom: 1px solid #dedede; background: #f4f4f4; box-sizing: border-box; transition: all ease .4s; -webkit-transition: all ease .4s}
.list07 .list07_con .list li a{width: 60%; margin: 0 auto}
.list07 .list07_con .list li .data{width: 15%; margin-right: 5%; text-align: right; transition: all ease .4s; -webkit-transition: all ease .4s}
.list07 .list07_con .list li .data h6{font-size: 42px; color: #666; font-family:  'novecentowide-book'; transition: all ease .4s; -webkit-transition: all ease .4s}
.list07 .list07_con .list li .data h5{font-size: 16px; color: #999; text-align: right; font-family: 'novecentowide-book'; transition: all ease .4s; -webkit-transition: all ease .4s}
.list07 .list07_con .list li .txt{width: 80%; padding-right: 10%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list07 .list07_con .list li .txt h1{font-size: 15px; color: #333; margin-bottom: 10px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list07 .list07_con .list li .txt p{font-size: 13px; color: #666; line-height: 26px; transition: all ease .4s; -webkit-transition: all ease .4s}

.list07 .list07_con .list li:hover{background: #e7141a}
.list07 .list07_con .list li:hover .data{transform: translateX(-20px); -webkit-transform: translateX(-20px)}
.list07 .list07_con .list li:hover .data h6{color: #fff;}
.list07 .list07_con .list li:hover .data h5{color: #fff;}
.list07 .list07_con .list li:hover .txt{transform: translateX(-20px); -webkit-transform: translateX(-20px)}
.list07 .list07_con .list li:hover .txt h1{color: #fff;}
.list07 .list07_con .list li:hover .txt p{color: #fff;}