@charset "utf-8";

/* CSS Document */



/*-----whole-----*/

/*-----whole-----*/

html{font-size:100px;}

body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;overflow-x:hidden;}

body{
    font-family: Arial
}

body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;}



.contain{width:1200px;margin:0 auto;}



/*clearfix*/

.clearfix{*zoom:1}

.clearfix:before,

.clearfix:after{display:table;content:""}

.clearfix:after{clear:both}



/*初始化按钮*/

.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}

.btn span{display:inline-block;}



input.text,

textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}



/*--- Header ---*/

.Header-wrapper{z-index:99;}

.Header-wrapper .Header-cl{height:98px;position:relative;}



.header-container{padding:0 5.72916% 0 6.25%;width:100%;font-family:'MyriadPro-Light';background:#fff;box-shadow:0px 4px 5px rgba(9,2,4,.17);position:fixed;top:0px;left:0px;z-index:90;}



/*logo*/

.Hlogo{height:98px;line-height:98px;font-size:0px;float:left;position:relative;overflow:hidden;z-index:5;}

.Hlogo img{max-height:98px;width:auto;}

.Hlogo .web_logo{display:none;}





/*language*/

.H-lang{position:relative;float:right;position:relative;z-index:3;}

.Hlang-menu{display:block;padding:0 0 0 30px;height:98px;line-height:98px;font-size:16px;color:#424346;background:url(../images/icon/icon-Hlang.png) no-repeat left center;}

.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:80px;right:-76px;display:none;padding:20px 0px;}

.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}

.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}

.Hlang-box a:hover{color:#fff;background:#82d9d1;}

.Hlang-box a.CN{background-image:url(../images/icon/icon-CN.png);}

.Hlang-box a.JP{background-image:url(../images/icon/icon-jp.png);}

.Hlang-box a.EN{background-image:url(../images/icon/icon-EN.png);}



/*srch*/

.H-srch{float:right;margin:0 0.729% 0 0;position:relative;z-index:3;}

.Hsrch-menu{display:block;width:34px;height:98px;background:url(../images/icon/icon-Hsrch.png) no-repeat center center;position:relative;}

.Hsrch-box{width:100%;height:98px;background:#fff;position:absolute;top:0px;left:0px;display:none;position:absolute;z-index:2;}

.Hsrch-block{padding:0 0 0 4rem !important;width:12rem !important;height:32px;margin:19px auto 0;}

.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon/icon-Hsrch.png) no-repeat center center;float:left;}

.Hsrch-block .close{display:block;width:24px;height:32px;background:url(../images/icon/icon-close.png) no-repeat center center;float:right;}

.Hsrch-block .text{width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px;}

.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}



.header-container.header-searching{}

.header-container.header-searching .H-lang{z-index:0;}

.header-container.header-searching .H-nav{z-index:0;}

.header-container.header-searching .H-srch{position:static;}



.header-container .H_split{width:1px;height:98px;float:right;margin:0 1.875%;position:relative;}

.header-container .H_split:after{content:"";display:block;width:1px;height:14px;background:#dddddd;position:absolute;left:0px;top:50%;margin:-7px 0 0 0;}



.header-container .H_share{line-height:98px;font-size:0px;float:right;}

.header-container .H_share img{width:24px;height:24px;margin:0 0 0 24px;}



/*nav*/

.H-nav{float:right;}

.H-nav>li{float:left;margin:0 0 0 56px;}

.H-nav>li:first-child{margin:0px;}

.H-nav .Hnav-menu{display:block;width:auto;line-height:98px;text-align:center;font-size:17px;color:#343639;text-transform:uppercase;font-weight:600;position:relative;overflow:hidden;}

.Hnav-menu i{display:block;width:45px;height:45px;background:url(../images/icon/icon-Hdd.png) no-repeat center center / 14px auto;position:absolute;right:0px;top:0px;display:none;}

.Hnav-menu:after{content:"";display:block;width:100%;height:2px;background:#094084;position:absolute;left:-100%;bottom:0px;}



.H-nav>li.cur .Hnav-menu

.H-nav>li:hover .Hnav-menu{color:#82d9d1;}

.H-nav>li.cur .Hnav-menu:after,

.H-nav>li:hover .Hnav-menu:after{left:0px;}



@media all and (min-width:980px){

	/*.Hnav>li:hover .Hn2nd-box{display:block;animation:HnavDD .6s ease-in-out;-webkit-animation:HnavDD .6s ease-in-out;}*/

	.H-lang:hover .Hlang-box{display:block;animation:HnavDD .6s ease-in-out;-webkit-animation:HnavDD .6s ease-in-out;}

}

@keyframes HnavDD{

	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}

	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

}

@-webkit-keyframes HnavDD{

	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}

	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

}



/*--- Footer ---*/

.Footer-wrapper{}

.Footer-wrapper .container{padding:30px 0;background:#f2f2f2;}



/* .F-nav{width:145px;float:left;margin:0 0 0 5.9375%;}

.F-nav:first-child{margin:0px;}

.F-nav dt{line-height:24px;font-size:20px;color:#333333;text-transform:uppercase;position:relative;}

.F-nav dd{margin:20px 0 0;}

.F-nav dt i{display:block;width:50px;height:50px;background:url(../images/icon/icon-Hdd.png) no-repeat center center / 12px auto;position:absolute;right:0px;top:0px;display:none;}

.F-nav dt.cur i{transform:rotate(-180deg);transform:rotate(-180deg);}

.F-nav dd a{display:block;line-height:18px;font-size:13px;color:#666a6e;margin:0 0 10px 0;}
.F-nav dd a:hover{color:#094084;} */



.F-ct{width:25.52%;float:right;}

.F-ct .logo{padding:4px 0 28px;}

.F-ct .logo img{height:49px;width:auto;max-width:100%;}

.F-ct .F-nav{width:100%;float:none;margin:0px;}

.F-ct .F-nav dt{display:none;}

.F-contact{margin:0px;}

.F-contact a{display:inline-block;padding:0 0 0 28px;line-height:20px;position:relative;background-size:16px auto;background-position:left 2px;background-repeat:no-repeat;}

.F-contact .tel{background-image: url('../images/icon/icon_tel.png')}

.F-contact .fax{background-image: url('../images/icon/icon_fax.png')}

.F-contact .mail{background-image: url('../images/icon/icon_mail.png')}

.F-contact .adr{background-image: url('../images/icon/icon_adr.png')}

.F-logo{text-align:center;}
.F-logo img{height:46px;}



.F-share{text-align:center;margin:30px 0 0;}

.F-share a{display:inline-block;margin:0 15px;}

.F-share a:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);}



.F-btm{padding:19px 0 19px 6.25%;height:58px;width:100%;line-height:20px;font-size:13px;color:#ffffff;background:#191d23;}
.F-nav{text-align:center;font-size:16px;margin:30px 0 0 0;}
.F-nav a{display:inline-block;margin:0 33px;}



/*--- Banner ---*/

.bnr-img{display:block;width:100%;height:auto;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;}



#index-bnr .bnr-img{height:817px;}

#index-bnr .swiper-pagination{font-size:0px;bottom:55px !important;}

#index-bnr .swiper-pagination-bullet{width:15px;height:15px;background:none;border-radius:100%;border:1px solid rgba(1,1,1,0);position:relative;margin:0 5px;opacity:1;}

#index-bnr .swiper-pagination-bullet:after{content:"";display:block;width:9px;height:9px;background:#fff;border-radius:100%;position:absolute;left:2px;top:2px;}

#index-bnr .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#fff;}

#index-web-bnr{display: none;}
#index-web-bnr .swiper-pagination{font-size:0px;bottom:10px !important;}

#index-web-bnr .swiper-pagination-bullet{width:15px;height:15px;background:none;border-radius:100%;border:1px solid rgba(1,1,1,0);position:relative;margin:0 5px;opacity:1;}

#index-web-bnr .swiper-pagination-bullet:after{content:"";display:block;width:9px;height:9px;background:#fff;border-radius:100%;position:absolute;left:2px;top:2px;}

#index-web-bnr .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#fff;}



.bnr-img.page-bnr{height:350px;}



.bnr-img.abUs-bnr{height:600px;}



/*--- Container ---*/



/*-- 首页 --*/

.index_product{padding:70px 0 45px;}

.index_product .t_title{height:56px;line-height:44px;font-size:36px;color:#292c30;font-weight:600;text-align: center;text-transform:uppercase;position:relative;}

.index_product .t_title:after{content:"";display:block;height:8px;width:8px;border-radius:100%;background:#094084;position:absolute;bottom:0px;left:50%;margin:0 0 0 -4px;}

.index_product .nav{

    padding: 59px 0 43px;

    text-align: center;

    border-top:1px solid #eaeaea;

    border-bottom:1px solid #eaeaea;

    background: #fff;

    position: relative;

    margin:30px 0 0 0;

}

.index_product .nav .item{

    display: inline-block;

    width: 385px;

    margin: 0 30px;

}

.index_product .nav .item .l{

    width: 140px;

    text-align: center;

    position: relative;

    float: left;

}

.index_product .nav .item .l .n{

    height: 67px;

    line-height: 67px;

    font-size: 90px;

    font-weight: 600;

    color: #094084;

    opacity: 0.05;

}

.index_product .nav .item .l img{

    width: 44px;

    height: 44px;

    position:absolute;

    top:-7px;

    left: 50%;

    margin: 0 0 0 -22px;

}

.index_product .nav .item .l .c{

    width: 100%;

    line-height: 20px;

    font-size: 16px;

    text-transform: uppercase;

    font-weight:600;

    position: absolute;

    left: 0px;

    top: 43px;

}

.index_product .nav .item .r{

    width: 210px;

    text-align: left;

    line-height: 18px;

    font-size: 16px;

    color: #777777;

    text-transform: uppercase;

    margin: 13px 0 0 30px;

    float: left;

}

.index_product .nav:after{

    content: "";

    display: block;

    width: 100%;

    height: 90px;

    background: url('../images/iPro_shadow.png') no-repeat center top / 1305px auto;

    position:absolute;

    left: 0px;

    bottom:-43px;

    z-index: -1;

}



.index_product .nav .item:last-child .l{width: 92px;}



.index_product .pro-list{

    width: 87.5%;

}



.index_product .pro-list .item .img-box{

    height: 405px;

    line-height: 405px;

    font-size: 0px;
    overflow: hidden;

}

.index_product .pro-list .item .img-box img{

    max-height: 96%;

    max-width: 96%;

}

.index_product .more_btn{display:block;width:214px;height:46px;line-height:42px;border:2px solid #555555;margin:57px auto 0;}

.index_product .more_btn span{padding:0 35px 0 0;background:url(../images/icon-go.png) no-repeat right center;}

.index_product .more_btn:hover{border-color:#555555;background:#555555;}

.index_product .more_btn:hover span{padding:0px;color:#fff;background-position:100px center;}





.index_content{

    margin: 45px auto 0;

}

.index_content .item{

    width: 49.84375%;

    height: 710px;

    position: relative;

}

.index_content .l_item{

    background: url('../images/bg/i_c_1.jpg') no-repeat center center / cover;

    float: left;

}

.index_content .r_item{

    background: url('../images/bg/i_c_2.jpg') no-repeat center center / cover;

    float: right;

}



.index_content .item .leads{

    width: 714px;

    height: 530px;

    padding:60px 95px 0;

    background: #f8f8f8;

    position:absolute;

    left: 50%;

    top: 50%;

    margin: -265px 0 0 -357px;

}

.index_content .item .leads .top{

    height: 32px;

    line-height: 32px;

    font-size: 30px;

    font-weight: 600;

    color: #292c30;

    text-transform: uppercase;

    margin: 0 0 23px 0;

}

.index_content .item .leads .form-box{margin:0px;}

.index_content .item .leads .form-group{

    width: 100%;

    margin: 0 0 10px 0;

}

.index_content .item .leads .form-box .btn{

    width: 49%;

    height: 50px;

    line-height: 48px;

    border: 1px solid #cdcfd1;

}

/*.index_content .item .leads .form-box .btn:last-child{float:right;}*/

.index_content .item .leads .form-box .btn:hover{

    border-color: #094084;

    background: #094084;

    color: #fff;

}

.index_content .item .c{

    overflow: hidden;

    margin: 20px 0 0 0;

}

.index_content .item .c img{

    width: 100%;

    max-height: 168px;

    object-fit: cover;

    margin: 0 0 28px 0;

}

.index_content .item .c p{

    line-height: 26px;

    color: #666666;

}



/*-- common --*/

.page-banner{

    text-align: center;

    position:relative;

}

.page-banner img{

    width: 100%;

    height: 414px;

    object-fit: cover;

    margin:auto;

}

.page-banner .t{

    position:absolute;

    top: 37.43961352657005%;

    left: 16.67%;

    font-size: 36px;

    color:#094084;

    font-weight: 600;

    text-transform: uppercase;

}



.menu-list{

    width:1280px;

    margin:-80px auto 0;

    position: relative;

    z-index: 1;

    background-color:#fff;

    border-radius:10px;

    box-shadow:0 10px 10px #e7e7e7;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.menu-list .item{

    width:100%;

    text-align: center;

    border-right:1px solid #f0f0f0;

    padding:25px 0;

}

.menu-list .item:last-child{

    border-right:0;

}

.menu-list .item.active{

    border-bottom:1px solid #094084;

}

.menu-list .item p{

    font-size:16px;

    color:#444444;

}





/*-- 关于我们 --*/

.about-info-box{

    width:1280px;

    margin:80px auto 80px;

    position: relative;

    padding-bottom:100px;

}

.about-info-box .about-info-l{

    width:650px;

    float: left;

}

.about-info-box .about-info-l h3{

    font-size:34px;

    color:#313131;

    margin-bottom: 50px;

}

.about-info-box .about-info-l .desc{

    font-size:14px;

    color:#616161;

    line-height:2;

}

.about-info-box .about-info-r{

    float: right;

    width:590px;

}

.about-info-float{

    position: absolute;

    bottom:0;

    left:0;

    background-color:#fff;

    box-shadow:0 10px 10px #e7e7e7;

    display: flex;

    align-items: center;

    height:190px;

}

.about-info-float .item{

    width: 270px;

    text-align: center;

}

.about-info-float .item .key{

    font-size:60px;

    color:#094084;

}

.about-info-float .item .key em{
    
    font-size:16px;

}

.about-info-float .item .val{

    font-size:16px;

    color:#6e6e6e;

}



.poster-box{

    width:1280px;

    margin:0 auto 80px;

}

.poster-box .poster-item{

    display:flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom:20px;

}

.poster-box .poster-item .img-box{

    margin:0 10px;

    width:100%;

    position: relative;

    overflow: hidden;

}

.poster-box .poster-item .img-box img{

    width:100%;

}

.poster-box .poster-item .img-box .name{

    font-size:22px;

    color:#fff;

    line-height:50px;

    background-color:rgba(0,0,0,0.9);

    padding:0 10px;

    position: absolute;

    bottom:0;

    left:0;

    width:100%;

}









/*-- 联系我们 --*/

.contact-page{



}



.contact-banner img{

    height: 567px;

}

.contact-page .contact-box{

    margin:30px auto 80px;

    background-color:#fff;

    padding:70px 60px;

    box-shadow:0 10px 10px #e7e7e7;

    position: relative;

    z-index: 1;

    width:1280px;

}

.contact-page .contact-box >h3{

    font-size:30px;

    margin-bottom:20px;

    text-align: center;

}

.contact-page .contact-box >h5{

    font-size:18px;

    color:#666666;

    text-align: center;

    margin-bottom:50px;

}

.contact-page .contact-box .tag{

    font-size:0;

    text-align: center;

    overflow:hidden;

}

.contact-page .contact-box .tag .item{

    width:33.33%;

    float: left;

}

.contact-page .contact-box .tag .item .name{

    font-size:18px;

    margin-top:10px;

}

.contact-page .contact-box .tag .item .val{

    font-size:15px;

    margin-top:10px;

    color:#777777;

}







.leads{



}

.leads .form-tab{

    text-align: center;

}

.leads .form-tab .item{

    width:210px;

    text-align: center;

    line-height:50px;

    border-radius:50px;

    background-color:#fff;

    font-size:16px;

    margin:0 30px;

    display: inline-block;

}

.leads .form-tab .item.active{

    background-color:#094084;

    color:#fff;

}

.leads .form-box{

    margin-top:50px;

}

.leads .tt{

    text-align: center;

    margin-top:50px;

    font-size:30px;

}

.leads .form-box .form-group{

    width:48%;

    height:55px;

    float:left;

    margin-right:4%;

    position: relative;

    padding-left:110px;

    margin-bottom:30px;

    border:1px solid #ededed;

    background-color:#fff;

}

.leads .form-box .form-group.textarea-box{

    width:100%;

    height:210px;

    margin-right:0;

}

.leads .form-box .form-group.textarea-box label{

    line-height:210px;

}

.leads .form-box .form-group.textarea-box textarea{

    padding:15px;

}

.leads .form-box .form-group:nth-child(2n+2){

    margin-right:0;

}

.leads .form-box .form-group label{

    font-size:16px;

    color:#5b5b5b;

    width:110px;

    height:100%;

    line-height:55px;

    padding:0 20px;

    position: absolute;

    top:0;

    left:0;

}

.leads .form-box .form-group label i{

    color:#f43f3f;

}

.leads .form-box .form-group input,.leads .form-box .form-group textarea{

    font-size:16px;

    color:#5b5b5b;

    height:100%;

    width:100%;

    border:0;

    border-left:1px solid #ededed;

    padding:0 10px;

}

.leads .submit-box{

    line-height:55px;

    font-size:14px;

}

.leads .submit-box .submit{

    width:195px;

    color:#fff;

    background-color:#094084;

    text-align: center;

    margin-right:20px;

    display: inline-block;

}

.leads .submit-box .tips{

    color:#333;

    display: inline-block;

}

.leads .submit-box .tips span{

    color:#094084;

    text-decoration: underline;

}













.contact-info{

    width:1280px;

    background-color:#fff;

    /* box-shadow:0 10px 10px #e7e7e7; */

    margin:30px auto 50px;

    position: relative;

    z-index: 1;

}

.map{

    width:1280px;

    background-color:#fff;

    box-shadow:0 10px 10px #e7e7e7;

    margin:0 auto 80px;

    position: relative;

    z-index: 1;

}

.contact-info .contact-l{

    float:left;

    padding:50px 70px;

    width:50%;
    background: #f1f1f1;

}

.contact-info .contact-l h3{

    font-size:28px;

    margin-bottom:48px;

}

.contact-info .contact-l .info{



}

.contact-info .contact-l .info .item{

    width:48%;

    margin-right:4%;

    margin-bottom:35px;

    float: left;

}

.contact-info .contact-l .item.item-line1{

    width:100%;

    margin-right:0;

    margin-bottom: 30px;

}

.contact-info .contact-l .info .item:nth-child(2n+2){

    margin-right:0;

}

.contact-info .contact-l .info .item h5{

    font-size:14px;

    text-align: left;

    color:#8b8b8b;

    margin-bottom:15px;

}

.contact-info .contact-l .info .item p{

    font-size:16px;

}

.contact-info .contact-l .info .item input[type=text],
.contact-info .contact-l .info .item textarea{
    width: 100%;
    height: 37px;
    line-height: 36px;
    border: 0px;
    border-bottom: 1px solid #f2f2f2;
    color: #555555;
    font-size: 16px;
    padding: 0 0 0 10px;
}

.contact-info .contact-l .info .item textarea{
    resize: none;
    height: 100px;
}

.contact-info .contact-l .info .item input[type=text]::-webkit-input-placeholder{color:#cccccc;}
.contact-info .contact-l .info .item textarea::-webkit-input-placeholder{color:#cccccc;}

.contact-info .contact-l .submit{

    width:185px;

    line-height:50px;

    border-radius:50px;

    background-color: #094084;

    text-align: center;

    font-size:16px;

    color:#fff;

    margin:0 auto;

}

.contact-info .contact-r{

    width:50%;

    float:right;

    background-color:#094084;

    padding:60px 80px;

    height: 600px;

}

.contact-info .contact-r h3{

    font-size:28px;


    color:#fff;

    margin-bottom:50px;

    text-transform: uppercase;

}

.contact-info .contact-r .tag{

    font-size:0;

    overflow:hidden;

}

.contact-info .contact-r .tag .item{

    width:50%;

    height: 149px;

    margin-bottom:30px;

    text-align: center;

    display: block;

    float: left;

}

.contact-info .contact-r .tag .item .name{

    color:#fff;

    font-size:18px;

    margin-top:10px;

}

.contact-info .contact-r .tag .item .val{

    color:#fff;

    margin-top:10px;

    font-size:14px;

}





/*-- 发展历程 --*/

.course-list{

    width:1000px;

    margin:80px auto 60px;

    border-left:4px solid #094084;

    position: relative;

}

.course-list:before{

    content:'';

    position: absolute;

    bottom:-10px;

    left:-9px;

    width:15px;

    height:15px;

    border-radius:50%;

    background-color:#094084;

}

.course-list:after{

    content:'';

    position: absolute;

    top:-10px;

    left:-9px;

    width:15px;

    height:15px;

    border-radius:50%;

    background-color:#094084;

}

.course-list .item{

    position: relative;

    display: flex;

    align-items: center;

    padding-left:100px;

}

.course-list .item.active .desc{

    color:#fff;

    background-color:#094084;

}

.course-list .item.active .desc:after{

    background-color:#fff;

}

.course-list .item:after{

    content:'';

    position: absolute;

    top:50%;

    left:0;

    width:85px;

    height:13px;

    margin-top:-6.5px;

    background:url(../images/course/icon_line.png) no-repeat 0 0/100% auto;

}

.course-list .item .time{

    font-size: 28px;

    color:#094084;

    font-weight: bold;

    width:140px;

    padding-left:40px;

    padding-top:50px;

    padding-bottom:50px;

}

.course-list .item .desc{

    font-size: 16px;

    color:#666666;

    width:800px;

    line-height:65px;

    box-shadow:0 0 10px #e7e7e7;

    padding-left:50px;

    position: relative;

}

.course-list .item .desc:after{

    content:'';

    position: absolute;

    top:50%;

    left:25px;

    width:8px;

    height:8px;

    margin-top:-6px;

    background-color:#094084;

    border-radius:50%;

}





/*-- 文档下载 --*/

.download-page{



}

.download-page .tt{

    font-size:36px;

    text-align: center;

    margin:50px 0;

}

.download-page .search-box{

    width:600px;

    height:53px;

    border-radius:53px;

    margin:0 auto 80px;

    box-shadow:0 10px 10px #e7e7e7;

    border: 1px solid #f3f3f3;

    position: relative;

    overflow: hidden;

}
.download-page .search-box form{
    height: 100%;
}
.download-page .search-box input{

    width:100%;

    height:100%;

    border:0;

    padding:0 40px;

    text-align: left;

    font-size:18px;

    color: #000;

}

.download-page .search-box input::-webkit-input-placeholder{color:#cccccc;}

.download-page .search-box.icon-search:after{

    content:'';

    position: absolute;

    top:50%;

    right:30px;

    width:19px;

    height:19px;

    margin-top:-10px;

    background:url(../images/icon_search.png) no-repeat 0 0/100% auto;

}

.download-page .form-tab{

    text-align: center;

    margin-bottom:80px;

}

.download-page .form-tab .item{

    width:210px;

    text-align: center;

    line-height:50px;

    border-radius:50px;

    background-color:#f2f2f2;

    font-size:16px;

    margin:0 10px;

    display: inline-block;

}

.download-page .form-tab .item.active{

    background-color:#094084;

    color:#fff;

}

.download-page .list{

    width:1280px;

    margin:0 auto 0;

}

.download-page .list .item{
    display: block;

    margin-bottom:20px;

    padding:0 100px;

    position: relative;

    background-color:#f2f2f2;

    height:70px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    cursor: pointer;

}

.download-page .list .item.active,

.download-page .list .item:hover{

    background-color:#094084;

}

.download-page .list .item.active p,

.download-page .list .item:hover p{

    color:#fff;

}

.download-page .list .item.active:before,

.download-page .list .item:hover:before{

    background:url(../images/icon_file2.png) no-repeat 0 0/100% auto;

}

.download-page .list .item.active:after,

.download-page .list .item:hover:after{

    background:url(../images/icon_down2.png) no-repeat 0 0/100% auto;

}

.download-page .list .item p{

    font-size:14px;

    color:#777777;

}

.download-page .list .item:before{

    content:'';

    position: absolute;

    top:50%;

    left:30px;

    width:30px;

    height:25px;

    margin-top:-17.5px;

    background:url(../images/icon_file1.png) no-repeat 0 0/100% auto;

}

.download-page .list .item:after{

    content:'';

    position: absolute;

    top:50%;

    right:30px;

    width:27px;

    height:26px;

    margin-top:-13px;

    background:url(../images/icon_down1.png) no-repeat 0 0/100% auto;

}



/*-- 新闻 --*/

.news-main{

    margin:50px auto 80px;

    width:1280px;

}

.news-main .news-l{

    float: left;

    width:100%;

    border:1px solid #ededed;

    padding:60px 0 0;

}

.news-main .news-l .tt{

    font-size:28px;

    font-weight: bold;

    text-align: center;

    margin-bottom:10px;

}

.news-main .news-l .desc{

    text-align: center;

    margin-bottom:10px;

}

.news-main .news-l .desc .icon-time{

    width:17px;

    height:17px;

    display: inline-block;

    vertical-align: middle;

    background:url(../images/news/icon_time.png) no-repeat 0 0/100% auto;

}

.news-main .news-l .desc p{

    font-size:13px;

    color:#aaaaaa;

    text-align: center;

    vertical-align: middle;

    display: inline-block;

}

.news-main .news-l .link-list{

    text-align: center;

    margin-bottom:30px;

}

.news-main .news-l .link-list .item{

    width:24px;

    height:24px;

    display: inline-block;

    margin:0 5px;

    vertical-align: middle;

}

.news-main .news-l .link-list .icon-shape1{

    background:url(../images/news/icon_link1.png) no-repeat 0 0/100% auto;

}

.news-main .news-l .link-list .icon-shape2{

    background:url(../images/news/icon_link2.png) no-repeat 0 0/100% auto;

}

.news-main .news-l .link-list .icon-shape3{

    background:url(../images/news/icon_link3.png) no-repeat 0 0/100% auto;

}

.news-main .news-l .content{

    line-height:1.8;

    margin-bottom:40px;

    padding:0 45px;

}

.news-main .news-l .content p{

    font-size:14px;

    color:#818181;

}

.news-main .news-l .content .img-box{

    margin:10px 0;

}

.news-main .news-l .back-list{

    padding:0 45px;

    text-align: right;

    margin-bottom:50px;

}

.news-main .news-l .back-list a{

    width:160px;

    line-height:45px;

    background:#094084;

    color:#fff;

    font-size:16px;

    display: inline-block;

    text-align: center;

}

.news-main .news-l .turn-page{

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-top:1px solid #ededed;

}

.news-main .news-l .turn-page .item{

    width:50%;

    padding-top:50px;

    padding-bottom:50px;

    padding-left:50px;

    padding-right: 20px;

    font-size:16px;

    color:#666666;

}

.news-main .news-l .turn-page .item .name{

    font-size:22px;

    color:#333;

}

.news-main .news-l .turn-page .item:last-child{

    border-left:1px solid #ededed;

}













.news-main .news-r{

    float: right;

    width:300px;

}

.news-main .news-r .pro{

    padding:30px;

    border:1px solid #ededed;

    margin-bottom:30px;

}

.news-main .news-r .pro h3{

    font-size:20px;

    position: relative;

    border-bottom:1px solid #ededed;

    padding-bottom:10px;

}

.news-main .news-r .pro h3:after{

    content:'';

    position: absolute;

    bottom:-1px;

    left:0;

    width:80px;

    height:2px;

    background-color:#324e8f;

}

.news-main .news-r .pro .list{

    padding-top:20px;

}

.news-main .news-r .pro .list p{

    position: relative;

    padding-left:40px;

    font-size:14px;

    margin-bottom:20px;

}

.news-main .news-r .icon-arrow:after{

    content:'';

    position: absolute;

    top:50%;

    left:10px;

    width:6px;

    background:url(../images/news/icon_arrow.png) no-repeat 0 0/100% auto;

    height:11px;

    margin-top:-5.5px;

}

.news-main .news-r .icon-shape1:after{

    content:'';

    position: absolute;

    top:50%;

    left:0;

    width:40px;

    background:url(../images/news/icon_shape1.png) no-repeat 0 0/100% auto;

    height:40px;

    margin-top:-20px;

}

.news-main .news-r .icon-shape2:after{

    content:'';

    position: absolute;

    top:50%;

    left:0;

    width:40px;

    background:url(../images/news/icon_shape2.png) no-repeat 0 0/100% auto;

    height:40px;

    margin-top:-20px;

}

.news-main .news-r .icon-shape3:after{

    content:'';

    position: absolute;

    top:50%;

    left:0;

    width:40px;

    background:url(../images/news/icon_shape3.png) no-repeat 0 0/100% auto;

    height:40px;

    margin-top:-20px;

}



.news-main .news-r .hots{

    padding:30px;

    border:1px solid #ededed;

    margin-bottom:30px;

}

.news-main .news-r .hots h3{

    font-size:20px;

    position: relative;

    border-bottom:1px solid #ededed;

    padding-bottom:10px;

}

.news-main .news-r .hots .list{

    padding-top:20px;

}

.news-main .news-r .hots h3:after{

    content:'';

    position: absolute;

    bottom:-1px;

    left:0;

    width:80px;

    height:2px;

    background-color:#324e8f;

}

.news-main .news-r .hots .item{

    margin-bottom:10px;

    display: block;

}

.news-main .news-r .hots .item p{

    font-size:14px;

    margin-top:20px;

    color:#8c8c8c;

}



















.news-list-content{

    margin:50px auto 80px;

    width:1280px;

}

.news-list-content .news-swiper{

    margin-bottom:50px;

}

.news-list-content .news-swiper .swiper{

    float: left;

    width:665px;

    position: relative;

}

.news-list-content .news-swiper .swiper .prev-btn{

    position: absolute;

    bottom:0;

    right:75px;

    height: 55px;

    width:75px;

    z-index:10;

    background:#525252 url(../images/news/icon_arrow2.png) no-repeat center center/20px 20px;

}

.news-list-content .news-swiper .swiper .next-btn{

    position: absolute;

    bottom:0;

    right:0;

    height: 55px;

    width:75px;

    background:#094084 url(../images/news/icon_arrow2.png) no-repeat center center/20px 20px;

    z-index:10;

    transform: rotate(180deg);

}

.news-list-content .news-swiper .swiper img{

    width: 100%;

    height:338px;

    object-fit: cover;

}

.news-list-content .news-swiper .swiper .info{

    position: absolute;

    bottom:0;

    left:0;

    width:100%;

    background-color:rgba(0,0,0,0.45);

    padding:20px 45px;

    font-size:18px;

    color:#fff;

}

.news-list-content .news-swiper .swiper .info .time{



}

.news-list-content .news-swiper .swiper .info .name{

    

}

.news-list-content .news-swiper .list{

    width:570px;

    float: right;

}

.news-list-content .news-swiper .list .item{

    margin-bottom:15px;

    background-color:#f5f5f5;

    padding:20px 0;

    display: flex;

    align-items: center;

    text-align: center;

}

.news-list-content .news-swiper .list .item.active{

    background-color:#094084;

}

.news-list-content .news-swiper .list .item.active .time span,

.news-list-content .news-swiper .list .item.active .time strong,

.news-list-content .news-swiper .list .item.active .info .name,

.news-list-content .news-swiper .list .item.active .info .desc{

    color:#fff;

}

.news-list-content .news-swiper .list .time{

    width:112px;

    text-align: center;

    border-right:1px solid #ebebeb;

}

.news-list-content .news-swiper .list .time strong{

    color:#777777;

    font-size:48px;

    display: block;

}

.news-list-content .news-swiper .list .time span{

    font-size:16px;

    display: block;

    color:#666666;

}

.news-list-content .news-swiper .list .info{

    width:430px;

    text-align: left;

    padding-left:30px;

}

.news-list-content .news-swiper .list .info .name{

    font-size:16px;

    color:#333;

}

.news-list-content .news-swiper .list .info .desc{

    font-size:14px;

    color:#666666;

}





.news-list-content .news-list{



}

.news-list-content .news-list .item{

    width:32%;

    margin-right: 2%;

    margin-bottom:20px;

    padding:10px;

    background:#fff;

    border:1px solid #ededed;

    float: left;

}

.news-list-content .news-list .item:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)}

.news-list-content .news-list .item:hover .name{

    color:#094084;

}

.news-list-content .news-list .item:nth-child(3n+3){

    margin-right:0;

}

.news-list-content .news-list .item .img-box{

    margin-bottom:15px;

    overflow: hidden;

}

.news-list-content .news-list .item .img-box img{

    width:100%;
    height: 276px;
    object-fit: cover;

}

.news-list-content .news-list .item .info{

    padding:10px;

}

.news-list-content .news-list .item .time{

    font-size:14px;

    margin-bottom:5px;

    color:#8a8a8a;

}

.news-list-content .news-list .item .name{

    font-size:18px;

    color:#333333;

    margin-bottom:5px;

}

.news-list-content .news-list .item .desc{

    font-size:14px;

    margin-bottom:5px;

    color:#666666;
    height: 32px;

}

.news-list-content .news-list .item .icon-to{

    width:20px;

    height:10px;

    background:url(../images/news/icon_to.png) no-repeat 0 0/100% auto;

    display: inline-block;

}





/*-- 产品中心 --*/

.pro-list{

    width:1280px;

    margin:40px auto 50px;

}

.pro-list .item{

    width:32%;

    margin-right:2%;

    margin-bottom:20px;

    float: left;

    border:1px solid #f0f0f0;

    background-color:#fff;

}

.pro-list .item:hover .info{

    color:#fff;

    background-color:#094084;

}

.pro-list .item:hover .info .name,

.pro-list .item:hover .info .desc{

    color:#fff;

}

.pro-list .item:hover .info .icon-add{

    background:url(../images/product/icon_add2.png) no-repeat 0 0/100% auto;

}

.pro-list .item:nth-child(3n+3){

    margin-right:0;

}

.pro-list .item .img-box{

    text-align: center;

}
.pro-list .item .img-box{overflow: hidden;}
//.pro-list .item .img-box img{max-width: 100%;max-height: 100%;}
.pro-list .item .img-box img{
    /*max-width: 100%;max-height: 100%;*/
    width: 390px;
    height: 390px;
    object-fit: cover;
}


.pro-list .item .info{

    background-color:#f9f9f9;

    border-top:1px solid #f0f0f0;

    text-align: center;

    padding:20px 10px;

}

.pro-list .item .info .name{

    font-size:20px;

    color:#094084;

    margin-bottom:5px;

}

.pro-list .item .info .desc{

    font-size:16px;

    margin-bottom:5px;

    color:#777777;

    height: 63px;

}

.pro-list .item .info .icon-add{

    width:30px;

    height:30px;

    background:url(../images/product/icon_add1.png) no-repeat 0 0/100% auto;

    display: block;

    margin:0 auto;

}









.product-info-bg{

}

.product-info-box{

    padding:64px 0;

    width:1280px;

    margin:0 auto;

}

.product-info-box .product-info-l{

    float: left;

    width:550px;

}

.product-info-box .product-info-l .pro-img{

   //background-color:#f1f1f161;

    text-align: center;

    padding:20px;

    margin-bottom:12px;

}

.product-info-box .product-info-l .pro-img .swiper-slide{height:510px;font-size:0px;text-align: center;line-height: 510px;}
.product-info-box .product-info-l .pro-img .swiper-slide img{max-width: 100%;max-height: 100%;}

.product-info-box .product-info-l .icon-pro-list{



}

.product-info-box .product-info-l .icon-pro-list .item{

    /*width:23.5%;*/

    height:120px;
    line-height:100px;
    font-size: 0px;
    text-align: center;

    /*margin-right:2%;*/

    background-color:#fff;

    border:10px solid transparent;

    /*float: left;*/

}

.product-info-box .product-info-l .icon-pro-list .item img{max-width: 100%;max-width: 100%;}

.product-info-box .product-info-l .icon-pro-list .swiper-slide.cur .item{

    border:10px solid #f1f1f161;

}

.product-info-box .product-info-l .icon-pro-list .item:last-child{

    margin-right:0;

}

.product-info-box .product-info-r{

    float: right;

    width:720px;

    height: auto;

  // background-color:#f1f1f161;

    padding:75px 65px;

}

.product-info-box .product-info-r .tag{

    font-size:22px;

    color:#094084;

}

.product-info-box .product-info-r .name{

    font-size:28px;

    margin-bottom:50px;

}

.product-info-box .product-info-r .desc{

    font-size:14px;

    margin-bottom:80px;

}

.product-info-box .product-info-r .desc .key{

    font-weight: bold;

}

.product-info-box .product-info-r .desc .val{

    color:#333;

}

.product-info-box .product-info-r .btn-list{

    text-align: right;

}

.product-info-box .product-info-r .btn-list .item{

    line-height:40px;

    background-color:#f5f5f5;

    padding:0 20px;

    font-size:16px;

    color:#444444;

    display: inline-block;

    margin-left:10px;

}

.product-info-box .product-info-r .btn-list .item.active{

    background:#094084;

    color:#fff;

}

.product-info-box .product-info-r .btn-list .item.icon-info:before{

    content:'';

    width:30px;

    height:30px;

    display: inline-block;

    vertical-align: middle;

    margin-right:5px;

    background:url(../images/product/icon_info1.png) no-repeat 0 0/100% auto;

}



.product-menu-box{

    border-bottom:1px solid #f3f3f3;

    margin-bottom:40px;

}

.product-menu{

    width:1280px;

    margin:0 auto;

    display: flex;

    align-items: center;

}

.product-menu .item{

    border-right:1px solid #f3f3f3;

    padding:0 20px;

    display: flex;

    align-items: center;

    height:70px;

    cursor: pointer;

}

.product-menu .item.active{

    color:#094084;

    border-bottom:1px solid #094084;

}

.product-menu .item span{

    font-size: 16px;

}

.product-desc-box{

    width:1280px;

    margin:0 auto 100px;

}

.product-desc-box .product-desc-l{

    width:940px;

    border:1px solid #f3f3f3;

    float: left;

    padding:80px 50px;

    font-size:14px;

    color:#666666;

    line-height:1.8;

    display: none;

}

.product-desc-box .product-desc-l.ontrue{

    display: block;

}

.product-desc-box .product-desc-r{

    width:300px;

    float: right;

}

.product-desc-box .product-desc-r .pro{

    padding:30px 30px 0;

    border:1px solid #ededed;

    margin-bottom:30px;

}

.product-desc-box .product-desc-r .pro h3{

    font-size:20px;

    position: relative;

    border-bottom:1px solid #ededed;

    padding-bottom:10px;

    text-transform: uppercase;

    font-weight: 100;

}

.product-desc-box .product-desc-r .pro h3:after{

    content:'';

    position: absolute;

    bottom:-1px;

    left:0;

    width:38px;

    height:2px;

    background-color:#324e8f;

}

.product-desc-box .product-desc-r .pro .list{

    padding:20px 0 4px;

}

.product-desc-box .product-desc-r .pro .list p{

    position: relative;

    font-size:16px;

    border-bottom:1px solid #ececec;

    padding:18px 20px 18px 40px;

}

.product-desc-box .product-desc-r .pro .list a:last-child p{

    border-bottom:0;

}

.product-desc-box .product-desc-r .pro .list .icon-shape1:after{

    content:'';

    position: absolute;

    top:50%;

    left:0;

    width:50px;

    background:url(../images/product/icon_sidebar1.png) no-repeat left center / 30px auto;

    height:50px;

    margin-top:-25px;

}

.product-desc-box .product-desc-r .pro .list .icon-shape2:after{

    content:'';

    position: absolute;

    top:50%;

    left:0;

    width:50px;

    background:url(../images/product/icon_sidebar2.png) no-repeat left center / 30px auto;

    height:50px;

    margin-top:-25px;

}

.product-desc-box .product-desc-r .pro .list .icon-shape3:after{

    content:'';

    position: absolute;

    top:50%;

    left:0;

    width:50px;

    background:url(../images/product/icon_sidebar3.png) no-repeat left center / 30px auto;

    height:50px;

    margin-top:-25px;

}



/*-- 服务 --*/

.support-page{

    background-color:#f8f8f8;

}

.leads{

    width:1280px;

    margin:70px auto 50px;

}

.leads .form-tab{

    text-align: center;

}

.leads .form-tab .item{

    width:210px;

    text-align: center;

    line-height:50px;

    border-radius:50px;

    background-color:#fff;

    font-size:16px;

    margin:0 30px;

    display: inline-block;

}

.leads .form-tab .item.active{

    background-color:#094084;

    color:#fff;

}

.leads .form-box{

    margin-top:50px;

}

.leads .tt{

    text-align: center;

    margin-top:50px;

    font-size:30px;

}

.leads .sub-tt{

    text-align: center;

    font-size:18px;

    color:#49525e;

}

.leads .form-box .form-group{

    width:48%;

    height:55px;

    float:left;

    margin-right:4%;

    position: relative;

    padding-left:140px;

    margin-bottom:30px;

    border:1px solid #ededed;

    background-color:#fff;

}

.leads .form-box .form-group.input-box{

    width:100%;

    margin-right:0;

}

.leads .form-box .form-group.textarea-box{

    width:100%;

    height:210px;

    margin-right:0;

}

.leads .form-box .form-group.textarea-box label{

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    line-height:1.5;

}

.leads .form-box .form-group.textarea-box textarea{

    padding:15px;

}

.leads .form-box .form-group:nth-child(2n+2){

    margin-right:0;

}

.leads .form-box .form-group label{

    font-size:16px;

    color:#5b5b5b;

    width:140px;

    height:100%;

    line-height:55px;

    padding:0 20px;

    position: absolute;

    top:0;

    left:0;

}

.leads .form-box .form-group input,.leads .form-box .form-group textarea{

    font-size:16px;

    color:#5b5b5b;

    height:100%;

    width:100%;

    border:0;

    border-left:1px solid #ededed;

    padding:0 10px;

}

.leads .form-box .form-group input::-webkit-input-placeholder{color:#c4c6cf;}
.leads .form-box .form-group textarea::-webkit-input-placeholder{color:#c4c6cf;}

.leads .submit-box{

    line-height:55px;

    font-size:14px;

}

.leads .submit-box .submit{

    width:195px;

    color:#fff;

    background-color:#094084;

    text-align: center;

    margin-right:20px;

    display: inline-block;

}

.leads .submit-box .tips{

    color:#333;

    display: inline-block;

}

.leads .submit-box .tips span{

    color:#094084;

    text-decoration: underline;

}

.technical{

    background-color:#014da2;

    text-align:center;

    color:#fff;

    padding:60px 0;

}

.technical h3{

    font-size:30px;

    font-weight: bold;

    margin-bottom:15px;

}

.technical p{

    font-size:16px;

}





.problem-box{

    width:1280px;

    margin:70px auto 30px;

}

.problem-box .tt{

    font-size:30px;

    text-align: center;

    margin-bottom:20px;

}

.problem-box .item{

    width:48%;

    margin-right:4%;

    padding:30px 0;

    border-bottom:1px solid #f2f2f2;

    position: relative;

    float: left;

}

.problem-box .item.active:after{

    transform: rotate(180deg);

}

.problem-box .item.active .desc{

    display: block;

}

.problem-box .item:after{

    content:'';

    position: absolute;

    top:35px;

    right:0;

    width:20px;

    height:20px;

    background:url(../images/support/icon_arrow.png) no-repeat 0 0/100% auto;

}

.problem-box .item:nth-child(2n+2){

    margin-right:0;

}

.problem-box .item .sort{

    position: absolute;

    top:30px;

    left:0;

    font-size:18px;

    color:#fff;

    width:36px;

    height:30px;

    text-align: center;

    line-height:30px;

    background:url(../images/support/icon_dialog.png) no-repeat 0 0/100% auto;

}

.problem-box .item h3{

    padding-left:60px;

    font-size:16px;

    line-height:30px;

    position: relative;

    margin-bottom:20px;

    cursor: pointer;
    z-index: 3;

}

.problem-box .item .desc{

    font-size:14px;

    color:#777777;

    display: none;

}


.contact-banner .wrap{
    width: 1280px;
    color: #fff;
    position:absolute;
    left: 50%;
    top: 27.51322751322751%;
    margin: 0 0 0 -640px;
    overflow: hidden;
}

.contact-banner .wrap .l{
    font-size: 36px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
    float: left;
}
.contact-banner .wrap .r{
    line-height: 32px;
    font-size: 16px;
    float: right;
}
.contact-banner .wrap .r a:first-child{
    text-decoration: underline;
}
.contact-banner .wrap .r span{margin:0 15px;}