/*全局样式*/
@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:14px "微软雅黑","Arial Narrow",HELVETICA;color:#000;-webkit-text-size-adjust:100%;}
input:required,textarea:required{outline:0 none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;-webkit-appearance: none !important;}
a{text-decoration:none !important; cursor:pointer !important;color:#000;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.container-fluid{max-width:1230px !important;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.wow
{
transition: ease-in-out .2s;
-moz-transition: ease-in-out .2s; /* Firefox 4 */
-webkit-transition: ease-in-out .2s; /* Safari 和 Chrome */
-o-transition: ease-in-out .2s; /* Opera */
}




header .logo_box .logo{line-height:75px;}

header .logo_hd{width:15%;margin-top:20px;}
header .logo_hd img{margin-top:10px;}
header .logo_hd .logo_fw span{font-size:13px;color:#333;}
header .logo_hd .logo_fw h5{font-size:26px;color:#fe8700;font-family:"Impact";}


/*PC端导航*/
nav{position:relative;background:#000000;}
nav a{color:#fff !important;font-size:14px;}
/*一级导航*/ 
nav ul{width:100%;}
nav ul li{float:left;width:14.28%;text-align:center;position:relative;line-height:40px;
background:url(../images/sx_03.jpg) no-repeat right center;}
nav ul li a{position:relative;display:block;}
nav ul li a:hover,nav ul li a.active{background:#fcc315;}



/*二级导航*/
nav ul li ul{position:absolute;display:none;left:0;top:100%;z-index:100;width:100%;}
nav ul li ul li{float:none;margin-top:1px;width:100%;line-height:40px;border:none;background:#000;
border:none !important;}
nav ul li ul li a{color:#fff !important;}
nav ul li ul li a:hover{background:#fcc315;}
/*banner轮播*/
#myCarousel{position:relative;overflow:hidden;}
#myCarousel .carousel-control.left{width:60px;height:60px;background:url(../images/left.png) no-repeat;top:50%;left:-100px;margin-top:-30px;}
#myCarousel .carousel-control.right{width:60px;height:60px;background:url(../images/right.png) no-repeat;top:50%;right:-100px;margin-top:-30px;}
#myCarousel:hover .carousel-control.right{right:10px;}
#myCarousel:hover .carousel-control.left{left:10px;}
.carousel-indicators li{width:14px;height:14px;margin:1px 3px;background:#fff;position:relative;border-radius:50%;border:1px solid #efefef;}
.carousel-indicators .active{width:14px;height:14px;margin:1px 3px;border-radius:50%;background:#0063d3;}
.carousel-indicators .active:before{display:block;}
.carousel-inner .item a{position:relative;display: block;}
.carousel-inner .item a .textbox{position:absolute;left:0;top:10%;width:100%;text-align:center;}
.carousel-inner .item a .textbox img{max-width:100%;}

/*标题*/
.title{text-align:center;margin-bottom:30px;}
.title h2{font-size:25px;color:#333;font-weight:bold;background:url(../images/heng1.png) no-repeat center center;}



/*产品展示*/
.cp_box{padding:30px 0px;}
.cp_box .cp_bt{text-align:center;margin-bottom:30px;}
.cp_box .cp_bt a{display: inline-block;width:12%;height:40px;padding:3px;margin-right:15px;}
.cp_box .cp_bt a span{display: block;line-height:32px;color:#000;font-size:15px;text-align:center;
border:1px solid #cfcfcf;}



.cp_box .cp_bt .active{background:#000;}
.cp_box .cp_bt .active span{color:#dddf06;border:1px solid #dddf06;}

.cp_box .cp_bt a:hover{background:#000;}
.cp_box .cp_bt a:hover span{color:#dddf06;border:1px solid #dddf06;}

/*.cp_box .cp_bt{margin-bottom:60px;}
.cp_box .cp_bt .ul2 li {width:12%;height:40px;padding:3px;margin-right:15px;}
.cp_box .cp_bt .ul2 li a{display: block;line-height:32px;color:#000;font-size:15px;text-align:center;
border:1px solid #cfcfcf;}
.cp_box .cp_bt .ul3{width:100%;z-index:100;margin-top:10px;}
.cp_box .cp_bt .ul3 li{width:12%;height:40px;padding:3px;margin-right:15px;float:none;}
.cp_box .cp_bt .ul3 li a{display: block;line-height:32px;color:#000;font-size:15px;text-align:center;
border:1px solid #cfcfcf;}


.cp_box .cp_bt .ul2 li:hover{background:#000;}
.cp_box .cp_bt .ul2 li:hover a{color:#dddf06;border:1px solid #dddf06;}
.cp_box .cp_bt .ul3 li:hover{background:#000;}
.cp_box .cp_bt .ul3 li:hover a{color:#dddf06;border:1px solid #dddf06;}

*/





.cp_box .pictrue-4-list a{ display: block;margin-bottom:20px;}
.cp_box .pictrue-4-list a .chao{border:1px solid #afafaf;}
.cp_box .pictrue-4-list a .chao .imgbox span{display:block;}
.cp_box .pictrue-4-list a .textbox{border-bottom:1px solid #afafaf;padding:0px 15px;}
.cp_box .pictrue-4-list a .textbox h3{line-height:50px;font-size:14px;color:#333;font-weight:bold;}
.cp_box .pictrue-4-list a .textbox span{line-height:50px;font-size:12px;color:#333;}

.cp_box .pictrue-4-list a:hover .textbox{background:#000;}
.cp_box .pictrue-4-list a:hover .textbox h3{color:#dddf06;}
.cp_box .pictrue-4-list a:hover .textbox span{color:#fff;}
.cp_box .pictrue-4-list a:hover .chao .imgbox{transform: scale(1.1);}


.cp_box .cp_link{text-align:center;}
.cp_box .cp_link a{display: inline-block;width:20%;line-height:35px;border-radius:5px;border:1px solid #000;
font-size:16px;color:#333;}

.cp_box .cp_link a:hover{background:#000;border:1px solid #dddf06;color:#dddf06;}



/*公司简介*/
.je_box{padding:30px 0px;}
.je_box .je .je_txt{font-size:14px;line-height:30px;color:#333;margin-bottom:15px;}
.je_box .je a{display: block;width:30%;border-radius:5px;background:#4d4d4d;color:#fff;line-height:35px;
text-align:center;}
.je_box .je a:hover{background:#000;color:#dddf06;}
.je_box .je_tp{border:8px solid #000;}
.je_box .je_tp:hover .je_qc .je_bj{transform: scale(1.1);}


/*内页产品展示*/
.ny_box{padding:30px 0px;}

/*.ny_box .cp_bt{text-align:center;margin-bottom:30px;}
.ny_box .cp_bt a{display: inline-block;width:12%;height:40px;padding:3px;margin-right:15px;}
.ny_box .cp_bt a span{display: block;line-height:32px;color:#000;font-size:15px;text-align:center;
border:1px solid #cfcfcf;}
.ny_box .cp_bt .active{background:#000;}
.ny_box .cp_bt .active span{color:#dddf06;border:1px solid #dddf06;}

.ny_box .cp_bt a:hover{background:#000;}
.ny_box .cp_bt a:hover span{color:#dddf06;border:1px solid #dddf06;}*/



.ny_box .cp_bt{margin-bottom:60px;}
.ny_box .cp_bt .hezi{width:12%;}
.ny_box .cp_bt .ul2 li {height:40px;padding:3px;margin-right:15px;}
.ny_box .cp_bt .ul2 li a{display: block;line-height:32px;color:#000;font-size:15px;text-align:center;
border:1px solid #cfcfcf;}
.ny_box .cp_bt .ul3{width:100%;z-index:100;}
.ny_box .cp_bt .ul3 li{height:40px;padding:3px;margin-right:15px;}
.ny_box .cp_bt .ul3 li a{display: block;line-height:32px;color:#000;font-size:15px;text-align:center;
border:1px solid #cfcfcf;}


.ny_box .cp_bt .ul2 li:hover{background:#000;}
.ny_box .cp_bt .ul2 li:hover a{color:#dddf06;border:1px solid #dddf06;}
.ny_box .cp_bt .ul3 li:hover{background:#000;}
.ny_box .cp_bt .ul3 li:hover a{color:#dddf06;border:1px solid #dddf06;}



.ny_box .cp_bt .ul2 li.yi{background:#000;}
.ny_box .cp_bt .ul2 li.yi a{color:#dddf06;border:1px solid #dddf06;}















.ny_box .por_box{display: block;margin-bottom:20px;}
.ny_box .por_box .pro_img{border:1px solid #afafaf;}
.ny_box .por_box .pro_bt{border-bottom:1px solid #afafaf;padding:0px 15px;}
.ny_box .por_box .pro_bt h3{line-height:50px;font-size:14px;color:#333;font-weight:bold;}
.ny_box .por_box .pro_bt span{line-height:50px;font-size:12px;color:#333;}


.ny_box .por_box:hover .pro_bt{background:#000;}
.ny_box .por_box:hover .pro_bt h3{color:#dddf06;}
.ny_box .por_box:hover .pro_bt span{color:#fff;}

.ny_box .por_box:hover .pro_img .pro_qc .pro_bj{transform: scale(1.1);}

.cp_xqy h4{font-size:18px;text-align:center;line-height:50px;}
.cp_xqy img{max-width:100%;display: block; margin:0 auto;}
.cp_xqy .xqy_txt{margin-top:20px;font-size:14px;color:#333;line-height:40px;}





/*内页合作伙伴*/
.ny_box .hz_row .col-lg-3{padding:0px;}
.ny_box .hz_row .col-lg-3{padding:0px 10px;}


.hz_box{display: block;border:1px solid #cfcfcf;margin-bottom:20px;}
.hz_box .hz_bk{margin:3px;}
.hz_box .bz_bt{border-top:1px solid #cfcfcf;}
.hz_box .bz_bt h4{font-size:16px;text-align:center;line-height:50px;color:#333;}



.hz_box:hover .hz_bk .hz_qc .hz_bj{transform: scale(1.1);}
.hz_box:hover .bz_bt{background:#000;border-top:1px solid #dddf06;}
.hz_box:hover .bz_bt h4{color:#dddf06;}


/*内页新闻*/
.xw_box{display: block;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #d9d9d9;}
.xw_box .xw_qc .xw_txt{margin-left:290px;}
.xw_box .xw_qc .xw_txt h4{font-size:14px;color:#4b4a4a;}
.xw_box .xw_qc .xw_txt span{font-size:12px;color:#999;}
.xw_box .xw_qc .xw_txt .xw_nr{font-size:14px;color:#4f4f4f;line-height:30px;height:90px;overflow: hidden;}
.xw_box .xw_qc .xw_txt em{font-style:normal;width:90px;line-height:30px;background:#999999;color:#fff;
text-align:center;font-size:12px;}

.xw_box:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none;}

.xw_box:hover .xw_qc .xw_img .xw_q .xw_bj{transform: scale(1.1);}
.xw_box:hover .xw_qc .xw_txt h4{color:#000;}
.xw_box:hover .xw_qc .xw_txt em{background:#000;color:#dddf06;}



.xw_xqy h4{font-size:18px;text-align:center;line-height:40px;}
.xw_xqy span{font-size:12px;color:#999;display: block;text-align:center;}
.xw_xqy .xqy_txt{font-size:14px;line-height:30px;color:#333;}






/*内页关于我们*/
.ny_dy{font-size:14px;line-height:30px;color:#333;}




/*footer*/
footer{background:#000;padding:22px 0px 15px 0px;}
footer .db_dh{text-align:center;}
footer .db_dh a{color:#fff;font-size:14px;display: inline-block;width:8%;text-align:center;
background:url(../images/xt_03.jpg) no-repeat right center;}
footer .db_bt{color:#fff;font-size:14px;text-align:center;margin-top:10px;}







/*手机二级菜单*/
.sjcp_box .sjcp_dh{background:#0277ca; }
.sjcp_box .sjcp_dh h5{font-size:20px;color:#fff;line-height:45px;padding-left:15px;width:100%;}
.sjcp_box .sjcp_dh h5 span{float:right;padding:12px 25px 0px 0px;}
.sjcp_box .ul2{padding:5px;background:#ebebeb;margin-bottom:24px;}
.sjcp_box .ul2 li{background:#ff9600;font-size:16px;line-height:40px;text-align:center;margin-bottom:3px;
position:relative;}
.sjcp_box .ul2{display:none;}
.sjcp_box .ul2 li:before{content:">";color:#fff;position:absolute;right:45px;}
.sjcp_box .ul2 li a{color:#fff;}
.sjcp_box .ul2 .ercd_box{display:none;}
.sjcp_box .ul2 .ercd_box .ercd_dh{background:#ffffff;margin-bottom:2px;line-height:40px;text-align:center;}
.sjcp_box .ul2 .ercd_box .ercd_dh a{color:#333;}
.sjcp_box .ul2 .ercd_box .ercd_dh:hover a{color:#ff9600;}







/*手机导航*/
.sjcp_box {margin-top:30px;}
.sjcp_box .row_wbj .col-xs-12{padding:0px;}
.sjcp_box .sjcp_dh{background:#000;}
.sjcp_box .sjcp_dh h5{font-size:20px;color:#fff;line-height:45px;padding-left:15px;width:100%;}
.sjcp_box .sjcp_dh h5 span{float:right;padding:8px 25px 0px 0px;color:#fff;font-size:30px;}
.sjcp_box .ul4{padding:5px;background:#d9d3c5;}
.sjcp_box .ul4{display:none;}
.sjcp_box .ul4 li{background:#ebebeb;font-size:16px;line-height:40px;text-align:center;margin-bottom:3px;
position:relative;}
.sjcp_box .ul4 li:before{content:">";color:#fff;position:absolute;right:45px;}
.sjcp_box .ul4 li a{color:#000;}


.sjcp_box .ul4 .sjeidh{background:#fff;display: none;}
.sjcp_box .ul4 .sjeidh .sjeidh_lj{line-height:45px;text-align:center;font-size:14px;color:#7b7b7b;border-bottom:1px solid #d9d9d9;}






/*移动端底部热点链接*/
	#tabBar{ position: fixed; left:20px; bottom:20px; z-index: 99; width: calc(100% - 40px); height: 50px;}
	#tabBar.active{ animation: tabBarAnimation 3s 1s infinite linear;  }
	#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
	#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
	#tabBar .clickbtn img{ width: 22px; }
	#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
	#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
	#tabBar .clickbtn.active{ background:url(../images/xian2.png) rgba(110,209,207,1); background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0; }
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px; }
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

	@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

	@keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}

	@keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}






/*媒体查询开始*/
@media(max-width:1200px){






}

@media(max-width:1100px){








}
@media(max-width:1370px){

}
@media(max-width:1199px){



}
@media (min-width:992px){




}



@media (max-width:991px){
header .sjdnav{display:none;width:150px;height:auto;position:absolute;right:0;top: 77px;;z-index:2000;}
header .sjdnav ul{padding:0;margin:0;}
header .sjdnav li{display:block;padding:0;text-align:center;background:#000;border-bottom:1px solid rgba(255,255,255,0.3);}
header .sjdnav li:last-child{border:none;}
header .sjdnav li a{display:block;color:#fff;line-height:40px;font-size:16px;}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:20px;right:15px;}
header .ydd_btn span{display:block;width:100%;height:8px;background:#000;}
header .ydd_btn span.span02{margin:5px 0;}
header .ydd_btn.click span{background:#000;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
header .ydd_btn.click span.span02{margin:0.5px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
footer ul li{width:100% !important;text-align:left !important;}
footer ul li dl dd{width:25%;}
footer ul li:nth-child(2){margin:20px 0;}


.je_box .je{margin-bottom:20px;}
.cp_box .cp_bt a {width: 17%;}














}

@media (max-width:767px){
header .sjdnav{top:77px;}
header .ydd_btn{width:35px;top:30px;}
header .ydd_btn span{height:4px;}
header .ydd_btn span.span02{margin:3px 0;}
header .ydd_btn.click span.span02{margin:4px 0;}
.carousel-indicators{bottom:2px;}
.carousel-indicators li{width:10px;height:10px;margin:1px;}
.carousel-indicators .active{width:10px;height:10px;margin:1px;}



.cp_box .cp_bt a {width: 20%;}
.cp_box .cp_link a {width: 30%;}


.cp_box .pictrue-4-list a .textbox h3 {text-align: center;}






.ny_box .cp_row .col-lg-4{padding:0px;}
.ny_box .cp_row .col-lg-4{padding:0px 10px;}
.ny_box .por_box .pro_bt h3 {text-align: center;}




}

@media (max-width:600px){



}
@media (max-width:500px){






}

@media (max-width:479px){
header .ydd_btn{width:25px;top:21px;}
header .sjdnav{top:77px;}
header .logo{line-height:60px;}
.cp_box .cp_bt a {width: 30%;}
.je_box .je a {width: 45%;}
.cp_box .cp_link a {width: 50%;}


.xw_box .xw_qc .xw_img .xw_q .xw_bj img{width:180px;}
.xw_box .xw_qc .xw_txt {margin-left: 200px;}
.xw_box .xw_qc .xw_txt .xw_nr {height: 38px;}
.xw_box .xw_qc .xw_txt em {width: 75px;line-height: 25px;}

}




@media (max-width:414px){



}


@media (max-width:390px){
.cp_box .cp_bt a {width: 45%;margin-right: 10px;}
.title h2 {font-size: 22px;}
header .logo_box .logo img{width:80%;}
.xw_box .xw_qc .xw_img .xw_q .xw_bj img{width:160px;}
.xw_box .xw_qc .xw_txt {margin-left: 180px;}











}

@media (max-width:360px){


}




@media (max-width:320px){
header .sjdnav {top: 75px;}
.hz_box .bz_bt h4 {font-size: 14px;line-height: 35px;}
.ny_box .por_box .pro_bt h3 {line-height: 35px;}

.xw_box .xw_qc .xw_img .xw_q .xw_bj img{width:140px;}
.xw_box .xw_qc .xw_txt {margin-left: 158px;}
.xw_box .xw_qc .xw_txt .xw_nr {height: 30px;}


}



@media (max-width:300px){



}