/* 
    author:PengJin;
    date:2019-1-9;
*/
/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;height:550px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom:40px;width:100%;height:2px;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:10px;height:10px;text-indent:-9999px;cursor:pointer;background:#fff;border-radius:50%;}
.banner .hd li.cur{background:#3e4d8e;}
.banner .bd,.banner .bd ul{height:550px;}
.banner .bd li{position:relative;width:100%;height:550px; background:no-repeat 50% 50%}
.banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:550px;}
.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(../images/Index/banner_prev.png) no-repeat;}
.banner .next{right:2%;background:url(../images/Index/banner_next.png) no-repeat;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
/* --end banner-- */

/* --模块标题-- */
.wrap-title{padding-bottom:20px;text-align:center;line-height:1.4;overflow:hidden;animation:bounceinT 1s ease-out backwards;}
.wrap-title span{font-size:24px;color:#333;}
.wrap-title h3{font-size:36px;font-weight:normal;color:#333;}
.wrap-title h3 a{color:#333;}
.wrap-title h3 b{background-image: -webkit-gradient(linear, 0 0, right 0, from(#e31f18), to(#3e4d8e));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.wrap-title p{font-size:16px;color:#999;}
.wrap-title i{display:block;margin:20px auto;width:100px;height:1px;background:url(../images/Index/title_line.png) no-repeat;}
.wrap-title.white *{color:#fff;}
.wrap-title.white i{background:#fff;}
/* --end 模块标题-- */

/*按钮动画*/
.btn-wave{position: relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow:hidden;}
.btn-wave:before{content: '';display: block;width: 120%;height: 0;padding: 60% 0;background-color: #2828a6;border-radius: 50%;position: absolute;left: -10%;top: 50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);z-index: -1;}
.btn-wave:hover:before{-webkit-animation: btnWave 2s ease;animation: btnWave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
@keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
/*end 按钮动画*/

.product{position:relative;padding-bottom:60px;background:#f1f1f1;}
.product .leftCon{float:left;width:290px;}
.product .leftCon .hd{position:relative;z-index:333;margin-top:-62px;padding:0 44px;height:152px;overflow:hidden;background:#3e4d8e url(../images/Index/product_menu_icon.png) no-repeat 218px 41%;}
.product .leftCon .hd h3{margin-top:46px;height:40px;line-height:40px;font-size:24px;font-weight:normal;}
.product .leftCon .hd h3 a{color:#fff;}
.product .leftCon .hd p{font-size:12px;color:#ccc;font-family:Arial;}
.product-menu{border:#dedede solid 1px;border-top:none;background:#fff;}
.product-menu dt{padding-left:44px;height:58px;line-height:58px;font-size:18px;font-weight:bold;border-top:#f1f1f1 solid 1px;border-bottom:#f1f1f1 solid 1px;}
.product-menu dt a{display:block;padding-left:34px;color:#333;}
.product-menu dt.dt01 a{background:url(../images/Index/pro_menu_dt01.png) no-repeat 0 center;}
.product-menu dt.dt02 a{background:url(../images/Index/pro_menu_dt02.png) no-repeat 0 center;}
.product-menu dt.dt01 a:hover{color:#3e4d8e;background-image:url(../images/Index/pro_menu_dt01_cur.png)}
.product-menu dt.dt02 a:hover{color:#3e4d8e;background-image:url(../images/Index/pro_menu_dt02_cur.png)}
.product-menu dd{position:relative;z-index:3333;padding:14px 0 14px 46px;overflow:hidden;}
.product-menu dd a{display:block;padding-left:26px;height:50px;line-height:50px;font-size:14px;color:#999;background:url(../images/Index/pro_menu_dd.png) no-repeat 0 center;}
.product-menu dd a:hover{color:#3e4d8e;background-image:url(../images/Index/pro_menu_dd_cur.png);}
.product .rightCon{float:right;width:898px;}
.search{margin:25px 0;overflow:hidden;}
.keyword{float:left;padding-left:15px;height:42px;line-height:42px;color:#444;overflow:hidden;}
.keyword span,.keyword a{display:inline-block;font-size:14px;}
.keyword a{margin-left:10px;color:#444;}
.keyword a:after{content:",";}
.keyword a:last-child:after{display:none;}
.keyword a:hover{color:#3e4d8e;}
.search-form{float:right;width:305px;height:42px;background:#fff;overflow:hidden;}
.search-form input{display:block;float:left;padding:0 15px;width:220px;height:42px;line-height:42px;font-size:14px;outline:none;border:none;}
.search-form button{display:block;float:right;width:50px;height:42px;cursor:pointer;border:none;background:url(../images/Index/search_btn.png) no-repeat center;}
.product-hot{position:relative;height:290px;background:#fff;}
.product-hot .tag{position:absolute;top:-2px;right:-2px;width:117px;height:117px;background:url(../images/Index/hot.png) no-repeat;}
.product-hot .pic{float:left;width:290px;height:290px;overflow:hidden;border-right:#ddd dashed 1px;}
.product-hot .pic img{display:block;width:290px;height:290px;transition:all 1s;}
.product-hot .pic a:hover img{transform:scale(1.1);}
.product-hot .text{float:left;padding-left:35px;width:520px;}
.product-hot h3{margin-top:25px;height:40px;line-height:40px;font-size:24px;font-weight:normal;overflow:hidden;}
.product-hot h3 a{color:#333;}
.product-hot h3 a:hover{color:#3e4d8e;}
.product-hot .summary{margin-top:8px;height:48px;line-height:24px;font-size:14px;color:#666;overflow:hidden;}
.product-hot .purpose{margin-top:15px;}
.product-hot .purpose span{display:block;height:28px;line-height:28px;font-size:18px;color:#666;}
.product-hot .purpose ul{margin-top:8px;width:500px;overflow:hidden;}
.product-hot .purpose li{float:left;width:50%;font-size:14px;color:#666;}
.product-hot .purpose li:before{display:inline-block;content:"";position:relative;top:-2px;margin-right:10px;width:5px;height:5px;border-radius:50%;background:#e31f18;}
.product-hot .btnBox{margin-top:16px;overflow:hidden;}
.product-hot .btnBox a{display:block;float:left;width:166px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;background:#fff;}
.product-hot .btnBox a.btn01{background:#e31f18;}
.product-hot .btnBox a.btn02{background:#3e4d8e;}
.product-hot .btnBox a:hover{box-shadow:0 0 10px #333 inset;}
.product-list{width:912px;overflow:hidden;}
.product-list .item{position:relative;z-index:3333;float:left;margin-top:14px;margin-right:14px;width:290px;overflow:hidden;background:#fff;}
.product-list .item .pic{height:290px;overflow:hidden;border-bottom:#ddd dashed 1px;}
.product-list .item .pic img{display:block;width:290px;height:290px;transition:all 1s;}
.product-list .item .text{padding:25px 20px;text-align:center;overflow:hidden;}
.product-list .item .text h3{height:28px;line-height:28px;font-weight:normal;font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-list .item .text h3 a{color:#333}
.product-list .item .text p{height:50px;line-height:25px;font-size:14px;color:#999;overflow:hidden;}
.product-list .item:hover .pic img{transform:scale(1.1);}
.product-list .item:hover h3 a{color:#3e4d8e}
.pro-ad{position:absolute;z-index:333;left:50%;bottom:-94px;margin-left:-960px;width:1920px;height:300px;}
.pro-ad img{display:block;margin-left:120px;}

.problem{padding-top:50px;overflow:hidden;background:#fff;}
.problem-list{margin:0 auto 50px;width:1200px;overflow:hidden;}
.problem-list .item{float:left;padding-right:1px;width:239px;background:url(../images/Index/problem_line.png) no-repeat right 26px;}
.problem-list .item img{display:block;width:239px;height:216px;}
.problem-list .item p{text-align:center;font-size:16px;color:#333;line-height:25px;height:50px;overflow:hidden;}
.problem-list .item:nth-child(1){animation:fadeinR 0.5s ease-out backwards;}
.problem-list .item:nth-child(2){animation:fadeinR 1s ease-out backwards;}
.problem-list .item:nth-child(3){animation:fadeinR 1.5s ease-out backwards;}
.problem-list .item:nth-child(4){animation:fadeinR 2s ease-out backwards;}
.problem-list .item:nth-child(5){animation:fadeinR 2.5s ease-out backwards;}
.problem-list .item:last-child{background:none}
.problem-ad{padding:27px 0;height:45px;overflow:hidden;border-top:#eee solid 1px;}
.problem-ad a{display:block;float:right;width:130px;height:45px;line-height:45px;font-size:16px;text-align:center;color:#fff;background-color:#db211e;background-image:linear-gradient(to right, #e31f18, #3e4d8e);}
.problem-ad .text{font-size:24px;color:#333;}
.problem-ad .text span{font-size:36px;color:#3e4d8e;}

.step{padding:50px 0;height:685px;background:url(../images/Index/step_bg.jpg) no-repeat center 0;}
.step-tab{margin-top:40px;height:498px;background:#fff;}
.step-tab .tab-menu{position:relative;top:-38px;text-align:center;overflow:hidden;}
.step-tab .tab-menu li{display:inline-block;margin:0 20px;width:70px;height:70px;line-height:70px;font-size:24px;color:#fff;border:#fff solid 5px;cursor:pointer;background:#3e4d8e;border-radius:50%;}
.step-tab .tab-menu li.cur{color:#3e4d8e;border-color:#3e4d8e;background:#fff;}
.step-tab .tabCon{padding:0 78px;overflow:hidden;background:url(../images/Index/vs.png) no-repeat center 68px;}
.step-tab .item{width:446px;}
.step-tab .item .pic{position:relative;width:446px;height:266px;}
.step-tab .item .pic img{display:block;width:446px;height:266px;}
.step-tab .item .pic span{display:block;position:absolute;top:25px;width:150px;height:49px;line-height:45px;text-align:center;color:#fff;font-size:24px;}
.step-tab .item .text{text-align:center;padding:15px;overflow:hidden;}
.step-tab .item .text span{display:block;font-size:24px;color:#333;}
.step-tab .item .text p{margin-top:6px;height:48px;line-height:24px;font-size:16px;color:#666;overflow:hidden;}
.step-tab .fl .pic span{left:-5px;background:url(../images/Index/step_tag01.png) no-repeat;}
.step-tab .fr .pic span{right:-5px;background:url(../images/Index/step_tag02.png) no-repeat;}
.step-tab .fl .text span{color:#3e4d8e;}

.video{padding:50px 0;overflow:hidden;background:#f1f1f1;}
.video-list{width:1240px;overflow:hidden;}
.video-list .item{float:left;margin-right:38px;width:375px;background:#fff;}
.video-list .item .pic{position:relative;width:375px;height:234px;overflow:hidden;}
.video-list .item .pic img{display:block;width:375px;height:234px;transition:all 1s;}
.video-list .item .playerBtn{display:block;cursor: pointer;} 
.video-list .item:hover .pic img{transform:scale(1.1);}
.video-list .item .text{padding:30px;text-align:center;overflow:hidden;}
.video-list .item .text span{display:block;height:28px;line-height:28px;font-size:16px;color:#333;overflow:hidden;}
.video-list .item .text p{height:22px;line-height:22px;font-size:14px;color:#999;overflow:hidden;}
.video-list .item:hover .text  span{color:#3e4d8e;}
.video-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#000\9;background:rgba(0,0,0,0.8);}
.video-inner{position:fixed;top:50%;left:50%;margin-top:-300px;margin-left:-512px;width:1024px;height:600px;background:#000;}
.video-inner iframe{display:block;width:1024px;height:600px;}
.video-close{position:absolute;left:100%;top:0;padding:10px;width:32px;height:32px;cursor:pointer;background:#fff url(../images/Common/closeBtn.png) no-repeat center;}

.customize{position:relative;padding:50px 0;height:677px;overflow:hidden;background:url(../images/Index/customize_bg.jpg) no-repeat center bottom;}
.customize-list{position:relative;height:422px;overflow:hidden;background-repeat:no-repeat;background-position:center;}
.customize-list .item{position:absolute;text-align:center;padding:20px 35px;width:280px;cursor:pointer;}
.customize-list .item .num{margin:0 auto;width:45px;height:45px;line-height:45px;text-align:center;font-size:16px;font-family:"DIN Medium";background:url(../images/Index/customize_num.png) no-repeat;}
.customize-list .item .num em{display:block;color:#e31f18;background-image: -webkit-gradient(linear, 0 0, right 0, from(#e31f18), to(#3e4d8e));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.customize-list .item.cur .num{background-image:url(../images/Index/customize_num_cur.png);}
.customize-list .item.cur .num em{color:#fff;background-image: -webkit-gradient(linear, 0 0, right 0, from(#fff), to(#fff));}
.customize-list .item strong{display:block;margin:15px 0;font-size:24px;color:#333;font-weight:bold;}
.customize-list .item p{height:48px;line-height:24px;font-size:14px;color:#666;overflow:hidden;}
.customize-list .item01{left:0;top:35px;}
.customize-list .item02{right:0;top:35px;}
.customize-list .item03{left:0;bottom:0;}
.customize-list .item04{right:0;bottom:0;}
.customize .zx{position:absolute;left:0;bottom:29px;width:100%;height:45px;line-height:45px;text-align:center;}
.customize .zx span{display:inline-block;margin:0 40px;font-size:24px;color:#333;}
.customize .zx a{display:inline-block;margin:0 40px;width:130px;height:45px;line-height:45px;font-size:16px;color:#fff;background-color:#e21f18;background-image: -webkit-gradient(linear, 0 0, right 0, from(#e31f18), to(#3e4d8e));}

.case{padding:50px 0;overflow:hidden;background:#f1f1f1;}
.case-slide{position:relative;overflow:hidden;}
.case-list .item{float:left;margin-right:40px;width:375px;background:#fff;}
.case-list .pic{width:375px;height:375px;overflow:hidden;}
.case-list .pic img{display:block;width:375px;height:375px;transition:all 1s;}
.case-list .item .text{padding:30px;text-align:center;overflow:hidden;}
.case-list .item .text span{display:block;height:28px;line-height:28px;font-size:16px;color:#333;overflow:hidden;}
.case-list .item .text span a{color:#333;}
.case-list .item .text p{height:22px;line-height:22px;font-size:14px;color:#999;overflow:hidden;}
.case-list .item:hover .pic img{transform:scale(1.1);}
.case-list .item:hover .text span a{color:#3e4d8e;}
.case .more{margin-top:30px;text-align:center;overflow:hidden;}
.case .more a{display:block;margin:0 auto;width:200px;height:60px;line-height:60px;text-align:center;font-size:18px;color:#fff;background-color:#e21f18;background-image: -webkit-gradient(linear, 0 0, right 0, from(#e31f18), to(#3e4d8e));}

.youshi{padding-top:50px;overflow:hidden;background:#fff;}
.youshi .leftCon{float:left;width:50%;}
.youshi .rightCon{float:right;width:50%;}
.yfsl-slide{position:relative;}
.yfsl-slide li img{display:block;width:100%;}
.yfsl-slide .arrow{position:absolute;right:0;bottom:0;width:121px;height:60px;overflow:hidden;}
.yfsl-slide .arrow .prev,.yfsl-slide .arrow .next{width:60px;height:60px;cursor:pointer;}
.yfsl-slide .arrow .prev{float:left;background:url(../images/Index/prev.png) no-repeat;}
.yfsl-slide .arrow .next{float:right;background:url(../images/Index/next.png) no-repeat;}
.yfsl-text,.pzgk-text{padding:25px 0;color:#fff;overflow:hidden;}
.yfsl-text{background:#e31f18;}
.pzgk-text{background:#3e4d8e;}
.yfsl-text dt,.pzgk-text dt{float:left;width:20%;font-size:30px;line-height:1.2;text-align:center;}
.yfsl-text dt{border-right:#a31a15 solid 1px;}
.pzgk-text dt{border-right:#303a67 solid 1px;}
.yfsl-text dd,.pzgk-text dd{padding:4px 40px;font-size:16px;line-height:2;overflow:hidden;}
.pzgk-list{overflow:hidden;}
.pzgk-list li{position:relative;float:left;width:50%;}
.pzgk-list li img{display:block;width:100%;}
.pzgk-list li p{position:absolute;left:0;bottom:0;width:100%;height:45px;line-height:45px;font-size:16px;color:#fff;text-align:center;background:rgba(0,0,0,0.6);}

.price{padding:50px 0;overflow:hidden;background:#fff;}
.price-list{width:1240px;overflow:hidden;}
.price-list .item{float:left;margin-right:38px;padding:40px;width:295px;height:295px;text-align:center;background:url(../images/Index/price_bg.jpg) no-repeat;}
.price-list .item i{display:block;margin:25px auto 0;width:70px;height:70px;}
.price-list .item span{display:block;height:50px;line-height:50px;font-size:24px;color:#333;text-align:center;}
.price-list .item p{font-size:16px;color:#999;line-height:30px;height:90px;overflow:hidden;}
.price-list .item em{font-size:30px;color:#666;font-family:"DIN Medium";}
.price .zxBox{margin-top:40px;text-align:center;overflow:hidden;}
.price .zxBox a{display:block;margin:0 auto;width:200px;height:60px;line-height:60px;text-align:center;font-size:18px;color:#fff;background-color:#e21f18;background-image: -webkit-gradient(linear, 0 0, right 0, from(#e31f18), to(#3e4d8e));}

.aboutus{padding:50px 0;height:1080px;overflow:hidden;background:url(../images/Index/aboutus_bg.jpg) no-repeat center 0;}
.abt-inner{overflow:hidden;}
.abt-inner .pic{float:left;width:600px;height:350px;overflow:hidden;}
.abt-inner .pic img{display:block;width:600px;height:350px;transition:all 1s;}
.abt-inner .pic a:hover img{transform:scale(1.1);} 
.abt-inner .text{float:right;width:565px;height:350px;color:#fff;overflow:hidden;}
.abt-inner .text h3{margin-top:32px;height:32px;line-height:32px;font-size:24px;font-weight:normal;overflow:hidden;}
.abt-inner .text h3 a{color:#fff;}
.abt-inner .text h3 a:hover{color:#e31f18;}
.abt-inner .text em{font-size:14px;color:#ddd;font-family:Arial;}
.abt-inner .text p{margin:32px 0;font-size:16px;line-height:30px;height:120px;overflow:hidden;}
.abt-inner .text p a{color:#fff;}
.abt-inner .text .read{display:block;width:67px;height:36px;border:#fff solid 1px;background:url(../images/Index/read.png) no-repeat center;}
.abt-inner .text .read:hover{border-color:#e31f18;background-color:#e31f18;}
.honor{margin-top:60px;width:1200px;height:537px;background:#fff;overflow:hidden;}
.honor h3{margin:45px 0 25px;height:45px;line-height:45px;font-size:30px;text-align:center;font-weight:normal;}
.honor h3 a{color:#333;}
.honor h3 a:hover{color:#3e4d8e;}
.honor-slide{position:relative;margin:0 auto;width:1092px;height:384px;overflow:hidden;}
.honor-slide .bd li{float:left;width:272px;border-bottom:#eee solid 1px;overflow:hidden;background:#f1f1f1;border-right:#fff solid 1px;}
.honor-slide .bd li img{display:block;margin:31px auto;width:155px;height:209px;transition:all 1s;}
.honor-slide .bd li p{height:58px;line-height:58px;text-align:center;font-size:18px;color:#333;background:#fff;}
.honor-slide .bd li:hover{border-bottom-color:#3e4d8e;}
.honor-slide .bd li:hover img{opacity:0.8;}
.honor-slide .hd{position:absolute;left:50%;bottom:0;margin-left:-72px;padding:0 15px;width:114px;height:15px;}
.honor-slide .prev,.honor-slide .next{position:absolute;top:0;width:7px;height:15px;cursor:pointer;}
.honor-slide .prev{left:0;background:url(../images/Index/prev02.png) no-repeat;}
.honor-slide .next{right:0;background:url(../images/Index/next02.png) no-repeat;}
.honor-slide .hd ul{text-align:center;}
.honor-slide .hd li{display:inline-block;*display:line;*zoom:1;margin:0 5px;width:11px;height:11px;text-indent:-9999px;border:#3e4d8e solid 2px;border-radius:50%;}
.honor-slide .hd li.cur{background:#3e4d8e;}

.news{padding:50px 0;overflow:hidden;background:#f1f1f1;}
.news-tab{position:relative;}
.news-tab .tab-menu{margin-bottom:40px;text-align:center;overflow:hidden;}
.news-tab .tab-menu li{display:inline-block;margin:0 4px;width:160px;height:48px;line-height:48px;text-align:center;border:#ddd solid 1px;}
.news-tab .tab-menu li.cur{background:#3e4d8e;border-color:#3e4d8e;}
.news-tab .tab-menu li a{display:block;font-size:16px;color:#333;}
.news-tab .tab-menu li.cur a{color:#fff;}
.news-hot{float:left;margin-top:8px;width:375px;background:#fff;overflow:hidden;}
.news-hot .pic{width:375px;height:233px;overflow:hidden;}
.news-hot .pic img{display:block;width:375px;height:233px;}
.news-hot .text{padding:30px;height:198px;overflow:hidden;}
.news-hot .text h3{height:30px;line-height:30px;font-size:18px;font-weight:normal;overflow:hidden;}
.news-hot .text h3 a{color:#333;}
.news-hot .text em{display:block;height:20px;line-height:20px;font-size:12px;font-family:Arial;color:#999;}
.news-hot .text p{margin-top:6px;margin-bottom:20px;height:100px;line-height:25px;font-size:14px;color:#666;overflow:hidden;}
.news-hot .text .read{font-family:Arial;font-size:14px;color:#666;}
.news-hot:hover h3 a,.news-hot:hover .read{color:#3e4d8e;}
.news-list{float:right;width:798px;overflow:hidden;}
.news-list .item{padding:8px 10px;height:110px;transition:all 1s;}
.news-list .item:hover{box-shadow:0 0 10px #ddd inset;background:#fff;border-radius:5px;}
.news-list .item:hover h3 a{color:#3e4d8e;}
.news-list .date{float:left;width:108px;height:108px;border:#ddd solid 1px;text-align:center;font-family:Arial;color:#666;}
.news-list .date span{display:block;height:62px;line-height:62px;font-size:36px;border-bottom:#ddd solid 1px;}
.news-list .date em{display:block;height:45px;line-height:45px;font-size:16px;}
.news-list .text{float:right;width:640px;height:110px;}
.news-list .text h3{margin-top:10px;height:40px;line-height:40px;font-size:24px;font-weight:normal;color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list .text h3 a{color:#333;}
.news-list .text p{height:50px;line-height:25px;font-size:16px;color:#666;}