/* CSS Document */
body{ margin:0px 0px; padding:0px 0px;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px;color:#555; text-align:center;background:#fff; line-height:26px; margin-left:auto;margin-right:auto;}
a{ color:#555555; 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:#f0822e;}
a img{ border:0;}
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:0px; padding:0px;}
ul,li,dl,dd,dt{ padding:0px; margin:0px; list-style:none;}
input,textarea{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;outline:none;resize:none;}
em{ font-style:normal;}
a img{ border:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.blue{ color:#1175c2; }
.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:20px 0px 50px 0;}
.container{ min-width:1200px; width:1200px; margin:0px auto; padding:0px; text-align:left;}
/* CSS Common*/

/*header */
#header{position:absolute; width:100%; height:83px; margin:0 auto; text-align:center; z-index:9;}
#header .logo{ float:left;}
#header .search{ width:260px; background:#fff; border:0px solid #e4e4e4; border-radius:20px; position: absolute; right:0; top:40px; display:none;}
#header .search input[type="text"]{ width:182px; height:32px; line-height:32px; color:#858585; text-indent:20px; border:0; float:left; background:transparent;}
#header .search input[type="image"]{ position: absolute; top:4px; right:15px; cursor:pointer;}

/*menu*/
#menu{ height:35px; float:right; text-align:right; margin-top:26px; position:relative;}
#menu ul li{ float:left;text-align:center;}
#menu ul li a{ display:block;height:35px;line-height:35px;font-size:15px;padding:0 24px; color:#2c2c2c; border-bottom:1px solid transparent;}
#menu ul li a:hover{ color:#f0822e; border-bottom:1px solid #f0822e;}
#menu ul li a.on{ color:#f0822e; border-bottom:1px solid #f0822e;}
#menu ul li img{ border-left:1px solid #f0822e;cursor:pointer; margin-top:-2px; padding:8px 0 8px 12px; margin-left:25px;}

/* Menu下拉菜单 */
.menu{ width:100%;}
.menu ul{ margin:auto;}
.menu li{ height:35px;line-height:35px; padding:0 20px;float:left;text-align:center;position:relative;z-index:9;}
.menu li a{ display:block;font-size:16px;color:#000;}
.menu li a:hover{ color:#000;}
.menu li a.on{ color:#000;}
.menu li dl{ width:100%;position:absolute;left:1px;top:34px;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:#fff;font-weight:normal;}

/*banner*/
.banner{height:755px;}
.banner .swiper-slide{ background-position:center;background-size:cover;}
.banner .swiper-pagination{ bottom:12px;}
.banner .swiper-pagination-bullet{ margin:0 3px !important;}
.banner .swiper-pagination-bullet{ background:#fff;opacity:1; width:10px; height:10px;}
.banner .swiper-pagination-bullet-active{ background:#f0822e;}

/*banner_inside*/
.banner_inside{height:492px;}
.banner_inside .swiper-slide{ background-position:center;background-size:cover;}
.banner_inside .swiper-pagination{ bottom:12px;}
.banner_inside .swiper-pagination-bullet{ margin:0 3px !important;}
.banner_inside .swiper-pagination-bullet{ background:#fff;opacity:1; width:10px; height:10px;}
.banner_inside .swiper-pagination-bullet-active{ background:#f0822e;}

/*home_about*/
#home_about{ width:100%; margin-top:90px;}
#home_about .home_about_con {margin:0 auto; text-align:center;}
#home_about .home_about_con .l{ float:left; width:645px; text-align:left; font-size:16px; line-height:1.8;}
#home_about .home_about_con .l .about_dh{ font-size:32px; color:#323232; font-weight:600;}
#home_about .home_about_con .l .about_dh em{ width:70px; height:3px; background:#a9a9a9; display:block; margin-top:35px; margin-bottom:30px;}
#home_about .home_about_con .l a.more{ width:148px; height:40px;line-height:40px; background:#f0822e; color:#fff; display:block; border-radius:25px; text-align:center; font-size:14px; margin-top:45px;}
#home_about .home_about_con .r{ float:right; width:484px;}		
#home_about .home_about_con .r img{ width:100%;}

/*home_pro*/
#home_pro{ width:100%; background:url(../image/pro_bg.jpg) no-repeat top center; height:842px; padding:70px 0; margin-top:90px; border-bottom:58px solid #5f5f5f;}
#home_pro .home_pro_dh{ height:36px; line-height:36px; font-size:36px; margin:0 auto; text-align:center;color:#2a2a2a;}
#home_pro .home_pro_dh span{ color:#9e9e9e; font-size:16px; display:block; padding:15px 0;}
#home_pro .home_pro_dh em{ margin:0 auto; background:#f0822e; height:2px; width:36px; display:block;}
#home_pro .home_pro_con {margin:0 auto; text-align:center; margin-top:120px;}
#home_pro .home_pro_con ul li{ width:288px; float:left; text-align:center; background:#f0822e; margin-bottom:15px; margin-left:15px;}
#home_pro .home_pro_con ul li:nth-child(4n+1){ margin-left:0;}
#home_pro .home_pro_con ul li .img{width:276px;height:276px; margin:0 auto; margin-top:6px;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:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_pro .home_pro_con ul li span{ display:block; font-size:14px; margin:10px 0; color:#fff;}
#home_pro .home_pro_con a.more{ color:#fff; margin-top:40px; display: inline-block;}
#home_pro .home_pro_con a.more em{ width:55px; height:55px; background:#f0822e; color:#fff; font-size:35px; line-height:55px; border-radius:50%; display:block; margin:0 auto;}

/*home_news*/
#home_news{ width:100%; margin-top:70px; margin-bottom:70px;}
#home_news .home_news_dh{ height:36px; line-height:36px; font-size:36px; margin:0 auto; text-align:center;color:#2a2a2a;}
#home_news .home_news_dh span{ color:#9e9e9e; font-size:16px; display:block; padding:15px 0;}
#home_news .home_news_dh em{ margin:0 auto; background:#f0822e; height:2px; width:36px; display:block;}
#home_news .home_news_con {margin:0 auto; text-align:left; margin-top:120px; margin-bottom:40px;}
#home_news .home_news_con .l{ width:561px; float:left;}
#home_news .home_news_con .l img{ width:100%;}
#home_news .home_news_con .l .img{width:561px;height:294px; margin:0 auto; overflow:hidden;}
#home_news .home_news_con .l img{width:100%;height:100%; object-fit:cover;transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_con .l img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_news .home_news_con .l span{ font-size:18px; margin:15px 0 5px 0; display:block;}
#home_news .home_news_con .l p{ color:#707070;}
#home_news .home_news_con .r{ width:610px; float:right;}
#home_news .home_news_con .r ul li{ border-bottom:1px dotted #e4e4e4; padding-top:25px;}
#home_news .home_news_con .r ul li:last-child{ border-bottom:0;}
#home_news .home_news_con .r ul li .date{ width:78px;float:left; padding-top:20px;}
#home_news .home_news_con .r ul li .date em{ font-size:26px; color:#3a3a3a;}
#home_news .home_news_con .r ul li .date p{ font-size:14px; color:#797979;}
#home_news .home_news_con .r ul li .note{ width:520px; float:right;}
#home_news .home_news_con .r ul li .note span{ font-size:18px; margin-bottom:6px; display:block;}
#home_news .home_news_con .r ul li .note p{margin-bottom:25px;}

/*left*/
#left_con{ padding:20px 0px;}
#left{ width:245px; float:left; margin-bottom:30px;}
#left .left_top{ height:72px; background:#f0822e; line-height:72px; font-size:24px; color:#fff; text-align:center;} 
#left .left_top span{ font-size:14px; text-transform:uppercase; margin-left:5px;}
#left .left_dh{ border:solid 1px #e2e2e2; border-top:none;}
#left .left_dh ul li{ line-height:46px; text-align:left;}
#left .left_dh ul li a{ height:46px; display:block; border-bottom: 1px dotted #e2e2e2; font-size:14px; padding-left:45px;}
#left .left_dh ul li a:hover{ color:#272727; font-weight:bold;}
#left .left_dh ul li a.on{ color:#272727; font-weight:bold; background:#f5f5f5;}
#left .left_dh ul li:last-child a{ border-bottom:0;}
#left .left_pic{ margin-top:20px;}
#left .left_pic input[type="text"]{ width:188px; height:36px; line-height:36px; border:1px solid #e4e4e4; color:#858585; text-indent:10px; float:left; border-right:0;}
#left .left_pic input[type="image"]{ background:#f0822e; padding:7px 16px; position:relative; top:0px; cursor:pointer;}

/*content*/
#right{ width:930px; float:right;}
#right .right_dh{ height:36px; line-height:36px; border-bottom:solid 2px #d0d0d0;}
#right .right_dh_l{ color:#222; font-size:14px; float:left;}
#right .right_dh_l span{ display:inline-block;}
#right .right_dh_r{ color:#afafaf; float:right;}
#right .right_con{ min-height:200px; height:auto; _height:200px; padding:15px 5px;}
#right .right_con img{ max-width:100%;}

/*list_pro*/
ul.list_pro{text-align:center;min-height:200px;_height:200px;}
ul.list_pro li{float:left;width:286px;margin:0 10px;line-height:25px; height:336px;}
ul.list_pro li .img{width:286px;height:286px;overflow:hidden;}
ul.list_pro li img{width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_pro li span{ display:block; padding-top:10px;}

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

/*list_share*/
ul.list_share{text-align:center;min-height:200px;_height:200px;}
ul.list_share li{float:left;width:286px;margin:0 10px;line-height:25px; height:296px;}
ul.list_share li .img{width:286px;height:246px;overflow:hidden;}
ul.list_share li img{width:100%;height:auto;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{ margin:0 auto;width:100%;}
ul.share_list li{ width:220px;height:210px;float:left;margin:0 15px;}
ul.share_list .img{width:220px;height:160px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #ddd; overflow:hidden; background:#fff;}
ul.share_list .img img{ max-width:220px; max-height:160px;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.list{font-family: "Microsoft YaHei",verdana,arial,sans-serif;font-size:14px;color:#333333;border-width: 1px;border-color: #666;border-collapse: collapse; width:100%}
table.list th {border-width: 1px;padding: 8px;border-style: solid;border-color: #ccc;background-color: #e8e8e8; font-weight:normal}
table.list td {border-width: 1px;padding: 8px;border-style: solid;border-color: #666;background-color: #e8e8e8; font-weight:normal}

/*list_news*/
ul.list_news{min-height:200px;_height:200px;}
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:0px;}

/*list_img_news*/
ul.list_img_news{min-height:200px;_height:200px; margin-bottom:20px;}
ul.list_img_news li{position:relative;padding-top:5px;padding-bottom:20px;}
ul.list_img_news li:after{ display:block; content:''; height:40px; clear: both; border-bottom:1px solid #eee;}
ul.list_img_news li a{font-size:14px;}
ul.list_img_news li .img{ width:200px;height:140px; margin-right:22px; margin-top:12px; float:left;overflow:hidden;}
ul.list_img_news li .img img{ width:200px;height:140px;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 span{ font-size:16px; margin:10px 0; display:block; margin-top:20px;}
ul.list_img_news li p{ color:#888;}
ul.list_img_news li em{font-size:14px; display:block;margin:0;color:#888; float:right;}

/*list_pic_news*/
ul.list_pic_news{text-align:center;min-height:200px;_height:200px;}
ul.list_pic_news li{float:left;width:300px;margin:0 8px;line-height:25px; height:260px;}
ul.list_pic_news li .img{width:300px;height:200px;overflow:hidden;}
ul.list_pic_news li img{width:100%;height:auto;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 .news_title{font-weight:bold;font-size:16px;_height:30px;min-height:30px;line-height:30px;text-align:center;}
#dis_news .news_date{text-align:center;_height:26px; line-height:26px; padding-bottom:10px; color:#888;}
#dis_news .news_content{padding:5px;_height:200px;min-height:200px; text-align:left;}
#dis_news .news_close{ margin:0 auto; text-align:center; padding:20px 0;}
#dis_news .news_close a{ padding:5px;}

/*list_links*/
ul.list_links{text-align:center;min-height:200px;_height:200px;}
ul.list_links li{float:left;padding:5px 10px;text-align:center;width:140px;min-height:50px;_height:50px;}
ul.list_links li img{width:130px;height:50px;}

/*scroll*/
/*page*/
.page{text-align:center;line-height:30px;min-height:25px;clear:both;_height:25px; margin-top:20px;}
/*pages_style*/
.pages{ width:100%; margin:0 auto;margin-top:30px; text-align:center;}
.pages a{border:1px solid #c1c1c1;padding:5px 10px;margin:0 3px;}
.pages a:hover,a.active{background:#1b77c6;color:#fff;border-color:#1B77C6;}
.pages span{border:1px solid #c1c1c1;padding:5px 10px;margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{background:#1b77c6;color:#fff;border-color:#1b77c6;}

/*other*/
.feedback { width:680px;}
.feedback img{ cursor: pointer;}
.feedback input{ line-height:24px; color:#565656; font-size:14px; width:246px; border:1px solid #ccc; height:24px; margin-bottom:12px;}
.feedback textarea{ line-height:24px; color:#565656; font-size:14px; width:450px; border:1px solid #ccc; height:96px; margin-bottom:12px;resize:none;}
.feedback ul li span{ line-height:24px; color:#565656; font-size:14px; 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%;}
input[type="text"],textarea{ height:26px; border:1px solid #ddd; width:300px;}
input.input{ width:70px;}
textarea{ height:100px; width:500px; margin:5px 0;}
input[type="submit"]{ line-height:26px; color:#565656; width:100px; border:0px solid #ccc; height:32px; margin-top:30px; cursor:pointer;background:#e5e5e5; margin-right:5px;}
input[type="submit"]:hover{background:#f0822e;color:#fff;}
input[type="reset"]{ line-height:26px; color:#565656; width:100px; border:0px solid #ccc; height:32px; margin-top:30px; cursor:pointer;background:#e5e5e5;}
input[type="reset"]:hover{background:#f0822e;color:#fff;}

/*float*/
.float{width:60px;position:fixed;right:0;bottom:150px;background:#383838;z-index:99; padding:10px 0;border-radius:10px 0 0 10px;}
.float li{ margin:25px 0;position:relative; cursor:pointer;}
.float li:first-child{ margin-top:10px;}
.float li:last-child{ margin-bottom:0;}
.float li .icon_on{ display:none;}
.float li:hover .icon_on{ display:block;}
.float li:hover .icon_off{ display:none;}
.float li:nth-child(1):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:#f0822e;width:135px; position:absolute; right:60px; color:#fff; padding:25px 0 20px 20px; text-align:left; line-height:2;font-size:14px;box-shadow: 0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow: 0px 6px 30px 1px rgba(0,0,0,.2); border-radius:10px 0 0 15px; display:none;}
.float .note img{ width:120px; height:120px;}

/*livechat*/
#livechat{z-index:999; right:45px; visibility: visible; width: 140px; position: absolute;top:220px; height: 203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none;}
#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;}
.chat_top{ width:135px; height:36px; background:#f0822e; font-size:14px; font-weight:bold;color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{border-left: 1px solid #f0822e;border-bottom: 1px solid #f0822e;border-right: 1px solid #f0822e;background:#fff; line-height:28px;}

/*nav*/
#footer_nav{ background:#383838; min-height:260px;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:50px 0; color:#acacac;}
#footer_nav .footer_nav_con a{ color:#b5b5b5;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .pic{ float:left; width:180px;}
#footer_nav .footer_nav_con .list{ float:left; min-height:230px; _height:230px; padding-right:80px;}
#footer_nav .footer_nav_con .list span{ font-size:15px; height:30px; text-align:left; color:#fff; display:inline-block; border-bottom:1px solid #4e4e4e; margin-bottom:15px; padding-right:35px;}
#footer_nav .footer_nav_con .list span em{ display:block; background:#fff; height:1px; width:24px; margin-top:4px;}
#footer_nav .footer_nav_con .list li{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
#footer_nav .footer_nav_con .qcode{text-align:center;float:right; margin-top:15px;}
#footer_nav .footer_nav_con .qcode>span{ color:#fff; display:block; padding:15px 0; font-size:18px; font-weight:600;}

/*footer*/
#footer{ height:auto; _height:auto; padding:15px 0px; background:#232323; color:#acacac; border-top:1px solid #383838;}
#footer a{ color:#acacac;}
#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;}
.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer;}
.go_top em{ text-align:center;display:block; line-height:1; padding-top:3px;}

/*自适应控制移动端菜单*/
@media (min-width: 769px){
.header{ display:none;}
}

/*移动端样式*/
@media screen and (max-width:768px) {
/*public*/
body{ overflow:auto; overflow-x:hidden;}
#header{ display:none;}
.container{ min-width:100%; width:100%;}
.con{ padding:0 15px 30px 15px;}
.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:46px; padding:7px 10px;}
.header .nav{ height:100%; background:#fff; position: absolute; top:60px; width:100%;border-top:1px solid #f0f0f0;display:none;}
.header .nav ul li a{ display:block; font-size:14px; color:#454545; line-height:16px; text-align:left; padding:12px 20px; border-bottom:1px solid #f0f0f0;}
.header .nav ul li a span{ line-height:16px; font-family:Arial, Helvetica, sans-serif;display:block; font-size:10px;}
.header .nav ul li a:hover{ background:#f0822e;color:#fff;}
.header .search{ position:relative; margin:0 auto; margin-left:20px; margin-top:10px; margin-right:20px;}
.header .search input[type="text"]{ width:70%; height:32px; line-height:32px; border:1px solid #e4e4e4; color:#858585; border-radius:20px; text-indent:20px;}
.header .search input[type="image"]{ position: absolute; top:15%; right:35%;}
.header .header_icon {position:fixed;top:0;right:0;height:60px;width:60px;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:#f0822e;height:2px;width:25px;}
.header .header_icon span {left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:background-color .3s;transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before {content:'';left:0;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before {-webkit-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
.header .header_icon span::after {-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}
.header_top{ height:60px;}
.banner{ height:180px; background-size:cover; top:0;}
.banner .swiper-button-next,.swiper-button-prev{ width:50px; margin-right:15px;margin-left:0;}
.banner_inside{ height:120px; background-size:cover; top:0;}
.banner_inside .swiper-button-next,.swiper-button-prev{ width:50px; margin-right:15px;margin-left:0;}

/*home*/
#home_about{ margin-top:20px;}
#home_about .home_about_con .l{ width:94%; margin:0 auto; float:none; font-size:14px;}
#home_about .home_about_con .l .about_dh{ font-size:24px;}
#home_about .home_about_con .l .about_dh em{ margin:15px 0;}
#home_about .home_about_con .l a.more{ margin-top:20px;}
#home_about .home_about_con .r{ width:94%; margin:0 auto; float:none; font-size:14px; margin-top:30px;}

#home_pro{ margin-top:30px; padding:30px 0 0 0; height:auto; background-size:cover;}
#home_pro .home_pro_dh{ font-size:24px;}
#home_pro .home_pro_dh span{ line-height:1.5; font-size:14px; width:94%; margin:0 auto;}
#home_pro .home_pro_con{ width:94%; margin:0 auto; margin-top:34%;}
#home_pro .home_pro_con ul li{ width:48.5%; margin-left:3%;}
#home_pro .home_pro_con ul li:nth-child(2n+1){ margin-left:0;}
#home_pro .home_pro_con ul li .img{ width:92%; height:auto;}
#home_pro .home_pro_con ul li img{ width:100%; height:100%;}
#home_pro .home_pro_con a.more{ position:relative;top:10px; margin-top:0; margin-bottom:-40px;}

#home_news{ margin-top:30px; margin-bottom:30px;}
#home_news .home_news_dh{ font-size:24px;}
#home_news .home_news_dh span{ line-height:1.5; font-size:14px; width:94%; margin:0 auto; padding:10px 0 15px 0;}
#home_news .home_news_con{ margin-top:70px;}
#home_news .home_news_con .l{ float:none; width:94%; margin:0 auto;}
#home_news .home_news_con .l .img{ width:100%; height:auto;}
#home_news .home_news_con .l span{ font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_con .l p{ 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 .r{ float:none; width:94%; margin:0 auto;}
#home_news .home_news_con .r ul li{ padding-top:15px;}
#home_news .home_news_con .r ul li .note{ width:calc(100% - 90px);}
#home_news .home_news_con .r ul li .note span{font-size:16px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_con .r ul li .note p{ overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:15px;}

/*content*/

/*right*/
#right{ width:100%;}
#right .right_dh{ margin:0; font-size:18px; position:relative;padding-top:5px;}
#right .right_con{ min-height:320px; padding:0;padding-top:15px;}
#right .right_con img{ max-width:100%; height:auto; padding:0 !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
#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{ position:fixed;left:inherit;width:60%;height:100%;right:-100%; top:0;margin-left:0;background:#333; z-index:10;padding-top:60px;overflow-y:scroll;height:100%;}
#left .left_top{ color:#fff; font-size:16px;border-bottom:1px solid #555; line-height:50px;padding-left:20px; background:#333; text-align:left; height:auto;} 
#left .left_top span{ display:none;}
#left .left_dh{ margin-bottom:0;border:none; padding:0;}
#left .left_dh ul li{ line-height:40px; text-align:left; padding:0;}
#left .left_dh ul li a{ color:#f5f5f5; line-height:40px; height:40px;border-bottom:1px solid #555; display:block; padding-left:20px; background:#333;}
#left .left_dh ul li a:hover{ color:#fff;background:#333;}
#left .left_dh ul li a.on{ color:#fff;background:#333;}
#left .left_dh ul li:last-child a{ border-bottom:1px solid #555;}
#left .left_pic{ display:none;}
.mask{display: none; position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}

/*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:100%;line-height:25px; margin-left:0;height:auto;text-align:center; margin-bottom:20px;}
ul.list_pic_news li:first-child { margin-left:0;}
ul.list_pic_news li .img{width:100%;height:auto;}
ul.list_pic_news li img{width:100%;height:auto;object-fit:cover;}
ul.list_pic_news li span{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px;text-align:left;}
ul.list_pic_news li p{ padding-top:5px;font-size:14px; color:#999; text-align:left; line-height:22px;}

/*list_img_news*/
ul.list_img_news li{ height:auto; padding-bottom:0;}
ul.list_img_news li .img{ width:40%;height:auto; margin-right:4%;}
ul.list_img_news li .img img{ width:100%;height:auto;}
ul.list_img_news li span{ margin-top:3%; float:right; width:56%; font-size:14px; line-height:1.5;}
ul.list_img_news li p{ width:56%; display:none;}
ul.list_img_news li:after{ display:block; content:''; height:20px; clear: both; border-bottom:1px solid #eee;}

/*dis_news*/
#dis_news{ width:100%;}

/*list_pro*/
ul.list_pro li{float:left;width:46%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}
ul.list_pro li .img{width:100%;height:auto;}
ul.list_pro li img{width:100%;height:auto;}
ul.list_pro li span{ padding-top:5px;}

/*share_list*/
ul.share_list li{float:left;width:46%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}
ul.share_list li .img{width:100%;height:auto;}
ul.share_list li img{width:100%;height:auto;}
ul.share_list li span{ padding-top:5px;}

/*list_share*/
ul.list_share li{float:left;width:46%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px;}
ul.list_share li .img{width:100%;height:100px;}
ul.list_share li img{width:100%;height:auto;}
ul.list_share li span{ padding-top:5px;}

/*form*/
.form { width:100%;}
.form input{ width:80%;}
.form textarea{ width:80%;}
.form input[type="submit"],input[type="reset"]{ width:40%;}
.form tr>td:first-child{ width:25%;}

/*pages*/
.pages{ width:94%; margin:0 auto;margin-top:30px; margin-bottom:30px;text-align:center;}
.pages a{border:1px solid #c1c1c1;padding:0px 8px;margin:0 3px;}
.pages a:hover,a.active{background:#1c87e9;color:#fff;border-color:#1B77C6;}
.pages span{border:1px solid #c1c1c1;padding:0px 8px;margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{background:#1c87e9;color:#fff;border-color:#1c87e9;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0px;}

/*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;}
#footer .footer_copy{ margin-top:0; width:94%; padding:15px 0;}
}