*{margin: 0;padding: 0;font-family: "microsoft yahei";list-style: none;text-decoration: none;}

.out_wrap{width: 100%;height: auto;overflow: hidden;}
.inner_top{width: 1200px;height: 90px;margin: 0 auto;}
.top_logo{width: 400px;height: 80px;float: left;}
.top_top{height: 5px;width: 100%;background: rgb(253, 229, 0);border: 1px solid #ccc;}
.top_nav{width: 620px;height: 90px;float: right;margin-top: 15px;}
.top_nav ul li{float: left;width: 124px;height: 90px;text-align: center;font-size: 16px;line-height: 90px;z-index: 999;position: relative;}
.top_nav ul li a{display: inline-block;width: 124px;height: 90px;color: #000;}
.top_nav ul li a:hover{color: red;background: url(../images/nnav_move.jpg)no-repeat bottom center;line-height: 90px;}
.top_nav ul li.cur a{color: red;background: url(../images/nnav_move.jpg)no-repeat bottom center;line-height: 90px;}
.inner_banner{width: 100%;height: auto;}
/* 本例子css */
	.focusBox { position: relative; width:100%; height:auto; overflow: hidden;top: -15px; }
	.focusBox .pic img { width:100%; height:auto; display: block; }
	.focusBox .hd {overflow:hidden; zoom:1; position:absolute; bottom:20px; right:50%;left: 50%; z-index:3;margin-left: -43px;width: 87px;}
	.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:20px; 
	height:20px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); border-radius: 50%;
	opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
	.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }
	.focusBox .prev,
	.focusBox .next { width:45px; height:99px; position:absolute; top:50%;bottom: 50%;margin-top: -50px; z-index:3; filter:alpha(opacity=20);
	 -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.focusBox .prev { background:url(../images/index.png); background-position:-112px 0; left:0 }
	.focusBox .next { background:url(../images/index.png); background-position:-158px 0; right:0 }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
	.tempWrap{margin: 0 auto;}
.banner_over{width:1200px ;height:130px ;margin: 0 auto;position: relative;top:-420px}
.banner_cover{width: 700px;height: 130px;background: rgba(0,0,0,.4);padding: 10px;line-height: 65px;}
.s1{color: rgb(255, 255, 0);font-size: 46px;}.s2{color: rgb(255, 255, 255);font-size: 30px;}
.s3{color: rgb(204, 204, 204);font-size: 30px;line-height: 65px;}
.inner_product{height: 500px;width: 1200px;margin: 0 auto;position: relative;}
.case_title{width:354px;height: 336px;background: rgb(255, 229, 0);position: absolute;top: -89px;padding-top: 100px;box-sizing: border-box;float: left;}
.case1{height: 95px;text-align: center;line-height: 47px;color: rgb(51, 51, 51);}.c1{font-size: 28px}.c2{font-size: 32px}
.c3{border-bottom: 1px solid #000;width: 245px;margin: auto;height: 20px;}
.c_div{width: 272px;height: 240px;border: 0px solid #ccc;float: left;margin: 3px;}
.c_more{border: 1px solid #ccc;float: left;margin: 3px;width:290px;height:182px ;padding: 15px;
    border: 15px solid rgb(255, 228, 1);line-height: 182px;font-size: 26px;text-align: center;}
.c_more a{color: #444444;}
.inner_about{height: auto;width: 100%;overflow: hidden;margin-top: 100px;}
.about_top{height: 315px;width: 100%;background: rgb(30, 30, 30);;}
.about_content{width: 1200px;height: auto;margin: -250px auto 0px;height: 458px;background: rgb(255, 228, 1);border: 1px solid transparent;position: relative;}
.about_pic{width: 587px; height: 456px;margin-top: -30px;margin-left: 30px;float: left;}
.about_con{width: 482px;height: 368px;float: right;margin-top: 30px;margin-right: 30px;}
.about_con .gywm{font-size: 28px;line-height: 61px;}
.about_con .con{font-size: 15px;line-height: 135%;}
.about_con .con p{text-indent: 30px;}
.about_more{height: 50px;width: 50px;background:#000000 ;color: #fff;font-size: 20px;
display: inline-block;position: absolute;bottom: 0px;right: 0px;text-align: center;line-height: 50px;}
.about_three{height: 400px;width: 1200px;margin: 0 auto;border: 0px solid #000;text-align: center;}
.three{width: 400px;height: 400px;float: left;margin-top: 40px;}
.t_p1{color: rgb(51, 51, 51);font-family: 微软雅黑;font-size: 20px;font-style: normal;font-variant-ligatures:normal;font-variant-caps: normal;font-weight: normal;line-height: 280%;}
.t_p2{color: rgb(168, 168, 168);font-size: 14px;}
.inner_pts{width: 100%;height: auto;position: relative;
background-color: rgb(46, 46, 46);padding-bottom: 50px;border-bottom: 10px solid #000000;}
/* .inner_pts:after{} */
.pts_center{width: 1200px;height: auto;margin: 0 auto;}
.pts_center_top{height:52px ;width: 100%;background: url(../images/n_bg.png)no-repeat;margin-top: 79px;color: rgb(233, 220, 111);font-size: 30px;text-align: center;line-height: 52px;}
.pts_eng{height: 64px;width: 1200px;text-align: center;line-height: 64px;font-size: 50px;letter-spacing: 2px;color: rgb(64, 64, 64);font-weight: bold;}
.pts_category{text-align: center;margin: 50px;}
.pts_category ul{display: inline-block;height: auto;}
.pts_category ul li{height: 36px;width: auto;list-style: none;float: left;font-size: 14px;color: rgb(51, 51, 51);font-weight: normal;font-style: normal;
padding: 0 20px;border: 1px solid #999;margin: 0 10px;line-height: 36px;}
.pts_category ul li a{color: #999;}
.pts_category ul li:hover{background: url(../images/nnav_move.jpg);}.pts_category ul li:hover a{color:  rgb(51, 51, 51);}
.pts_list{width: 1200px;height: auto;overflow: hidden;}
.pts_pt{height: 280px;width: 270px;float: left;margin: 30px 15px;color: #fff;text-align: center;font-weight: bolder;}
.pts_pt img{width: 270px;height: 250px;}
.pts_cover{width: 270px;height: 250px;position: absolute;z-index: 100;background: rgba(255,228,1,.7);display: none;line-height: 250px;text-align: center;color: rgba(0,0,0,1);}
.pts_pt:hover .pts_cover{display: block;}
.pts_more{height: 50px;width: 50px;background:#000000 ;color: #fff;font-size: 20px;
display: inline-block;position: absolute;bottom: -25px;text-align: center;line-height: 50px;left: 50%;right: 50%;margin-left: -34px;}
.pts_more a{color: #fff;}
.inner_news{width: 100%;height: auto;overflow: hidden;}
.news_top{height: auto;width: 1200px;margin: 0 auto;}
.news_top{font-family: 微软雅黑;color: rgb(51, 51, 51);font-size: 28px;line-height: 125%;letter-spacing: 0px;text-align: center;margin-top:60px;}
.news_top1{font-size: 44px;color: rgb(221, 221, 221);letter-spacing: 1px;line-height: 125%;font-weight: bold;text-align: center;}
.news_lists{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.news_lists ul li{height: 84px;line-height: 54px;border-bottom: 1px dashed #ccc;font-size: 24px;margin-top: 10px;}
.news_lists ul li a{color: #5A5A5A;display: inline-block;height: 84px;line-height: 50px;}
.news_lists ul li a:hover{color: #215DC6;}
.news_lists ul li .spanss{display: inline-block;height: 60px;width: 60px;float: left
;background: #3c78d8;color: #fff;font-size: 12px;text-align: center;line-height: 20px;margin-right: 100px;}
.news_lists ul li .spanss strong{font-size: 32px;font-weight: bold;line-height: 40px;}
.n-t{line-height: 50px;}
.inner_sh{width: 100%;height: 283px;background: url(../images/nbg001.jpg);margin-top: 100px;}
.sh_left{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.sh_box{width: 663px;float: left;margin: 50px 0;}
.sh_top{color: rgb(67, 67, 67);font-size: 23px;font-family: 微软雅黑;}
.sh_con{font-size: 14px;margin-top: 20px;}
.sh_contact{width: 139px;height: 40px;text-align: center;line-height: 40px;color: #fff;background: #000000;font-size: 14px;margin-top: 30px;}
.inner_foot{height: 325px;width: 100%;background:#101010;position: relative;}
.foot_center{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.foot_center_left{float: left;width: 560px;height: 200px;margin-top: 60px;}
.foot_center_left_title{font-size: 20px;
    color: rgb(255, 255, 255);
    line-height: 160%;}
	.foot_center_left_title1{font-size: 14px;margin-top: 30px;
	    color: #999;
	    line-height: 160%;}
.contact_items{color:rgb(255, 255, 255);font-size: 14px;line-height: 25px;margin-top: 30px;}
.foot_last{text-align: center;padding: 20px 10px;}
.innerpage_banner{height: 300px;width: 100%;background: url(../images/inner_banner.png)no-repeat;}
.innerpage_content{width: 100%;height: auto;overflow: hidden;}
.innerpage_title{width: 100%;height: 172px;background-color: rgb(246, 246, 246);}
.title_center{width: 1200px;height: 172px;margin: 0 auto;}
.t_c_left{width: 540px;height: 172px;float: left;}
.p_1{    font-family: 微软雅黑;
    color: rgb(51, 51, 51);
    font-size: 28px;
    line-height: 125%;
    letter-spacing: 0px;margin-top: 50px;}
.p_2{    font-size: 44px;
    color: rgb(221, 221, 221);
    letter-spacing: 1px;
    line-height: 125%;}
.t_c_right{width: auto;height: 172px;float: right;}
.page_cat{margin-top: 85px;}
.page_cat ul li{height: 36px;width: auto;list-style: none;float: left;font-size: 14px;color: rgb(51, 51, 51);font-weight: normal;font-style: normal;
padding: 0 10px;border: 1px solid #CCCCCC;margin: 0 5px;line-height: 36px;}
.page_cat ul li a{color: #737373;}
.page_cat ul li:hover{background: url(../images/nnav_move.jpg)}.page_cat ul li:hover a{color: color:  rgb(51, 51, 51);;}
.about_cons{width: 1200px;height: auto;margin: 0 auto;overflow: hidden;padding: 50px 0px;}
.p_ti{font-family: 微软雅黑;
    color: rgb(51, 51, 51);
    font-size: 24px;
    line-height: 125%;
    letter-spacing: 0px;margin-top: 10px;text-align: center;}
.p_ti1{font-family: 微软雅黑;
    color: #666;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0px;margin-top: 20px;text-align: center;}
.ner{margin-top: 50px;width: 1200px;height: auto;overflow: hidden;margin: 50px auto;}


.container{width:1200px;margin:0 auto;padding:0;}
.container:after{content:"";display:block;clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#fc8080!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:190px;width:70px;height:120px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:44px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.focusBox { position: relative; width:100%; height:600px; overflow: hidden; }
				.focusBox .pic img { width:100%; height:600px; display: block; }
				.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
				.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:15px; height:15px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
				.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }
			
				.focusBox .prev,
				.focusBox .next { width:45px; height:99px; position:absolute; top:350x; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
				.focusBox .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0 }
				.focusBox .next { background-image:url(../images/index.png); background-position:-158px 0; right:0 }
				.focusBox .prev:hover,
				.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
				.i-wx{background: url(../images/111.png);}