/* CSS Document */
body{ margin:0; padding:0; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#081727; text-align:center; background:#fff; line-height:26px; margin-left:auto; margin-right:auto;}
a{ color:#081727; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium; -webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#0151f2;}
a img{ border:0 none;}
a{ blr:expression(this.onFocus=this.blur());}
a{ outline:none;}
a:focus{ outline:none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0; padding:0;}
ul,li,dl,dd,dt{ padding:0; margin:0; list-style:none;}
input,textarea{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; outline:none; resize:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;}
em,i{ font-style:normal;}
video{ outline:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.font{ font-family:'SimSun';}
.length{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:80px 0 80px 0;}
.content_box{ min-width:992px; width:992px; margin:0 auto; padding:0; text-align:left;}
.container{ min-width:1200px; width:1200px; margin:0 auto; padding:0; text-align:left;}
@font-face
{
font-family: SourceHanSansCN-Regular;
src: url('https://www.lonl.cn/fonts/SourceHanSansCN-Regular.ttf'),
     url('https://www.lonl.cn/fonts/SourceHanSansCN-Regular.woff') format('woff');
}
@font-face
{
font-family: SourceHanSansCN-Medium;
src: url('https://www.lonl.cn/fonts/SourceHanSansCN-Medium.ttf'),
     url('https://www.lonl.cn/fonts/SourceHanSansCN-Medium.woff') format('woff');
}
@font-face
{
font-family: FjallaOne-Regular;
src: url('../font/FjallaOne-Regular.ttf'),
     url('../font/FjallaOne-Regular.woff') format('woff');
}
@font-face
{
font-family: PangMenZhengDao;
src: url('../font/PangMenZhengDao.ttf'),
     url('../font/FjallaOne-Regular.woff') format('woff');
}
/* CSS Common*/

/*header */
#header{ position:fixed; width:100%; background:#fff; height:64px; margin:0 auto; text-align:center; box-shadow:0px 1px 1px 1px rgba(209,212,220,0.2); top:0; z-index:9;}
#header .logo{ float:left; padding-top:10px;}
.header_box{ border:1px solid #f6f6f6; box-shadow:0px 1px 1px 1px rgba(209,212,220,0.5);}

/*menu*/
#menu{ height:36px;}
#menu ul li{ float:left; padding:30px; text-align:center;}
#menu ul li a{ display:block; height:36px; line-height:36px; font-size:16px; color:#fff;}
#menu ul li a:hover{ color:#0151f2;}
#menu ul li a.on{ color:#0151f2;}

/*menu*/
.menu{ float:left; margin-left:64px;}
.menu li{ height:64px; line-height:64px; padding:0 20px; float:left; text-align:center; position:relative; z-index:9;}
.menu li>a{ display:block; font-size:16px;}
.menu li>a:after{ content:''; width:46px; height:3px; background:#0151f2; display:block; margin:0 auto; margin-top:-3px; opacity:0; transition:all 0.3s;}
.menu li>a:hover{ color:#0151f2;}
.menu li>a:hover:after{ opacity:1;}
.menu li>a.on{ color:#0151f2;}
.menu li>a.on:after{ opacity:1;}
.menu li>a.curr{ color:#0151f2;}
.menu li>a.curr:after{ opacity:1;}
.menu li dl{ width:142px; height:150px; position:absolute; left:-20px; top:61px; background-image:url(../image/nav_about.png); background-position:top center; background-repeat:no-repeat; display:none;}
.menu li dl dd{ width:100%; height:72px; line-height:72px; text-align:center; }
.menu li dl dd>a{ font-size:16px;}
.menu li dl dd>a.on{ color:#0151f2;}
.menu li:nth-child(2) dl{ width:797px; height:190px; left:-256px; background-image:url(../image/nav_solution.png); background-position:left center;}
.menu li:nth-child(2) dl>dd{ float:left; width:262px; height:92px; line-height:92px;}
.menu li:nth-child(3) dl{ width:1060px; height:190px; left:-360px; background-image:url(../image/nav_pro.png); background-position:left center;}
.menu li:nth-child(3) dl>dd{ float:left; width:262px; height:92px; line-height:92px;}
		
/*banner*/
.banner{ height:482px; margin-top:64px;}
.banner .swiper-slide{ background-position:top center; background-size:cover;}
.banner .swiper-pagination{ bottom:12px;}
.banner .swiper-pagination-bullet{ margin:0 10px !important;}
.banner .swiper-pagination-bullet{ background:#fff; opacity:0.8; width:30px; height:3px; border-radius:0;}
.banner .swiper-pagination-bullet-active{ background:#0151f2; opacity:1;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner .swiper-button-prev{ left:20px;}
.banner .swiper-button-next{ right:20px;}
.banner .desc{ width:100%; height:100%; background-position:top center; background-size:cover;}
.banner .desc em{ font-size:34px; color:#2f67c4; font-weight:bold; display:block; padding-top:154px;}
.banner .desc .desc_box{ width:380px; font-size:18px; color:#5f89db; margin-top:30px; line-height:1.6;}
.banner .banner_1 .desc em{ padding-top:145px;}
.banner .banner_1 .desc .desc_box{ width:517px;}
.banner .banner_1 .desc_btn{ margin-top:56px;}
.banner .banner_1 .desc_btn>span{ width:84px; height:40px; line-height:40px; background:linear-gradient(-30deg,#538cff,#2468f2); border-radius:10px; display:inline-block; color:#fff; font-size:20px; text-align:center; margin-right:26px;}
.banner .banner_1 .desc_btn>span:nth-child(2){ background:linear-gradient(-30deg,#ff3660,#e0002f);}
.banner .banner_3 .desc em{ color:#ff8b45;}
.banner .banner_3 .desc .desc_box{ width:400px; color:#ff8b45;}
	
/*banner_inside*/
.banner_inside{ height:482px; background-position:top center; background-size:cover; margin-top:64px;}
.banner_inside .swiper-slide{ background-position:center; background-size:cover;}
.banner_inside .swiper-pagination{ bottom:12px;}
.banner_inside .swiper-pagination-bullet{ margin:0 5px !important;}
.banner_inside .swiper-pagination-bullet{ background:#fff; opacity:1; width:10px; height:10px;}
.banner_inside .swiper-pagination-bullet-active{ background:#0151f2;}
.banner_inside .swiper-button-next,.banner_inside .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner_inside .swiper-button-prev{ left:20px;}
.banner_inside .swiper-button-next{ right:20px;}
.banner_inside video{ width:100%; height:100%; background:#000;}
.banner_inside .desc{ width:100%; height:100%; background-position:top center; background-size:cover;}
.banner_news video{ position:absolute; min-width:100%; min-height:100%; height:auto; width:auto; z-index:-100; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

/*home_solution*/
#home_solution{ width:100%; margin-top:80px;}
#home_solution .home_solution_dh{ font-size:30px; margin:0 auto; text-align:center; color:#081727;}
#home_solution .home_solution_con{ margin:0 auto; margin-top:78px;}
#home_solution .home_solution_con>ul>li{ width:184px; float:left; margin-left:1px; height:318px;}
#home_solution .home_solution_con>ul>li:nth-child(5n+1){ margin-left:0;}
#home_solution .home_solution_con>ul>li.on{ width:460px;}
#home_solution .home_solution_con>ul>li.on>.desc{ display:block;}
#home_solution .home_solution_con>ul>li.on>.img{ display:none;}
#home_solution .home_solution_con>ul>li>.img{ width:100%; height:318px; display:flex; justify-content:center; align-items:center;}
#home_solution .home_solution_con>ul>li>.img>span{ width:20px; font-size:22px; color:#fff; text-shadow:0px 0px 11px rgba(11,72,224,0.5); display:block; line-height:52px;}
#home_solution .home_solution_con>ul>li>.desc{ width:460px; height:318px; background:url(../image/solution_bg.png) no-repeat top center; color:#fff; font-size:15px; color:#e5f1ff; line-height:1; position:relative; display:none;}
#home_solution .home_solution_con>ul>li>.desc>span{ padding:53px 0 0 59px; display:block; font-size:22px;}
#home_solution .home_solution_con>ul>li>.desc>p{ margin-top:75px; padding:0 59px;}
#home_solution .home_solution_con>ul>li>.desc>a{ width:78px; height:30px; line-height:30px; background:#32abff; color:#fff; border-radius:15px; display:inline-block; margin:0 59px; text-align:center; margin-top:75px;}
#home_solution .home_solution_con>ul>li>.desc>img{ position:absolute; right:0; top:-26px;}

/*home_pro*/
#home_pro{ width:100%; margin-top:162px; background:url(../image/pro_h_bg.png) no-repeat bottom center; padding-bottom:80px;}
#home_pro .home_pro_dh{ font-size:30px; margin:0 auto; text-align:center; color:#081727;}
#home_pro .home_pro_nav{ margin:0 auto; margin-top:80px; font-size:0;}
#home_pro .home_pro_nav>span{ width:298.5px; height:50px; line-height:50px; border:1px solid #ebf0f6; display:inline-block; font-size:18px; color:#657789; text-align:center; border-left:0; margin-bottom:19px; cursor:pointer;}
#home_pro .home_pro_nav>span:nth-child(4n+1){ border-left:1px solid #ebf0f6;}
#home_pro .home_pro_nav>span.on{ background:#0151f2; color:#fff;}
#home_pro .home_pro_con{ margin:0 auto; margin-top:50px; height:358px;}
#home_pro .home_pro_con>ul>li{ float:left; width:388px; margin-left:17px;}
#home_pro .home_pro_con>ul>li:nth-child(3n+1){ margin-left:0;}
#home_pro .home_pro_con>ul>li .img{ width:388px; height:258px; background:linear-gradient(#fff,#f0f2f7); vertical-align:middle; display:table-cell; text-align:center;}
#home_pro .home_pro_con>ul>li .img>img{ max-width:100%; max-height:60%; height:auto; transition:all 0.3s;}
#home_pro .home_pro_con>ul>li:hover .img>img{ margin-top:-10px;}
#home_pro .home_pro_con>ul>li span{ height:100px; line-height:100px; font-size:18px; color:#081727; display:block; background:rgba(255,255,255,0.6); text-align:center;}
#home_pro .home_pro_con>ul>li span:hover{ color:#0151f2;}

/*home_about*/
#home_about{ width:100%; margin-top:156px; background:url(../image/about_h_bg.png) no-repeat bottom center; overflow:hidden;}
#home_about .home_about_dh{ font-size:30px; margin:0 auto; text-align:center; color:#081727;}
#home_about .home_about_con{ margin:0 auto; margin-top:80px; background:#fff; padding-bottom:80px;}
#home_about .home_about_con .desc_box{ width:1116px; margin:0 auto;}
#home_about .home_about_con .desc{ float:left; width:565px; font-size:17px; line-height:30px; color:#657789;}
#home_about .home_about_con img{ float:right; width:500px; height:290px; object-fit:cover;}
#home_about ul{ margin:50px 0 40px 0; font-size:0; color:rgba(255,255,255,0.8);}
#home_about ul>li{ font-size:18px; display:inline-block; text-align:center; width:33.33%;}
#home_about ul>li>em{ font-size:32px; display:block; margin-bottom:6px;}
#home_about ul>li>em>span{ font-family:'FjallaOne-Regular';}
#home_about ul>li>em>i{ font-size:24px; position:relative; top:-2px;}

/*left*/
#left .left_dh ul li{ float:left; margin-right:20px;}
#left .left_dh ul li a{ width:128px; height:48px; line-height:48px; color:#7c92a9; display:block; font-size:18px; border:1px solid #ccd6ec; text-align:center; border-radius:4px;}
#left .left_dh ul li a:hover{ background:#0151f2; color:#fff; border-color:#0151f2;}
#left .left_dh ul li a.on{ background:#0151f2; color:#fff; border-color:#0151f2;}

/*content*/
#right{ width:100%;}
#right .right_con{ min-height:200px; text-align:left;}

/*pro*/
.pro_1{ background-image:url(../image/pro_bg.png); background-repeat:no-repeat; background-position:top center; height:520px; margin-top:53px;}
.pro_1 .desc{ padding:107px 0 0 52px; float:left; width:546px;}
.pro_1 .desc>em{ color:#081727; font-size:30px; line-height:1; margin-bottom:30px; display:block;}
.pro_1 .desc>.desc_list{ width:433px; font-size:17px; color:#657789; line-height:32px; text-align:justify;}
.pro_1 .desc>.desc_list br{ line-height:1;}
.pro_1 .desc_box{ width:100% !important;}
.pro_1 .img{ width:590px; height:300px; float:right; margin-top:64px;}
.pro_1 .img .swiper-pagination{ bottom:0px;}
.pro_1 .img .swiper-pagination-bullet{ background:#d4d4db; opacity:1; width:10px; height:10px; margin:0 6px;}
.pro_1 .img .swiper-pagination-bullet-active{ background:#0151f2; opacity:1;}
.pro_1 .img img{ max-width:100%; max-height:100%;}
.pro_2{ margin-top:96px; margin-bottom:160px;}
.pro_2>em{ margin-left:45px; color:#081727; font-size:30px; line-height:1;}
.pro_2>ul{ margin-top:46px;}
.pro_2>ul>li{ width:300px; height:380px; float:left; text-align:center;}
.pro_2>ul>li:nth-child(2){ background:#f8f9fd;}
.pro_2>ul>li:nth-child(4){ background:#f8f9fd;}
.pro_2>ul>li:nth-child(5){ background:#f8f9fd;}
.pro_2>ul>li:nth-child(7){ background:#f8f9fd;}
.pro_2>ul>li:nth-child(10){ background:#f8f9fd;}
.pro_2>ul>li:nth-child(12){ background:#f8f9fd;}
.pro_2>ul>li>img{ width:60px; height:60px; margin-top:100px;}
.pro_2>ul>li>p{ width:192px; margin:0 auto; margin-top:22px; color:#657789; font-size:17px; line-height:30px;}
.pro_3{ margin:160px 0;}
.pro_3 img{ width:100%; height:auto;}
.pro_3 video{ width:100%; height:auto;}
	
/*about*/
.about_1{ width:1020px; margin:0 auto; margin-top:62px; position:relative; z-index:2;}
.about_1 .about_1_desc>em{ width:155px; height:138px; background:#0151f2; display:flex; float:right; justify-content:center; align-items:center;}
.about_1 .about_1_desc>em>i{ width:76px; font-size:30px; display:block; color:#fff; line-height:1.6; letter-spacing:6px; text-align:center;}
.about_1 .about_1_desc .desc{ width:800px; color:#657789; font-size:16px; line-height:28px; margin-bottom:50px;}
.about_1 .about_1_desc .desc span{ color:#081727;}
.about_1 .about_1_note{ margin-top:80px;}
.about_1 .about_1_note img{ float:left; width:466px; height:270px; object-fit:cover;}
.about_1 .about_1_note .desc{ float:right; width:520px; color:#657789; font-size:16px; line-height:28px;}
.about_1 .about_1_note .desc span{ color:#081727;}
.about_1 ul{ margin-top:80px; font-size:0;}
.about_1 ul>li{ font-size:18px; color:#657789; display:inline-block; text-align:center; width:33.33%;}
.about_1 ul>li>em{ font-size:34px; color:#081727; display:block; margin-bottom:6px;}
.about_1 ul>li>em>span{ font-family:'FjallaOne-Regular';}
.about_1 ul>li>em>i{ font-size:24px; position:relative; top:-2px;}
.about_2{ width:100%; margin:0 auto; margin-top:150px; background:url(../image/about_1_bg.png) no-repeat top center; height:656px;}
.about_2 .about_2_box{ width:870px; margin:0 auto; padding-top:138px;}
.about_2 .about_2_box .desc{ width:400px; float:right; color:#fff; font-size:18px;}
.about_2 .about_2_box .desc>em{ font-size:30px; display:block; margin-bottom:60px;}
.about_2 .about_2_box .desc>ul>li{ margin-bottom:54px;}
.about_2 .about_2_box .desc>ul>li>em{ width:69px; height:36px; background:#f47e00; text-align:center; line-height:36px; display:inline-block; margin-right:35px; font-size:22px;}
.about_3{ width:1184px; margin:0 auto; padding-top:103px;}
.about_3 em{ font-size:30px; color:#081727; text-align:center; display:block;}
.about_3 ul{ margin-top:68px;}
.about_3 ul>li{ float:left; width:556px; margin-left:72px;}
.about_3 ul>li:nth-child(2n+1){ margin-left:0;}
.about_3 ul>li>img{ width:556px; height:326px;}
.about_4{ width:100%; margin:0 auto; margin-top:80px; background:url(../image/about_4_bg.png) no-repeat top center; height:922px;}
.about_4 .about_4_box{ width:1090px; margin:0 auto;}
.about_4 .about_4_box .desc{ padding-top:180px; color:#fff; font-size:16px;}
.about_4 .about_4_box .desc>em{ font-size:30px; display:block; text-align:center;}
.about_4 .about_4_box .desc>.desc_list{ margin-top:80px;}
.about_4 .about_4_box .desc>.desc_list>img{ width:514px; height:486px; float:left;}
.about_4 .about_4_box .desc>.desc_list>ul{ float:right;}
.about_4 .about_4_box .desc>.desc_list>ul>li{ width:550px; margin-bottom:76px; overflow:hidden;}
.about_4 .about_4_box .desc>.desc_list>ul>li>em{ font-size:18px; width:124px; float:left;}
.about_4 .about_4_box .desc>.desc_list>ul>li>p{ width:426px; float:right;}
.about_4 .about_4_box .desc>.desc_list>ul>li:nth-child(1){ margin-left:-132px;}
.about_4 .about_4_box .desc>.desc_list>ul>li:nth-child(2){ margin-left:-30px;}
.about_4 .about_4_box .desc>.desc_list>ul>li:nth-child(4){ margin-left:-30px; padding-top:20px;}
.about_4 .about_4_box .desc>.desc_list>ul>li:nth-child(5){ margin-left:-132px; margin-top:-20px;}

/*solution*/
.solution_1{ width:100%; background:url(../image/solution1_bg.png) repeat-x bottom center; padding-bottom:80px;}
.solution_1 .solution_1_box{ width:1128px; margin:0 auto;}
.solution_1 .solution_1_box>em{ font-size:30px; display:block; text-align:center; color:#081727;}
.solution_1 .solution_1_box>.desc{ font-size:17px; color:#657789; line-height:32px; margin-top:70px;}
.solution_1 .solution_1_box>.img{ margin-top:80px;}
.solution_2{ width:100%; padding:158px 0;}
.solution_2 .solution_2_box{ width:1128px; margin:0 auto;}
.solution_2 .solution_2_box>em{ font-size:30px; display:block; text-align:center; color:#081727;}
.solution_2 .solution_2_box>.desc{ font-size:17px; color:#657789; line-height:32px; margin-top:70px;}
.solution_2 .solution_2_box>.img{ margin-top:80px;}
.solution_3{ width:100%; background:url(../image/solution3_bg.png) repeat-x bottom center; padding-top:80px;}
.solution_3 .solution_3_box{ width:1138px; margin:0 auto;}
.solution_3 .solution_3_box>em{ font-size:30px; display:block; text-align:center; color:#081727;}
.solution_3 .solution_3_box>.desc{ width:1045px; margin:0 auto; font-size:17px; color:#657789; line-height:32px; margin-top:70px;}
.solution_3 .solution_3_box>.img{ margin-top:80px;}
.solution_3 .solution_3_box>.img>ul>li{ width:556px; height:270px; float:left; margin-left:21px; position:relative;}
.solution_3 .solution_3_box>.img>ul>li:nth-child(2n+1){ margin-left:0;}
.solution_3 .solution_3_box>.img>ul>li:nth-child(2n+1) img{ right:0;}
.solution_3 .solution_3_box>.img>ul>li img{ position:absolute; bottom:0;}
.solution_3 .solution_3_box>.img>ul>li>em{ width:271px; height:223px; display:block; background:linear-gradient(#fefeff,#eaf1fb); box-shadow:0px 0px 4px 0px rgba(209,212,220,0.3);
border-radius:2px 2px 0px 0px; position:absolute; bottom:0; left:0;}
.solution_3 .solution_3_box>.img>ul>li:nth-child(2n)>em{ right:0; left:auto;}
.solution_pro{ padding:160px 0 20px 0;}
.solution_pro em{ font-size:30px; display:block; text-align:center; color:#081727;}
.solution_pro ul{ margin-top:79px;}
.solution_pro ul>li{ float:left; width:384px; margin-left:24px; margin-bottom:60px;}
.solution_pro ul>li:nth-child(3n+1){ margin-left:0;}
.solution_pro ul>li .img{ width:384px; height:196px; background:linear-gradient(#f8f9fb,#fff); margin:0 auto; text-align:center; display:table-cell; vertical-align:middle;}
.solution_pro ul>li .img>img{ max-width:100%; height:auto; max-height:80%;}
.solution_pro ul>li span{ width:100%; display:block; height:60px; line-height:60px; background:#f0f3f7; font-size:18px; color:#657789; text-align:center;}
.solution_pro ul>li:hover span{ background:#0151f2; color:#fff;}	

/*list_pro*/
ul.list_pro{ text-align:center;}
ul.list_pro li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.list_pro li:nth-child(4n+1){ margin-left:0;}
ul.list_pro li .img{ width:235px; height:180px; overflow:hidden;}
ul.list_pro li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_pro li span{ display:block; padding-top:10px;}

/*display*/
.dis_big{ text-align:center;}
.dis_big .l{ float:left; width:50%;}
.dis_big .r{ float:right; text-align:left; width:46%; margin-top:20px;}
.dis_name{ line-height:30px; color:#454545; padding:10px 0;}
.dis_pic{ position: relative; text-align:center;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display:none;}
.dis_pic a.p_prev{ background:url() no-repeat; left:0;}
.dis_pic a.p_next{ background:url() no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{ border:1px solid #e6e6e6; max-width:100%;}
.dis_note{ text-align:left;line-height:23px; margin-top:26px;}
.dis_close{ margin:0 auto; text-align:center; padding:20px 0;}
.dis_close a{ padding:5px;}

/*list_share*/
ul.list_share li{ float:left; width:388px; margin-left:16px; margin-bottom:60px;}
ul.list_share li:nth-child(3n+1){ margin-left:0;}
ul.list_share li:nth-child(n+7){ margin-bottom:0;}
ul.list_share li .img{ width:388px; height:194px; border-radius:6px 6px 0 0; overflow:hidden;}
ul.list_share li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_share li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_share li .desc{ padding:34px 14px; box-shadow:0px 1px 5px 1px rgba(213,213,213,0.23); border-radius:0 0 6px 6px;}
ul.list_share li span{ display:block; line-height:1; color:#081727; font-size:20px;}
ul.list_share li span:hover{ color:#0151f2;}
ul.list_share li p{ font-size:16px; color:#657789; height:80px; margin-top:25px; line-height:28px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical;} 

/*share_list*/
ul.share_list{ text-align:center;}
ul.share_list li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.share_list li:nth-child(4n+1){ margin-left:0;}
ul.share_list .img{ width:235px; height:180px; background:#fff; display:table-cell; vertical-align:middle; text-align:center; *display: block; border:1px solid #ddd; overflow:hidden;}
ul.share_list .img img{ max-width:100%; max-height:100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.share_list li:hover img{ transform:scale(1.08); -webkit-transform: scale(1.08);}
ul.share_list li span{ display:block; padding-top:10px; text-align:center;}

/*table*/
table{ width:100%; border-width:1px; border-color:#666; border-collapse:collapse;}
table th{ border-width:1px; padding:8px; border-style:solid; border-color:#ccc; background-color:#e8e8e8;}
table td{ border-width:1px; padding:8px; border-style:solid; border-color:#666; background-color:#fff;}

/*list_news*/
ul.list_news li{ position:relative; height:40px; line-height:40px; border-bottom:1px dotted #ccc;}
ul.list_news li span{ position:absolute; right:5px; top:0;}

/*list_img_news*/
ul.list_img_news{ margin-top:60px;}
ul.list_img_news li{ margin-bottom:40px; font-size:16px; overflow:hidden;}
ul.list_img_news li .img{ width:322px; height:182px; float:left; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_img_news li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_img_news li .desc{ width:630px; float:right;}
ul.list_img_news li span{ font-size:20px; display:block; color:#081727; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_img_news li p{ color:#657789; line-height:1.6; font-size:16px; margin:10px 0 60px 0; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list_img_news li em{ display:block; color:#657789;}
ul.list_img_news li span:hover{ color:#0151f2;}

/*list_pic_news*/
ul.list_pic_news{ text-align:center;}
ul.list_pic_news li{ float:left; width:300px; margin:0 8px; height:260px;}
ul.list_pic_news li .img{ width:300px; height:200px; overflow:hidden;}
ul.list_pic_news li img{ width:100%; height:100%; object-fit:cover; transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
ul.list_pic_news li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_pic_news li span{ display:block; padding-top:10px;}

/*dis_news*/
#dis_news{ margin-top:64px;}
#dis_news .news_title{ font-size:20px; color:#081727; line-height:1; text-align:center;}
#dis_news .news_content{ text-align:left; color:#657789; font-size:16px; line-height:30px; margin-top:50px;}
#dis_news .news_date{ margin-top:50px; font-size:16px; color:#b0bbc6;}
#dis_news .news_date>span{ float:right;}

/*list_join*/
ul.list_join{ margin-top:60px; font-size:18px;}
ul.list_join .dh{ background:#f3f9ff; color:#081727; margin-bottom:8px;}
ul.list_join .dh>span{ height:80px; line-height:80px; width:20%; display:inline-block; text-align:left;}
ul.list_join .dh>span:nth-child(1){ width:calc(30% - 36px); padding-left:36px;}
ul.list_join .dh>span:nth-child(5){ width:10%; text-align:center;}
ul.list_join li{ background:#f3f9ff; color:#657789; margin-bottom:8px; cursor:pointer;}
ul.list_join .list_dh{ height:80px;}
ul.list_join .list_dh>span{ float:left; height:80px; line-height:80px; width:20%; display:inline-block; text-align:left;}
ul.list_join .list_dh>span:nth-child(1){ width:calc(30% - 36px); padding-left:36px;}
ul.list_join .list_dh>span:nth-child(5){ width:10%; text-align:center; background:url(../image/join_ico.png) no-repeat center;}
ul.list_join .list_dh>span:nth-child(5).on{ background:url(../image/join_ico_a.png) no-repeat center;}
ul.list_join .desc{ background:#fff; padding:20px; font-size:15px; line-height:2.2; box-shadow:0px 1px 5px 1px rgba(213,213,213,0.23); display:none;}
ul.list_join .desc>em{ font-size:18px; color:#081727; display:block;}
ul.list_join .desc>em.box{ margin-top:30px;}
ul.list_recruit{ width:1008px; margin:0 auto; margin-top:50px; font-size:18px; color:#657789;}
ul.list_recruit li{ background:url(../image/join_ico_bg.png) no-repeat top center; width:738px; height:132px; display:flex; justify-content:center; align-items:center; float:right; margin-bottom:18px;}
ul.list_recruit li .desc{ display:flex; justify-content:center; align-items:center;}
ul.list_recruit li i{ font-size:30px; font-family:'PangMenZhengDao'; float:left; width:30px;}
ul.list_recruit li span{ float:right; width:510px;}
ul.list_recruit li:nth-child(2n){ background:url(../image/join_ico_bg_a.png) no-repeat top center; float:left; color:#fff;}
.list_contact{ margin-top:60px; font-size:18px;}
.list_contact>.img{ float:left; width:597px; height:462px;}
.list_contact>.img>img{ width:100%; height:100%;}
.list_contact>.desc{ float:right; width:603px; height:460px; box-shadow:0px 1px 5px 1px rgba(213,213,213,0.4);}
.list_contact>.desc>ul{ padding:62px 47px;}
.list_contact>.desc>ul>li{ margin-bottom:30px; color:#081727; overflow:hidden;}
.list_contact>.desc>ul>li>img{ width:20px; margin-right:12px; float:left;}
.list_contact>.desc>ul>li>.note{ width:460px; float:left; line-height:1.6;}
.list_contact>.desc>ul>li>.note>em{ display:block; margin-bottom:15px; line-height:1;}
.list_contact>.apply{ background:#0151f2; height:66px; line-height:66px; color:#fff; font-size:22px; text-align:center;}
	
/*page*/
.page{ text-align:center; line-height:30px; min-height:30px; clear:both; margin-top:20px;}
/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:70px; text-align:center;}
.pages em{ font-size:16px; color:#657789; margin-right:12px; position:relative; top:1px;}
.pages .pages_m_box{ display:none;}
.pages a{ padding:0 13px; height:26px; line-height:26px; background:#f3f5f8; margin:0 8px; display:inline-block; border-radius:4px; color:#657789;}
.pages a:hover,a.active{ background:#0151f2; color:#fff;}
.pages span{ padding:0 13px; height:26px; line-height:26px; background:#f3f5f8; margin:0 8px; cursor:pointer; display:inline-block; border-radius:4px; color:#657789;}
.pages span:hover,span.active{ background:#0151f2; color:#fff;}

/*feedback*/
.feedback{ width:680px;}
.feedback img{ cursor:pointer;}
.feedback input{ line-height:24px; color:#565656; width:246px; border:1px solid #ccc; height:24px; margin-bottom:12px;}
.feedback textarea{ line-height:24px; color:#565656; width:450px; border:1px solid #ccc; height:96px; margin-bottom:12px; resize:none;}
.feedback ul li span{ line-height:24px; color:#565656; width:96px; height:24px; margin-right:12px; float:left; text-align:left;}
.feedback .submit{ line-height:26px; color:#565656; width:110px; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer;}
.feedback .code{ width:246px;}
.feedback img{ color:#565656; float:right;}

/*animate*/
@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

/*map*/
.map{ width:100%; height:400px; border:1px solid #ccc;}
.map img{ max-width:inherit !important;}
.shadow,.pop,.anchorBL{ display:none;}

/*form*/
.form{ margin:0 auto; width:100%;}
.form .form-group{ margin-bottom:10px;}
.form .form-group>em{ width:96px; display:inline-block;}
.form .form-group:nth-child(5)>em{ vertical-align:top;}
.form .form-group>input[type="text"],textarea{ width:300px; height:30px; border:1px solid #ddd; outline:none; text-indent:10px;}
.form .form-group>input.code{ width:80px;}
.form .form-group>textarea{ width:296px; height:100px; margin:5px 0;}
.form .form-group>.box{ margin:0 auto; text-align:center; margin-top:20px;}
.form .form-group>.box>input[type="submit"]{ background:#e5e5e5; width:100px; height:30px; line-height:30px; color:#565656; border:0; cursor:pointer; margin-right:10px;}
.form .form-group>.box>input[type="submit"]:hover{ background:#0151f2; color:#fff;}
.form .form-group>.box>input[type="reset"]{ background:#e5e5e5; width:100px; height:30px; line-height:30px; color:#565656; border:0; cursor:pointer;}
.form .form-group>.box>input[type="reset"]:hover{ background:#0151f2; color:#fff;}

/*float*/
.float{ width:50px; position:fixed; right:0; bottom:150px; background:#e2e4e3; z-index:99; padding:10px 0; border-radius:5px 0 0 5px;}
.float li{ margin:20px 0; position:relative;}
.float li .icon_on{ display:none;}
.float li:hover .icon_on{ display:block;}
.float li:hover .icon_off{ display:none;}
.float li:nth-child(2):hover>.note{ display:block;}
.float li:nth-child(3):hover>.note{ display:block;}
.float em{ display:block; width:80%; margin:0 auto; text-align:center; line-height:1.2; padding-top:10%;}
.float .note{ background:#fff; width:135px; position:absolute; right:50px; color:#222; padding:15px 0 10px 0; text-align:left; padding-left:10px; line-height:1.5; font-size:18px; box-shadow:0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow:0px 6px 30px 1px rgba(0,0,0,.2); display:none;}
.float .note img{ width:120px; height:120px;}

/*livechat*/
#livechat{ z-index:999; right:45px; visibility:visible; width:140px; position:fixed; top:220px; height:203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none; line-height:1.6;}
#livechat ul{ border-top:1px solid #e0e0e0; padding:10px 0;}
#livechat ._title{ line-height:20px; font-size:12px; margin:10px 0; color:#898989; text-align:center; display:inline-block;}
#livechat ._close{ position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}
#livechat ._img{ line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
#livechat ul>li>img{ width:80%;}
.chat_top{ width:135px; height:36px; background:#0151f2; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #0151f2; border-bottom:1px solid #0151f2; border-right:1px solid #0151f2; background:#fff; line-height:28px;}

/*footer_top*/
#footer_top{ background:url(../image/footer_bg.png) no-repeat top center; height:120px; display:flex; justify-content:center; align-items:center;}
#footer_top .desc{ text-align:center; font-size:20px; color:#fff;}
#footer_top .desc>em{ font-size:28px; font-family:'FjallaOne-Regular'; position:relative; top:3px; margin-left:40px;}

/*footer_nav*/
#footer_nav{ background:#061635;}
#footer_nav .footer_nav_con{ width:1048px; margin:0 auto; padding:85px 0 70px 0; color:#b8c9e1;}
#footer_nav .footer_nav_con a{ color:#b8c9e1;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .pic{ float:left; width:232px;}
#footer_nav .footer_nav_con .list{ float:left; padding-left:90px; border-left:1px solid #263a5e;}
#footer_nav .footer_nav_con .list span{ font-size:16px; text-align:left; line-height:1; color:#b8c9e1; display:block; margin-bottom:12px;}
#footer_nav .footer_nav_con .list li{ line-height:2.6; text-align:left; overflow:hidden;}
#footer_nav .footer_nav_con .list:nth-child(3){ border:0;}
#footer_nav .footer_nav_con .list:nth-child(3) li{ margin-bottom:40px;}
#footer_nav .footer_nav_con .list:nth-child(3) li:last-child{ margin-bottom:0;}
#footer_nav .footer_nav_con .list li>img{ float:left; width:18px; margin-right:12px;}
#footer_nav .footer_nav_con .list li>.desc{ float:right; line-height:1.6; width:132px;}
#footer_nav .footer_nav_con .list li>.desc>em{ display:block; margin-bottom:12px; line-height:1; font-size:16px;}
#footer_nav .footer_nav_con .qcode{ float:right;}
#footer_nav .footer_nav_con .qcode li{ float:left; margin-left:58px;}
#footer_nav .footer_nav_con .qcode em{ color:#b8c9e1; display:block; margin-top:6px; text-align:center;}
#footer_nav .footer_nav_con .qcode img{ max-width:110px;}

/*footer*/
#footer{ padding:12px 0; background:#000D27; color:#99a9c1;}
#footer a{ color:#99a9c1;}
#footer a:hover{ color:#fff;}
#footer .footer_con{ margin:0 auto; text-align:center;}

/*go_top*/
.go_top{ width:50px; height:50px; position:fixed; bottom:60px; right:55px; cursor:pointer; display:none;}

/*media*/
@media (min-width:769px){
.header{ display:none;}
}

/*public*/
@media screen and (max-width:768px) {
html,body{ overflow:auto; overflow-x:hidden;}
#header{ display:none;}
.content_box{ min-width:100%; width:100%;}
.container{ min-width:100%; width:100%;}
.con{ padding:0 3% 30px 3%;}
.con_box{ padding:0 0 30px 0;}
.header{ width:100%; height:60px; line-height:60px; background:#fff; position:fixed; box-shadow:0px 1px 10px rgba(0,0,0,.2); z-index:999;}
.header .m_logo img{ height:36px; padding:12px 10px;}
.header .nav{ height:100%; background:#fff; position: absolute; top:60px; width:100%; border-top:1px solid #f0f0f0; overflow-y:scroll; display:none;}
.header .nav ul li a{ display:block; font-size:15px; color:#454545; line-height:16px; text-align:left; padding:14px 20px; border-bottom:1px solid #f0f0f0;}
.header .nav ul li a:hover{ background:#0151f2; color:#fff;}
.header .nav ul>li a i{ float:right; font-size:20px; position:relative; top:-2px;}
.header .nav dl{ display:none;}
.header .nav dl dd{ text-indent:10px;}
.header .header_icon{ position:fixed; top:0; right:0; height:60px; width:50px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before { position:absolute; background-color:#0151f2; height:2px; width:25px;}
.header .header_icon span{left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition:background-color .3s; transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before{ content:''; left:0; -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before{ -webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px);}
.header .header_icon span::after{ -webkit-transform:translateY(9px); -ms-transform:translateY(9px); transform:translateY(9px);}
.header_top{ height:60px;}
.banner{ height:200px; background-size:cover; top:0; margin-top:0;}
.banner .swiper-button-prev{ left:10px;}
.banner .swiper-button-next{ right:10px;}
.banner .desc em{ font-size:17px; padding-top:30px; margin-left:15px;}
.banner .desc .desc_box{ width:70%; margin-left:15px; font-size:14px; margin-top:10px;}
.banner .banner_1 .desc em{ padding-top:26px;}
.banner .banner_1 .desc .desc_box{ width:66%;}
.banner .banner_1 .desc_btn{ margin-left:15px; margin-top:10px;}
.banner .banner_1 .desc_btn>span{ width:60px; height:26px; line-height:26px; font-size:14px; margin-right:5px;}
.banner .banner_3 .desc em{ padding-top:26px;}
.banner .banner_3 .desc .desc_box{ width:40%;}
.banner_inside{ height:160px; background-size:cover; top:0; margin-top:0;}
.banner_inside .swiper-button-prev{ left:10px;}
.banner_inside .swiper-button-next{ right:10px;}
.banner_news video{ height:inherit;}

/*home*/
#home_solution{ margin-top:30px;}
#home_solution .home_solution_dh{ font-size:20px;}
#home_solution .home_solution_con{ width:94%; margin:0 auto; margin-top:30px;}
#home_solution .home_solution_con>ul>li{ width:49.8%; height:auto; margin-bottom:1px;}
#home_solution .home_solution_con>ul>li:nth-child(2n){ margin-left:0.1%;}
#home_solution .home_solution_con>ul>li.on{ width:100%; margin-bottom:1px;}
#home_solution .home_solution_con>ul>li>.desc{ width:100%; height:auto; padding-bottom:20px;}
#home_solution .home_solution_con>ul>li>.desc>span{ padding:20px 0 0 20px; font-size:18px;}
#home_solution .home_solution_con>ul>li>.desc>p{ padding:0 20px; margin-top:30px; line-height:1.6;}
#home_solution .home_solution_con>ul>li>.desc>img{ width:120px; top:-16px;}
#home_solution .home_solution_con>ul>li>.desc>a{ margin:0 20px; margin-top:30px;}
#home_solution .home_solution_con>ul>li>.img{ height:200px; background-size:cover;}
#home_solution .home_solution_con>ul>li>.img>span{ font-size:18px; line-height:42px;}

#home_pro{ margin-top:30px; padding-bottom:30px;}
#home_pro .home_pro_dh{ font-size:20px;}
#home_pro .home_pro_nav{ width:94%; margin:0 auto; margin-top:25px;}
#home_pro .home_pro_nav>span{ width:100%; height:36px; line-height:36px; font-size:15px; border:1px solid #ebf0f6; margin-bottom:6px;}
#home_pro .home_pro_con{ width:94%; margin:0 auto; margin-top:25px; height:auto;}
#home_pro .home_pro_con>ul>li{ width:48%; margin-left:4%; margin-bottom:5%;}
#home_pro .home_pro_con>ul>li:nth-child(3n+1){ margin-left:4%;}
#home_pro .home_pro_con>ul>li:nth-child(2n+1){ margin-left:0;}
#home_pro .home_pro_con>ul>li .img{ width:100%; height:120px; display:table-cell; vertical-align:middle;}
#home_pro .home_pro_con>ul>li .img>img{ max-height:100%;}
#home_pro .home_pro_con>ul>li span{ height:36px; line-height:36px; font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_pro .home_pro_con>ul>li:hover .img>img{ margin-top:0;}

#home_about{ margin-top:30px; background:none;}
#home_about .home_about_dh{ font-size:20px;}
#home_about .home_about_con{ width:94%; margin:0 auto; margin-top:20px; padding-bottom:30px;}
#home_about .home_about_con .desc_box{ width:100%;}
#home_about .home_about_con .desc{ width:100%; float:none; font-size:15px; line-height:1.6;}
#home_about .home_about_con img{ width:100%; float:none; margin-top:20px;}
#home_about ul{ margin:0 auto; padding:20px 0; background:#1050df;}
#home_about ul>li{ vertical-align:top; font-size:15px;}
#home_about ul>li>em{ font-size:24px;}
#home_about ul>li>em>i{ font-size:18px; top:0;}
#home_about ul>li>p{ width:80%; margin:0 auto;}

/*content*/
/*right*/
#right{ width:100%;}
#right .right_con{ min-height:320px; padding:0; padding-top:15px;}
#right .right_con img{ max-width:100%; padding:0 !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
#right .right_con table{ width:100% !important;}
#right .right_icon{ position:absolute; top:5px; right:0; height:30px; width:30px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
#right .right_icon span{ width:5px; height:5px; border-radius:50%; background:#222; display:block; float:right; position:relative; top:18px; margin-left:4px;}

/*left*/
#left{ margin-top:15px;}
#left .left_dh ul li{ margin-right:10px;}
#left .left_dh ul li a{ width:100px; height:36px; line-height:36px; font-size:15px;}
.mask{ position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none;}

/*solution*/
.solution_1{ padding-bottom:30px; margin-top:10px;}
.solution_1 .solution_1_box{ width:94%;}
.solution_1 .solution_1_box>em{ font-size:20px;}
.solution_1 .solution_1_box>.desc{ font-size:15px; margin-top:15px;}
.solution_1 .solution_1_box>.img{ margin-top:20px;}
.solution_2{ padding:30px 0;}
.solution_2 .solution_2_box{ width:94%;}
.solution_2 .solution_2_box>em{ font-size:20px;}
.solution_2 .solution_2_box>.desc{ font-size:15px; margin-top:15px;}
.solution_2 .solution_2_box>.img{ margin-top:20px;}
.solution_3{ padding-top:20px;}
.solution_3 .solution_3_box{ width:94%;}
.solution_3 .solution_3_box>em{ font-size:20px;}
.solution_3 .solution_3_box>.desc{ width:94%; font-size:15px; margin-top:15px;}
.solution_3 .solution_3_box>.img{ margin-top:0;}
.solution_3 .solution_3_box>.img>ul>li{ width:48%; margin-left:4%; height:100px;}
.solution_3 .solution_3_box>.img>ul>li>em{ width:100%; height:60px;}
.solution_3 .solution_3_box>.img>ul>li>.img{ width:100%; height:100px;}
.solution_3 .solution_3_box>.img>ul>li img{ width:94%; object-fit:cover;}
.solution_pro{ width:94%; margin:0 auto; padding:30px 0 0 0;}
.solution_pro em{ font-size:20px;}
.solution_pro ul{ margin-top:20px;}
.solution_pro ul>li{ width:48%; margin-left:4%; margin-bottom:5%;}
.solution_pro ul>li:nth-child(3n+1){ margin-left:4%;}
.solution_pro ul>li:nth-child(2n+1){ margin-left:0;}
.solution_pro ul>li .img{ width:100%; height:120px; display:table-cell; vertical-align:middle;}
.solution_pro ul>li span{ height:36px; line-height:36px; font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*pro*/
.pro_1{ margin-top:20px; height:auto; background:none;}
.pro_1 .desc{ width:94%; margin:0 auto; float:none; padding:0;}
.pro_1 .desc>em{ font-size:18px; margin-bottom:10px;}
.pro_1 .desc>.desc_list{ width:100%; font-size:15px; line-height:1.8;}
.pro_1 .img{ width:100%; margin:0 auto; float:none; height:260px; margin-top:10px; background-image:url(../image/pro_bg2.png); background-repeat:no-repeat; background-position:bottom center; background-size:cover; text-align:center;}
.pro_1 .img .swiper-wrapper{ padding-bottom:0;}
.pro_1 .img .swiper-pagination{ bottom:70px;}
.pro_1 .img .swiper-pagination-bullet{ background:#a9a8b5;}
.pro_1 .img .swiper-pagination-bullet-active{ background:#0151f2;}
.pro_1 .img img{ max-height:70%; margin:0 auto;}
.pro_2{ width:94%; margin:0 auto; padding-bottom:30px;}
.pro_2>em{ margin-left:0; font-size:18px;}
.pro_2>ul{ margin-top:16px;}
.pro_2>ul>li{ width:50%; height:280px;}
.pro_2>ul>li:nth-child(3){ background:#f8f9fd;}
.pro_2>ul>li:nth-child(4){ background:none;}
.pro_2>ul>li:nth-child(5){ background:none;}
.pro_2>ul>li:nth-child(6){ background:#f8f9fd;}
.pro_2>ul>li:nth-child(7){ background:#f8f9fd;}
.pro_2>ul>li>img{ width:50px; height:auto; margin-top:50px;}
.pro_2>ul>li>p{ width:80%; margin-top:10px; font-size:15px; line-height:1.6;}
.pro_3{ width:94%; margin:0 auto; margin-bottom:30px;}

/*about*/
.about_1{ width:94%; margin:0 auto; margin-top:0;}
.about_1 .about_1_desc>em{ width:70px; height:70px;}
.about_1 .about_1_desc>em>i{ font-size:18px;}
.about_1 .about_1_desc .desc{ width:100%; margin-top:20px; font-size:15px;}
.about_1 .about_1_desc .desc span{ font-size:16px !important;}
.about_1 .about_1_note{ margin-top:20px;}
.about_1 .about_1_note img{ width:100%; height:auto; float:none;}
.about_1 .about_1_note .desc{ width:100%; float:none; margin-top:20px; font-size:15px;}
.about_1 .about_1_note .desc span{ font-size:16px !important;}
.about_1 ul{ margin-top:30px;}
.about_1 ul>li{ vertical-align:top; font-size:15px;}
.about_1 ul>li>em{ font-size:24px; margin-bottom:0;}
.about_1 ul>li>em>i{ font-size:18px;}
.about_1 ul>li>p{ width:80%; margin:0 auto;}
.about_2{ margin-top:30px; height:auto; padding:30px 0 10px 0;}
.about_2 .about_2_box{ width:100%; padding-top:0;}
.about_2 .about_2_box .desc{ width:94%; margin:0 auto; float:none; font-size:16px;}
.about_2 .about_2_box .desc>em{ font-size:18px; margin-bottom:20px;}
.about_2 .about_2_box .desc>ul>li{ margin-bottom:20px;}
.about_2 .about_2_box .desc>ul>li>em{ font-size:16px; height:30px; line-height:30px; width:60px; margin-right:10px;}
.about_3{ width:94%; margin:0 auto; padding-top:30px;}
.about_3 em{ font-size:18px;}
.about_3 ul{ margin-top:25px;}
.about_3 ul>li{ width:48%; margin-left:4%;}
.about_3 ul>li>img{ width:100%; height:auto;}
.about_4{ margin-top:0; height:auto; padding-bottom:10px;}
.about_4 .about_4_box{ width:94%; margin:0 auto;}
.about_4 .about_4_box .desc{ padding-top:110px;}
.about_4 .about_4_box .desc>em{ font-size:18px;}
.about_4 .about_4_box .desc>.desc_list{ margin-top:25px;}
.about_4 .about_4_box .desc>.desc_list>img{ width:40%; height:auto; display:none;}
.about_4 .about_4_box .desc>.desc_list>ul{ width:100%;}
.about_4 .about_4_box .desc>.desc_list>ul>li{ width:auto; margin-bottom:20px; overflow:hidden;}
.about_4 .about_4_box .desc>.desc_list>ul>li:nth-child(1){ margin-left:0;}
.about_4 .about_4_box .desc>.desc_list>ul>li:nth-child(2){ margin-left:0;}
.about_4 .about_4_box .desc>.desc_list>ul>li:nth-child(4){ margin-left:0; padding-top:0;}
.about_4 .about_4_box .desc>.desc_list>ul>li:nth-child(5){ margin-left:0; margin-top:0;}
.about_4 .about_4_box .desc>.desc_list>ul>li>em{ width:100px; font-size:15px;}
.about_4 .about_4_box .desc>.desc_list>ul>li>p{ width:calc(100% - 100px); font-size:15px;}

/*list_news*/
ul.list_news li{ width:100%;}
ul.list_news li dd{ width: calc(100% - 86px); word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_pic_news*/
ul.list_pic_news li{ width:46%; margin:0 2%; margin-bottom:2%;}
ul.list_pic_news li .img{ width:100%; height:100%;}
ul.list_pic_news li img{ width:100%; height:100%;}
ul.list_pic_news li span{ font-size:15px; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic_news li p{ padding-top:5px;}

/*list_img_news*/
ul.list_img_news{ margin-top:10px;}
ul.list_img_news li{ margin-bottom:20px;}
ul.list_img_news li .img{ width:40%; height:90px;}
ul.list_img_news li .img img{ width:100%; height:100%;}
ul.list_img_news li .desc{ width:56%;}
ul.list_img_news li span{ font-size:15px; line-height:1; margin-bottom:6px;}
ul.list_img_news li p{ font-size:14px; margin-bottom:5px; margin-top:0;}
ul.list_img_news li em{ font-size:14px; margin-top:0;}

/*dis_news*/
#dis_news{ width:100%; margin-top:20px;}
#dis_news img{ height:auto !important;}
#dis_news .news_title{ font-size:16px; line-height:1.6;}
#dis_news .news_content{ font-size:15px; margin-top:15px;}
#dis_news .news_date{ margin-top:20px; font-size:15px;}
#dis_news .news_date>span{ float:none; display:block;}

/*list_pro*/
ul.list_pro li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_pro li:nth-child(2n+1){ margin-left:0;}
ul.list_pro li .img{ width:100%; height:100%;}
ul.list_pro li img{ width:100%; height:auto;}
ul.list_pro li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_share*/
ul.list_share li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_share li:nth-child(3n+1){ margin-left:4%;}
ul.list_share li:nth-child(2n+1){ margin-left:0;}
ul.list_share li:nth-child(n+7){ margin-bottom:4%;}
ul.list_share li .img{ width:100%; height:90px;}
ul.list_share li img{ width:100%; height:100%;}
ul.list_share li .desc{ padding:15px;}
ul.list_share li span{ font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_share li p{ font-size:14px; margin-top:10px; line-height:1.6; height:auto;}

/*share_list*/
ul.share_list li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.share_list li:nth-child(2n+1){ margin-left:0;}
ul.share_list li .img{ width:100%; height:100%;}
ul.share_list li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_join*/
ul.list_join{ margin-top:5px; font-size:15px;}
ul.list_join .dh>span{ height:46px; line-height:46px;}
ul.list_join .dh>span:nth-child(1){ padding-left:15px;}
ul.list_join .dh>span:nth-child(-n+4){ display:none;}
ul.list_join .dh>span:nth-child(-n+1){ width:80%; display:inline-block;}
ul.list_join .dh>span:nth-child(6){ width:10%;}
ul.list_join .list_dh{ height:46px;}
ul.list_join .list_dh>span{ height:46px; line-height:46px;}
ul.list_join .list_dh>span:nth-child(1){ padding-left:15px;}
ul.list_join .list_dh>span:nth-child(-n+4){ display:none;}
ul.list_join .list_dh>span:nth-child(-n+1){ width:80%; display:inline-block;}
ul.list_join .list_dh>span:nth-child(6){ width:10%;}
ul.list_join .desc{ padding:10px; font-size:15px;}
ul.list_join .desc>em{ font-size:16px;}
ul.list_join .desc>em.box{ margin-top:10px;}
ul.list_recruit{ width:100%; margin-top:0; font-size:15px;}
ul.list_recruit li{ width:100%; height:120px; background-size:100% 100%; margin-bottom:5px;}
ul.list_recruit li:nth-child(2n){ background-size:100% 100%;}
ul.list_recruit li>.desc{ width:92%; margin:0 auto;}
ul.list_recruit li i{ font-size:22px; text-align:center;}
ul.list_recruit li span{ width:calc(100% - 40px);}
.list_contact{ font-size:15px; margin-top:5px;}
.list_contact>.img{ width:100%; height:auto; float:none;}
.list_contact>.desc{ width:100%; height:auto; float:none;}
.list_contact>.desc>ul{ padding:15px;}
.list_contact>.desc>ul>li{ margin-bottom:20px;}
.list_contact>.desc>ul>li>.note{ width:calc(100% - 40px); line-height:1.6;}
.list_contact>.desc>ul>li>.note>em{ margin-bottom:6px; line-height:1;}
.list_contact>.apply{ height:46px; line-height:46px; font-size:16px;}

/*form*/
.form{ width:100%;}
.form .form-group>em{ width:100%;}
.form .form-group>input[type="text"]{ width:100%;}
.form .form-group>textarea{ width:98.5%;}
.form .form-group>input.code{ width:70px;}
.form input[type="submit"],input[type="reset"]{ width:40%;}

/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:30px; margin-bottom:20px; text-align:center;}
.pages .pages_box{ display:none;}
.pages .pages_m_box{ display:block;}
.pages a{ padding:0px 8px;}
.pages span{ padding:0px 8px;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0; background:none;}

/*float*/
.float{display:none;}

/*livechat*/
#livechat{ display:none;}

/*go_top*/
.go_top{ width:60px; height:60px; right:0;}
.go_top img{ width:100%; height:auto;}

/*footer_top*/
#footer_top{ background-size:cover;}
#footer_top{ height:auto; padding:20px 0;}
#footer_top .desc{ font-size:15px;}
#footer_top .desc>em{ font-size:18px; display:block; margin-left:0;}

/*nav*/
#footer_nav{ display:none;}

/*footer*/
#footer{ padding:15px 0; border-top:1px solid rgba(255,255,255,0.1);}
#footer .footer_con{ width:96%; margin:0 auto; text-align:center;}
}