/* CSS Document */
.f16{ font-size:16px; margin-bottom:5px;}
/*about start*/
.nheader{width:100%;height:90px;z-index:2;}
.nheader .logo{margin-top:15px;}
.nheader .right{ padding-top:15px;}
.nheader .right a{display:block;}
.nheader .right ul{overflow:hidden;}
.nheader .right ul li{float:left;}
.nheader .right ul li a{font-size:18px;padding:0px 25px;height:60px;line-height:60px;color:#000000;}
.nheader .right ul li.active a,.nheader .right ul li:hover a{color:#0392e1;}
.nheader .right ul li a.menupro{ background:url(../../images/menu_li_icon.png) no-repeat left 50%; margin-left:20px;}
.nheader .right ul li a.menupro p{ padding-right:21px; background:url(../../images/nmenu_li_bg.png) no-repeat right 50%;}

/*下啦导航 开始*/
.navigation-down { position:absolute; top: 90px; left: 0px; width: 100%; z-index: 10000;}
.navigation-down .nav-down-menu { width: 100%; margin: 0; position: absolute; top: 0px; background: rgba(0,63,101,0.7)}
.navigation-down .nav-down-menu .navigation-down-inner { margin: auto; position: relative; }
.menup{width:1200px; height:auto;margin:0 auto;}
.menup dl{}
.menup dl dd{ display:inline-block;}
.menup dl dd a{ display:block;line-height:74px; font-size:15px; color:#fff; padding:0 10px;}
.menup dl dd:last-child a{ background:none;}

.menup dl dd a:hover{ color:#0291e1;}

.menup_1 dl{ padding-left:20px;}
.menup_2 dl{ padding-left:430px;}
.menup_3 dl{ padding-left:730px;}
.menup_4 dl{ text-align:right; padding-right:180px;}
.menup_5 dl{ text-align:right;}
/*下啦导航  结束*/


.common_banner{ width:100%; height:420px; overflow:hidden;}
.nbanner{ text-align:center; padding-top:150px; color:#fff;}
.nbannert{ font-size:48px; line-height:70px;}
.nbannerc{ font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:40px;}

.ncate{ width:100%; height:70px; background:#ededed;}
.ncatel{ padding-top:17px; line-height:35px;}
.ncatel a{ display:inline-block; padding:0 13px; font-size:15px; color:#333333; line-height:35px; margin-right:2px;border-radius: 35px;}
.ncatel a:hover{ background:#0291e1; color:#fff;}
.ncatel a.ncurr{ background:#0291e1; color:#fff;}
.loaclhost{ padding-left:30px; line-height:70px; background:url(../../images/home.png) no-repeat left 50%; font-size:14px; color:#666666;}

.about1{ padding:70px 0 80px 0;}
.aboutinfo{ margin-bottom:50px;}
.aboutinfot{ font-size:36px; color:#0291e1; font-weight:bolder; line-height:50px; text-align:center; margin-bottom:25px;}
.aboutinfoc{ font-size:14px; color:#333333; line-height:24px;}
.aboutinfo_img{ margin-top:25px;}
.aboutinfo_imgl{}
.aboutinfo_imgl img{ width:100%; height:auto;}

.aboutinfo_img_pp{ text-align:center; padding-top:30px;}
.aboutinfo_img .aboutinfo_img-prev{ width:50px; height:50px; background:url(../../images/about_prev.png) no-repeat 50% 50%; outline:none; cursor:pointer; display:inline-block; margin-right:20px;}
.aboutinfo_img .aboutinfo_img-prev:hover{background:url(../../images/about_prev_over.png) no-repeat 50% 50%;}
.aboutinfo_img .aboutinfo_img-next{width:50px; height:50px; background:url(../../images/about_next.png) no-repeat 50% 50%; display:inline-block; outline:none; cursor:pointer;}
.aboutinfo_img .aboutinfo_img-next:hover{background:url(../../images/about_next_over.png) no-repeat 50% 50%;}

.aboutcul{ margin-bottom:50px;}
.aboutculc{}
.aboutculcl{ width:600px; height:auto;}
.aboutculcr{ width:600px; height:360px; background:#f6f6f6; padding:80px 0 0 140px;color:#333333; font-size:14px; line-height:24px;}
.aboutculcr_t{ font-size:24px; font-weight:bolder; margin-bottom:8px; line-height:38px;}
.aboutculcr_i{ }

.aboutser{ margin-bottom:60px;}
.aboutsert{ text-align:center; font-size:24px; color:#333333; font-weight:bolder; line-height:50px; margin-bottom:20px;}
.aboutserc{}
.aboutsercl{ width:600px; height:360px; padding:40px; background:#f6f6f6;}
.aboutsercl_t{ font-size:14px; color:#333333; line-height:24px;}
.aboutsercl_t p{ padding-left:14px; background:url(../../images/aboutser_square.jpg) no-repeat left 9px; margin-bottom:15px;}
.aboutsercl_b{ text-align:right; line-height:28px;}

.aboutval{ margin-bottom:55px; width:100%; height:420px; background:url(../../images/about_bg.jpg) no-repeat 50% 50%; position:relative; z-index:9;}
.aboutvalc{ width:560px; height:320px; padding:30px 50px; background:#fff; position:absolute; z-index:10; top:60px; right:60px;}
.aboutvalct{ font-size:24px; color:#333333; font-weight:bolder; line-height:40px; margin-bottom:10px;}
.aboutvalcc{ font-size:14px; color:#333333; line-height:24px;}
.aboutvalcc ul li{ width:50%; float:left; margin-bottom:18px;}
.aboutvalcc ul li .tt{ font-size:18px; line-height:35px;}
.aboutzz{}
.aboutzzc{ text-align:center;}

.aboutdev{ width:100%; height:auto; background:url(../../images/about_deve_bg.jpg) no-repeat 50% 50%; background-size:auto 100%; padding:65px 0;}
.aboutdevc{}
.aboutdevcc{}
.aboutdevcct{ width:100%; height:auto; background:url(../../images/about_deve_line.jpg) repeat-x 200px 65px;}
.aboutdevcctt{ padding:0 100px; position:relative; z-index:9;}
.aboutdevcctl{ font-size:30px; font-weight:bolder; line-height:40px; text-align:center; color:#fff; padding-bottom:40px; background:url(../../images/about_deve_icon.png) no-repeat 50% bottom;}

.aboutdevcct .swiper-slide-active{background:url(../../images/about_deve_icon_over.png) no-repeat 50% bottom;}

.aboutdevcct_a{}
.aboutdevcct .aboutdevcct-prev{ width:32px; height:32px; background:url(../../images/about_deve_prev.png) no-repeat 50% 50%; position:absolute; z-index:10; top:49px; left:0; outline:none; cursor:pointer;}
.aboutdevcct .aboutdevcct-prev:hover{background:url(../../images/about_deve_prev_over.png) no-repeat 50% 50%;}
.aboutdevcct .aboutdevcct-next{width:32px; height:32px; background:url(../../images/about_deve_next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:49px; right:0; outline:none; cursor:pointer;}
.aboutdevcct .aboutdevcct-next:hover{background:url(../../images/about_deve_next_over.png) no-repeat 50% 50%;}

.aboutdevccc_aaa{ width:1200px; height:auto; min-height:400px; overflow:hidden; margin:0 auto; position:relative; z-index:9;}
.aboutdevccc{ width:960px; height:auto; margin:0 auto; padding-top:50px; font-size:14px; line-height:30px; color:#fff;transition: 0.36s; position:absolute; z-index:99; left:120px; top:-100%;}
.down { top:0;}

.up {transform: translateX(-100%); }

.abouthonor{ width:100%; height:855px; background:url(../../images/about_honor_bg.jpg) no-repeat 50% top; padding-top:65px;}
.abouthonori{ font-size:14px; color:#666666; line-height:24px; text-align:center; margin-bottom:38px;}
.abouthonorccl{ padding:15px;}
.abouthonorccl a{ display:block; background:url(../../images/about_honor_li_line.jpg) no-repeat 50% bottom #fff; width:100%; padding-bottom:20px;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.25);}
.abouthonorcc_img{}
.abouthonorcc_img img{ display:block; width:100%; height:auto;}
.abouthonorcc_t{ padding:25px 40px;}
.abouthonorcc_t_time{ font-size:18px; color:#999999; line-height:30px; border-bottom:1px #999999 solid; display:inline-block;}
.abouthonorcc_t_i{ margin-top:15px; font-size:24px; line-height:35px; height:70px; overflow:hidden; color:#333333;}

.abouthonorcc{padding:0 80px; position:relative; z-index:9;}
.abouthonorcc_a{ }
.abouthonorcc .abouthonorcc-prev{ width:32px; height:32px; background:url(../../images/about_honor_prev.png) no-repeat 50% 50%; position:absolute; z-index:10; top:240px; left:0; outline:none; cursor:pointer;}
.abouthonorcc .abouthonorcc-prev:hover{background:url(../../images/about_honor_prev_over.png) no-repeat 50% 50%;}
.abouthonorcc .abouthonorcc-next{width:32px; height:32px; background:url(../../images/about_honor_next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:240px; right:0; outline:none; cursor:pointer;}
.abouthonorcc .abouthonorcc-next:hover{background:url(../../images/about_honor_next_over.png) no-repeat 50% 50%;}

.foot{ width:100%; height:auto; background:#0b1928; padding-top:60px;}

.item4c{ padding-bottom:60px; border-bottom:1px #24303e solid;}
.icontact{ width:480px; height:auto;}
.icontact1{ width:100%; height:auto; margin-bottom:30px;}
.icontact1t{ color:#fff; font-size:30px; line-height:30px; margin-bottom:10px;}
.icontact1c{ font-size:14px; color:#b9c7d4; line-height:24px;}

.icontact2{ width:160px; height:auto;}
.icontact2t{ font-size:16px; line-height:25px; color:#fff; margin-bottom:14px;}
.icontact2c{font-size:14px; color:#b9c7d4; line-height:24px;}
.icontact2c a{font-size:14px; color:#b9c7d4; line-height:24px;}
.icontact2c a:hover{ color:#0092e8}
.icontact3{ width:140px; height:auto; margin-left:20px;}

.imessge{ width:500px; height:auto;}
.imessgec{}
.imessgec_i{ font-size:14px; color:#8491a1; line-height:24px;}
.imessgecc{ margin-top:25px;}
.imess_text{ width:238px; height:46px; border:1px #34475c solid; line-height:46px; font-size:14px; color:#8491a1; text-indent:20px; background:none; margin-bottom:20px; outline:none;}
.imess_text_l{ width:498px; height:46px; border:1px #34475c solid; line-height:46px; font-size:14px; color:#8491a1; text-indent:20px; background:none;margin-bottom:20px; outline:none;}
.imess_textarea{ width:498px; padding:15px 0; height:100px; border:1px #34475c solid; line-height:25px; font-size:14px; color:#8491a1; text-indent:20px; background:none;margin-bottom:40px; outline:none;}
.imess_sub{ width:136px; height:48px; line-height:48px; border:none; background:url(../../images/imess_sub.jpg) no-repeat 50% 50%; cursor:pointer; text-indent:16px; font-size:16px; color:#fff; outline:none; text-align:left;}

.copyright{ padding:30px 0; text-align:center; font-size:14px; line-height:26px; color:#fff;}
.copyright a{ color:#fff;}
/*about end*/


/*new start*/
.nlistbig{ padding:100px 0 50px 0;}
.nlistbigll{ width:640px; height:410px;}
.nlistbiglr{ width:510px; height:auto; padding-top:23px;}
.nlistbiglr_t{}
.nlistbiglr_t a{ font-size:24px; color:#333333; line-height:30px;}
.nlistbiglr_time{ margin:20px 0; font-size:14px; color:#666666; line-height:25px;}
.nlistbiglr_i{ font-size:14px; color:#999999; line-height:24px; margin-bottom:40px;}
.nlistbiglr_m{ display:block; width:138px; height:40px; line-height:40px; text-align:center; background:#0291e1; color:#fff; font-size:14px;border-radius: 40px;}
.nlistbiglr_m:hover{ background:#077dbf; color:#fff;}

.nlistbig .swiper-pagination-bullet{ width:18px; height:18px; background:url(../../images/nlist_icon.png) no-repeat 50% 50%;opacity: 1;border-radius:0;}
.nlistbig .swiper-pagination-bullet-active{ background:url(../../images/nlist_icon_over.png) no-repeat 50% 50%; opacity: 1;border-radius:0;}
.nlistbig .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;bottom:0;}
.nlistbig .swiper-pagination-bullets .swiper-pagination-bullet:last-child{ margin-right:0;}
.nlistbig .swiper-pagination-bullets{ bottom:50px; left:auto;right:0px; position:absolute; width:510px; z-index:99;}

.nlist{ width:100%; height:auto; background:#f5f5f5; padding:50px 0; }
.nlistc{}
.nlistca{}
.nlistca ul li{ width:370px; height:auto; float:left; margin:0 44px 40px 0;}
.nlistca ul li a{ display:block; background:#fff;}
.nlistca_img{}
.nlistca_c{ padding:20px 20px 40px 20px;}
.nlistca_ca{ font-size:16px; color:#333333; line-height:28px; height:28px; overflow:hidden;}
.nlistca_c_i{ margin:10px auto 30px auto; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666666;}
.nlistca_c_m{ display:block; width:124px; height:38px; border:1px #999999 solid; line-height:38px; text-indent:23px; font-size:14px; color:#333333;border-radius: 3px; background:url(../../images/nlist_img_more.png) no-repeat 93px 50% #fff;}
.nlistca ul li a:hover{box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);}
.nlistca ul li a:hover .nlistca_ca{ color:#0291e1;}
.nlistca ul li a:hover .nlistca_c_m{border:1px #0291e1 solid;background:url(../../images/nlist_img_more_over.png) no-repeat 93px 50% #0291e1; color:#fff;}


.ndetail{ padding:70px 0 90px 0;}
.ndetaill{ width:1000px; height:auto;}
.ndetaillt{ font-size:24px; color:#333333; line-height:45px;}
.ndetailltime{ margin:15px 0 15px 0; line-height:26px; font-size:14px; color:#666666;}
.ndetailltime span{ padding-left:30px; background:url(../../images/ndetail_time.png) no-repeat left 50%;}
.ndetaillc{ border-top:1px #d7d7d7 solid; border-bottom:1px #d7d7d7 solid; padding:40px 0; font-size:14px; color:#777777; line-height:30px;}
.ndetaill_other{ padding-top:30px;}
.ndetaill_othert{ font-size:24px; color:#333333; line-height:30px; margin-bottom:10px;}
.ndetaill_otherc{}
.ndetaill_otherc ul li{ padding:20px 0; border-bottom:1px #dadada solid;}
.ndetaill_otherc ul li a{ display:block;}
.ndetaill_othercl{ width:218px; height:auto;}
.ndetaill_othercr{ width:760px; height:auto; padding-top:15px;}
.ndetaill_othercrt{ font-size:16px; color:#333333; line-height:28px;}
.ndetaill_othercrtime{ margin:8px 0; font-size:14px; color:#666666; line-height:24px;}
.ndetaill_othercri{ font-size:14px; color:#666666; line-height:24px;}
.ndetaill_otherc ul li a:hover .ndetaill_othercrt{ color:#0291e1;}

.ndetailr{ width:100px; height:auto; padding-top:80px;}
.ndetailrt{ font-size:14px; color:#777777; line-height:30px; margin-bottom:15px; text-indent:5px;}
.ndetailrc{ width:38px; height:auto;}
.ndetailrc a{ display:block; width:38px; height:38px; margin-bottom:20px;}
.ndetailrc a.ndetailrc_1{ background:url(../../images/ndetail_share_img1.png) no-repeat;}
.ndetailrc a.ndetailrc_2{ background:url(../../images/ndetail_share_img2.png) no-repeat;}
.ndetailrc a.ndetailrc_3{ background:url(../../images/ndetail_share_img3.png) no-repeat;}
.ndetailrc a.ndetailrc_4{ background:url(../../images/ndetail_share_img4.png) no-repeat;}
/*new end*/

/*download start*/
.download{ padding:170px 0 50px 0;}
.downloadc{}
.downloadc ul li{ margin-bottom:109px; height:240px; background:#f3f3f3;}
.downloadc ul li:last-child{ margin-bottom:50px;}
.downloadcl{ width:226px; height:240px; position:relative; z-index:9;}
.downloadcl img{ width:226px; height:308px; position:absolute; z-index:10; left:0; bottom:0;}
.downloadcm{ width:660px; margin-left:77px; margin-top:25px; height:190px; border-right:1px #c8c8c8 solid; padding-right:110px; padding-top:15px;}
.downloadcmt{ font-size:24px; color:#333333; line-height:30px;}
.downloadcmi{ margin:20px 0 25px 0; font-size:14px; color:#666666; line-height:24px;}
.downloadcmm{}
.downloadcmm a{ display:inline-block; width:138px; height:38px; border:1px #333333 solid; line-height:38px; text-align:center; font-size:14px; color:#333333; margin-right:40px;}
.downloadcmm a:hover{ background:#0291e1; color:#fff; border:1px #0291e1 solid;}

.downloadcr{ width:170px; padding:40px 30px 0 0;}
.downloadcrt{ margin-bottom:80px; text-align:center; font-size:14px; color:#333333; line-height:30px;}
.downloadcrm{ display:block; width:138px; height:38px; border:1px #333 solid; background:url(../../images/download_icon.png) no-repeat 40px 50%; text-indent:70px; font-size:14px; color:#333333; line-height:38px;}
.downloadcrm:hover{background:url(../../images/download_icon_over.png) no-repeat 40px 50% #0291e1; border:1px #0291e1 solid; color:#fff;}
/*download end*/

/*movie start*/
.moviec{ padding:90px 0 60px 0;}
.moviec ul li{ width:376px; height:auto; float:left; margin:0 36px 40px 0; text-align:center;}
.moviec ul li a{ display:block;}
.moviec_img{ width:376px; height:270px; position:relative; z-index:9; margin-bottom:15px;}
.m_icon{ width:68px; height:68px; position:absolute; z-index:10; left:50%; margin-left:-34px; top:50%; margin-top:-34px; background:url(../../images/movie_icon.png) no-repeat;}
.moviec_t{ color:#000000; font-size:16px; line-height:30px;}
.moviec ul li a:hover .m_icon{ background:url(../../images/movie_icon_over.png) no-repeat;}
/*movie end*/

/*contact start*/
.contact{ padding:90px 0;}
.contact ul li{ margin-bottom:50px; background:#f7f7f7;}
.contactl{ width:482px; height:auto;}
.contactl img{ display:block;}
.contactr{ width:718px; height:auto; padding:40px 70px 0 70px;}
.contactr_t{ font-size:24px; color:#333333; line-height:40px; margin-bottom:15px;}
.contactr_c{ font-size:14px; color:#666666;}
.contactr_c_1{ padding-left:32px; background:url(../../images/contact_icon1.png) no-repeat left 9px; padding:5px 0 5px 32px; line-height:26px;}
.contactr_c_2{padding-left:32px; background:url(../../images/contact_icon2.png) no-repeat left 9px; padding:5px 0 5px 32px; line-height:26px;}
.contactr_c_3{padding-left:32px; background:url(../../images/contact_icon3.png) no-repeat left 9px; padding:5px 0 5px 32px; line-height:26px;}
.contactr_c_4{padding-left:32px; background:url(../../images/contact_icon4.png) no-repeat left 9px; padding:5px 0 5px 32px; line-height:26px;}
.contactr_c_5{padding-left:32px; background:url(../../images/contact_icon5.png) no-repeat left 9px; padding:5px 0 5px 32px; line-height:26px;}
/*contact end*/

/*job start*/
.job{ width:100%; height:auto; background:#f7f7f7; padding:70px 0 60px 0;}
.jobc{}
.jobct{font-size:36px; color:#0291e1; font-weight:bolder; line-height:50px; text-align:center; margin-bottom:25px;}
.jobcc{ padding-top:15px;  max-height: 474px;min-height: 474px; overflow:hidden;transition: max-height ease-out 0.4s;}
.jobcc ul li{ width:542px; height:128px; float:left; margin:0 20px 30px 20px;}
.jobcc ul li a{ display:block; width:542px; height:128px;background:#fff;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.25); padding:20px 25px;}
.jobcct{ font-size:18px; color:#333333; font-weight:bolder; line-height:30px; margin-bottom:30px;}
.jobcctl{}
.jobcctr{ padding-left:27px; background:url(../../images/job_add.png) no-repeat left 50%;}
.jobccm{ font-size:14px; color:#1097e3; font-weight:bolder; line-height:24px;}
.jobcc ul li a:hover{ background:#0291e1;}
.jobcc ul li a:hover .jobcct{ color:#fff;}
.jobcc ul li a:hover .jobcctr{ background:url(../../images/job_add_over.png) no-repeat left 50%;}
.jobcc ul li a:hover .jobccm{ color:#fff;}

.jobcc.jobcccurr{ max-height: 5000px;transition: max-height ease-in 0.4s;}

.jobcm{ display:block; width:170px; height:50px; background:#fff; margin:30px auto 0 auto; line-height:50px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.20); font-size:14px; color:#0291e1; font-weight:bolder; text-align:center;}
.jobcm:hover{background:#0291e1; color:#fff;}
.jobcm2{ display:none;}

.jobrc{ padding:50px 0 30px 0;}
.jobrcc{ padding-top:10px;}
.jobrcct{ background:#f6f6f6;}
.jobrcctl{ width:600px; height:auto;}
.jobrcctl img{ display:block;}
.jobrcctr{ width:600px; height:auto; padding:90px 40px 0 40px;}
.jobrcctr_t{ font-size:18px; font-weight:bolder; color:#333333; line-height:30px; margin-bottom:25px;}
.jobrcctr_c{ font-size:14px; color:#333333; line-height:30px;}
.jobrcctr_c .tt{font-size:18px; font-weight:bolder; color:#333333; line-height:30px;}
.jobrccb{ padding-top:60px;}
.jobrccb ul li{ width:33.33%; height:auto; float:left; text-align:center; padding:0 30px 25px 30px;}
.jobrccb_1{ height:44px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.jobrccb_2{ font-size:18px; color:#333333; font-weight:bolder; line-height:30px; margin:18px auto 16px auto;}
.jobrccb_3{ font-size:14px; color:#333333; line-height:25px;}
.jobrccb ul li:hover .jobrccb_1{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}

.jobyg{}
.jobygc{ padding-top:10px;}
.welfare{position: relative;float: left;width: 33.3334%;height: 280px;height: 280px;overflow: hidden;}
.welfare.welfare-big {
    width: 66.6666%;
}
.welfare-bg {
    position: relative;
    height: 280px;
    box-sizing: border-box;
    overflow: hidden;
    transition: .5s top cubic-bezier(0.2, 0, 0.2, 1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.welfare .welfare-title {
    display: inline-block;
    margin-bottom: 4px;
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 44px;
    box-sizing: border-box;
}
.welfare .welfare-text {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 28px;
    padding-left: 40px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 26px;
    z-index: 2;
    box-sizing: border-box;
}

.welfare .welfare-bg::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: translate(0, 280px);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.welfare .welfare-bg.bg-move {
    background: rgba(155, 38, 182, 0.5)
}

.bg-one::after {
    background: #0291e1;
}

.welfare .welfare-details {
    opacity: 0;
    position: relative;
    width: 92.765%;
    height: 100%;
    z-index: 4;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    transform: translate(0, 80px);
    transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.welfare:hover .welfare-details {
    opacity: 1;
    transform: translate(0, 0);
}

.welfare.welfare-big:hover .welfare-details {
    opacity: 1;
    transform: translate(0, 0);
}

.welfare-bg:hover::after,
.welfare:hover .welfare-bg::after {
    transform: translate(0, 0);
}

/*job end*/

/*product start*/
.nbanner_pro{ text-align:center; padding-top:100px; color:#fff;}
.nbannert_pro{ font-size:48px; line-height:70px; margin-bottom:10px;}
.nbannerc_pro{ font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:30px;}
.nbannerc_pro span{ font-size:16px;}

.proinfo{ padding:60px 0 65px 0;}
.proinfot{ text-align:center;}
.proinfot_t{ font-size:40px; font-weight:bolder; line-height:50px; color:#0291e1;}
.proinfot_line{ width:35px; height:3px; background:#0291e1; margin:20px auto 0 auto;}
.proinfoc{ padding-top:28px; font-size:14px; color:#000000; line-height:28px;}

.proa1{ width:100%; height:560px; background:url(../../images/proa_1_bg.jpg) no-repeat 50% top; padding-top:55px;}
.proa1t{ text-align:center;}
.proa1t_t{ font-size:40px; font-weight:bolder; line-height:50px; color:#fff;}
.proa1t_line{ width:35px; height:3px; background:#fff; margin:20px auto 0 auto;}
.proa1c{ padding-top:50px;}
.proa1c ul li{ width:199px; height:289px; margin-left:1px; float:left; background:url(../../images/proa1c_li_bg.png) repeat; padding:80px 10px 0 10px; position:relative; z-index:9; cursor:pointer;}
.proa1c_over{ width:45px; height:24px; background:url(../../images/proa_1_jt.png) no-repeat; position:absolute; z-index:10; left:50%; margin-left:-22px; bottom:-24px; display:none;}
.proa1cimg{ width:100%; height:67px; margin:0 auto 15px auto;}
/*.proa1c ul li .proa1cimg1{ background:url(../../images/proa_1_icon1.png) no-repeat 50% 50%;}*/
.proa1c ul li .proa1cimg2{ background:url(../../images/proa_1_icon2.png) no-repeat 50% 50%;}
.proa1c ul li .proa1cimg3{ background:url(../../images/proa_1_icon3.png) no-repeat 50% 50%;}
/*.proa1c ul li .proa1cimg4{ background:url(../../images/proa_1_icon4.png) no-repeat 50% 50%;}*/
.proa1c ul li .proa1cimg5{ background:url(../../images/proa_1_icon5.png) no-repeat 50% 50%;}
.proa1c ul li .proa1cimg6{ background:url(../../images/proa_1_icon6.png) no-repeat 50% 50%;}

.proa1c ul li .proa1cimg1{ background:url(../../images/prob_2_icon1.png) no-repeat 50% 50%;}
.proa1c ul li .proa1cimg4{ background:url(../../images/prob_2_icon2.png) no-repeat 50% 50%;}

.proa1cc{ text-align:center; font-size:18px; font-weight:bolder; line-height:28px; color:#fff;}

.proa1c ul li.proa1ccurr{ background:#0066eb;}
.proa1c ul li.proa1ccurr .proa1c_over{ display:block;}
/*.proa1c ul li.proa1ccurr .proa1cimg1{background:url(../../images/proa_1_icon1_over.png) no-repeat 50% 50%;}*/
.proa1c ul li.proa1ccurr .proa1cimg2{background:url(../../images/proa_1_icon2_over.png) no-repeat 50% 50%;}
.proa1c ul li.proa1ccurr .proa1cimg3{background:url(../../images/proa_1_icon3_over.png) no-repeat 50% 50%;}
/*.proa1c ul li.proa1ccurr .proa1cimg4{background:url(../../images/proa_1_icon4_over.png) no-repeat 50% 50%;}*/
.proa1c ul li.proa1ccurr .proa1cimg5{background:url(../../images/proa_1_icon5_over.png) no-repeat 50% 50%;}
.proa1c ul li.proa1ccurr .proa1cimg6{background:url(../../images/proa_1_icon6_over.png) no-repeat 50% 50%;}
.proa1c ul li.proa1ccurr .proa1cimg1{background:url(../../images/prob_2_icon1_over.png) no-repeat 50% 50%;}
.proa1c ul li.proa1ccurr .proa1cimg4{background:url(../../images/prob_2_icon2_over.png) no-repeat 50% 50%;}

.proa1_b{ width:100%; height:auto; background:#21315d;}
.proa1_b .w1200{ padding:30px 25px; font-size:14px; line-height:28px; color:#fff;}

.proa2{ padding:68px 0 80px 0;}
.proa2info{ margin:25px auto 40px auto; font-size:14px; color:#000000; line-height:28px; text-align:center;}
.proa2c{}
.proa2c ul li{ width:380px; height:auto; padding-bottom:15px; float:left; margin-right:30px;border-radius: 4px; background:#0291e1;}
.proa2c_img{}
.proa2c_c{ padding:20px 20px 0 20px; color:#fff;}
.proa2c_c dl dd{ width:50%; height:auto; float:left;}
.proa2c_ct{ font-size:18px; line-height:28px; font-weight:bolder; margin-bottom:10px;}
.proa2c_cc{ font-size:14px; line-height:25px; display:none;}
.proa2c:hover .proa2c_cc{ display:block;}

.proa3{ width:100%; height:645px; background:url(../../images/proa_3_bg.jpg) no-repeat 50% top; padding-top:50px;}
.proa3i{ margin:25px auto 45px auto; text-align:center; font-size:14px; color:#fff; line-height:28px;}
.proa3c{}
.proa3c .proa3cl{ width:364px; height:auto; float:left; color:#fff;}
.proa3cl_img{ width:364px; height:159px; overflow:hidden;}
.proa3cl_img img{ -webkit-transition: all ease .3s; transition: all ease .3s }
.proa3cl:hover .proa3cl_img img{-webkit-transform: scale(1.15); transform: scale(1.15);  }

.proa3cl_t{ margin:20px 0 10px 0; font-size:18px; font-weight:bolder; line-height:28px;}
.proa3cl_i{ font-size:14px; line-height:28px;}

.proa3c_a{ padding-bottom:30px;}
.proa3c .swiper-pagination-bullet{ width:11px; height:11px; background:none;opacity: 1;border-radius:100%; border:1px #fff solid; display:inline-block;}
.proa3c .swiper-pagination-bullet-active{ background:#0291e1; border:1px #0291e1 solid; opacity: 1;border-radius:100%;}
.proa3c .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;bottom:0;}
.proa3c .swiper-pagination-bullets .swiper-pagination-bullet:last-child{ margin-right:0;}
.proa3c .swiper-pagination-bullets{ position:absolute; z-index:10; left:0; bottom:0; width:100%; height:auto; text-align:center;}

.proa4{ padding-top:65px;}
.proa4c{ padding:50px 0 40px 0; width:1080px; height:auto; margin:0 auto;}
.proa4cl{ width:320px; height:370px; background:#444e68; color:#fff; padding:40px 20px 0 20px;border-radius: 3px;}
.proa4cl:hover{ background:#0291e1;}
.proa4cl_img{ text-align:center; height:59px;}
.proa4cl_t{ text-align:center; font-size:18px; font-weight:bolder; line-height:30px; margin:28px auto 15px auto;}
.proa4cl_i{ font-size:14px; line-height:28px;}

.proa4c_a{ padding-bottom:43px;}
.proa4c .swiper-pagination-bullet{ width:11px; height:11px; background:none;opacity: 1;border-radius:100%; border:1px #a6a6a6 solid; display:inline-block;}
.proa4c .swiper-pagination-bullet-active{ background:#0291e1; border:1px #0291e1 solid; opacity: 1;border-radius:100%;}
.proa4c .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;bottom:0;}
.proa4c .swiper-pagination-bullets .swiper-pagination-bullet:last-child{ margin-right:0;}
.proa4c .swiper-pagination-bullets{ position:absolute; z-index:10; left:0; bottom:0; width:100%; height:auto; text-align:center;}

.proa5{ padding-top:65px;}
.proa5c{ padding-top:50px; padding-bottom:60px;}
.proa5cc{ position:relative; z-index:9;}
.proa5c_a{ width:1070px; height:auto; margin:0 auto;}
.proa5cl{ text-align:center;}
.proa5cl_img{ width:130px; height:130px;border-radius: 130px; background:#414b6b; margin:0 auto; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.proa5cl_img1{ background:url(../../images/proa_5_icon1.png) no-repeat 50% 50% #414b6b;}
.proa5cl_img2{ background:url(../../images/proa_5_icon2.png) no-repeat 50% 50% #414b6b;}
.proa5cl_img3{ background:url(../../images/proa_5_icon3.png) no-repeat 50% 50% #414b6b;}
.proa5cl_img4{ background:url(../../images/proa_5_icon4.png) no-repeat 50% 50% #414b6b;}
.proa5cl_img5{ background:url(../../images/proa_5_icon5.png) no-repeat 50% 50% #414b6b;}
.proa5cl_img6{ background:url(../../images/proa_5_icon6.png) no-repeat 50% 50% #414b6b;}
.proa5cl_t{ font-size:18px; color:#333333; font-weight:bolder; line-height:30px; margin:20px 0 10px 0;}
.proa5cl_i{ font-size:14px; color:#333333; line-height:30px;}
.proa5cl:hover .proa5cl_img{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}

.proa5cc .proa5c-prev{ width:52px; height:52px; background:url(../../images/proa_5_prev.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-26px; left:0; outline:none; cursor:pointer;}
.proa5cc .proa5c-prev:hover{background:url(../../images/proa_5_prev_over.png) no-repeat 50% 50%;}
.proa5cc .proa5c-next{width:52px; height:52px; background:url(../../images/proa_5_next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-26px; right:0; outline:none; cursor:pointer;}
.proa5cc .proa5c-next:hover{background:url(../../images/proa_5_next_over.png) no-repeat 50% 50%;}

.proa6{ padding-bottom:60px;}
.proa6c{ padding:50px 0 25px 0;}
.proa6c ul li{ width:380px; height:auto; float:left; margin-right:30px;}
.proa6c_img{ width:380px; height:245px;}
.proa6c_t{font-size:16px; font-weight:bolder; color:#555; line-height:50px; padding:0 10px;}
.proa6m{ width:140px; height:40px; text-align:center; line-height:40px; display:block; color:#fff; background:#0291e1; font-size:14px; margin:0 auto;}
.proa6m:hover{ background:#055b8b; color:#fff;}
.proa6c ul li:hover .proa6c_t{ background:#0291e1; color:#fff;}

.proa7{ padding-bottom:90px;}
.proa7c{ padding-top:50px;}
.proa7cc{ border-top:1px #dcdcdc solid;border-left:1px #dcdcdc solid; width:1201px; position:relative; z-index:9;}
.proa7ccl{ width:240px; height:123px; border-right:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; float:left;}

.proa7cc .proa7cc-prev{ width:52px; height:52px; background:url(../../images/proa_5_prev.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-26px; left:-78px; outline:none; cursor:pointer;}
.proa7cc .proa7cc-prev:hover{background:url(../../images/proa_5_prev_over.png) no-repeat 50% 50%;}
.proa7cc .proa7cc-next{width:52px; height:52px; background:url(../../images/proa_5_next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-26px; right:-78px; outline:none; cursor:pointer;}
.proa7cc .proa7cc-next:hover{background:url(../../images/proa_5_next_over.png) no-repeat 50% 50%;}

.proa8{ width:100%; height:auto; background:url(../../images/proa_8_bg.jpg) no-repeat 50% top; padding:60px 0; text-align:center;}
.proa8t{ margin:0 auto; text-align:center; padding-top:40px;}
.proa8t a{ display:inline-block; padding:0 20px; min-width:178px; height:48px; line-height:48px; margin-right:30px; text-align:center; font-size:14px; color:#fff; border:1px #fff solid;}
.proa8t a:hover{ background:#0291e1; color:#fff; border:1px #0291e1 solid;}
.proa8t a:last-child{ margin-right:0;}
.proa8c{}
.proa8c ul li{ display:inline-block; text-align:center; color:#fff; margin-right:28px; font-size:14px; line-height:28px;}
.proa8c ul li:last-child{ margin-right:0;}
.proa8c ul li img{ margin-bottom:0;}

.prob1{ padding-bottom:70px;}
.prob1c{ padding-top:30px;}
.prob1c ul li{ width:25%; height:auto; float:left; text-align:center; padding:0 30px;}
.prob1c_icon{ width:118px; height:118px; margin:0 auto; border:1px #0267eb solid;border-radius: 100%;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.prob1c_icon1{ background:url(../../images/prob_1_icon1.jpg) no-repeat 50% 50% #fff;}
.prob1c_icon2{ background:url(../../images/prob_1_icon2.jpg) no-repeat 50% 50% #fff;}
.prob1c_icon3{ background:url(../../images/prob_1_icon3.jpg) no-repeat 50% 50% #fff;}
.prob1c_icon4{ background:url(../../images/prob_1_icon4.jpg) no-repeat 50% 50% #fff;}

.prob1c ul li:hover .prob1c_icon{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}

.prob1c_t{ margin:20px auto 10px auto; font-size:18px; font-weight:bolder; line-height:30px; color:#333333;}
.prob1c_i{ font-size:14px; color:#666666; line-height:24px;}

.prob3{ padding-top:60px;}
.prob3i{ margin:25px auto 40px auto; padding:0 35px; text-align:center; font-size:14px; color:#000000; line-height:28px;}

.prob3c{}
.prob3cl_img{ margin-bottom:10px; width:100%; height:100%; overflow:hidden;}
.prob3cl_img img{ display:block; width:100%; height:auto;-webkit-transition: all ease .3s; transition: all ease .3s }
.prob3cl_t{ text-align:center; font-size:18px; font-weight:bolder; line-height:30px; color:#333333;}
.prob3c_a{ padding-bottom:40px;}
.prob3c .swiper-pagination-bullet{ width:11px; height:11px; background:none;opacity: 1;border-radius:100%; border:1px #a6a6a6 solid; display:inline-block;}
.prob3c .swiper-pagination-bullet-active{ background:#0291e1; border:1px #0291e1 solid; opacity: 1;border-radius:100%;}
.prob3c .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;bottom:0;}
.prob3c .swiper-pagination-bullets .swiper-pagination-bullet:last-child{ margin-right:0;}
.prob3c .swiper-pagination-bullets{ position:absolute; z-index:10; left:0; bottom:0; width:100%; height:auto; text-align:center;}
.prob3cl:hover .prob3cl_img img{-webkit-transform: scale(1.15); transform: scale(1.15);}

.prob4{ padding-top:65px;}
.prob4c{ padding-top:40px;}
.prob4c dl dd{ margin-bottom:1px;}
.prob4ct{ width:100%; height:114px; line-height:114px; background:url(../../images/prob_4_icon1.png) no-repeat 50px 50% #444e68;border-radius: 3px; padding:0 21px 0 123px; color:#fff; font-size:18px; font-weight:bolder; position:relative; z-index:9;}
.prob4ct i{ display:block; position:absolute; z-index:10; top:10px; right:21px;}
.prob4ct1{background:url(../../images/prob_4_icon1.png) no-repeat 50px 50% #444e68;}
.prob4ct4{background:url(../../images/prob_4_icon2.png) no-repeat 50px 50% #444e68;}
.prob4ct2{background:url(../../images/prob_4_icon3.png) no-repeat 50px 50% #444e68;}
.prob4ct3{background:url(../../images/prob_4_icon4.png) no-repeat 50px 50% #444e68;}
.prob4ct5{background:url(../../images/prob_4_icon5.png) no-repeat 50px 50% #444e68;}
.prob4cc{ padding:25px 170px 40px 50px; font-size:14x; color:#333333; line-height:24px; display:none;}
.prob4ct1.prob4ctcurr{background:url(../../images/prob_4_icon1.png) no-repeat 50px 50% #0291e1;}
.prob4ct4.prob4ctcurr{background:url(../../images/prob_4_icon2.png) no-repeat 50px 50% #0291e1;}
.prob4ct2.prob4ctcurr{background:url(../../images/prob_4_icon3.png) no-repeat 50px 50% #0291e1;}
.prob4ct3.prob4ctcurr{background:url(../../images/prob_4_icon4.png) no-repeat 50px 50% #0291e1;}
.prob4ct5.prob4ctcurr{background:url(../../images/prob_4_icon5.png) no-repeat 50px 50% #0291e1;}
/*.prob4ct.prob4ctcurr + .prob4cc{ display:block;}*/

.proc1{ padding-bottom:70px;}
.proc1i{ text-align:center; padding:40px 0;}
.proc1i_t{ font-size:30px; font-weight:bolder; color:#333333; line-height:50px; margin-bottom:10px;}
.proc1i_i{ font-size:14px; color:#000000; line-height:28px;}
.proc1c{}
.proc1c ul li{ width:25%; height:auto; float:left; padding:0 20px;}
.proc1c_img{ text-align:center;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.proc1c_t{text-align:center; margin:25px auto 20px auto; font-size:24px; font-weight:bolder; line-height:30px;}
.proc1c_c{ line-height:28px; color:#000000;}
.proc1c ul li:hover .proc1c_img{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}

.proc4c{ text-align:center; padding-top:25px; font-size:14px; color:#000000; line-height:28px;}

.proc5{ width:100%; height:440px; background:url(../../images/proc5_bg.jpg) no-repeat 50% top; padding-top:80px;}
.proc5 ul li{ width:580px; height:280px; float:left; margin-right:40px; background:#fff; padding:45px 50px;}
.proc5l{ width:54px; height:auto; padding-top:47px;}
.proc5r{ width:370px; height:auto;}
.proc5r_t{ font-size:30px; font-weight:bolder; color:#0291e1; line-height:45px; margin-bottom:15px;}
.proc5r_i{ font-size:14px; color:#666666; line-height:28px;}

.proc5 ul li:hover{ background:#0291e1;}
.proc5 ul li:hover .proc5l img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.proc5 ul li:hover .proc5r_t{ color:#fff;}
.proc5 ul li:hover .proc5r_i{ color:#fff;}

.proc6{ padding-top:53px;}

.prod1{ width:100%; height:677px; background:url(../../images/prod_2_bg.jpg) no-repeat 50% top; padding-top:55px;}
.prod1i{ text-align:center; color:#fff; font-size:14px; line-height:28px; margin:20px auto 40px auto;}
.prod1c{ position:relative; z-index:9;}
.prod1c_a{ width:1060px; height:auto; margin:0 auto;}
.prod1cl{ text-align:center;}
.prod1cl_img{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.prod1cl_t{ margin:30px auto 25px auto; font-size:18px; color:#0291e1; line-height:28px;}
.prod1cl_i{ text-align:left; color:#fff; font-size:14px; line-height:26px; padding-left:45px;}
.prod1cl:hover .prod1cl_img{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}

.prod1c .prod1c-prev{ width:52px; height:52px; background:url(../../images/prod_2_prev.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-26px; left:0; outline:none; cursor:pointer;}
.prod1c .prod1c-prev:hover{background:url(../../images/prod_2_prev_over.png) no-repeat 50% 50%;}
.prod1c .prod1c-next{width:52px; height:52px; background:url(../../images/prod_2_next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-26px; right:0; outline:none; cursor:pointer;}
.prod1c .prod1c-next:hover{background:url(../../images/prod_2_next_over.png) no-repeat 50% 50%;}


.proe1{ padding-bottom:50px;}
.proe1c{ padding-top:30px;}
.proe1c ul li{ width:33.33%; height:auto; padding:0 20px; float:left; text-align:center; margin-bottom:30px; font-size:14px; line-height:28px; color:#333333;}
.proe1c_img{ margin:0 auto 20px auto;}
			.proe1c_img img{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.proa1c2{}
.proa1c2 ul li{ width:239px;}
.proe1c ul li:hover .proe1c_img img{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}

.proe2{}
.proe2 ul li{ width:33.33%; height:auto; padding:0 40px; text-align:center; float:left;}
.proe2_img{}
.proe2_img img{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.proe2_t{ font-size:24px; color:#0291e1; line-height:28px; font-weight:bolder; margin:40px auto 20px auto;}
.proe2_i{ font-size:14px; color:#000000; line-height:28px;}
.proe2 ul li:hover .proe2_img img{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}

.proe3{ width:100%; height:520px; background:url(../../images/proa_3_bg.jpg) no-repeat 50% top; padding-top:50px;}
.proe3c{ padding-top:50px;}
.proe3ct{ width:1200px; height:139px; background:url(../../images/proe_3_con_bg.png) no-repeat; padding-top:25px; color:#fff;}
.proe3ct ul li{ width:20%; height:auto; float:left; padding-left:40px;}
.proe3ct_t{ font-size:36px; line-height:40px; margin-bottom:6px;}
.proe3ct_i{ font-size:18px; font-weight:bolder; line-height:28px;}

.proe3cc{}
.proe3cc ul li{width:20%; height:auto; float:left; padding-left:40px; font-size:14px; line-height:28px; padding-top:18px; color:#fff; padding-right:30px;}
.proe3cc ul li:first-child{ padding-left:0;}

.prof2{ padding-top:50px;}


.prof3{ width:100%; height:660px; background:url(../../images/prof_3_bg.jpg) no-repeat 50% top; padding-top:60px;}
.prof3c{ margin-top:50px;}
.prof3cl{ background:#fff; padding:67px 20px 0 20px; height:350px; width:265px; text-align:center;}

.prof3cl_img{}
.prof3cl_t{ margin:20px auto 6px auto; font-size:18px; color:#0291e1; font-weight:bolder; line-height:30px;}
.prof3cl_t_1{ font-size:30px; font-family:Arial, Helvetica, sans-serif;}
.prof3cl_t_2{}
.prof3cl_i{ font-size:14px; color:#666666; line-height:28px; text-align:left;}

.prof3cl_img img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.prof3cl:hover .prof3cl_img img{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}

/*.prof3cl:hover{ background:#0291e1;}
.prof3cl:hover .prof3cl_img img{-webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);}
.prof3cl:hover .prof3cl_t{ color:#fff;}
.prof3cl:hover .prof3cl_i{ color:#fff;}*/

.prof3c_a{ padding-bottom:50px;}
.prof3c .swiper-pagination-bullet{ width:11px; height:11px; background:none;opacity: 1;border-radius:100%; border:1px #fff solid; display:inline-block;}
.prof3c .swiper-pagination-bullet-active{ background:#0291e1; border:1px #0291e1 solid; opacity: 1;border-radius:100%;}
.prof3c .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;bottom:0;}
.prof3c .swiper-pagination-bullets .swiper-pagination-bullet:last-child{ margin-right:0;}
.prof3c .swiper-pagination-bullets{ position:absolute; z-index:10; left:0; bottom:0; width:100%; height:auto; text-align:center;}

.prof4{ padding-top:65px;}
.prof4c{ padding-top:50px;}
.prof4cl{ margin-bottom:2px; background:#eeeeee; /*padding:30px 30px 30px 20px;*/border-radius: 4px;}
.prof4clt{ cursor:pointer;padding:30px 30px 30px 20px;}
.prof4clticon{ width:60px; height:60px; border-radius: 60px; background:url(../../images/prof4_icon1.png) no-repeat 50% 50% #414b6b;}
.prof4clticon1{ background:url(../../images/prof4_icon1.png) no-repeat 50% 50% #414b6b;}
.prof4clticon2{ background:url(../../images/prof4_icon2.png) no-repeat 50% 50% #414b6b;}
.prof4clticon3{ background:url(../../images/prof4_icon3.png) no-repeat 50% 50% #414b6b;}

.prof4cltr{ width:1060px; background:url(../../images/prof4_more.png) no-repeat right 15px;}
.prof4cltrt{ font-size:24px; color:#333333; line-height:30px; font-weight:bolder; margin-bottom:2px;}
.prof4cltrc{ font-size:14px; line-height:28px; color:#666666; font-weight:bolder; }
.prof4clc{ padding:20px 190px 30px 90px;font-size:14px; line-height:28px; display:none;}

.prof4cl.prof4clcurr{}
.prof4cl.prof4clcurr .prof4clticon1{ background:url(../../images/prof4_icon1.png) no-repeat 50% 50% #0291e1;}
.prof4cl.prof4clcurr .prof4cltr{background:url(../../images/prof4_more_over.png) no-repeat right 15px;}
/*.prof4cl.prof4clcurr .prof4clc{ display:block;}*/

.prof5{ padding:70px 0 65px 0;}
.prof5c{ padding-top:49px;}
.prof5c ul li{ width:25%; height:auto; float:left; text-align:center; padding:0 60px;}
.prof5c_img{}
.prof5c_img img{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.prof5c_t{ margin:23px auto 10px auto; font-size:18px; color:#333333; line-height:28px; font-weight:bolder;}
.prof5c_i{ font-size:14px; line-height:25px; color:#666666; text-align:left; padding-left:50px;}
.prof5c ul li:hover .prof5c_img img{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}

.prof3ct{ width:1100px; height:139px; background:url(../../images/proe_3_con_bg2.png) no-repeat; padding-top:28px; color:#fff; margin:0 auto;}
.prof3ct ul li{ width:25%; height:auto; float:left; padding-left:80px;}
.prof3ct ul li:first-child{ padding-left:40px;}
.prof3ct_t{ font-size:36px; line-height:40px; margin-bottom:6px;}
.prof3ct_i{ font-size:18px; font-weight:bolder; line-height:28px;}

.prof3cc{width:1100px; margin:0 auto;}
.prof3cc ul li{width:25%; height:auto; float:left; padding-left:80px; font-size:14px; line-height:28px; padding-top:18px; color:#fff; padding-right:30px;}
.prof3cc ul li:first-child{ padding-left:40px;}

/*product end*/


.pageController { width:100%; padding: 20px 0; line-height: 25px; text-align:center;}
.pageController a { display:inline-block; line-height:26px; color: #666; font-size:16px; margin-right:8px;}
.pageController a:hover { color: #0291e1; text-decoration: none;font-weight:bolder; text-decoration:underline;}
.pageController .xuanzhong {color: #0291e1; text-decoration: none;font-weight:bolder; text-decoration:underline;}


/*add start*/
.alertc{ display:none;}
.alertbg{ width:100%; height:100%; position:fixed; z-index:99999; background-color: rgb(0, 0, 0); opacity: 0.3; top:0; left:0;}
.alertcon{ width:730px; height:auto; background:#fff; position:fixed;z-index: 19891015; top:15%; left:50%; margin-left:-365px;}
.alertclose{ position:absolute; z-index:19891019; top:-31px; right:-22px;}
.alertcont{ text-align:center; padding:18px 0 15px 0; color:#e60033; font-size:32px; font-weight:bolder; border-bottom:1px #c9c9c9 solid; width:380px; height:auto; margin:0 auto;}
.alertconc{ height:auto; margin:0 auto; font-size:14px; color:#111111; padding:50px 55px; }
.alertconct{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px #bdbdbd solid; padding-left:10px; padding-right:10px;}
.alertconct_t{ font-size:25px; color:#000000; line-height:40px; font-weight:bolder; margin-bottom:8px;}
.alertconct_i{ font-size:17px; font-weight:bolder; line-height:30px; color:#000000;}

.alertconcc{ padding:0 10px;}
.alertconccl{ margin-bottom:20px;}
.alertconccl:last-child{ margin-bottom:0;}
.alertconccl_t{font-size:17px; font-weight:bolder; line-height:30px; color:#000000;}
.alertconccl_t span{ color:#0291e1; padding-right:10px; font-weight:bolder;}
.alertconccl_c{ margin-top:8px; font-size:14px; line-height:28px; color:#000000;}


.dalertc{ display:none;}
.dalertbg{ width:100%; height:100%; position:fixed; z-index:99999; background-color: rgb(0, 0, 0); opacity: 0.3; top:0; left:0;}
.dalertcon{ width:550px; height:auto; background:#fff; position:fixed;z-index: 19891015; top:20%; left:50%; margin-left:-275px;}
.dalertclose{ position:absolute; z-index:19891019; top:-31px; right:-22px;}
.dalertcont{ text-align:center; padding:18px 0 15px 0; color:#e60033; font-size:32px; font-weight:bolder; border-bottom:1px #c9c9c9 solid; width:380px; height:auto; margin:0 auto;}
.dalertconc{ height:auto; margin:0 auto; font-size:14px; color:#111111; padding:40px 55px 88px 55px; }
.dalertconct{ text-align:center; font-size:28px; color:#333333; font-weight:bolder; line-height:40px;}
.dalertconcc{ margin-top:25px;}
.ames_text_1{ width:100%; height:52px; border:1px #999999 solid; line-height:52px; text-indent:49px; font-size:16px; color:#333; background:url(../../images/z_alert_mes_icon1.png) no-repeat 19px 50%; margin-bottom:19px;}
.ames_text_2{ width:100%; height:52px; border:1px #999999 solid; line-height:52px; text-indent:49px; font-size:16px; color:#333; background:url(../../images/z_alert_mes_icon2.png) no-repeat 19px 50%; margin-bottom:19px;}
.ames_text_3{ width:100%; height:52px; border:1px #999999 solid; line-height:52px; text-indent:49px; font-size:16px; color:#333; background:url(../../images/z_alert_mes_icon3.png) no-repeat 19px 50%; margin-bottom:19px;}
.ames_sub{ width:142px; height:50px; border:0; background:#0291e1; color:#fff; font-size:16px; margin-right:20px; cursor:pointer;}
.ames_reset{width:142px; height:50px; border:0; background:#b6b6b6; color:#fff; font-size:16px; cursor:pointer;}


/*add end*/

.ionline{ position:fixed; z-index:999; right:20px; bottom:40px; width:60px;}
.ionline ul li{ width:60px; height:60px; margin-bottom:10px;}
.ionline ul li a{ display:block;width:60px; height:60px;border-radius: 100%;}
.ionline ul li a.ionline1{ background:url(../../images/online_icon1.png) no-repeat 50% 50% #263343;}
.ionline ul li a.ionline2{ background:url(../../images/online_icon2.png) no-repeat 50% 50% #263343;}
.ionline ul li a.ionline3{ background:url(../../images/online_icon3.png) no-repeat 50% 50% #263343;}
.ionline ul li a.ionline1 img{ position:absolute; z-index:1000; top:0; right:90px; display:none;}

.ionline ul li a.ionline1:hover{ background:url(../../images/online_icon1_over.png) no-repeat 50% 50%;}
.ionline ul li a.ionline2:hover{ background:url(../../images/online_icon2_over.png) no-repeat 50% 50%;}
.ionline ul li a.ionline3:hover{ background:url(../../images/online_icon3_over.png) no-repeat 50% 50%;}
.ionline ul li a.ionline1:hover img{ display:block;}


.fonline{ position:fixed; z-index:999; right:20px; bottom:20%; width:60px;}
.fonline ul li{ width:80px; height:80px; margin-bottom:1px;}
.fonline ul li a{ display:block;width:80px; height:80px; font-size:12px; color:#0190e0; text-align:center; padding-top:48px;}
.fonline ul li a.fonline0{background:url(../../images/o_a_icon1.png) no-repeat 50% 17px #263343;}
.fonline ul li a.fonline1{ background:url(../../images/o_a_icon2.png) no-repeat 50% 17px #263343; position:relative; z-index:1000;}
.fonline ul li a.fonline2{ background:url(../../images/o_a_icon3.png) no-repeat 50% 18px #263343;}
.fonline ul li a.fonline3{ background:url(../../images/o_a_icon4.png) no-repeat 50% 20px #263343;}
.fonline ul li a.fonline1 img{ position:absolute; z-index:1001; top:0; right:90px; display:none;}

.fonline ul li a.fonline0:hover{background:url(../../images/o_a_icon1.png) no-repeat 50% 17px #195d9b;}
.fonline ul li a.fonline1:hover{ background:url(../../images/o_a_icon2.png) no-repeat 50% 17px #195d9b;}
.fonline ul li a.fonline2:hover{ background:url(../../images/o_a_icon3.png) no-repeat 50% 18px #195d9b;}
.fonline ul li a.fonline3:hover{ background:url(../../images/o_a_icon4.png) no-repeat 50% 20px #195d9b;}
.fonline ul li a.fonline1:hover img{ display:block;}


.video-pop{position:fixed;z-index:10000;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.video-pop .video-warp{position:absolute;top:50%;left:50%;width:70%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.video-pop .video-warp video{width:100%;}
.video-pop .video-warp .video-close{position:absolute;top:-50px;right:-50px;width:38px;height:38px;background:url(../../images/close-white.png) no-repeat center center/18px 18px;cursor:pointer;border:1px solid #fff;border-radius:100%;}

@media screen and (max-width:1025px) {
    .index-item04 .icon{width:50px;height:50px;/*background:url(../images/index-item04-icon.png) no-repeat center center/10px auto;*/margin:-25px 0px 0px -25px;}
    .index-item04 .icon:after{}
    .video-pop .video-warp{width:90%;}
    .video-pop .video-warp .video-close{right:0;width:20px;height:20px;top:-30px;}
}