@charset "utf-8";
/* 
    author:PengJin;
    date:2020-03-31;
*/

/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;height:760px;overflow:hidden;}
.banner .hd{position:absolute;z-index:333;left:0;bottom:40px;width:100%;height:10px;text-align:center;}
.banner .hd li{display:inline-block;margin:0 10px;width:7px;height:7px;text-indent:-9999px;cursor:pointer;background:#fff;border-radius:10px;transition:all 0.5s;}
.banner .hd li.cur{width:45px;background:#e67819;}
.banner .bd,.banner .bd ul{height:760px;}
.banner .bd li{width:100%;height:760px;}
.banner .bd li a{display:block;height:760px;background-repeat:no-repeat;background-position:center;}
.banner .prev,.banner .next{position:absolute;z-index:333;top:50%;margin-top:-38px;width:75px;height:75px;cursor:pointer;border:#fff solid 1px;opacity:0;border-radius:50%;transition:all 0.5s;}
.banner .prev{left:4.5%;background:url(../images/Index/banner_prev.png) no-repeat center;}
.banner .next{right:4.5%;background:url(../images/Index/banner_next.png) no-repeat center;}
.banner .prev:hover,.banner .next:hover{background-color:#e67819;border-color:#e67819;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
/* --end banner-- */

/* --aboutus-- */
.aboutus{padding:70px 0 110px;overflow:hidden;background:#fff url(../images/Index/aboutus_bg.png) no-repeat center bottom;}
.aboutus .inner{position:relative;height:520px;overflow:hidden;background:url(../images/Index/aboutus_inner.png) no-repeat center bottom;}
.aboutus .menu{position:absolute;right:0;top:0;width:512px;height:88px;overflow:hidden;}
.aboutus .menu li{float:left;width:25%;text-align:center;}
.aboutus .menu li a{display:block;padding:10px;font-size:18px;color:#333;border-right:#e5e5e5 solid 1px;}
.aboutus .menu li:first-child a{border-left:#e5e5e5 solid 1px;}
.aboutus .menu li i{display:block;margin:0 auto;width:40px;height:40px;}
.aboutus .menu li span{display:block;margin-top:6px;}
.aboutus .menu li a:hover{color:#fff;background:#e67819;border-color:#e67819;}
.aboutus .menu li a:hover i{filter:brightness(200%);}
.aboutus .video{position:relative;float:left;width:645px;height:460px;overflow:hidden;}
.aboutus .video img{display:block;width:645px;height:460px;}
.aboutus .video a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/Index/playerBtn.png) no-repeat center;transition:all 0.5s;}
.aboutus .video a:hover{background-color:rgba(0,0,0,0.5);}
.aboutus .text{position:relative;float:right;margin-top:158px;margin-right:38px;width:480px;height:300px;font-size:18px;color:#333;line-height:28px;overflow:hidden;}
.aboutus .text:after{display:block;position:absolute;left:0;bottom:0;width:30px;height:4px;content:"";background:#e67819;}
.aboutus .stats_counter{margin-top:70px;overflow:hidden;}
.aboutus .stats_counter .item{float:left;width:20%;height:138px;text-align:center;border-right:#e5e5e5 solid 1px;box-sizing:border-box;}
.aboutus .stats_counter .item:first-child{border-left:#e5e5e5 solid 1px;}
.aboutus .stats_counter .item em{display:block;font-family:"DIN Medium";font-size:60px;color:#e67819;}
.aboutus .stats_counter .item p{margin-top:15px;font-size:18px;color:#333;line-height:25px;}
/* --end aboutus-- */

/* --service-- */
.service{padding-top:70px;overflow:hidden;background:#e1e1e1;}
.service-list{overflow:hidden;}
.service-list .item{position:relative;float:left;width:33.33%;}
.service-list .pic{overflow:hidden;}
.service-list .pic img{display:block;width:100%;}
.service-list .text{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.5);transition:all 0.5s;}
.service-list .text h3{position:relative;top:50%;font-weight:normal;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.service-list .text h3 a{display:inline-block;width:350px;height:130px;line-height:130px;font-size:30px;color:#fff;border:#fff solid 5px;}
.service-list .item:hover .text{background-color:rgba(0,0,0,0);}
.service-list .item:hover .text h3 a{border-color:#e67819;background:#e67819 url(../images/Index/service_cur_txt.png) no-repeat 65% 65px;}
.service-list .item:nth-child(odd){animation:flipinX 1s ease;}
.service-list .item:nth-child(even){animation:flipinY 1s ease;}
/* --service-- */

/* --end adv-- */
.adv{padding:90px 0;overflow:hidden;background:#e67819;}
.adv-tab{height:700px;background:#fff;}
.adv-menu{float:left;width:320px;height:700px;background:#225f8e;}
.adv-menu h3{position:relative;padding-left:40px;height:100px;line-height:100px;font-weight:normal;font-size:36px;color:#fff;}
.adv-menu h3:after{display:block;position:absolute;right:0;bottom:0;width:156px;height:122px;content:"";background:url(../images/Index/adv_kf.png) no-repeat;}
.adv-menu li{position:relative;height:99px;line-height:99px;font-size:20px;border-top:#396f9a solid 1px;}
.adv-menu li:after{display:none;position:absolute;left:100%;top:50%;width:4px;height:7px;content:"";background:url(../images/Index/adv_menu_cur.png) no-repeat;}
.adv-menu li a{display:block;padding-left:40px;color:#fff;}
.adv-menu li i{display:block;position:relative;top:30px;float:left;width:52px;height:40px;overflow:hidden;filter:grayscale(100%) brightness(200%);}
.adv-menu li i img{display:block;width:52px;height:40px;}
.adv-menu li span{margin-left:30px;overflow:hidden;}
.adv-menu li:hover,.adv-menu li.cur{background:#144469;}
.adv-menu li:hover:after,.adv-menu li.cur:after{display:block;}
.adv-menu li:hover i,.adv-menu li.cur i{filter:grayscale(0) brightness(100%);}
.adv-main{height:700px;overflow:hidden;}
.adv-main .item{position:relative;padding:40px 40px 30px 50px;height:630px;overflow:hidden;}
.adv-main .item .hd{height:171px;overflow:hidden;border-bottom:#f0f0f0 solid 1px;}
.adv-main .item-1 .hd{background:url(../images/Index/adv_item01.jpg) no-repeat right center;}
.adv-main .item-2 .hd{background:url(../images/Index/adv_item02.jpg) no-repeat right center;}
.adv-main .item-3 .hd{background:url(../images/Index/adv_item03.jpg) no-repeat right center;}
.adv-main .item-4 .hd{background:url(../images/Index/adv_item04.jpg) no-repeat right center;}
.adv-main .item-5 .hd{background:url(../images/Index/adv_item05.jpg) no-repeat right center;}
.adv-main .item-6 .hd{background:url(../images/Index/adv_item06.jpg) no-repeat right center;}
.adv-main .item .hd h3{position:relative;height:57px;line-height:54px;font-weight:normal;font-size:32px;overflow:hidden;}
.adv-main .item .hd h3:after{display:block;position:absolute;left:0;bottom:0;width:26px;height:3px;content:"";background:#e67819;}
.adv-main .item .hd p{margin-top:30px;height:84px;line-height:28px;font-size:18px;color:#333;overflow:hidden;}
.adv-main .item .bd{overflow:hidden;}
.adv-main .item .bd .con{padding:16px 0;overflow:hidden;}
.adv-main .item .bd .con p{position:relative;margin-bottom:12px;padding-left:32px;line-height:30px;font-size:18px;color:#333;background:url(../images/Index/adv_num.png) no-repeat 0 7px;}
.adv-main .item .bd .con p em{display:block;position:absolute;left:0;top:0;width:26px;font-family:"DIN Medium";font-size:14px;color:#fff;text-align:center;}
.adv-main .item .bd a.zxBtn{display:block;width:180px;height:55px;line-height:55px;text-align:center;font-size:18px;color:#fff;background:#e67819;}
.adv-main .item .bd a.zxBtn:after{display:inline-block;margin-left:10px;width:16px;height:12px;content:"";background:url(../images/Index/read.png) no-repeat;}
.adv-main .item .bd a.zxBtn:hover{background:#225f8e;}
.adv-main .item .customer{position:absolute;bottom:30px;right:40px;left:50px;}
.adv-main .item .customer h3{height:26px;line-height:26px;font-weight:normal;font-size:18px;text-align:center;color:#333;}
.adv-main .item .customer ul{width:816px;overflow:hidden;}
.adv-main .item .customer li{float:left;margin-top:25px;margin-right:29px;width:173px;height:93px;border:#e5e5e5 solid 1px;overflow:hidden;}
.adv-main .item .customer li img{display:block;width:173px;height:93px;}
.adv-main .item .customer li:hover{border-color:#225f8e;}
/* --end adv-- */

/* --ad-- */
.ad{padding-top:80px;overflow:hidden;background:#225f8e url(../images/Index/ad_bg.jpg) no-repeat center 0;}
.ad .hd{overflow:hidden;}
.ad .hd .tel{float:right;padding-left:20px;height:34px;line-height:34px;overflow:hidden;background:url(../images/Common/tel.png) no-repeat 0 center;}
.ad .hd .tel span{display:block;float:left;font-size:16px;}
.ad .hd .tel em{font-family:"DIN Medium";font-size:26px;color:#e67819;overflow:hidden;}
.ad .hd .title{line-height:1.5;overflow:hidden;}
.ad .hd .title h2{font-weight:normal;font-size:42px;color:#000;}
.ad .hd .title p{font-size:28px;color:#000;}
.ad .hd .title i{display:block;margin-top:20px;width:40px;height:5px;background:url(../images/Common/title_line.png) no-repeat;}
.ad .bd{padding-top:50px;overflow:hidden;}
.ad .bd .summary{line-height:36px;font-size:20px;color:#333;overflow:hidden;}
.ad .bd .QRcode{margin-top:36px;}
.ad .bd .QRcode .item{float:left;margin-left:20px;padding:20px;width:170px;height:95px;overflow:hidden;background:#fff;}
.ad .bd .QRcode .pic{float:left;padding-right:18px;width:85px;height:85px;border-right:#eee solid 1px;}
.ad .bd .QRcode .pic img{width:100px;height:100px;}
.ad .bd .QRcode .text{padding-left:18px;line-height:1.3;overflow:hidden;}
.ad .bd .QRcode .text span{display:block;font-size:20px;color:#000;}
.ad .bd .QRcode .text small{display:block;font-size:16px;color:#666;}
.ad .bd .QRcode .text i{display:block;margin-top:8px;width:22px;height:22px;}
.ad .bd .QRcode .item-1{margin-left:0;}
.ad .bd .QRcode .item-1 .text i{background:url(../images/Common/code_icon01.png) no-repeat 0 center;}
.ad .bd .QRcode .item-2 .text i{background:url(../images/Common/code_icon02.png) no-repeat 0 center;}
.ad .linkBox{margin-top:75px;padding:40px 0;height:120px;overflow:hidden;}
.ad .linkBox .item{height:120px;overflow:hidden;}
.ad .linkBox .text{margin-top:22px;padding-left:80px;color:#fff;overflow:hidden;}
.ad .linkBox .text h3{height:38px;line-height:38px;font-size:26px;font-weight:normal;}
.ad .linkBox .text p{height:26px;line-height:26px;font-size:16px;}
.ad .linkBox .btns{float:right;padding-top:33px;overflow:hidden;}
.ad .linkBox .btns a{display:block;width:175px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#e67819;}
.ad .linkBox .btns a:hover{background:#144469;}
.ad .linkBox .item-1{float:left;padding-right:32px;width:568px;border-right:#fff solid 1px;}
.ad .linkBox .item-1 .text{background:url(../images/Index/linkBox01.png) no-repeat 0 center;}
.ad .linkBox .item-2{float:right;width:500px;}
.ad .linkBox .item-2 .text{background:url(../images/Index/linkBox02.png) no-repeat 0 center;}
/* --end ad-- */

/* --news-- */
.news{padding:80px 0;overflow:hidden;background:#fff;}
.news .title{overflow:hidden;}
.news .title i{display:block;margin-top:20px;width:40px;height:5px;background:url(../images/Common/title_line.png) no-repeat;}
.news .title h2{position:relative;height:50px;line-height:50px;font-size:42px;font-weight:normal;color:#000;} 
.news .title h2 a{color:#000;}
.news .title h2 a:hover{color:#225f8e;transition:all 0.5s;}
.news-tab{position:relative;margin-top:-50px;overflow:hidden;}
.news-menu{margin-bottom:60px;height:38px;line-height:38px;text-align:right;}
.news-menu li{display:inline-block;position:relative;font-size:16px;}
.news-menu li:after{display:none;position:absolute;left:50%;top:100%;margin-left:-3px;width:7px;height:4px;content:"";background:url(../images/Index/news_menu_cur.png) no-repeat;}
.news-menu li a{display:block;color:#666;padding:0 24px;}
.news-menu li.cur a{color:#fff;background:#e67819;}
.news-menu li.cur:after{display:block;}
.news-main .group{overflow:hidden;}
.news-top{float:left;width:567px;}
.news-top .pic{width:567px;height:354px;overflow:hidden;}
.news-top .pic img{display:block;width:567px;height:354px;transition:all 1s;}
.news-top .text{position:relative;height:176px;overflow:hidden;}
.news-top .text:after{display:block;position:absolute;left:0;bottom:0;width:30px;height:3px;content:"";background:#e67819;}
.news-top .text em{display:block;margin-top:25px;height:20px;line-height:20px;font-size:14px;font-family:"DIN Medium";color:#999;}
.news-top .text h3{height:40px;line-height:40px;font-weight:normal;font-size:20px;color:#333;overflow:hidden;}
.news-top .text h3 a{color:#333;}
.news-top .text p{margin-top:8px;height:60px;line-height:30px;font-size:15px;color:#666;overflow:hidden;}
.news-top .text p a{color:#666;}
.news-top:hover .pic img{transform:scale(1.1);}
.news-list{float:right;width:604px;overflow:hidden;}
.news-list .item{margin-bottom:30px;height:123px;overflow:hidden;}
.news-list .item .pic{float:left;width:196px;height:123px;overflow:hidden;}
.news-list .item .pic img{display:block;width:196px;height:123px;transition:all 1s;}
.news-list .item .text{position:relative;float:right;width:376px;height:123px;overflow:hidden;}
.news-list .item .text:after{display:block;position:absolute;bottom:0;left:0;width:30px;height:3px;content:"";background:#e67819;}
.news-list .item .text em{position:absolute;bottom:0;left:42px;color:#999;font-size:14px;font-family:"DIN Medium";}
.news-list .item .text h3{height:25px;line-height:25px;font-weight:normal;font-size:20px;color:#333;overflow:hidden;}
.news-list .item .text h3 a{color:#333;}
.news-list .item .text p{margin-top:8px;height:44px;line-height:22px;font-size:15px;color:#666;overflow:hidden;}
.news-list .item .text p a{color:#666;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text h3 a{color:#e67819;}
.news-list .more{padding-top:10px;height:60px;line-height:60px;text-align:center;}
.news-list .more a{display:block;font-size:16px;color:#666;background:#f0f0f0;}
.news-list .more a:after{display:inline-block;margin-left:10px;width:10px;height:10px;content:"";background:url(../images/Index/more.png) no-repeat;}
.news-list .more a:hover{color:#fff;background:#e67819;}
.news-list .more a:hover:after{filter:brightness(300%);}
/* --end news-- */

/* --video-pop-- */
.video-pop{display:none;position:fixed;z-index:9999;top:50%;left:50%;margin-left:-600px;margin-top:-350px;width:1200px;height:700px;background:#fff;}
.video-pop .inner{position:relative;width:1200px;height:700px;}
.video-pop .inner video,.video-pop .inner iframe{display:block;width:1200px;height:700px;}
/* --end video-pop-- */