@charset "utf-8";  /*bd0000 红  2160b4 蓝*/
body{font-size:14px; font-family:"Microsoft Yahei",SimHei,SimSun,sans-serif,"宋体"; color:#393939; background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,span,p{margin:0;padding:0;}
form,fieldset,legend,input,textarea{outline:none;}
li{list-style:none;}
img{border:0px;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

a:link{color:#373737; text-decoration:none;}a:visited{color:#373737; text-decoration:none;}a:hover{color:#e62129;}

.red,a.red:link,a.red:visited{color:red;}
.clearfix{height:0px; width:0px; font-size:0px; clear:both; padding:0px; margin:0px;}
.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.tr{text-align:right;}.dn{display:none;}.db{display:block;}
.index_box{width: 100%; overflow: hidden; position: relative; padding-bottom:72px;}
.index_box .w1200{padding-top: 86px; padding-bottom: 32px;}
.w1200{margin: 0px auto; width: 1200px;}
.w1000{width:1000px; margin:0px auto; overflow:hidden;}
.w800{width:800px; margin:0px auto; overflow:hidden;}
.pdt72{padding-top:72px}

.top_fix{position:fixed; left: 0px; top: 100px; z-index: 999;}
.menu_box{height: 0px;}
body .menu_box_fix{height: 110px;}
.item_line{width: 100%; height: 10px; display: block; clear: both;}

.wait03s,.wait03s img{transition: all 0.3s linear;}
.image:hover img{transform: scale(1.1);}
.wait1{-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.wait2{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.wait3{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.top_bg{height: 100px; width: 100%; box-shadow: 0px 4px 5px rgba(9,2,4,.17); position: fixed; top: 0px; z-index: 9999; background: #fff;}
.top_company_name{height: 100px; width: 100%; overflow: hidden; display: block;}
.top{width: 100%; margin: 0px auto; height: 100px; position:relative; min-width: 1200px;}
.top .logo{width: 272px; height: 42px; position: absolute; left: 32px; top: 30px;}
.top .logo a{display: block; text-indent: -99999px; height: 65px;}
.top_lg{position: absolute; top: 30px; right: 30px; text-align: right;}

.menu{width:820px; position: absolute; top: 32px; left: 50%; margin-left: -410px;}
.navBar{position:relative;z-index:100;height:40px;color:#fff;line-height:40px;}
.nav{margin:0 auto; width: 100%;}
.nav h3{font-weight:400;font-size:100%;font-size:18px;text-align: center;}
.nav .m{position:relative;float:left;display:inline;text-align:center; margin-left: 2px; margin-left: 12px; margin-right: 12px;}
.nav h3 a{display:inline-block;padding:12px 10px;height:16px;color:#555;line-height:16px;zoom:1; font-weight: bold;}
.nav .sub{position:absolute;top:40px;left:50%; margin-left: -90px;float:left;display:none;width:180px; background: #bd0000; box-shadow: 0px 3px 10px rgba(255,255,255,0.2); padding-top: 12px; padding-bottom: 12px;}
.nav .sub li{text-align:center; line-height:40px; height:40px;}
.nav .sub li a{display:block;color:#fff;zoom:1; font-size:14px;}
.nav .sub li a:hover{color:#fff; background:#2160b4}
.nav .on a{color: #bd0000;}
.nav .sub:before{position:absolute;top:-10px;left:50%;margin-left:-5px;width:1px;height:1px;border:5px solid transparent;content:'';border-bottom-color:#bd0000;}

.top_search{float:right; margin-top:28px; margin-right:32px;}
.top_search .ts_input{float:left; width:218px;height:42px; line-height: 42px; border-radius: 42px 0px 0px 42px; border: 1px solid #ccc; border-right: none;}
.top_search .ts_input input{width:160px; line-height: 24px; padding-left: 12px; border:none; margin:5px; background: none;}
.top_search .ts_btn{ float:left; background: url(search.png) 14px 11px no-repeat #f54748; background-size: 38% auto; border: 1px solid #f54748; border-radius: 0px 42px 42px 0px; height: 42px;}
.top_search .ts_btn input{ text-indent:-999999px; display:block; border:none; cursor:pointer; width:52px; height:42px; background:none;}


.top_banner{width:100%; overflow:hidden; height:300px; display: block; position: relative;}
.top_banner p{position: absolute; left: 50%; margin-left: 380px; top: 110px; font-size: 32px; font-weight:bold; color: #fff;}
.top_banner span{position: absolute; left: 50%; margin-left: 380px; top: 156px; font-size: 16px; color: #fff;}
.page_title{padding-bottom: 12px; padding-top: 28px; width: 100%; margin: 0px auto; line-height: 32px;}
.page_title h1{font-size: 24px;}
.page_content{line-height: 28px; font-size: 16px;}
.page_subtitle{padding: 10px 20px; border: 1px solid #d5d5d5; background: #f2f2f2; line-height: 18px; font-size: 12px;}


.fullSlide{width:100%;position:relative;height:450px;background:#FFF;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden}
.fullSlide .bd ul{width:100%!important}
.fullSlide .bd li{width:100%!important;height:450px;overflow:hidden;text-align:center}
.fullSlide .bd li a{display:block;height:450px}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:10px;line-height:10px}
.fullSlide .hd ul{text-align:center}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;margin:1px;overflow:hidden;filter:alpha(opacity=50);opacity:.5;line-height:999px; border:2px solid #555; width: 10px; height: 10px; border-radius: 10px; margin-right: 2px; margin-left: 2px; background: #555}
.fullSlide .hd ul .on{background:#FFF;filter:alpha(opacity=100);opacity:1;}
.fullSlide .prev,.fullSlide .next{position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px no-repeat;cursor:pointer; display:none}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}

.item_box,.item_box .item_more{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.item_box{width: 290px; float: left; margin-left: 5px; margin-right: 5px; overflow: hidden; margin-top: 52px; padding-bottom:52px; padding-top:42px; cursor:pointer;}
.item_box .item_pic{padding-bottom: 24px; display:block; overflow:hidden; text-align: center; padding-top: 32px;}
.item_box .item_title{text-align: center;}
.item_box .item_title a{color: #000; font-size: 19px;}
.item_box .item_info{color:#666; text-align:center; padding-top:12px; width:70%; overflow:hidden; margin-bottom:52px; font-size:15px; margin: 0px auto; line-height: 24px; height: 100px;}
.item_box .item_more{width:172px; overflow:hidden; height:40px; line-height:40px; border:1px solid #ccc; border-radius:20px; text-align:center; font-size:14px; margin:0px auto; margin-top: 42px;}
.item_box .item_more a{display:block; color:#666;}

/*关于我们*/
.container{width: 1200px; margin: 0px auto;}
.location{width: 1200px; margin: 0px auto; margin-top: 24px;}
.location span{padding-right: 5px;}

.products_body{width: 1200px; margin: 0px auto; padding-bottom: 72px; padding-top: 24px;}
.products_list{padding-bottom: 32px; overflow: hidden;}
.products_left{float: left; width: 270px;}
.left_big_list{line-height: 50px; position: relative;}
.left_big_list:before{width: 5px; height: 5px; border-left: 1px solid #666; border-bottom: 1px solid #666; position: absolute; right: 20px; bottom: 23px; content: ' '; z-index: 99; transform:rotate(-45deg);}
.left_big_list a{display: block; line-height: 50px; height: 50px; background: #fff; padding-left: 18px; font-size: 16px;}
.left_menu{ background: #fff; border: 1px solid #fff; box-shadow: 0px 0px 15px #dadada;}
.left_menu .on_big .left_big_list a,.left_big_list a:hover{background: #2160b4; color: #fff;}
.left_menu .on_big .left_big_list:before,.left_menu .left_big_list:hover:before{border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform:rotate(-135deg);}
.left_menu .left_small_list,.left_menu .left_class_list{background: #fbfbfb; border-bottom: 1px solid #fff; display: none;}
.left_menu .left_small_list a,.left_menu .left_class_list a{display: block; padding-left: 28px; line-height: 38px; height: 38px; overflow: hidden;}
.left_menu .left_class_list a{padding-left: 42px;}
.left_menu .on_small a,.left_menu .left_small_list a:hover{background: #555; color: #fff;}
.left_menu .on_class a,.left_menu .left_class_list a:hover{background: #999; color: #fff;}
.left_menu .on_big .left_small_list,.left_menu .on_big .left_class_list{display: block;}

.left_box,.left_class,.left_support{margin-top: 18px; overflow: hidden; background: #fff; border: 1px solid #fff;box-shadow: 0px 0px 15px #dadada;}
.left_box p,.left_class p,.left_menu p{background: #2160b4; color: #fff; height: 50px; line-height: 50px; font-size: 16px; padding-left: 18px;}
.left_box ul,.left_support ul{width: 100%; padding-top: 10px; padding-bottom: 10px;}
.left_box li{padding-left: 12px; padding-right: 12px; line-height: 28px;}

body .left_class{margin-top: 0px;}
.left_class li{line-height: 42px; height: 42px; margin-top: 1px; margin-bottom: 1px;}
.left_class li a{display: block; padding-left: 28px;}
.left_class .on_class a,.left_class a:hover{background: #bd0000; color: #fff;}

.products_right{width: 912px; float: right;}
.products_content{width: 912px; float: right; background: #fff;}
.products_info,.hot_list{width:912px;background:#fff;font-size:14px;padding:15px 30px;line-height:28px;box-shadow:0 0 15px #dadada;box-sizing:border-box}
.page_picture{text-align: center;}
.news_title{overflow:hidden;display:block;height:45px;line-height:45px}
.news_title h2,.news_title p{display:block;float:left;height:16px;line-height:16px;padding-left:5px;color:#333;margin-top:15px;font-size:16px}
.news_title span{ font-size: 12px; padding-top: 8px; margin-left: 18px;}
.news_title h2{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float: none;}
.products_title{font-size:16px;background:#fff;box-shadow:0 0 15px #dadada;padding:0 20px}
.products_other{width: 480px; float: right;}
.page_date{color: #999; font-size: 12px; padding-bottom: 12px;}
.page_line{padding-top: 18px; border-bottom: 1px solid #d5d5d5; margin-bottom: 32px;overflow: hidden;}
.page_line p{background: #ff6600; color: #fff; height: 36px; line-height: 36px; border-radius: 20px 20px 0px 0px; text-align: center; text-align: center; font-size: 16px; float: left; display: block; padding-left: 20px; padding-right: 20px; }


.page_title{padding-bottom: 12px; padding-top: 28px; width: 100%; margin: 0px auto; line-height: 32px;}
.page_title h1{font-size: 24px;}
.page_content{line-height: 28px; font-size: 16px; width: 100%; overflow: hidden;}
.page_content img{max-width: 100%; height: auto;}
.page_subtitle{padding: 10px 20px; border: 1px solid #d5d5d5; background: #f2f2f2; line-height: 18px; font-size: 12px;}
.page_contact{width: 100%; padding-top: 20px;}
.page_contact span{float: left; width: 125px; height: 42px; line-height: 42px; border-radius: 42px; font-size: 16px; color: #fff; text-align: center; margin-right: 12px; background: #ff6600; cursor: pointer;}
.page_contact span a{color: #fff; display: block; height: 42px; line-height: 42px; padding-left: 20px;}
.page_contact span:hover{background: #2160b4;}
.page_contact span a{background: url(contact.png) 15px 11px no-repeat; background-size: 20px auto;}


.page_tel{padding-top: 36px;}
.page_tel span{font-size: 18px; font-weight: bold; color: #333;}
.page_tel span:last-child{font-size: 24px; color: #ff6600; font-family: impact;}


.pb_box{width: 272px; float: left; margin-left: 20px; border: 6px solid #FFF; margin-bottom: 20px; background: #fff; overflow: hidden;}
.pb_box .pb_picture{width: 272px; height: 272px; overflow: hidden;}
.pb_box .pb_picture img{width: 272px; height: 272px;}
.pb_box .pb_title{line-height: 28px; height: 28px; padding: 5px 15px 5px 15px;}
.pb_box .pb_title a{font-size: 14px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; display: block;}
.pb_box:hover{background: #2160b4; border: 6px solid #2160b4;}
.pb_box:hover a{color: #fff;}
.pb_box:hover img{transform: scale(1.1);}

/*新闻*/
.news_bg{width: 100%; background: #f7f7f7; overflow: hidden; border-bottom: 1px solid #000;}
.news_list{width: 1200px; margin: 0px auto; padding-top: 32px; padding-bottom: 32px;}
.news_list .news_box{width: 276px; margin-right: 32px; float: left; overflow: hidden; background: #fff; padding-bottom: 20px; margin-bottom: 12px; position: relative; cursor: pointer;}
.news_list .news_box:nth-child(4),.news_list .news_box:nth-child(8),.news_list .news_box:nth-child(12),.news_list .news_box:nth-child(16){margin-right: 0px;}
.news_list .news_box .news_picture{width: 276px; height: 184px; overflow: hidden;}
.news_list .news_box .news_picture img{width: 276px; height: 184px;}
.news_list .news_title{padding-left: 15px; padding-right: 15px; margin-top: 10px; margin-bottom: 10px; height: 24px; line-height: 24px; font-weight: bold; font-size: 16px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.news_list .news_info{padding-left: 15px; padding-right: 15px; color: #888; line-height: 18px; height: 36px; overflow: hidden;}
.news_list .news_date{padding-left: 15px; padding-top: 20px; color: #666; font-size: 12px;}
.news_list .news_btn{position: absolute; bottom: 17px; right: 20px; background: #aa1010; width: 65px; text-align: center; height: 20px; line-height: 20px; border-radius: 3px; font-size: 12px; padding-bottom: 1px;}
.news_list .news_btn a{color: #fff;}
.news_list .news_box:hover .news_title a{color: #e62129;}
.news_list .news_box:hover .news_info{color: #333;}
.news_list .news_box:hover .news_date{color: #999;}
.news_list .news_box:hover img{transform: scale(1.1);}
.news_list .news_box:hover .news_btn{background: #e62129;}


/*视频*/
.news_bg{width: 100%; background: #f7f7f7; overflow: hidden; border-bottom: 1px solid #000;}
.video_list{width: 1200px; margin: 0px auto; padding-top: 32px; padding-bottom: 32px;}
.video_list .video_box{width: 276px; margin-right: 32px; float: left; overflow: hidden; background: #fff; padding-bottom: 20px; margin-bottom: 12px; position: relative; cursor: pointer;}
.video_list .video_box:nth-child(4),.video_list .video_box:nth-child(8),.video_list .video_box:nth-child(12),.video_list .video_box:nth-child(16){margin-right: 0px;}
.video_list .video_box .video_picture{width: 276px; overflow: hidden;}
.video_list .video_box .video_picture img{width: 276px; height: 184px;}

.video_list .video_title{ margin-top: 10px; margin-bottom: 10px; height: 48px; line-height: 24px;  font-size: 16px; overflow: hidden; text-align: center;}
.video_list .video_box:hover img{transform: scale(1.1);}

.news_foot{margin: 0px auto; overflow: hidden; padding-bottom: 12px; padding-top: 28px; width:858px;}
.news_foot a{color: #666;}.news_foot a:hover{color: #ff6600;}
.news_foot .nf_left{width: 50%; float: left; text-align: left;}
.news_foot .nf_right{width: 50%; float: right; text-align: right;}

.hot_box{width: 100%; margin-top: 32px; padding-bottom: 28px;}
.hot_info{width: 18%; float: left; margin-left: 1%; margin-right: 1%; padding-top: 18px; padding-bottom: 10px;}
.hot_info .hot_picture{width: 100%; overflow: hidden;}
.hot_info .hot_picture img{width: 100%;}
.hot_info .hot_title{height: 24px; line-height: 24px; overflow: hidden; text-align: center;}

.index_video{width: 650px; height: 380px; position: fixed; top: 120px; left: 50%; margin-left: -325px; z-index: 2147483640; background: #fff; display: none;}

/* 底部链接 */
.foot_bg{background: #1a1c20; width: 100%; overflow: hidden; color: #fff; }
.foot{width: 1200px; margin: 0px auto; padding-top: 42px; padding-bottom: 28px; overflow: hidden; border-bottom: 1px solid #222;}
.foot .foot_box{float: left;}
.foot .foot_menu{float: left; margin-right: 50px;}
.foot .foot_menu li{float: left; width: 100px; height: 24px; overflow: hidden;}
.foot .last{margin-right: 0px;}
.foot .last a{float: left; margin-right: 5px;}
.foot .foot_box p,.foot .foot_menu p{font-size: 20px; padding-bottom: 12px;}
.foot a,.foot_box li{color: #999; font-size: 14px; display: block; line-height: 24px;}
.foot a:hover{color: #e62129;}

.foot_box li i{font-style: normal; font-weight: bold;}
.foot .foot_qr{float: right; padding-top: 12px;}
.foot .qr_box{float: left; width: 120px; overflow: hidden; text-align: center;}
.foot .qr_box img{width: 100px;}
.foot .qr_box span{display: block;}

.fm1{width:300px; margin-left: 50px;}
.fm2{width:200px; margin-left: 30px;}
.fm3{width:200px; margin-left: 30px;}
.fm4{width:300px; margin-left: 30px;}

.foot_text{text-align: center; color: #bbbbbb; border-top: 1px solid #3d3d3d; padding-bottom: 18px; padding-top: 22px; width: 1200px; margin: 0px auto; line-height: 20px; font-size: 12px;}
.foot_text a{color: #bbb;}
/* 小三角 */
#colorNav li ul li:first-child:before{position:absolute;top:-10px;left:50%;margin-left:-5px;width:1px;height:1px;border:5px solid transparent;content:'';border-bottom-color:#2160b4;}

.share div{border-radius: 4px;border: none;cursor: pointer;display: inline-block;font-size: 12px;height: 32px;line-height: 32px;margin-right: 8px;padding: 0 10px;position: relative;text-align: center;top: 0;vertical-align: top;white-space: nowrap;    box-sizing: border-box;}
.share div:nth-child(1){background: #4267B2;}
.share div:nth-child(2){background: #55acee;}
.share div:nth-child(3){background: #CB2027;}
.share div img {display: inline-block;height: 16px;width: 16px;position: relative;top:8px;vertical-align: top;}
.share div:hover{opacity: 0.8;}
.foot .share a{margin-right: 0px;}

/* 在线客服  */
.so{position:fixed; top:142px; right:10px; width:120px; background:#fff;}
.so .so_top{border-bottom:6px solid #d02323; background:#363a3b; height:28px; line-height:28px; text-align:center; color:#fff; font-size:12px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
.so .so_mid{border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #d5d5d5; text-align:center; padding-top:5px; padding-bottom: 15px;}
.so .so_qq{text-align:center; padding-bottom:8px; padding-top: 8px;}
.so .so_qrcode{text-align:center; font-size:12px; padding-top:12px; margin-top: 6px; border-top: 1px dashed #d5d5d5;}



/* 首页样式 start */
.index_class{box-sizing: border-box; margin-top: 42px; overflow: hidden;}
.ic_box{width: 285px; margin-right: 20px; float: left; overflow: hidden; position: relative; font-size: 0px; margin-bottom: 20px;}
.ic_box:nth-child(4),.ic_box:nth-child(8),.ic_box:nth-child(12),.ic_box:nth-child(16){ margin-right: 0px; }
.ic_box img{width: 100%;}
.ic_title{position: absolute; top: 50%; margin-top: -20px; text-align: center; width: 72%; left: 50%; margin-left: -36%;}
.ic_title a{color: #fff; font-size: 24px; line-height: 42px; display: block;}
.ic_box .ic_title:before,.ic_box .ic_title:after{position: absolute; left: 0px; width: 0px; height: 1px; border-top: 1px solid #fff; content: ' '; transition: all 0.2s linear;}
.ic_box .ic_title:before{top: 0px;}
.ic_box .ic_title:after{bottom: 0px;}
.ic_box:hover .ic_title:before,.ic_box:hover .ic_title:after{width: 100%;}
.ic_box:hover .ic_title{background: rgba(0, 0, 0,0.6);}

.index_about{width: 100%; overflow: hidden; padding-top: 32px;}
.ia_left{width: 100%; overflow: hidden; margin: 0px auto;}

.ia_right{width: 100%; overflow: hidden;}
.ia_picture{width: 285px; margin-right: 20px; float: left; font-size: 0px; margin-bottom: 20px; border-radius: 5px; overflow: hidden;}
.ia_picture:last-child,.ia_picture:nth-child(4){margin-right: 0px;}
.ia_picture img{width: 100%;}

.wc_box{width: 100%; overflow: hidden; padding-top: 28px;}
.wc_box .wc_left{width: 420px; float: left; padding-top: 102px;}
.wc_box .wc_left img{width: 100%;}
.wc_box .wc_right{float: right; width: 700px;}
.wc_box .wc_right .ico_box{float: left; width: 320px; margin: 0px auto; text-align: center; padding-top: 18px; padding-bottom: 18px;}
.wc_box .wc_right .ico_picture img{width: 80px;}
.wc_box .wc_right .ico_title{font-size: 22px; font-weight: bold;}
.wc_box .wc_right .ico_info{width: 90%; margin: 0px auto;}

.index_title p{font-size: 32px; color: #000;text-align: center; padding-bottom: 18px; margin-bottom: 12px; position: relative;}
.index_title p:after{position: absolute; bottom: 0px; content: ' '; width: 30px; height: 5px; background: #2160b4; border-radius: 5px; left: 50%; margin-left: -15px;}
.index_title span{display: block; line-height: 20px; height: 20px; color:#666;text-align: center;}

.read_more .rm_btn,.more_btn{width: 120px; height: 42px; line-height: 42px; text-align: center; padding-top: 12px; margin: 0px auto;}
.read_more .rm_btn a,.more_btn a{display: block; color: #fff; display: block; background: #ff6a00; border-radius: 5px;}
.read_more .rm_btn a:hover,.more_btn a:hover{background: #da6411;}

.more_btn{margin: 0px auto; overflow: hidden; margin-top: 28px;}
/* 首页样式 end */

.page{padding-top:32px; padding-bottom:5px; overflow:hidden; width:100%; text-align: center;}
.page a{text-decoration:none; font-size:14px; color:#333; background:#fff; border:1px solid #ccc;  display: inline-block; padding: 6px 10px 6px 10px; margin-left: 3px; margin-right: 3px;}
.page a:hover,.page  a.active{background:#d20000; border:1px solid #d20000; color:#fff;}
.page a.active{color:#fff;}




.menu_btn,.menu_box{display: none;}



@media (max-width: 1199px) {
	body .w1200{width: 100%; padding-top: 28px;}
	body .index_box{padding-bottom: 28px;}
	body .index_box .w1200{padding-top: 28px; padding-bottom: 12px;}


	.top_bg{height: 60px;}
	.top{min-width: 0px; height: 60px; position: relative; }
	.top .logo{width: 110px; left: 10px; top: 15px; height: 30px;}
	.top .logo a{height: 30px; display: block;}
	.top_company_name{height: 60px; width: 100%; overflow: hidden;}

	.top_banner{width: 100%; height: 172px;}
	.top_banner p{top: 50px; right: 20px; left: auto; margin-left: 0px;}
	.top_banner span{top: 88px; right: 20px; left: auto; margin-left: 0px;}

	.top_search{height: 30px; float: left; margin-left: 142px; margin-top: 13px; margin-right: 0px;}
	.top_search .ts_input{width: 120px; height: 30px; line-height: 30px; }
	.top_search .ts_input input{width: 100px; font-size: 12px; padding-left: 6px;}
	.top_search .ts_btn{height: 30px; line-height: 30px; background: url(search.png) 10px 8px no-repeat #f54748; background-size: 42% auto;}
	.top_search .ts_btn input{height: 30px; line-height: 30px; width: 35px;}

	.menu_btn{position: absolute; top: 20px; right: 15px; width: 26px; z-index: 999; display: block;}
	.menu_list{position: relative; height: 20px; width: 26px;}
	.menu_list:before{content: ''; position: absolute; top: 0px; width: 100%; border-bottom: 3px solid #333;}
	.menu_list:after{content: ''; position: absolute; bottom: 0px; width: 100%; border-top: 3px solid #333;}
	.menu_list span{border-top: 3px solid #333; height: 1px; width: 100%; display: block; position: absolute; top: 9px; left: 0px;}
	body .sc_on .menu_list:before,body .sc_on .menu_list:after{opacity: 0;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
	body .sc_on span:first-child{transform:rotate(45deg);}
	body .sc_on span:last-child{transform:rotate(-45deg);}
	body .mb_on{height: auto; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}


	.menu_box{display: block;position: fixed;top:-20px;left:0;height:0px;width:100%;background:#b21908;overflow:hidden; z-index: 999; padding-top: 20px;}
	.menu_box_active{height: 100vh; top: 60px; transition: all 0.3s linear;}
	.menu_box_out{height: 0px; transition: all 0.3s linear;}
	.menu_box li{font-size: 16px; font-weight: bold; text-align: center;}
	.menu_box li a{color: #fff; display: block; line-height: 60px; height: 60px; font-size: 20px;}

	.fullSlide{height: 200px;}
	.fullSlide .bd li{height:200px;}
	.fullSlide .bd li a{height:200px}

	.index_title p{font-size: 24px;}
	.index_title span{height: auto; width: 96%; margin: 0px auto; text-align: center;}

	.index_class{width: 100%; margin: 0px auto; margin-top: 18px; text-align: center;}
	.index_class .ic_box{width: 46%; margin-left: 1%; margin-right: 1%; display: inline-block; float: none; clear: both; margin-right: 0px; margin-bottom: 8px;}

	.ia_left{width: 96%; margin: 0px auto; float: none;}
	.rm_btn{margin: 0px auto;}
	.ia_right{width: 96%; margin: 0px auto; float: none; margin-top: 18px; text-align: center;}
	.ia_right div{display: inline-block; width: 46%; margin-left: 1%; margin-right: 1%; margin-left: 0px; float: none; margin-bottom: 5px;}

	.wc_box{width: 96%; margin: 0px auto; float: none;}
	.wc_box .wc_left{padding-top: 2px; width: 90%; text-align: center; margin: 0px auto; float: none;}
	.wc_box .wc_left img{border-radius: 10px;}

	.wc_box .wc_right{width: 96%; margin: 0px auto; float: none; text-align: center;}
	.wc_box .wc_right .ico_box{display: inline-block; width: 46%; margin-left: 1%; margin-right: 1%; float: none;}
	.wc_box .wc_right .ico_title{font-size: 14px;}

	.news_list{width: 96%; margin: 0px auto; float: none; text-align: center;}
	.news_list .news_box{display: inline-block; width: 46%; margin-left: 1%; margin-right: 1%; margin-right: 0px; float: none; }
	.news_list .news_box .news_picture{width: 100%; height: 66.6%;}
	.news_list .news_box .news_picture img{width: 100%; height: 66.6%;}
	.news_list .news_info{display: none;}
	.news_list .news_date{text-align: center; padding: 0px;}

	.foot{width: 100%; padding-top: 12px;}
	.foot .foot_menu,.foot .foot_box{float: none; margin: 0px auto; margin-top: 12px; width: 90%; overflow: hidden;}
	.foot .foot_box p, .foot .foot_menu p{font-size: 15px; padding-bottom: 0px;}
	.foot a, .foot_box li{float: left; margin-right: 5px;}

	.foot_text{width: 100%;}

	.location{width: 100%; overflow: hidden;margin-top: 10px;}
	.products_body,.products_left{width: 100%; overflow: hidden; float: none;}
	.left_box p, .left_class p, .left_menu p{display: none;}
	.left_big_list:before{display: none;}
	.left_menu{box-sizing: border-box; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; overflow: hidden;}
	.left_menu>div,.left_class li{width: 33.33%;float: left; box-sizing: border-box; border: 1px solid #ccc; line-height: 33px; height: 33px;}
	.left_big_list a,.left_class li a{font-size: 12px; line-height: 32px; height: 32px; overflow: hidden; padding-left: 0px; text-align: center;}

	.products_right{width: 96%; margin: 0px auto; float: none; text-align: center; padding-top: 18px;}
	.pb_box{display: inline-block; width: 45%; margin-left: 1%; margin-right: 1%; margin-right: 0px; float: none; margin-bottom: 5px;}
	.pb_box .pb_picture,.pb_box .pb_picture img{width: 100%; height: 66.66%;}
	.products_content,.products_info{width: 100%; float: none;}
	.news_title{height: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px;}
	.news_title h2, .news_title p{height: auto; margin-top: 0px;}

	body .proshow_pic,body .products_other{width: 96%; margin: 0px auto; overflow: hidden; float: none;}
	.products_info, .hot_list{padding: 15px 0px;}
	body .news_foot{width: 96%; margin: 0px auto;}
	.news_foot .nf_left{width: 100%;}
	.news_foot .nf_right{width: 100%; float: none; text-align: left;}
	.news_foot .nf_right .fr{float: none;}

	.products_info, .hot_list{width: 100%; margin: 0px auto;}

	.pdt72{padding-top: 18px;}
	.video_list{width: 96%; margin: 0px auto;}
	.video_list .video_box{width: 33.33%; height: 66.66%; margin-right: 0px;}
	.video_list .video_box .video_picture{width: 90%; margin: 0px auto;}
	.video_list .video_box .video_picture img{width: 100%; height: 66.66%;}

	.index_video{width: 80%; height: 200px; position: fixed; top: 20px; left: 50%; margin-left: -40%; z-index: 2147483640; background: #fff; display: none; text-align: center; font-size: 0px;}
	.index_video iframe{width: 100%; height: 200px; margin: 0px auto; font-size: 0px;}
	.container{width: 100%; overflow: hidden;}

	.menu,.contact_us,.so{display: none;}
}




@media (max-width: 767px) {
	body .w1200{width: 100%; padding-top: 28px;}
	body .index_box{padding-bottom: 28px;}
	body .index_box .w1200{padding-top: 28px; padding-bottom: 12px;}


	.top_bg{height: 60px;}
	.top{min-width: 0px; height: 60px; position: relative; }
	.top .logo{width: 130px; left: 10px; top: 20px; height: 20px;}
	.top .logo a{height: 30px; display: block;}
	.top_company_name{height: 60px; width: 100%; overflow: hidden;}

	.top_banner{width: 100%; height: 100px;}
	.top_banner p{top: 30px; right: 20px; left: auto; font-size: 15px; margin-left: 0px;}
	.top_banner span{top: 46px; right: 20px; left: auto; font-size: 12px; margin-left: 0px;}

	.top_search{height: 30px; float: left; margin-left: 152px; margin-top: 13px; margin-right: 0px;}
	.top_search .ts_input{width: 120px; height: 30px; line-height: 30px; }
	.top_search .ts_input input{width: 100px; font-size: 12px; padding-left: 6px;}
	.top_search .ts_btn{height: 30px; line-height: 30px; background: url(search.png) 10px 8px no-repeat #f54748; background-size: 42% auto;}
	.top_search .ts_btn input{height: 30px; line-height: 30px; width: 35px;}

	.menu_btn{position: absolute; top: 20px; right: 15px; width: 26px; z-index: 999; display: block;}
	.menu_list{position: relative; height: 20px; width: 26px;}
	.menu_list:before{content: ''; position: absolute; top: 0px; width: 100%; border-bottom: 3px solid #333;}
	.menu_list:after{content: ''; position: absolute; bottom: 0px; width: 100%; border-top: 3px solid #333;}
	.menu_list span{border-top: 3px solid #333; height: 1px; width: 100%; display: block; position: absolute; top: 9px; left: 0px;}
	body .sc_on .menu_list:before,body .sc_on .menu_list:after{opacity: 0;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
	body .sc_on span:first-child{transform:rotate(45deg);}
	body .sc_on span:last-child{transform:rotate(-45deg);}
	body .mb_on{height: auto; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}


	.menu_box{display: block;position: fixed;top:-20px;left:0;height:0px;width:100%;background:#b21908;overflow:hidden; z-index: 999; padding-top: 20px;}
	.menu_box_active{height: 100vh; top: 60px; transition: all 0.3s linear;}
	.menu_box_out{height: 0px; transition: all 0.3s linear;}
	.menu_box li{font-size: 16px; font-weight: bold; text-align: center;}
	.menu_box li a{color: #fff; display: block; line-height: 60px; height: 60px; font-size: 20px;}

	.fullSlide{height: 200px;}
	.fullSlide .bd li{height:200px;}
	.fullSlide .bd li a{height:200px}

	.index_title p{font-size: 24px;}
	.index_title span{height: auto; width: 96%; margin: 0px auto; text-align: center;}

	.index_class{width: 100%; margin: 0px auto; margin-top: 18px; text-align: center;}
	.index_class .ic_box{width: 46%; margin-left: 1%; margin-right: 1%; display: inline-block; float: none; clear: both; margin-right: 0px; margin-bottom: 8px;}

	.ia_left{width: 96%; margin: 0px auto; float: none;}
	.rm_btn{margin: 0px auto;}
	.ia_right{width: 96%; margin: 0px auto; float: none; margin-top: 18px; text-align: center;}
	.ia_right div{display: inline-block; width: 46%; margin-left: 1%; margin-right: 1%; margin-left: 0px; float: none; margin-bottom: 5px;}

	.wc_box{width: 96%; margin: 0px auto; float: none;}
	.wc_box .wc_left{padding-top: 2px; width: 90%; text-align: center; margin: 0px auto; float: none;}
	.wc_box .wc_left img{border-radius: 10px;}

	.wc_box .wc_right{width: 96%; margin: 0px auto; float: none; text-align: center;}
	.wc_box .wc_right .ico_box{display: inline-block; width: 46%; margin-left: 1%; margin-right: 1%; float: none;}
	.wc_box .wc_right .ico_title{font-size: 14px;}

	.news_list{width: 96%; margin: 0px auto; float: none; text-align: center;}
	.news_list .news_box{display: inline-block; width: 46%; margin-left: 1%; margin-right: 1%; margin-right: 0px; float: none; }
	.news_list .news_box .news_picture{width: 100%; height: 66.6%;}
	.news_list .news_box .news_picture img{width: 100%; height: 66.6%;}
	.news_list .news_info{display: none;}
	.news_list .news_date{text-align: center; padding: 0px;}

	body .page_content{line-height: 28px; font-size: 16px; width: 90%; padding-left: 5%; padding-right: 5%; text-align: left;}
	body .page_content img{max-width: 100%; height: auto;}

	.foot{width: 100%; padding-top: 12px;}
	.foot .foot_menu,.foot .foot_box{float: none; margin: 0px auto; margin-top: 12px; width: 90%; overflow: hidden;}
	.foot .foot_box p, .foot .foot_menu p{font-size: 15px; padding-bottom: 0px;}
	.foot a, .foot_box li{float: left; margin-right: 5px;}
	.foot .w100{width: 100%;}

	.foot_text{width: 100%;}

	.location{width: 100%; overflow: hidden;margin-top: 10px;}
	.products_body,.products_left{width: 100%; overflow: hidden; float: none;}
	.left_box p, .left_class p, .left_menu p{display: none;}
	.left_big_list:before{display: none;}
	.left_menu{box-sizing: border-box; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; overflow: hidden;}
	.left_menu>div,.left_class li{width: 33.33%;float: left; box-sizing: border-box; border: 1px solid #ccc; line-height: 33px; height: 33px;}
	.left_big_list a,.left_class li a{font-size: 12px; line-height: 32px; height: 32px; overflow: hidden; padding-left: 0px; text-align: center;}

	.products_right{width: 96%; margin: 0px auto; float: none; text-align: center; padding-top: 18px;}
	.pb_box{display: inline-block; width: 45%; margin-left: 1%; margin-right: 1%; margin-right: 0px; float: none; margin-bottom: 5px;}
	.pb_box .pb_picture,.pb_box .pb_picture img{width: 100%; height: 66.66%;}
	.products_content,.products_info{width: 100%; float: none;}
	.news_title{height: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px;}
	.news_title h2, .news_title p{height: auto; margin-top: 0px;}

	body .proshow_pic,body .products_other{width: 96%; margin: 0px auto; overflow: hidden; float: none;}
	.products_info, .hot_list{padding: 15px 0px;}
	body .news_foot{width: 96%; margin: 0px auto;}
	.news_foot .nf_left{width: 100%;}
	.news_foot .nf_right{width: 100%; float: none; text-align: left;}
	.news_foot .nf_right .fr{float: none;}

	.products_info, .hot_list{width: 100%; margin: 0px auto;}
	body .page_tel{float: left;}
	body .page_subtitle,body .page_title,body .page_date{text-align: left;}

	.pdt72{padding-top: 18px;}
	.video_list{width: 96%; margin: 0px auto;}
	.video_list .video_box{width: 50%; height: 66.66%; margin-right: 0px;}
	.video_list .video_box .video_picture{width: 90%; margin: 0px auto;}
	.video_list .video_box .video_picture img{width: 100%;}

	.index_video{width: 80%; height: 180px; position: fixed; top: 120px; left: 50%; margin-left: -40%; z-index: 2147483640; background: #fff; display: none; text-align: center; font-size: 0px;}
	.index_video iframe{width: 100%; height: 180px; margin: 0px auto; font-size: 0px;}
	.container{width: 100%; overflow: hidden;}

	.page a{margin-top: 5px;}

	.menu,.contact_us,.so{display: none;}
}