@charset "utf-8";

/* CSS Document */

*{margin:0px;padding:0px;}

ul{list-style-type:none;}

li{ list-style:none;line-height: 35px;}

img{border:0px;}

a{text-decoration:none; font-size: 12px;}

.clear{clear: both;}

.fl{float:left;}

.fr{float:right;}

.pos_a{position: absolute;}

.pos_r{position: relative;}

.zi_1{z-index: 1;}

.zi_2{z-index: 2;}

em{border-bottom: 1px #CCC solid;float: right;width: 700px;max-height: 25px;display: block;}

body{font-family: "微软雅黑"; font-size: 12px;overflow-x:hidden; }



/* CSS Header */

#he_01{width: 100%;height: 32px;border-bottom: solid 1px #d9d9d9;background-color: #fbfbfb;}

#he_01_mid{width: 1200px;height: 32px;line-height: 32px;color: #575757;font-size: 14px; margin:0 auto;position: relative;}

#he_01_sy{position: absolute;right: 0;top:0;text-align: right;color: #575757;font-size: 14px;}

#he_01_sy a{color: #575757;font-size: 14px;padding:0 6px;transition: all .4s;}

#he_01_sy a:hover{text-decoration: underline;color: #0758b3;}

#he_01_sy span{font-weight: bolder;color: #e80000;}

.navigation{width:100%;position:fixed;left: 0;top:16px;z-index: 100000;transition: all .4s;}

.navigation_mid{width: 1200px;margin:0 auto;position: relative;}

.logo{position: absolute;left: 0;transition: all .4s;}

.logo img{transition: all .4s}

.menu{position: absolute;right: 0;transition: all .4s;}

.menu .nLi{height: 51px; text-align: center;float: left;display: inline;position: relative;}

.menu .nLi h3 a{display: block;width: 110px;height: 50px;line-height: 50px; color: #242529;font-size: 16px;font-weight: normal;}

.menu .vr_a h3 a{display: block;width: 137px;height: 50px;line-height: 50px;background: #57c3df;border-bottom: solid 3px #19cbff; color: #fff;font-size: 16px;font-weight: normal;}

.menu .sub{display: none; width: 110px;left: 0;top:50px;position: absolute;background: #57c3df;line-height: 30px;padding:15px 0 30px 0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

.menu .sub li a{display: block;padding:0 10px;font-size: 14px;color: #fff;}

.menu .sub li a:hover{text-decoration: underline;}

.menu h3 a:hover{color: #fff;background: #57c3df;border-bottom: solid 3px #19cbff;}

.menu .vr_a h3 a:hover{background: #e60012; color: #fff;border-bottom: solid 3px #dc0314;}

.menu .on h3 a{ background:#57c3df; color:#fff;border-bottom: solid 3px #19cbff;}

.nav_default .navigation{height: 100px;}

.nav_default .logo{height: 61px;top:17px;}

.nav_default .logo img{height: 61px;}

.nav_default .menu{top:25px;}

.flash{width:1200px;height: 1019px;margin:0 auto;position: relative;}

.flash_mid{width:1920px;height: 1019px;position: absolute;top:0;left: -360px;z-index: 1;}

.nav_fixed{background: rgba(255,255,255,.8);height: 60px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);top:0;}

.nav_fixed .logo{height: 50px;top:5px;}

.nav_fixed .logo img{height: 50px;}

.nav_fixed .menu{top:3px;}

.zy_banner{width: 100%;height: 545px;margin:0 auto;}

.banner_0{background: url(../zybanner/company.jpg) center no-repeat;}

.banner_1{background: url(../zybanner/news.jpg) center no-repeat;}

.banner_2{background: url(../zybanner/product.jpg) center no-repeat;}

.banner_34{height: 545px; background: url(../zybanner/banner_34.jpg) center no-repeat;}

.banner_33{height: 545px;background: url(../zybanner/banner_33.jpg) center no-repeat;}

.banner_32{height: 545px;background: url(../zybanner/banner_32.jpg) center no-repeat;}

.banner_31{height: 545px;background: url(../zybanner/banner_31.jpg) center no-repeat;}

.banner_49{height: 545px;background: url(../zybanner/banner_49.jpg) center no-repeat;}

.banner_50{height: 545px;background: url(../zybanner/banner_50.jpg) center no-repeat;}

.banner_51{height: 545px;background: url(../zybanner/banner_51.jpg) center no-repeat;}

.banner_59{height: 545px;background: url(../zybanner/banner_51.jpg) center no-repeat;}

.banner_61{height: 545px;background: url(../zybanner/banner_51.jpg) center no-repeat;}

.banner_3{background: url(../zybanner/service.jpg) center no-repeat;}

.banner_4{background: url(../zybanner/jobs.jpg) center no-repeat;}

.banner_5{background: url(../zybanner/contact.jpg) center no-repeat;}

#he_04{width: 1200px;height: 70px;margin:0 auto;position: relative;line-height: 70px;color: #3e3e40;font-size: 16px;}

#he_04:after{width:1200px;height: 70px;content: '';background:#f2f2f2;position: absolute;left: 855px;top:0;}

#he_04 a{color: #888888;font-size: 16px;margin-right: 10px;}

#he_04 a:hover{color: #27699b;}

#he_04_search{width: 310px;height: 25px;position: absolute;right: 20px;top:22px;}

#he_04_search #search_name{ width: 100%; height: 25px; line-height: 25px;border:none;border-left:solid 2px #fc6708;text-indent: 10px; outline: none; color: rgba(0,0,0,.3);font-family: "微软雅黑"; font-size: 14px;background: none;position: absolute;left: 0;top:0;z-index: 1;}

#he_04_search #button{ width: 25px; height: 25px;background: url(../images/search_bg.png) center no-repeat; cursor: pointer; border:none;outline: none;position: absolute;right: 0;top:0;z-index: 2;}





/* CSS Footer */

#footer_nav{width:100%;height:56px; background: #434343; border-bottom: solid 1px rgba(255,255,255,.1); margin:0 auto;}

#footer_navmid{width: 1200px;height: 56px;margin:0 auto;line-height: 56px;color: #fff;font-size: 14px;text-align: center;}

#footer_navmid a{color: #fff;font-size: 14px;margin:0 30px;}

#footer_navmid a:hover{color: #ffa200;}

#footer{width:100%;height:120px; background: #434343; padding:35px 0px; margin:0 auto;}

#footer_mid{width: 1200px;height: 120px;margin:0 auto;position: relative;/*background: url(../images/logo.png) left center no-repeat;*/}

#footer_lxwm{position: absolute;left: 0px; height: 110px; padding:5px 0px;/* padding-left: 50px;border-left:solid 1px rgba(255,255,255,.1)*/;line-height: 28px;color: rgba(255,255,255,.5);font-size: 12px;}

#footer_ewm{position: absolute;right: 0;top:0px;}

#footer_ewm li{width: 100px;float: left;margin-left:20px;text-align: center;line-height: 20px;color: #fff;font-size: 12px;}

#footer_ewm li img{width: 95px;height: 95px;}

#footer_copyright{width: 100%;height: 37px;margin:0 auto;background: #494949;}

#footer_copyright_mid{width: 1200px;height: 37px; text-align: center; text-transform: uppercase; margin:0 auto;position: relative;line-height: 37px;color: rgba(255,255,255,.5);font-size: 12px;}

#footer_copyright_mid a{color: rgba(255,255,255,.5);font-size: 12px;}

#footer_copyright_mid a:hover{text-decoration: underline;}

.vr{position: fixed;left:2px;top:50%;margin-top: -35px;z-index: 10000000;}

.vr i{display: block;width:60px;height: 60px;width: 60px;height: 60px;padding:5px; background: #55ad85;z-index: 2;}

.vr img{width: 100%;position: relative;}

.vr:hover i{background: #e60012}

.vr span{display: block;width: 200px;font-size: 24px;padding-left: 20px; line-height: 60px;padding:5px; text-align: center; position: absolute;left: -200px;top:0;height: 60px;padding:5px 0;border-radius: 2px;color: #fff;background: #e60012;transition: all .4s;}

.vr:hover span{left: 71px;}





#lxwm_03{width: 100%; padding:50px 0; margin:0 auto;}

#lxwm_03_title{width: 100%;height: 30px; margin:0 auto; margin-top: 20px; line-height: 30px;text-align: center;font-size: 14px;color: #898989;}

#lxwm_03 .line{width: 72px;height: 1px;background: #c6c6c6;margin:9px auto 0;display: block;}

#lxwm_03_form{width: 945px;margin:64px auto 0;}

#lxwm_03_form .form01 .line1{width: 231px;height: 48px;line-height: 48px;padding:0 46px 0 13px;float: left;margin:0 34px 25px 0;color: #666;font-size: 14px;}

#lxwm_03_form .form01 input{border:1px solid #d5d5d5;font-size: 14px;font-family: "微软雅黑";}

#lxwm_03_form .form01 .name{background: #fff url(../images/i_form_ico1.png) no-repeat right 0;}

#lxwm_03_form .form01 .phone{background: #fff url(../images/i_form_ico2.png) no-repeat right 0;}

#lxwm_03_form .form01 .email{margin-right: 0;background: #fff url(../images/i_form_ico3.png) no-repeat right 0;}

#lxwm_03_form .form01 textarea{width: 883px;border: 1px solid #d5d5d5;color: #666;font-size: 14px;padding: 10px 46px 10px 13px;height: 149px;font-size: 14px;font-family: "微软雅黑";line-height: 1.5;margin-bottom: 20px;background: #fff url(../images/i_form_ico4.png) no-repeat right top;}

#lxwm_03_form .form02{width: 310px;height: 50px;margin:0 auto;}

#lxwm_03_form .form02 input {width: 310px; height: 50px; border: 0; transition:all 0.4s; background: #4fa9e5; font-size: 16px;font-family: "微软雅黑"; line-height: 50px; color: #fff; text-align: center; cursor: pointer;}

#lxwm_03_form .form02 input:hover {background: #2a448e; }





/*jobs css*/

#jobs_category{width: 1200px;margin:0 auto;}

#jobs_category li{width: 580px;height: 361px;float: left;position: relative;}

#jobs_category li:nth-child(even){margin-left: 20px;}

#jobs_category li img{width: 100%;display: block;}

#jobs_category li h4{position: absolute;display: block; margin:auto;left: 0;right: 0;bottom:0;line-height: 70px;color: #fff;text-indent: 25px;font-size: 24px;background: url(../images/zz.png) repeat-x left bottom;}

#jobs_lis{width: 1230px;margin:0 auto;}

.jobs_lis li{ width: 230px; height: 306px; padding: 20px 30px 30px; border-bottom-right-radius: 26px; overflow: hidden; background: #fff; float: left; margin-right:14px; margin-bottom: 14px; box-shadow: 0 0 6px #666; transition-duration:300ms; position: relative;}

.jobs_lis li:hover{ background: #4fa9e5;}

.jobs_lis li .posi-head{height: 70px;width: 100%;border-bottom: 1px solid #797979;}

.jobs_lis li:hover .posi-head{border-bottom: 1px solid rgba(255,255,255,.2)}

.jobs_lis li .posi-head .date{font-size: 15px;color: #999;line-height: 24px;padding-bottom:10px;}

.jobs_lis li:hover .posi-head .date{color:rgba(255,255,255,.8);}

.jobs_lis li .posi-head .state{font-size: 20px;color: #333;line-height: 22px;font-weight: bold;}

.jobs_lis li:hover .posi-head .state{color: #fff;}

.jobs_lis li .summary-posi{width: 100%;line-height: 35px;font-size: 14px;padding-top: 20px;height: 158px;color: #666;overflow: hidden;}

.jobs_lis li:hover .summary-posi{color: #fff;}

.jobs_lis li .konw-more-posi{ display: block; width: 124px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; border-radius: 18px; overflow: hidden; border:1px solid #4fa9e5; position: absolute; left: 30px; bottom: 30px; color: #fff;background: #4fa9e5;}

.jobs_lis li:hover .konw-more-posi{color: #333;border:1px solid #fff;background: #fff;}

.posi-off{display: none;}

.posi-on{display: block;}

.posi-bg{width: 100%; height: 100%; background: #000; opacity: .8; position:fixed; z-index: 999999; bottom: 0;}

.posi-request{position: fixed;left: 50%;top:0;margin-left: -500px;border-radius: 5px; z-index: 1000000;background: #fff;width: 1000px;height: 100%;overflow-y: scroll;}

.posi-request dl{padding:30px;padding-bottom: 50px;}

.posi-request dt{border-bottom: 1px solid #f1f1f1;line-height: 45px;display: flex;}

.posi-request dt span:first-of-type{flex: 0 0 80%; font-size: 20px;color: #333;}

.posi-request dt i{font-style: normal; font-size: 16px;color: #666;padding-left: 20px;font-weight: normal;}

.posi-request dt span:last-of-type{flex: 1; text-align: right;font-size: 14px;color: #999;font-weight: normal;}

.posi-request dd{line-height: 35px;color: #282828;font-size: 14px;padding-top: 30px;}





/* CSS Main */

.wrap_tit{text-align: center;color: #323232;margin-bottom: 35px;}

.wrap_tit h4{font-size:30px;line-height: 30px;}

.wrap_tit p{width: 542px;height: 36px;font-size: 18px; background: url(../images/wrap_tit_bg.png) center no-repeat;line-height: 36px;display: block;margin:12px auto;}

.wrap_tit i{display: block;width: 100px;height: 2px;background: rgba(255,255,255,.5);margin:0 auto;}



#wrap_01 ul{display: flex;justify-content: center;align-items: center;}

#wrap_01 ul li{flex:1;text-align: center;position: relative;}

#wrap_01 ul li:after{width: 0;height: 16px;position: absolute;left: 0;top:-16px;background: none;transition: all .4s;content: '';}

#wrap_01 ul li .box{text-align: center;line-height: 35px;padding:55px 0;}

#wrap_01 ul li .box h4{color: #3c3c3c;font-size: 36px;}

#wrap_01 ul li .box p{color: #959595;font-size: 14px;}

#wrap_01 ul li:first-child{background: #ebe0e2;border-top:solid 16px #e60012;}

#wrap_01 ul li:nth-child(2){background: #d9d3e3;border-top:solid 16px #5580ad;}

#wrap_01 ul li:nth-child(3){background: #d4e3d5;border-top:solid 16px #55ad85;}

#wrap_01 ul li:nth-child(4){background: #d9d3e3;border-top:solid 16px #5580ad;}

#wrap_01 ul li:last-child{background: #d3dbe3;border-top:solid 16px #55a2ad;}

#wrap_01 ul li:nth-child(5){background: #ebe0e2;border-top:solid 16px #e60012;}

#wrap_01 ul li:nth-child(6){background: #d4e3d5;border-top:solid 16px #55ad85;}

#wrap_01 ul li:hover:after{width: 100%;background: #9acdf0;}

#wrap_02{width: 100%;padding:50px 0;background: #f1f5f6;margin:0 auto;}

#wrap_02_mid{width: 1200px;height: 525px; margin:0 auto;background: #fff;}

.video_r{width: 934px;height: 525px;float: right;}

.video_r img{width: 934px;height: 525px;display: block;}

.video_l{width: 179px;float: left;padding:100px 43px;text-align: center;}

.video_l h4{font-weight: normal;font-size: 30px;color: #323232;line-height: 30px;}

.video_l h6{font-size: 16px;color: #999;font-weight: normal; line-height: 35px;padding:5px 0;position: relative;margin:10px auto;}

.video_l h6:before{width: 44px;height: 2px;background: #4fa9e5;content: '';position: absolute;left: 50%;top:0;margin-left: -22px;}

.video_l p{padding:40px 0;}

.video_l a{display: block;width: 100%;height: 55px;line-height: 55px;border:solid 1px #4fa9e5;border-radius: 30px; color: #4fa9e5;font-size: 16px;transition: all .4s;text-align: center;}

.video_l a:hover{background: #4fa9e5;color:#fff;border-color: #4fa9e5;}

#wrap_04{padding:60px 0;}

#wrap_04_mid{width: 1200px;margin:0 auto;}

#wrap_04_mid ul li{width: 382px;margin-right: 26px;float: left;}

#wrap_04_mid ul li:last-child{margin-right: 0;}

#wrap_04_mid ul li .news_pic{width: 100%;height: 220px;overflow: hidden;}

#wrap_04_mid ul li .news_pic img{width: 100%;height: 220px;transition: transform 1s ease 0s;}

#wrap_04_mid ul li:hover .news_pic img{transform: scale(1.05,1.05);}

#wrap_04_mid ul li .news_box{background: #f2f2f2;margin-top: 1px;padding:20px;}

#wrap_04_mid ul li .news_box .n_l{ width: 62px;float: left;padding:12px 0; background: #474747;color: #fff;text-align: center;line-height: 26px;font-size: 14px;transition: all .4s;}

#wrap_04_mid ul li .news_box .n_l span{font-size: 18px;}

#wrap_04_mid ul li .news_box .n_r{ width: 267px;float: right;color:#474747;transition: all .4s;}

#wrap_04_mid ul li .news_box .n_r h4{font-size: 16px;line-height: 25px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}

#wrap_04_mid ul li .news_box .n_r p{font-size: 14px;line-height: 25px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top: 6px;}

#wrap_04_mid ul li:hover .news_box{background: #4fa9e5;}

#wrap_04_mid ul li:hover .news_box .n_r{color:#fff;}

#wrap_04_mid ul li:hover .news_box .n_l{color:#474747;background: #fff;}





/*product_info css*/

#pro_img{width: 100%;margin:1px auto;padding:45px 0;background: #f2f2f2;}

#pro_img_mid{width: 1200px;margin:0px auto;}

#pro_l{width: 660px;height: 390px;float: left; background: #fff;}

#pro_l #pro_title{width: 100%;height: 75px;line-height: 75px;background: #4fa9e5;text-indent: 20px; color: #fff;font-size: 24px;font-weight: bold;margin:0 auto;}

#pro_l #pro_info{padding:20px;line-height: 30px;color: #4c4c4c;font-size: 16px;}

#pro_l #pro_btn{width: 299px;height: 50px;line-height: 50px;margin-left: 20px;}

#pro_l #pro_btn a{display: block;border-radius: 3px; background:#4fa9e5 url(../images/lx_tel1.png) 79px center no-repeat;text-indent: 130px;color: #fff;font-size: 18px; transition: all .4s;transition: all .4s }

#pro_l #pro_btn a:hover{background:#232323 url(../images/lx_tel1.png) 89px center no-repeat;}

#pro_l #pro_tel{height: 25px;line-height: 25px;color: #333333;font-size: 18px;margin:20px auto;margin-left: 20px;}

#pro_l #pro_tel span{color: #4fa9e5;font-size: 24px;text-decoration:underline}

#pro_r{width: 520px;height: 390px;float: right;text-align: center;background: #fff;}

#pro_r img{width: 520px;height: 390px;}

#pro_box{background: #fbfcfc url(../images/pro_bg.jpg) center bottom no-repeat;margin:0 auto;border-bottom: solid 1px #e1e1e1;padding-bottom: 140px;}

#pro_box_mid{width: 1100px;margin:0 auto;padding:35px 0;color: #4c4c4c;line-height: 35px;}

#pro_box_mid h4{font-size: 30px;}

#pro_box_mid .p_c{font-size: 14px;padding-top: 25px;}





/*zy css*/

#wrap{ width:100%; margin: 40px auto;}

.zy_title{width: 100%;height: 78px;margin:0 auto;margin-bottom: 30px; text-align: center;text-transform: uppercase;color: #999999;font-size: 20px;line-height: 30px;position: relative;}

.zy_title span{color: #4fa9e5;font-size: 36px;}



.pro_cat{width: 1200px;height: 72px;margin:0 auto;margin-top: 30px; position: relative;}

.pro_cat span{display: block;width: 72px;height: 72px;position: absolute;left: 0;top:0;background: #bca78d;border-radius: 15px;}

.pro_cat span p{line-height: 30px;color: #fff;font-size: 22px;padding:5px;text-align: center;}

.pro_cat_ul{width: 1110px;height: 72px;float: right;}

.pro_cat_ul li{width: 127px;height: 30px;float: left;margin-right: 15px;margin-bottom: 15px; line-height: 30px;text-align: center;}

.pro_cat_ul li a{display: block;border:solid 1px #f2f2f2;border-radius: 15px; color: #333;font-size: 14px;transition: all .4s;}

.pro_cat_ul li a:hover{border:solid 1px #4fa9e5;background: #4fa9e5; color: #fff;}

#position{ background: #f9f9f9; font-size: 14px;margin-bottom: 30px;}

#position_mid{width: 1200px; padding:15px 0px;position:relative;line-height:24px;margin:0 auto;font-size: 14px;color: #282828;text-indent: 66px;}

#position_mid a{font-size: 14px;color: #282828;margin:0 3px;}

#position_mid i{ display: block; width: 54px; height: 54px; background: #4fa9e5 url(../images/icon_home.png) no-repeat center; position:absolute; left: 0; top: 50%; margin-top: -27px;}







/*company css*/

#intro_01{width: 100%;height: auto;padding-bottom:45px;margin:0 auto;}

#company_tips{width: 791px;height: 68px;margin:0 auto;margin-bottom: 32px;}

#company_tips li{float: left;width: 290px;height: 68px;text-align: left;position: relative;}

#company_tips li:nth-child(1){width: 325px;}

#company_tips li:nth-child(1){margin-right: 88px;background: url(../images/bg_sign07.png) center right no-repeat;}

#company_tips li:nth-child(2){margin-left: 88px;background: url(../images/bg_sign08.png) center right no-repeat;float: right;}

#company_tips li:nth-child(1)::after {

  content: "";

  display: inline-block;

  position: absolute;

  right: -88px;

  top: 16px;

  width: 1px;

  height: 36px;

  background: #c7c7c7;

}

#company_tips li span {

  display: inline-block;

  float: left;

  width: 114px;

  padding-right: 15px;

  font: 64px/1 Arial;

  color: #4fa9e5;

}

#company_tips li p {

    font-size: 16px;line-height: 26px;color: #333;

    padding-top: 6px;

}

#company_tips li:nth-child(1) span {

  width: 150px;

}

#company_tips li p.en {

  font-size: 14px;

  padding-top: 0px;

  color: #b2b2b2;

}

#company_content{width: 1200px;margin:30px auto;line-height: 35px;color: #5a5e5c;font-size: 15px;}

#company_video{width: 1200px;height: 567px;margin:0 auto;text-align: center;}

#intro_02{width: 100%;height: 801px;background: url(../images/intro_02.jpg) center no-repeat;border:1px solid #d7d7d7; margin:0 auto;position: relative;}

#intro_02_mid{width: 1095px; margin:0 auto; margin-top: 95px;}

#intro_02_mid h2{font-weight: normal;font-size: 38px;line-height: 30px;color: #000;text-align: center;}

#intro_c{width: 800px;height: 365px;margin:123px auto 39px;}

.intro_lc{float: left; padding:0 54px 0 52px;font:122px/145px Impact;color: #000;}

.intro_rc{width: 368px;float: right; position: relative;padding:0 54px 0 0;}

.intro_rc:after{width: 1px;height: 100%;background: rgba(0,0,0,.3);content: '';position: absolute;left: -40px;top:10px;display: inline-block;}

.intro_rc h3{color: #000;font-size: 42px;line-height: 84px;font-weight: normal;}

.intro_rc p{font-size: 14px;color: #000;line-height: 30px;}

#intro_b{width: 1095px;height: 80px;margin:0 auto;position: relative;}

.intro_lb{width: 70px;height: 50px;position: absolute;left: 0;top:0;background: url(../images/bg_btn05.png) center no-repeat;cursor: pointer;}

.intro_rb{width: 70px;height: 50px;position: absolute;right: 0;top:0;background: url(../images/bg_btn06.png) center no-repeat;cursor: pointer;}

#intro_lu{width: 955px;height: 80px; overflow: hidden; margin:0 auto;position: relative;z-index: 2;/*background: url(../images/bg_bg07.png) repeat-x -66px 6px*/}

#intro_lu li {

  position: relative;

  float: left;

/*  width: 135px;*/width: 83px;

  height: 40px;

  padding-top: 40px;

  font-size: 16px;

  color: #000;

  text-align: center;

  -webkit-transition: all 0.5s linear;

          transition: all 0.5s linear;

  cursor: pointer;

}

#intro_lu li::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 6px;

  width: 1px;

  height: 20px;

  background: #585858;

  -webkit-transition: all 0.5s linear;

          transition: all 0.5s linear;

}

#intro_lu li.on {

  color: #e80000;font-size: 20px;font-weight: bolder;

}

#intro_lu li.on::after {

 background: #e80000;

 height: 28px;

}

#intro_02:after{content: '';display: inline-block;position: absolute;left: 0;bottom: 123px;width: 100%;height: 1px;background: rgba(0, 0, 0, .4);z-index: 1;}

#intro_03{width: 100%;height: 485px;padding-top: 88px;margin:0 auto;}

#intro_03 h2{font-weight: normal;font-size: 38px;line-height: 30px;color: #333;text-align: center;}

#intro_03_mid{width: 1200px;height: 305px; margin:62px auto 0;position: relative;}

#intro_03_mid .honor_btn{cursor: pointer; width: 48px;height: 62px;position: absolute;top:50%;margin-top: -31px;overflow: hidden;transition: all .4s;}

#intro_03_mid .honor_lbtn{left: 0;background: url(../images/honor_lbtn.png) no-repeat;background-position: 0 0;}

#intro_03_mid .honor_rbtn{right: 0;background: url(../images/honor_rbtn.png) no-repeat;background-position: -48px 0;}

#intro_03_mid .honor_lbtn:hover{background-position: -48px 0;}

#intro_03_mid .honor_rbtn:hover{background-position: 0 0;}

#intro_03_honor{width: 1055px;height: 305px;margin:0 auto;overflow: hidden;}

#intro_03_honor li{width: 238px;height: 305px;float: left;margin-right: 34px;cursor: pointer;}

#intro_03_honor li img{width: 238px;height: 305px;}



#intro_04{width: 100%;padding:90px 0 88px;background: url(../images/bg_bg09.jpg) center no-repeat;margin:0 auto;}

#intro_04 h2{font-weight: normal;font-size: 38px;line-height: 30px;color: #333;text-align: center;}

#intro_04_mid{width: 1200px;height: 380px; margin:55px auto 60px;}

#intro_04_mid li {

  position: relative;

  cursor: pointer;

  float: left;

  width: 288px;

  height: 380px;

  background: #fff;

  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);

  margin-right:16px;

  font-size: 14px;

  line-height: 24px;

  color: #666;

  -webkit-transition: all 0.5s linear;

          transition: all 0.5s linear;

}

#intro_04_mid li img{width: 100%;display: block;}

#intro_04_mid li:last-child{margin-right: 0;}

#intro_04_mid li .detail {padding: 24px 30px;}

#intro_04_mid li .titt{position: absolute;right: 99px;bottom:50px; color: rgba(0,0,0,.2);font-size: 70px;font-weight: bolder;transition: all .4s;}

#intro_04_mid li:hover {background: #57c3df;color: #fff;}

#intro_04_mid li:hover .titt{color:rgba(255,255,255,.5);}



#service_04{width: 100%;padding:40px 0 86px; margin:0px auto;background: #f5f5f5;}

#service_04_title{line-height: 48px;height: 48px;color: #333;text-align: center;font-size: 24px;}

#service_04_title span{margin:0 50px;font-size: 18px;}

#service_04_mid{width: 1160px;margin:0px auto;margin-top: 40px;padding:20px 20px 42px;background: #fff;}

#service_04_mid li{width:100%;height: 47px;margin: 0 auto;margin-top: 30px;}

#service_04_mid li .ser_add{width:371px;height: 47px;border-right: 1px solid #e8e8e8;}

#service_04_mid li .ser_add i{display: block;font-style: normal; width:35px;line-height: 39px; height: 47px;float: left;text-align: center;color: #fff;font-size: 16px;background: url(../images/sales_ico1.png) center no-repeat;margin-right: 15px;}

#service_04_mid li .ser_add span{float: left;color: #333;font-size: 16px;line-height: 47px;}

#service_04_mid li .ser_brand{width:123px;height: 47px;border-right: 1px solid #e8e8e8;line-height: 47px;text-align: center;color: #666;font-size: 14px;}

#service_04_mid li .ser_info{height: 47px;line-height: 47px;color: #666;font-size: 14px;margin-left: 40px;}



#map-lis-box{width: 1170px;margin:0 auto; margin-top: 20px;padding:15px;border:1px #DADADA solid;}

#map-lis-box li{

  height: 48px;margin-bottom: 30px;

}

#map-lis-box li:last-child{margin-bottom: 0;}

#map-lis-box li div{

  padding:0 15px;

  width:19%;border-left:1px solid #D6D6D6;line-height: 48px;text-align: center;font-size: 14px;color: #282828;

}

#map-lis-box li div:first-of-type{

  width:32%;border-left:none;text-align: left;

}

#map-lis-box li .title08{

  line-height: 24px;font-size: 16px;

}

#map-lis-box li .address{

  color:#999;line-height: 24px;

}

/*news css*/

#news_01{width: 100%; padding:50px 0; margin:0 auto;background: #f9f9f9;border-bottom: solid 1px #fff;}

#news_01_mid{width: 1200px;margin:0 auto;}

#news_01_l{width: 885px;padding:20px;background: #fff;float: left;}

#news_01_l li{padding:30px 0;border-bottom: 1px solid #ededed;}

#news_01_l li .img-l{width: 212px;height: 159px;float: left;}

#news_01_l li .img-l img{width: 100%;height: 159px;}

#news_01_l li .new-r{width: 643px;padding:10px 10px 0px 20px;float: right;}

#news_01_l li .new-r h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;font-size: 20px;font-weight: normal;color: #585858;line-height: 40px;}

#news_01_l li .new-r .desc{display: -webkit-box;overflow: hidden;margin-bottom: 10px;color: #585858;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size: 14px;}

#news_01_l li .new-r .n-time{color: #999;font-size: 14px;}

#news_01_r{width: 230px;background: #fff;float: right;padding:5px 15px 0px;}

#news_01_r h5{color: #272727;border-bottom: 1px solid #ebebeb;font-size: 16px;line-height: 44px;font-weight: normal;}

.arclist>li{width: 230px;margin:16px 0 20px;height: 138px;}

.arclist>li>a{position: relative;display:block; width: 230px;margin:16px 0 20px;height: 138px;}

.arclist>li>a img{width: 230px;height: 138px;}

.arclist>li>a h4{position: absolute;top: 50%;left: 0px;z-index:4;margin-top: -20px;padding: 0 20px;text-align: center;font-weight: normal;}

.arclist>li>a h4>p{display: -webkit-box;overflow: hidden;padding: 0px;color: #fff;font-size: 14px;line-height: 1.6;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.arclist>li>a h4:before{position: absolute;bottom: -10px;left: 50%;display: inline-block;margin-left: 0px;width: 0px;height: 1px;background-color: #fff;content: '';opacity: 0;}

.arclist>li>a h4:after{position: absolute;bottom: -10px;left: 50%;display: inline-block;width: 42px;height: 1px;background-color: #fff;content: '';opacity: 0;}

.arclist>li>a:before{position: absolute;top:0;left: 0;z-index: 2;width: 100%;height: 100%;background: rgba(0,0,0,0.4);content: '';opacity: 1;transition: all .3s linear;-webkit-transition:all .3s linear;}

.arclist>li>a:after{position: absolute;top:0;left: 0;z-index: 3;width: 100%;height: 100%;background: -moz-radial-gradient(rgba(0,0,0,0),rgba(0,0,0,0.65));background: -webkit-radial-gradient(rgba(0,0,0,0),rgba(0,0,0,0.65));content: '';opacity: 0;transition: all .3s linear;-webkit-transition:all .3s linear;}

.arclist>li>a:hover:before{opacity: 0;}

.arclist>li>a:hover:after{opacity: 1;}

.arclist>li>a:hover h4:before{-webkit-animation: borderslideLeft .3s linear 1 forwards;-moz-animation: borderslideLeft .3s linear 1 forwards;animation: borderslideLeft .3s linear 1 forwards;}

.arclist>li>a:hover h4:after{-webkit-animation: borderslideRight .3s linear 1 forwards;-moz-animation: borderslideRight .3s linear 1 forwards;animation: borderslideRight .3s linear 1 forwards;}





/*product css*/

#wrap_pro{width: 1200px;margin:30px auto;}

#pro_cat_l{width: 292px;float: left;}

#pro_cat_l .short_title{background: #4fa9e5;line-height: 62px;text-align: center;font-size: 24px;text-transform : uppercase; color: #fff;text-transform : uppercase;mar}

#pro_cat_l .short_title i{color: #fff;font-size: 24px;}

.nav_sub_pro{ display: block; width: 100%;}

.nav_sub_pro>li{ margin-top: 2px;}

.nav_sub_pro>li>a{ background: #f9f9f9 url(../images/li_icon1.png) no-repeat 20px 20px; padding:15px 10px 15px 40px; line-height: 24px; display: block; color: #333; font-size: 16px;}

.nav_sub_pro>li>a:hover,.nav_sub_pro>li.on>a{background:#4fa9e5 url(../images/li_icon.png) no-repeat 20px 20px;color: #fff;}

.nav_sub_pro>li ul{ line-height: 27px; background: #f4f4f4; display: none; padding:15px 0;}

.nav_sub_pro>li ul li a{ padding:0 20px 0 40px; display: block; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; font-size: 14px; color: #666;}

.nav_sub_pro>li ul li a:hover{ color: #e80000;}

.nav_sub_pro>li ul li.cur a{ color: #e80000;}



/*产品列表页*/

.lis_pro{width: 886px;float: right;}

.lis_pro li{text-align: center;margin-bottom: 10px;width: 282px;float: left;margin-right: 20px;}

.lis_pro li:nth-child(3n){margin-right: 0;}

.lis_pro li ._list_pic{width: 100%; height: 212px; border: solid 1px #e3e3e3;overflow: hidden;position: relative;}

.lis_pro li ._list_pic img{width: 100%;height: 100%;}

.lis_pro li ._list_pic_overplay{margin:auto;left: 0;top:0;right: 0;bottom:0;}

.lis_pro li ._list_pic_overplay a{display: flex;flex-flow:column;align-items: center;justify-content: center;height: 100%;color: #fff;position: relative;z-index: 2;}

.lis_pro li ._list_title{display: flex;justify-content: center;align-items: center; color: #5d5d5d;font-size: 14px;height: 60px;}

.lis_pro li ._list_title a{position: relative; z-index:3;font-size: 14px; color: #404040;border: 1px solid #d7d7d7;line-height: 25px; padding: 3px 20px;border-radius: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.lis_pro li:hover ._list_pic_overplay a h6{transform: translateY(0); opacity:1;}

.lis_pro li:hover ._list_pic_overplay a p{transform: translateY(0); opacity:1;}

.lis_pro li:hover ._list_title a{color: #fff; border-color:#4fa9e5 ; background-color: #4fa9e5 ; -webkit-transform: translateY(-35px); -moz-transform: translateY(-35px); -ms-transform: translateY(-35px); -o-transform: translateY(-35px); transform: translateY(-35px);}

/*.lis_pro li ._list_pic_overplay:after{content: '';display: block;background: rgba(0,0,0,.5) url(../images/logo-gray.png) center no-repeat;position: absolute;margin:auto;left: 0;bottom:0;right: 0;-webkit-transform:translateY(100%);transform:translateY(100%);transition: all .4s ease;height: 0;}

.lis_pro li:hover ._list_pic_overplay:after{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); height:100%;}



*/



/*product_list css*/

#pro_list{width: 1200px;margin:0 auto;}

#pro_list li{width: 362px;height: 393px;border-radius: 20px;background: #f6fbff; float: left;margin-right: 57px;margin-bottom: 40px;}

#pro_list li:nth-child(3n){margin-right: 0;}

#pro_list li ._img01{width: 362px;height: 272px;margin:0 auto;overflow: hidden;position: relative;z-index: 1;}

#pro_list li ._img01 img{width: 362px;height: 272px;transition:transform 1s ease 0s;}

#pro_list li ._tit01{height: 30px; line-height: 30px;text-align: center;color: #333;font-size: 16px; margin:15px auto;}

#pro_list li ._more01{width: 173px;height: 30px;line-height: 30px;border-radius: 20px; text-align: center;background: #191e22;color: #fff;font-size: 14px;transition:all .4s;margin:0 auto;cursor: pointer;}

#pro_list li:hover ._img01 img{transform: scale(1.05, 1.05);}

#pro_list li:hover ._more01{background: #4fa9e5;}



/*lxwm_c css*/

#contact_01{width: 100%;height: 674px;overflow: hidden; padding-top: 76px; background: url(../images/lxwm_bg.jpg) center no-repeat;margin:0 auto;}

#contact_01_mid{width: 1200px;height: 700px;margin:0 auto;position: relative;}

#contact_01_mid .contact_map{width: 392px;height: 700px;background: url(../images/contact_img.png) center no-repeat;left: 66px;top:0;}

#contact_01_mid .map{width: 358px;height: 580px;margin:100px 17px 0 17px;}

#contact_01_mid .contact_txt{width: 665px;right: 0;top:52px;}

#contact_01_mid .contact_txt span{font-size: 50px;color: #000;line-height: 40px;}

#contact_01_mid .contact_txt p{font-size: 16px;color: #000;line-height: 35px;padding-top: 20px;}

#contact_01_mid .contact_fengche{right: 0;bottom: -252px;z-index: 999;}

#contact_01_mid .contact_fengche span{display: block;position: absolute;bottom:0;}

#contact_01_mid .contact_fengche i{display: block;position: absolute;bottom:0;-webkit-animation: rotate-windmill 1s linear infinite;

                animation: rotate-windmill 3s linear infinite;}

#contact_01_mid .contact_fengche span:nth-of-type(1) {right:144px;width: 262px;height: 582px;background: url(../images/contact_fengche1.png) no-repeat;}

#contact_01_mid .contact_fengche span:nth-of-type(2) {right: -212px;width: 451px;height: 897px;background: url(../images/contact_fengche2.png) no-repeat;}

#contact_01_mid .contact_fengche i:nth-of-type(1) {right:144px;width: 262px;height: 582px;background: url(../images/contact_fengche1_l.png) no-repeat;}

#contact_01_mid .contact_fengche i:nth-of-type(2) {right: -212px;width: 451px;height: 897px;background: url(../images/contact_fengche2_l.png) no-repeat;}

@-webkit-keyframes rotate-windmill {

        0% {

            -webkit-transform: rotate(0);

                    transform: rotate(0);

        }

        100% {

            -webkit-transform: rotate(360deg);

                    transform: rotate(360deg);

        }

    }



    @keyframes rotate-windmill {

        0% {

            -webkit-transform: rotate(0);

                    transform: rotate(0);

        }

        100% {

            -webkit-transform: rotate(360deg);

                    transform: rotate(360deg);

        }

    }

#contact_02{width: 100%;min-height: 138px;padding: 57px 0; background: url(../images/contact_zxly_bg.png);margin:0 auto;position: relative;}

#contact_02 .contact_02_zxly{width: 78px;height: 114px; margin:0 auto;}

#contact_02 .contact_02_zxly a{display: block;}

#contact_02 .contact_02_zxly .zxly_icon{width: 62px;height: 62px;background: #df001f;border-radius: 100%;text-align: center;line-height: 62px;color: #fff;font-size: 30px;margin:0 auto;}

#contact_02 .contact_02_zxly .zxly_txt{width: 100%;height: 25px;text-align: center;line-height: 25px;color: #333;font-size: 18px;margin:0 auto;margin-top: 10px;}

#contact_02 .contact_02_form{width: 1200px;margin:0 auto;margin-top: 30px;display: none;}



/*service css*/

#network_01{width: 1200px;margin:0 auto;}

.network_01_list{width: 100%;margin:0 auto;}

.network_01_list li{width: 576px;height: 305px;float: left;margin-right: 47px;position: relative;overflow: hidden;}

.network_01_list li:nth-child(2n){margin-right: 0;}

.network_01_list li ._01_net_img{width: 576px;height: 305px;transition: transform 1s ease 0s;position: absolute;left: 0;top:0;z-index: 1;}

.network_01_list li ._01_net_con{width: 100%; height:90px;background: rgba(79,169,229,.85);position: absolute;left: 0;bottom:0;z-index: 2;}

.network_01_list li ._01_net_con p{padding:20px 28px;line-height: 26px;color: #fff;font-size: 12px;text-transform: uppercase;}

.network_01_list li ._01_net_con p span{font-size: 20px;font-weight: bold;}

.network_01_list li:hover ._01_net_img{transform: scale(1.05,1.05);}

._01_net_details{position: fixed;left: 50%;top:50%;padding:30px;line-height: 30px;color: #282828;font-size: 14px; margin-top: -250px;margin-left: -350px;border-radius: 5px; z-index: 1000000;background: #fff;width: 700px;height: 500px;overflow-y: scroll;}







/*newsinfo css*/

#news_content{width: 1200px;background: #f9f9f9;padding:50px;margin:0 auto;}

#news_title{width: 100%;line-height: 50px;border-bottom: 1px solid #e4e4e4; text-align: center;margin:0 auto;color: #333;font-size: 24px;}

#news_info{width: 100%;height: 20px;margin:0 auto;margin-top: 18px;text-align: center;line-height: 20px;font-size: 14px;color: #999;position: relative;}

#news_info .date {position: absolute;left: 430px;top:0;}

#news_info .share {position: absolute;left: 630px;top:2px;}

#news_img{width: 600px;margin:0 auto;margin-top: 20px;}

#news_img img{max-width: 100%;}

#news_details{width: 100%;margin:30px auto;line-height: 30px;color: #333;font-size: 14px;}



/* CSS Ziye */

#right_content{ width: 100%; height:auto;margin:0 auto;padding-top: 20px;line-height:32px;color:#393939;font-size: 14px;}

#right_content a{color:#393939;font-size: 14px;}

#right_content a:hover{color:#e80000;}

#page{width:100%;height:55px; line-height:55px;text-align:center;margin:20px auto;color:#575656;font-size:14px;clear:both;background: #f0f0f0;}

#page a{color:#575656;font-size:14px;}

#page a:hover{color:#e80000;}

#newTitle{width:750px;line-height:30px;color:#000000;font-size:18px;text-align:center;margin:10px auto;}

#productTitle{width:100%;height:30px;color:#000000;font-weight: bold; font-size:20px!important;text-align:left;margin:0 auto;}

#newsInfo{width:750px;height:20px;color:#000000;font-size:12px;text-align:center;margin:10px auto;}

.newsinfoleft {padding-left: 30px;}

.xxsmys{ height:30px; line-height:30px; background-color:#ececec;}

.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}

.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}

.pageys:hover{color:#ff6c00}

.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}

.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }



#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}

#infoImage img{ max-width:600px; padding:3px; border:#dcdcdc solid 1px;}





#picUL{ width:100%; height:100%; overflow:hidden;}

#picUL li{height:253px;width:287px;float:left;margin:0 10px 5px 10px;_margin:0 8px;text-align:center;cursor: pointer;}



#picUL li .pic_01{width:287px;height:215px; text-align: center;background: #ffffff;border:1px solid #dcdcdc;}

#picUL li .pic_01 img{max-height:211px;max-width:283px;padding:2px;vertical-align:middle;}

#picUL li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}

#picUL li .pic_02{width:287px;text-align: center;line-height:30px;}

#picUL li a{color:#393939;font-size: 14px;}

#picUL li a:hover{color:#e80000;}

.G_tips{

	color:#666;

	width:486px;

	border:1px solid #dedede;

	padding:7px;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

}





.recruitys{ width:670px; height:auto; padding:10px; background-color:#fafafa; border:#dedede solid 1px;}

.recruitcon{ height:173px;  border-bottom:#cdcdcd dashed 1px; margin:10px;}

.recruitcon1{ height:173px;  margin:10px;}

.recruitconl{ width:145px; height:153px; float:left; text-align:left;}

.recruitconc{ width:572px; height:153px; float:left; padding-left: 75px;}

.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}

.zwmcys{ color:#ff6c00; font-weight:bold;}

.recruitconr{ width:133px; height:auto; float:left; text-align:center;}

.chakan{padding-top: 13px;}

.formys{ height:auto; padding:10px;}

.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}

.formbz{ float:left;}

    .G_InputText{



    width:278px;



    height:30px;



    border:1px solid #d2d4d6;



}



.G_textarea{



    width:300px;



    height:100px;



    border:1px solid #dedede;



}



.G_ul{



    margin:0 auto;

}



.G_botton{



    width:55px;



    height:30px;



    line-height:30px;



    border:0;



    



    cursor:pointer;



}



.borderLi{ width:500px; height:auto; padding-top:10px;}

.G_tips{



    



    width:486px;



    margin:10px auto 0 auto;



    border:1px solid #dedede;



    padding:7px;



    border-radius:5px;



    -moz-border-radius:5px;



    -webkit-border-radius:5px;



    box-shadow: 0px 0px 3px rgba(0,0,0,.1);



    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);



    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);



}

.page{margin:0 20px 15px 0;}

.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}

.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}

.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}