@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:#ea422e;}
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;}
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:0px; background:#f3f3f3;}
.container{ min-width:1200px; width:1200px; margin:0px auto; padding:0px; text-align:left;}
/* CSS Common*/

/*header */
.header_bg{ background: #161922; height:40px;}
.header_bg .l{ color:#9d9d9d; float:left; margin-top:7px;}
.header_bg .address{ text-align:left; color:#9d9d9d; margin-left:5px; position:relative; z-index:9; float:right; margin-top:7px;}
.header_bg .address span{ float:left; display:inline-block;height:24px;line-height:26px;}
.header_bg .address .op{ float:left;border:1px solid #555;width:120px; height:24px; line-height:24px; background:#161922; outline:none; color:#9d9d9d; border-radius:2px; padding-left:5px;}
.header_bg .address .op .op_name{cursor:pointer;}
.header_bg .address .op em{ float:right; padding-top:5px;width:30px; height:23px; text-align:center;}
.header_bg .address ul{ background:#161922;border:1px solid #555;width:110px;padding-left:15px; position: relative;left:-6px;top:-4px;padding-bottom:5px; border-radius:0 2px 2px 2px;display:none;}
.header_bg .address ul li{ height:26px !important;}
.header_bg .address ul li a{ border:0;display:inline-block; line-height:1.2;height:26px; color:#9d9d9d;}
.header_bg .address ul li a:hover{ color:#fff;}

#header{position:relative; width:100%; height:72px; padding-top:10px; margin:0 auto; text-align:center;}
#header .logo{ float:left; padding-top:5px;}
#header .header_tel{ font-size:14px; padding-left:30px; float:left; padding-top:18px;}
#header .header_tel img{ position:relative;top:3px; display:inline-block;}
#header .header_tel span{ color:#3f3f3f; font-size:19px; font-family:Arial, Helvetica, sans-serif; padding-left:8px;}
#header .header_login{ float:right; padding-top:15px;}
#header .header_login a{ font-size:14px; padding:0 20px; border:1px solid #ea422e; border-radius:20px;height:30px; line-height:30px; display:inline-block; margin-left:6px;}
#header .header_login a:last-child{ background:#ed4b24; color:#fff;}
#header .header_login a:last-child:hover{ background:#f15519;}

/*menu*/
#menu{ height:35px;}
#menu ul li{ float:left; width:125px; text-align:center;}
#menu ul li a{ display:block;height:35px;line-height:35px;font-size:15px;color:#fff;}
#menu ul li a:hover{ color:#fcff00;}

/* Menu下拉菜单 */
.menu{height:35px; float:left;padding-top:3px; margin-left:110px;}
.menu ul{margin:auto;}
.menu li{height:58px;line-height:58px; padding:0 15px;float:left;text-align:center;position:relative;z-index:999}
.menu li a{height:35px;display:block;font-size:16px;color:#222;}
.menu li a:hover{color:#ea422e;}
.menu li a.on,.current{color:#ea422e;}
.menu li dl{width:100%;position:absolute;left:1px;top:58px; background:#fff;display:none; padding-top:20px;}
.menu li dl dd{width:100%;height:30px;text-align:center;line-height:30px;}
.menu li dl dd a{font-size:14px;font-weight:normal;}

/*banner*/
.banner{height:542px;}
.banner .swiper-slide{ background-position:center;background-size:cover;}
.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:#019443;}
.banner .banner_con{color:#fff; padding-top:160px; text-align:left; padding-left:80px;}
.banner .banner_con span{ font-size:48px; padding-bottom:20px; display:block; color:#fff;}
.banner .banner_con dd{ font-size:16px;padding-bottom:25px; color:#fff;}
.banner .banner_con em{ font-size:16px;background:#ed4b24; color:#fff;border-radius:20px;height:40px; line-height:40px; display:inline-block; width:150px; text-align:center; cursor:pointer;}
.banner .banner_con em:hover{ background:#f15519;}
.banner_inside{ height:285px;}
.banner_products{ height:600px;background-position:center;background-size:cover;}
	
/*home_service*/
#home_service{ width:100%;background:#f3f3f3;}
#home_service .home_service_con {margin:0 auto; text-align:center; padding-top:36px; border-radius:6px; z-index:9; background:#fff;height:80px;box-shadow: 0px 6px 70px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0px 6px 70px 1px rgba(0,0,0,.1);position:relative; top:-60px; z-index:9; margin-bottom:-10px;}
#home_service .home_service_con ul li { width:24%; display: inline-block; margin-right:-4px; vertical-align:top;}
#home_service .home_service_con ul li:hover img{animation:rotate 2s;animation-iteration-count:1;}
#home_service .home_service_con ul li img{ width:47px; height:47px; float:left; margin-right:15px;}
#home_service .home_service_con ul li p{ float:left; text-align:left;}
#home_service .home_service_con ul li span{ display:block; font-size:16px; line-height:1.5; color:#222;}
#home_service .home_service_con ul li em{ line-height:1.5; width:80%; margin:0 auto; text-align: center; color:#868686;}

/*home_it*/
#home_it{ width:100%;background:#f3f3f3; padding-bottom:30px;}
#home_it .home_it_dh{ height:30px; line-height:30px; font-size:36px; margin:0 auto; text-align:center; color:#222;}
#home_it .home_it_dh span{ font-size:15px; color:#868686; display:block; padding-top:8px;}
#home_it .home_it_con {margin:0 auto; text-align:center; margin-top:70px;}
#home_it .home_it_con ul li { width:285px; display: inline-block; margin-right:-4px; vertical-align:top; margin-bottom:20px;box-shadow: 0px 6px 20px 1px rgba(156,156,156,.1);-webkit-box-shadow: 0px 6px 20px 1px rgba(156,156,156,.1); background:#fff;border-radius:6px; margin-left:20px; text-align:center; transition: all 0.6s;}
#home_it .home_it_con ul li:nth-child(1){margin-left:0px;}
#home_it .home_it_con ul li:nth-child(5){margin-left:0px;}
#home_it .home_it_con ul li:hover{box-shadow: 0px 6px 60px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0px 6px 60px 1px rgba(0,0,0,.1);}
#home_it .home_it_con ul li .img{ position:relative;width:80px; height:80px; overflow:hidden;margin:0 auto; text-align:center;margin-top:30px;}
#home_it .home_it_con ul li img{ width:80px; height:80px; transition: all 0.3s; -ms-transition: all 0.3s;}
#home_it .home_it_con ul li:hover img:first-child{ margin-top:-80px;}
#home_it .home_it_con ul li span{ display:block; font-size:16px; line-height:30px; padding:5px 0; color:#222;}
#home_it .home_it_con ul li p{ line-height:1.5; width:80%; margin:0 auto;color:#868686;margin-bottom:30px;}

/*home_seo*/
#home_seo{ width:100%; background:url(../images/promotion_bg.jpg) no-repeat top center; height:780px;}
#home_seo .l{ float:left; margin-top:72px; background:#f0511d; width:218px; padding:40px 30px; border-radius:5px;}
#home_seo .l>span{ font-size:30px; color:#fff; padding-bottom:40px; display:inline-block;}
#home_seo .l ul li{ font-size:16px; line-height:70px; display: table;}
#home_seo .l ul li img{transition: all .3s;}
#home_seo .l ul li .img{ position:relative; overflow:hidden; width:67px; height:69px; float:left;}
#home_seo .l ul li a:hover img:first-child{margin-top:-69px;}
#home_seo .l ul li span{ color:#fff;display: table-cell;vertical-align:middle;}
#home_seo .r{ float:right; width:865px; color:#fff;margin-top:180px;}
#home_seo .r .title{ font-size:24px;}
#home_seo .r .more{ float:right;}
#home_seo .r .more>a{ font-size:14px; border:1px solid #fff; width:100px; line-height:30px; height:30px; display:inline-block; text-align:center; border-radius:15px; color:#fff; margin-left:6px;transition:all .3s;}
#home_seo .r .more>a:last-child{ background:#f0511d; border:1px solid #f0511d; transition:all .3s;}
#home_seo .r .more>a:hover{ border:1px solid #f0511d; color:#f0511d;}
#home_seo .r .more>a:hover:last-child{ background:#f75c21; border:1px solid #f75c21;color:#fff;}
#home_seo .r img{ max-width:865px;}
#home_seo .r .note{ margin-top:35px; font-size:16px;}

/*home_operation*/
#home_operation{ width:100%;padding-bottom:30px; padding-top:50px;}
#home_operation .home_operation_dh{ height:30px; line-height:30px; font-size:36px; margin:0 auto; text-align:center; color:#222;}
#home_operation .home_operation_dh span{ font-size:15px; color:#868686; display:block; padding-top:8px;}
#home_operation .home_operation_sort {margin:0 auto; text-align:center; margin-top:70px;}
#home_operation .home_operation_sort ul li{ width:200px; height:52px; background:#fff;line-height:52px;display: inline-block; margin:0 3px; box-shadow:0 7px 20px rgba(200, 200, 200, 0.3);font-size:16px; transition:all .3s;}
#home_operation .home_operation_sort ul li a{ display:block;}
#home_operation .home_operation_sort ul li:hover{ background:#f0511d; color:#fff;box-shadow:0 7px 20px rgba(200, 200, 200, 0.3);}
#home_operation .home_operation_sort ul li:hover a{ color:#fff;}
#home_operation .home_operation_con {margin:0 auto; text-align:center; margin-top:70px;}
#home_operation .home_operation_con .l{ width:338px; float:left;}
#home_operation .home_operation_con .l li{ margin-bottom:72px; height:60px;}
#home_operation .home_operation_con .l img{ float:right; padding-top:6px;}
#home_operation .home_operation_con .l .note{ float:left; text-align:right; width:260px;}
#home_operation .home_operation_con .l .note span{ font-size:16px; color:#3b3b3b;}
#home_operation .home_operation_con .l .note p{ color:#7a7a7a; line-height:1.5;}
#home_operation .home_operation_con .m{ width:524px; float:left;}
#home_operation .home_operation_con .r{ width:338px; float:right;}
#home_operation .home_operation_con .r li{ margin-bottom:72px; clear:both; height:60px;}
#home_operation .home_operation_con .r img{ float:left; padding-top:6px;}
#home_operation .home_operation_con .r .note{ float:right; text-align:left; width:260px;}
#home_operation .home_operation_con .r .note span{ font-size:16px; color:#3b3b3b;}
#home_operation .home_operation_con .r .note p{ color:#7a7a7a; line-height:1.5;}

/*home_safe*/
#home_safe{ width:100%;background:url(../images/safe.jpg) no-repeat top center; height:780px; margin-top:50px;}
#home_safe .home_safe_dh{ height:30px; line-height:30px; font-size:36px; margin:0 auto; text-align:center; color:#fff; padding-top:70px;}
#home_safe .home_safe_dh span{ font-size:15px; color:#fff; display:block; padding-top:8px;}
#home_safe .home_safe_con {margin:0 auto; text-align:center; margin-top:80px;}
#home_safe .home_safe_con ul li{ width:370px; height:256px;background:#fff;display: inline-block; margin:0 12px;font-size:16px; border-radius:5px; padding:70px 0; vertical-align:top;}
#home_safe .home_safe_con ul li img{transition: all .3s;max-width:128px;}
#home_safe .home_safe_con ul li .img{ position:relative; overflow:hidden; width:128px; height:125px; text-align:center; margin:0 auto;margin-bottom:10px;}
#home_safe .home_safe_con ul li a:hover img:first-child{margin-top:-125px;}
#home_safe .home_safe_con ul li span{ color:#222; font-size:16px; display:block;}
#home_safe .home_safe_con ul li p{ color:#868686; font-size:14px; line-height:1.5; width:70%; text-align:left; margin:0 auto;margin-top:20px;}
#home_safe .more{background:#ed4b24;color:#fff; margin:0 auto; text-align: center; height:42px; line-height:42px;width:160px; font-size:16px; display:block; margin-top:70px;border-radius:20px;}
#home_safe .more:hover{background:#f75c21;}

/*home_news*/
#home_news{ width:100%;padding-bottom:10px; padding-top:50px;}
#home_news .home_news_dh{ height:30px; line-height:30px; font-size:36px; margin:0 auto; text-align:center; color:#222;}
#home_news .home_news_dh span{ font-size:15px; color:#868686; display:block; padding-top:8px;}
#home_news .home_news_con {margin:0 auto; text-align:center; margin-top:90px;}
#home_news .home_news_con ul li { width:42%; margin-bottom:18px; text-align:left; height:105px; display:inline-block;}
#home_news .home_news_con ul li:nth-child(2n) {margin-left:180px;}
#home_news .home_news_con ul li .news_date{ width:95px; margin-right:25px; float:left; text-align:right;}
#home_news .home_news_con ul li .news_date em{ font-size:24px; color:#222; display:block;padding-bottom:8px;}
#home_news .home_news_con ul li .news_date p{ font-size:14px; color:#999;text-align:right;}
#home_news .home_news_con ul li .news_note{ float:left; width:358px;}
#home_news .home_news_con ul li .news_note span{ display:block; font-size:18px; line-height:22px; padding-bottom:10px; color:#222; text-align:left;}
#home_news .home_news_con ul li .news_note span:hover{ color:#f0511d;}
#home_news .home_news_con ul li .news_note span>em{ font-size:12px; color:#fff; background:#ed4b24; padding:5px 1px; border-radius:5px; margin-right:8px;}
#home_news .home_news_con ul li .news_note p{ line-height:26px; width:100%; margin:0 auto; text-align: left; color:#999;}

/*home_partner*/
#home_partner{ width:100%;background:#f3f3f3; padding-bottom:50px; padding-top:50px;}
#home_partner .home_partner_dh{ height:30px; line-height:30px; font-size:36px; margin:0 auto; text-align:center; color:#222;}
#home_partner .home_partner_dh span{ font-size:15px; color:#868686; display:block; padding-top:8px;}
#home_partner .home_partner_con {margin:0 auto; text-align:center; margin-top:70px;}
#home_partner .home_partner_con ul li { width:226px; height:138px;display: inline-block; margin-right:-4px; margin-bottom:15px;box-shadow: 0px 6px 20px 1px rgba(156,156,156,.1);-webkit-box-shadow: 0px 6px 20px 1px rgba(156,156,156,.1); background:#fff;border-radius:6px; margin-left:15px; text-align:center; transition: all 0.6s; padding-top:30px;}
#home_partner .home_partner_con ul li:nth-child(1){margin-left:0px;}
#home_partner .home_partner_con ul li:nth-child(6){margin-left:0px;}
#home_partner .home_partner_con ul li:hover{box-shadow: 0px 6px 60px 1px rgba(0,0,0,.1);-webkit-box-shadow: 0px 6px 60px 1px rgba(0,0,0,.1);}
#home_partner .home_partner_con ul li .img{ position:relative; overflow:hidden; width:207px; height:120px; text-align:center; margin:0 auto;margin-bottom:10px;}
#home_partner .home_partner_con ul li .img img{transition: all .3s;width:207px; height:120px;}
#home_partner .home_partner_con ul li:hover img:first-child{margin-top:-120px;}
#home_partner .home_partner_con ul li span{ display:block; font-size:16px; line-height:30px; padding:5px 0; color:#222;}
#home_partner .home_partner_con ul li p{ line-height:1.5; width:80%; margin:0 auto;color:#868686;padding-bottom:30px;}

/*slide*/
.hh_con{ position:relative; width:100%;margin-top:5px; margin-bottom:24px;}
.hh_con span{ position:absolute; width:26px; height:44px; cursor:pointer; top:105px;}
.hh_con span.hleft{ left:0px; background:url(../images/left_con.png) no-repeat;}
.hh_con span.hright{ right:0px; background:url(../images/right_con.png) no-repeat;}
.h_list_pro{ height:298px; position:relative; width:940px; margin:0 auto; overflow:hidden;}
.h_list_pro ul li{float:left;width:210px; height:298px; margin-right:25px;}
.h_list_pro ul li a{ display:block; width:200px; height:192px;}
.h_list_pro img{ width:200px; height:253px;border:solid 0px #ddd;}
.h_list_pro span{ display:block; width:200px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; height:40px; line-height:40px; font-size:16px; background:#e5e4e4; position:static;}
.h_list_pro span:hover{ background:#045eb9;color:#fff;}
.h_list_pro p{ display:block; width:200px;text-align:center; height:22px; line-height:22px; font-size:14px; padding-top:30px; color:#868686;}

/*left*/
#left{ width:100%;margin:0 auto; position:relative;top:-58px; z-index:9;background:rgba(0,0,0,.6); margin-bottom:-58px;}
#left .left_dh ul li{ line-height:55px; display:inline-block;}
#left .left_dh ul li a{ height:58px; display:block; font-size:16px; padding:0 20px; margin:0 15px; color:#fff;}
#left .left_dh ul li a:hover{ color:#ed4926;}
#left .left_dh ul li a.on{ height:55px;border-bottom:solid 3px #ed4926;}

/*left_pro*/
#left_pro{ width:100%;margin:0 auto; background:#fff; height:48px; border-top:1px solid #eee;}
#left_pro .left_pro_dh ul li{ line-height:45px; float:left;}
#left_pro .left_pro_dh ul li a{ height:48px; display:block; font-size:16px; padding:0 10px; margin:0 12px; color:#555;}
#left_pro .left_pro_dh ul li a:hover{ color:#ed4926;}
#left_pro .left_pro_dh ul li a.on{ height:45px;border-bottom:solid 3px #ed4926;}

/*content*/
#right{ width:90%; background:#fff;margin:0 auto;}
#right .right_dh{ height:36px; line-height:36px; border-bottom:solid 1px #f0f0f0; display:none;}
#right .right_dh_l{ color:#454545; 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 30px; padding-bottom:30px;}
#right .right_con .about_con em{ font-size:22px;display:block; margin:0 auto; text-align:center; padding:40px 0 20px 0; color:#222;}
#right .right_con .about_con ul{ margin-top:20px;}
#right .right_con .about_con ul li{ float:left; width:46%; margin-left:4%; margin-bottom:30px;}
#right .right_con .about_con ul li:nth-child(2n+1){ margin-left:0;}
#right .right_con .about_con ul li img{ float:left; width:164px;}
#right .right_con .about_con ul li .note{ float:right; width:280px;}
#right .right_con .about_con ul li .note span{font-size:20px; padding-top:10px; color:#222; margin-bottom:10px; display:block;}
#right .right_con .about_con ul li .note p{ line-height:1.6;}

/*list_pro*/
ul.list_pro{text-align:center;min-height:200px;_height:200px;}
ul.list_pro li{float:left;width:220px;margin:0 10px;line-height:25px; height:220px;}
ul.list_pro li .img{width:220px;height:165px;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:50%;}
.dis_big_r{ float:left; text-align:left; width:46%; margin-top:20px;padding-left:30px;}
.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 #ccc; max-width:100%;}
.dis_note{text-align:left;line-height:23px; margin-top:26px;}
.dis_close{ margin:0 auto; text-align:center; padding-top:20px;}
.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:292px;margin:0 8px;line-height:25px; height:290px;}
ul.list_share li .img{width:292px;height:243px;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-left:15px;}
ul.share_list .img{width:220px;height:160px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #dddddd; overflow:hidden; background:#ffffff;}
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: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; margin:30px;}
ul.list_news li{position:relative;border-bottom:1px dotted #ccc; font-size:18px; margin-bottom:30px; padding-bottom:30px;}
ul.list_news li span{position:absolute;right:5px;top:20px;border:1px solid #ccc; font-size:14px; padding:5px 10px;}
ul.list_news li p{font-size:14px; width:80%; margin-top:10px; color:#999;}
ul.list_news li:hover span{ border:1px solid #ed4b24;}
ul.list_news li a{ color:#333;}
ul.list_news li a:hover{ color:#ea422e;}

/*list_img_news*/
ul.list_img_news{min-height:200px;_height:200px; margin-bottom:20px;}
ul.list_img_news li{position:relative;height:165px;padding-top:5px;padding-bottom:5px;border-bottom:1px dotted #ccc;}
ul.list_img_news li a{font-size:14px;}
ul.list_img_news li .img{ width:180px;height:140px; margin-right:22px; margin-top:12px; float:left;overflow:hidden;}
ul.list_img_news li .img img{ width:180px;height:auto;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;}

/*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-size:18px;_height:30px;min-height:30px;line-height:30px;text-align:center; padding-top:30px; color:#333;}
#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;}
#dis_news .news_close{ margin:0 auto; text-align:center; padding-top:20px;}
#dis_news .news_close a{ padding:5px;}
#dis_news img{ max-width:100%; height:auto;}
.re_news { margin-bottom:20px;}
.re_news dl dd{ float:left; width:100%; margin-left:0;}
.re_news dl dd:nth-child(2n+1){ margin-left:0;}

/*login*/
.login{ background:url(../images/login_bg.jpg) no-repeat top center; height:600px;}
.login_form{ width:290px; float:right; background:#fff; margin-right:20px; margin-top:10%; padding:30px;}
.login_form span{ text-align:center; font-size:18px; display:block; background:#fff; z-index:2; position:relative;width:100px; margin:0 auto;}
.login_form em{height:1px;border-bottom:1px solid #e5e5e5; position:relative; top:-12px; display:inline-block; width:100%;}
.login_form form ul{ margin-top:20px;}
.login_form form ul input{ margin:10px 0; border:1px solid #e5e5e5; height:40px; line-height:40px; width:95%; padding-left:10px; outline:none; transition:all .3s;}
.login_form form ul input[type="button"]{height:40px; line-height:40px; width:99.5%; border:1px solid #ed4b24; background:#ed4b24; color:#fff; border-radius:5px; font-size:16px; letter-spacing:8px; cursor:pointer;}
.login_form form ul input[type="button"]:hover{ background:#f15519;}
.login_form form ul input:hover{ border:1px solid #ed4b24;}
.login_form form .worn{display: none;font-size: 12px;color: #e63333;height: 25px;line-height: 25px;text-align: left;padding-left:30px; margin-bottom: 5px;border: solid 1px #fdd3d3;background: url(../images/login_icon.png) -104px -50px no-repeat #feefef; width:256px;}
	
/*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; margin-bottom:20px;}
.pages a{border:1px solid #ea422e;padding:3px 8px;margin:0 3px;}
.pages a:hover,a.active{background:#ea422e;color:#fff;border-color:#ea422e;}
.pages span{border:1px solid #ea422e;padding:3px 8px;margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{background:#ea422e;color:#fff;border-color:#ea422e;}

/*other*/
.feedback { width:680px;}
.feedback input{ line-height:24px; color:#565656; font-size:14px; font-family:"Microsoft YaHei"; width:246px; border:1px solid #ccc; height:24px; margin-bottom:12px;}
.feedback textarea{ line-height:24px; color:#565656; font-size:14px; font-family:"Microsoft YaHei"; width:450px; border:1px solid #ccc; height:96px; overflow:hidden;margin-bottom:12px;}
.feedback ul li span{ line-height:24px; color:#565656; font-size:14px; font-family:"Microsoft YaHei"; 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;}

/*nav*/
#footer_nav{ background:#161922; min-height:260px;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:60px 0; color:#fff;}
#footer_nav .footer_nav_con a{ color:#9d9d9d;font-size:14px;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .pic{ float:left; width:305px;}
#footer_nav .footer_nav_con .list{ float:left; padding-right:90px; min-height:130px; _height:130px;}
#footer_nav .footer_nav_con .list span{ font-size:16px; height:30px; text-align:left; color:#fff; display:block; margin-bottom:10px;}
#footer_nav .footer_nav_con .list li{ line-height:26px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
#footer_nav .footer_nav_con .contact{ float:left; width:280px; margin-right:50px;}
#footer_nav .footer_nav_con .contact>span{ display:block; float:left;margin-right:12px;}
#footer_nav .footer_nav_con .contact li{ height:30px; width:250px; text-align:left; color:#f4ede3;}
#footer_nav .footer_nav_con .contact li span{ color:#fff; font-size:15px;display:block;}
#footer_nav .footer_nav_con .contact li em{ color:#fff; font-size:22px;display:block;font-family:Arial, Helvetica, sans-serif;}
/*
#footer_nav .footer_nav_con .contact li a{ color:#9d9d9d; border:1px solid #9d9d9d; width:80px; line-height:30px; height:30px; padding:0px 8px; display:block;border-radius:3px; margin-left:68px;margin-top:15px; text-align:center;}
#footer_nav .footer_nav_con .contact li a:hover{ color:#fff; border:1px solid #fff;}
*/
#footer_nav .footer_nav_con .qcode{text-align:left;float:right;font-size:16px; height:30px;}
#footer_nav .footer_nav_con .qcode span{ color:#f4ede3; display:block;margin-bottom:10px;}
#footer_nav .footer_nav_con .qcode img{ margin-top:5px; max-width:110px;}
#footer_nav .address{ text-align:left; margin-top:20px; color:#9d9d9d; margin-left:5px; position:relative;}
#footer_nav .address span{ float:left; display:inline-block;height:30px;line-height:30px;}
#footer_nav .address .op{ float:left;border:1px solid #555;width:120px; height:30px;line-height:30px; background:#161922; outline:none; color:#9d9d9d; border-radius:2px; padding-left:5px;}
#footer_nav .address .op .op_name{cursor:pointer;}
#footer_nav .address .op em{ float:right; padding-top:7px;width:30px; height:23px; text-align:center;}
#footer_nav .address ul{ background:#161922;border:1px solid #555;width:180px; overflow:hidden;padding-left:15px; position: relative;left:-6px; padding-top:0px;padding-bottom:5px; border-radius:0 2px 2px 2px;display:none;}
#footer_nav .address ul li{ width:50% !important;height:26px !important; float:left;}
#footer_nav .address ul li a{ border:0;width:100%; display:inline-block; line-height:1.2;height:26px;}

/*footer*/
#footer{ min-height:30px; height:auto; _height:auto; padding:20px 0px; background:#161922; color:#9d9d9d;border-top:1px solid #333;}
#footer a{ color:#9d9d9d;}
#footer a:hover{ color:#fff;}
#footer .footer_con{margin:0 auto; text-align:center;}
#footer .footer_con img{ display:inline-block; vertical-align: middle;}
#footer .footer_icon{ margin:0 auto;text-align:center; width:100%; padding-top:10px;}
#footer .footer_icon img{ margin:0 2px; height:36px;}

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

/*移动端样式*/
@media screen and (max-width:768px) {
/*public*/
body{ overflow:auto;}
#header{ display:none;}
.header_bg{ display:none;}
#left_pro{ display:none;}
.container{ min-width:100%; width:100%;}
.con{ padding:0 15px; background:#fff;}
.header{ width:100%;height:60px;line-height:60px; background:#fff; box-shadow:0px 1px 10px rgba(0,0,0,.2);-moz-box-shadow:0px 1px 10px rgba(0,0,0,.2); -webkit-box-shadow:0px 1px 10px rgba(0,0,0,.2);position: fixed;z-index:999; top:0;}
.header .m_logo img{ height:40px; padding:12px 10px; box-sizing: content-box;}
.header .nav{ height:100%; background:#fff; position: absolute; top:60px; width:100%;border-top:1px solid #f2f2f2;display:none;}
.header .nav ul li a{ display:block; font-size:16px; color:#454545; line-height:16px; text-align:left; padding:12px 20px; border-bottom:1px solid #f2f2f2;}
.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:#ed4b24;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:#ed4b24;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 .header_tel{ font-size:14px; padding-left:20px;padding-top:0px;}
.header .header_tel img{ position:relative;top:3px;}
.header .header_tel span{ color:#3f3f3f; font-size:19px; font-family:Arial, Helvetica, sans-serif; padding-left:8px;}
.header .header_login{ padding-top:15px; text-align:center;}
.header .header_login a{ font-size:14px; border:1px solid #ea422e; border-radius:20px;height:30px; line-height:30px; display:inline-block; margin:0 6px; width:40%;}
.header .header_login a:last-child{ background:#ed4b24; color:#fff;}
.header .header_login a:last-child:hover{ background:#f15519;}
.header_top{ height:60px;}
.banner{ height:220px; background-size:cover; top:0;}
.banner .swiper-button-next,.swiper-button-prev{ width:50px; margin-right:15px;margin-left:0;}
.banner .banner_con{padding-top:13%;padding-left:20px;}
.banner .banner_con span{ font-size:26px; padding-bottom:2px;}
.banner .banner_con dd{ font-size:14px;padding-bottom:10px;}
.banner .banner_con em{ font-size:14px;height:30px; line-height:30px; width:100px; text-align:center; cursor:pointer;}
.banner_inside{ height:90px; background-size:cover; top:0;}
.banner_inside .swiper-button-next,.swiper-button-prev{ width:50px; margin-right:15px;margin-left:0;}
.banner_products{ height:160px;}

/*home*/
/*home_service*/
#home_service{ width:100%;margin:0 auto;}
#home_service .home_service_con {padding-top:16px; padding-bottom:5px; width:92%; margin-bottom:-20px; top:-50px;}
#home_service .home_service_con ul li img{float:none; margin-right:0;}
#home_service .home_service_con ul li p{text-align:center;float:none; margin-top:5px;}
#home_service .home_service_con ul li span{font-size:14px;}
#home_service .home_service_con ul li em{ display:none;}

/*home_it*/
#home_it{ padding-bottom:20px;}
#home_it .home_it_dh{ font-size:26px;}
#home_it .home_it_dh span{padding-top:0;}
#home_it .home_it_con {margin-top:50px;width:96%;}
#home_it .home_it_con ul li { width:46%;margin:0 1.5%; margin-bottom:3%;}
#home_it .home_it_con ul li:nth-child(2n+1){margin:0 1.5%;}
#home_it .home_it_con ul li p{overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/*home_seo*/
#home_seo{ width:100%; height:auto; background:none;}
#home_seo .l{ float:none; margin:0 auto;width:100%; padding:0; border-radius:0; padding-bottom:20px;}
#home_seo .l>span{ font-size:26px; text-align:center; margin:0 auto; display:block; padding-top:30px; padding-bottom:20px;}
#home_seo .l ul li{ padding-left:30%;}
#home_seo .r{ display:none;}

/*home_operation*/
#home_operation{ padding-top:30px;}
#home_operation .home_operation_dh{ font-size:26px;}
#home_operation .home_operation_dh span{ padding-top:0;}
#home_operation .home_operation_sort {margin-top:50px;}
#home_operation .home_operation_sort ul li{ width:100%;border-bottom:1px solid #f2f2f2;box-shadow:none;-webkit-box-shadow:none; margin:0;}
#home_operation .home_operation_con { display:none;}

/*home_safe*/
#home_safe{ width:100%;height:auto; margin-top:20px; background-size: cover;padding-bottom:30px;}
#home_safe .home_safe_dh{ font-size:26px;padding-top:40px;}
#home_safe .home_safe_dh span{ font-size:15px; color:#fff; display:block; padding-top:0;}
#home_safe .home_safe_con {margin:0 auto; text-align:center; margin-top:50px;}
#home_safe .home_safe_con ul li{ width:90%; height:auto; margin-bottom:20px; padding:30px 0;}
#home_safe .more{margin-top:20px;}

/*home_news*/
#home_news{ width:100%;padding-top:30px;}
#home_news .home_news_dh{ font-size:26px;}
#home_news .home_news_dh span{ padding-top:0px;}
#home_news .home_news_con {margin-top:60px; width:92%;}
#home_news .home_news_con ul li { width:100%; height:auto;}
#home_news .home_news_con ul li:nth-child(2n) {margin-left:0;}
#home_news .home_news_con ul li .news_date{ display:none;}
#home_news .home_news_con ul li .news_note{ float:none; width:100%; margin-bottom:10px;}
#home_news .home_news_con ul li .news_note span{ font-size:16px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_con ul li .news_note p{overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*home_partner*/
#home_partner{ width:100%;padding-bottom:30px; padding-top:30px;}
#home_partner .home_partner_dh{ font-size:26px;}
#home_partner .home_partner_dh span{ padding-top:0;}
#home_partner .home_partner_con {width:96%; margin:0 auto; text-align:center;margin-top:50px;}
#home_partner .home_partner_con ul li { width:29%; height:auto;padding-top:10px; margin:0 1.5%;}
#home_partner .home_partner_con ul li:nth-child(1){ margin:0 1.5%;}
#home_partner .home_partner_con ul li:nth-child(6){ margin:0 1.5%;}
#home_partner .home_partner_con ul li:last-child { display:none;}
#home_partner .home_partner_con ul li .img{ width:100%; height:auto;}
#home_partner .home_partner_con ul li .img img{width:100%; height:auto;}
#home_partner .home_partner_con ul li .img img:first-child{ display:none;}
#home_partner .home_partner_con ul li:hover img:first-child{margin-top:0;}
#home_partner .home_partner_con ul li p{ padding-bottom:30px;}

/*content*/
/*right*/
#right{ width:100%; position:relative;}
#right .right_dh{ margin:0; font-size:18px; position:relative;padding-top:5px; display:block;}
#right .right_con{ min-height:320px; padding:0;padding-top:15px; padding-bottom:30px;}
#right .right_con img{ max-width:100% !important; 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;}
#right .right_con .about_con ul li{ width:100%; margin-left:0;}
#right .right_con .about_con ul li img{ width:30%;}
#right .right_con .about_con ul li .note{ width:68%;}
#right .right_con .about_con ul li .note span{ padding-top:0;}

/*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;} 
#left .left_top span{ display:none;}
#left .left_dh{ margin-bottom:0px;border:none;}
#left .left_dh ul li{ line-height:40px; display:block; text-align:left;}
#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; margin:0;}
#left .left_dh ul li a:hover{ color:#fff;background:#333;}
#left .left_dh ul li a.on{line-height:40px; height:40px;border-bottom:1px solid #ed4926;color:#fff;}

/*left_pro*/
.left_pro{ width:100%;height:43px; margin-top:5px;}
.left_pro .left_pro_dh ul li{ line-height:40px;text-align:center;}
.left_pro .left_pro_dh ul li a{ height:43px; padding:0px; margin:0px; font-size:15px;}
.left_pro .left_pro_dh ul li a:hover{ color:#ed4926;}
.left_pro .left_pro_dh ul li a.on{ height:40px;border-bottom:solid 3px #ed4926;}

.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{ margin:5px;}
ul.list_news li {width:100%;}
ul.list_news li dd{width:100%;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_news li span{display:none;}
ul.list_news li p{ width:100%;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/*list_pic_news*/
ul.list_pic_news{text-align:center;min-height:200px;_height:200px; width:100%; margin:0 auto;}
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;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;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;}

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

/*list_pro*/
ul.list_pro li{float:left;width:50%;line-height:25px; height:auto; vertical-align:middle; margin:0; padding-bottom:15px;}
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;}

/*form*/
.form { width:100%;}
.form input{ width:80%;}
.form textarea{ width:80%;}
.form tr>td:first-child{ width:25%;}

/*login*/
.login{ height:auto;}
.login .container{ width:90%;}
.login_form{ margin:30px; width:66%; float:left;}

/*footer_nav*/
#footer_nav{ min-height:auto;}
#footer_nav .list{ display:none;}
#footer_nav .qcode{ display:none;}
#footer_nav .footer_nav_con{ padding:30px 0;}
#footer_nav .footer_nav_con .contact{ width:60%; margin:0 auto; float:none;}
#footer_nav .address{ display:none;}
#footer_nav .m_address{ margin:0 auto; text-align: center;margin-top:20px;}
#footer_nav .m_address ul li{ float:left; width:33.33%;}

/*footer*/
#footer .footer_con{ width:96%;margin:0 auto; text-align:center;}
#footer .footer_icon{display:none;}
}