body{font-family: "microsoft yahei";line-height: 2; margin: 0; padding: 0; font-size: 16px; color: #333; text-align: justify;}
ul,li,h3,dl,dt,dd,i,tr,td,p{margin: 0; padding: 0; list-style: none; border: 0;}
table{border-collapse: collapse; border: none;margin: auto;} 
td{border: solid #333 1px;}
a{color: #333; text-decoration: none;}
a:hover{text-decoration: none;}
iframe,img{max-width: 100%;width: auto\9!important;}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.container{
	
	padding-left: 10%;
	padding-right: 10%;
  margin: auto;
} 
.full-container{
	width: 100%;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.clear{
  clear: both;
}
/* 垂直居中 */
.middle {
     display: flex;
                align-items: center; /*定义body的元素垂直居中*/
                justify-content: center; /*定义body的里的元素水平居中*/
}
/* 单行超出。。。 */
.over{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
/* 多行超出。。。 */
.over2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.over3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.over4{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.over5{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.over6{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}

/*鼠标经过出现阴影*/
.hover-shadow{
	position: relative;
	top: 0;
	transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
}
.hover-shadow:hover{
	top: -5px;
	transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
	box-shadow:0px 0px 18px 7px #cfcfcf;
}
/*鼠标经过出旋转360°*/
 .hover-360{
            transition: All 0.3s ease-in-out;
            -webkit-transition: All 0.3s ease-in-out;
            -moz-transition: All 0.3s ease-in-out;
            -o-transition: All 0.3s ease-in-out;
        }

.hover-360:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
/*鼠标经过出旋转360°*/
 .hover-Y360{
            transition: All 0.3s ease-in-out;
            -webkit-transition: All 0.3s ease-in-out;
            -moz-transition: All 0.3s ease-in-out;
            -o-transition: All 0.3s ease-in-out;
        }

.hover-Y360:hover {
    transform: rotateX(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
}
/* 新闻列表1 */
.news{margin-top: 40px;}
.news li{border-bottom: 1px solid #e6e6e6; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; margin: 15px 0px;}
.news li img{float: left; width: 280px; height: 175px; padding-right: 20px;}
.news li h3{font-size: 18px; font-weight: bold; color: #2C2C2C; line-height: 35px;}
.news li span{color: #999; font-size: 12px;}
.news li .shijian{background: url(../img/shijian.png) left no-repeat; padding-left: 24px; margin-right: 20px; }
.news li .liulan{background: url(../img/liulan.png) left no-repeat; padding-left: 24px; }
.news li .gd{float: right;}
/* 新闻列表2 */
.news1{padding-bottom: 70px;}
.news1 li a{width: 638px; height: 218px; display: block; float: left; border:1px solid #e5e5e5; border-bottom-left-radius:45px;border-top-right-radius: 45px;}
.news1 li{height: 222px; float: left; margin-top: 73px;}
.news1 li:nth-child(2n){float: right;}
.news1 li .news1_time{width: 84px; height: 105px; float: right; background: url(../img/newlist.png) no-repeat; margin-right: 40px; color: #fff; text-align: center; }
.news1 li .news1_time h3{font-size: 50px; font-weight: 100;line-height: 50px; padding-top: 5px;padding-bottom: 3px;}
.news1 li .news1_time span{font-size: 16px; line-height: 16px;display: block; font-weight: 100;}
.news1_l{width: 438px; float: left; padding-left: 42px;}
.news1_l h3{font-size: 20px; background: url(../img/z1.png) left no-repeat; padding-left: 29px; line-height: 50px; margin-top: 25px; margin-bottom: 10px;}
.news1_l p{font-size: 15px; color: #888888; line-height: 30px;}
.news1 li:hover a{border:5px solid #006e9d;width: 630px; height: 210px;transition:all 0.3s;}
.news1 li:hover .news1_time{background: url(../img/newlist_on.png);}
.news1>li:hover>h3{background: url(../img/z1h.png) left no-repeat;}

/* 产品列表1 */
.prolist{margin-left: -30px;}
.prolist li{width: 335px; float: left; margin-left: 30px; margin-top: 20px; text-align: center;}
.prolist li img{width: 335px; height: 250px;}

/* 产品列表2 */
.pro_zytl{width: 240px; height: 90px; background: #006e9d; float: left; border-top-right-radius:46px; line-height: 90px; color: #fff; font-size: 24px;}
.pro_zytl img{float: left;display: inline-block; padding-top: 32px; padding-left: 44px; padding-right: 14px;}
.zyprol{float: left; width: 238px; border: 1px solid #e5e5e5; border-bottom-left-radius:46px;}
.zyprol ul{padding-left: 31px; padding-top: 25px; padding-bottom: 25px;}
.zyprol ul li{line-height: 50px; font-size: 16px; background: url(../img/z3.png) no-repeat left; padding-left: 20px;}
.zyprol ul li:hover{ background: url(../img/z3h.png) no-repeat left;}
.zyprol ul li:hover a{color: #006e9d; font-weight: bold;}
.zypror{width: 1026px; float: right;}
.zypror ul{padding-top: 30px;}
.zypror ul li{float: left; text-align: center; line-height: 50px; margin-bottom: 30px; height: 370px;}
.zypror ul li:nth-child(2n){float: right;}
.zypror ul li a{ border:1px solid #e5e5e5; border-bottom-left-radius:45px;border-top-right-radius: 45px; width: 487px; height: 338px; overflow: hidden; }
.zypror ul li a img{max-height: 300px;}
.zypror ul li:hover{font-weight: bold; color: #006e9d;}
.zypror ul li:hover a{border:5px solid #006e9d;width: 479px; height: 330px;transition:all 0.3s;}
.zypror ul li:hover img{transform: scale(1.1);transition:all 0.3s;}
/* 产品列表3 */
.spxwul{margin-left: -30px; margin-top: 30px;}
	.spxwul li{width: calc(33.333% - 50px); padding: 10px; height: auto; text-align: center; box-shadow: 0px 5px 10px #cfcfcf; float: left; margin-bottom: 42px; margin-left: 30px; padding-bottom: 10px;}
	.spxwul li img{height: 245px;}
	.spxwul li a{width: 100%;}
	.spxwul li .img{height: 245px; width: 100%; display: block; background-size: contain; background-repeat: no-repeat; background-position: center;}

	.spxwul li .h3{font-size: 18px; color: #333333; font-weight: bold; display: block; line-height: 30px; padding-top: 5px;}
	.spxwul li .sj{color: #999999; font-size: 12px;}
/* .prolist{margin-left: -30px;}
.prolist li{width: 335px; float: left; margin-left: 30px; margin-top: 20px; text-align: center;}
.prolist li img{width: 335px; height: 250px;}
 */
.zycon{min-height: 600px;}
#c_right_content
{ 
  padding-top:30px;
}
#a_title
{
  font-size:24px;
  color:#333;
  line-height:40px;  
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
#a_info
{
  border-bottom:1px dashed #ccc;
  margin-bottom: 20px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  line-height:30px;
  position: relative;
}
#a_info span
{
  font-size:14px;
  color:#666;
  margin-right:15px;
}
#a_content
{
  
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:15px #FAFCFE solid;
  min-height:200px;
}
.lujing{border-bottom:1px solid #ccc; line-height: 40px; margin-bottom: 10px; padding-left: 20px;}
.video{width: 600px; margin: auto;}
.page {text-align: center;clear: both; padding: 20px;}
.page span.close,
.page strong,
.page a {display: inline-block;padding: 3px 3px;margin-right: 10px;}
.selfpage{background:  #d22e2f; color: #fff;}
.selfpage a{color: #fff;}
.close{float: none; font-size: 14px; font-weight: normal; opacity: 1;}
#a_list
{
  
  margin-left:auto;
  margin-right:auto;
}
#a_list li
{
  padding-left:5px;
  border-bottom:1px dashed #D8D8D8;
}
#a_list li a
{
  color:#333;
  font-size:15px;
  line-height:40px;
  font-size:'宋体';
  padding-left:17px;
  background:url('../img/go.gif') no-repeat left center;
}
#a_list li a:hover
{
  color:#000;
  text-decoration:underline;
}
#a_list li span
{
  width:120px;
  font-size:14px;
  line-height:40px;
  float:right;
  color:#06C;
}

.sy{text-align: center; clear: both;}
.sy a{margin-right: 20px; }



#moquu_top,#moquu_wxin,#moquu_wshare {
  z-index:2;
  width:30px;
  height:30px;
  right:10px;
  position:fixed;
  cursor:pointer;
  _position:absolute;
  _bottom:auto;
  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}



#topcontrol{background:#4c4c4c; height:30px; width:30px; border-radius:4px;}

/* 手机 */
@media (max-width:768px){
	.news li img{float: left; width: 100%; height: auto; padding-right: 0px;}
	div{box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */}
	.container{
	  width: auto;
	  margin: auto;
	 
	  padding-left: 15px;
	  padding-right: 15px;
	} 	
	
	.hidden-wap{
		display: none;
	}
	
	/* 新闻列表2 */
	.news1{padding-bottom: 70px;}
	.news1 li a{width: calc(100% - 30px); height: 218px; display: block; float: left; border:1px solid #e5e5e5; border-bottom-left-radius:45px;border-top-right-radius: 45px; padding-left: 15px; padding-right: 15px;}
	.news1 li{height: 222px; float: none; margin-top: 23px;}
	.news1 li:nth-child(2n){float: none;}
	.news1_l{width: 100%; float: none; padding-left: 0px;}
	.news1_l h3{font-size: 20px; background: url(../img/z1.png) left no-repeat; padding-left: 29px; line-height: 50px; margin-top: 15px; margin-bottom: 0px;}
	.news1_l p{font-size: 15px; color: #888888; line-height: 30px;}
	.news1 li:hover a{border:1px solid #006e9d;width: calc(100% - 30px); height: 218px;transition:all 0.3s;}
	.news1 li:hover .news1_time{background: url(../img/newlist_on.png);}
	.news1>li:hover>h3{background: url(../img/z1h.png) left no-repeat;}
	/* 产品列表2 */
	
	.zypror{width: 100%; float: none;}
	.zypror ul{padding-top: 30px;}
	.zypror ul li{float: none; text-align: center; line-height: 50px; margin-bottom: 10px; height: auto;}
	.zypror ul li:nth-child(2n){float: none;}
	.zypror ul li a{ border:1px solid #e5e5e5; border-bottom-left-radius:45px;border-top-right-radius: 45px; width: calc(100% - 30px); padding: 15px; height: auto; overflow: hidden; }
	.zypror ul li a img{max-height: 300px;}
	.zypror ul li:hover{font-weight: bold; color: #006e9d;}
	.zypror ul li:hover a{border:1px solid #006e9d;width: calc(100% - 30px); height: auto;transition:all 0.3s;}
	.zypror ul li:hover img{transform: scale(1.1);transition:all 0.3s;}
	/* 产品列表3 */
	.spxwul{margin-left: -25px; margin-top: 30px;}
		.spxwul li{width: calc(100% - 50px); padding: 10px; height: auto; text-align: center; box-shadow: 0px 5px 10px #cfcfcf; float: left; margin-bottom: 42px; margin-left: 25px; padding-bottom: 10px;}
		.spxwul li img{height: auto;}
		.spxwul li .h3{font-size: 18px; color: #333333; font-weight: bold; display: block; line-height: 30px; padding-top: 5px;}
		.spxwul li .sj{color: #999999; font-size: 12px;}
}

/* 电脑 */
@media (min-width:768px){
	.col-pc-6{width: 50%; padding-left: 15px; padding-right: 15px; float: left;}
	
	.hidden-pc{
		display: none;
	}
}

 #zybanner{height: 350px; background: url(../img/zybanner.jpg) center; text-align: center;}
 #zybanner h3{font-size: 50px; font-weight: bold; color: #fff; position: relative;z-index: 2;top: 65px;}
 #zybanner span{font-size: 50px; color: rgba(125,125,125,0.4); font-family: Arial, Helvetica, sans-serif; font-weight: normal;position: relative; top: 140px;}
 #zyt{height: 72px; line-height: 72px; border-bottom: 1px solid #1c7ce2; color: #7d7d7d;}
 #zyt a{color: #7d7d7d;}
 #zyt ul{float: left;}
 #zyt ul li{float: left; font-size: 18px; color: #000; line-height: 69px; margin-right: 20px;}
 #zyt ul li a{ color: #000;}
 #zyt ul li.on{ border-bottom: 3px solid #1c7ce2;}
 #zyt .dqwz{float: right;}
.zynr{min-height: 500px;}