/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4d4d4d; text-align:center; background:#fff; line-height:26px; margin-left:auto; margin-right:auto;}
a{ color:#4d4d4d; 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:#f26f21;}
a img{ border:0 none;}
a{ blr:expression(this.onFocus=this.blur());}
a{ outline:none;}
a:focus{ outline:none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0; padding:0;}
ul,li,dl,dd,dt{ padding:0; margin:0; list-style:none;}
input,textarea{ font-family:Arial, Helvetica, sans-serif; outline:none; resize:none;}
em,i{ font-style:normal;}
video{ outline:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.font{ font-family:'SimSun';}
.length{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:35px 0 70px 0;}
.content{ width:100%; background:#f5f5f5;}
.content_box{ width:100%; background:#000; padding:92px 0 100px 0;}
.container{ min-width:1200px; width:1200px; margin:0 auto; padding:0; text-align:left;}
/* CSS Common*/

/*header*/
#header{ position:fixed; width:100%; margin:0 auto; text-align:center; height:92px; top:0; z-index:9; transition:all 0.3s;}
#header .logo{ float:left; padding-top:16px;}

/*header_inside*/
#header_inside{ position:fixed; width:100%; background:#fff; margin:0 auto; text-align:center; height:92px; top:0; z-index:9; box-shadow:0 10px 20px rgba(0, 0, 0, 0.05);}
#header_inside .logo{ float:left; padding-top:16px;}

/*menu*/
#menu{ float:right;}
#menu ul{ margin:auto;}
#menu li{ height:92px; line-height:92px; float:left; text-align:center; position:relative; z-index:9;}
#menu li:after{ content:''; width:1px; height:12px; background:#ccc; display:block; position:absolute; top:40px;}
#menu li:last-child{ padding:0;}
#menu li:last-child:after{ display:none;}
#menu li:first-child:after{ display:none;}
#menu li>a{ display:block; font-size:18px; padding:0 25px; color:#434343; transition:all 0.3s;}
#menu li>a:hover{ color:#f26f21;}
#menu li>a.on{ color:#f26f21;}
#menu li>.lang{ margin-left:40px; margin-top:4px; position:relative;}
#menu li>.lang>a{ margin-left:22px;}
#menu li>.lang>a:nth-child(2){ position:relative; top:-1px;}
#menu li dl{ width:100%; position:absolute; top:111px; background:rgba(255,255,255,1); padding:30px 0; display:none;}
#menu li dl dd{ width:100%; height:30px; text-align:center; line-height:30px;}
#menu li dl dd a{ font-size:14px; color:#555;}
.menu_box>li:after{ background:rgba(255,255,255,0.2)!important;}
.menu_box>li>a{ color:#ced2d7 !important;}
.menu_box>li>a:hover{ color:#fff !important;}

/*lang*/
.lang_list{ background:#fff; box-shadow:0px 1px 15px 1px rgba(0,0,0,0.1); border-radius:8px; padding:10px 30px; position:absolute; top:70px; right:0; display:none;}
.lang_list>a{ display:block; line-height:1.8; text-transform:uppercase;}
.search{ background:rgba(242,111,33,0.9); position:absolute; left:0; top:92px; width:100%; height:90px; display:none;}
.search form{ width:550px; height:50px; border-bottom:1px solid #fff; margin:0 auto; margin-top:15px;}
.search input[type="text"]{ height:50px; line-height:50px; font-size:20px; width:520px; border:0; color:#fff; float:left; background:none;}
.search input[type="text"]::-webkit-input-placeholder{ color:#fff;}
.search input[type="image"]{ position:relative; top:15px; cursor:pointer;}

/*banner*/
.banner{ height:950px;}
.banner .swiper-slide{ background-position:center; background-size:cover;}
.banner .swiper-pagination{ bottom:20px;}
.banner .swiper-pagination-bullet{ margin:0 5px !important;}
.banner .swiper-pagination-bullet{ background:#fff; opacity:1; width:8px; height:8px;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#ff6900;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:50px; height:80px; background-size:14px 25px; margin-top:-12px; transition:all 0.6s;}
.banner .swiper-button-prev{ left:20px;}
.banner .swiper-button-next{ right:20px;}
.banner .swiper-button-prev:hover{ background-color:rgba(0,0,0,0.5);}
.banner .swiper-button-next:hover{ background-color:rgba(0,0,0,0.5);}

/*banner_inside*/
.banner_inside{ height:504px; margin-top:92px;}
.banner_inside .swiper-slide{ background-position:center; background-size:cover;}
.banner_inside .swiper-pagination{ bottom:20px;}
.banner_inside .swiper-pagination-bullet{ margin:0 5px !important;}
.banner_inside .swiper-pagination-bullet{ background:#fff; opacity:0.3; width:8px; height:8px;}
.banner_inside .swiper-pagination-bullet-active{ opacity:1;}
.banner_inside .swiper-button-next,.banner_inside .swiper-button-prev{ width:50px; height:80px; background-size:14px 25px; margin-top:-12px; transition:all 0.6s;}
.banner_inside .swiper-button-prev{ left:20px;}
.banner_inside .swiper-button-next{ right:20px;}

/*home_pro*/
#home_pro{ width:100%;}
#home_pro .home_pro_con{ width:100%; margin:0 auto; border-bottom:1px solid #f2f2f2; overflow:hidden;}
#home_pro .home_pro_con>ul>li{ width:398px; float:left; padding:50px 0; text-align:center;}
#home_pro .home_pro_con>ul>li:nth-child(3n+1){ border-left:0;}
#home_pro .home_pro_con>ul>li a{ display:block; top:0; position:relative; transition:all 0.6s;}
#home_pro .home_pro_con>ul>li .img{ width:320px; height:320px; margin:0 auto; overflow:hidden;}
#home_pro .home_pro_con>ul>li img{ max-width:100%; max-height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_pro .home_pro_con>ul>li span{ font-size:20px; font-weight:bold; display:block; margin-top:15px;}
#home_pro .home_pro_con>ul>li:hover a{ top:-20px;}

/*home_news*/
#home_news{ width:100%;}
#home_news .home_news_dh{ font-size:46px; margin:0 auto; text-align:center; color:#333; padding-top:70px;}
#home_news .home_news_dh>span{ font-weight:bold;}
#home_news .home_news_dh>em{ font-size:17px; display:block; margin-top:18px; color:#888;}
#home_news .home_news_con{ margin-top:45px;}
#home_news .home_news_con>ul>li{ width:400px; text-align:left; float:left;}
#home_news .home_news_con>ul>li .img{ width:400px; height:228px; overflow:hidden; position:relative;}
#home_news .home_news_con>ul>li .img:after{ content:''; width:0px; height:0px; border-width:10px; border-style:solid; border-color:#f8f8f8 transparent transparent transparent; position:absolute; top:0; left:0; right:0; margin:0 auto;}
#home_news .home_news_con>ul>li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_con>ul>li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_news .home_news_con>ul>li .desc{ background:#f8f8f8; height:228px; padding:50px 30px; box-sizing:border-box;}
#home_news .home_news_con>ul>li .desc span{ font-size:17px; font-weight:bold; display:block; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#home_news .home_news_con>ul>li .desc p{ margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
#home_news .home_news_con>ul>li .img:nth-child(1){ display:none;}
#home_news .home_news_con>ul>li:nth-child(2) .img:after{ bottom:0; top:auto; border-color:transparent transparent #f8f8f8 transparent;}
#home_news .home_news_con>ul>li:nth-child(2) .img:nth-child(1){ display:block;}
#home_news .home_news_con>ul>li:nth-child(2) .img:nth-child(3){ display:none;}

/*home_service*/
#home_service{ width:100%; padding:60px 0; margin-top:20px;}
#home_service .home_service_dh{ font-size:46px; margin:0 auto; text-align:center; color:#333;}
#home_service .home_service_dh>span{ font-weight:bold;}
#home_service .home_service_dh>em{ font-size:17px; display:block; margin-top:18px; color:#888;}
#home_service .home_service_con{ width:100%; margin:0 auto; overflow:hidden; margin-top:50px;}
#home_service .home_service_con>ul>li{ width:299.25px; float:left; border-left:1px solid #f2f2f2; transition:all 0.6s; text-align:center;}
#home_service .home_service_con>ul>li:nth-child(4n+1){ border-left:0;}
#home_service .home_service_con>ul>li .img{ width:125px; height:125px; border-radius:50%; margin:0 auto; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}
#home_service .home_service_con>ul>li img{ max-width:100%; max-height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s; margin:0 auto;}
#home_service .home_service_con>ul>li img:nth-child(2){ display:none;}
#home_service .home_service_con>ul>li span{ font-size:20px; display:block; margin:30px 0 5px 0;}
#home_service .home_service_con>ul>li p{ width:80%; margin:0 auto; text-align:center; line-height:1.6; color:#888;}
#home_service .home_service_con>ul>li:hover img:nth-child(1){ display:none;}
#home_service .home_service_con>ul>li:hover img:nth-child(2){ display:block;}

/*left*/
#left{ width:100%; background:#fff;}
#left .left_dh{ padding:30px 0; font-size:0; text-align:center;}
#left .left_dh ul li{ display:inline-block; margin-right:7px; margin-bottom:7px; position:relative;}
#left .left_dh ul li>a{ height:42px; line-height:42px; display:block; background:#f5f5f5; padding:0 26px; font-size:16px;}
#left .left_dh ul li>a:hover{ color:#f26f21;}
#left .left_dh ul li>a.on{ background:#f26f21; color:#fff;}
#left .left_dh dl{ width:100%; background:#fff; position:absolute; left:0; top:42px; display:none;}
#left .left_dh dl dd{ border-bottom:1px solid #f2f2f2;}
#left .left_dh dl a{ height:42px; line-height:42px; display:block; padding:0 26px; font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#left .left_dh dl a:hover{ color:#f26f21;}
#left .left_dh dl a.on{ background:#f26f21; color:#fff;}
#left .pro_dh ul>li>a{ width:240px; padding:0; text-align:center;}

/*content*/
#right{ width:100%;}
#right .right_con{ min-height:200px; font-size:15px;}
#right .right_con img{ max-width:100%; height:auto;}

/*products*/
.products{ padding:20px 0 50px 0; border-top:1px solid #f5f5f5; overflow:hidden;}
.products span{ font-size:24px; margin-bottom:20px; display:block; font-weight:bold; text-align:center;}
.products span>img{ position:relative; top:8px; margin-right:20px;}
.products .form .form-group{ background:#f5f5f5;}
		
/*list_pro*/
.list_pro{ margin-bottom:60px;}
.list_pro:last-child{ margin-bottom:0;}
.list_pro em{ color:#2c2c2c; font-size:24px; font-weight:bold;}
.list_pro ul{ margin-top:30px;}
.list_pro ul>li{ float:left; width:272px; background:#fff; margin-left:37px; margin-bottom:25px;}
.list_pro ul>li:nth-child(4n+1){ margin-left:0;}
.list_pro ul>li .img{ width:272px; height:272px; overflow:hidden;}
.list_pro ul>li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
.list_pro ul>li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.list_pro ul>li span{ display:block; height:54px; line-height:54px; text-align:center;}
.list_pro a.more{ background:#f26f21; height:40px; line-height:40px; color:#fff; text-align:center; padding:0 26px; display:inline-block; margin-top:10px;}

/*display*/
.dis_big{ width:100%; margin:0 auto; margin-top:180px; text-align:center;}
.dis_name{ color:#333; font-size:32px; font-weight:bold; margin-bottom:50px;}
.dis_pic{ text-align:center;}
.dis_pic img{ max-width:100%;}
.dis_con{ text-align:left; margin-top:80px;}
.dis_con li{ list-style:disc;}
.dis_con>em{ font-size:26px; color:#2e2e2e; font-weight:bold; margin-bottom:30px; display:block;}

.products_1{ position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover;}
.products_1>img{ width:100%; height:auto;}
.products_1>.desc{ width:80%; max-width:1184px; background:#fff; border:8px solid rgba(255,255,255); margin:0 auto; position:absolute; left:0; right:0; top:64%; z-index:2;}
.products_1>.desc img{ width:100%; height:100%; object-fit:cover;}
.products_2{ height:960px; position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover;}
.products_2 .desc{ color:#fff; margin-top:312px; width:460px; float:right;}		
.products_2 .desc>em{ width:23px; height:23px; background:#f26f21; display:block; float:left; position:relative; top:6px; margin-right:20px;}
.products_2 .desc>span{ width:400px; font-size:40px; float:left; display:block; font-weight:bold; line-height:1;}
.products_2 .desc>.desc_list{ margin-top:36px; font-size:18px; line-height:2;}
.products_3{ padding:125px 0 100px 0;}
.products_3 .desc{ float:left; color:#fff; width:680px;}
.products_3 .desc>em{ width:23px; height:23px; background:#f26f21; display:block; float:left; position:relative; top:6px; margin-right:20px;}
.products_3 .desc>span{ font-size:40px; float:left; display:block; font-weight:bold; line-height:1;}
.products_3 .desc>.desc_list{ width:630px; margin:0 auto; margin-top:80px; font-size:18px; line-height:2;}
.products_3 .ico{ float:right; width:396px; font-size:78px; color:#000; text-stroke:1px #fff; -webkit-text-stroke:1px #fff; line-height:1; margin-top:100px;}
.products_3 .ico>i{ display:block;}
.products_3 ul{ margin-top:110px;}
.products_3 ul>li{ margin-bottom:30px; overflow:hidden;}
.products_3 ul>li>.img{ width:468px; height:275px; display:table-cell; vertical-align:middle; border:5px solid #fff; box-sizing:border-box; float:left; overflow:hidden;}	
.products_3 ul>li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
.products_3 ul>li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.products_3 ul>li>.desc{ width:680px; float:right;}
.products_3 ul>li>.desc .desc_box{ margin-top:70px;}
.products_3 ul>li>.desc span{ font-size:24px; font-weight:normal; display:block; float:none;}
.products_3 ul>li>.desc p{ font-size:18px; line-height:1.6; margin-top:20px;}
.products_3 ul>li:nth-child(2n)>.img{ float:right;}
.products_3 ul>li:nth-child(2n)>.desc{ float:left;}
.products_4 .desc{ float:left; color:#fff; width:680px;}
.products_4 .desc>em{ width:23px; height:23px; background:#f26f21; display:block; float:left; position:relative; top:6px; margin-right:20px;}
.products_4 .desc>span{ font-size:40px; float:left; display:block; font-weight:bold; line-height:1;}
.products_4 ul{ margin-top:80px; font-size:0; border-top:2px solid #fff;}
.products_4 ul>li{ width:25%; display:inline-block; font-size:20px; color:#fff; text-align:center; vertical-align:top;}
.products_4 ul>li img{ margin-top:-20px; background:#000;}
.products_4 ul>li span{ display:block; width:80%; margin:0 auto; margin-top:26px; line-height:1.2;}
.products_5{ margin-top:80px;}
.products_5 .swiper-wrapper{ margin-bottom:60px;}
.products_5 .swiper-slide img{ width:100%; height:100%; object-fit:cover;}
.products_5 .swiper-slide span{ background:#2e2e2e; color:#fff; text-align:center; height:80px; line-height:80px; border-top:4px solid #f26f21; display:block; font-size:18px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.products_5 .swiper-pagination-bullet{ background-color:#2e2e2e; opacity:1; width:10px; height:10px; margin:0 6px !important;}
.products_5 .swiper-pagination-bullet-active{ background:#f26f21;}
.products_5 .pagination{ display:none;}
.products_6{ margin-top:80px;}
.products_6 .desc{ color:#fff;}
.products_6 .desc>em{ width:23px; height:23px; background:#f26f21; display:block; float:left; position:relative; top:6px; margin-right:20px;}
.products_6 .desc>span{ font-size:40px; float:left; display:block; font-weight:bold; line-height:1;}
.products_6 .desc>span>i{ font-size:24px;}
.products_6 ul{ margin-top:60px;}
.products_6 ul>li{ width:272px; float:left; margin-bottom:36px; margin-left:36px;}
.products_6 ul>li:nth-child(4n+1){ margin-left:0;}
.products_6 ul>li .img{ width:272px; height:272px; display:table-cell; vertical-align:middle; overflow:hidden;}	
.products_6 ul>li img{ max-width:100%; max-height:100%; transition: all 0.6s; -ms-transition: all 0.6s;}
.products_6 ul>li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.products_6 ul>li span{ background:#2e2e2e; color:#fff; text-align:center; height:52px; line-height:52px; color:#fff; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.products_6 ul>li:hover span{ background:#f26f21;}

/*list_share*/
ul.list_share{ text-align:center; margin-top:10px;}
ul.list_share li{ float:left; width:270px; background:#fff; margin-left:40px; margin-bottom:25px;}
ul.list_share li:nth-child(4n+1){ margin-left:0;}
ul.list_share li .img{ width:270px; height:140px; display:table-cell; vertical-align:middle; overflow:hidden;}
ul.list_share li img{ max-width:80%; max-height:80%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_share li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_share li span{ display:block; padding-top:10px;}

/*share_list*/
ul.share_list{ text-align:center;}
ul.share_list li{ width:220px; height:210px; float:left; margin:0 15px;}
ul.share_list .img{ width:220px; height:160px; background:#fff; display:table-cell; vertical-align:middle; text-align:center; *display: block; border:1px solid #ddd; overflow:hidden;}
ul.share_list .img img{ max-width:100%; max-height:100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.share_list li:hover img{ transform:scale(1.08); -webkit-transform: scale(1.08);}
ul.share_list li span{ display:block; padding-top:10px; text-align:center;}

/*table*/
table{ font-family:"Microsoft YaHei"; font-size:14px; color:#333; border-width:1px; border-color:#666; border-collapse:collapse; width:100%;}
table th { border-width:1px; padding:8px; border-style:solid; border-color:#ccc; background-color:#e8e8e8; font-weight:normal;}
table td { border-width:1px; padding:8px; border-style:solid; border-color:#666; background-color:#e8e8e8; font-weight:normal;}

/*list_news*/
ul.list_news li{ position:relative; height:50px; line-height:50px; border-bottom:1px dotted #e6e6e6; font-size:16px;}
ul.list_news li span{ position:absolute; right:5px; top:0;}

/*list_img_news*/
ul.list_img_news li{ position:relative; overflow:hidden; margin-bottom:50px;}
ul.list_img_news li .img{ width:316px; height:187px; float:left; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_img_news li .desc{ float:right; width:830px;}
ul.list_img_news li span{ font-size:20px; margin:15px 0 10px 0; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_img_news li p{ color:#666; font-size:16px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
ul.list_img_news li em{ background:#dedede; width:130px; height:32px; line-height:32px; display:block; color:#353535; margin-top:30px; text-align:center; transition:all 0.6s;}
ul.list_img_news li:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_img_news li:hover em{ background:#f26f21; color:#fff;}

/*list_pic_news*/
ul.list_pic_news{ text-align:center;}
ul.list_pic_news li{ float:left; width:300px; margin:0 8px; height:260px;}
ul.list_pic_news li .img{ width:300px; height:200px; overflow:hidden;}
ul.list_pic_news li img{ width:100%; height:100%; object-fit:cover; transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
ul.list_pic_news li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_pic_news li span{ display:block; padding-top:10px;}

/*dis_news*/
#dis_news{ width:80%; margin:0 auto; margin-top:160px;}
#dis_news .news_title{ font-weight:bold; font-size:36px; color:#333; line-height:1.2; text-align:center;}
#dis_news .news_content{ margin-top:50px;}

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

/*page*/
.page{ text-align:center; line-height:30px; min-height:25px; clear:both; margin-top:20px;}
/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:50px; text-align:center;}
.pages .pages_m_box{ display:none;}
.pages a{ border:1px solid #ccc; padding:6px 10px; margin:0 3px;}
.pages a:hover,a.active{ background:#f26f21; color:#fff; border-color:#f26f21;}
.pages span{ border:1px solid #ccc; padding:6px 10px; margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{ background:#f26f21; color:#fff; border-color:#f26f21;}

/*feedback*/
.feedback { width:680px;}
.feedback img{ cursor:pointer;}
.feedback input{ line-height:24px; color:#565656; width:246px; border:1px solid #ccc; height:24px; margin-bottom:12px;}
.feedback textarea{ line-height:24px; color:#565656; width:450px; border:1px solid #ccc; height:96px; margin-bottom:12px; resize:none;}
.feedback ul li span{ line-height:24px; color:#565656; width:96px; height:24px; margin-right:12px; float:left; text-align:left;}
.feedback .submit{ line-height:26px; color:#565656; width:110px; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer;}
.feedback .code{ width:246px;}
.feedback img{ color:#565656; float:right;}

/*animate*/
@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

/*map*/
.map{ width:100%; height:400px; border:1px solid #ccc;}
.map img{ max-width:inherit !important;}
.shadow,.pop,.anchorBL{ display:none;}

/*form*/
.form { margin:0 auto; width:79%; text-align:center;}
.form>p{ font-size:16px;}
.form>form{ margin:0 auto; width:892px; margin-top:50px; text-align:left;}
.form .form-group{ margin-bottom:18px; background:#fff; width:422px; height:34px; text-indent:6px; float:left; margin-left:48px;}
.form .form-group:nth-child(2n+1){ margin-left:0;}
.form .form-group:nth-child(6){ width:200px;}
.form .form-group:nth-child(7){ width:200px; margin-left:22px;}
.form .form-group:nth-child(8){ margin-left:0;}
.form .form-group:nth-child(9){ margin-left:48px;}
.form .form-group:nth-child(10){ margin-left:0; height:80px; width:100%;}
.form .form-group:nth-child(10)>em{ vertical-align:top;}
.form .form-group:nth-child(12){ background:none; margin-left:0;}
.form .form-group:nth-child(13){ background:none; margin-left:0; width:100%; text-align:center;}
.form .form-group:nth-child(14){ background:none; width:100%; text-align:center;}
.form .form-group>em{ width:10px; color:#cc0606; display:inline-block; position:relative; top:3px;}
.form .form-group>input[type="text"]{ width:80%; height:34px; line-height:34px; border:0; background:none;}
.form .form-group>textarea{ height:80px; border:0; background:none; width:92%; outline:none; padding-top:6px;}
.form .form-group>input[type="submit"]{ background:#f26f21; line-height:36px; color:#fff; width:172px; border:0; height:36px; cursor:pointer; font-size:16px; margin:0 auto;}
.form .form-group>i{ width:10px; height:10px; border:1px solid #333; display:inline-block; position:relative; top:1px;}
.form .form-group>i.cheaked{ background:#f26f21;}
.form .form-group>p{ display:inline-block;}
.form .form-group>p>a{ color:#c60a0a;}

/*float*/
.float{ width:50px; position:fixed; right:0; bottom:150px; background:#e2e4e3; z-index:99; padding:10px 0; border-radius:5px 0 0 5px;}
.float li{ margin:20px 0; position:relative;}
.float li .icon_on{ display:none;}
.float li:hover .icon_on{ display:block;}
.float li:hover .icon_off{ display:none;}
.float li:nth-child(2):hover>.note{ display:block;}
.float li:nth-child(3):hover>.note{ display:block;}
.float em{ display:block; width:80%; margin:0 auto; text-align:center; line-height:1.2; padding-top:10%;}
.float .note{ background:#fff; width:135px; position:absolute; right:50px; color:#222; padding:15px 0 10px 0; text-align:left; padding-left:10px; line-height:1.5; font-size:18px; box-shadow:0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow:0px 6px 30px 1px rgba(0,0,0,.2); display:none;}
.float .note img{ width:120px; height:120px;}

/*livechat*/
#livechat{ z-index:999; right:45px; visibility:visible; width:140px; position:fixed; top:220px; height:203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none; line-height:1.6;}
#livechat ul{ border-top:1px solid #e0e0e0; padding:10px 0;}
#livechat ._title{ line-height:20px; font-size:12px; margin:10px 0; color:#898989; text-align:center; display:inline-block;}
#livechat ._close{ position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}
#livechat ._img{ line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
#livechat ul>li>img{ width:80%;}
.chat_top{ width:135px; height:36px; background:#f26f21; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #f26f21; border-bottom:1px solid #f26f21; border-right:1px solid #f26f21; background:#fff; line-height:28px;}

/*footer*/
#footer{ padding:36px 0 30px 0; border-top:1px solid #f2f2f2;}
#footer a{ color:#555;}
#footer a:hover{ color:#f26f21;}
#footer .footer_con{ margin:0 auto;}
#footer .footer_con .l{ float:left; width:460px; text-align:left;}
#footer .footer_con .l>p{ margin-bottom:2px;}
#footer .footer_con .r{ float:right; text-align:right;}
#footer .footer_con .r .desc{ margin-bottom:10px;}
#footer .footer_con .r .share>a{ margin-left:10px;}

/*go_top*/
.go_top{ width:40px; height:40px; background:#f26f21; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer; display:none;}
.go_top img{ text-align:center; display:block; line-height:1; padding-top:3px; margin:0 auto;}

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

/*移动端样式*/
@media screen and (max-width:768px) {
/*public*/
body{ overflow:auto;}
#header{ display:none;}
#header_inside{ display:none;}
.container{ min-width:100%; width:100%;}
.con{ padding:0 15px 30px 15px;}
.content_box{ padding:0 0 30px 0;}
.header{ width:100%; height:60px; line-height:60px; background:#fff; position: fixed; box-shadow:0px 1px 10px rgba(0,0,0,.2); z-index:999;}
.header .m_logo img{ height:40px; padding:10px 10px;}
.header .nav{ height:100%; background:#fff; position: absolute; top:60px; width:100%; border-top:1px solid #f0f0f0; overflow-y:scroll; display:none;}
.header .nav ul{ margin-top:10px;}
.header .nav ul li a{ display:block; font-size:16px; text-align:left; padding:8px 20px;}
.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 em{ float:right; transform:rotate(90deg); -ms-transform:rotate(90deg); font-family:'SimSun'; font-weight:100;}
.header .nav ul li a:hover{ color:#f26f21;}
.header .nav ul li a.on{ color:#f26f21;}
.header .nav ul li .lang{ margin-top:30px; display:none;}
.header .nav ul li .lang a{ padding:6px 20px; text-transform:uppercase; font-size:15px;}
.header .nav dl{ display:none;}
.header .nav dl dd{ text-indent:10px;}
.header .header_icon{ position:fixed; top:0; right:0; height:60px; width:50px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before { position:absolute; background-color:#222; 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:260px !important; background-size:cover; top:0;}
.banner .swiper-slide{ height:260px !important;}
.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:30px; height:30px; background-size:10px 18px; margin-top:-12px;}
.banner .swiper-button-prev{ left:6px;}
.banner .swiper-button-next{ right:6px;}
.banner_inside{ height:140px; background-size:cover; top:0; margin-top:0;}
.banner_inside .swiper-button-prev{ left:10px;}
.banner_inside .swiper-button-next{ right:10px;}

/*content*/
#home_pro{ width:100%; margin:0 auto;}
#home_pro .home_pro_con>ul{ width:94%; margin:0 auto;}
#home_pro .home_pro_con>ul>li{ width:32%; padding:25px 0; box-sizing:border-box; margin-left:2%;}
#home_pro .home_pro_con>ul>li:nth-child(3n+1){ margin-left:0;}
#home_pro .home_pro_con>ul>li .img{ width:100%; height:auto;}
#home_pro .home_pro_con>ul>li span{ font-size:15px; width:92%; margin:0 auto; margin-top:10px; line-height:1.4; height:42px;}

#home_news{ width:94%; margin:0 auto;}
#home_news .home_news_dh{ padding-top:20px; font-size:20px;}
#home_news .home_news_dh>em{ font-size:15px; width:90%; margin:0 auto; margin-top:5px; line-height:1.5;}
#home_news .home_news_con{ margin-top:20px;}
#home_news .home_news_con>ul>li{ width:100%; float:none; overflow:hidden;}
#home_news .home_news_con>ul>li .img{ width:50%; height:120px; float:left;}
#home_news .home_news_con>ul>li .desc{ width:50%; height:120px; padding:4%; float:right; -webkit-box-sizing:border-box; box-sizing:border-box;}
#home_news .home_news_con>ul>li .desc p{ margin-top:6px; font-size:14px; line-clamp:2; -webkit-line-clamp:2; line-height:1.4;}
#home_news .home_news_con>ul>li:nth-child(2) .img{ float:right;}
#home_news .home_news_con>ul>li:nth-child(2) .desc{ float:left;}
#home_news .home_news_con>ul>li .desc span{ font-size:15px;}
#home_news .home_news_con>ul>li .img:after{ border-width:8px; top:50%; right:0; left:auto; margin-top:-8px; border-color:transparent #f8f8f8 transparent transparent;}
#home_news .home_news_con>ul>li:nth-child(2) .img:after{ left:0; right:auto; top:50%; border-color:transparent transparent transparent #f8f8f8;}

#home_service{ margin-top:0; padding:30px 0 20px 0;}
#home_service .home_service_dh>span{ font-size:20px;}
#home_service .home_service_dh>em{ font-size:15px; width:90%; margin:0 auto; margin-top:5px; line-height:1.5;}
#home_service .home_service_con{ width:94%; margin:0 auto; margin-top:20px;}
#home_service .home_service_con>ul>li{ width:48%; margin-left:4%; margin-bottom:4%; border:0;}
#home_service .home_service_con>ul>li:nth-child(2n+1){ margin-left:0;}
#home_service .home_service_con>ul>li .img{ width:60px; height:60px;}
#home_service .home_service_con>ul>li .img img{ width:40px; height:auto; object-fit:contain;}
#home_service .home_service_con>ul>li span{ margin:0 0 5px 0; font-size:16px;}
#home_service .home_service_con>ul>li p{ width:92%; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/*right*/
#right{ width:100%;}
#right .right_con{ min-height:320px; padding:0; padding-top:20px;}
#right .right_con img{ max-width:100%; height:auto; padding:0 !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
.right_icon{ position:absolute; top:0; right:15px; height:30px; width:30px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
.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 .left_dh{ padding:10px;}
#left .left_dh ul{ white-space:nowrap; overflow-x:scroll;}
#left .left_dh ul li a{ height:36px; line-height:36px; padding:0 20px; font-size:15px;}
#left .pro_dh ul>li>a{ width:auto;}
.mask{ position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none;}

/*list_news*/
ul.list_news li{ width:100%; font-size:15px;}
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:48%; margin:0 2%; margin-bottom:15px;}
ul.list_pic_news li .img{ width:100%; height:auto;}
ul.list_pic_news li img{ width:100%; height:100%;}
ul.list_pic_news li span{ font-size:15px; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic_news li p{ padding-top:5px;}

/*list_img_news*/
ul.list_img_news li{ margin-bottom:5%;}
ul.list_img_news li .img{ width:40%; height:96px;}
ul.list_img_news li .img img{ width:100%; height:100% !important; object-fit:cover;}
ul.list_img_news li .desc{ width:56%;}
ul.list_img_news li span{ font-size:15px; margin:0 0 5px 0; line-height:1;}
ul.list_img_news li p{ overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4; font-size:14px;}
ul.list_img_news li em{ margin-top:5px; font-size:14px; width:110px;}

/*dis_news*/
#dis_news{ width:100%; margin-top:20px;}
#dis_news .news_title{ font-size:18px; line-height:1.4;}
#dis_news .news_content{ margin-top:20px;}

/*products*/
.products{ padding-bottom:0;}
.products span{ font-size:18px; margin-bottom:8px;}
.products span>img{ width:20px; margin-right:10px; top:3px;}

/*list_pro*/
.list_pro{ margin-bottom:10%;}
.list_pro ul{ margin-top:15px;}
.list_pro em{ font-size:18px;}
.list_pro ul li{ width:48%; margin-left:4%; margin-bottom:4%;}
.list_pro ul li:nth-child(2n+1){ margin-left:0;}
.list_pro ul li .img{ width:100%; height:auto;}
.list_pro ul li img{ width:100%; height:100%;}
.list_pro ul li span{ height:40px; line-height:40px; margin:0 3%; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list_pro a.more{ padding:0 20px;}

/*dis_big*/
.dis_big{ width:100%; margin-top:20px;}
.dis_name{ font-size:20px; margin-bottom:20px;}
.dis_con{ margin-top:30px;}
.dis_con>em{ font-size:20px; margin-bottom:10px;}

.products_1{ height:300px;}
.products_1>.desc{ width:80%; height:auto; bottom:-40px;}
.products_2{ height:auto; padding:20px 0; overflow:hidden;}
.products_2 .desc{ width:92%; margin:0 auto; margin-top:46px; float:none;}
.products_2 .desc>em{ width:16px; height:16px; margin-right:10px; top:2px;}
.products_2 .desc>span{ width:90%; font-size:20px;}
.products_2 .desc>.desc_list{ width:100%; margin-top:15px; font-size:15px; line-height:1.8;}
.products_3{ padding:30px 0;}
.products_3 .desc{ width:92%; margin:0 auto; float:none;}
.products_3 .desc>em{ width:16px; height:16px; margin-right:10px; top:2px;}
.products_3 .desc>span{ font-size:20px;}
.products_3 .desc>.desc_list{ width:100%; margin-top:15px; font-size:15px; line-height:1.8;}
.products_3 .ico{ width:92%; margin:0 auto; margin-top:20px; float:none; font-size:36px;}
.products_3 ul{ width:92%; margin:0 auto; margin-top:30px;}
.products_3 ul>li{ margin-bottom:15px;}
.products_3 ul>li>.img{ width:40%; height:120px;}
.products_3 ul>li>.desc{ width:56%;}
.products_3 ul>li>.desc .desc_box{ margin-top:0;}
.products_3 ul>li>.desc span{ font-size:17px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.2;}
.products_3 ul>li>.desc p{ font-size:15px; line-height:1.4; margin-top:6px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.products_4 .desc{ width:92%; margin:0 auto; margin-top:0; float:none;}
.products_4 .desc>em{ width:16px; height:16px; margin-right:10px; top:2px;}
.products_4 .desc>span{ font-size:20px;}
.products_4 ul{ margin-top:30px; border:0;}
.products_4 ul>li{ width:50%; font-size:15px; margin-bottom:20px;}
.products_4 ul>li span{ margin-top:10px;}
.products_4 ul>li img{ margin-top:0;}
.products_5{ width:92%; margin:0 auto; margin-top:30px;}
.products_5 .swiper-wrapper{ margin-bottom:40px;}
.products_5 .swiper-slide span{ height:42px; line-height:42px; font-size:15px; border-top:2px solid #f26f21;}
.products_5 .pagination{ display:block;}
.products_6{ width:92%; margin:0 auto; margin-top:30px;}
.products_6 .desc>em{ width:16px; height:16px; margin-right:10px; top:2px; float:none;}
.products_6 .desc>span{ font-size:20px; float:none; margin-top:20px;}
.products_6 .desc>span>i{ font-size:15px;}
.products_6 ul{ margin-top:20px;}
.products_6 ul>li{ width:48%; margin-left:4%; margin-bottom:4%;}
.products_6 ul>li:nth-child(2n+1){ margin-left:0;}
.products_6 ul>li .img{ width:100%; height:auto;}
.products_6 ul>li span{ height:42px; line-height:42px; font-size:15px; padding:0 5px;}

/*share_list*/
ul.share_list li{ width:46%; margin:0 2%; margin-bottom:4%;}
ul.share_list li .img{ width:100%; height:auto;}
ul.share_list li img{ width:100%; height:100%;}
ul.share_list li span{ padding-top:5px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_share*/
ul.list_share li{ width:48%; margin-left:4%; margin-bottom:4%; text-align:center;}
ul.list_share li:nth-child(2n+1){ margin-left:0;}
ul.list_share li .img{ width:100%; height:80px; display:flex; justify-content:center; align-items:center;}
ul.list_share li span{ padding-top:5px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*form*/
.form{ width:100%; padding-bottom:20px;}
.form>form{ margin-top:20px; width:100%;}
.form>p{ font-size:15px; line-height:1.6;}
.form .form-group{ margin-bottom:12px; width:100%; float:none; margin-left:0;}
.form .form-group:nth-child(6){ width:100%;}
.form .form-group:nth-child(7){ width:100%; margin-left:0;}
.form .form-group:nth-child(9){ width:100%; margin-left:0;}
.form .form-group:nth-child(11){ width:50%; display:inline-block;}
.form .form-group:nth-child(11)>input[type="text"]{ width:60%;}
.form .form-group:nth-child(12){ width:40%; display:inline-block;}
.form .form-group:nth-child(13){ text-align:left;}
.form .form-group>input[type="text"]{ width:92%;}
.form .form-group>textarea{ width:92%;}
.form .form-group>i{ float:left; width:10px; top:7px;}
.form .form-group>p{ float:right; width:calc(100% - 15px);}
.form .form-group>input[type="submit"]{ margin-top:20px; width:150px;}

/*pages*/
.pages{ width:94%; margin:0 auto; margin-top:20px; margin-bottom:20px; text-align:center;}
.pages .pages_box{ display:none;}
.pages .pages_m_box{ display:block;}
.pages a{ border:1px solid #c1c1c1; padding:0px 8px; margin:0 3px;}
.pages a:hover,a.active{ background:#1c87e9; color:#fff; border-color:#1c87e9;}
.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:0;}

/*float*/
.float{display:none;}

/*livechat*/
#livechat{ display:none;}

/*nav*/
#footer_nav{ display:none;}

/*search*/
#search{ width:100%; padding:25px 0;}
#search>form{ width:92%; height:36px;}
#search>form>input[type="text"]{ width:80%; top:-12px;}
#search>form>input[type="image"]{ top:0;}

/*go_top*/
.go_top{ width:36px; height:36px; right:10px;}
.go_top img{ padding-top:2px;}

/*footer*/
#footer{ padding:15px 0;}
#footer .footer_con{ width:96%; margin:0 auto; text-align:center;}
#footer .footer_con .l{ display:none;}
#footer .footer_con .r{ float:none; text-align:center;}
}