@charset "utf-8";
/* CSS Document */
body {margin:0 auto;padding:0;font-size:15px;font-family:"Microsoft YaHei"; font-family:"微软雅黑";position:relative; /*background:#f7f7f7;*/}
div,p,ul,li,ul li,img,textarea,input{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-size:15px;font-weight:normal;}
ul, ol, li, dl, dt, dd {list-style:none; margin:0; padding:0;}
img, a img {border:0px; padding:0px; margin:0px; vertical-align:middle;}
a{ text-decoration:none; color:#000;}
img{ max-width:100%;}


/*头部*/
header{ width:1200px; margin:0px auto; overflow:hidden; }
h1{ float:left; max-height:100%;}
.navbox .show{display: inline-block;}
.navbox .hiden{display: none;}
.navbox{ float:right;width:70%;}
.navbox .navFlex{display: flex;display: -webkit-flex;justify-content:space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-content: center;}
.navbox ul{ display:block;height:100px;list-style: none; margin-bottom: 0px; padding-left: 0px;}
.navbox ul li{ height:40px; padding:30px 20px; margin:0 5px;text-align:center; line-height:25px; float:left;}
.navbox ul li a{ display:block; width:100%; height:100%;}
.navbox ul li.on{ background:#0082ec;}
.navbox ul li.on a{ color:#fff;}
.navbox ul li:hover{ background:#0082ec;}
.navbox ul li:hover a{ color:#fff;}
.navbox ul li span{ display:block; font-size:14px;}
.navbox .btnImg{height: 20px;width: 25px;padding: 3px 8px 3px 8px;box-sizing: content-box;}

@media screen and (max-width:768px){
	.navbox{
		width:100%;
		background-color:#0082ec;
		opacity: 0.9;
	}
	.navbox .navFlex{
		flex-wrap:wrap;
		font-size: 20px;
		justify-content: space-between;
	}
	.navbox .logo{
		height: 30px;
	}
	.navbox ul li{
		padding-top: 10px;
		margin-left: 0px;
		display: block;
	}
	.navbox ul li a{
		border-bottom: 3px solid transparent;
	}
	.navbox ul a:hover{
		border-bottom: 3px solid #e4c17e;
	}
	.navbox ul li:nth-child(4),.navbox ul li:nth-child(5){
		display: block;
	}
	.navbox .hiden{
		display: block;
	}
	.navbox .show{
		width: 100%;
		font-size: 14px;
		text-align: center;
		display: none;
	}
}


/*轮播*/
.flexslider { width: 100%; max-width: 100%; min-width: 100%;overflow: hidden; position:relative;}
.flex-direction-nav a { color: #fff; width: 26px;height: 35px; background:rgba(0,0,0,0.2); border-radius: 3px; margin: -20px 0 0 0; text-align: center; line-height: 35px;}
.flexslider { margin: 0; position: relative; zoom: 1;}
.flexslider .slides { zoom: 1;}
.flex-direction-nav { height: 0;}
.flex-direction-nav a { text-decoration: none; display: block; position: absolute; top: 55%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all .3s ease;  transition: all .3s ease;}
.flex-direction-nav .flex-prev { left: -50px;}
.flex-direction-nav .flex-next { right: -50px;}
.flexslider:hover .flex-prev { opacity: 1;  left: 30px;}
.flexslider:hover .flex-next {  opacity: 1; right: 30px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: 0; filter: alpha(opacity=0); cursor: default;}
.flex-direction-nav a:before { font-family: "FontAwesome"; font-size:18px; display: inline-block; content: '<';}
.flex-direction-nav a.flex-next:before { content: '>';}
.slides img{ width:100%; height:auto;}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:50%;width:20px;height:35px;margin:0;padding:0;border-radius:0;font-size:18px;background:#f05e5e; line-height:35px; text-align:center; color:#fff;transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-24px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-14px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}
.owl-carousel{display: none;position: relative;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owls-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing { cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility:hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
#add02{ float:left;width:495px; height:260px; overflow:hidden;}
#add02 .owl-wrapper-outer{margin:0 auto;}
#add02 .item{ position:relative;width:96%;min-height:280px; height:auto; margin:0 1%;background-color:#fff;overflow:hidden;}
#add02 .item p{ text-align:center; line-height:20px; margin-top:10px;}
#add02 .owl-buttons div{position:absolute;top:50%;width:20px;height:35px;margin:0;padding:0;border-radius:0;font-size:18px;background:rgba(0,0,0,0.5); line-height:35px; text-align:center; color:#fff;transparent;overflow:hidden;_display:none;}
#add02 .owl-prev{left:30px !important;}
#add02 .owl-next{right:35px !important;}



.syabout{ width:1200px; margin:20px auto; overflow:hidden;}
.syabout01{ float:right; width:670px;}
.syabout01 p{ line-height:25px;}
a.more{ clear:both; display:block; width:106px; height:48px;color:#fff;line-height:50px; text-align:center; background:url(../images/bg-more.png) no-repeat;}
a.more:hover{ background:url(../images/bg-more01.png) no-repeat;}
h2{font-size:24px; background:url(../images/bg-tit.png) 110px 45px no-repeat; margin-bottom:20px;}
h2 span{ font-size:26px; color:#0082ec; display:block;}
h2.tith2{ text-align:center; height:100px; background:url(../images/bg-tit02.png) center 70px no-repeat;}

.add{ width:100%; height:90px; line-height:90px; background:#0082ec;}
.add ul{ display:block; width:1200px; margin:auto; text-align:center;}
.add ul li{ float:left; width:20%; background:url(../images/bg-add.png) right center no-repeat;}
.add ul li:nth-child(5){ background:none;}
.add ul li img{ margin-right:10px;}
.add ul li a{ color:#fff;}
.add ul li span,.add ul li img{ display:inline-block; cursor:pointer; transition:all 0.2s;}
.add ul li:hover span,.add ul li:hover img{ transform: scale(1.1,1.1);}


.sycasebg{ background:url(../images/bg-case.png) center top no-repeat; background-size:100%;}
.sycase{ width:1200px; margin:20px auto; overflow:hidden;}
.sycase h2{ float:left;width:24%; height:120px; margin:60px 0.5% 10px 0.5%; background:url(../images/bg-tit.png) 0 80px no-repeat;}
.sycase li{ float:left; width:24%; margin:10px 0.5%;}
.sycase li p{ text-align:center; line-height:20px; margin:5px 0; height:45px;}
a.more01{ display:block; width:24%; float:left; margin-top:60px; height:50px; text-align:center; background:url(../images/bg-tit01.png) center bottom no-repeat;}
.sycase li:hover p{ color:#0082ec;}
.sycase li img{ cursor:pointer; transition:all 0.6s; width:100%; height:180px;}
.sycase li img:hover{ transform: scale(1.1,1.1);}

.shuju{ width:100%; height:150px; padding-top:250px; background:url(../images/bg-shuju.jpg) center top no-repeat;}
.shuju ul{ display:block; width:1100px; height:50px; padding:50px 50px; margin:auto;  background:#0082ec; color:#fff;}
.shuju ul li{ float:left; width:25%; text-align:center;font-size:30px;}
.shuju ul li p{ font-size:15px; display:block;}

.sycp{ width:1200px; margin:30px auto;}
.sycp li{ float:left; width:23%; margin:10px 1%;}
.sycp p{ text-align:center; height:30px; line-height:30px; margin:5px 0;}
.bx-controls{ display:none;}
.sycp a.more{ margin:20px auto;}

.synews{ width:100%; height:450px; padding:50px 0; background:#f9f9f9;}
.synews ul{ display:block; width:1200px; margin:auto;}
.synews ul li{ width:23%;  margin:10px 1%; float:left;}
.synews ul li img{ width:310px; height:120px;}
.synews ul li .synewsbt{ border-top:1px solid #0082ec; height:40px; margin:10px 0; line-height:20px;}
.synews ul li .synewsnr{ font-size:14px; color:#666;}
.synews ul li span{ display:block; width:22px; height:22px; line-height:22px; margin:10px 0; text-align:center; background:#8f8f8f; color:#fff; border-radius:100%;}
.synews ul li:hover span{ background:#0082ec; }
.synews ul li:hover a{ color:#0082ec;}
.synews a.more{ margin:auto;}

.sylianxi{ clear:both; width:1200px; margin:auto;height:500px; }
.sylianxi01{ float:left; width:255px; height:460px; padding:20px 30px; background:#0082ec; color:#fff;}
.sylianxi01 .flogo{ display:block; width:100px; margin:15px auto;}
.sylianxi01 li{ margin:15px 0; overflow:hidden;}
.sylianxi01 li span{ font-size:22px; line-height:35px;}
.sylianxi01 li:nth-child(4) span{ display:block; font-size:15px; line-height:35px;}
.sylianxi01 a{ display:block; width:140px; height:30px; line-height:30px; text-align:center; background:#fff; color:#0082ec; border-radius:15px; margin:auto;}
.sylianxi01 li:nth-child(5),.sylianxi01 li:nth-child(6){ width:100px; float:left; margin:0 10px; text-align:center;}

#liuyan{ float:right; width:820px; padding:50px 0;}
#liuyan label{ display:block; margin:10px 10px; width:100%;}
#liuyan label:nth-child(1){ width:47%; float:left;}
#liuyan label:nth-child(2){ width:47%; float:right;}
#liuyan label:nth-child(5){ overflow:hidden;}
#liuyan label:nth-child(5) span{ float:left; display:block;}
#liuyan label:nth-child(5) input{ width:38%; float:left; margin-right:30px;}
#liuyan label:nth-child(5) .yam{ float:left;}
#liuyan label:nth-child(6){ clear:both; margin-top:20px;}
#liuyan input{ display:block; width:100%; height:40px; line-height:40px; border:0; background:#efefef;}
#liuyan textarea{width:100%; height:80px; border:0; background:#efefef;}
#liuyan .tijiao{ width:100px; height:35px; line-height:35px; text-align:center; border-radius:20px; border:0; margin:auto; background:#0082ec; color:#fff;}
/*底部*/
footer{ width:100%; padding:30px 0; height:70px; background:#424242;}
.foot{ width:1200px; margin:auto;color:#fff; }
.foot ul{ display:block; width:740px; margin:auto;}
.foot ul li{ float:left; margin:10px 10px;text-align:center; padding-right:30px; background:url(../images/bg-li.png) right center no-repeat;}
.foot ul li:nth-child(7){ background:none;}
.copyright{ clear:both; text-align:center; margin-top:10px;}
footer a{ color:#fff;}

.erban{ width:100%; height:300px; background:url(../images/erban.png) center center no-repeat; background-size:100%;}
.contentbg{ width:100%; overflow:hidden; background:url(../images/bg3.jpg) center top repeat-y;}
.content{ width:1200px; margin:30px auto; overflow:hidden;}
.left{ width:290px; float:left; min-height:300px; padding-bottom:20px; text-align:center; background:#fff;}
.left li{ margin:15px 0; height:40px; line-height:40px;}
h3{ font-size:20px; background:#0082ec; color:#fff; width:100%; height:55px; line-height:55px;}
.right{ width:800px; float:right; padding:30px 40px; background:#fff; min-height:400px; }
h4{ font-size:18px; text-align:center; border-bottom:1px solid #CCC; padding-bottom:20px; margin-bottom:20px;}
.edit{ color:#333; line-height:30px;s}
.product li{ width:30%; float:left; margin:10px 1%; text-align:center;}
.product li p{ line-height:20px; margin:10px 0; height:40px;}
.product li img{ width:260px; height:185px;}

.news li{ width:44%; margin:10px 3%; float:left;}
.news li img{ width:310px; height:120px;}
.news li .synewsbt{ border-top:1px solid #0082ec; margin:10px 0; line-height:30px;}
.news li .synewsnr{ font-size:14px; color:#666;}
.news li span{ display:block; width:22px; height:22px; line-height:22px; margin:10px 0; text-align:center; background:#0082ec; color:#fff; border-radius:100%;}
.slider-pc{ display:block;}
.slider-pc img{ width:293px; height:165px;} 
.slider-m{ display:none;}
@media screen and (max-width: 769px) {
	.slider-pc{ display:none;}
	.slider-m{ display:block;}
	header,.syabout,.sycase,.w1200,#liuyan,.foot{ width:100%; margin:0 0%;}
	h1{ float:none; margin:auto; text-align:center;}
	h1 img{ max-height:80px; display:inline-block;}
	.navbox{ float:none; width:100%;}
	.flexslider{ width:100%; height:200px;}
	.flexslider img{ width:140%; margin-left:-20%; max-width:none;}
	.navbox ul li{ width:23%; padding:0; margin:10px 1%;}
	.navbox ul li a{ color:#fff;}
	.navbox ul li span{ display:none;}
	.syabout01{ width:92%; margin:0 4%;}
	#add02{float:none; width:90%; margin:auto; padding:0; height:180px; }
	#add02 .owl-buttons div{ top:40%;}
	#add02 .item{ min-height:0;}
	.add,#liuyan{ display:none;}
	h2{ font-size:18px; height:80px;text-align:center; background:url(../images/bg-tit02.png) center 60px no-repeat;}
	h2 span{ font-size:20px;}
	a.more{ margin: 10px auto;}
	.sylianxi01 li:nth-child(5),.sylianxi01 li:nth-child(6){ margin:0 8%;}
	.sycase h2{ float:none; width:100%; height:80px;background:url(../images/bg-tit02.png) center 60px no-repeat; margin:0 auto; }
	.sycase li{ width:48%;}
	a.more01{ display:none;}
	.shuju{ background:none; padding:0; height:auto;}
	.shuju ul{ width:96%; padding:30px 2%; font-size:13px;}
	.shuju ul li span{ font-size:20px;}
	.sycp{ width:100%;}
	.synews{ height:820px;}
	.synews ul{ width:100%;}
	.synews ul li{ width:48%;}
	.sylianxi{ width:100%;height:500px;}
	.sylianxi01{width:90%; padding:0 5%; height:500px;}
	footer{ width:100%; padding:0; margin:0; }
	.foot{ width:96%; padding:0px 2%; margin:0;}
	.foot ul{ display:none;}
	.copyright{ float:none; margin:0; padding:10px 0; text-align:center;}
	.content{ width:100%; margin:0;}
	.erban{ height:100px; background-size:100% 100%;}
	.left{ width:100%; min-height:0;}
	.left li{ width:23%; margin:5px 1%; float:left;}
	.right{ width:100%; padding:0;}
	.edit{ width:92%; margin:0 4%;}
	.edit img{ margin-left:0 !important;}
	.product li{ width:48%; margin:10px 1%;}
	.product li img{ height:120px;}
	.content #liuyan{ display:block;}
	#liuyan label:nth-child(1),#liuyan label:nth-child(2){ width:96%;}
}