#banner .owl-dots .owl-dot span{width: 45px;height: 5px;background: #fff;border-radius: 0;}
#banner .owl-dots .owl-dot.active span{background: #d1312a;}
#banner img{width: 100%;height: 100%;}

.indexwrap01{border-bottom: 1px solid #dcdcdc;}
.indexwrap01 .bd{max-width: 1000px;margin: 0 auto;}
.indexwrap01 .bd ul{margin: 30px auto;}
.indexwrap01 .bd ul li{width: 20%;color: #666;}
.indexwrap01 .bd ul li:hover img{transform: translateY(-10px);}
.indexwrap01 .bd ul li:hover p{transform: translateY(-10px);}
.indexwrap01 .bd .dividLine li + li:before{height: 100%;background: #dcdcdc;}

.pro_index{display:none}

.pc_index{color:#fff}





.indexwrap02{padding: 50px 0 40px 0;}


[class^=indexwrap0] .hd .cn,.pro_index .hd .cn{font-size: 30px;}
[class^=indexwrap0] .hd .en, .pro_index .hd .en{font-size: 18px;color: #aaa;}
[class^=indexwrap0] .hd .en:after,.pro_index .hd .en:after{content: '';display: block;margin: 10px auto;width: 30px;height: 2px;background: #e80000;}
[class^=indexwrap0] .hd .description,.pro_index .hd .description{color: #7a7a7a;font-size: 15px;margin-bottom: 74px;}
.indexwrap02 .bd{margin: 0 20px;}
.indexwrap02 .bd .box{position: relative;display: inline-block;color: #fff;overflow: hidden;}
.indexwrap02 .bd .box .txt{width: 100%;height: 45px; position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.5); transition: all .6s ease;}
.indexwrap02 .bd .box:hover .txt{height: 100%; transition: all .6s ease;}
.indexwrap02 .bd .box:hover img{transform: scale(1.2);}
.indexwrap02 .bd .box .txt .h100{height: 100%;}
.indexwrap02 .bd .box .table{height: 100%;}
.indexwrap02 .bd .box .table-cell{vertical-align: middle;text-align: center;}
.indexwrap02 .bd .box .title{margin-bottom: 15px; font-size: 16px;}
.indexwrap02 .bd .box:hover .title{font-weight: bold;}
.indexwrap02 .bd .box .btn{margin: 30px auto 0;color: #fff;border: 1px solid #fff;padding: 8px 25px;}
.indexwrap02 .bd .sprite{width: 19px;height: 37px;margin-top: -18px;}
.indexwrap02 .bd .owl-prev{margin-left: -40px; background-position: 0 0;}
.indexwrap02 .bd .owl-next{margin-right: -40px; background-position: 0 -100px}
.indexwrap02 .video{z-index: 1;}
.indexwrap02 .video .sprite{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 64px;height: 64px;background-position: 0 -200px;}
.indexwrap04 .bd .more,
.indexwrap02 .bd .more{padding: 8px 60px;color: #e80000;border: 1px solid #e80000;margin: 60px auto;}
.indexwrap04 .bd .more:hover,
.indexwrap02 .bd .more:hover{color: #fff;background: #E80000;text-decoration: none;}

.indexwrap03,.indexwrap04{background-color:#f6f4f5;padding: 40px 0;}
.indexwrap03 .bd .description{margin:0 15px 50px;color: #7a7a7a; text-align: left;font-size: 14px;line-height: 28px;}
.indexwrap03 .bd .img-responsive{margin: 0 auto;}
.indexwrap03 > .img-responsive{margin: 30px auto 60px;}


.indexwrap04 .bd .tab_list{font-size: 0;text-align: center;margin: 40px auto 50px;}
.indexwrap04 .bd .tab_list li{font-size: 15px;display: inline-block;cursor: pointer;vertical-align: middle;}
.indexwrap04 .bd .tab_list li:before{content: '';display: inline-block;margin: 0 10px;}
.indexwrap04 .bd .tab_list li + li:before{content: '/';display: inline-block;margin: 0 10px;color: #333;}
.indexwrap04 .bd .tab_list li.arrow-bottom-a a{color: #E80000;}
.indexwrap04 .bd .tab_list li.arrow-bottom-a:after{border-width: 5px;border-top-color: #E80000;bottom: -10px;left: 21px;}
.indexwrap04 .bd .tab_content li + li{display:none;}
.indexwrap04 .bd .tab_content .title{position: relative; font-size: 17px;font-weight: bold; display: block;line-height: 2.4;}
.indexwrap04 .bd .tab_content .time{color: #9b9b9b;}
.indexwrap04 .bd .tab_content .description{font-size: 14px;line-height: 28px; color: #7a7a7a;height: 50px;overflow: hidden;margin:5px auto 15px;}
.indexwrap04 .bd .tab_content .box:hover .title{color: #E80000;text-decoration: none;}
.indexwrap04 .bd .tab_content .line{width: 0;height: 1px;background: #E80000;display: block;}
.indexwrap04 .bd .tab_content .box:hover .line{width: 100%;}
.indexwrap04 .bd .tab_content .box .img-responsive{display: block;overflow: hidden;}
.indexwrap04 .bd .tab_content .box:hover img{transform: scale(1.2);}


.videowrap{position: absolute;visibility: hidden; left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 70%;min-height: 200px;}
.videowrap iframe{width: 100%;}
.videowrap .close{position:absolute;right: -20px;top: 10px;width: 30px;height: 30px;border-radius: 50%; background: url(../images/icon_close.png) no-repeat; text-shadow: none; opacity: 1;}
