@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-align:center; background:#fff; line-height:26px; margin-left:auto; margin-right:auto;}
a{ color:#333; 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:#176282;}
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:40px 0 60px 0;}
.container{ min-width:1200px; width:1200px; margin:0 auto; padding:0; text-align:left;}
/* CSS Common*/

/*header */
#header{ position:relative; width:100%; height:103px; margin:0 auto; text-align:center; border-bottom:1px solid #e9e9e9;}
#header .logo{ float:left; padding-top:10px;}
#header .header_search{ width:175px; height:30px; line-height:30px; background:#f0f0f0; border-radius:20px; display:inline-block;}
#header .header_search input[type="text"]{ width:125px; border:0 none; background:none; text-indent:0;}
#header .header_search input[type="image"]{ width:16px; position:relative; top:2px;}
#header .header_lang{ display:inline-block; margin-left:12px;}
#header .header_lang>img{ position:relative; top:5px; margin-right:5px;}

/*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:#176282;}
#menu ul li a.on{ color:#176282;}

/*menu*/
.menu{ float:right;}
.menu ul{ margin:auto; margin-top:30px;}
.menu li{ height:60px; line-height:60px; padding:0 30px; float:left; text-align:center; position:relative; z-index:9;}
.menu li>a{ display:block; font-size:16px; color:#333;}
.menu li>a:hover{ color:#176282;}
.menu li>a.on{ color:#176282;}
.menu li dl{ width:100%; position:absolute; left:0; top:35px; display:none;}
.menu li dl dd{ width:100%; height:30px; text-align:center; line-height:30px;}
.menu li dl dd a{ font-size:14px; color:#555;}
.menu li:last-child{ padding-right:0;}

/*banner*/
.banner{ height:870px;}
.banner .swiper-slide{ background-position:center; background-repeat:no-repeat;}
.banner .swiper-pagination{ bottom:28px;}
.banner .swiper-pagination-bullet{ margin:0 5px !important;}
.banner .swiper-pagination-bullet{ background:#fff; opacity:1; width:36px; height:4px; border-radius:0;}
.banner .swiper-pagination-bullet-active{ background:#176282;}
.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:419px;}
.banner_inside .swiper-slide{ background-position:center; background-repeat:no-repeat;}
.banner_inside .swiper-pagination{ bottom:28px;}
.banner_inside .swiper-pagination-bullet{ margin:0 5px !important;}
.banner_inside .swiper-pagination-bullet{ background:#fff; opacity:1; width:36px; height:4px; border-radius:0;}
.banner_inside .swiper-pagination-bullet-active{ background:#176282;}
.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_adv*/
#home_adv{ width:100%; background:url(../images/ys_h_bg.jpg) repeat-y right center;}
#home_adv .home_service_con{ background:#176282; color:#fff; padding:35px 0 30px 0;}
#home_adv ul{ font-size:0; text-align:center;}
#home_adv ul>li{ width:19.9%; display:inline-block; font-size:15px; text-align:center; border-left:1px solid #296e8c;}
#home_adv ul>li:nth-child(5n+1){ border:0;}
#home_adv ul>li>span{ font-size:45px; font-weight:bold; font-family:'Impact'; line-height:1;}
#home_adv ul>li>span>i{ font-size:26px; position:relative; top:-16px; margin-left:2px;}
#home_adv ul>li>p{ margin-top:20px;}

/*home_about*/
#home_about .home_about_con{ background-repeat:no-repeat; background-position:center; height:655px;}
#home_about .desc{ width:556px; float:right; margin:68px 45px 0 0; line-height:2;}
#home_about .desc .dh>img{ width:57px; float:left;}
#home_about .desc .dh>.img{ float:left; margin-left:20px;}
#home_about .desc .dh>.img>span{ font-size:36px; font-family:Arial; color:#176282; text-transform:uppercase; line-height:1;}
#home_about .desc .dh>.img>em{ font-size:24px; display:block; line-height:1.6;}
#home_about .desc .dh>.img>i{ width:42px; height:4px; background:#176282; display:block; margin-top:10px;}
#home_about .desc .desc_box{ margin-top:50px;}
#home_about .desc a.more{ width:152px; height:34px; line-height:34px; background:#176282; text-align:center; color:#fff; display:block; margin-top:50px; transition:all 0.3s;}
#home_about .desc a.more:hover{ background:#1e6f92;}

/*home_path*/
#home_path{ width:100%; padding:80px 0 90px 0; background:#f7f7f7;}
#home_path .home_path_dh>img{ width:57px; float:left;}
#home_path .home_path_dh>.desc{ float:left; margin-left:20px;}
#home_path .home_path_dh>.desc>span{ font-size:36px; font-family:Arial; color:#176282; text-transform:uppercase; line-height:1;}
#home_path .home_path_dh>.desc>em{ font-size:24px; display:block; line-height:1.6;}
#home_path .home_path_dh>.desc>i{ width:42px; height:4px; background:#176282; display:block; margin-top:10px;}
#home_path .home_path_con{ margin:0 auto; text-align:center; margin-top:50px; position:relative;}
#home_path .home_path_con>span{ position:absolute; width:56px; height:32px; line-height:32px; background:#fff; color:#222; cursor:pointer; top:-108px; z-index:9; font-size:30px; font-family:'SimSun';}
#home_path .home_path_con>span.left{ right:56px;}
#home_path .home_path_con>span.right{ right:0; background:#176282; color:#fff;}
#home_path .home_path_con ul>li>.img{ width:580px; float:left; background:url(../images/path_img_bg.jpg) repeat-y center right; padding:35px 0; text-align:left;}
#home_path .home_path_con ul>li .img_box{ width:558px; height:411px; overflow:hidden;}
#home_path .home_path_con ul>li .img_box>img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_path .home_path_con ul>li .img_box>img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_path .home_path_con ul>li .desc_box{ margin-top:35px;}
#home_path .home_path_con ul>li .desc{ width:592px; float:right; background:url(../images/path_bg_ico.jpg) no-repeat bottom right #fff; padding:40px 60px; box-sizing:border-box; text-align:left; margin-bottom:20px;}
#home_path .home_path_con ul>li .desc>span{ font-size:32px; font-weight:bold; display:block; line-height:1;}
#home_path .home_path_con ul>li .desc>p{ margin-top:20px; width:370px; height:63px; line-height:2; font-size:15px;}
#home_path .home_path_con ul>li .desc>em{ width:100px; height:100px; background:#176282; display:block; text-align:center;}

/*home_we*/
#home_we .home_we_con{ background-repeat:no-repeat; background-position:center; height:500px;}
#home_we .home_we_con .desc{ width:380px; color:#fff; font-size:30px; line-height:1.3; text-align:right; padding-top:110px;}
#home_we .home_we_con .desc_box{ border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:25px;}
#home_we .home_we_con a.more{ width:152px; height:34px; line-height:34px; font-size:14px; background:#176282; text-align:center; color:#fff; display:block; margin-top:30px; transition:all 0.3s; float:right;}
#home_we .home_we_con a.more:hover{ background:#1e6f92;}
			
/*home_pro*/
#home_pro{ width:100%; margin-top:80px;}
#home_pro .home_pro_dh>img{ width:57px; float:left;}
#home_pro .home_pro_dh>.desc{ float:left; margin-left:20px;}
#home_pro .home_pro_dh>.desc>span{ font-size:36px; font-family:Arial; color:#176282; text-transform:uppercase; line-height:1;}
#home_pro .home_pro_dh>.desc>em{ font-size:24px; display:block; line-height:1.6;}
#home_pro .home_pro_dh>.desc>i{ width:42px; height:4px; background:#176282; display:block; margin-top:10px;}
#home_pro .home_pro_con{ margin:0 auto; text-align:center; margin-top:50px;}
#home_pro .home_pro_con ul li{ width:374px; float:left; margin-left:39px; margin-bottom:39px;}
#home_pro .home_pro_con ul li:nth-child(-n+2){ width:578px; margin-left:44px;}
#home_pro .home_pro_con ul li:nth-child(1){ margin-left:0;}
#home_pro .home_pro_con ul li:nth-child(3){ margin-left:0;}
#home_pro .home_pro_con ul li:nth-child(-n+2) .img{ width:578px; height:368px; overflow:hidden;}
#home_pro .home_pro_con ul li .img{ width:374px; height:367px; overflow:hidden;}
#home_pro .home_pro_con ul li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_pro .home_pro_con ul li img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_pro .home_pro_con ul li .desc{ background:#176282; color:#fff; padding:15px 30px; text-align:left;}
#home_pro .home_pro_con ul li span{ display:inline-block; font-size:20px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:6px; margin-bottom:8px;}

/*home_ys*/
#home_ys{ width:100%; margin-top:60px; background:url(../images/ys_bg.jpg) no-repeat top center; padding:65px 0;}
#home_ys .home_ys_dh>img{ width:57px; float:left;}
#home_ys .home_ys_dh>.desc{ float:left; margin-left:20px;}
#home_ys .home_ys_dh>.desc>span{ font-size:36px; font-family:Arial; color:#fff; text-transform:uppercase; line-height:1;}
#home_ys .home_ys_dh>.desc>em{ font-size:24px; display:block; line-height:1.6; color:#fff;}
#home_ys .home_ys_dh>.desc>i{ width:42px; height:4px; background:#fff; display:block; margin-top:10px;}
#home_ys .home_ys_con{ margin:0 auto; text-align:center; margin-top:60px;}
#home_ys .home_ys_con .swiper-grid-column>.swiper-wrapper{ flex-direction:row;}
#home_ys .home_ys_con .swiper-wrapper{ padding-bottom:40px;}
#home_ys .home_ys_con .swiper-slide{ text-align:left; color:#fff; margin-bottom:40px; margin-top:0 !important;}
#home_ys .home_ys_con .swiper-slide img{ width:108px; height:108px; float:left;}
#home_ys .home_ys_con .swiper-slide .desc{ width:216px; height:108px; float:left; display:flex; justify-content:center; align-items:center; margin-left:20px;}
#home_ys .home_ys_con .swiper-slide .desc span{ font-size:16px; font-weight:bold; display:block; margin-bottom:6px;}
#home_ys .home_ys_con .swiper-pagination-bullet{ width:58px; height:4px; border-radius:0; background:rgba(255,255,255,0.5); opacity:1; outline:none;}
#home_ys .home_ys_con .swiper-pagination-bullet-active{ background:#fff; outline:none;}

/*home_news*/
#home_news{ width:100%; margin-top:70px; margin-bottom:60px;}
#home_news .home_news_dh>img{ width:57px; float:left;}
#home_news .home_news_dh>.desc{ float:left; margin-left:20px;}
#home_news .home_news_dh>.desc>span{ font-size:36px; font-family:Arial; color:#176282; text-transform:uppercase; line-height:1;}
#home_news .home_news_dh>.desc>em{ font-size:24px; display:block; line-height:1.6;}
#home_news .home_news_dh>.desc>i{ width:42px; height:4px; background:#176282; display:block; margin-top:10px;}
#home_news .home_news_nav{ float:right; position:relative; top:20px;}
#home_news .home_news_nav>a{ display:inline-block; height:32px; line-height:32px; background:#f0f0f0; text-align:center; margin-left:8px; padding:0 32px;}
#home_news .home_news_nav>a:hover{ background:#176282; color:#fff;}	
#home_news .home_news_con{ margin:0 auto; text-align:center; margin-top:50px;}
#home_news .home_news_con ul li{ width:374px; float:left; margin-left:39px;}
#home_news .home_news_con ul li:nth-child(3n+1){ margin-left:0;}
#home_news .home_news_con ul li .img{ width:374px; height:192px; overflow:hidden;}
#home_news .home_news_con ul li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_con ul li img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_news .home_news_con ul li .desc{ padding:20px 0; text-align:left;}
#home_news .home_news_con ul li span{ display:block;}
#home_news .home_news_con ul li p{ margin-top:10px; line-height:1.8; color:#333;}
#home_news .home_news_con ul li em{ display:block; border-top:1px solid #ebebeb; padding-top:15px; color:#5d5d5d; margin-top:15px;}

/*left*/
#left{ width:100%; background:#f7f7f7; padding:25px 0;}
#left .left_dh ul{ text-align:center; font-size:0;}
#left .left_dh ul li{ width:120px; display:inline-block; margin:0 25px; text-align:center;}
#left .left_dh ul li>a>.img{ width:74px; height:74px; background:#fff; border:1px solid #ddd; margin:0 auto; border-radius:50%; vertical-align:middle; display:table-cell; text-align:center; overflow:hidden;}
#left .left_dh ul li>a>.img>img:nth-child(2){ display:none;}
#left .left_dh ul li>a>span{ display:block; font-size:15px; margin-top:16px;}
#left .left_dh ul li:hover>a>span{ color:#176282;}
#left .left_dh ul li.on>a>span{ color:#176282;}
#left .left_dh ul li.on>a>.img{ background:#176282; border-color:#176282;}
#left .left_dh ul li.on>a>.img>img:nth-child(1){ display:none;}
#left .left_dh ul li.on>a>.img>img:nth-child(2){ display:inline-block;}

/*content*/
#right{ width:100%;}
#right .right_dh{ height:36px; line-height:36px; border-bottom:solid 1px #e6e6e6;}
#right .right_dh_l{ color:#1175c2; font-size:16px; float:left;}
#right .right_dh_r{ float:right; padding-right:6px;}
#right .right_con{ min-height:200px;}

/*about*/
.about_1{ margin-top:50px;}
.about_1 .dh{ margin:0 auto; text-align:center; margin-bottom:30px;}
.about_1 .dh>span{ font-size:34px; display:block; text-transform:uppercase; font-family:Arial; line-height:1.2;}
.about_1 .dh>em{ font-size:24px; display:block;}
.about_1 .dh>i{ width:42px; height:3px; background:#006b94; display:block; margin:0 auto; margin-top:15px;}
.about_1 .l{ width:472px; float:left;}
.about_1 .l>.img{ width:472px; height:425px; overflow:hidden;}
.about_1 .l>.img>img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
.about_1 .l>.img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.about_1 .r{ width:692px; float:right; font-size:15px; line-height:2.1;}
.about_2{ background:#176282; padding:35px 0; margin-top:60px; color:#fff;}
.about_2 ul{ font-size:0; text-align:center;}
.about_2 ul>li{ width:19.9%; display:inline-block; font-size:15px; text-align:center; border-left:1px solid #296e8c;}
.about_2 ul>li:nth-child(5n+1){ border:0;}
.about_2 ul>li>span{ font-size:45px; font-weight:bold; font-family:'Impact'; line-height:1;}
.about_2 ul>li>span>i{ font-size:26px; position:relative; top:-16px; margin-left:2px;}
.about_2 ul>li>p{ margin-top:20px;}
.about_3{ background:url(../images/path_bg.jpg) no-repeat top center; height:770px; box-sizing:border-box; padding:60px 0; color:#fff;}
.about_3 .dh{ margin:0 auto; text-align:center; margin-bottom:30px;}
.about_3 .dh>span{ font-size:34px; display:block; text-transform:uppercase; font-family:Arial; line-height:1.2;}
.about_3 .dh>em{ font-size:24px; display:block;}
.about_3 .dh>i{ width:42px; height:3px; background:#fff; display:block; margin:0 auto; margin-top:15px;}
.about_3 .history{ width:100%; margin-top:-90px;}
.about_3 .history ul{ width:92%; margin:0 auto; overflow:hidden;}
.about_3 .history ul>li{ float:left; width:22%; text-align:center; position:relative; z-index:2;}
.about_3 .history ul>li>em{ margin:0 auto;}
.about_3 .history ul>li>.desc{ margin:0 auto;}
.about_3 .history ul>li:nth-child(1){ margin-left:50px;}
.about_3 .history ul>li:nth-child(2n){ margin-top:290px;}
.about_3 .history ul>li:nth-child(1) .desc:nth-child(3){ display:none;}
.about_3 .history ul>li:nth-child(2) .desc:nth-child(1){ display:none;}
.about_3 .history ul>li:nth-child(3) .desc:nth-child(3){ display:none;}
.about_3 .history ul>li:nth-child(4) .desc:nth-child(1){ display:none;}
.about_3 .history .desc{ text-align:left; width:180px; border-left:1px solid #fff; padding-left:20px; position:relative; left:100px; padding-bottom:30px;}
.about_3 .history .desc>.desc_box{ margin-top:10px; line-height:2; font-size:15px; height:170px;}
.about_3 .history .desc>i{ width:10px; height:10px; background:#fff; display:block; border-radius:50%; margin-left:-25px; margin-top:100px;}
.about_3 .history ul>li:nth-child(2n) .desc{ padding-top:30px; padding-bottom:0;}
.about_3 .history ul>li:nth-child(2n) .desc>i{ margin-top:0;}
.about_3 .history em{ width:150px; height:150px; line-height:150px; font-size:32px; font-weight:bold; color:#222; display:block; border-radius:50%; background:#fff;}
.about_3 .history .swiper-button-next{ top:55.5%; background:url(../images/path_r.png) no-repeat center; width:39px; height:52px; transition:all 0.3s;}
.about_3 .history .swiper-button-prev{ top:55.5%; background:url(../images/path_l.png) no-repeat center; width:39px; height:52px; transition:all 0.3s;}
.about_3 .history .ico{ border-top:1px solid #fff; position:relative; top:370px;}
.about_3 .history_wap{ display:none;}
.about_4{ margin-top:50px;}
.about_4 .dh{ margin:0 auto; text-align:center; margin-bottom:40px;}
.about_4 .dh>span{ font-size:34px; display:block; text-transform:uppercase; font-family:Arial; line-height:1.2;}
.about_4 .dh>em{ font-size:24px; display:block;}
.about_4 .dh>i{ width:42px; height:3px; background:#006b94; display:block; margin:0 auto; margin-top:15px;}
.about_4 .swiper-wrapper{ padding-bottom:60px;}
.about_4 .swiper-pagination-bullet{ width:58px; height:5px; border-radius:0; background:#e1e1e1; opacity:1;}
.about_4 .swiper-pagination-bullet-active{ background:#176282;}
.about_4 .swiper-container{ width:100%; height:100%;}
.about_4 .swiper-slide img{ width:100%; height:auto;}
.about_5{ background:url(../images/tech.jpg) no-repeat top center; box-sizing:border-box; padding:60px 0; color:#fff; margin-top:50px;}
.about_5 .dh{ margin:0 auto; text-align:center; margin-bottom:30px;}
.about_5 .dh>span{ font-size:34px; display:block; text-transform:uppercase; font-family:Arial; line-height:1.2;}
.about_5 .dh>em{ font-size:24px; display:block;}
.about_5 .dh>i{ width:42px; height:3px; background:#fff; display:block; margin:0 auto; margin-top:15px;}
.about_5 ul{ margin-top:60px;}
.about_5 ul>li{ width:346px; float:left; margin-left:80px; margin-bottom:40px;}
.about_5 ul>li:nth-child(3n+1){ margin-left:0;}
.about_5 ul>li>img{ width:108px; height:108px; float:left;}
.about_5 ul>li>.desc{ width:216px; height:108px; float:right; display:flex; justify-content: center; align-items: center;}
.about_5 ul>li>.desc span{ font-size:16px; font-weight:bold; display:block; margin-bottom:6px;}

/*list_pro*/
ul.list_pro li{ text-align:left; overflow:hidden;}
ul.list_pro li .desc{ width:465px; float:left;}
ul.list_pro li span{ display:block; margin-top:130px; font-size:32px; line-height:1;}
ul.list_pro li p{ font-size:19px; margin-top:25px; color:#333;}
ul.list_pro li em{ width:180px; background:#176282; height:40px; line-height:40px; color:#fff; text-align:center; display:block; margin-top:30px; transition:all 0.3s;}
ul.list_pro li em:hover{ background:#1e6f92;}
ul.list_pro li .img{ width:480px; float:right; text-align:right;}
ul.list_pro li img{ width:auto; height:468px;}
ul.list_pro li:nth-child(2n){ background:#f4f4f4;}
ul.list_pro li:nth-child(2n) .desc{ float:right;}
ul.list_pro li:nth-child(2n) .img{ float:left; text-align:left;}

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

/*display*/
.dis_big{ text-align:left; border-bottom:1px solid #e9e9e9; padding-bottom:30px; margin-bottom:38px;}
.dis_big .dis_desc{ float:left; width:780px;}
.dis_big .dis_desc>em{ font-size:30px; color:#176282; display:block; margin-bottom:20px;}
.dis_big a.more{ float:right; width:180px; height:38px; line-height:38px; background:url(../images/chat.png) no-repeat 26px center #176282; color:#fff; text-indent:56px; transition:all 0.3s; margin-top:26px;}
.dis_big a.more:hover{ background-color:#1e6f92;}
.dis_pic{ margin:0 auto; text-align:center; position:relative;}
.dis_pic img{ max-width:100%;}
.dis_pic video{ max-width:100%; height:auto; margin-top:20px;}
.dis_dot{ width:100%; position:absolute; height:932px; top:0;}
.dis_dot>em{ display:block; position:absolute;}
.dis_dot>em>span{ width:12px; height:12px; background:#176282; border-radius:50%; display:block; border:4px solid #fff; position:absolute; z-index:2; cursor:pointer;}
.dis_dot>em>i{ background:rgba(23,98,130,0.5); display:block; position:absolute; width:28px; height:28px; border-radius:50%; top:-4px; left:-4px; animation:scale 2s infinite;}
@keyframes scale{
0%{ transform:scale(1);}
50%{ transform:scale(1.2);}
100%{ transform:scale(1);}
}
.dis_dot>em.dot_1{ left:580px; top:86px;}
.dis_dot>em.dot_2{ left:580px; top:260px;}
.dis_dot>em.dot_3{ left:235px; top:356px;}
.dis_dot>em.dot_4{ left:436px; top:426px;}
.dis_dot>em.dot_5{ left:230px; top:516px;}
.dis_dot>em.dot_6{ right:246px; top:513px;}
.dis_dot>em.dot_7{ left:600px; top:506px;}
.dis_dot>em.dot_8{ left:408px; top:658px;}
.dis_dot .desc{ width:500px; background:#fff; border:7px solid rgba(23,98,130,0.5); box-shadow:0 1px 12px 1px rgba(0,0,0,0.06); position:absolute; top:-76px; left:-540px; z-index:10; display:none;}
.dis_dot .desc ul>li{ margin-bottom:4px; overflow:hidden;}
.dis_dot .desc ul>li:last-child{ margin-bottom:0;}
.dis_dot .desc img{ width:200px; height:155px; float:left;}
.dis_dot .desc p{ width:300px; height:155px; float:right; background:#f4f4f4; padding:10px; box-sizing:border-box; text-align:left;}
.dis_dot .desc p>span{ margin-top:6px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:4; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.dis_dot .desc em{ font-size:20px; color:#176282; display:block;}
.dis_dot>em:hover .desc{ display:block;}
.dis_dot>em.dot_2 .desc{ top:-80px;}
.dis_dot>em.dot_3 .desc{ left:40px;}
.dis_dot>em.dot_4 .desc{ left:45px;}
.dis_dot>em.dot_5 .desc{ left:45px;}
.dis_dot>em.dot_6 .desc{ left:-300px; top:-190px;}
.dis_dot>em.dot_8 .desc{ left:45px;}
.dis_img{ margin-top:40px; position:relative;}
.dis_img .ico{ position:absolute; width:22px; height:31px; top:50%; background:url(../images/p_left.png) no-repeat center; margin-top:-30px; cursor:pointer; transition:all 0.3s;}
.dis_img .left{ left:0;}
.dis_img .right{ right:0; background-image:url(../images/p_right.png);}
.dis_img .left:hover{ background-image:url(../images/p_left_a.png);}
.dis_img .right:hover{ background-image:url(../images/p_right_a.png);}
.dis_img .dis_con{ width:88%; position:relative; overflow:hidden; margin:0 auto;}
.dis_img ul>li{ width:243px; margin-right:28px; float:left; cursor:pointer;}
.dis_img ul>li .desc{ font-size:15px; position:relative; top:0; transition:all 0.6s;}
.dis_img ul>li .img{ width:243px; height:243px; border:1px solid #e9e9e9; text-align:center; vertical-align:middle; display:table-cell; overflow:hidden;}
.dis_img ul>li img{ width:90%; height:90%; transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
.dis_img ul>li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.dis_img ul>li .desc em{ display:block; margin-top:10px; text-align:center; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dis_note{ text-align:left; margin:60px 0;}
.dis_dh{ border-bottom:1px solid #e9e9e9; font-size:0;}
.dis_dh>span{ width:180px; height:38px; line-height:38px; background:#f0f0f0; margin-right:3px; text-align:center; display:inline-block; font-size:14px; cursor:pointer;}
.dis_dh>span.on{ background:#176282; color:#fff;}
.dis_list{ padding-top:40px;}
.dis_list table tr:nth-child(1)>td{ background-color:#fff;}
.dis_list table tr>td:nth-child(1){ background-color:#f0f0f0;}
.dis_list span{ line-height:inherit !important;}
.dis_small{ display:none;}

/*list_share*/
ul.list_share{ text-align:center;}
ul.list_share li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.list_share li:nth-child(4n+1){ margin-left:0;}
ul.list_share li .img{ width:235px; height:180px; 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;}
ul.share_list li{ float:left; width:285px; margin-left:20px; margin-bottom:20px;}
ul.share_list li:nth-child(4n+1){ margin-left:0;}
ul.share_list .img{ width:285px; height:285px; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #e9e9e9; 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:auto; border-width:1px; border-color:#e9e9e9; border-collapse:collapse;}
table th{ border-width:1px; padding:8px; border-style:solid; border-color:#e9e9e9; background-color:#e8e8e8;}
table tr:nth-child(1)>td{ background-color:#f0f0f0;}
table td{ border-width:1px; padding:8px; border-style:solid; border-color:#e9e9e9; background-color:#fff;}

/*news*/
.news{ padding:20px 0 50px 0; border-bottom:1px solid #e9e9e9; margin-bottom:50px;}
.news>.desc{ width:636px; float:left;}
.news>.desc>span{ font-size:24px; display:block; border-bottom:1px solid #e9e9e9; padding-bottom:20px;}
.news>.desc>p{ margin-top:20px; line-height:2; color:#666;}
.news>.desc>em{ display:block; color:#666; margin-top:10px;}
.news>.desc>a{ width:152px; background:#176282; height:34px; line-height:34px; color:#fff; text-align:center; display:block; margin-top:30px; transition:all 0.3s;}
.news>.desc>a:hover{ background:#1e6f92;}
.news>.img{ width:522px; height:320px; float:right; overflow:hidden;}
.news>.img img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
.news>.img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}

/*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-bottom:40px;}
ul.list_img_news li{ padding-bottom:10px; margin-bottom:15px; overflow:hidden;}
ul.list_img_news li .img{ width:260px; height:160px; 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:900px; 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:#666; line-height:1.8;}
ul.list_img_news li em{ display:block; color:#666; margin-top:10px;}

/*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:10px; text-align:center;}
#dis_news .news_title{ font-size:26px;}
#dis_news .news_date{ line-height:2; padding:10px 0 20px 0; color:#888;}
#dis_news .news_content{ padding:10px 0; text-align:left; line-height:2; font-size:15px; width:60%; margin:0 auto;}

/*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:20px;}
/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:30px; text-align:center;}
.pages .pages_m_box{ display:none;}
.pages a{ border:1px solid #f0f0f0; padding:5px 10px; margin:0 3px;}
.pages a:hover,a.active{ background:#176282; color:#fff; border-color:#176282;}
.pages span{ border:1px solid #f0f0f0; padding:5px 10px; margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{ background:#176282; color:#fff; border-color:#176282;}

/*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:52%;}
.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:30px;}
.form .form-group>.box>input[type="submit"]{ background:#f7f7f7; 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:#176282; color:#fff;}
.form .form-group>.box>input[type="reset"]{ background:#f7f7f7; width:100px; height:30px; line-height:30px; color:#565656; border:0; cursor:pointer;}
.form .form-group>.box>input[type="reset"]:hover{ background:#176282; 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:#176282; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #176282; border-bottom:1px solid #176282; border-right:1px solid #176282; background:#fff; line-height:28px;}

/*nav*/
#footer_nav{ background:#232323;}
#footer_nav .footer_nav_list{ padding-top:60px; border-bottom:1px solid #363636; padding-bottom:60px;}
#footer_nav .footer_nav_list dl>dd{ display:inline-block; margin-left:235px; color:#fff; vertical-align:top;}
#footer_nav .footer_nav_list dl>dd>.img{ width:40px; float:left; margin-right:15px; margin-top:4px;}
#footer_nav .footer_nav_list dl>dd>.desc{ float:left;}
#footer_nav .footer_nav_list dl>dd:nth-child(3n+1){ margin-left:0;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:60px 0 20px 0; color:#fff;}
#footer_nav .footer_nav_con a{ color:#fff;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .pic{ float:left; width:200px; margin-right:108px;}
#footer_nav .footer_nav_con .list_con{ float:right;}
#footer_nav .footer_nav_con .list{ float:left; padding-right:80px;}
#footer_nav .footer_nav_con .list span{ font-size:16px; text-align:left; color:#fff; display:block; margin-bottom:15px;}
#footer_nav .footer_nav_con .list li{ line-height:2; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#footer_nav .footer_nav_con .qcode{ float:right; margin-bottom:6px;}
#footer_nav .footer_nav_con .qcode span{ color:#fff; display:block; margin-bottom:22px; font-size:16px;}
#footer_nav .footer_nav_con .qcode img{ max-width:117px;}
#footer_nav .footer_nav_con .qcode em{ display:block; text-align:center; margin-top:8px;}

/*footer*/
#footer{ padding:30px 0; background:#232323; color:#fff;}
#footer a{ color:#fff;}
#footer a:hover{ color:#fff;}
#footer .footer_con{ margin:0 auto; text-align:center;}
#footer .footer_con .l{ float:left;}
#footer .footer_con .r{ float:right; text-align:right;}
#footer .footer_copy{ text-align:center; padding:15px 0;}

/*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:769px){
.header{ display:none;}
}

/*public*/
@media screen and (max-width:768px) {
html,body{ overflow:auto; overflow-x:hidden;}
#header{ display:none;}
.container{ min-width:94%; width:94%;}
.con{ padding:20px 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:40px; padding:10px 5px;}
.header .nav{ height:100%; background:#fff; position:absolute; left:0; 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:#176282; color:#fff;}
.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:#176282; 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:220px; top:0;}
.banner .swiper-slide{ background-size:cover;}
.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-pagination-bullet{ height:3px; width:26px;}
.banner .swiper-button-prev{ left:10px;}
.banner .swiper-button-next{ right:10px;}
.banner_inside{ height:120px; top:0;}
.banner_inside .swiper-slide{ background-size:cover;}
.banner_inside .swiper-pagination{ bottom:10px;}
.banner_inside .swiper-pagination-bullet{ height:3px; width:26px;}
.banner_inside .swiper-button-prev{ left:10px;}
.banner_inside .swiper-button-next{ right:10px;}

/*home*/
#home_adv{ background:#176282;}
#home_adv .home_service_con{ padding:25px 0 5px 0;}
#home_adv ul>li{ width:33.33%; border:0; margin-bottom:20px;}
#home_adv ul>li>span{ font-size:26px; font-weight:normal;}
#home_adv ul>li>span>i{ font-size:16px; top:-10px;}
#home_adv ul>li>p{ margin-top:8px;}

#home_about .home_about_con{ height:auto; background-size:cover; background-position:left center; padding:30px 0;}
#home_about .desc{ width:90%; float:none; margin:0 auto; background:#fff; padding:15px; box-sizing:border-box;}
#home_about .desc .dh>img{ width:36px;}
#home_about .desc .dh>.img{ margin-left:10px;}
#home_about .desc .dh>.img>span{ font-size:16px;}
#home_about .desc .dh>.img>em{ font-size:18px;}
#home_about .desc .dh>.img>i{ width:36px; margin-top:6px;}
#home_about .desc .desc_box{ margin-top:10px;}
#home_about .desc a.more{ width:120px; height:32px; line-height:32px; margin-top:10px;}

#home_path{ padding:30px 0 10px 0;}
#home_path .home_path_dh>img{ width:36px;}
#home_path .home_path_dh>.desc{ margin-left:10px;}
#home_path .home_path_dh>.desc>span{ font-size:16px;}
#home_path .home_path_dh>.desc>em{ font-size:18px;}
#home_path .home_path_dh>.desc>i{ width:36px; margin-top:6px;}
#home_path .home_path_con{ margin-top:20px;}
#home_path .home_path_con>span{ width:28px; font-size:18px; height:28px; line-height:28px; top:-60px;}
#home_path .home_path_con>span.left{ right:28px;}
#home_path .home_path_con ul>li>.img{ width:100%; float:none; padding:15px 0; margin:0 auto;}
#home_path .home_path_con ul>li .img_box{ width:95%; height:200px;}
#home_path .home_path_con ul>li .desc_box{ margin-top:15px;}
#home_path .home_path_con ul>li .desc{ width:100%; float:none; padding:15px; background-size:12%;}
#home_path .home_path_con ul>li .desc>span{ font-size:17px;}
#home_path .home_path_con ul>li .desc>p{ margin-top:6px; width:80%; height:60px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

#home_we .home_we_con{ background-size:cover; height:186px;}
#home_we .home_we_con .desc{ width:36%; padding-top:20px; font-size:15px;}
#home_we .home_we_con .desc_box{ padding-bottom:10px;}
#home_we .home_we_con a.more{ width:120px; height:32px; line-height:32px; margin-top:10px;}

#home_pro{ margin-top:30px;}
#home_pro .home_pro_dh>img{ width:36px;}
#home_pro .home_pro_dh>.desc{ margin-left:10px;}
#home_pro .home_pro_dh>.desc>span{ font-size:16px;}
#home_pro .home_pro_dh>.desc>em{ font-size:18px;}
#home_pro .home_pro_dh>.desc>i{ width:36px; margin-top:6px;}
#home_pro .home_pro_con{ margin-top:20px;}
#home_pro .home_pro_con ul li{ width:100%; margin-left:0; margin-bottom:12px;}
#home_pro .home_pro_con ul li:nth-child(-n+2){ width:48.5%; margin-left:0;}
#home_pro .home_pro_con ul li:nth-child(2){ margin-left:3%;}
#home_pro .home_pro_con ul li:nth-child(-n+2) .img{ width:100%; height:auto;}
#home_pro .home_pro_con ul li:nth-child(-n+2) .desc{ width:100%; float:none; height:auto;}
#home_pro .home_pro_con ul li:nth-child(-n+2) .desc span{ padding-top:10px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_pro .home_pro_con ul li .img{ width:40%; height:120px; float:left;}
#home_pro .home_pro_con ul li .desc{ width:60%; float:right; box-sizing:border-box; padding:15px; height:120px;}
#home_pro .home_pro_con ul li span{ font-size:15px;}
#home_pro .home_pro_con ul li p{ overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

#home_ys{ padding:30px 0 20px 0; margin-top:20px;}
#home_ys .home_ys_dh>img{ width:36px;}
#home_ys .home_ys_dh>.desc{ margin-left:10px;}
#home_ys .home_ys_dh>.desc>span{ font-size:16px;}
#home_ys .home_ys_dh>.desc>em{ font-size:18px;}
#home_ys .home_ys_dh>.desc>i{ width:36px; margin-top:6px;}
#home_ys .home_ys_con{ margin-top:30px;}
#home_ys .home_ys_con .swiper-slide{ margin-bottom:0;}
#home_ys .home_ys_con .swiper-slide img{ width:50px; height:auto; margin-right:16px;}
#home_ys .home_ys_con .swiper-slide .desc{ width:calc(100% - 82px); height:auto; float:none;}
#home_ys .home_ys_con .swiper-slide .desc span{ font-size:15px; line-height:1;}
#home_ys .home_ys_con .swiper-pagination-bullet{ width:20px; height:2px; margin:0 3px;}

#home_news{ margin-top:30px; margin-bottom:10px;}
#home_news .home_news_dh>img{ width:36px; margin-right:10px;}
#home_news .home_news_dh>.desc{ margin-left:10px; float:none;}
#home_news .home_news_dh>.desc>span{ font-size:16px;}
#home_news .home_news_dh>.desc>em{ font-size:18px;}
#home_news .home_news_dh>.desc>i{ width:36px; margin-top:6px; margin-left:36px;}
#home_news .home_news_nav{ float:none; margin:0 auto;}
#home_news .home_news_nav>a{ padding:0 15px; margin-left:0; margin-right:3px;}
#home_news .home_news_con{ margin-top:40px;}
#home_news .home_news_con ul li{ width:100%; margin-left:0; margin-bottom:6px;}
#home_news .home_news_con ul li .img{ width:100%; height:150px;}
#home_news .home_news_con ul li .desc{ padding:10px 0;}
#home_news .home_news_con ul li span{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_con ul li p{ margin-top:5px; 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{ padding-top:10px; margin-top:10px;}

/*content*/
/*right*/
#right{ width:100%;}
#right .right_dh{ margin:0; font-size:16px; position:relative; padding-top:5px;}
#right .right_con{ min-height:320px; padding:0;}
#right .right_con img{ max-width:100%; padding:0 !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
#right .right_con video{ max-width:100%; height:auto;}
#right .right_con table{ width:100% !important;}
#right .right_dh_r{ display:none;}
#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{ padding:15px 0;}
#left .left_dh{ white-space:nowrap; overflow-x:scroll;}
#left .left_dh ul li{ width:auto;}
#left .left_dh ul li>a>.img{ width:50px; height:50px;}
#left .left_dh ul li>a>.img>img{ width:100%; height:auto;}
#left .left_dh ul li>a>span{ margin-top:10px;}
.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_1{ margin-top:20px;}
.about_1 .dh{ margin-bottom:20px;}
.about_1 .dh>span{ font-size:18px;}
.about_1 .dh>em{ font-size:18px;}
.about_1 .dh>i{ margin-top:8px; width:36px;}
.about_1 .l{ width:100%; float:none;}
.about_1 .l>.img{ width:100%; height:200px; object-fit:cover;}
.about_1 .r{ width:100%; float:none; margin-top:10px;}
.about_2{ margin-top:30px; padding-bottom:0;}
.about_2 ul>li{ width:33.33%; border:0; margin-bottom:20px;}
.about_2 ul>li>span{ font-size:26px; font-weight:normal;}
.about_2 ul>li>span>i{ font-size:16px; top:-10px;}
.about_2 ul>li>p{ margin-top:8px;}
.about_3{ padding:30px; height:auto; background-size:cover;}
.about_3 .dh{ margin-bottom:20px;}
.about_3 .dh>span{ font-size:18px;}
.about_3 .dh>em{ font-size:18px;}
.about_3 .dh>i{ margin-top:8px; width:36px;}
.about_3 .history{ display:none;}
.about_3 .history_wap{ width:92%; margin:0 auto; display:block; margin-top:20px;}
.about_3 .history_wap .desc{ text-align:left; border-left:1px solid #fff; padding-left:20px; padding-top:10px;}
.about_3 .history_wap .desc>em{ font-size:17px; line-height:1; font-weight:bold; color:#fff;}
.about_3 .history_wap .desc>.desc_box{ margin-top:10px; line-height:2; font-size:15px;}
.about_3 .history_wap .desc>i{ width:10px; height:10px; background:#fff; display:block; border-radius:50%; margin-left:-25px; margin-top:0; position:relative; top:15px;}
.about_4{ margin-top:30px;}
.about_4 .dh{ margin-bottom:20px;}
.about_4 .dh>span{ font-size:18px;}
.about_4 .dh>em{ font-size:18px;}
.about_4 .dh>i{ margin-top:8px; width:36px;}
.about_4 .swiper-wrapper{ padding-bottom:40px;}
.about_4 .swiper-pagination-bullet{ width:25px; height:3px;}
.about_5{ margin-top:30px; padding:30px 0; background-size:cover;}
.about_5 .dh{ margin-bottom:20px;}
.about_5 .dh>span{ font-size:18px;}
.about_5 .dh>em{ font-size:18px;}
.about_5 .dh>i{ margin-top:8px; width:36px;}
.about_5 ul{ margin-top:25px;}
.about_5 ul>li{ width:100%; float:none; overflow:hidden; margin-left:0; margin-bottom:20px;}
.about_5 ul>li>img{ width:50px; height:auto;}
.about_5 ul>li>.desc{ width:calc(100% - 62px); height:auto;}
.about_5 ul>li>.desc span{ font-size:15px; line-height:1;}

/*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-bottom:20px;}
ul.list_img_news li{ padding:0; margin-bottom:12px;}
ul.list_img_news li .img{ width:40%; height:100px;}
ul.list_img_news li .desc{ width:56%;} 
ul.list_img_news li span{ font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0;}
ul.list_img_news li p{ 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{ margin-top:6px;}

/*news*/
.news{ padding:10px 0 15px 0; margin-bottom:15px;}
.news>.desc{ width:100%; float:none;}
.news>.img{ width:100%; float:none; height:160px; margin-top:12px;}
.news>.desc>span{ font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:15px;}
.news>.desc>p{ margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:4; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.news>.desc>em{ margin-top:5px;}
.news>.desc>a{ margin-top:15px; width:120px; height:32px; line-height:32px;}

/*dis_news*/
#dis_news{ width:100%;}
#dis_news img{ height:auto !important;}
#dis_news .news_title{ font-size:17px;}
#dis_news .news_date{ padding:0;}
#dis_news .news_content{ width:100%;}

/*list_pro*/
ul.list_pro li{ width:100%; padding:10px 0 20px 0;}
ul.list_pro li .desc{ width:56%;}
ul.list_pro li span{ margin-top:15px; font-size:17px;}
ul.list_pro li p{ margin-top:5px; font-size:15px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list_pro li em{ margin-top:6px; width:120px; height:32px; line-height:32px;}
ul.list_pro li .img{ width:40%; height:auto; text-align:center;}
ul.list_pro li img{ max-width:100%; height:100%; max-height:140px;}
ul.list_pro li:nth-child(2n) .img{ text-align:center;}

/*list_search*/
ul.list_search li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_search li:nth-child(2n+1){ margin-left:0;}
ul.list_search .img{ width:100%; height:150px; display:block;}
ul.list_search li span{ padding-top:6px;}

/*display*/
.dis_big{ margin-top:20px; margin-bottom:20px; padding-bottom:25px;}
.dis_big .dis_desc{ width:100%;}
.dis_big .dis_desc>em{ font-size:18px; margin-bottom:8px;}
.dis_big a.more{ float:left; margin-top:10px; width:160px; height:32px; line-height:32px; background-position:15px center; text-indent:45px;}
.dis_img{ margin-top:25px;}
.dis_img .dis_con{ width:86%; margin:0 auto;}
.dis_img ul>li{ width:47.5%; margin-right:10px;}
.dis_img ul>li .img{ width:100%; height:auto; display:block;}
.dis_img ul>li .desc em{ font-size:14px;}
.dis_img .ico{ width:16px; height:16px; margin-top:-25px; background-size:16px auto;}
.dis_img .left{ left:0;}
.dis_img .right{ right:0;}
.dis_dot{ display:none;}
.dis_note{ margin:30px 0;}
.dis_dh{ white-space:nowrap; overflow-x:scroll;}
.dis_dh>span{ padding:0 12px; width:auto; text-align:center;}
.dis_list{ padding-top:20px;}
.dis_small{ width:96%; margin:0 auto; margin-top:20px; padding-top:20px; border-top:1px solid #e9e9e9; display:block;}
.dis_small_box{ margin:0 auto; height:400px; overflow-y:scroll;}
.dis_small_box>ul>li{ margin-bottom:20px; border-bottom:1px solid #e9e9e9; padding-bottom:20px; overflow:hidden;}
.dis_small_box>ul>li>img{ width:36%; float:left;}
.dis_small_box>ul>li>p{ width:60%; float:right;}
.dis_small_box::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0);}
.dis_small_box::-webkit-scrollbar {width:3px;height:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.dis_small_box::-webkit-scrollbar-thumb {background-color:#176282;background-clip:padding-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.dis_small_box::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

/*list_share*/
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:100%;}
ul.list_share li img{ width:100%; height:100%;}
ul.list_share li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*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 .img{ width:100%; height:150px; display:block;}
ul.share_list li span{ padding-top:6px;}

/*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;}

/*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;}
}