label {color: #e10201;}
/* 标题图片 */
.title {position: relative; padding: 60px 0 50px; text-align: center;}
.title h2 { font-size: 42px;   line-height: 48px;color: #282828;font-weight: bold;cursor: pointer;position: relative; }
.title p { display: block;text-transform: uppercase;font-size: 35px;font-weight: normal;font-family: "Arial";}
.title span {display: block;width:100px;height:100px;background-color:rgba(255,255,255,.8);box-shadow: 0 4px 4px #fff; position: absolute;left:300px; top:50px; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.c8 .title span {display: block;width:100px;height:100px;background-color:rgba(237,237,237,.8);box-shadow: 0 4px 4px #ededed; position: absolute;left:300px; top:50px; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.list1 li{float: left;margin-right: 20px;width:285px;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;}
.list1 li:last-child {margin-right: 0;}
.list1 li p {line-height: 30px; font-size: 14px; margin: 14px 0 15px; color: #666666;}
.list1 li h2 {font-size: 24px; line-height: 36px; color:#3e3e3e; font-weight: normal;}
.list1 li span{ color: #585858; line-height: 30px;}
.list1 li i{ position: relative; display:block;width: 100%;height: 200px; margin-bottom: 29px; overflow: hidden;}

.list1 li i:before{content: '';display: block;width:265px;height: 180px;border: 2px solid #fff;position: absolute;left:10px;top:10px;-moz-transform: scale(.6);-webkit-transform: scale(.6);transform: scale(.6);transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;visibility: hidden;opacity: 0}
.list1 li i:after{content: '+';display: block; font-size:80px;line-height: 180px; font-family:'simsun'; color: #fff;text-align: center;width: 100%; position: absolute;left:10px;top:10px;-moz-transform:rotate(0deg) scale(.2);-webkit-transform:rotate(0deg) scale(.2);transform:rotate(0deg) scale(.2);transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;visibility: hidden;opacity: 0}
.list1 li:hover i:before{-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);visibility:visible;opacity: 1}
.list1 li:hover i:after{-moz-transform:rotate(360deg) scale(1);-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);visibility:visible;opacity: 1}


.list1 li i img{transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;}
.list1 li:hover {-moz-transform: scale(.98);-webkit-transform: scale(.98);transform: scale(.98);}
.list1 li:hover span {color: #e10201;}

.list2 li{float: left;margin-right: 30px;width: 380px;}
.list2 li:nth-child(3n) {margin-right: 0}
.list2 li h2 {font-size: 24px; line-height: 36px; margin-top: 42px; color:#282828; font-weight: normal;}
.list2 li p {line-height: 30px; font-size: 14px; margin: 14px 0 15px; color: #282828;}
.list2 li span { color: #585858; line-height: 30px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
/*.list2 li span:before{content: '>>';display: inline-block; position: absolute;left: 0;top: 0}*/
.list2 li a {display: block;}
.list2 li a:hover span {color: #bf0101}
.list2 li a{position: relative;}
.list2 li a:before{content: '';display: block;width:360px;height: 255px;border: 2px solid #fff;position: absolute;left:8px;top:8px;-moz-transform: scale(.6);-webkit-transform: scale(.6);transform: scale(.6);transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;visibility: hidden;opacity: 0}
.list2 li a:after{content: '+';display: block; font-size:80px;line-height: 255px; font-family:'simsun'; color: #fff;text-align: center;width: 100%; position: absolute;left:10px;top:10px;-moz-transform:rotate(0deg) scale(.2);-webkit-transform:rotate(0deg) scale(.2);transform:rotate(0deg) scale(.2);transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;visibility: hidden;opacity: 0}
.list2 li a:hover:before{-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);visibility:visible;opacity: 1}
.list2 li a:hover:after{-moz-transform:rotate(360deg) scale(1);-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);visibility:visible;opacity: 1}


.c7 .hd {z-index: 100;margin-top:50px; width: 100%; text-align: center;}
.c7 .hd li {display: inline-block; width: 13px; height: 13px; border:1px solid #d01f27; margin: 0 8px; border-radius: 50%; font-size: 0; cursor: pointer;}
.c7 .hd .on {background: #d01f27;}
.c7 .bm { padding-top:30px; }


.list3 {}
.list3 li {float: left; width: 232px; height: 282px; padding: 17px 19px; margin-right: 40px; background-color: #f9f9f9; -webkit-transition: background-color 1.2s; -moz-transition: background-color 1.2s;  -o-transition: background-color 1.2s; transition: background-color 1.2s;}
.list3 li:hover {background-color: #e10201;}
.list3 li:hover h3, .list3 li:hover p {color: #fff;}
.list3 li:last-child {margin-right: 0;}
.list3 h3 {min-height: 50px; overflow: hidden; font-size: 16px; line-height: 26px; margin-bottom: 7px; color: #282828; -webkit-transition: color .3s; -moz-transition: color .3s;  -o-transition: color .3s;  transition: color .3s;}
.list3 p {margin-bottom: 37px; line-height: 24px; color: #919191; -webkit-transition: color .3s; -moz-transition: color .3s;  -o-transition: color .3s;  transition: color .3s;}

.bm {padding: 57px 0; text-align: center;}
.bm a {color:#585858;}
.bm a:hover {color: #e10201;}

.c6 .aa {padding: 90px 0 82px; margin-top: 58px; background: #474e54;}
.c6 .aa li h2, .c6 .aa li p, .c6 .aa li span {color: #fff;}
.c6 .aa li a:hover span {color: #bf0101; line-height: 30px;}
.c8 {background: #ededed;}
.c8 .title {background: #fff;}
.hb {position: relative; }
.hb .prev, .hb .next {position: absolute; z-index: 100; width: 36px; height: 36px; top: 183px; cursor: pointer; -webkit-transition: background 0.5s; -moz-transition: background 0.5s;  -o-transition: background 0.5s; transition: background 0.5s;}
.hb .prev {left: -60px; background: url(la1.png) no-repeat center;}
.hb .prev:hover {background: url(la2.png) no-repeat center;}
.hb .next:hover {background: url(ra2.png) no-repeat center;}
.hb .next {right: -60px; background: url(ra1.png) no-repeat center;}
.hb .bd a {position: relative; float: left; top: 0; width: 240px; line-height: 120px; /*margin-right: 24px; */text-align: center; -webkit-transition: box-shadow .5s, top .8s; -moz-transition: box-shadow .5s, top .8s;  -o-transition: box-shadow .5s, top .8s;  transition: box-shadow .5s, top .8s; margin-bottom: 20px;}
.hb .bd a:nth-child(6n) {margin-right: 0;}
/*.hb .bd a:hover {box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); top: -10px;}*/
.hb .bd a img {vertical-align: middle;}
.hb .bd a img:hover { box-shadow: 0 0 8px 2px rgba(102,102,102,0.1); }
.hb .hd {position: absolute; z-index: 100; bottom: -50px; width: 100%; text-align: center;}
.hb .hd li {display: inline-block; width: 13px; height: 13px; border:1px solid #d01f27; margin: 0 8px; border-radius: 50%; font-size: 0; cursor: pointer;}
.hb .hd .on {background: #d01f27;}
.c8 {margin-bottom: 40px; padding: 20px 0 150px; background: #ededed;}
.c8 .title { background: #ededed; }
.c8 .bd {  }
.c7 .list3 li { background: #d9d9d9; }
.c7 .list3 li:hover { background: #c30201; }