/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}




.wh{max-width:1430px;margin:0 auto;padding:0 15px;}
.wh2{max-width:1230px;margin:0 auto;padding:0 15px;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#eeeeee;color:#666666;height:36px;line-height:36px;overflow:hidden;font-size:14px;}
.top1 a{color:#666666;}




.top2{height:115px;overflow:hidden;}
.logo{float:left;line-height:115px;}
.k2{line-height:55px;height:55px;overflow:hidden;font-size:16px;color:#333333;background: url(../images/t.png) no-repeat left center;padding-left:40px;float:right;}
.k2 strong{color:#0070c0;font-size:18px;}
.toplink{width:60%;}





/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{}
.hotSearch a{margin-right:6px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}










/* 导航样式 */
.x-menu {height:60px;border-top:1px solid #f9f9f9;}
.x-menu > li {
	float: left;
	position: relative;
 text-align:center;width:14.28%;
}

.x-menu > li > a {
	display: block;
	font-size: 18px;
	color: #333333;
	line-height:60px;
}

.x-menu > li > a:hover {
	color: #0070c0;font-weight:bold;border-top:2px solid #0070c0;margin-top:-1px;
}



.x-menu > li.active > a {

}

.x-menu > li:after {
	content: '';
	position: absolute;
	z-index: 100;
	width: 100%;
	left: 0;
	height: 40px;
	opacity: 0;
	top: 100%;
}

.x-menu > li:hover .x-sub-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
					transform: translateY(0);
}

.x-sub-menu {
	position: absolute;
	z-index: 99999;
	width: 150%;
	left: -25%;
	top: 65px;
	background: #fff;
	border-radius: 5px;
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
					transform: translateY(20px);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.x-sub-menu > li > a {
	display: block;
	text-align: center;

	font-size: 14px;
	color: #333;
	line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
	background: #e9eaeb;
}

.x-sub-menu:after {
	content: '';
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	border-width: 10px;
	cursor: pointer;
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #fff transparent;
	border-top: none;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	z-index: 99;
}





/*主体样式*/
.box1{background:#fbfbfb;padding:3% 0;overflow:hidden;}
.biaoti{text-align:center;}
.bt{color:#0070c0;font-size:40px;background: url(../images/bt.png) no-repeat center center;}
.bt span{color:#333333;}
.bten{color:#999999;font-size:18px;text-transform:uppercase;margin-top:5px;}

.box1 .cont{display:flex;justify-content:space-between;margin-top:2.5%;}
.about{width:43%;margin-top:18px;}
.abtt{color:#0070c0;font-size:24px;}
.abtt p{color:#0070c0;font-size:18px;font-weight:normal;margin-top:13px;}
.abwz{color:#666666;font-size:16px;line-height:36px;margin-top:37px;}
.bk{width:70%;display:flex;justify-content:space-between;margin-top:33px;background:#fff;border:1px solid #0070c0;line-height:38px;}
a.am{width:23%;text-align:center;color:#fff;font-size:14px;background:#0070c0;}
.dh{width:77%;text-align:center;color:#333333;font-size:16px;}
.dh strong{color:#0070c0;}

.abpic{width:53.5%;}
.abpic img{width:100%;display:block;}






.box2{padding:3% 0 1%;overflow:hidden;}
.box2 .cont{margin-top:2.5%;}
.product_list1{display:flex;justify-content:space-between;flex-wrap: wrap;}
.product_list1 li{width:23%;text-align:center;margin-bottom:20px;}
.product_list1 li img{width:100%;display:block;}
.product_list1 li h3{line-height:55px;color:#333333;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.product_list1 li:hover h3{color:#0070c0;font-weight:bold;}








.box3{padding:3% 0;overflow:hidden;background: url(../images/bj3.png) no-repeat;background-size:100% 100%;}
.bt2{background: url(../images/bt2.png) no-repeat center center;}
.box3 .cont{margin-top:3%;}
.jiagong{display:flex;justify-content:space-between;flex-wrap: wrap;}
.jiagong li{text-align:center;position:relative;}
.jiagong li img{width:100%;display:block;}
.jiagong li h2{color:#ffffff;font-size:18px;margin:15px 0 5px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.jiagong li p{color:#ffffff;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

.jiagong li:after{content:"";position:absolute;background:url(../images/jt.png);left:175%;top:27px;width:25px;height:20px;z-index:9999;            opacity:1;
            animation: jiantou 2s infinite; 
            -moz-animation: jiantou 2s infinite;
            -webkit-animation: jiantou 2s infinite; 
            -o-animation: jiantou 2s infinite;}
.jiagong li:last-child:after{display:none;}


        @keyframes jiantou{
            0%{opacity: 1;}  
/*            修改要变换的属性opacity 必须在原dom中体现过该属性*/
            25%{opacity: 0;}
            50%{opacity: 1;}
            75%{opacity: 0;}
            100%{opacity: 1;}
        }
        @-moz-keyframes jiantou{
            0%{opacity: 1;}
            25%{opacity: 0;}
            50%{opacity: 1;}
            75%{opacity: 0;}
            100%{opacity: 1;}
        }
        @-webkit-keyframes jiantou{
            0%{opacity: 1;}
            25%{opacity: 0;}
            50%{opacity: 1;}
            75%{opacity: 0;}
            100%{opacity: 1;}
        }
        @-o-keyframes jiantou{
            0%{opacity: 1;}
            25%{opacity: 0;}
            50%{opacity: 1;}
            75%{opacity: 0;}
            100%{opacity: 1;}

 }





.box4{padding:3% 0;overflow:hidden;}
.box4 .cont{margin-top:3%;}

		.slideTxtBox{display:flex;justify-content:space-between;}
		.slideTxtBox .hd{width:22%;}
		.slideTxtBox .hd ul{}
		.slideTxtBox .hd ul li{cursor:pointer;background:#eeeeee;display:flex;align-items: center;justify-content: center;flex-direction:column;height:127px;color:#333333;font-size:20px;}
		.slideTxtBox .hd ul li:nth-child(2n){background:#f9f9f9;}
		.slideTxtBox .hd ul li i{color:#a3c0e1;font-size:46px;font-weight:bold;line-height:40px;display:none;}
		.slideTxtBox .hd ul li.on{background:#0070c0!important;color:#fff;font-weight:bold;}
		.slideTxtBox .hd ul li.on i{display:block;}
		



		.slideTxtBox .bd{width:77.3%;}
		.slideTxtBox .bd ul{zoom:1;  }
		.slideTxtBox .bd li{width:100%;position:relative;}
		.slideTxtBox .bd li img{width:100%;display:block;}
		.slideTxtBox .bd li .det{width:100%;background:rgba(0,112,192,.6);padding:30px 0;position:absolute;left:0;bottom:0;}
		.slideTxtBox .bd li .nei{width:80%;margin-left:3%;}
		.slideTxtBox .bd li h2{color:#ffffff;font-size:18px;background: url(../images/x1.png) no-repeat left bottom;padding-bottom:20px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
		.slideTxtBox .bd li h3{color:#ffffff;font-size:16px;line-height:31px;height:62px;overflow:hidden;margin-top:10px;}





.mode{display:flex;justify-content:space-between;}
.mode li{background:#fff;width:24%;}
.mode li .img{width:100%;display:block;overflow:hidden;}
.mode li img{width:100%;display:block;transition:all 0.8s;}
.mode li .det{padding:30px;text-align:center;}
.mode li h2{color:#0070c0;font-size:16px;background: url(../images/x2.png) no-repeat center bottom;padding-bottom:15px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.mode li p{color:#333333;font-size:14px;line-height:27px;height:54px;overflow:hidden;margin-top:8px;}
.mode li:hover{box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);}
.mode li:hover img{transform:scale(1.2);}






.box33{padding:3% 0;overflow:hidden;background: url(../images/bj5.png) no-repeat;background-size:100% 100%;}
.large-img{}
.large-img li{position: relative; overflow: hidden;padding:0 2%;margin-bottom:4%;}
.large-img li .img{display:block}
.large-img li .img img{display:block;width:100%;}
.large-img .slick-slide{outline: none;}






.box6{padding:3% 0;overflow:hidden;}
.box6 .cont{margin-top:2.5%;display:flex;justify-content:space-between;flex-wrap: wrap;}
.xlist1{width:48.5%;}
.xlist1 li{border:1px solid #eeeeee;padding:19px 19px 32px;display:block;}
.xlist1 li .img{width:100%;display:block;}
.xlist1 li .img img{width:100%;display:block;}
.xlist1 li .time{text-align:center;color:#fff;background:#0070c0;width:15%;padding:20px 0;margin-top:-50px;position:relative;z-index:99999;}
.xlist1 li .time h1{font-size:34px;}
.xlist1 li .time h4{font-size:14px;margin-top:8px;}
.xlist1 li .det{width:83%;}
.xlist1 li h2{color:#333333;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin:28px 0 20px;}
.xlist1 li span{color:#666666;font-size:16px;line-height:29px;height:58px;overflow:hidden;display:block;}

.xw{width:48.5%;background:#f9f9f9;}
.xw2{width:86%;margin:0 auto;}

.slick-wrap{margin-top:35px;}
.tab-li ul{}
.tab-li ul li{float:left;margin-right:25px;}
.tab-li ul li a{color:#333333;font-size:18px;}
.tab-li ul li.active a{color:#0070c0;font-weight:bold;}


.tab-con {position: relative;margin-top:26px;}
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }

.slick-contanier{}
.slick-contanier .nr{background:#ffffff;display:block;padding:3%;}
.slick-contanier a+a{margin-top:35px;}
.slick-contanier h2{color:#333333;font-size:16px;}
.slick-contanier h3{color:#999999;font-size:14px;line-height:26px;height:52px;overflow:hidden;margin-top:10px;}










/*页面底部*/
.foot{padding:3% 0 2%;overflow:hidden;background: url(../images/bj7.png) no-repeat;background-size:100% 100%;overflow:hidden;}
.cd{width:14%;}
.cd img{width:100%;display:block;}
.foot2{width:29%;margin-left:3%;}
.ftt{color:#0070c0;font-size:24px;background: url(../images/fx.png) no-repeat left bottom;padding-bottom:19px;}
.lx{color:#333333;font-size:16px;line-height:36px;margin-top:14px;}




/*留言*/
.x-message{width:47%;}
.x-message .mm{width:48%;}
.x-message-wrap {}
.x-message-wrap div[class^='col-'] {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

.x-message-wrap input[type='text'],
.x-message-wrap textarea {
  width: 100%;
  height:37px;
  border: 1px solid #e4e6e8;
  padding: 0 15px;
  font-size: 16px;
  color:#939393;
  background: #ffffff;
  outline: none;
  margin-bottom:18px;
}

.x-message-wrap input[type='text']::-webkit-input-placeholder,
.x-message-wrap textarea::-webkit-input-placeholder {
   color:#939393;
}

.x-message-wrap input[type='text']:-ms-input-placeholder,
.x-message-wrap textarea:-ms-input-placeholder {
   color:#939393;
}

.x-message-wrap input[type='text']::-ms-input-placeholder,
.x-message-wrap textarea::-ms-input-placeholder {
  color:#939393;
}

.x-message-wrap input[type='text']::placeholder,
.x-message-wrap textarea::placeholder {
  color:#939393;
}

.x-message-wrap textarea {
  padding-top: 5px;
  height:86px;
  resize: none;
}

.x-message-wrap #checkcode {
  float: left;
  width: 32.29813665%;
  margin-bottom: 0;
}

.x-message-wrap .checkCodeImg {
  float: left;
  display: block;
  text-align: center;
  width: 17.39130435%;
  height: 37px;
  font-size: 0;
}

.x-message-wrap .checkCodeImg img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-message-wrap .checkCodeImg:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-message-wrap .checkCodeImg img {
  cursor: pointer;
}

.x-message-wrap .x-submit {
  float: right;
  width: 49.68944099%;
  height: 37px;
  background: #0070c0;
  color: #fff;
  font-size: 14px;
  border: none;
  outline: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-message-wrap .x-submit:hover {
  background: #0070c0;
}



.copyright{text-align:center;line-height:22px;color:#ffffff;font-size:12px;background:#0070c0;padding:8px 0;}
.copyright a{color:#ffffff;}













@media (max-width:1024px) {
	.box1 .cont{flex-wrap: wrap;}
	.about{width:100%;}
	.bk{width:50%;}
	.abpic{width:100%;margin-top:25px;}
	.slideTxtBox .hd ul li{height:90px;font-size:18px;}
	.slideTxtBox .hd ul li i{font-size:40px;}
  .slick-contanier a+a{margin-top:11px;}
  .jiagong li:after{content:"";position:absolute;background:url(../images/jt.png);left:136%;}

}
 





@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .xypg-right-content img{max-width:100%!important;width:auto!important;height:auto!important;}
 .bt{font-size:36px;}
 .bten{font-size:16px;}
 .abtt{font-size:20px;}
 .abtt p{font-size:16px;}
 .abwz{font-size:14px;margin-top:25px;}
 .bk{width:50%;}
 .dh{font-size:14px;}
 .product_list1 li{width:49%;text-align:center;margin-bottom:10px;}
 .product_list1 li h3{line-height:45px;font-size:16px;}
 .jiagong li h2{font-size:16px;} 
 .jiagong li p{font-size:14px;} 
 .slideTxtBox{flex-wrap: wrap;}
	.slideTxtBox .hd{width:100%;}
		.slideTxtBox .hd ul{display:flex;justify-content:space-between;}
		.slideTxtBox .hd ul li{height:auto;padding:10px 0;font-size:14px;width:19%;}
		.slideTxtBox .hd ul li i{font-size:25px;line-height:30px;}
		.slideTxtBox .bd{width:100%;}
		.slideTxtBox .bd li .det{padding:20px 0;}
		.slideTxtBox .bd li .nei{width:80%;margin-left:3%;}
		.slideTxtBox .bd li h2{font-size:16px;}
		.slideTxtBox .bd li h3{font-size:14px;line-height:25px;height:50px;overflow:hidden;margin-top:10px;}

.mode{flex-wrap: wrap;}
.mode li{width:48%;margin-bottom:20px;}

.box6 .cont{flex-wrap: wrap;}
.xlist1{width:100%;}
.xw{width:100%;margin-top:20px;}
 .slick-contanier a+a{margin-top:20px;}
 .cd{display:none;}
 .foot2{width:30%;margin-left:0;}
 .x-message{width:66%;}
 .ftt{font-size:20px;}
 .lx{font-size:14px;}
.x-message-wrap input[type='text'],
.x-message-wrap textarea {font-size: 14px;margin-bottom:14px;}
.x-message-wrap .x-submit {font-size:12px;}
.jiagong li:after{display:none;}
}







@media (max-width:640px) {
	.box1{padding:7% 0;}
 .bt{font-size:30px;background-size:65%;}
 .bten{font-size:16px;}
 .abtt{font-size:18px;}
 .abtt p{font-size:14px;}
 .bk{width:100%;}
 .box2{padding:7% 0;}
 .box2 .cont{margin-top:6%;}
 .product_list1 li h3{line-height:38px;font-size:14px;}
 .box3{padding:6% 0;}
 .box3 .cont{margin-top:5%;}
 .jiagong li{width:30%;margin-bottom:20px;} 
 .jiagong li:last-child{display:none;}
	.box4{padding:7% 0;}
	.box4 .cont{margin-top:6%;}
 .slideTxtBox .hd ul{flex-wrap: wrap;}
 .slideTxtBox .hd ul li{width:32%;height:70px;font-size:13px;}
	.slideTxtBox .bd li h2{font-size:14px;}
	.slideTxtBox .bd li h3{font-size:12px;}
	.mode{margin-top:10px;}
	.mode li .det{padding:20px;}
	.mode li h2{font-size:14px;background: url(../images/x2.png) no-repeat center bottom;padding-bottom:12px;}
	.mode li p{font-size:12px;line-height:22px;height:44px;overflow:hidden;margin-top:6px;}
 .box6{padding:6% 0;}
 .box6 .cont{margin-top:5%;}
 .xlist1 li{padding:19px;}
 .xlist1 li .time{width:22%;padding:12px 0;}
 .xlist1 li h1{font-size:28px;}
 .xlist1 li h4{font-size:16px;}
 .xlist1 li .det{width:76%;}
 .xlist1 li h2{font-size:16px;margin:20px 0 10px;}
 .xlist1 li span{font-size:14px;line-height:25px;height:50px;}
 .slick-contanier .nr{padding:5%;}
 .tab-li ul li a{font-size:16px;}
 .slick-contanier h2{font-size:14px;}
 .slick-contanier h3{font-size:12px;line-height:22px;height:44px;}
 .foot{padding:5% 0;}
 .foot2{width:100%;float:none;}
  .x-message{width:100%;float:none;margin-top:20px;}
  .lx{line-height:29px;}
 
}









/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: #0070c0;
}

.footer ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.footer ul li {
	-webkit-box-flex: 1;
			-ms-flex: 1;
					flex: 1;
	text-align: center;
	color: #ffffff;
	line-height: 30px;padding:10px 0;
	font-size: 0;
}

.footer ul li.active {
	background: #ff8a00;
}

.footer ul li a {
	display: block;color:#fff;
}

.footer ul li .iconfont {
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.footer ul li span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}

.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border:none;}










/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}