@charset "utf-8";
/* 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}
a:link{ text-decoration:none;}
a:hover{ color:#e21a08;}
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;}
.container{ min-width:1200px; width:1200px; margin:0px auto; padding:0px; text-align:left;}
/* CSS Common*/

/*header */
#header{position:relative; width:100%; height:145px; margin:0 auto; text-align:center;}
#header .header_top{position:relative; width:100%; height:36px; background:#eee; color:#6a6a6a; line-height:36px;}
#header .header_top a{color:#6a6a6a;}
#header .header_top a:hover{color:#e21a08;}
#header .header_top .l{ float:left;}
#header .header_top .r{ float:right;}
#header .header_con{background:url(../images/nav_bg.png) no-repeat bottom center; height:94px; padding-top:15px;}
#header .logo{ float:left;}
#header .header_phone{ font-size:14px; text-align:left; border:1px solid #e6e6e6; border-radius:20px; height:28px; width:290px; position:absolute; right:0; bottom:7px;}
#header .header_phone p{ position:absolute; top:0px; right:15px;}
#header .header_phone span{ color:#df0a13; font-size:18px; font-family:Arial, Helvetica, sans-serif; position:relative; top:1px;}

/*menu*/
#menu{ height:35px; float:right;position:relative;}
#menu ul{ margin-top:50px;}
#menu ul li{ float:left; padding-left:25px;}
#menu ul li a{ display:block;height:35px;line-height:35px;font-size:14px;color:#fff;}
#menu ul li a:hover{ color:#fff;}

/* Menu下拉菜单 */
.menu{width:100%;height:35px;margin-top:0px;}
.menu ul{margin:auto;}
.menu li{height:35px;line-height:35px; padding:0 20px;float:left;text-align:center;position:relative;z-index:999}
.menu li a{height:35px;display:block;font-size:16px;color:#000;}
.menu li a:hover{color:#000;}
.menu li a.on,.current{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:600px;}
.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{ opacity:1; width:10px; height:10px; border-redius:50%; border:1px solid #fff; background:none;}
.banner .swiper-pagination-bullet-active{ background:#fff;opacity:1;}

/*banner_inside*/
.banner_inside{height:446px;}
.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:#0053b0;}

/*home_products*/
#home_products{ width:100%;margin-top:30px;}
#home_products .home_products_dh{ height:36px; line-height:36px; font-size:28px; margin:0 auto; text-align:center;color:#222; font-weight:600;text-transform:uppercase;}
#home_products .home_products_dh span{ display:block; font-size:18px; color:#fff;background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604); width:120px; height:38px; line-height:38px; border-radius:30px; margin:0 auto; font-weight:200; margin-top:6px;}
#home_products .home_products_con {margin:0 auto; text-align:center; margin-top:80px; background:url(../images/pro_bg.jpg) no-repeat top center; height:660px;}
#home_products .home_products_con .p_nav{ width:18%; float:left; margin-left:2%;}
#home_products .home_products_con .p_nav em{ height:48px;line-height:48px;font-size:22px; color:#fff; font-weight:500; padding-top:28px; display:block;} 
#home_products .home_products_con .p_nav dd{ line-height:56px; width:80%;}
#home_products .home_products_con .p_nav dd>a{ height:56px; display:block; border-bottom:solid 1px #fff; font-size:16px; color:#fff; border-color:rgba(255,255,255,0.5);}
#home_products .home_products_con .p_nav dd>a:hover{ color:#fff;}
#home_products .home_products_con ul{ float:right; width:80%;}
#home_products .home_products_con li{float:left;width:278px;margin:0 20px;line-height:25px; height:330px;}
#home_products .home_products_con li .img{width:278px;height:278px;overflow:hidden; border:1px solid #eee;}
#home_products .home_products_con li img{width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}
#home_products .home_products_con li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_products .home_products_con li span{ display:block; padding-top:10px; text-align:center;}

/*home_adv*/
#home_adv{ width:100%;margin-top:60px; padding-bottom:30px;}
#home_adv .home_adv_dh{ height:36px; line-height:36px; font-size:28px; margin:0 auto; text-align:center;color:#222; font-weight:600; text-transform:uppercase;}
#home_adv .home_adv_dh span{ display:block; font-size:18px; color:#fff;background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604); width:120px; height:38px; line-height:38px; border-radius:30px; margin:0 auto; font-weight:200; margin-top:6px;}
#home_adv .home_adv_con {margin:0 auto; text-align:center; margin-top:80px;}

/*home_about*/
#home_about{ width:100%;margin-top:10px; position:relative;}
#home_about .home_about_dh{ height:210px; line-height:1.5; font-size:28px; margin:0 auto; text-align:center; padding-top:45px; color:#fff;background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604);font-weight:600;}
#home_about .home_about_dh span{ font-size:18px; display:block; font-weight:200;}
#home_about .home_about_dh em{ background:#fff; height:2px; width:30px; display:block;margin:0 auto; margin-top:5px; margin-bottom:5px;}
#home_about .home_about_con{ height:340px;}
#home_about .home_about_con {position: relative; background:#fff; top:-80px; left:0; right:0; margin-left:auto; margin-right:auto; width:1200px;}
#home_about .home_about_con .about_dh{ border-bottom:1px solid #eb5806;}
#home_about .home_about_con .about_dh span{ font-size:16px; color:#fff; height:48px; line-height:48px; width:125px; text-align:center;background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604); display:inline-block;}
#home_about .home_about_con .about_dh a{ font-size:14px; float:right; padding-top:10px;}
#home_about .home_about_con .l{ float:left; width:476px; padding:30px 0 0 30px;}
#home_about .home_about_con .l .l_con{ margin-top:20px;}
#home_about .home_about_con .r{ float:right;position:relative; width:680px; margin-top:50px;}
#home_about .home_about_con .r .r_con{ position:relative; width:87%; margin:0 auto; overflow:hidden;}
#home_about .home_about_con .r .r_con li{ width:270px;height:360px;float:left;margin:0 12px;}
#home_about .home_about_con .r .r_con .img{width:270px;height:305px;display: table-cell;vertical-align: middle;text-align: center;*display: block;overflow:hidden; background:#fff;box-shadow: 0px 4px 15px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0px 4px 15px 1px rgba(0,0,0,.1); border:1px solid #eee;}
#home_about .home_about_con .r .r_con .img img{ max-width:270px; max-height:305px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
#home_about .home_about_con .r .r_con li:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);}
#home_about .home_about_con .r .r_con li em{ display:block; text-align:center;display:block; background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604); color:#fff; font-size:14px; height:40px; line-height:40px;}
#home_about .home_about_con .r span{ position: absolute; width:26px; height:46px; cursor:pointer; top:150px; z-index:9;font-size:50px; font-family:'SimSun'; color:#e32207; font-weight:600;}
#home_about .home_about_con .r span.left{ left:15px;}
#home_about .home_about_con .r span.right{ right:15px;}
#home_about .home_about_con .r span:hover{ color:#f17f05;}

/*home_news*/
#home_news{ width:100%; position:relative; top:-50px;}
#home_news .home_news_con{ width:94%; margin:0 auto;}
#home_news .home_news_con .news_dh{ border-bottom:1px solid #eb5806;}
#home_news .home_news_con .news_dh span{ font-size:16px; color:#fff; height:48px; line-height:48px; width:125px; text-align:center;background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604); display:inline-block;}
#home_news .home_news_con .news_dh a{ font-size:14px; float:right; padding-top:10px;}
#home_news .home_news_con .l{ float:left; width:580px; padding:30px 0 0 0;}
#home_news .home_news_con .l .l_con{ margin-top:20px;}
#home_news .home_news_con .l .l_con .pic .img{ float:left;width:212px;}
#home_news .home_news_con .l .l_con .pic .img img{ width:100%;}
#home_news .home_news_con .l .l_con .pic .note{ float:right; width:345px;}
#home_news .home_news_con .l .l_con .pic .note span{ font-size:16px; color:#000; margin-bottom:3px; display:block;}
#home_news .home_news_con .l .l_con .pic .note span:hover{ color:#e21a08;}
#home_news .home_news_con .l .l_con ul{ margin-top:10px;}
#home_news .home_news_con .l .l_con ul{min-height:200px;_height:200px;}
#home_news .home_news_con .l .l_con ul li{position:relative;height:40px;line-height:40px;border-bottom:1px dotted #eee;}
#home_news .home_news_con .l .l_con ul li span{position:absolute;right:5px;top:0px;}
#home_news .home_news_con .r{ float:right;position:relative; width:485px;padding:30px 0 0 0;}
#home_news .home_news_con .r .r_con{ position:relative; width:100%; margin:0 auto; overflow:hidden; margin-top:25px;}
#home_news .home_news_con .r .r_con li{ clear:both;}
#home_news .home_news_con .r .r_con .img{ float:left;width:166px;margin-bottom:35px;}
#home_news .home_news_con .r .r_con .img img{ width:100%; border:1px solid #eee;}
#home_news .home_news_con .r .r_con .note{ float:right; width:305px;}
#home_news .home_news_con .r .r_con .note em{ font-size:16px; color:#000; margin-bottom:3px; display:block;}
#home_news .home_news_con .r .r_con .note em:hover{ color:#e21a08;}

/*left*/
#left_con{ padding:20px 0px;}
#left{ width:260px; float:left;background: -webkit-linear-gradient(#f49504,#e00a08);background: -o-linear-gradient(#f49504,#e00a08);background: -moz-linear-gradient(#f49504,#e00a08);background: linear-gradient(#f49504,#e00a08); border-radius:20px; margin-bottom:20px;}
#left .left_top{ height:48px;line-height:48px;padding-left:40px;font-size:22px; color:#fff; font-weight:500; padding-top:28px;} 
#left .left_dh{ padding: 0 40px; padding-bottom:40px;}
#left .left_dh ul li{ line-height:56px;}
#left .left_dh ul li>a{ height:56px; display:block; border-bottom:solid 1px #fff; font-size:16px; color:#fff; border-color:rgba(255,255,255,0.5);}
#left .left_dh ul li>a:hover{ color:#fff;}
#left .left_dh ul dl{ margin-top:10px; line-height:26px;}
#left .left_dh ul dd>a{ height:26px;font-size:14px; color:#fff;}
#left .left_dh ul dd>a:hover{ color:#fff;}

/*content*/
#right{ width:900px; float:right;}
#right .right_dh{ height:36px; line-height:36px; border-bottom:solid 1px #e6e6e6;}
#right .right_dh_l{ color:#222; font-size:16px; float:left;}
#right .right_dh_r{ float:right; padding-right:6px;}
#right .right_con{ min-height:200px; height:auto; _height:200px; padding:15px 5px;}

/*list_pro*/
.list_h_dh{ background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604); height:36px; line-height:36px; width:93%; margin:0 auto;margin-bottom:20px; padding-left:20px; border-radius:25px; color:#fff;text-align:center;}
.list_h_dh a{ display:inline-block; padding:0 10px; color:#fff;}
.list_dh{background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604); height:36px; line-height:36px; margin-bottom:20px; padding-left:20px; border-radius:25px; color:#fff;}
.list_dh a{ display:inline-block; padding:0 10px;color:#fff;}
ul.list_pro{text-align:center;min-height:200px;_height:200px;}
ul.list_pro li{float:left;width:278px;margin:0 8px;line-height:25px; height:330px;}
ul.list_pro li .img{width:278px;height:278px;overflow:hidden; border:1px solid #eee;}
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 #eee; 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:270px;margin:0 12px;line-height:25px; height:270px;}
ul.list_share li .img{width:270px;height:220px;display: table-cell;vertical-align: middle;overflow:hidden;box-shadow: 0px 4px 15px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0px 4px 15px 1px rgba(0,0,0,.1)}
ul.list_share li img{max-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; background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604); color:#fff; font-size:14px; height:40px; line-height:40px;}

/*share_list*/
ul.share_list{ margin:0 auto;width:100%;}
ul.share_list li{ width:270px;height:360px;float:left;margin:0 12px;}
ul.share_list .img{width:270px;height:305px;display: table-cell;vertical-align: middle;text-align: center;*display: block;overflow:hidden; background:#ffffff;box-shadow: 0px 4px 15px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0px 4px 15px 1px rgba(0,0,0,.1)}
ul.share_list .img img{ max-width:270px; max-height:305px;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; text-align:center;display:block; background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604); color:#fff; font-size:14px; height:40px; line-height:40px;}

/*table*/
table.list{font-family: "Microsoft YaHei",verdana,arial,sans-serif;font-size:13px;color:#333333;border-width: 1px;border-color: #666666;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: #666666;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:inline-block; margin-top:20px;}
ul.list_img_news li p{ color:#888;}
ul.list_img_news li .news_date{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;line-height:23px; 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 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;}
.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:#e73e07;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:#e73e07;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: 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:#ffffff; font-weight:normal;}
#livechat ._img{line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
.chat_top{ width:135px; height:36px; background:#e00b08; font-size:14px; font-weight:bold;color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{border-left: 1px solid #e00b08;border-bottom: 1px solid #e00b08;border-right: 1px solid #e00b08;background:#FFF; line-height:28px;}

/*nav*/
#footer_nav{ background: -webkit-linear-gradient(left,#e00b08,#f49604);background: -o-linear-gradient(right,#e00b08,#f49604);background: -moz-linear-gradient(right,#e00b08,#f49604);background: linear-gradient(to right,#e00b08,#f49604); min-height:52px;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto;color:#fff;}
#footer_nav .footer_nav_con a{ color:#fff;font-size:16px; line-height:52px;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}

/*footer*/
#footer{ min-height:30px; height:auto; _height:auto; padding:30px 0px; background:#2a2a2a; color:#b3b2b2;}
#footer a{ color:#b3b2b2;}
#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;}

/*自适应控制移动端菜单*/
@media (min-width: 769px){
.header{ display:none;}
}

/*移动端样式*/
@media screen and (max-width:768px) {
/*public*/
body{ overflow:auto;}
#header{ display:none;}
.container{ min-width:100%; width:100%;}
.con{ padding:0 15px;}
.header{ width:100%;height:60px;line-height:60px; background:#fff; position: fixed;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:#eb5a06;color:#fff;}
.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:#e21a08;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:140px; background-size:cover; top:0;}
.banner_inside .swiper-button-next,.swiper-button-prev{ width:50px; margin-right:15px;margin-left:0;}

/*home*/
#home_products{ margin-top:20px;}
#home_products .home_products_dh{ font-size:22px;}
#home_products .home_products_dh span{ font-size:16px;}
#home_products .home_products_con{height:auto;width:94%; margin:0 auto; margin-top:70px;}
#home_products .home_products_con .p_nav{ display:none;}
#home_products .home_products_con ul{ width:100%;}
#home_products .home_products_con li{ width:46%; margin-left:2%; margin-right:2%; height:auto; margin-bottom:4%; float:none; display:inline-block; margin-right:-4px; vertical-align:top;}
#home_products .home_products_con li .img{ width:100%; height:auto;}

#home_adv{ margin-top:20px;}
#home_adv .home_adv_dh{ font-size:22px;}
#home_adv .home_adv_dh span{ font-size:16px;}
#home_adv .home_adv_con img{ max-width:96%; height:auto;}

#home_about .home_about_dh{padding-top:20px; height:100px; font-size:22px;}
#home_about .home_about_con{top:20px; width:92%;}
#home_about .home_about_con .l{ width:92%; padding:0; margin:0 auto; float:none;}
#home_about .home_about_con .r{ width:100%; padding:0; margin:0 auto; float:left; margin-left:2%;}
#home_about .home_about_con .r .r_con{ width:82%;}
#home_about .home_about_con .r .r_con li{ height:auto; width:46%; margin:0 5px; text-align:center;}
#home_about .home_about_con .r .r_con .img{ width:100%; height:auto;-webkit-box-shadow:0px 2px 5px 1px rgba(0,0,0,.1);box-shadow:0px 1px 5px 1px rgba(0,0,0,.1); height:120px;}
#home_about .home_about_con .r .r_con .img img{ max-width:100%; max-height:120px;object-fit:cover;}
#home_about .home_about_con .r span{ top:36%;}
#home_about .home_about_con .r span.left{left:0;}
#home_about .home_about_con .r span.right{right:0;}

#home_news{top:20px;}
#home_news .home_news_con .l{ float:none; width:92%; margin:0 auto;}
#home_news .home_news_con .l .l_con .pic .img{ width:40%;}
#home_news .home_news_con .l .l_con .pic .note{ width:56%;}
#home_news .home_news_con .l .l_con .pic .note p{ display:none;}
#home_news .home_news_con .l .l_con .pic .note span{ font-size:14px;}
#home_news .home_news_con .l .l_con ul li {width:100%;}
#home_news .home_news_con .l .l_con ul li dd{width: calc(100% - 86px);word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_con .r{float:none; width:92%; margin:0 auto; margin-bottom:30px;}
#home_news .home_news_con .r .r_con .img{ width:30%; margin-bottom:20px;}
#home_news .home_news_con .r .r_con .note{ width:66%;}
#home_news .home_news_con .r .r_con .note em{ font-size:14px;margin-bottom:0;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_con .r .r_con .note p{overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height:1.4;}

/*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_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;padding-top:0;} 
#left .left_top span{ display:none;}
#left .left_dh{ margin-bottom:0px;border:none; padding:0;}
#left .left_dh ul li{ line-height:40px;}
#left .left_dh ul li a{ color:#fff; line-height:40px; height:40px;border-bottom:1px solid #555; display:block; padding-left:20px; background:#333; font-size:14px;}
#left .left_dh ul li a:hover{ color:#fff;background:#333;}
.mask{display: none; position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}
#left .left_dh ul dl{ margin-top:0;}
#left .left_dh ul dl dd a{ padding-left:30px;}

/*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{ 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*/
.list_h_dh{ height:auto; line-height:1.5; padding:5px 0 5px 20px; width:92%;}
.list_dh{ height:auto; line-height:1.5; padding:5px 0 5px 20px;}
ul.list_pro li{float:none;width:46%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; padding-bottom:15px; margin-right:-4px; display:inline-block;}
ul.list_pro li .img{width:100%;height:auto;}
ul.list_pro li img{width:90%;height:auto;}
ul.list_pro li span{ padding-top:5px;}

/*share_list*/
ul.share_list li{float:left;width:45%;line-height:25px; height:auto; vertical-align:middle; margin:0 2%; margin-bottom:15px; text-align:center; border:1px solid #eee;}
ul.share_list li .img{width:100%;height:120px;}
ul.share_list li img{max-width:100%;height:120px !important; object-fit:cover;}
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:auto;}
ul.list_share li img{width:90%;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%;}

/*float*/
.float{display:none;}

/*livechat*/
#livechat{ display:none;}

/*footer_nav*/
#footer_nav{ margin-top:20px;}
#footer_nav .footer_nav_con{ width:92%; padding:10px 0;}
#footer_nav .footer_nav_con a{ line-height:1.5; font-size:14px;}

/*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;}
}