@charset "utf-8";  /*ff0303 红  2160b4 蓝*/
body{font-size:12px; font-family:"Microsoft Yahei",SimHei,SimSun,sans-serif,"宋体"; color:#525252; background:url(bg.jpg);}
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}

.page_body{max-width: 1000px; margin: 0px auto; background: #fff; padding: 20px;}

.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{width: 100%;}
.top{width: 100%; margin: 0px auto; position:relative;}
.top .logo{background: url(top_logo.jpg) center center; background-size: auto 100%; width: 100%; height: 126px; }
.top .logo a{display: block; text-indent: -99999px; height: 65px;}
.top_lg{position: absolute; top: 30px; right: 30px; text-align: right;}

.menu{width:1000px; background: #2e2e2e; margin-top: 10px;}
.navBar{position:relative;z-index:100;height:40px;color:#fff;line-height:40px;}
.nav{margin:0 auto; width: 100%;}
.nav .m{position:relative; float:left; text-align:center; border-right: 1px dotted #fff;}
.nav h3 a{color:#FFF; display: block; font-weight: normal; font-size: 14px; padding-left: 42px; padding-right: 42px;}
.nav .on,.nav li:hover{background: #00a56e;}

.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: 14px; 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: 14px;}
.page_content img{max-width: 650px; height: auto;}
.page_subtitle{padding: 10px 20px; border: 1px solid #d5d5d5; background: #f2f2f2; line-height: 18px; font-size: 12px;}


.fullSlide{width:100%;position:relative;height:369px;background:#FFF; margin-top: 10px;}
.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:369px;overflow:hidden;text-align:center}
.fullSlide .bd li a{display:block;height:369px}
.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}

.page_left{width: 210px; float: left;}
.page_right{width: 780px; float: right;}

/*关于我们*/
.container{width: 1000px; margin: 0px auto; margin-top: 10px;}
.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: 32px; position: relative; border-bottom: 1px solid #ddd;}
.left_big_list:before{width: 5px; height: 5px; border-radius: 50%; border: 2px solid #999; content: ' '; float: left; margin-left: 10px; margin-top: 12px;}
.left_big_list a{display: block; line-height: 32px; height: 32px; background: #fff; padding-left: 28px; font-size: 12px;}
.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: #00a56e; color: #fff;}
.left_menu .on_big .left_big_list:before,.left_menu .left_big_list:hover:before{border: 2px solid #fff;}
.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: url(title_bg.png); color: #fff; height: 40px; line-height: 40px; font-size: 14px; 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: #ff0303; color: #fff;}

.contact_us{font-size: 12px;}

.products_right{width: 912px; float: right;}
.products_content{ background: #fff;}
.products_info,.hot_list{background:#fff;font-size:14px;padding:15px 30px;line-height:28px;}
.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:14px;border-left:#2160b4 3px solid;line-height:14px;padding-left:10px;color:#333;margin-top:15px;font-size:14px}
.news_title span{ font-size: 12px; padding-top: 8px; margin-left: 18px;}
.products_title{font-size:14px;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: 5px 5px 0px 0px; text-align: center; text-align: center; font-size: 14px; 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: 14px; width: 100%; overflow: hidden;}
.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; font-size: 14px; 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: 174px; float: left; margin-right: 12px; border: 6px solid #FFF; margin-top: 10px; background: #fff; overflow: hidden;}
.pb_box:nth-child(4),.pb_box:nth-child(8),.pb_box:nth-child(12),.pb_box:nth-child(16),.pb_box:nth-child(20){margin-right: 0px;}
.pb_box .pb_picture{width: 172px; height: 132px; overflow: hidden;}
.pb_box .pb_picture img{width: 172px; height: 132px;}
.pb_box .pb_title{line-height: 18px; height: 18px; padding: 10px 15px 10px 15px; text-align: center;}
.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{padding-top: 12px;}
.news_list .news_box{ overflow: hidden; background: url(dot.gif) 5px 12px no-repeat; cursor: pointer; border-bottom: 1px dotted #999;}
.news_list .news_title{height: 32px; line-height: 32px;font-size: 12px; overflow: hidden; padding-left: 22px;}
.news_list .news_box:hover .news_title a{color: #e62129;}




/* 底部链接 */
.foot_bg{width: 100%; overflow: hidden; margin-top: 20px;}
.foot{ text-align: center; background: #2e2e2e; color:#ff9900; font-weight: bold; font-size: 12px; line-height: 42px; height: 42px;}
.foot_text{text-align: center;line-height: 20px; font-size: 12px; font-weight: bold; padding-top: 12px;}
.foot_text a{color: #ff9900;}.foot_text a:hover{color: #222;}
/* 小三角 */
#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: 14px;width: 14px;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 */
.top_title{background: url(title_bg.png); color: #fff; height: 40px; line-height: 40px; font-size: 14px; padding-left: 18px;}
.index_about{padding: 10px; line-height: 24px;}
.index_about a{color: #ff9900;}
/* 首页样式 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,.top_box,.foot_menu{display: none;}




@media (max-width: 767px) {
	body .page_body{padding: 0px;}
	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; width: 100%; position: absolute; top: 0px; z-index: 99999;}
	.top_box{height: 60px; width: 100%; display: block;}
	.top{min-width: 0px; position: relative; }
	.top .logo{height: 60px; background-size: 100% 100%;}
	.top .logo a{height: 60px; display: block;}

	.page_left{width: 90%; margin: 0px auto; float: none; margin-bottom: 10px;}
	.page_right{width: 90%; margin: 0px auto; float: none;}

	.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: 14px; font-weight: bold; text-align: center;}
	.menu_box li a{color: #fff; display: block; line-height: 60px; height: 60px; font-size: 20px;}

	.foot_menu{display: block; text-align: center; padding-top: 18px;}

	.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: 100%; 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: 14px; width: 90%; padding-left: 5%; padding-right: 5%; text-align: left;}
	body .page_content img{max-width: 100%; height: auto;}

	.foot{width: 80%; line-height: 18px; height: auto; padding: 10px 10% 10px 10%;}
	.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: 90%; margin: 0px auto;}

	.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_list .news_title{height: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px; text-align: left;}
	.news_list .news_title h2, .news_list .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;}


	.index_video{width: 80%; height: 600px; 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: 600px; margin: 0px auto; font-size: 0px;}
	.container{width: 100%; overflow: hidden;}

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

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