.header_top_border{border-top: 2px solid #006FC9;position: absolute;left: 0;top: 0;z-index: 9;transition: all .3s;}
img.icon{position: absolute; left: 18%; top: 547px;cursor: pointer;}
a.fix_btn{position: fixed;right: 20px;bottom: 40px;z-index: 999;display: none;}
/* index.html */
.box{overflow-x: hidden;}
.index{background-color: #f5f5f5;}
span.border{display: block;width: 34px;height: 1px;background: #FFF;}
.title{text-align: center;color: #4c4c4c;margin-top: 89px;}
.title h4{font-size: 42px;}
.title p{letter-spacing: 5px;position: relative;margin: 25px 0 50px;}
.title p:before{content: ' ';position: absolute;left: 35%;top: 50%;width: 85px;height: 1px;background: #d2d2d2;}
.title p:after{content: ' ';position: absolute;right: 35%;top: 50%;width: 85px;height: 1px;background: #d2d2d2;}
/* header */
.box .header{position: relative;}
.box .header .banner img{width: 100%;}
.box  img.logo{position: fixed;left: 29.8px;top: 0;z-index: 999;cursor: pointer;}
.box .header img.txt{position: absolute;left: 18%;top: 318px;}
.box .header div.txt{background-color: rgb(24, 124, 206);background-color: rgba(24, 124, 206, .8);width: 700px;height: 250px;position: absolute;right: 0;bottom: 0;line-height: 24px;color: #FFF;padding-left: 81px;}
.box .header div.txt h5{font-size: 30px;margin-top: 38px;}
.box .header div.txt p{font-size: 14px;}
.box .header div.txt span.border{margin: 16px 0;}
.box .header div.txt a{font-size: 12px;margin-top: 30px;display: block;color: #FFF;}

.zhfw{max-width:1450px;width: 100%;margin: 190px auto 0;}
.zhfw .video{position: relative;width: 40%;margin-left: 20px;}
.zhfw .video>img{width: 100%;}
.zhfw .video p{position: absolute;left: 0;top: 0;font-size: 25px;color: #FFF;padding: 66px 56px;background-color: rgba(24, 124, 206, .8);color: #FFF;position: absolute;top: -96px;line-height: 40px;}
.zhfw .right_main{margin-left: 80px;border-left: 1px solid #c1c1c1;height: 440px;}
.zhfw .right_main ul li{position: relative;}
.zhfw .right_main ul li h5{font-size: 14px;line-height: 60px;color: #494949;background-image: url(../img/icon02.png); background-position: left center; background-repeat: no-repeat;margin-left: -9px;text-indent: 2em;display: inline-block;cursor: pointer;}
.zhfw .right_main ul li .txt{width: 650px;background-color: rgb(24, 124, 206);background-color: rgba(24, 124, 206, .8);padding: 5px 70px 5px 70px;color: #FFF;margin-left: -44px;display: none;height: 154px;}
.zhfw .right_main ul li .txt .border-right{display: block;width: 2px;height: 94px;background: #FFF;position: absolute;left: 190px;}
.zhfw .right_main ul li p.fr{width: 474px;font-size: 14px;}
.zhfw .right_main ul li p.fl{font-size: 14px;}
.zhfw .right_main ul li.active h5{background-image: url(../img/icon02-active.png);}
.zhfw .right_main ul li.active .txt{display: block;line-height: 24px;}
.zhfw .right_main ul li.active h5{font-size: 24px;}

.jpal .title{}
.jpal .main{position: relative;}
.jpal .main .Indeximgs{position: relative;height: 751px;}
.jpal .main .Indeximgs img{width: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: all 2s;height: 751px;}
.jpal .main .Indeximgs img.active{opacity: 1;}
.jpal .main ul{width: 50%;height: 677px;position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, .3);padding-top: 74px;}
.jpal .main ul li{width: 1224px;color: #FFF;font-size: 14px;height: 150px;position: relative;}
.jpal .main ul li p{padding: 52.5px 0 52.5px 380px;width: 677px;height: 60px;position: relative;z-index: 2;color: #FFF;}
.jpal .main ul li p span{display: block;padding-left: 126px;height: 100%;line-height: 60px;transition: all .3s;}
.jpal .main ul li p span:nth-of-type(1){opacity: 1;}
.jpal .main ul li p span:nth-of-type(2){opacity: 0;}
.jpal .main ul li .background{position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-color: rgb(24, 124, 206);background-color: rgba(24, 124, 206, .7);background-image: url(../img/icon07.png);background-repeat: no-repeat;background-position: 97% center;transition: all .3s;-weikit-transition: all 1s;}
.jpal .main ul li.active .background{left: 0;}
.jpal .main ul li.active p span:nth-of-type(2){opacity: 1;}
.jpal .tabbox{max-width: 1420px;width: 100%;margin: 150px auto 0;}
.jpal .tabbox .tab{border-bottom: 1px solid #c8c8c8;width: 618px;margin-right: 60px;margin-left: 20px;}
.jpal .tabbox .tab ul li{border-bottom: 1px solid #c8c8c8;font-size: 0;}
.jpal .tabbox .tab ul li a{display: inline-block;font-size: 30px;line-height: 24px;margin: 0 30px;color: #5d5d5d;padding: 0 0 40px;}
.jpal .tabbox .tab ul li a.active{border-bottom: 2px solid #0079dd;}
.jpal .tabbox .tab .txt{height: 310px;position: relative;display: none;padding: 20px 20px 0;}
.jpal .tabbox .tab .txt p{line-height: 24px;font-size: 15px;margin-bottom: 17px;color: #5d5d5d;}
.jpal .tabbox .tab .txt span{font-size: 15px;}
.jpal .Img{position: relative;width: 50%;}
.jpal .Img>img{width: 100%;}
.jpal .Img p{position: absolute;right: 0;top: 0;font-size: 25px;color: #FFF;padding: 66px 56px;background: rgb(24, 124, 206);background: rgba(24, 124, 206, .8);color: #FFF;position: absolute;top: -96px;line-height: 40px;}

.news .title{}
.news .main{}
.news .main ul{font-size:0 ;width: 100%;margin: 0 auto;text-align: center;}
.news .main ul li{display: inline-block;height: 360px;padding: 0 28px;border: 1px solid #EEE;width: 407px;transition: all 1s;-webkit-transition: all .3s;text-align: left;}
.news .main ul li>a{display: block;height: 300px;padding-top: 60px;}
.news .main ul li .date{text-align: center;width: 90px;}
.news .main ul li .date h5{font-size: 80px;color: #5d5d5d;}
.news .main ul li .date p{color: #5d5d5d;margin-bottom: 10px;font-size: 14px;}
.news .main ul li .date span{display: block;height: 55px;width: 2px;background: #FFF;margin: 0 auto;}
.news .main ul li .txt{margin-left: 15px;width: 300px;}
.news .main ul li .txt h4{font-size: 15px;line-height: 24px;margin-top: 20px;color: #5d5d5d;}
.news .main ul li .txt p{width: 285px;font-size: 14px;line-height: 25px;color: #666;}
.news .main ul li .txt span{color: #a0a0a0;margin: 20px 0;display: block;font-size: 12px;}
.news .main ul li .txt a{display: block;width: 95px;height: 35px;text-align: center;line-height: 35px;color: #a0a0a0;font-size: 12px;border: 1px solid #a0a0a0;border-radius: 3px;margin-top: 40px;}
.news .main ul li.active{background: #3488ea;}
.news .main ul li.active p, .news .main ul li.active .fl h5, .news .main ul li.active .fl span,  .news .main ul li.active .fl h4{color: #FFF;}
.news .main ul li.active .txt a{color: #FFF;border-color: #FFF;}
.news .content{color: #4c4c4c;line-height: 18px;}
.news .content ul{font-size: 0;width: 1250px;margin: 0 auto;}
.news .content ul li{padding: 132px 0;display: inline-block;}
.news .content ul li h5{font-size: 18px;color: #222;}
.news .content ul li span{font-size: 16px;margin: 5px 0 0;display: block;}
.news .content ul li p{font-size: 22px;margin: 25px 0 35px;}
.news .content ul li span.border-bottom{width: 42px;height: 2px;background: #4C4C4C;display: block;margin: 0;transition: all .3s;-webkit-transition: all .3s;}
.news .content ul li.iphone{background: url(../img/icon08.png) 46% 125px no-repeat;}
.news .content ul li.email{background: url(../img/icon09.png) 30% 125px no-repeat;margin-left: 100px;width: 340px;}
.news .content ul li.address{background: url(../img/icon10.png) 46% 125px no-repeat;}
.news .content ul li.active span.border-bottom{width: 100%;background: #0079DD;}

.footer{background: #373737;padding: 50px 0 0;}
.footer .footer_nav{background: #373737;width: 1440px;margin: 0 auto 50px;}
.footer .footer_nav div.fl ul{margin: 0 47px;}
.footer .footer_nav div.fl ul li a{font-size: 16px;line-height: 30px;color: #FFF;}
.footer .footer_nav div.fl ul li span{color: #6b6b6b;}
.footer .footer_nav span.border-right{width: 2px;height: 193px;background: #4f4f4f;display: block;margin: 0 85px 0 124px;}
.footer .footer_nav div.fl img{margin: 0 17px;}
.footer .footer_nav div.fl p{text-align: center;color: #FFF;margin-top: 27px;}
.footer .company{padding: 20px 0;background: #2d2d2d;font-size: 0;}
.footer .company p{font-size: 14px;line-height: 24px;color: #7d7d7d;display: inline-block;text-align: center;}
.footer .company p.keep_on_record{width: 70%;}
.footer .company p.remarks{width: 30%;}

.mask{position: absolute;left: 0;top: 0;width: 100%;height: 973px;z-index: 9;display: none;}
.mask img.close{position: absolute;right: 40px;top: 20px;cursor: pointer;z-index: 99;opacity: 0;}
.mask>.fl{width: 24%;height: 973px;position: absolute;left: -100%;top: 0;background: #FFF;overflow: hidden;}
.mask>.fr{width: 76%;height: 973px;position: absolute;right: -100%;top: 0;background: #FFF;}
.mask .fr .main{position: absolute;top: 280px;left: 50%;margin-left: -408px;}
.mask .fr .main ul{margin: 0 20px;width: 96px;}
.mask .fr .main ul li a{font-size: 14px;line-height: 30px;color: #666;text-align: center;display: block;}
.mask .fr .main ul li a.title{font-size: 24px;color: #282828;margin-bottom: 40px;}
.mask .fr .main ul li span{color: #6b6b6b;}
.mask .fr .main .footer_border{display: block;width: 136px;height: 1px;background: #000;position: absolute;left: 0;top: 135px;}

/* details */
.details_header .banner img{width: 100%;}
.details_content .content_header{font-size: 0;border-bottom: 1px solid #ccced0;margin-bottom: 30px;position: relative;}
.details_content .content_header a{display: inline-block;font-size: 20px;line-height: 85px;color: #6f6f6f;width: 50%;text-align: center;position: relative;}
.about .header_top_border{width: 20%;}
.achievement .header_top_border, .case .header_top_border, .details .header_top_border, .service .header_top_border{width: 50%;}
.brand .header_top_border, .news .header_top_border, .core .header_top_border{width: 33.333333%;}
.details_content .content_header a.only:after{content: ' ';display: block;width: 1px;height: 85px;position: absolute;right: 0;top: 0;background: #e1e1e1;}

.details_content{position: relative;}
.details_content .main h4{text-align: center;font-size: 30px;color: #474747;line-height: 40px;}
.details_content .main span{display: block;text-align: center;font-size: 12px;color: #656565;margin-bottom: 30px;}

.details_content .banner p{text-indent: 2em;color: #646665;line-height: 22px;margin: 20px 0;font-size: 14px;}
.details_content .banner{width: 1207px;margin: 0 auto 40px;}
.details_content .banner>img{width: 585px;margin: 30px auto 20px;}
.details_content .banner .preview_box{display: inline-block;width: 1208px;border: 1px solid #e5e5e5;background: #EEE;padding: 5px 0;position: relative;margin-bottom: 40px;}
.details_content .banner .preview_box .preview_img{margin-left: 100px;overflow: hidden;width: 1008px;height: 163px;position: relative;}
.details_content .banner .preview_box .preview_img ul{position: absolute;left: 0;top: 0;}
.details_content .banner .preview_box .Imgprev, .details_content .banner .preview_box .Imgnext{position: absolute;top: 50%;margin-top: -61px;cursor: pointer;z-index: 9;}
.details_content .banner .preview_box .Imgprev{left: 20px;}
.details_content .banner .preview_box .Imgnext{right: 20px;}
.details_content .banner ul li{cursor: pointer;float: left;margin: 0 5px;}

.details_content .content_footer{border-top: 1px solid #ccced0;padding: 55px 355px;}
.details_content .content_footer>.fl a{display: block;color: #646665;}
.details_content .content_footer>.fr{color: #FFF;background: #e62129;width: 170px;height: 50px;line-height: 50px;text-align: center;display: none;}

.details_fixed{position: absolute;left: 260px;width: 60px;background: #f5f5f5;top: 350px;}
.details_fixed ul li a{display: block;margin: 24px auto;}
.details_fixed ul li a img{display: block;margin: 0 auto;}

/* achievement */
.achievement_content ul{text-align: center;font-size: 0;}
.achievement_content ul li{display: inline-block;margin: 28px 18px 0;background: #FFF;transition: all .3s;-webkit-transition: all .3s;width: 585px;height: 434px;}
.achievement_content ul li:hover{box-shadow: 2px 2px 10px 3px #808080;}
.achievement_content ul li a{display: block;overflow: hidden;}
.achievement_content ul li a img{;transition: all .3s;width: 100%;height: 373px;}
.achievement_content ul li a img:hover{transform: scale(1.05)}
.achievement_content ul li a p{padding: 20px;color: #2c2c2c;background: url(../img/achievement/more.png) 95% center no-repeat;font-size: 16px;text-align: left;}

.achievement_content .paging{text-align: center;margin: 60px 0 50px;}
.achievement_content .paging a{display: inline-block;margin: 0 5px;font-size: 16px;height: 40px;width: 45px;line-height: 40px;color: #a2a19f;border: 1px solid #d2d2d2;background: #FFF;}
.achievement_content .paging a.btn{width: 100px;}
.achievement_content .paging a:hover{border: 1px solid #ee525d;color: #ee525d;}
.achievement_content .paging a.active{border: 1px solid #ee525d;color: #ee525d;}

/* case */
.case_content{margin-bottom: 180px;}
.case_section{font-size: 0;text-align: center;}
.case_section .section_header{position: relative;overflow: hidden;cursor: pointer;}
.case_section .section_header img{width: 100%;transition: all .3s;}
.case_section .section_header img:hover{transform: scale(1.05);}
.case_section .section_header span{position: absolute;left: 50%;top: 50%;width: 310px;height: 100px;line-height: 100px;display: block;border: 1px solid #FFF;color: #FFF;margin: -50px 0 0 -155px;font-size: 48px;}
.case_section ul{display: inline-block;margin: 28px auto;width: 1200px;text-align: left;}
.case_section ul li{display: inline-block;margin: 10px 0 !important;width: 400px;}
.case_section ul li a{color: #878787;font-size: 16px;cursor:pointer;}

/* news */
.news_content .content_header a{width: 33.3333333%;}

/* news-core */
.Newscore_header .banner img{width: 100%;}

.bannerTxt{position: absolute;left: 330px;top: 200px;color: #FFF;}
.bannerTxt h4{font-size: 50px;font-weight: bold;}
.bannerTxt p{font-size: 22px;margin: 5px 0;}
.bannerTxt span{font-size: 12px;line-height: 18px;}

.details_header .bannerTxt{top: 350px;}
.core_header .bannerTxt{top: 150px;}
.core_header img.icon{top: 350px;}
.core_content .content_main ul{width: 1200px;margin: 80px auto 0;}
.core_content .content_main ul li{margin: 50px 0;}
.core_content .content_main ul li img{display: inline-block;vertical-align: middle;transition: all .3s;} 
.core_content .content_main ul li img:hover{transform: scale(1.05);}
.core_content .content_main ul li .txt{width: 620px;display: inline-block;vertical-align: middle;margin-left: 80px;}
.core_content .content_main ul li .txt h4{font-size: 30px;}
.core_content .content_main ul li .txt>a{display: block;}
.core_content .content_main ul li .txt>a h4{color: #777;display: block;width: 100%;}
.core_content .content_main ul li .txt>a h4:hover{color: #006FC9;}
.core_content .content_main ul li .txt h5{color: #464145;margin: 40px 0 30px;}
.core_content .content_main ul li .txt p{color: #636560;line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 620px;}

.core_content .content_main .paging{margin: 60px 0 50px;text-align: center;}
.core_content .content_main .paging a{text-align: center;display: inline-block;margin: 0 5px;font-size: 16px;height: 40px;width: 45px;line-height: 40px;color: #a2a19f;border: 1px solid #d2d2d2;background: #FFF;}
.core_content .content_main .paging a.btn{width: 100px;}
.core_content .content_main .paging a:hover{border: 1px solid #ee525d;color: #ee525d;}
.core_content .content_main .paging a.active{border: 1px solid #ee525d;color: #ee525d;}

/* brand.html */
.core_content .content_main>h4, 
.core_content .content_main>p{text-align: center;font-size: 30px;margin: 5px 0;}
.core_content .content_main>h4{color: #bcbcbc;font-family: "Palatino Linotype";margin-top: 50px;}
.core_content .content_main>p{color: #046cc3;}

.core_content .content_main .main_section{width: 1350px;margin: 50px auto 0;overflow: hidden;}
.core_content .content_main .main_section .fl,
.core_content .content_main .main_section .top{position: relative;overflow: hidden;cursor: pointer;}
.core_content .content_main .main_section .fl .txt,
.core_content .content_main .main_section .top .txt{position: absolute;bottom: -295px;left: 0;background: rgba(0, 0, 0, .5);transition: all .3s;}
.core_content .content_main .main_section .fl:hover .txt,
.core_content .content_main .main_section .top:hover .txt{bottom: 0px;}

.core_content .content_main .main_section .txt{width: 530px;height: 240px;background: #006fc9;margin-top: 12px;padding: 55px 75px 0 40px;color: #FFF;}
.core_content .content_main .main_section .txt h5{font-size: 25px;}
.core_content .content_main .main_section .txt span{display: block;margin: 20px 0;width: 50px;height: 2px;background: #FFF;}
.core_content .content_main .main_section .txt p{line-height: 25px;}

.brand_section{margin-top: 100px;overflow: hidden;}
.brand_section .imgs img{width: 100%;display: block;transition: all .3s;}
.brand_section .imgs img:hover{transform: scale(1.05);}
.brand_section .content_header{position: relative;background: #FFF;}
.brand_section .content_header a.active{border-top: 2px solid #006FC9;}
.brand_section .txt{text-align: center;margin-bottom: 60px;display: none;}
.brand_section .txt h4{color: #414141;font-weight: bold;font-size: 25px;margin: 20px 0;}
.brand_section .txt p{color: #929292;font-size: 15px;line-height: 25px;}
.brand_section img.structure{margin: 60px auto;width: initial;}

/* about.html */
.about_content .content_header a{width: 20%;}
.about_content .content_header a.active, .details_content .content_header a.active{border-top: 2px solid #006FC9;}
.about_content .about_main .about_section{width: 1340px;margin: 30px auto;position: relative;overflow: hidden;}
.about_content .about_main .about_section>.img{position: absolute;left: 0;top: 50%;margin-top: -413px;z-index: 2;}
.about_content .about_main .about_section>.img img{margin: 30px 0;}

.about_content .about_main .about_section>.txt{width: 640px;padding: 60px 30px 60px 140px;border: 1px solid #dedede;}
.about_content .about_main .about_section>.txt p{color: #959595;line-height: 25px;margin: 30px 0;text-indent: 2em;font-size: 15px;}
.about_content .about_main .about_section>.txt>h4,
.about_content .about_main .about_section>.txt>h5{color: #bcbcbc;margin-top: 50px;font-size: 30px;margin: 5px 0;}
.about_content .about_main .about_section>.txt>h5{color: #016fc8;position: relative;}
.about_content .about_main .about_section>.txt>h5:after{content: ' ';display: block;width: 470px;height: 1px;background: #dedede;position: absolute;left: 170px;top: 50%;}

.about_main>.about_background{width: 100%;margin: 0 auto;}

.about_section2{width: 1425px;margin: 0 auto;padding: 0 0 100px;overflow: hidden;}
.about_section2>img.fl{margin-left: 40px;}
.about_section2>.fr{background: #007ecb;color: #FFF;padding: 58px 236px 57px 106px;margin-right: 40px;}
.about_section2>.fr h4{font-size: 30px;}
.about_section2>.fr ul{margin: 30px 0;font-size: 14px;}
.about_section2>.fr ul li{line-height: 22px;}

.about_section3{background: #f2f2f2;}
.about_section3 .section_main{width: 1340px;margin: 0 auto;padding: 50px 0 80px;}
.about_section3 .section_main>h4{color: #bcbcbc;font-size: 30px;}
.about_section3 .section_main>span{color: #006fc9;font-size: 30px;line-height: 25px;margin: 5px 0 30px;display: block;}
.about_section3 .section_main .txt{margin: 2px 0;}
.about_section3 .section_main .txt h5{height: 60px;line-height: 60px;padding: 0 50px;cursor: pointer;position: relative;background: #FFF;color: #868686;}
.about_section3 .section_main .txt h5:before{content: ' ';width: 4px;height:4px;background: #c8c8c8;position: absolute;left: 40px;top: 50%;margin-top: -2px;}
.about_section3 .section_main .txt h5.active{background: #006fc9;color: #FFF;}
.about_section3 .section_main .txt h5.active:before{background: #FFF;}
.about_section3 .section_main .txt .txt_main{display: none;padding-bottom: 70px;}
.about_section3 .section_main .txt .txt_main p.title{text-align: left;margin: 20px 0 5px;color: #777;font-size: 20px;}
.about_section3 .section_main .txt .txt_main p{color: #787878;}

.section4{padding: 80px 0;width: 1340px;margin: 0 auto;}
.section4 .section_main>h4,
.section4 .section_main>span{color: #bcbcbc;margin-top: 50px;font-size: 30px;margin: 5px 0;}
.section4 .section_main>span{color: #006fc9;}
.section4 .section4_main{margin-top: 50px;}
.section4 .section4_main ul{width: 630px;}
.section4 .section4_main ul li{font-size: 18px;color: #777;line-height: 60px;border-bottom: 1px solid #dbdbdb;padding-left: 60px;}
.section4 .section4_main .information{width: 540px;}
.section4 .section4_main .information input{margin: 10px 10px 10px 0;height: 35px;padding-left: 10px;color: #777;}
.section4 .section4_main .information textarea{width: 522px;height: 190px;color: #777;}
.section4 .section4_main .information .submit{width: 172px;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #FFF;background: #515151;border: none;cursor: pointer;font-family: "微软雅黑";padding: 0;}
.section4 .section4_main .information span{color: #999;font-size: 14px;}

/* service.html */
.service_content .service_main{text-align: center;}
.service_content .service_main>h4{color: #bcbcbc;font-family: "Palatino Linotype";font-size: 30px;}
.service_content .service_main>span{color: #006fc9;font-size: 35px;line-height: 25px;margin: 10px 0 30px;display: block;}
.service_content .service_main .service_section{color: #747474;display: inline-block;position: relative;padding: 20px 0 100px;transition: all .3s;width: 15%;}
.service_content .service_main .service_section:hover{transform: translateY(-20px);}
.service_content .service_main>div.only:after{content: ' ';display: block;height: 100%;width: 1px;background: #c4c4c4;position: absolute;right: 0;top: 0;}
.service_content .service_main .service_section img{margin: 0 auto;}
.service_content .service_main .service_section h5{font-size: 20px;color: #747474;margin: 20px 0 10px;}
.service_content .service_main .service_section span{display: inline-block;width: 45px;height: 1px;background: #000;margin: 5px 0 10px;}
.service_content .service_main .service_section ul li{font-size: 14px;line-height: 22px;width: 150px;text-align: left;margin: 0 auto;}
.service_content{overflow: hidden;}
.service_content>img.background{width: 100%;margin-top: 50px;transition: all .3s;}
.service_content>img.background:hover{transform: scale(1.05);}
.service_footer{width: 1340px;margin: 80px auto;font-size: 0;}
.service_footer li{text-align: left;float: left;font-size: 16px;margin: 14px;background: #FFF;padding-bottom: 30px;transition: all .3s;width: 417px;height: 395px;}
.service_footer li:hover{box-shadow: 2px 5px 10px 3px #CCC;}
.service_footer li h5{font-size: 25px;color: #5f5f5f;margin: 30px 0 10px 45px;}
.service_footer li p{font-size: 14px;color: #747474;margin-left: 45px;}

.nav{
	display: -webkit-box;
	-webkit-box-align: center;
	width: 100%;background: #FFF;position: fixed;top: -81px;left: 0;height: 81px;transition: all .5s;z-index: 999999;border-bottom: 1px solid #DBDBDB;}
.nav>a>img{margin-left: 42px;}
.nav ul{width: 800px;position: absolute;right: 0;top: 0}
.nav ul li{display: inline-block;margin: 0 10px;width: 13%;position: relative}
.nav ul li a{display: block;text-align: center;width: 100%;line-height: 79px;font-size: 17px;color: #616161;}
.nav ul li a:hover{color: #006fca;}
.nav .icons{margin: 23px 5% 0 0;}
.nav .icons a{display: inline-block;width: 35px;height: 30px;margin: 0 10px;}
.nav .icons a.wx{background: url(../img/icons.png) -3px center no-repeat;}
.nav .icons a.QQ{background: url(../img/icons.png) -60px 1px no-repeat;}
.nav .icons a.wb{background: url(../img/icons.png) -110px 1px no-repeat;}

@media only screen and (max-width: 1440px) {
	.details_header .bannerTxt, .box .header img.txt{left: 200px;top: 200px;}
	.details_header img.icon{top: 350px;}
	img.icon{left: 200px;top: 450px;}
	.footer .footer_nav{padding-left: 10px;}
	.footer .footer_nav span.border-right{margin: 0 30px 0 50px;}
}

/*banner*/
.focus { width: 100%; position: relative; overflow: hidden; background-color: #fff; margin-right: auto; margin-left: auto; z-index: 0}
.focus .hd { width: 100%; height: 30px; position: absolute; z-index: 99; bottom: 0; top:0;
	right: 30px;margin:auto;text-align: right; }
.focus .hd ul { display: inline-block; height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0; vertical-align: top;}
.focus .hd ul li {border-radius: 50%; width: 15px; height: 15px; border: solid 1px #fff; vertical-align: top; overflow: hidden; margin-top: 20px;  margin-bottom: 20px; }
.focus .hd ul .on { background-color: #FFFFFF; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li img { width: 100%;}
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ }



/*导航线条动画*/
.button.horizontal.counterclockwise:hover:after{
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
.button.horizontal:hover:after{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	background:  #006fca;
}
.button.horizontal:after{
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);

}
.button:after{
	position: absolute;
	content: "";
	display: block;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.nav-cur{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	color:  #006fca;
}

.section4 .section4_main .information input::-webkit-input-placeholder {color: #777;}
.section4 .section4_main .information input::-moz-placeholder{color: #777;}
.section4 .section4_main .information input:-moz-placeholder {color: #777;}
.section4 .section4_main .information input:-ms-input-placeholder {color: #777;}

.details_content .banner p img{margin: 0 auto;}

.swiper-slide img{
	width: 100%;
}
