﻿/***************

    Author:Pengjin
    Date:2020-06-04

***************/

/*--wrap-title*/
.wrap-title{text-align:center;line-height:1.4;overflow:hidden;animation:fadeInDown 1s ease-in-out;}
.wrap-title h2{font-weight:normal;font-size:36px;color:#333;}
.wrap-title h2 a{color:#333;}
.wrap-title h2 a:hover{color:#44b7eb;text-decoration:none;}
.wrap-title p{font-size:18px;color:#666;}
.wrap-title.white *{color:#fff;}
/*--end wrap-title*/

/* --banner-- */
.banner{clear:both;position:relative;width:100%;height:750px;overflow:hidden;border-bottom:#191919 solid 2px;}
.banner .hd{position:absolute;left:0;bottom:30px;width:100%;height:2px;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 8px;width:100px;height:2px;text-indent:-9999px;cursor:pointer;background:#fff;}
.banner .hd li.cur{background:#00a1e9;}
.banner .bd,.banner .bd ul{height:100%;}
.banner .bd li{position:relative;width:100%;height:100%;}
.banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:750px;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-30px;width:58px;height:58px;cursor:pointer;opacity:0;transition: all 1s;}
.banner .prev{left:2%;background:url(Img/Index/babot1.png) no-repeat;}
.banner .next{right:2%;background:url(Img/Index/babot2.png) no-repeat;}
.banner:hover .prev,.banner:hover .next{opacity:0.8;}
.banner .prev:hover,.banner .prev:hover{opacity:1;}
/* --end banner-- */


/*--indexForm--*/
.indexForm{padding:15px 0 25px;overflow:hidden;background:#00a1e9;}
.indexForm .hd{height:32px;line-height:32px;overflow:hidden;}
.indexForm .tel{float:right;padding-right:30px;}
.indexForm .tel em{display:block;padding-left:45px;font-size:30px;color:#fff;font-family:"DIN-Bold";background:url(Img/Index/form_tel.png) no-repeat 0 center;}
.indexForm .step{overflow:hidden;}
.indexForm .step li{float:left;padding-right:46px;padding-left:30px;font-size:20px;color:#fff;background:url(Img/Index/step_arrow.png) no-repeat right center;}
.indexForm .step li:first-child{padding-left:0;}
.indexForm .step li:last-child{padding-right:0;background-image:none;}
.indexForm .bd{padding-top:10px;overflow:hidden;}
.indexForm .bd li{float:left;overflow:hidden;}
.indexForm .bd li input{display:block;margin-right:2px;padding:20px;width:360px;height:60px;font-size:16px;border:none;outline:none;background:#fff;box-sizing:border-box;}
.indexForm .bd li a{display:block;width:310px;height:60px;line-height:60px;text-align:center;font-size:16px;color:#fff;background:#006e9f;}
.indexForm .bd li a:hover{text-decoration:none;background:#094763;}
.indexForm .bd li a:after{display:inline-block;margin-left:10px;width:22px;height:12px;content:"";background:url(Img/Index/submit.png) no-repeat;}
/*--end indexForm--*/

/*--service--*/
.service{padding:70px 0;overflow:hidden;background:#fff;}
.service-list{width:1406px;}
.service-list .item{position:relative;float:left;margin-right:6px;width:345px;height:630px;overflow:hidden;border-radius:5px;}
.service-list .pic{position:relative;width:345px;height:630px;overflow:hidden;}
.service-list .pic img{display:block;width:100%;transition:all 1s;}
.service-list .pic:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.4);transition:all 0.5s;}
.service-list .text{position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-150px;padding:40px 25px;width:250px;height:320px;color:#fff;text-align:center;transition:all 0.5s;}
.service-list .text i{display:block;margin:0 auto;width:98px;height:98px;border:#fff solid 1px;border-radius:50%;}
.service-list .text i img{display:block;width:98px;height:98px;}
.service-list .text h3{margin-top:20px;height:40px;line-height:40px;font-size:30px;font-weight:normal;}
.service-list .text span{display:block;height:26px;line-height:26px;font-size:16px;}
.service-list .text em{display:block;margin:20px auto;width:38px;height:1px;background:#fff;}
.service-list .text p{height:90px;line-height:30px;font-size:16px;overflow:hidden;}
.service-list .item:hover .pic img{transform:scale(1.1);}
.service-list .item:nth-child(odd){animation:fadeInDown 1s ease-in-out;}
.service-list .item:nth-child(even){animation:fadeInUp 1s ease-in-out;}
/*--end service--*/

/*--case--*/
.case{overflow:hidden;background:#fff;}
.case-tab{position:relative;margin-top:30px;height:736px;overflow:hidden;}
.case-menu{position:absolute;z-index:99;left:0;bottom:0;width:100%;height:124px;background:rgba(0,0,0,0.6);}
.case-menu ul{margin:0 auto;width:1400px;}
.case-menu li{position:relative;float:left;width:14.285%;text-align:center;}
.case-menu li:after{display:none;position:absolute;left:0;bottom:100%;width:100%;height:12px;content:"";background:#00a1e9;}
.case-menu li a{display:block;padding:25px;overflow:hidden;transition:all 0.5s;}
.case-menu li i{display:block;margin:0 auto;width:45px;height:45px;}
.case-menu li i img{display:block;width:100%;}
.case-menu li span{display:block;margin-top:5px;font-size:20px;color:#fff;}
.case-menu li:hover,.case-menu li.cur{background:#00a1e9;}
.case-menu li:hover a,.case-menu li.cur a{text-decoration:none;transform:translateY(-12px);}
.case-menu li:hover:after,.case-menu li.cur:after{display:block;}
/*--end case--*/

/*--ad--*/
.ad{padding:134px 0;overflow:hidden;background:url(Img/Index/ad.jpg) no-repeat center;}
.ad .inner{height:142px;overflow:hidden;}
.ad .leftCon,.ad .rightCon{float:left;width:50%;height:142px;overflow:hidden;box-sizing:border-box;}
.ad .leftCon{padding:32px 90px;background:rgba(255,255,255,0.8);}
.ad .leftCon h3{height:40px;line-height:40px;font-size:30px;color:#333;}
.ad .leftCon p{margin-top:10px;font-size:19px;color:#333;}
.ad .rightCon{padding:32px 110px;background:rgba(0,161,233,0.9);}
.ad .rightCon a{display:block;float:right;margin-top:5px;width:122px;height:52px;line-height:52px;text-align:center;font-size:18px;color:#00a1e9;background:#fff;}
.ad .rightCon a:hover{color:#fff;text-decoration:none;background:#00a1e9;border:#fff solid 1px;}
.ad .rightCon dl{padding-left:70px;color:#fff;overflow:hidden;background:url(Img/Index/ad_tel.png) no-repeat 0 center;}
.ad .rightCon dt{font-size:18px;}
.ad .rightCon dd{font-size:36px;font-family:"DIN-Bold";}
/*--end ad--*/

/*--adv--*/
.adv{padding:70px 0;overflow:hidden;background:#282828 url(Img/Index/adv_bg.jpg) no-repeat center 0;}
.adv-list{margin-top:20px;width:1460px;overflow:hidden;}
.adv-list .item{float:left;margin-right:60px;margin-top:60px;width:665px;height:356px;overflow:hidden;background:#fff;}
.adv-list .pic{height:228px;overflow:hidden;}
.adv-list .pic img{display:block;width:100%;transition:all 0.5s;}
.adv-list .text{position:relative;margin-top:-32px;padding:0 50px;text-align:center;overflow:hidden;}
.adv-list .text h3{margin:0 auto;width:270px;height:60px;line-height:60px;font-weight:normal;font-size:20px;color:#fff;background:#00a1e9;border-bottom-right-radius:15px;}
.adv-list .text p{margin-top:20px;height:50px;line-height:25px;font-size:16px;color:#666;}
.adv-list .item:hover{background:#00a1e9;}
.adv-list .item:hover .pic img{transform:scale(1.1);}
.adv-list .item:hover h3{color:#00a1e9;background:#fff;}
.adv-list .item:hover p{color:#fff;}
/*--end adv--*/

/*--aboutus--*/
.aboutus{padding:70px 0;overflow:hidden;background:#fff;}
.aboutus .intro{height:478px;overflow:hidden;background:#f3f3f3;border-radius:5px 0 0 5px;}
.aboutus .intro .text{float:left;padding:40px 50px;width:606px;height:476px;overflow:hidden;box-sizing:border-box;}
.aboutus .intro .text h2{font-weight:normal;font-size:34px;color:#333;}
.aboutus .intro .text h2 a{color:#333;}
.aboutus .intro .text h2 a:hover{color:#00a1e9;text-decoration:none;}
.aboutus .intro .text h2:after{display:block;margin:30px 0;width:55px;height:4px;content:"";background:#c6c6c6;}
.aboutus .intro .text .summary{line-height:32px;font-size:16px;color:#666;overflow:hidden;}
.aboutus .intro .video{float:right;width:794px;height:496px;overflow:hidden;}
.aboutus .intro .video img,.aboutus .intro .video video,.aboutus .intro .video iframe{display:block;width:794px;height:476px;}
.photos-list{margin-top:24px;width:1420px;height:416px;overflow:hidden;}
.photos-list .item{position:relative;float:left;margin-top:20px;margin-right:20px;width:453px;overflow:hidden;border-radius:5px;}
.photos-list .pic{overflow:hidden;}
.photos-list .pic img{display:block;width:100%;transition:all 0.5s;}
.photos-list .tit{padding:30px 16px;width:100%;bottom:0;overflow:hidden;transition:all 0.5s;box-sizing:border-box;transition:all 0.5s;background:#f3f3f3;} 
.photos-list .tit h3{height:30px;line-height:30px;font-size:20px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photos-list .tit h3 a{color:#333;}
.photos-list .tit h3 a:hover{text-decoration:none;}
.photos-list .text{display:none\9;position:absolute;z-index:33;top:0;left:0;padding:20px;width:100%;height:306px;background:rgba(0,0,0,0.8);opacity:0;transition:all 0.5s;box-sizing:border-box;}
.photos-list .text h3{height:30px;line-height:30px;font-size:20px;color:#fff;font-weight:normal;overflow:hidden;}
.photos-list .text h3 a{color:#fff;}
.photos-list .text h3 a:hover{text-decoration:none;}
.photos-list .text p{margin-top:10px;height:210px;font-size:15px;line-height:30px;color:#fff;overflow:hidden;}
.photos-list .item:hover .pic img{transform:scale(1.1);}
.photos-list .item:hover .text{display:block\9;opacity:1;}
/*--end aboutus--*/

/*--partner--*/
.partner{overflow:hidden;background:url(Img/Index/partner_bg01.jpg) no-repeat center 0,url(Img/Index/partner_bg02.jpg) no-repeat center 250px,url(Img/Index/partner_bg03.jpg) no-repeat center 500px;}
.partner .wrapper{position:relative;padding:60px 0;height:699px;overflow:hidden;box-sizing:border-box;}
.partner .wrapper:after{display:block;position:absolute;z-index:1;left:0;top:158px;bottom:0;width:218px;content:"";background:rgba(0,0,0,0.8);}
.partner-menu{position:relative;z-index:2;float:left;margin-top:50px;width:218px;overflow:hidden;}
.partner-menu li{height:62px;line-height:62px;font-size:20px;text-align:center;border-bottom:rgba(255,255,255,0.1) solid 1px;}
.partner-menu li:last-child{border-bottom:none;}
.partner-menu li a{display:block;color:#fff;}
.partner-menu li a:hover{text-decoration:none;background:#44b7eb;}
.partner-list{float:right;margin-top:50px;width:1182px;overflow:hidden;}
.partner-list li{float:left;margin-left:8px;margin-bottom:10px;width:228px;height:144px;overflow:hidden;background:#fff;}
.partner-list li img{display:block;width:100%;}
.partner-list li:hover img{opacity:0.8;}
/*--end partner--*/

/*--indexMsg--*/
.indexMsg{padding-top:60px;height:404px;overflow:hidden;background:url(Img/Index/indexMsg_bg.jpg) no-repeat center 0;}
.indexMsg .group{height:310px;overflow:hidden;}
.indexMsg .group .tit{padding-bottom:10px;line-height:32px;font-weight:bold;font-size:24px;color:#010101;border-bottom:#b0bdca solid 1px;}
.indexMsg .group-1,.indexMsg .group-2{float:left;margin-right:200px;width:310px;}
.indexMsg .group-1 .msgMarque{margin-top:18px;height:245px;overflow:hidden;}
.indexMsg .group-1 .msgMarque li{height:35px;line-height:35px;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indexMsg .group-1 .msgMarque li:before{display:inline-block;margin-right:8px;content:">";}
.indexMsg .group-2 .info{padding-top:12px;overflow:hidden;}
.indexMsg .group-2 .info h4{height:25px;line-height:25px;font-size:18px;font-weight:100;color:#666;}
.indexMsg .group-2 .info dl{margin-top:15px;overflow:hidden;}
.indexMsg .group-2 .info dt{height:22px;line-height:22px;font-size:16px;color:#666;}
.indexMsg .group-2 .info dd{padding-top:5px;font-family:"DIN-Bold";font-size:26px;color:#00a1e9;}
.indexMsg .group-2 .info .num{margin-top:10px;height:30px;line-height:30px;font-size:18px;color:#333;}
.indexMsg .group-2 .info .num em{font-weight:bold;font-size:18px;color:#00a1e9;}
.indexMsg .group-2 .yyMarque{margin-top:14px;height:96px;overflow:hidden;}
.indexMsg .group-2 .yyMarque li{height:24px;line-height:24px;font-size:14px;color:#666;overflow:hidden;}
.indexMsg .group-2 .yyMarque li span{display:block;}
.indexMsg .group-2 .yyMarque li .time{float:right;}
.indexMsg .group-2 .yyMarque li .name{float:left;margin-right:10px;width:80px;}
.indexMsg .group-2 .yyMarque li .phone{float:left;width:100px;}
.indexMsg .group-3{float:right;width:370px;}
.indexMsg .group-3 .form{margin-top:18px;overflow:hidden;}
.indexMsg .group-3 .form li{margin-bottom:12px;overflow:hidden;}
.indexMsg .group-3 .form li input{display:block;padding:12px;width:100%;height:44px;font-size:13px;outline:none;border:none;box-sizing:border-box;}
.indexMsg .group-3 .form li input.userName{background:#fff url(Img/Index/userName.png) no-repeat 96% 10px;}
.indexMsg .group-3 .form li input.userPhone{background:#fff url(Img/Index/userPhone.png) no-repeat 96% 10px;}
.indexMsg .group-3 .form li textarea{display:block;padding:12px;width:100%;height:74px;font-size:13px;outline:none;border:none;resize:none;box-sizing:border-box;}
.indexMsg .group-3 .form li textarea.userTxt{background:#fff url(Img/Index/userTxt.png) no-repeat 96% 10px;}
.indexMsg .group-3 .form li a{display:block;height:46px;line-height:46px;font-size:16px;color:#fff;text-align:center;background:#00a1e9;}
.indexMsg .group-3 .form li a:hover{text-decoration:none;background:#094763;}
/*--end indexMsg--*/

/*--news--*/
.news{padding:70px 0;overflow:hidden;background:#fff;}
.news-tab{margin-top:36px;overflow:hidden;}
.news-menu{margin-bottom:48px;text-align:center;overflow:hidden;}
.news-menu li{display:inline-block;margin:0 20px;}
.news-menu li a{display:block;width:128px;height:52px;line-height:52px;font-size:18px;color:#666;border:#ccc solid 1px;}
.news-menu li.cur a,.news-menu li a:hover{color:#fff;text-decoration:none;background:#00a1e9;border-color:#00a1e9;}
.news-main{overflow:hidden;}
.news-list{width:1450px;}
.news-list .item{float:left;margin-right:50px;width:430px;overflow:hidden;}
.news-list .pic{position:relative;height:322px;overflow:hidden;}
.news-list .pic img{display:block;width:100%;transition:all 0.5s;}
.news-list .pic em{display:block;position:absolute;left:0;bottom:0;width:124px;height:50px;line-height:50px;text-align:center;font-size:18px;color:#fff;background:rgba(0,0,0,0.5);}
.news-list .text{padding-top:30px;overflow:hidden;}
.news-list .text h3{height:40px;line-height:40px;font-weight:normal;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .text h3 a{color:#222;}
.news-list .text p{margin-top:18px;height:75px;line-height:25px;font-size:14px;color:#666;overflow:hidden;}
.news-list .text .read{display:block;margin-top:26px;width:102px;height:36px;line-height:36px;font-size:14px;color:#666;text-align:center;border:#ccc solid 1px;}
.news-list .text .read:after{display:inline-block;margin-left:10px;width:11px;height:9px;content:"";background:url(Img/Index/read.png) no-repeat;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text h3 a{text-decoration:none;}
.news-list .item:hover .text .read{color:#fff;text-decoration:none;background:#00a1e9;border-color:#00a1e9;}
.news-list .item:hover .text .read:after{filter:contrast(0) brightness(2);}
/*--end news--*/