
/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#555; text-align:center; background:#fff; line-height:2.2; margin-left:auto; margin-right:auto;}
a{ color:#555; 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:#da251d;}
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: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:0 0 30px 0;}
.content_box{ padding:0 30px;}
.container{ width:94%; max-width:1200px; margin:0 auto; padding:0; text-align:left;}
/* CSS Common*/

/*header */
#header{ position:fixed; background:#fff; width:100%; height:95px; margin:0 auto; text-align:center; border-bottom:1px solid #eaeaea; z-index:9;}
#header .logo{ float:left; padding-top:20px;}
#header .logo>img{ display:inline-block;}
#header .logo>em{ display:inline-block; line-height:1; position:relative; font-size:17px; color:#222; top:-3px;}
#header .logo>em>i{ display:block; font-family:Arial; font-size:20px; margin-top:6px; font-weight:bold;}
#header .logo>em:before{ content:''; height:39px; width:1px; background:#555; display:block; float:left; margin:2px 15px 0 10px;}
#header .lang{ float:right; position:relative; top:-65px; right:0;}
#header .lang>em{ width:20px; height:20px; margin-left:25px; display:inline-block; background:url(../image/search_ico.png) no-repeat center; transition:all 0.3s;}
#header .lang>em{ position:relative; top:5px; cursor:pointer;}	
#header .lang>em:hover{ background:url(../image/search_ico_a1.png) no-repeat center;}
#header .lang>a{ margin-left:25px; position:relative; top:-1px; display:none;}
#header .lang>a>i{ font-size:30px; color:#000; margin-left:10px;}

/*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:#da251d;}
#menu ul li a.on{ color:#da251d;}

/*menu*/
.menu{ width:100%; margin:auto; text-align:center; margin-left:-2%;} 
.menu>ul{ margin:auto; display:inline-block;}
.menu>ul>li{ line-height:95px; display:inline-block; text-align:center; z-index:9; position:relative;}
.menu>ul>li>a{ display:block; font-size:16px; padding:0 15px; color:#141313;}
.menu>ul>li>a:hover{ color:#da251d;}
.menu>ul>li>a.on{ color:#da251d;}
.menu>ul>li>a.curr{ color:#da251d;}
.menu>ul>li>a.on:after{ content:''; width:120%; height:2px; background:#da251d; display:block; position:relative; top:-22px; left:-10%;}
.menu li dl{ width:180px; position:absolute; background:#fff; border-top:1px solid #eaeaea; left:10px; top:95px; z-index:10; box-shadow:0px 1px 15px 1px rgba(0,0,0,0.1); display:none;}
.menu li dl dd{ text-align:left; box-sizing:border-box;}
.menu li dl dd a{ font-size:16px; line-height:1.4; display:block; padding:10px 20px;}
.menu li dl dd a:hover{ background:#da251d; color:#fff;}

/*search*/
.search{ background:#fff; position:fixed; left:0; top:95px; width:100%; height:60px; z-index:2; box-shadow:0 1px 15px 0 rgba(0,0,0,0.1); display:none;}
.search form{ width:550px; height:40px; border-bottom:1px solid #eaeaea; margin:0 auto; margin-top:6px;}
.search input[type="text"]{ width:520px; height:40px; line-height:40px; font-size:16px; border:0; color:#222; float:left; background:none;}
.search input[type="text"]::-webkit-input-placeholder{ color:#666;}
.search input[type="submit"]{ width:20px; height:20px; background-color:none; border:0; position:relative; top:12px; cursor:pointer; background:url(../image/search_ico.png) no-repeat center; transition:all 0.3s;}
.search input[type="submit"]:hover{ background:url(../image/search_ico_a1.png) no-repeat center;}

/*banner*/
.banner{ height:calc(100vh - 95px); margin-top:95px;}
.banner .swiper-slide{ background-position:center; background-repeat:no-repeat; position:relative ;display:flex; align-items:center; justify-content:center;}
.banner .swiper-slide img{ width:100%; height:100%; object-fit:cover;}
.banner .swiper-slide video{ width:100%; height:100%; object-fit:cover;}
.banner .swiper-slide .desc{ position:absolute; left:0; right:0; margin:auto; color:#fff; font-size:28px; line-height:1.3; text-shadow:rgba(0,0,0,0.2) 1px 1px 1px;}
.banner .swiper-slide .desc p{ font-size:72px; font-weight:bold; line-height: 1.2; margin-top: 10px;}
.banner .swiper-slide .desc a{ width:160px; height:46px; line-height:46px; border:2px solid rgba(255,255,255,0.8); display:block; margin-top:30px; display:block; font-size:15px; color:#fff; text-align:center; transition:all 0.3s;}
.banner .swiper-slide .desc a>i{ margin-left:10px;}
.banner .swiper-slide .desc a:hover{ background:#da251c; border-color:#da251c;}
.banner .swiper-pagination{ bottom:20px;}
.banner .swiper-pagination-bullet{ margin:0 5px !important;}
.banner .swiper-pagination-bullet{ background:#fff; opacity:1; width:8px; height:8px;}
.banner .swiper-pagination-bullet-active{ background:#da251d; width:36px; border-radius:6px;}
.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_inside*/
.banner_inside{ height:437px; margin-top:95px;}
.banner_inside .swiper-slide{ background-position:center; background-repeat:no-repeat;}
.banner_inside .swiper-slide .desc{ position:absolute; z-index:2; top:0; text-align:center; width:100%; margin-top:142px;}
.banner_inside .swiper-slide .desc>em{ color:#fff; font-weight:500; font-size:48px; display:block; margin-top:16px; line-height:1;}
.banner_inside .swiper-slide .desc>em.text{ text-shadow:rgba(0,0,0,0.2) 1px 1px 1px;}
.banner_inside .swiper-slide .desc>i{ width:65px; height:6px; background:#da251d; margin:0 auto; display:block; margin-top:20px;}
.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:#da251d;}
.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;}

/*home_about*/
#home_about{ width:100%; background:#f5f5f5; padding:70px 0 100px 0;}
#home_about .home_about_dh{ font-size:36px; color:#121212; font-weight:bold;}
#home_about .home_about_dh>i{ width:70px; height:6px; background:#da2016; display:block;}
#home_about .desc{ width:470px; float:left; margin-top:20px; line-height: 1.6;}
#home_about .desc>a.more{ width:160px; height:46px; line-height:46px; background:#da251c; border:1px solid transparent; box-sizing:border-box; border-radius:30px; display:block; text-align:center; color:#fff; font-size:16px; margin-top:20px; transition:all 0.3s;}
#home_about .desc>a.more>i{ margin-left:10px; font-size:20px; position:relative; top:1px;}
#home_about .desc>a.more:hover{ background:none; border-color:#da251c; color:#da251c;}
#home_about ul{ float:right; width:100%; font-size:0; margin-top:25px;}
#home_about ul>li{ width:33.33%; display:inline-block; font-size:16px; text-align:center; vertical-align:top; margin-bottom:20px;}
#home_about ul>li>em{ font-size:36px; font-weight:bold; color:#da251c;}
#home_about ul>li>em>i{ font-size:26px;}
#home_about .video{ width:700px; height:399px; float:right;}
#home_about .video video{ width:100%; height:100%; object-fit:cover; background:#000;}
#home_about .video img{ width:100%; height:100%; object-fit:cover;}	

/*home_app*/
#home_app{ width:100%; padding:70px 0 90px 0;}
#home_app .home_app_dh{ font-size:36px; color:#121212; font-weight:bold;}
#home_app .home_app_dh>i{ width:70px; height:6px; background:#da2016; display:block;}
#home_app .home_app_dh>span{ font-size:16px; font-weight:normal; color:#666; margin-top:20px; display:block; width:100%; line-height:1.8;}
#home_app .home_app_con{ margin-top:40px; position:relative; overflow:hidden;}
#home_app .home_app_con>.img>img{ width:100%; height:auto;}
#home_app .home_app_con .dot{ width:100%; position:absolute; height:100%; top:0;}
#home_app .home_app_con .dot>em{ display:block; position:absolute;}
#home_app .home_app_con .dot>em>span{ width:14px; height:14px; background:rgba(0,255,255,0.75); border-radius:50%; display:block; position:absolute; z-index:2; cursor:pointer;}
#home_app .home_app_con .dot>em>i{ background:url(../image/hot_ico.png) no-repeat center; display:block; position:absolute; width:26px; height:26px; border-radius:50%; top:-6px; left:-6px; animation:scale 2s infinite;}
#home_app .home_app_con .dot>em.dot_1{ left:12%; top:16%;}
#home_app .home_app_con .dot>em.dot_2{ left:49%; top:18%;}
#home_app .home_app_con .dot>em.dot_3{ left:74.2%; top:12%;}
#home_app .home_app_con .dot>em.dot_4{ left:6%; top:45%;}
#home_app .home_app_con .dot>em.dot_5{ left:26%; top:51%;}
#home_app .home_app_con .dot>em.dot_6{ left:47%; top:43.5%;}
#home_app .home_app_con .dot>em.dot_7{ left:30%; top:77%;}
#home_app .home_app_con .dot>em.dot_8{ left:44%; top:71%;}
#home_app .home_app_con .dot>em.dot_9{ left:68.5%; top:75.5%;}
#home_app .home_app_con .dot>em.dot_10{ left:17%; top:92%;}
#home_app .home_app_con .dot>em.dot_11{ left:24.6%; top:91.5%;}
#home_app .home_app_con .dot>em.dot_12{ left:61%; top:95.5%;}
#home_app .home_app_con .dot>em.dot_13{ left:84.5%; top:92%;}
#home_app .home_app_con .dot .desc{ width:200px; padding-left:25px; position:absolute; bottom:-90px; opacity:0; left:0; z-index:10; transition:all 0.3s;}
#home_app .home_app_con .dot .desc_box{ width:100%; background:rgba(0,255,255,0.6); border-left:3px solid #25ecfa; border-radius:0; color:#fff; padding:10px; box-sizing:border-box;}
#home_app .home_app_con .dot .desc em{ display:block; line-height:1; margin-bottom:6px; font-size:16px;}
#home_app .home_app_con .dot .desc span{ font-size:14px; display:block; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.6;}
#home_app .home_app_con .dot>em.dot_9 .desc{ bottom:-50px;}
#home_app .home_app_con .dot>em.dot_13 .desc{ left:-80px; bottom:-10px;}
#home_app .home_app_con .dot>em:hover .desc{ bottom:-40px; opacity:1;}
#home_app .home_app_con .dot>em.dot_9:hover .desc{ bottom:-40px;}
#home_app .home_app_con .dot>em.dot_10:hover .desc{ bottom:-30px;}
#home_app .home_app_con .dot>em.dot_11:hover .desc{ bottom:-30px;}
#home_app .home_app_con .dot>em.dot_12:hover .desc{ bottom:-10px;}
#home_app .home_app_con .dot>em.dot_13:hover .desc{ bottom:10px; left:-80px;}
@keyframes scale{
0%{ transform:scale(1);}
50%{ transform:scale(1.2);}
100%{ transform:scale(1);}
}

/*home_solution*/
#home_solution{ width:100%; background:#f5f5f5; padding:70px 0 90px 0;}
#home_solution .home_solution_dh{ font-size:36px; color:#121212; font-weight:bold;}
#home_solution .home_solution_dh>i{ width:70px; height:6px; background:#da2016; display:block;}
#home_solution .home_solution_dh>span{ font-size:16px; font-weight:normal; color:#666; margin-top:20px; display:block; width:100%; line-height:1.8;}
#home_solution .home_solution_con{ margin-top:40px;}
#home_solution .home_solution_con ul>li{ width:50%; float:left; height:680px; background-repeat:no-repeat; background-position:top left; background-size:cover; transition:all 0.6s; position:relative; overflow:hidden;}	
#home_solution .home_solution_con ul>li>.desc{ background:rgba(0,0,0,0.5); height:100%; top:0; position:absolute; width:100%; color:#fff; padding:60px; box-sizing:border-box;}
#home_solution .home_solution_con ul>li:nth-child(1)>.desc{ background:rgba(218,37,28,0.7);}
#home_solution .home_solution_con ul>li>.desc>a>em{ font-size:30px; font-weight:500; display:block; margin-bottom:10px; color:#fff;}
#home_solution .home_solution_con ul>li>.desc>dl>dd>a{ color:#fff; font-size:16px; height:92px; line-height:92px; border-bottom:1px solid rgba(255,255,255,0.2); display:block; transition:all 0.6s; padding:0 10px;}
#home_solution .home_solution_con ul>li>.desc>dl>dd>a>i{ font-size:20px; float:right; margin-top:36px;}
#home_solution .home_solution_con ul>li>.desc>dl>dd>a:hover{ background:rgba(255,255,255,0.2);}
#home_solution .home_solution_con ul.m{ display:none;}

/*home_develop*/
#home_develop{ width:100%; padding:70px 0 120px 0; background:url(../image/solutions_bg.jpg) no-repeat top center; height:800px;}
#home_develop .home_develop_dh{ font-size:36px; color:#121212; font-weight:bold;}
#home_develop .home_develop_dh>i{ width:70px; height:6px; background:#da2016; display:block;}
#home_develop .home_develop_dh>span{ font-size:16px; font-weight:normal; color:#666; margin-top:20px; display:block; width:58%; line-height:1.8;}
#home_develop .home_develop_con{ margin-top:60px;}
#home_develop .home_develop_con>.img>img{ width:1200px; height:auto;}
#home_develop .develop_list .swiper-slide{ position:relative; background-size:cover; height:570px; background-repeat:no-repeat; transform: scale(0.8); transition:all 0.6s;}
#home_develop .develop_list .swiper-slide>.desc{ width:90%; position:absolute; left:0; right:0; bottom:0; margin:auto; color:#fff; text-align:left; padding:10px 0; font-size:17px;}
#home_develop .develop_list .swiper-slide>.desc>em{ font-size:30px; font-weight:500; line-height:1.4;}
#home_develop .develop_list .swiper-slide:nth-child(2n){ margin-top:0;}
#home_develop .develop_list .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1);}
#home_develop .develop_list .swiper-wrapper{ padding-bottom:60px;}
#home_develop .develop_list .swiper-pagination{ bottom:0;}
#home_develop .develop_list .swiper-pagination-bullet{ margin:0 6px !important;}
#home_develop .develop_list .swiper-pagination-bullet{ background:#999; opacity:1; width:10px; height:10px;}
#home_develop .develop_list .swiper-pagination-bullet-active{ background:#da251d;}
	
/*home_news*/
#home_news{ width:100%; background-color:#f5f5f5; padding-bottom:60px;}
#home_news .home_news_dh{ padding-top:60px; font-size:36px; color:#fff; font-weight:bold; background-position:top center; background-repeat:no-repeat; height:340px;}
#home_news .home_news_dh i{ width:70px; height:6px; background:#fff; display:block;}
#home_news .home_news_dh span{ font-size:16px; font-weight:normal; color:#fff; margin-top:20px; display:block; width:58%; line-height:1.8;}
#home_news .home_news_con{ margin-top:-18.05%;}
#home_news .home_news_con ul li{ float:left; width:32%; margin-left:2%; margin-bottom:40px; box-shadow:0 1px 12px 1px rgba(0,0,0,0.06);}
#home_news .home_news_con ul li:nth-child(3n+1){ margin-left:0;}
#home_news .home_news_con ul li .img{ width:100%; height:100%; overflow:hidden;}
#home_news .home_news_con ul 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;}
#home_news .home_news_con ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_news .home_news_con ul li .desc{ background:#fff; text-align:left; padding:20px 18px; box-sizing:border-box;}
#home_news .home_news_con ul li span{ display:block; font-size:20px; line-height:1.4; color:#222; font-weight:bold; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_con ul li:hover span{ color:#da251c;}
#home_news .home_news_con ul li p{ font-size:15px; color:#5f5f5f; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#home_news .home_news_con ul li em{ font-size:15px; color:#5f5f5f; margin-top:10px; display:block; background:url(../image/news_ico.png) no-repeat left 5px; padding-left:22px;}

/*left*/
#left .left_dh ul{ font-size:0; text-align:center;}
#left .left_dh ul li{ display:inline-block; padding:0 15px;}
#left .left_dh ul li a{ height:60px; line-height:60px; display:block; padding:0 20px; font-size:16px; border-bottom:3px solid transparent; box-sizing:border-box;}
#left .left_dh ul li a:hover{ color:#da2016;}
#left .left_dh ul li a.on{ color:#da2016; border-bottom:3px solid #da2016;}
.mask{ position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0); display:none;}

/*content*/
#right{ width:100%;}
#right .right_dh{ width:100%; background:#f5f5f5; height:60px;}
#right .right_con{ min-height:200px; padding:60px 0;}
#right .right_con .dh{ font-size:36px; color:#121212; font-weight:bold;}
#right .right_con .dh>i{ width:70px; height:6px; background:#da2016; display:block;}
#right .right_con .content{ margin-top:20px;}

/*college*/
.college{ font-size:16px;}
.college .desc{ margin-top:20px;}
.college ul{ margin-top:50px;}
.college ul>li{ height:264px; overflow:hidden;}
.college ul>li>.desc_box{ width:50%; float:left; background:#da2016; color:#fff; font-size:16px; height:100%; padding:50px; box-sizing:border-box; line-height:1.8;}
.college ul>li>.desc_box>em{ font-size:36px; font-weight:400; display:block;}
.college ul>li>.desc_box>p{ width:86%; margin-top:20px;}
.college ul>li>.img{ width:50%; float:right; height:264px;}
.college ul>li>.img>img{ width:100%; height:100%; object-fit:cover;}
.college ul>li:nth-child(2n)>.desc_box{ float:right; background:#f5f5f5; color:#555;}
.college ul>li:nth-child(2n)>.desc_box>em{ color:#101010;}
.college ul>li:nth-child(2n)>.img{ float:left;}
.college_con{ margin-top:50px;}
.college_con>em{ font-size:30px; color:#121212; font-weight:bold;}
.college_con>.desc{ margin-top:10px;}

/*structure*/
.structure_dh{ margin-bottom:80px;}
.structure_dh>em{ font-size:24px; color:#121212; font-weight:bold;}
.structure_dh>em>i{ width:70px; height:6px; background:#da2016; display:block;}
.structure_list{ margin-bottom:20px;}
.structure_list>em{ font-size:24px; color:#121212; font-weight:bold;}
.structure_list>em>i{ width:70px; height:6px; background:#da2016; display:block;}
.structure_list>ul{ margin-top:36px;}
.structure_list>ul>li{ width:100%; float:left; overflow:hidden; margin-bottom:30px;}
.structure_list>ul>li:nth-child(2n+1){ margin-left:0;}
.structure_list>ul>li .img{ width:300px; height:366px; float:left; overflow:hidden;}
.structure_list>ul>li .img>img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
.structure_list>ul>li .img:hover>img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.structure_list>ul>li .desc{ width:calc(100% - 360px); float:right; text-align:left; color:#222;}
.structure_list>ul>li .desc>em{ font-size:22px; display:block; margin-top:10px;}
.structure_list>ul>li .desc>span{ font-size:18px; display:block; font-weight:bold;}
.structure_list>ul>li .desc>p{ font-size:16px; color:#666; margin-top:20px; line-height:1.8; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:4; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.structure_list>ul>li .desc>.desc_box{ margin-top:20px; line-height:2; font-size:15px;}

/*about*/
.about{ padding:0;}
.about .desc{ margin-top:20px;}
.about .about_list{ height:398px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-bottom:60px; color:#fff;}
.about .about_list .desc{ width:250px; float:right; padding:80px 120px; line-height:1.4; text-align:center;}
.about .about_list .desc>em{ font-size:36px; display:block;}
.about .about_list .desc>span{ font-size:48px; display:block; font-weight:bold;}
.about .about_list .desc>a{ width:210px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:16px; border:1px solid #fff; border-radius:30px; display:block; margin:0 auto; margin-top:20px;}
.about .about_list .desc>a>i{ margin-left:12px; font-size:20px; position:relative; top:1px;}
.about>ul{ margin-top:50px; font-size:0;}
.about>ul>li{ width:16.6667%; display:inline-block; font-size:16px; text-align:center; vertical-align:top;}
.about>ul>li>em{ font-size:36px; font-weight:bold; color:#da251c;}
.about>ul>li>em>i{ font-size:26px;}
.about_1{ margin-top:10px;}
.about_1 ul>li{ width:47%; margin-left:6%; float:left; position:relative;}
.about_1 ul>li:nth-child(2n+1){ margin-left:0;}
.about_1 ul>li>a>.img{ width:100%; height:616px; overflow:hidden;}
.about_1 ul>li>a>.img img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
.about_1 ul>li:hover>a>.img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.about_1 ul>li>a>span{ display:block; position:absolute; bottom:0; height:96px; line-height:96px; font-size:30px; padding-left:30px; font-weight:500; color:#fff;}
.about_1 ul>li>a>span>i{ margin-left:20px;}
.about_2{ margin-top:120px; background:url(../image/about_bg.jpg) no-repeat top center; padding:80px 0 148px 0;}
.about_2 .dh{ font-size:36px; color:#fff; font-weight:bold;}
.about_2 .dh>i{ width:70px; height:6px; background:#fff; display:block;}
.about_2 .about_2_con{ margin:0 auto; width:92%; margin-top:35px; position:relative;}
.about_2 .about_2_con>span{ width:50px; height:50px; position:absolute; top:50%; margin-top:-40px; cursor:pointer; text-align:center; border-radius:50%; transition:all 0.3s;}
.about_2 .about_2_con>span.left{ left:-40px;}
.about_2 .about_2_con>span.right{ right:-40px;}
.about_2 .about_2_con>span>i{ color:#fff; font-size:46px; transition:all 0.3s;}
.about_2 .about_2_con>span:hover{ background-color:rgba(255,255,255,0.9);}
.about_2 .about_2_con>span:hover>i{ color:#000;}
.about_2 .about_2_list{ width:96%; position:relative; overflow:hidden;}
.about_2 .swiper-slide{ width:25%; margin-right:0; float:left; text-align:center; border-radius:10px; color:#fff; transition:all 0.1s;}
.about_2 .swiper-slide .desc{ padding:45px 25px;}
.about_2 .swiper-slide .desc>img{ display:block; margin:0 auto;}
.about_2 .swiper-slide .desc>img:nth-child(1){ display:none;}
.about_2 .swiper-slide .desc>em{ font-size:24px; font-weight:500; display:block; margin-top:6px; color:#fff;}
.about_2 .swiper-slide .desc>p{ font-size:15px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:rgba(255,255,255,0.9); line-height:1.8;}
.about_2 .swiper-slide:hover{ background:#fff; color:#da251c;}
.about_2 .swiper-slide:hover .desc>img:nth-child(1){ display:block;}
.about_2 .swiper-slide:hover .desc>img:nth-child(2){ display:none;}
.about_2 .swiper-slide:hover .desc>em{ color:#da251d;}
.about_2 .swiper-slide:hover .desc>p{ color:#222;}
.about_3{ margin-top:60px; margin-bottom:30px;}
.about_3 .dh{ font-size:36px; color:#121212; font-weight:bold;}
.about_3 .dh>i{ width:70px; height:6px; background:#da2016; display:block;}
.about_3 .about_3_con{ margin-top:45px;}
.about_4{ margin-top:10px; background:#f5f5f5; padding:50px 0; margin-bottom:90px;}
.about_4 .dh{ font-size:36px; color:#121212; font-weight:bold;}
.about_4 .dh>i{ width:70px; height:6px; background:#da2016; display:block;}
				
/*history*/
.history{ position:relative;}
.history .swiper-container{ width:92%; margin:0 auto;}
.history .swiper-slide{ height:400px;}
.history .swiper-slide .note{ height:335px; position:relative; border-bottom:1px solid #eee;}
.history .swiper-slide .note:before{ position:absolute; content:''; width:1px; background:#eee; height:65%; left:59px; top:118px;}
.history .swiper-slide span{ width:118px; height:118px; line-height:118px; display:block; text-align:center; border:1px solid #eee; border-radius:50%; float:left;}
.history .swiper-slide span>em{ font-size:24px; font-weight:bold;}
.history .swiper-slide span>em>i{ font-size:18px; font-weight:normal; position:relative; top:-2px; margin-left:3px;}
.history .swiper-slide p{ float:left; width:calc(100% - 180px); padding-top:30px; line-height:1.8; margin-left:20px;}
.history .swiper-slide .ico{ width:120px; height:52px; background:url(../image/history_ico1.png) no-repeat center; position:relative; top:-26px;}
.history .dh{ position:relative; top:-65px;}
.history .arrow-left{ position:absolute; background-color:#da251c; left:2%; top:50%; margin-top:-13px; width:26px; height:26px; z-index:10; border-radius:50%;}
.history .arrow-right{ position:absolute; background-color:#da251c; right:2%; top:50%; margin-top:-13px; width:26px; height:26px; z-index:10; border-radius:50%;}
.history .active-arrow{ background-color:#f0f0f0;}
.history .dh>a{ cursor:pointer;}
.history .dh>a>i{ color:#fff; transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; line-height:2; font-size:20px; cursor:pointer;}
.history .dh>a.active-arrow>i{ color:#999;}
.history .swiper-slide-active .note:before{ background:#da251c;}
.history .swiper-slide-active span{ background-color:#da251c; color:#fff;}
.history .swiper-slide-active .ico{ background:url(../image/history_ico.png) no-repeat center;}

/*solution*/
.solution_dh{ width:100%; background:#f5f5f5; height:60px; line-height:60px; font-size:16px;}
.solution_con>.dh{ font-size:36px; color:#121212; font-weight:bold;}
.solution_con>.dh>i{ width:70px; height:6px; background:#da2016; display:block;}
.solution_con>.desc{ margin-top:30px; line-height:1.8; font-size:16px;}
.solution_con ul{ margin-top:70px;}
.solution_con ul>li{ width:50%; float:left; height:680px; background-repeat:no-repeat; background-position:top left; background-size:cover; transition:all 0.6s; position:relative; overflow:hidden;}	
.solution_con ul>li>.desc{ background:rgba(0,0,0,0.5); height:100%; top:0; position:absolute; width:100%; color:#fff; padding:60px; box-sizing:border-box;}
.solution_con ul>li:nth-child(1)>.desc{ background:rgba(218,37,28,0.7);}
.solution_con ul>li>.desc>a>em{ font-size:30px; font-weight:500; display:block; margin-bottom:10px; color:#fff;}
.solution_con ul>li>.desc>dl>dd>a{ color:#fff; font-size:16px; height:92px; line-height:92px; border-bottom:1px solid rgba(255,255,255,0.2); display:block; transition:all 0.6s; padding:0 10px;}
.solution_con ul>li>.desc>dl>dd>a>i{ font-size:20px; float:right; margin-top:36px;}
.solution_con ul>li>.desc>dl>dd>a:hover{ background:rgba(255,255,255,0.2);}
.solution_con ul.m{ display:none;}
.solution_1 .desc{ margin-top:30px; font-size:16px;}
.solution_1 em{ margin-top:40px; display:block; font-size:30px; font-weight:bold; color:#222;}
.solution_1 ul{ margin-top:25px;}
.solution_1 ul>li{ width:22%; float:left; margin-left:4%; margin-bottom:30px;}
.solution_1 ul>li:nth-child(4n+1){ margin-left:0;}
.solution_1 ul>li img{ width:100%; height:100%; object-fit:cover;}
.solution_1 ul>li span{ margin-top:15px; font-size:16px; text-align:center; display:block;}
.solution_2{ background:#f5f5f5; padding:60px 0 90px 0; margin-top:70px;}
.solution_2 .dh{ font-size:36px; color:#121212; font-weight:bold;}
.solution_2 .dh>i{ width:70px; height:6px; background:#da2016; display:block;}
.solution_2 .desc{ margin-top:30px; line-height:2; font-size:16px;}
.solution_2 ul{ margin-top:30px;}
.solution_2 ul>li{ width:48%; float:left; margin-left:4%; padding:40px 0; border-bottom:1px solid #c9c9c9; font-size:30px; color:#222;}
.solution_2 ul>li:nth-child(2n+1){ margin-left:0;}
.solution_2 ul>li>img{ float:left; margin-right:40px;}
.solution_2 ul>li>span{ margin-top:20px; display:block;}
.solution_3{ margin-top:60px;}
.solution_3 .dh{ font-size:36px; color:#121212; font-weight:bold;}
.solution_3 .dh>i{ width:70px; height:6px; background:#da2016; display:block;}
.solution_3 .desc{ margin-top:30px; line-height:2; font-size:16px;}
.solution_3 .desc img{ max-width:100%;}

/*investor*/
.investor iframe{ border:0; width:100%;}
.investor .iframe:nth-child(1)>iframe{ height:500px;}
.investor .iframe:nth-child(2)>iframe{ height:510px;}
.investor .iframe:nth-child(3)>iframe{ height:520px;}

/*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*/
.display_1 .dh{ font-size:36px; color:#121212; font-weight:bold;}
.display_1 .dh>i{ width:70px; height:6px; background:#da2016; display:block;}
.display_1 .desc{ margin-top:30px; line-height:2; font-size:16px;}
.display_2{ background:#f5f5f5; padding:60px 0 90px 0; margin-top:70px;}
.display_2 .dh{ font-size:36px; color:#121212; font-weight:bold;}
.display_2 .dh>i{ width:70px; height:6px; background:#da2016; display:block;}
.display_2 .desc{ margin-top:30px;}
.display_2 ul{ margin-top:20px;}
.display_2 ul>li{ width:46%; float:left; margin-left:8%; height:72px; line-height:72px; border-bottom:1px solid #c9c9c9; font-size:16px; color:#222; transition:all 0.3s; position:relative;}
.display_2 ul>li:nth-child(2n+1){ margin-left:0;}
.display_2 ul>li>a>i{ float:right; position:absolute; top:26px; font-size:20px; right:0;}
.display_2 ul>li>a>span{ width:calc(100% - 30px); display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.display_2 ul>li:hover{ border-color:#da2016;}
.display_3{ margin-top:70px;}
.display_3 .dh{ font-size:36px; color:#121212; font-weight:bold;}
.display_3 .dh>i{ width:70px; height:6px; background:#da2016; display:block;}
.display_3 dd{ margin-top:40px;}
.display_3 dd>span{ background:#da251c; line-height:64px; color:#fff; font-size:20px; padding-left:25px; display:block;}
.display_3 dd>.desc{ margin:30px 15px; font-size:16px; line-height:1.8;}
.display_3 ul{ margin-top:40px; border-bottom:1px solid #ddd; padding-bottom:30px;}
.display_3 ul:last-child{ border-bottom:0;}
.display_3 ul>li{ margin-bottom:8px;}
.display_3 ul>li .list{ background:#f5f5f5; line-height:50px; color:#222; font-size:16px; padding-left:25px; position:relative; cursor:pointer;}
.display_3 ul>li .list>i{ float:right; position:absolute; top:16px; font-size:20px; right:25px;}
.display_3 ul>li .list.on{ border-bottom:3px solid #da2016;}
.display_3 ul>li .list2{ line-height:64px;}
.display_3 ul>li .list2 span{ font-size:20px;}
.display_3 ul>li .list2.on{ background:#da2016; color:#fff;}
.display_3 ul>li .desc{ margin:30px 15px; font-size:16px; line-height:1.8; overflow:hidden; display:none;}
.display_3 ul>li .desc>.img{ float:left; width:25%; height:auto; margin-right:5%; text-align:center;}
.display_3 ul>li .desc>.img>img{ max-width:100%; height:auto;}
.display_3 ul>li .desc>.img>span{ padding-top:10px; display:block;}
.display_3 ul>li .desc>.desc_box{ float:left; width:70%;}
.display_3 ul>li .desc>.desc_box_con{ width:100%; margin-top:0; line-height:2;}
.dis_big{ text-align:center;}
.dis_big>em{ font-weight:bold; font-size:26px; line-height:1.4; text-align:center; color:#222;}
.dis_big>span{ font-weight:bold; font-size:26px; line-height:1.4; text-align:center; color:#222; display:block; padding-top:20px;}
.dis_note{ padding:30px 0; text-align:left;}

/*contactus*/
.contactus>.map{ width:50%; height:328px; float:left; border:0;}
.contactus>.desc{ width:50%; height:328px; float:right; background:#da251d; color:#fff; padding:70px 45px; box-sizing:border-box; font-size:18px;}
.contactus>ul{ margin-top:40px; padding-top:0;}
.contactus>ul>li{ width:100%; padding:20px 0; font-size:16px; line-height:2; overflow:hidden;}
.contactus>ul>li>.map{ width:50%; height:300px; float:left; border:0;}
.contactus>ul>li>.desc{ width:50%; height:300px; float:right; background:#f5f5f5; color:#222; padding:70px 45px; box-sizing:border-box; font-size:18px;}
.contactus>ul>li>.desc>em{ font-size:18px; font-weight:600; display:block; margin-bottom:10px; color:#222;}
	
/*share*/
.share_dh{ text-align:center; margin:0 auto; font-size:0; margin-bottom:30px;}
.share_dh>span{ display:inline-block; text-align:center; padding:0 50px; height:40px; line-height:40px; background:#f5f5f5; font-size:16px; margin-left:1px; transition:all 0.3s; cursor:pointer;}
.share_dh>span:hover{ background:#da251c; color:#fff;}
.share_dh>span.on{ background:#da251c; color:#fff;}
.share_con table{ width:100% !important; margin:0 auto; border-width:1px; border-color:#f2f2f2; border-collapse:collapse;}
.share_con table td{ border-width:1px; padding:3px; border-style:solid; border-color:#f2f2f2; text-align:center;}
.share_con table tr:nth-child(1) td{ background:#da251c; color:#fff;}

/*list_share*/
ul.list_share{ text-align:center;}
ul.list_share li{ float:left; width:276px; margin-left:32px; margin-bottom:32px;}
ul.list_share li:nth-child(4n+1){ margin-left:0;}
ul.list_share li .img{ width:276px; height:220px; 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 span{ display:block; padding-top:10px;}

/*share_list*/
ul.share_list{ text-align:center; margin-top:20px;}
ul.share_list li{ float:left; width:32%; margin-left:2%; margin-bottom:30px;}
ul.share_list li:nth-child(3n+1){ margin-left:0;}
ul.share_list .img{ width:100%; height:300px; background:#fff; vertical-align:middle; text-align:center; border:2px solid transparent; box-shadow:0 1px 15px 1px rgba(0,0,0,0.1); transition:all 0.3s; box-sizing:border-box; overflow:hidden; display:flex; justify-content:center; align-items:center;}
ul.share_list .img img{ max-width:90%; max-height:90%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.share_list li:hover .img{ border-color:#da251c;}
ul.share_list li:hover img{ transform:scale(1.08); -webkit-transform: scale(1.08);}
ul.share_list li span{ display:block; padding-top:15px; text-align:center;}

/*list_recruit*/
ul.list_recruit{ margin-top:20px;}
ul.list_recruit .recruit_dh{ background:#da251d; color:#fff; font-size:0; margin-bottom:10px;}
ul.list_recruit .recruit_dh>span{ height:70px; line-height:70px; width:16.6667%; display:inline-block; text-align:center; font-size:18px;}
ul.list_recruit li{ background:#f5f5f5; line-height:70px; margin-bottom:10px; cursor:pointer;}
ul.list_recruit .list_dh{ height:70px; line-height:70px; font-size:0;}
ul.list_recruit .list_dh>span{ width:16.6667%; display:inline-block; text-align:center; font-size:18px;}
ul.list_recruit .list_dh>span:last-child{ cursor:pointer;}
ul.list_recruit .list_dh>span:last-child:hover{ color:#f26f21;}
ul.list_recruit .list_dh>span>i{ font-size:30px; position:relative; top:3px;}
ul.list_recruit .desc{ background:#fff; padding:20px; border-top:2px solid #f5f5f5; font-size:15px; line-height:2.2; display:none;}

/*recruit_list*/
ul.recruit_list{ margin-top:30px;}
ul.recruit_list>li{ background:#fff; margin-bottom:30px; overflow:hidden; display:flex;}
ul.recruit_list>li>.desc{ width:50%; display:flex; align-items:center; padding:0 5%; box-sizing:border-box; line-height:2; color:#222; font-size:16px; margin-top:0;}
ul.recruit_list>li>.img{ width:50%;}
ul.recruit_list>li>.img>img{ width:100%; height:auto;}
ul.recruit_list>li:nth-child(2n){ flex-direction:row-reverse;}

/*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{ width:46%; float:left; margin-left:8%; height:72px; line-height:72px; border-bottom:1px solid #c9c9c9; font-size:16px; color:#222; transition:all 0.3s; position:relative;}
ul.list_news li:nth-child(2n+1){ margin-left:0;}
ul.list_news li>a>i{ float:right; position:absolute; top:26px; font-size:20px; right:0;}
ul.list_news li>a>span{ width:calc(100% - 30px); display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_news li:hover{ border-color:#da2016;}

/*list_img_news*/
ul.list_img_news li{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee; overflow:hidden;}
ul.list_img_news li .img{ width:200px; height:140px; 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:500px; float:right;}
ul.list_img_news li span{ font-size:16px; margin:10px 0; display:block; margin-top:20px;}
ul.list_img_news li p{ color:#888; line-height:1.8;}
ul.list_img_news li em{ display:block; color:#888; margin-top:10px;}

/*list_pic_news*/
ul.list_pic_news{ text-align:center; margin-top:20px;}
ul.list_pic_news li{ float:left; width:32%; margin-left:2%; margin-bottom:40px;}
ul.list_pic_news li:nth-child(3n+1){ margin-left:0;}
ul.list_pic_news li .img{ width:100%; height:100%; 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 .desc{ margin-top:10px; text-align:left;}
ul.list_pic_news li span{ display:block; font-size:20px; line-height:1.4; color:#222; font-weight:bold; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic_news li:hover span{ color:#da251c;}
ul.list_pic_news li p{ font-size:15px; color:#5f5f5f; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list_pic_news li em{ font-size:15px; color:#5f5f5f; margin-top:10px; display:block; background:url(../image/news_ico.png) no-repeat left 5px; padding-left:22px;}

/*dis_news*/
#dis_news{ margin-top:120px;}
#dis_news .news_title{ font-weight:bold; font-size:36px; line-height:1.4; text-align:center; color:#222;}
#dis_news .news_date{ text-align:center; line-height:2; padding-bottom:10px; color:#888;}
#dis_news .news_content{ padding:30px 0; text-align:left;}

/*list_links*/
ul.list_links{ text-align:center;}
ul.list_links li{ float:left; padding:5px 10px; text-align:center; width:140px; height:50px;}
ul.list_links li img{ width:130px; height:50px;}

/*page*/
.page{ text-align:center; line-height:30px; min-height:30px; clear:both; margin-top:50px;}
/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:50px; text-align:center;}
.pages .pages_m_box{ display:none;}
.pages a{ border:1px solid #f5f5f5; background:#f5f5f5; padding:8px 14px; margin:0 3px;}
.pages a:hover,a.active{ background:#da251c; color:#fff; border-color:#da251c;}
.pages span{ border:1px solid #f5f5f5; background:#f5f5f5; padding:8px 14px; margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{ background:#da251c; color:#fff; border-color:#da251c;}

/*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:#da251d; 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:#da251d; 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:#da251d; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #da251d; border-bottom:1px solid #da251d; border-right:1px solid #da251d; background:#fff; line-height:28px;}

/*nav*/
#footer_nav{ background:#212121; min-height:260px;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:50px 0; color:#fff;}
#footer_nav .footer_nav_con a{ color:#adadad;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .list_con{ float:right;}
#footer_nav .footer_nav_con .list{ float:left; width: 12%; padding-right:3%;}
#footer_nav .footer_nav_con .list span{ font-size:18px; font-weight:bold; text-align:left; color:#fff; display:block; margin-bottom:6px;}
#footer_nav .footer_nav_con .list li{ line-height:1.4; text-align:left; margin-bottom: 15px;}
#footer_nav .footer_nav_con .contact{ float:right; width:250px;}
#footer_nav .footer_nav_con .contact>span{ font-size:18px; font-weight:bold; text-align:left; color:#fff; display:block;}
#footer_nav .footer_nav_con .contact>.desc{ line-height:1.8; margin-top:10px;}
#footer_nav .footer_nav_con .contact>.desc>p{ margin-bottom:16px;}
#footer_nav .footer_nav_con .dh{ float:left; border:1px solid #333; width:230px; height:30px; line-height:30px; background:#212121; outline:none; color:#bbb; border-radius:2px; padding-left:10px; margin-top:10px;}
#footer_nav .footer_nav_con .dh>.dh_a{ cursor:pointer;}
#footer_nav .footer_nav_con .dh>.dh_a>em{ float:right; padding-top:7px; width:30px; height:23px; text-align:center;}
#footer_nav .footer_nav_con .dh>.dh_a>em>i{ font-size:16px; color:#fff;}
#footer_nav .footer_nav_con .dh>ul{ background:#212121; border:1px solid #333; width:220px; height:110px; overflow-y:scroll; padding:10px; position:relative; left:-11px; border-radius:0 2px 2px 2px; display:none;}
#footer_nav .footer_nav_con .dh>ul::-webkit-scrollbar-track-piece{ background-color:#212121; border-left:1px solid rgba(0,0,0,0);}
#footer_nav .footer_nav_con .dh>ul::-webkit-scrollbar{ width:3px; height:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#footer_nav .footer_nav_con .dh>ul::-webkit-scrollbar-thumb{background-color:#da251d; background-clip:padding-box; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#footer_nav .footer_nav_con .dh>ul::-webkit-scrollbar-thumb:hover{ background-color:#212121; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#footer_nav .footer_nav_con .dh>ul>li{ overflow:hidden; margin-bottom:10px; font-size:14px; line-height:1.6;}
#footer_nav .footer_nav_con .dh>ul>li>em{ color:#fff;}
#footer_nav .footer_share{ color:#adadad; padding-bottom:20px; margin-top:-10px; display: flex; align-items: center;}
#footer_nav .footer_share .share{width: 280px;}
#footer_nav .footer_share .share>span{ display:inline-block; margin-right:12px;}
#footer_nav .footer_share .share>em{ position:relative; top:10px; margin-right:6px; width:32px; height:32px; border:1px solid #333; border-radius:50%; display:inline-block; text-align:center; transition:all 0.3s; cursor:pointer;}
#footer_nav .footer_share .share>em:nth-child(2){ background:url(../image/share_1.png) no-repeat center;}
#footer_nav .footer_share .share>em:nth-child(3){ background:url(../image/share_2.png) no-repeat center;}
#footer_nav .footer_share .share>em:nth-child(4){ background:url(../image/share_3.png) no-repeat center;}
#footer_nav .footer_share .share>em:nth-child(5){ background:url(../image/share_4.png) no-repeat center;}
#footer_nav .footer_share .share>em>img{ padding-top:6px;}
#footer_nav .footer_share .share>em:hover{ border-color:rgba(255,255,255,0.5);}
#footer_nav .footer_share .share>em>.img{ position:absolute; bottom:40px; background:#fff; width:110px; height:110px; left:-40px; z-index:9; border-radius:5px; overflow:hidden; display:none;}
#footer_nav .footer_share .share>em>.img>img{ width:100%; height:100%;}
#footer_nav .footer_share .links{width: calc(100% - 320px); margin-top: 10px;}
#footer_nav .footer_share .links img{max-height: 30px; width: auto; margin: 0 10px;}
#footer_nav .footer_share .links a{color: #adadad;}
#footer_nav .footer_share .links a:hover{color: #fff;}

/*footer*/
#footer{ padding:20px 0; background:#212121; color:#adadad; border-top:1px solid #333;}
#footer a{ color:#adadad;}
#footer a:hover{ color:#fff;}
#footer .footer_con{ margin:0 auto; text-align:center;}
#footer .contact{ display:none;}

/*go_top*/
.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer; display:none;}
.go_top em{ text-align:center; display:block; line-height:1; padding-top:3px;}

/*media*/
@media (min-width:1000px){
.header{ display:none;}
}
@media screen and (max-width:1500px){
.menu>ul>li>a{ padding:0 10px; font-size:15px;}
ul.recruit_list>li>.desc{ font-size:16px;}
}
@media screen and (max-width:1300px){
.menu>ul>li>a{ padding:0 6px; font-size:15px;}
.about_2 .swiper-slide .desc>em{ font-size:20px;}
ul.recruit_list>li>.desc{ font-size:15px; line-height:1.8;}	
}
@media screen and (max-width:1240px){
.menu>ul>li>a{ padding:0 6px; font-size:14px;}
}
/*public*/
@media screen and (max-width:999px) {
html,body{ overflow:auto; overflow-x:hidden;}
#header{ display:none;}
.container{ min-width:94%; width:94%;}
.con{ padding:0 0 20px 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 0;}
.header .nav{ height:100%; background:#fff; position: absolute; top:60px; left:0; 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:#da251d; color:#fff;}
.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:#da251d; height:2px; width:24px;}
.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:calc(100vh - 60px); background-size:cover; top:0; margin-top:0;}
.banner .swiper-slide{ background-size:cover; text-align:center;}
.banner .swiper-slide .desc{ top:0; bottom:0; font-size:15px; height:120px; line-height:1.8;}
.banner .swiper-slide .container{ text-align:center;}
.banner .swiper-slide .desc p{ font-size:24px;}
.banner .swiper-slide .desc a{ margin:0 auto; width:140px; height:40px; line-height:40px; margin-top:20px; font-size:14px;}
.banner .swiper-slide img{ width:100%; height:100%; object-fit:cover;}
.banner .swiper-slide video{ width:100%; height:100%; object-fit:cover;}
.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-pagination-bullet-active{ width:26px;}
.banner .swiper-button-prev{ left:10px;}
.banner .swiper-button-next{ right:10px;}
.banner_inside{ height:140px; background-size:cover; top:0; margin-top:0;}
.banner_inside .swiper-slide{ background-size:cover;}
.banner_inside .swiper-button-prev{ left:10px;}
.banner_inside .swiper-button-next{ right:10px;}
.banner_inside .swiper-slide .desc{ margin-top:40px;}
.banner_inside .swiper-slide .desc>em{ font-size:18px;}
.banner_inside .swiper-slide .desc>i{ margin-top:10px; height:3px; width:40px;}

/*home*/
#home_about{ padding:20px 0 30px 0;}
#home_about .home_about_dh{ font-size:20px;}
#home_about .home_about_dh>i{ height:4px; width:42px;}
#home_about .desc{ width:100%; margin-top:10px; float:none;}
#home_about .desc>a.more{ width:120px; height:32px; line-height:32px; font-size:15px; margin-top:10px;}
#home_about ul{ width:100%; margin-top:20px; float:none;}
#home_about ul>li{ font-size:14px; margin-bottom:5px;}
#home_about ul>li>em{ font-size:22px;}
#home_about ul>li>em>i{ font-size:16px;}
#home_about .video{ width:100%; height:auto;}
#home_about .video{ margin-top:15px; width:100%; float:none; height:auto;}
#home_about .video>.r>em{ font-size:17px; margin-bottom:10px;}

#home_app{ padding:20px 0 30px 0;}
#home_app .home_app_dh{ font-size:20px;}
#home_app .home_app_dh>i{ height:4px; width:42px;}
#home_app .home_app_dh>span{ width:100%; margin-top:10px; font-size:15px;}
#home_app .home_app_con{ margin-top:20px;}
#home_app .home_app_con>.img>img{ width:100%; height:auto;}
#home_app .home_app_con .dot .desc{ display:none;}
#home_app .home_app_con .dot>em>span{ width:8px; height:8px;}
#home_app .home_app_con .dot>em>i{ width:16px; height:16px; left:-4px; top:-4px; background-size:contain;}

#home_solution{ padding:20px 0 30px 0;}
#home_solution .home_solution_dh{ font-size:20px;}
#home_solution .home_solution_dh>i{ height:4px; width:42px;}
#home_solution .home_solution_dh>span{ width:100%; margin-top:10px; font-size:15px;}
#home_solution .home_solution_con{ margin-top:20px;}
#home_solution .home_solution_con ul>li{ width:100%; float:none; height:290px; margin-bottom:8px;}
#home_solution .home_solution_con ul>li>.desc{ padding:20px; position:relative;}
#home_solution .home_solution_con ul>li>.desc>a>em{ font-size:20px;}
#home_solution .home_solution_con ul>li>.desc>dl{ padding-bottom:20px;}
#home_solution .home_solution_con ul>li>.desc>dl>dd>a{ height:40px; line-height:40px;}
#home_solution .home_solution_con ul>li>.desc>dl>dd>a>i{ margin-top:14px; right:5px;}
#home_solution .home_solution_con ul.m{ display:block;}
#home_solution .home_solution_con ul.pc{ display:none;}

#home_develop{ padding:20px 0 30px 0; height:auto;}
#home_develop .home_develop_dh{ font-size:20px;}
#home_develop .home_develop_dh>i{ height:4px; width:42px;}
#home_develop .home_develop_dh>span{ width:100%; margin-top:10px; font-size:15px;}
#home_develop .home_develop_con{ margin-top:20px;}
#home_develop .develop_list{ width:94%; margin:0 auto;}
#home_develop .develop_list .swiper-wrapper{ padding-bottom:20px;}
#home_develop .develop_list .swiper-slide{ height:220px; background-size:cover;}
#home_develop .develop_list .swiper-slide>.desc{ font-size:14px; width:95%; margin:0 8px; margin-bottom:5px;}
#home_develop .develop_list .swiper-slide>.desc>em{ font-size:15px;}
#home_develop .develop_list .swiper-slide>.desc>p{ line-height:1.6; margin-top:10px;}

#home_news{ padding:20px 0 0 0;}
#home_news .home_news_dh{ font-size:20px; height:auto; background-size:cover; padding:20px 0 120px 0;}
#home_news .home_news_dh i{ height:4px; width:42px;}
#home_news .home_news_dh span{ width:100%; margin-top:10px; font-size:15px;}
#home_news .home_news_con{ margin-top:-110px; margin-bottom:0;}
#home_news .home_news_con ul li{ width:48%; margin-left:4%; margin-bottom:4%;}
#home_news .home_news_con ul li:nth-child(3n+1){ margin-left:4%;}
#home_news .home_news_con ul li:nth-child(2n+1){ margin-left:0;}
#home_news .home_news_con ul li .img{ width:100%; height:100%;}
#home_news .home_news_con ul li img{ width:100%; height:100%;}
#home_news .home_news_con ul li span{ font-size:15px; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_con ul li p{ margin-top:5px;}
#home_news .home_news_con ul li:nth-last-child(2){ margin-bottom:30px;}

/*content*/
/*right*/
#right{ width:100%;}
#right .right_dh{ margin:0; font-size:16px; position:relative; height:46px;}
#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%;}
#right .right_con video{ max-width:100%; height:auto;}
#right .right_con table{ width:100%;}
#right .right_con .dh{ font-size:20px;}
#right .right_con .dh>i{ height:4px; width:42px;}
#right .right_con .content{ margin-top:10px;}
#right .right_con .right_box img{ width:100%; height:auto;}

/*left*/
#left .left_dh ul{ text-align:left; white-space:nowrap; overflow-x:scroll;}
#left .left_dh ul li{ padding:0; padding-right:10px;}
#left .left_dh ul li a{ height:46px; line-height:46px; font-size:15px; padding:0 10px;}
#left .left_dh ul li a.on{ border-width:2px;}
.mask{ position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none;}

/*about*/
.about{ padding-bottom:0 !important;}
.about .about_list{ height:150px; background-position:60% center; margin-bottom:10px; margin-top:10px;}
.about .about_list .desc{ width:40%; padding:0; padding-top:18px;}
.about .about_list .desc>em{ font-size:15px;}
.about .about_list .desc>span{ font-size:20px;}
.about .about_list .desc>a{ width:110px; height:32px; line-height:32px; font-size:14px; margin-top:10px;}
.about .about_list .desc>a>i{ margin-left:6px; top:2px;}
.about .desc{ margin-top:10px;}
.about>ul{ margin-top:20px;}
.about>ul>li{ width:33.33%;}
.about>ul>li>em{ font-size:22px;}
.about>ul>li>em>i{ font-size:16px;}
.about>ul>li>p{ font-size:14px;}
.about_1{ margin-top:25px;}
.about_1 ul>li{ width:48%; margin-left:4%;}
.about_1 ul>li>a>.img{ height:260px;}
.about_1 ul>li>a>span{ font-size:18px; height:46px; line-height:46px; padding-left:15px;}
.about_1 ul>li>a>span>i{ margin-left:10px;}
.about_2{ margin-top:30px; padding:20px 0 30px 0; background-size:cover;}
.about_2 .dh{ font-size:20px;}
.about_2 .dh>i{ height:4px; width:42px;}
.about_2 .swiper-slide{ width:48%; margin-right:10px;}
.about_2 .swiper-slide .desc{ padding:10px;}
.about_2 .swiper-slide .desc>img{ width:60px;}
.about_2 .swiper-slide .desc>em{ font-size:17px;}
.about_2 .swiper-slide .desc>p{ margin-top:10px;}
.about_2 .about_2_list{ width:80%; margin:0 auto;}
.about_2 .about_2_con{ margin-top:20px; width:100%;}
.about_2 .about_2_con>span{ width:30px; height:30px;}
.about_2 .about_2_con>span.left{ left:0;}
.about_2 .about_2_con>span.right{ right:0;}
.about_2 .about_2_con>span>i{ font-size:30px;}
.about_3{ margin-top:20px; margin-bottom:10px;}
.about_3 .dh{ font-size:20px;}
.about_3 .dh>i{ height:4px; width:42px;}
.about_3 .about_3_con{ margin-top:20px;}
.about_4{ margin-top:30px; padding:20px 0; margin-bottom:0; padding-bottom:10px;}
.about_4 .dh{ font-size:20px;}
.about_4 .dh>i{ height:4px; width:42px;}

/*history*/
.history .swiper-container{ width:80%;}
.history .swiper-slide{ height:260px;}
.history .swiper-slide .note{ height:200px;}
.history .swiper-slide .note:before{ left:40px; top:70px;}
.history .swiper-slide span{ width:80px; height:80px; line-height:80px;}
.history .swiper-slide span>em{ font-size:18px;}
.history .swiper-slide span>em>i{ font-size:15px;}
.history .swiper-slide p{ padding-top:10px; width:calc(100% - 100px); margin-left:0; float:right;}
.history .swiper-slide .ico{ width:80px;}
.history .dh{ top:-60px; margin-bottom:-60px;}

/*solution*/
.solution_dh{ font-size:15px; height:46px; line-height:46px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.solution_con>.desc{ margin-top:20px; font-size:15px;}
.solution_con ul{ margin-top:30px;}
.solution_con ul>li{ width:100%; float:none; height:290px; margin-bottom:8px;}
.solution_con ul>li>.desc{ padding:20px; position:relative;}
.solution_con ul>li>.desc>a>em{ font-size:20px;}
.solution_con ul>li>.desc>dl{ padding-bottom:20px;}
.solution_con ul>li>.desc>dl>dd>a{ height:40px; line-height:40px;}
.solution_con ul>li>.desc>dl>dd>a>i{ margin-top:14px; right:5px;}
.solution_con ul.m{ display:block;}
.solution_con ul.pc{ display:none;}
.solution_1 .desc{ font-size:15px; margin-top:20px;}
.solution_1 em{ font-size:18px; margin-top:20px;}
.solution_1 ul{ margin-top:15px;}
.solution_1 ul>li{ width:48%; margin-left:4%; margin-bottom:4%;}
.solution_1 ul>li:nth-child(2n+1){ margin-left:0;}
.solution_1 ul>li img{ width:100%; height:auto;}
.solution_1 ul>li span{ margin-top:10px; font-size:15px;}
.solution_2{ margin-top:20px; padding:20px 0 40px 0;}
.solution_2 .desc{ margin-top:20px;}
.solution_2 ul{ margin-top:20px;}
.solution_2 ul>li{ width:100%; height:50px; line-height:50px; padding:15px 0; text-align:left; margin-left:0; font-size:17px;}
.solution_2 ul>li:nth-child(2n){ margin-left:0;}
.solution_2 ul>li>img{ margin-right:20px; width:60px; height:auto;}
.solution_2 ul>li>span{ margin-top:0;}
.solution_3{ margin-top:30px;}
.solution_3 .dh{ line-height:1.4; width:80%;}
.solution_3 .dh>i{ margin-top:10px;}
.solution_3 .desc{ margin-top:20px;}

/*investor*/
.investor .iframe:nth-child(2)>iframe{ height:940px;}

/*display*/
.display_1 .desc{ margin-top:15px; font-size:15px;}
.display_2{ margin-top:30px; padding:20px 0 40px 0;}
.display_2 .desc{ margin-top:15px;}
.display_2 ul{ margin-top:10px;}
.display_2 ul>li{ width:100%; margin-left:0; height:50px; line-height:50px; font-size:15px;}
.display_2 ul>li>a>i{ top:15px;}
.display_3{ margin-top:20px;}
.display_3 dd{ margin-top:20px;}
.display_3 dd>span{ line-height:46px; font-size:17px; padding-left:12px;}
.display_3 dd>.desc{ margin:15px; font-size:15px;}
.display_3 ul{ margin-top:20px; padding-bottom:15px;}
.display_3 ul>li .list{ line-height:46px; font-size:15px; padding-left:12px;}
.display_3 ul>li .list>i{ top:14px; right:12px;}
.display_3 ul>li .list2{ line-height:46px; font-size:15px; padding-left:12px;}
.display_3 ul>li .list2 span{ font-size:17px;}
.display_3 ul>li .desc{ margin:15px; text-align:center;}
.display_3 ul>li .desc>.img{ max-width:80%; width:auto; height:auto; float:none; margin:0 auto;}
.display_3 ul>li .desc>.desc_box{ width:100%; float:none; margin-top:10px; font-size:15px; text-align:left;}
.dis_big>em{ font-size:17px;}
.dis_big>span{ font-size:17px; padding-top:10px;}

/*college*/
.college .desc{ font-size:15px; margin-top:10px;}
.college ul{ margin-top:20px;}
.college ul>li{ height:auto;}
.college ul>li>.desc_box{ width:100%; padding:15px; float:none;}
.college ul>li>.desc_box>em{ font-size:20px;}
.college ul>li>.desc_box>p{ font-size:15px; margin-top:5px; width:100%;}
.college ul>li>.img{ width:100%; float:none;}
.college_con{ margin-top:20px;}
.college_con>em{ font-size:18px;}

/*structure*/
.structure_dh{ margin-bottom:20px;}
.structure_dh>em{ font-size:18px;}
.structure_dh>em>i{ width:42px; height:4px;}
.structure_list{ margin-bottom:12px;}
.structure_list>em{ font-size:18px;}
.structure_list>em>i{ height:4px; width:42px;}
.structure_list>ul{ margin-top:20px;}
.structure_list>ul>li{ width:100%; margin-left:0; float:none; margin-bottom:25px;}
.structure_list>ul>li .img{ width:40%; height:180px;}
.structure_list>ul>li .desc{ width:56%;}
.structure_list>ul>li .desc>em{ font-size:17px; margin-top:0;}
.structure_list>ul>li .desc>span{ font-size:15px;}
.structure_list>ul>li .desc>p{ font-size:15px; margin-top:10px;}
.structure_list>ul>li .desc>.desc_box{ margin-top:6px; font-size:14px;}
	
/*contactus*/
.contactus>.map{ width:100%; height:220px; float:none;}
.contactus>.desc{ width:100%; height:auto; padding:10px; font-size:15px; float:none;}
.contactus>ul{ margin-top:10px;}
.contactus>ul>li{ width:100%; float:none; padding:5px 0; font-size:15px; margin-left:0;}
.contactus>ul>li>.map{ width:100%; height:220px; float:none;}
.contactus>ul>li>.desc{ width:100%; height:auto; padding:10px; font-size:15px; float:none;}
.contactus>ul>li>.desc>em{ font-size:15px; margin-bottom:0;}

/*list_news*/
ul.list_news li{ width:100%; width:100%; margin-left:0; height:50px; line-height:50px; font-size:15px;}
ul.list_news li>a>span{ width:calc(100% - 30px); word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_news li>a>i{ top:15px;}

/*list_pic_news*/
ul.list_pic_news{ margin-top:10px;}
ul.list_pic_news li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_pic_news li:nth-child(3n+1){ margin-left:4%;}
ul.list_pic_news li:nth-child(2n+1){ margin-left:0;}
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{ margin-top:5px;}

/*list_img_news*/
ul.list_img_news li{ height:auto; padding-bottom:0;}
ul.list_img_news li .img{ width:40%; height:100%; margin-right:4%;}
ul.list_img_news li .img img{ width:100%; height:100%;}
ul.list_img_news li span{ margin-top:3%; float:right; width:56%; line-height:1.5;}
ul.list_img_news li p{ width:56%; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:none;}
ul.list_img_news li:after{ display:block; content:''; height:12px; clear: both; border-bottom:1px solid #eee;}

/*dis_news*/
#dis_news{ width:100%; margin-top:20px;}
#dis_news img{ height:auto !important;}
#dis_news .news_title{ font-size:17px;}
#dis_news .news_date{ padding-bottom:0;}
#dis_news .news_content{ padding:10px 0;}

/*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;}

/*share*/
.share_dh{ margin-bottom:20px;}
.share_dh>span{ width:49.7%; padding:0; font-size:15px; height:36px; line-height:36px;}
.share_con{ width:100%; overflow-x:scroll;}
.share_con table{ width:800px !important;}
.share_con table td{ font-size:14px; height:46px !important;}

/*list_share*/
ul.list_share{ margin-top:10px;}
ul.list_share li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_share li:nth-child(2n+1){ margin-left:0;}
ul.list_share li .img{ width:100%; height:120px;}
ul.list_share li img{ width:100%; height:100%;}
ul.list_share li span{ padding-top:10px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*share_list*/
ul.share_list{ margin-top:10px;}
ul.share_list li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.share_list li:nth-child(3n+1){ margin-left:4%;}
ul.share_list li:nth-child(2n+1){ margin-left:0;}
ul.share_list li .img{ width:100%; height:120px; box-shadow:none; border:1px solid #e6e6e6;}
ul.share_list li span{ padding-top:10px; font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_recruit*/
ul.list_recruit{ margin-top:10px;}
ul.list_recruit li{ margin-bottom:8px;}
ul.list_recruit .recruit_dh{ margin-bottom:8px;}
ul.list_recruit .recruit_dh>span{ height:46px; line-height:46px; font-size:15px;}
ul.list_recruit .recruit_dh>span:nth-child(-n+5){ display:none;}
ul.list_recruit .recruit_dh>span:nth-child(-n+1){ width:70%; display:inline-block;}
ul.list_recruit .recruit_dh>span:nth-child(6){ width:30%;}
ul.list_recruit .list_dh{ height:46px; line-height:46px;}
ul.list_recruit .list_dh>span{ height:46px; line-height:46px; font-size:15px;}
ul.list_recruit .list_dh>span:nth-child(-n+5){ display:none;}
ul.list_recruit .list_dh>span:nth-child(-n+1){ width:70%; display:inline-block;}
ul.list_recruit .list_dh>span:nth-child(6){ width:30%;}
ul.list_recruit .list_dh>span>i{ font-size:22px; top:2px;}
ul.list_recruit .desc{ padding:12px;}

/*recruit_list*/
ul.recruit_list{ margin-top:20px;}
ul.recruit_list>li{ display:block; margin-bottom:5%;}
ul.recruit_list>li>.desc{ width:100%; padding:5%; font-size:15px; line-height:1.8;}
ul.recruit_list>li>.img{ width:100%;}

/*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:20px; 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;}

/*nav*/
#footer_nav{ display:none;}

/*footer*/
#footer{ padding:15px 0;}
#footer .footer_con{ width:96%; margin:0 auto; text-align:center;}
#footer .footer_con .l{ float:none;}
#footer .footer_con .r{ float:none; text-align:center;}
#footer .footer_copy{ margin:0 auto; width:94%; padding:15px 0;}
#footer .contact{ display:block; text-align:center; line-height:1.8; margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:10px;}
#footer .contact_box{ width:100%; margin:15px 0; text-align:left;}
#footer .contact .dh{ border:1px solid #333; width:70%; height:30px; line-height:30px; background:#212121; margin:0 auto; outline:none; color:#bbb; border-radius:2px; padding-left:10px; margin-top:10px;}
#footer .contact .dh>.dh_a{ cursor:pointer;}
#footer .contact .dh>.dh_a>em{ float:right; padding-top:7px; width:30px; height:23px; text-align:center;}
#footer .contact .dh>.dh_a>em>i{ font-size:16px; color:#fff;}
#footer .contact .dh>ul{ background:#212121; border:1px solid #333; width:96%; height:90px; overflow-y:scroll; padding:10px; position:relative; left:-11px; border-radius:0 2px 2px 2px; display:none;}
#footer .contact .dh>ul::-webkit-scrollbar-track-piece{ background-color:#212121; border-left:1px solid rgba(0,0,0,0);}
#footer .contact .dh>ul::-webkit-scrollbar{ width:3px; height:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#footer .contact .dh>ul::-webkit-scrollbar-thumb{background-color:#da251d; background-clip:padding-box; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#footer .contact .dh>ul::-webkit-scrollbar-thumb:hover{ background-color:#212121; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#footer .contact .dh>ul>li{ overflow:hidden; margin-bottom:10px; font-size:14px; line-height:1.6; text-align:left;}
#footer .contact .dh>ul>li>em{ color:#fff;}
}