@charset "utf-8";
#banner{height:815px;}
#banner a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

#Index{ margin-top: 46px;}
#Index .about{ width: 48%;float: left;border: 1px solid #dddddd;}
#Index .item_tit{ height: 46px;line-height: 46px;border-bottom: 1px solid #dddddd;padding: 0 20px;}
#Index .item_tit a{ font-size: 1.1em;font-weight: bold;color: #31833e;}
#Index .item_con{ height: 150px;line-height: 30px;overflow: hidden;padding: 10px 15px 0;}
#Index .item_con ul li{  overflow: hidden; height: 29px;line-height: 29px;background:  url(../images/home/article_icon.gif) left center no-repeat;padding-left: 15px;border-bottom: 1px dotted #f1f1f1;}
#Index .item_con ul li span{ float: right;}
#Index .news{ width: 48%;float: right;border: 1px solid #dddddd;}


.index_dl_bg{width:100%;min-width:1360px;}
.index_dl{width:1360px;margin:0px auto;}
.index_dl>dt{font-size:12px;line-height:44px;}
.index_dl>dt>h1{float:left;color:#141414;font-size:28px;line-height:60px;font-weight:normal;background:url(../images/home/line_01.png) no-repeat left bottom;}
.index_dl>dt>div{float:right;text-align:right;color:#626262;}
.index_dl>dt>div a{font-size:12px;text-decoration:none;color:#626262;padding:0px 15px;display:inline-block}
.index_dl>dt>div a.more{padding-right:0px;font-size:14px;color:#505050}
.index_dl>dd{clear:both;}



.index_box1{width:100%;min-width:1360px}
.index_box1>.left,.index_box1>.right{width:50%;position: relative;}
.index_box1>div a{ display:block; font-size:0px}
.index_box1>div img{width:100%;}
.index_box1>.right img{visibility: hidden;}
.index_box1>.right video{width:100%;height:100%;display:block;    background: #000;position: absolute;
    top: 0px;}

.video_show{position:fixed;z-index:9999;left:0px;right:0px;top:0px; bottom:0px; background-color:rgba(0,0,0,0.5);text-align:center;display:none;}
.video_show>div{position:fixed;top:50%;left:50%;width:960px;height:540px; margin:-270px 0px 0px -480px;background-color:#000}


.index_box2_bg{background-color:#f0f2f2}
.index_box2{padding-top:100px;padding-bottom:100px;}
.index_pro{float:left;width:446px;padding-top:11px;padding-right:11px;display:inline-block;}
.index_pro:nth-of-type(3n){padding-right:0px;}

.index_pro_title{color:#666666;width:446px;height:34px;line-height:34px;background:#fff;text-align:center;font-sise:12px}
.index_pro_title a{color:#666666;}
.cms_tran{ -webkit-transition: all .5s  ease-out;transition: all .5s  ease-out;}
.cms_tran_in{ -webkit-transition: all .5s  ease-in;transition: all .5s  ease-in;}
.index_pro .thumb{ position: relative;padding-top: 75%;overflow: hidden;margin-right: 1px ;margin-bottom: 1px ;}
.index_pro .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index_pro .thumb .bgcolor{ position: absolute;left: 0;top: 0; background: #000;opacity: 0;width: 100%;height: 100%;}
.index_pro .thumb .mask{ position: absolute;left: 30px;top: 30px;right: 30px;bottom: 30px; }
.index_pro .thumb .mask i.line_l{ position: absolute;height: 0;width: 1px;background: #ffffff;left: 0;bottom: 0;}
.index_pro .thumb .mask i.line_t{ position: absolute;width: 0;height: 1px;background: #ffffff;left: 0;top: 0;}
.index_pro .thumb .mask i.line_r{ position: absolute;height: 0;width: 1px;background: #ffffff;right: 0;top: 0;}
.index_pro .thumb .mask i.line_b{ position: absolute;width: 0;height: 1px;background: #ffffff;right: 0;bottom: 0;}
.index_pro .thumb h4{ -webkit-transition-delay: .2s;transition-delay: .2s; transform: rotate(8deg); opacity: 0; color: #ffffff;position: absolute;height: 30px;line-height: 30px;top: 40%;margin-top: -15px;left: 15%;overflow: hidden;width: 70%;text-align: center;font-size: 1.2em;font-weight: normal;}
.index_pro .thumb h4.odd{ transform: rotate(-8deg); }
.index_pro:hover .thumb .bgcolor{ opacity: 0.6;}
.index_pro:hover .thumb .mask i.line_l,.index_pro:hover .thumb .mask i.line_r{ height: 100%;}
.index_pro:hover .thumb .mask i.line_t,.index_pro:hover .thumb .mask i.line_b{ width: 100%;}
.index_pro:hover .thumb h4{ opacity: 1;top: 50%;transform: rotate(0);}



.index_box3_bg{background-color:#777777}
.index_box3{padding:75px 0px 100px 0px;}
.index_box3>dt{text-align:center;}
.index_box3>dt>a{float:none}
.index_box3>dd{width:1360px;margin:75px auto 0 auto;}
.index_box3>dd>a{float:left;width:200px;height:143px;padding:0px 13px; text-align:center;color:#fff;}
.index_box3>dd>a>div{font-size:14px;line-height:50px;}


.index_box4{min-width:1440px;height:490px;margin:0px auto;background:url(../images/home/partners_bg.jpg) no-repeat top;}
.index_box4>dt{font-size:15px;line-height:38px;text-align:center;padding:60px 0px 20px 0px;}
.index_box4>dt>h1{font-size:28px;line-height:60px;font-weight:normal;background:url(../images/home/line_02.png) no-repeat bottom;}
.index_box4>dt>div{margin-top:10px;}
.index_box4>dt>div>p{font-size:16px;line-height:24px;color:#424242;padding:0;margin: 0;}
.index_box4>dt>a{font-size:13px;font-weight:bold;text-decoration:underline;}
.index_box4>dd>a{float:left;width:200px;height:86px;padding:12px 15px;}

.index_box4_swiper{width:100%;margin:0px auto;position: relative;}
.index_box4_swiper .swiper-button-black{width:20px;height:20px;background-size:100% 100%}
.index_box4_swiper .swiper-button-prev{left:5%;}
.index_box4_swiper .swiper-button-next{right:5%;}
.index_box4_swiper .swiper-container {width:1380px;height: auto;margin-left: auto;margin-right: auto;}
.index_box4_swiper .swiper-slide{text-align:center;font-size:18px;height:80px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}


.index_box5_bg{background-color:#235d5b}
.index_box5_bg>.left{width:67%;}
.index_box5_bg>.right{width:33%;color:#fff}
.index_box5_bg>.right>dl{padding:10% 10%;}
.index_box5_bg>.right a{color:#fff}
.index_box5_swiper{width:100%;margin:200px auto 10px auto;position: relative;}
.index_box5_swiper .swiper-container {width:100%;height:auto;margin-left: auto;margin-right: auto;}
.index_box5_swiper .swiper-slide{text-align:center;font-size:18px;height:200px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.index_box5_swiper .swiper-slide img{max-height:100%;}
.index_box5_swiper .swiper-slide>a{height:200px;vertical-align:middle;line-height:200px;}
.index_box5_swiper .swiper-button-prev{left:-8%;}
.index_box5_swiper .swiper-button-next{right:-8%;}

.index_box7{margin-top:100px;}
.index_news{width:720px;margin:0px auto;float:left}
.index_news>dt{font-size:14px;line-height:38px;border-bottom:1px #eeeeee solid;padding-bottom:10px;margin-bottom:10px;}
.index_news>dt>h1{font-size:36px;line-height:50px;font-weight:normal;}
.index_news>dt>a{font-size:18px;font-weight:bold;text-decoration:underline;}
.index_news>dd{padding-top:20px;}

.index_news_box{clear:both;margin-bottom:10px;}
.index_news>dd>.clear{height:20px;}
.index_news_box>dt{float:left;width:200px;}
.index_news_box>dt img{width:100%;}
.index_news_box>dd{float:right;width:500px;}
.index_news_box>dd>dl>dt{margin:10px 0px;}
.index_news_box>dd>dl>dt>a{font-size:14px;color:#333333}
.index_news_box>dd>dl>dt>div{float:right;color:#a5a5a5}
.index_news_box>dd>dl>dd,.index_news_box>dd>dl>dd a{color:#838383;line-height:18px;}


.index_contact{width:510px;float:right;padding:65px 0px 0px 0px}
.index_contact>dt{font-size:14px;line-height:38px;}
.index_contact>dt>h1{font-size:36px;line-height:50px;font-weight:normal;}

.index_feedback{width:510px;margin:0px auto;}
.index_feedback>div{width:510px;margin:0px auto;}
.index_feedback .input,.index_feedback .textarea{background:#f7f7f7;border:1px #dedddd solid;border-radius:18px;padding:10px;width:430px;float:left;margin:15px 0px;}
.index_feedback .textarea{width:450px;height:74px;}
.index_feedback .captcha{width:200px;}
.index_feedback .vimg{display:inline-block;margin: 10px;}
.index_feedback .vimg>img{height:38px;}
.index_feedback form{width:100%;margin:0px auto;}
.index_feedback .btn{padding:10px 0px 0px 0px}
.index_feedback .btn input{width:450px;height:36px;border-radius:3px;background-color:#000;color:#fff;border:none;font-size:14px;}

.mainFilter{width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;z-index:9998;background-color: rgba(0,0,0,.5);display:none;}
.video{width:900px;position:fixed;top:50%;left:50%;z-index:9999;display:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.video iframe,.video video{width:100%;display:block;}
.video .close{width:30px;height:30px;cursor:pointer;position:absolute;top:-30px;right:0px;z-index:5;transition-duration:0.4s;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;}
.video .close:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}

@media screen and (max-width: 1440px) {
    .index_box5_swiper{margin:100px auto 10px auto;}
}

@media screen and (max-width: 768px) {
    #banner{height:187px;}

    #Index{ margin-top: 0;}
    #Index .about,#Index .news{ width:  auto;float: none;margin-top: 4%;}
    #Index .item_con{ height: auto;}
    #Index .about .item_con{ padding-bottom: 10px;}
    #Index .item_con ul li{ height: 34px;line-height: 34px;}

    .index_dl,.index_dl_bg,.index_dl>dt>h1,.index_box1,.index_box4,.service>div.main,.index_box6,.end{width:100%;min-width:100%}
    .index_dl>dt{padding: 0px 10px;}
    .index_dl>dt>h1{width:40%;min-width:40%;float:left;line-height:44px;}
    .index_dl>dt>div{width:60%;}
    .index_dl>dt>div a{padding: 0px 10px;}

    .index_box1>.left, .index_box1>.right,
    .index_pro_pic,.index_pro_title,
    .index_box3>dd,
    .index_news,.index_news_box>dt,.index_news_box>dd,
    .index_contact,.index_feedback>div{width: 100%;}
    .index_pro{width:50%;}
    .index_box1>.left>a,.index_box1>.right>a{padding: 10px;}
    .index_pro{padding-right:0px}
    .index_pro .thumb{margin:0px 10px}
    .index_pro_title{width:auto;margin:0px 10px}

    .index_box2{padding-top:20px;padding-bottom:20px;}

    .index_box3>dd{margin:20px auto 0 auto}
    .index_box3>dd>a{padding:20px 0px; width: 50%;}
    
    .index_box4_swiper .swiper-container{width: 100%;}

    .index_box5_bg>.left,.index_box5_bg>.right{width:100%;}
    .index_news>dt,.index_news>dd{padding: 0px 10px;}
    .index_box5_swiper{margin:10px auto 10px auto;}

    .index_box7{margin-top:20px;}

    .index_contact>dt,.index_contact>dd{padding: 0px 10px;}
    .index_feedback{width:100%;}
    .index_feedback .input,.index_feedback .textarea{padding:10px 3% 10px 3%;}
    .index_feedback .input{width:94%;}
    .index_feedback .textarea{width:100%;}
    .index_feedback .btn input{width:100%;}

    .video{width:100%;height:300px;}
    .video video{width:100%;height:100%;}
}