/*织梦58（dede58.com）做最好的织梦整站模板下载网站*/

/* CSS Document */

@charset "utf-8";

/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea {

	margin: 0;

	padding: 0;

	border: 0;

}

/*th, td{margin: 0; padding: 0;}*/

html {

	color: #666;

}

html, body {

	width: 100%;

	min-width: 320px;

}

body, button, input, select, textarea {

	margin: 0;

	padding: 0;

	font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif";

	font-size: 14px;

	background: #fff

}

ul, ol, li, dl, dd, dt {

	list-style: none;

}

em {

	font-style: normal;

}

a {

	text-decoration: none;

	outline: none;

}

a:hover {

	text-decoration: underline;

}

legend {

	color: #000;

}

fieldset, img {

	border: 0;

}

label, button {

	cursor: pointer;

}

/*解决IE图片缩放失真*/

img {

	-ms-interpolation-mode: bicubic;

}

/*清除浮动*/

.clearfix:after {

	content: '';

	display: block;

	height: 0;

	clear: both;

}

.clearfix {

	zoom: 1;

}

.clear {

	clear: both;

}

/*连续英文、数字换行*/

.wordwrap {

	word-break: break-all;

	word-wrap: break-word;

}

/*单行文字超出显示省略号*/

.omg {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

img {border: 0;vertical-align: middle;}

a {color: #3a3a3a;text-decoration: none;}

a:hover {text-decoration: none}

.fl {float: left;}

.fr {float: right;}



/* 设置滚动条的样式 */

::-webkit-scrollbar {

width:4px;

}/* 滚动槽 */

::-webkit-scrollbar-track {

background-color:#f0f0f0;

border-radius:0px;

}/* 滚动条滑块 */

::-webkit-scrollbar-thumb {

background-color:#6d6e70;

}

::-webkit-scrollbar-thumb:window-inactive {

background-color:#3c3c3c;

}

/*首页*/

.mingm {display: none !important;}

.container {width: 95%;max-width: 1230px;margin: 0 auto;}

#header {width: 100%;position: fixed;top: 0;left: 0;z-index: 999999;}

#header .logo {width: 30%;display: inline-block;overflow: hidden;}

#header .logo a {display: block;}

#header .logo img {vertical-align: middle;}

#header.on { background-color: rgba(0, 0, 0, 0.55);}



#header2 {width: 100%;position: fixed;top: 0;left: 0;z-index: 999999;background-color: rgba(255, 255, 255,1);}

#header2 .logo {width: 30%;display: inline-block;overflow: hidden;}

#header2 .logo a {display: block;}

#header2 .logo img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  max-height: 80px;
}

@media (max-width: 600px) {
  #header2 .logo img {
    max-height: 48px;
  }
}

#header2.on { background-color: rgba(255, 255, 255, 0.95);}



/*导航*/



#nav {width: 70%;z-index: 999999;}

#nav ul{}

#nav ul li {float:left;width: 15.3%;margin-left: 1%;    z-index: -9;}

#nav ul li a {color: #fff;width: 98%;padding: 0 1%;font-size: 15px;text-align: center;line-height: 90px;padding-bottom: 2px;

	display: inline-block;

	cursor: pointer;

	position: relative;

	overflow: visible;

	-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;

	transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;

}

#nav ul li a:before {

	content: '';

	display: block;

	width: 0;

	margin: 0 auto;

	height: 1px;

	background: #0162b2;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}

#nav ul li a:hover {color: #0162b2;}

#nav ul li a:hover:before {width: 50%;}

#nav ul li a.active:before {width: 50%;}

#nav .top {display: none;}

#nav .logo {display: none;}



  /* 二级菜单 */

       #nav .subMenu{display: none;/*position: absolute;*/top: 50px;left: 0;width: 200px;margin-left: -26%; height: px;z-index:99999}

       #nav .subMenu ul{}

	   #nav .subMenu ul li {width:100%;}

       #nav .subMenu ul li a{display:block;text-align: center;line-height: 30px;font-size:12px;}

       #nav .subMenu ul li a:hover{color:#0162b2}





/*内页头部导航*/

#nav2 {width: 60%;z-index: 999999;}

#nav2 ul{}

#nav2 ul li {float:left;width: 15.3%;margin-left: 1%;    z-index: -9;}

#nav2 ul li a {color: #333;width: 98%;padding: 0 1%;font-size: 15px;text-align: center;line-height: 90px;padding-bottom: 2px;

	display: inline-block;

	cursor: pointer;

	position: relative;

	overflow: visible;

	-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;

	transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;

}

#nav2 ul li a:before {

	content: '';

	display: block;

	width: 0;

	margin: 0 auto;

	height: 1px;
	position: absolute;
	left: 25%;

	background: #0162b2;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}

#nav2 ul li a:hover {color: #0162b2;}

#nav2 ul li a:hover:before {width: 50%;
position: absolute;
left: 25%;
/* bottom: 0; */
}

#nav2 ul li a.active:before {width: 50%;}

#nav2 .top {display: none;}

#nav2 .logo {display: none;}



  /* 二级菜单 */

       #nav2 .subMenu{display: none;/*position: absolute;*/top: 50px;left: 0;width: 200px;margin-left: -40%; height: px;z-index:99999;overflow: hidden; padding-bottom: 10px;}

       #nav2 .subMenu ul{}

	   #nav2 .subMenu ul li {width:100%;}

       #nav2 .subMenu ul li a{display:block;text-align: center;line-height: 30px;font-size:12px;}

       #nav2 .subMenu ul li a:hover{color:#0162b2}

	   #nav2 .subMenu ul li a:hover:before {width: 50%;
		position: absolute;
		left: 25%;
		bottom: 0;
		}



/*首页banner*/

#banner {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;margin: 0px auto;}
#banner .swiper-container .swiper-slide .img1{
	width: 120px;
	height: 80px;
	position: absolute;
            top: 20%;
            left: 30%;
            animation: dong 10s infinite linear;
}
@keyframes dong {
	0%{
		top: 20%;
		left: 30%;
		background: url(../images/shui.png) no-repeat center;
		background-size: cover;
	}
	20%{
		top: 20%;
		left: 40%;
		transform: translateX(0px);
		background: url(../images/shui.png) no-repeat center;
		background-size: cover;
	}
	40%{
		top: 40%;
		left: 45%;
		transform: translateY(0px);
		background: url(../images/shui.png) no-repeat center;
		background-size: cover;
	}
	60%{
		top: 40%;
		left: 50%;
		transform: translateX(0px);
		background: url(../images/qi.png) no-repeat center;
		background-size: cover;
	}
	80%{
		top: 30%;
		left: 55%;
		transform: translateY(0px);
		background: url(../images/qi.png) no-repeat center;
		background-size: cover;
	}
	100%{
		top: 20%;
		left: 70%;
		transform: translateX(0px);
		background: url(../images/qi.png) no-repeat center;
		background-size: cover;
	}

}
#banner img {/*width: 100%;*/}

#banner-inside {	position: relative;width: 100%;height: 350px;overflow: hidden;margin: 0px auto;}

#banner-inside img {position: absolute;left: 50%;top: 0px;margin-left: -1000px;}





.h_tlt1 {width: 100%;text-align: center;position: relative;margin: 50px 0;}

.h_tlt1:before {content: '';width: 108px;height: 12px;background:url(../images/xx.png);position: absolute;bottom:25%;left: 26%;margin-left: -30px;}

.h_tlt1:after {content: '';width: 108px;height: 12px;background:url(../images/xx2.png);position: absolute;bottom:25%;left: 70%;margin-left: -30px;}

.h_tlt1 h2 {font-size: 36px;font-weight:500;color: #333;text-align: center;display: inline-block;vertical-align: top;height: 40px;line-height: 40px;margin-right: 5px;}

.h_tlt1 h2 em{font-size: 36px;font-weight:600;color: #0162b2;}

.sy_gg {width: 100%;}

.sy_gg img {max-width: 100%;height: auto;}



.h_tlt2 {width: 100%;text-align: center;position: relative;margin-top: 100px;}

.h_tlt2:before {content: '';width: 108px;height: 12px;background:url(../images/xx.png);position: absolute;bottom:25%;left: 26%;margin-left: -30px;}

.h_tlt2:after {content: '';width: 108px;height: 12px;background:url(../images/xx2.png);position: absolute;bottom:25%;left: 70%;margin-left: -30px;}

.h_tlt2 h2 {font-size: 36px;font-weight:500;color: #fff;text-align: center;display: inline-block;vertical-align: top;height: 40px;line-height: 40px;margin-right: 5px;}

.h_tlt2 h2 em{font-size: 36px;font-weight:600;color: #ffffff;}





/*首页第一块选择我们*/

.ixBox2R {width: 100%;overflow: hidden;}

.ixBox2RDl dd {float: left;width: 30%; margin-right:5%; margin-bottom:3%; overflow: hidden;}

.ixBox2RDl dd:last-child{margin-right:0%; }

.ixBox2RDl dd a { display: block;  overflow: hidden; position: relative;   background: linear-gradient(#0265b3, #20c5f2); border-radius: 10px 10px 0px 0px;}

.ixBox2RDl dd a:after { content: "";  display: block; width: 100%;padding-top:89.6153%;}

.ixBox2RDl dd a .ddC {
	/* height: 100%;  */
	position: absolute; 
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	/* padding:55px 25px 25px 25px; */
	text-align:center; 
}

.ixBox2RDl dd a .ddC .divT { clear: both; overflow: hidden; height: 30px; line-height: 30px; color: #fff;font-weight:600; font-size: 20px; transition-duration: 0.3s;}
.ixBox2RDl dd a:hover .ddC{
	display: none;
}
.ixBox2RDl dd a:hover .ddC .divT {color: #fff}

.ixBox2RDl dd a .ddC .divT2 { clear: both; overflow: hidden; height: 120px;line-height: 24px;color: #fff;font-size: 14px; transition-duration: 0.3s;}

.ixBox2RDl dd a:hover .ddC .divT2 { color: #fff;}

.ixBox2RDl dd a .ddC .divT3 {width: 90px;height: 2px; background:#fff;margin:15px auto;}



.ixBox2RDl dd a:hover .ddC .divT3 { color: #ffffff}

.ixBox2RDl dd a .icon { width: 90px; position: absolute; bottom: 0; right: 0; transition-duration: 0.3s;}

.ixBox2RDl dd a .icon span {display: block; width: 70px; height: 70px; position: absolute;  bottom: 0; right: 0;background-position: center center; background-repeat: no-repeat;}

.ixBox2RDl dd a .icon.icon1 span { background-image: url(../images/ixbox2_icon1.png)}

.ixBox2RDl dd a .icon.icon2 span { background-image: url(../images/ixbox2_icon2.png)}

.ixBox2RDl dd a .icon.icon3 span { background-image: url(../images/ixbox2_icon3.png)}

.ixBox2RDl dd a:hover .icon.icon1 span {background-image: url(../images/ixbox2_icon1h.png)}

.ixBox2RDl dd a:hover .icon.icon2 span { background-image: url(../images/ixbox2_icon2h.png)}

.ixBox2RDl dd a:hover .icon.icon3 span {  background-image: url(../images/ixbox2_icon3h.png)}

.ixBox2RDl dd a:hover .icon {width: 100%}

.ixBox2RDl dd a .icon:after { content: ""; display: block; width: 100%; padding-top: 100%;}

.ixBox2RDl dd a .icon1:before { content: "";display: block; width: 200%;padding-top: 200%; position: absolute;top: 0;left: 0; background: #f6f6f6;border-radius: 100%;transition-duration: 0.3s;}
.ixBox2RDl dd a .icon2:before { content: "";display: block; width: 200%;padding-top: 200%; position: absolute;top: 0;left: 0; background: #f6f6f6;border-radius: 100%;transition-duration: 0.3s;}
.ixBox2RDl dd a .icon3:before { content: "";display: block; width: 200%;padding-top: 200%; position: absolute;top: 0;left: 0; background: #f6f6f6;border-radius: 100%;transition-duration: 0.3s;}

.ixBox2RDl dd a:hover .icon:before {border-radius: 0%;}

.ixBox2RDl dd a:hover .icon1:before {background:url(../images/tree-1.jpg) no-repeat;width: 100%;height: 100%;padding-top: 0;background-size: 100%;margin-top: 38px;}
.ixBox2RDl dd a:hover .icon2:before {background:url(../images/tree-2.jpg) no-repeat;width: 100%;height: 100%;padding-top: 0;background-size: 100%;margin-top: 38px;}
.ixBox2RDl dd a:hover .icon3:before {background:url(../images/tree-3.jpg) no-repeat;width: 100%;height: 100%;padding-top: 0;background-size: 100%;margin-top: 38px;}





/*优势*/

.ys{overflow: hidden; margin-top:3%;}

.ys_main { width: 100%;  padding:0% 0 29px 0; position: relative;}

.ys_main .img {width: 50%; height: 470px; overflow: hidden; position: absolute; top: 0px; left: 25.5%;}

.ys_main .img li {position: absolute;left: 0;top: 0; overflow: hidden;}

.ys_main .img li img {width: 100%;overflow: hidden;}

.ys_main ul {width: 33.666%;float: left;}

.ys_main ul li { width: 65%; float: left; margin: 10% 0; cursor: pointer; position: relative;}

/* .ys_main ul li:hover {border-bottom:1px solid #0162b2} */

.ys_main ul li .ico { float: left; border-radius:20% 0 0 0;text-align: center;padding:0 10%; position: relative;margin-bottom:1px;}

.ys_main ul li:hover .ico { background:#0162b2;}

.ys_main ul li:hover .ico .text h6,.ys_main ul li:hover .ico .text p{ color: #fff;}

.ys_main ul li .ico span { display: inline-block;*display: inline;*zoom: 1;position: relative;z-index: 3; overflow: hidden;}

.ys_main ul li .ico span a-img {position: relative;z-index: 3;display: block;}

.ys_main ul li .ico span .active-img {position: absolute;left: 0;top: 0; opacity: 0;}

.ys_main ul li:hover .ico span .active-img {position: absolute;left: 0;top: 0; opacity: 1;}

.ys_main ul li:hover .a-img {opacity: 0;}



.ys_main ul li .text {padding: 10px 0px 20px 0; }

.ys_main ul li .text h6 {width: 100%;float: left;font-weight:500;margin-bottom: 15px;font-size: 20px;color: #333;line-height: 25px;overflow: hidden;}

.ys_main ul li .text p {text-align:left;color: #888;}

.ys_main .main_1_r {float: right;}

.ys_main .main_1_r .ico {float: right;}

.ys_main .main_1_r li {float: right;}

.ys_main .main_1_r li .text { margin-left: 0;}

.ys_main ul li .ico:before { content: '';background: url(../images/ico3_8.png) no-repeat center;position: absolute;width: 57px;height: 13px;left: 70%;top: 50%;margin-top: -6px;}

.ys_main .main_1_r .ico:before {

  left: auto;

  right: 70%;

  transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  /* IE 9 */

  -moz-transform: rotate(180deg);

  /* Firefox */

  -webkit-transform: rotate(180deg);

  /* Safari 和 Chrome */

  -o-transform: rotate(180deg);

  /* Opera */

}



.ys_main ul li.on .ico:before {background-image: url(../images/ico3_9.png);}

.ys_main ul li.on .ico span:before {top: 0;}

.ys_main ul li:hover .ico span:before { top: 0;}



/*首页产品*/

.ladyproduct{background: linear-gradient(#fff, #ededed);overflow:hidden; padding-bottom:50px;}

.ladyScroll a{float:left;width:33.15%;border:1px solid #ddd; text-align:center;position:relative;overflow:hidden;}

.ladyScroll a img{display:block;width:100%;}

.ladyScroll a .txt{position:absolute;bottom:0px;background:rgba(255,255,255,0.8) url(../images/row4ldbg.png) no-repeat  right bottom -47px ;width:90%;padding:5% 5% 15% 5%; color:#333;font-weight:600; font-size:18px;line-height:26px;transition: all 0.2s ease-in-out 0s;}

.ladyScroll a .txt:before{position: absolute;content: '';width: 60px; height: 3px;background:#0162b2;left:10%;top:0 }

.ladyScroll a:hover .txt{background:rgba(255,255,255,0.8) url(../images/row4ldbg.png) no-repeat  right bottom 0px; transition: all 0.3s ease-in-out 0s;}

.ladyScroll a:hover .txt:before{position: absolute;content: '';width: 220px; height: 3px;background:#0162b2;left:10%;top:0;transition: all 0.2s ease-in-out 0s;}



.ladyScroll2 a{float:left;width: 30%;margin: 0 1% 3%;text-align:center;position:relative;overflow:hidden;    border: 1px solid #e9e9e9;}

.ladyScroll2 a:nth-child(3n) { margin-right: 0;}

.ladyScroll2 a img{display:block;width:100%;}

.ladyScroll2 a .txt{/*position:absolute;*/bottom:0px;background:rgba(255,255,255,0.8)url(../images/jt2.png) no-repeat center top 40px;width:90%;padding:5% 5% 10% 5%; color:#333;font-weight:600; font-size:16px;line-height:26px;transition: all 0.2s ease-in-out 0s;}

.ladyScroll2 a:hover .txt{

	background:#0162b2 url(../images/jt2_h.png) no-repeat center top 55px;

	color:#fff; transition: all 0.3s ease-in-out 0s;}





/*新闻begin*/

.ixBox5 { clear: both;overflow: hidden;}

.ixBox5T {clear: both;overflow: hidden;border-bottom:1px solid #ddd;}

.ixBox5T .ixBoxT {clear: none;width: 250px;}

.ixBoxT h3 {line-height: 35px; font-size: 26px; font-weight: 600; color: #555;}

.ixBoxT h3  em{font-size: 14px; font-weight: 400; color: #bdbdbd;}

 a.ixBox5More { display: block; width: 120px; height: 41px; overflow: hidden; line-height: 40px;text-align: center;background: #dcdcdc;margin-left: 10px;color: #333;font-size: 14px;transition-duration: 0.3s;}

 a.ixBox5More:hover { background: #1a5987; color: #fff}

.wrapC_h60 { clear: both; padding-top: 1.9735%}

.ixBox5L { width: 50%;border-radius: 10px; overflow: hidden; background: #fff;}

.ixBox5L .pic { clear: both;height: 285px; overflow: hidden; background-position: center center;background-repeat: no-repeat; background-size: cover;}





.ixBox5R { width: 50%;}

.ixBox5RDl dd { background: #f1f2f4;overflow: hidden;margin-bottom: 30px; transition-duration: 0.3s;}

.ixBox5RDl dd:hover { box-shadow: 0 2px 4px #91bee4}

.ixBox5RDl dd a { display: block; overflow: hidden;}

.ixBox5RDl dd a .day { width: 128px;height: 108px; transition-duration: 0.3s; }

.ixBox5RDl dd a:hover .day { background: #0162b2}

.ixBox5RDl dd a .day span {display: block;height: 37px; line-height: 37px; overflow: hidden; margin-top: 32px; text-align: center;  color: #333; font-size: 42px;  font-family: "zwp"; transition-duration: 0.3s;}

.ixBox5RDl dd a:hover .day span { color: #fff}

.ixBox5RDl dd a .day em {

    display: block;

    height: 25px;

    line-height: 25px;

    overflow: hidden;

    text-align: center;

    color: #333;

    font-size: 14px;

    font-style: normal;

    font-family: "zwp";

    transition-duration: 0.3s;

}

.ixBox5RDl dd a:hover .day em { color: #fff}

.ixBox5RDl dd a .divR {overflow: hidden; padding: 0 4.878%;border-left: 1px solid #ddd;margin-top: 17px;}

.ixBox5RDl dd a .divR .divT {  clear: both; height: 30px;line-height: 30px;overflow: hidden; font-size: 16px;color: #000;}

.ixBox5RDl dd a .divR .divT2 { clear: both;line-height: 22px;overflow: hidden;font-size: 14px;color: #666;}





/*合作伙伴*/

.hz {overflow: hidden;padding: 50px 0;background: #0162b2 url(../images/hz_bg.png) no-repeat top 25px center;}

.product {position: relative;width: 100%;padding: 40px 0px;margin: 0px auto;}

.product .bd {width: 95%; max-width: 1200px;margin: 0px auto;margin: 40px auto 40px;overflow: hidden;}

.product .bd li {position: relative;display: block;float: left;width: 22.5%;background:#fff;background-position: left top;margin: 0 14px 0 14px;overflow: hidden;}

.product .bd li>a {display: block;display: flex;justify-content: center;align-items: center;

	display: -webkit-box;

	-webkit-box-pack: center;

	-webkit-box-align: center;

}

.product .bd li .img {
	/* max-width: 100%;
	max-height: 100%;
	width: 100%; */
	margin: 20px auto;

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s;

}



.product .bd li:hover .img {margin-top: 20px;}

.product .bd li:hover .name {height: 100%;background:rgba(0,0,0,0.5);}

.product .bd li:hover .name p a{color: #fff;background:#0162b2;margin-top:45%;margin-bottom:15px;}

.product .bd li:hover .name p em {display:none}

.product .arrow {margin: 0px auto;position:absolute;text-align: center;}

.prev, .next {width: 40px;position: absolute;height: 42px;right: -3%;top: 45%;cursor:pointer; display: block;z-index: 9;background: url(../images/product-arrow-right.png) no-repeat 0 0;}

.prev {left: -3%;background: url(../images/product-arrow-left.png) no-repeat 0 0;}



 

/*优势*/

.bg-blue{}

.developer-solution-block{position:relative;padding:50px 0;clear:both;margin:0 auto}



/*左边分类*/

.developer-solution .solution-tab{background:#ededed;font-size:18px;color:#333;line-height:28px;text-align:center;display:inline-block;width:22%;float:left;overflow: hidden;}

.developer-solution .solution-tab ul{background:rgba(255,255,255,0.20);opacity:1;}

.developer-solution .jiameng{background:#0162b2 url(../images/jia.png) no-repeat right 15px center;opacity:1;color:#fff; font-size:20px;font-weight:600;text-align:left;padding:20px 0px 20px 20px;}

.developer-solution .jiameng em{font-size:14px;font-weight:100;}

.solution-tab ul li{padding:30px 20px;text-align:left;color:#333;overflow: hidden;}

.solution-tab ul li img{float:left;}

.solution-tab ul li p{float:left;font-size:20px;font-weight:600;margin-left:10px;}

.solution-tab ul li p em{font-size:14px;font-weight:100;}

.solution-tab ul li.active{background:#0162b2;color:#fff;margin-left:0px;}

/*右边内容标题详情*/

.developer-solution .solution-detail{width:78%;/*width:calc(100% - 400px);*/display:inline-block;vertical-align:top;text-align:left}

.developer-solution .solution-detail ul li{display:none}

.developer-solution .solution-detail ul li.active{display:block}

.solution-detail li .title{font-size:22px;color:#ffffff;line-height:28px;text-align:left;margin-bottom:14px}

.solution-detail li .detail{position:absolute;width:55%; bottom:5%;background:#fff;padding:35px; font-size:14px;color:#777;line-height:22px;text-align:left}

.solution-detail li .detail h2{font-size:22px;color:#333;font-weight:500;margin-bottom:15px;}

.solution-detail li .detail .txt{float:right;width:80%}









/*公司简介*/

.ly_about {width: 100%;background:#ededed url(../images/gsjjimg.jpg) no-repeat right top;background-size:50%;}

.ly_about_in {padding: 40px 0 60px;}

.gsjj_img {float: right;margin-top: 20px;width: 50%;}

.gsjj_img img {max-width: 100%;display:none;}

.gsjj_in {width: 47%;float: left;margin: 20px 0 0 0;}

.gsjj h2 {font-size: 36px;font-weight: normal;color: #0162b2;}

.gsjj h3 {font-size: 18px;color: #0162b2;font-weight: normal; }

.gsjj .line {height:2px;width:145px; background:#0264b3; margin-top:10px;}

.gsjj p {font-size: 14px;color: #666;line-height: 30px;margin-top: 30px;margin-bottom: 10px;overflow: hidden;}

.gsjj a.more {display: block;width: 100px;height: 30px;font-size: 14px;color: #333;text-align: center;border:1px solid #999;line-height: 30px;float: right;margin-top: 15px;border-radius: 30px;}

.gsjj a.more:hover {background: #0264b3;cursor: pointer;color: #fff;}





.foot1 {background-color: #0e1935;width: 100%;overflow:hidden}

.foot1 .fb_b {border-top:1px solid #97989c;padding-top:5px;overflow:hidden}

.foot1 .fb_l {width:70%;color: #ffffff;line-height: 70px;font-size: 14px;}

.foot1 .fb_l a {color: #fff;}



.foot1 .fb_r {width:30%;text-align: right;color: #fff;line-height: 24px;font-size: 14px;}

.foot1 .fb_r a {color: #fff;}



.bottom_main{background-color: #0e1935;padding: 40px 0;overflow:hidden;}

.bottom_main .bottom_nav ul {width: 12.8%; text-align: center;float: left;}

.bottom_main .bottom_nav ul:first-child {width: 30%;text-align: left;border-right:1px solid #ebebeb;margin-right:5% }

.bottom_main .bottom_nav ul h2 a{display: block;font-size: 28px;color: #fff;padding-bottom: 8px;}

.bottom_main .bottom_nav ul li h3 a {display: block;font-size: 14px;color: #fff;padding-bottom: 8px;}

.bottom_main .bottom_nav ul li{color: #fff;padding-top: 5px;}

.bottom_main .bottom_nav ul li a {display: block;font-size: 12px;color: #fff;padding-top: 5px;}

.bottom_main .bottom_nav ul li a:hover {color: #1ec0ef;}





/*-------------------内页开始-------------------*/



.ny_tjcp {

	width: 100%;

	padding: 40px 0;

}

.ny_tjcp .product {

	padding: 0;

}

.ny_tjcp .product .bd {

	width: 100%;

	margin: 0 auto 30px;

}

.ny_tjcp .product .bd li {

	background: none;

}

.ny_tjcp .product .bd li .name span {

	color: #fff;

	display: block;

	background: url(../images/product-line.png) no-repeat;

	background-position: center bottom;

	font-size: 16px;

	font-weight: normal;

	text-align: center;

	padding: 0 10px 12px;

	height: 25px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.carousel-caption {background:rgba(255,255,255,0.8); position: absolute;bottom: 20%;padding: 5%;color: #0162b2;text-align: center;}

.carousel-caption h2 {margin:15px 0 10px 0;font-size: 36px;font-weight:500; -webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration: 0.8s;animation-duration: 0.8s;}

.carousel-caption h3 {font-size: 19px;color: #0162b2;font-weight: 400; -webkit-animation-name: fadeInUp;animation-name: fadeInUp; -webkit-animation-duration: 1.2s; animation-duration: 1.2s;}

.carousel-caption .sline{width: 70px;height:3px; background:#0162b2;margin:10px auto;}



.ny_banner {width: 100%;position: relative;margin-top: 80px;overflow: hidden;}

.ny_banner .slideshow {height: 500px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}



@media (max-width: 1199px) and (min-width: 1001px) {

.ny_banner .slideshow {

	height: 320px;

}

}

@media screen and (max-width: 1000px) {

.ny_banner .slideshow {

	height: 280px;

}

}

@media screen and (max-width: 760px) {

.ny_banner .slideshow {

	height: 170px;

}
#header2 .logo{

 margin:10px 0;

}

.about_process{

	background-size: unset !important;

	background-attachment:unset !important;

}

.qyjjBox1R2{

	background-size: unset !important;

	background-attachment:unset !important;

}



}

@media screen and (max-width: 480px) {

.ny_banner .slideshow {

	height: 120px;

}

}

.ny_tlt1 {width: 100%;margin-bottom: 30px;}

.ny_tlt1 p {font-size: 24px;color: #4d779e;text-align: center;}

.ny_tlt1 span {display: block;font-size: 14px;font-weight: lighter;color: #999;text-align: center;height: 30px;line-height: 30px;}





.about_x {line-height: 30px;font-size: 14px;color: #666666;padding-top: 70px;}

.about_x img {margin-bottom: 15px;max-width: 100%;height: auto !important;}

.about_x .show_t {float:left;width:40%;}

.about_x .con_id { float:right;width:50%;padding:5%; line-height: 30px;overflow: hidden;background:#fff;border-top:5px solid #0162b2; margin-top: -50px;}

.about_x .con_id h2{ color: #333;line-height: 70px;font-size: 26px;}

.pageBoxT{color:#0162b2;position: relative;margin-left:14%;}

.pageBoxT:before{background:#0162b2;position: absolute;content: ''; width: 80px; height: 2px; left: -16%;top: 14px;}



.qyjjBox1R{border-bottom:2px solid #f3f3f3;overflow:hidden;}

.ixBox1RDl dd {float: left;width: 33.3333%;overflow: hidden;text-align: center;padding: 7.7244% 0;}

.ixBox1RDl dd .divC { display: inline-block; min-width: 105px;}

.ixBox1RDl dd .divC .divT  {display: block;color: #0162b2; font-size: 18px;font-weight: bold; line-height: 60px; font-family: "zwp";}

.ixBox1RDl dd .divC .divT2 {clear: both;  overflow: hidden; color: #666666; font-size: 14px; line-height: 28px;}



.qyjjBox1R2 {

	overflow: hidden;

	background: url(../images/ccbg.jpg) no-repeat center center;

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100%;

	background-attachment: fixed;

}

.ixBox1RD2 dd {float: left;width: 20%;overflow: hidden;text-align: center;padding: 7.7244% 0;}

.ixBox1RD2 dd .divC { display: inline-block; min-width: 105px;}

.ixBox1RD2 dd .divC .divT  { display: block;color: #fff; font-size: 18px;font-weight: bold; line-height: 60px; font-family: "zwp";}

.ixBox1RD2 dd .divC .divT2 {clear: both;  overflow: hidden; color: #fff; font-size: 14px; line-height: 28px;}



.culture_x {background:#fff;overflow:hidden;padding-top:70px;}

.culture_x img {margin-bottom: 40px;max-width: 100%;height: auto !important;}

.culture_x .show_t {float:right;width:40%;}

.culture_x .con_id { float:left;width:50%;padding:0 0%; line-height: 30px;overflow: hidden;background:#fff;}

.culture_x .con_id h2{ color: #333;line-height: 70px;font-size: 26px;}



.culture_tag {}

.culture_tag ul li {width: 100%;float: left;border-bottom:1px solid #e9e9e9;}

.culture_tag ul li div{padding:30px 0 30px 10px;}

.culture_tag ul li h3 {display: inline-block;font-size: 16px; color: #222;margin-bottom:10px;}

.culture_tag ul li div.culture_img {float:left;width:70px;cursor:pointer;}

.culture_tag ul li div.span3 {float:right;width:82%}



.culture_img img {transition: all 0.5s;}

.culture_tag ul li:hover .culture_img img {transform: rotateY(180deg);}





.bg-blue .con_id{ margin-bottom:20px;}

.bg-blue .con_id h4{ color: #333;font-size: 26px;line-height:70px;}

.bg-blue .con_id .pageBoxT2{color:#0162b2;position: relative;margin-left:8%;}

.bg-blue .con_id .pageBoxT2:before{background:#0162b2;position: absolute;content: ''; width: 80px; height: 2px; left: -8%;top: 10px;}



 /*内页客户案例*/

.case{padding: 30px 0;}

.case .list{margin-top: 44px;}

.case .list li{width: 31.33333%;margin-right: 2%;margin-bottom: 30px;}

.case .list li:nth-child(3n){margin-right: 0;}

.case .list .pic{width: 100%;}

.case .list .pic p{	display: block;width: 100%;height: 100%;position: relative;}

.case .list .pic img{max-width: 100%;max-height: 100%;}

.case .list .title{text-align: center;font-size: 0;  padding: 20px 0;}

.case .list .title:hover{background:#0162b2;}

.case .list .title a{

	display: inline-block;

	font-size: 16px;

	color: #333;

	font-family: arial;

	line-height: 20px;

	max-width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	-moz-transition: all .3s;

	-webkit-transition: all .3s;

}

.case .list .title:hover a{color: #fff;}



/*内页合作品牌*/

.cooperation-box {margin: 3%  0;}

.cooperation-box .item {width: 15.5%;border: 1px solid #ededed;padding:2%;float:left;}

.cooperation-box .item:first-child {border-left-width: 1px;}

.cooperation-box .item a {width: 100%;height: 100%;background-color: #fff;}

.cooperation-box .item img {width: 100%;}





/*内页产品服务*/

.ihead { position: relative; line-height: 1.6; margin: 3% 0; text-align:center;}

.ihead h2 {font-size: 28px;color: #333;line-height:55px;text-align:center;  font-weight: 600; position: relative; }

.ihead p {font-size: 14px;color: #003c82; }

.video_list{overflow:hidden}

.video_list > li {float: left; line-height: 24px;width: 25%;height: 270px;text-align: center;position: relative;background-color: #fff;}

.video_list > li:nth-child(5),.video_list > li:nth-child(7){background-color: #008ad4;color: #fff;}

.video_list > li img {max-width: 100%;}

.video_list > li > div {padding:49px 25px 0 25px;}

.video_list > li > div > h3 {font-size:16px;color: #0162b1;font-weight:600;margin:15px 0;}

.video_list > li:nth-child(5) > div > h3,.video_list > li:nth-child(7) > div > h3 {font-size:16px;color: #fff;font-weight:600;margin:15px 0;}



.video_content{overflow:hidden;background:#fff;}

.video_txt{margin:8% 0}

.video_txt .video_txt_fl{width:60%;float: left}

.video_txt .video_txt_fl h2{font-size: 24px;color: #333;margin-bottom:25px;}

.video_txt .video_txt_fl p{line-height:30px;color: #555;}

.video_txt .video_txt_fr{width:35%;float: right}





.about_process {

	padding: 5vh 0;

	background: url(../images/processbg.jpg) no-repeat top center;

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100%;

	background-attachment: fixed;

}

.ihead2 { position: relative; line-height: 1.6; margin: 3% 0; text-align:center;}

.ihead2 h2 {font-size: 28px;color: #fff;line-height:55px;text-align:center;  font-weight: 600; position: relative; }

.ihead2 p {font-size: 12px;color: #fff; }



/*发展历程*/

.event_box{width:90%;margin:3% auto 0;position:relative;min-height:420px;}

.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}

.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}

.parHd .tempWrap{margin:0 auto;}

.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}

.parHd li.no_line:before{display:none;}

.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#fff;margin:0 30px;position:relative;}

.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}

.parBd{text-align:center;margin-top:60px;}

.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}

.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}

.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}

.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}

div#listBox {width:100%;}

.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}

.sPrev{left:0;}

.sNext{right:0;}

.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}

.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:28px;z-index:21;}

.parHd li span,.parHd li.clone span{display:none;}	

.parHd li h2 {position:absolute;top:-50px;}	

    .swiper-container5{ overflow: hidden; position: relative; }

    .swiper-container5 .swiper-slide{ background: url("../images/nian.png") no-repeat top center; height: 350px;}

    .swiper-container5 .swiper-slide span{ display: block; text-align: center;color: #fff; }

    .swiper-container5 .swiper-slide .nian{ height: 130px; line-height: 130px;  color: #fff;  font-size: 24px;}

    .swiper-container5 .swiper-slide .zy{ padding: 60px 20px 0 20px; line-height: 25px;}

    .swiper-container5 .swiper-button-next,.swiper-container5 .swiper-button-prev{ background: url("../images/left2.png") no-repeat center center #eeeeee; border:#c9aa82 1px solid; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 45px; top:115px; left: 0; opacity: 0;}

    

    

    .swiper-container5 .swiper-button-next{background: url("../images/right2.png") no-repeat center center #eeeeee;  left:auto; right: 0;}

    .swiper-container5 .swiper-button-next:after, .swiper-container5 .swiper-button-prev:after { content: ' ';}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}





/*选择*/

.why_choose{overflow:hidden;background:#fff;}

.why_choose_1{}

.why_choose_1 h2{font-size:28px;text-align:center;color:#333;margin:3% 0;}

.why_choose_1 p{font-size:14px;text-align:center;color:#555;line-height:30px;}

.why_choose_2{margin:3% 0;overflow:hidden;}

.why_choose_fl{float: left;width: 39.5%;padding:5%; border-right:1px solid #fff;background:#0162b2;color:#fff;}

.why_choose_fl h2{font-size:18px;margin:3% 0;}

.why_choose_fl p{line-height:30px;}



.m2abt_u1{margin:4% 0}

.m2abt_aBox1 { display: block; position: relative; }

.m2abt_aBox1 .overflowHide { float: right;  width: 50%; }

.m2abt_a1Rx{ width: 45%;position: absolute; left: 0; top:20px;  line-height: 30px;font-size:14px; color: #777; }

.m2abt_a1Rx .cor_333{color:#777;}

.m2abt_a1Rx strong { font-size: 16px;color:#333; line-height: 40px; font-weight: bold; display: block; margin: 10px 0; }

.m2abt_u1 li:nth-child(2n) .m2abt_aBox1 .overflowHide {float:left;}

.m2abt_u1 li:nth-child(2n) .m2abt_a1Rx{left:auto; right:0; }





/*内页产品分类*/

.ct2-sd {float: left;width: 22%;}

.panel-sd {margin-bottom: 20px;background-color: #ecf0f9;}

.panel-sd:last-child {margin-bottom: 0;}

.panel-sd .tit {color: #fff;font-size: 22px;

	font-weight:600; background: #0162b2;padding: 12px;

padding-left: 25px;

}

.panel-sd .tit span {display: block;text-transform: uppercase;font-size: 14px;color: #fff;}

.lanmu {padding:7px 10px;}

.lanmu li {background: #fff;margin:10px 0;}

.lanmu li:last-child {border-bottom: 0;}

.lanmu li>a {display: block;line-height: 60px;padding: 0 0 0 15px;color: #333;font-size: 14px;}

/* .lanmu li:hover {background:#0162b2;} */

.lanmu li .arr {float: right;height: 60px;width: 40px;position: relative;cursor: pointer;}

.lanmu li .arr:after {

	content: '';

	border-top: 2px solid #666;

	border-left: 2px solid #666;

	box-sizing: content-box;

	display: block;

	width: 8px;

	height: 8px;

	margin: auto;

	position: absolute;

	top: 0;

	bottom: 0;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

	right: 15px;

}

.lanmu-box {

	display: none;

	background-color: #fff;

}

.lanmu-box p {

	margin: 0;

	border-bottom: 1px solid #e6e6e6;

	padding-left: 15px;

}

.lanmu-box p a {

	display: block;

	line-height: 45px;

	color: #555;

}

.tab{

	background-color: #0162b2;

}

.tab a{

	color: #fff !important;

}

/* .lanmu li>a:hover, .lanmu li.active>a {

 color: #fff;

} */

.lanmu li.open .lanmu-box {

	display: block;

}

.lanmu li.open .arr:after {

	-webkit-transform: rotate(225deg);

	transform: rotate(225deg);

}



.pagination I.selected {

	background-color: #ffb440;

	color: #fff;

}

.pagination I.selected a {

	color: #ffffff;

}

.sliderwrapper {

	width: 100%;

	padding-left: 5px;

	text-align: left;

}

.toc {

}

.toc a {

	color: #4d779e;

}

.contentdiv {

	font-size: 0;

	margin: 0 10px;

}

.contentdiv:first-child {

	display: none !important;

}

.contentdiv a {

	text-align: center;

	border-radius: 2px;

	display: inline-block;

	vertical-align: top;

	padding: 8px 2%;

	color: #76838f;

	-webkit-transition: .25s;

	-o-transition: .25s;

	transition: .25s;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	height: 22px;

	line-height: 22px;

	font-size: 12px;

	width: 8%;

	transition-duration: .3s;

	-ms-transition-duration: .3s;

	-moz-transition-duration: .3s;

	-webkit-transition-duration: .3s;

	background: #f1f1f1;

	margin: 10px 5px 0 0;

}

.contentdiv a:hover {

	background: #afafaf;

	color: #fff;

}

.hidebtn {

	float: right;

	display: block;

	width: 80px;

	height: 20px;

	line-height: 20px;

	box-shadow: 0px 0px 20px 0px #eaeaea;

	background: #dedede;

	margin: 0 auto 20px;

	font-size: 12px;

	color: #555;

	text-align: center;

	cursor: pointer;

}

.ny_content_wrap {

	width: 100%;

}

.ny_content {

	width: 90%;    overflow: hidden;

	max-width: 1230px;

	margin: 0 auto;

	padding-top: 20px;

	padding-bottom: 40px;

}

.ny_content .content_right {

	float: right;

	width: 100%;

	padding: 1%;

}

.ny_content .content_right2 {

	float: none;

	width: 100%;

	padding: 0;

	padding-bottom: 30px;

}

 .bread_nav {

	overflow: hidden;border-bottom:1px solid #e6e6e6;

	height: 60px;

	line-height: 60px;

	margin-bottom: 10px;

}

 .bread_nav .position {

	width: 75%;float:left;

	text-align: left;

	color: #777;

	overflow: hidden;

}

 .bread_nav div>em {

	display: inline-block;

	width: 25px;

	height: 40px;

	background: url(../images/dw.png) center top 20px no-repeat;

	vertical-align: top;

}

 .bread_nav div a {

	color: #555;

}

 .bread_nav div a:hover {

	color: #0256ac

}



  .tab-menu {text-align: center;float:right;}

  .tab-menu a {display: inline-block;font-size: 14px;color: #333;text-align: center;line-height: 50px;padding: 0 10px;	/*background: url(../images/dd2.png) right no-repeat*/;}

  .tab-menu a:last-child {background: none;}

  .tab-menu a:hover {color: #0162b2;}

  .tab-menu a.active{  color: #0162b2;}



/*内页新闻*/

 .zxlb-1n-ts-01-list{  }

 .zxlb-1n-ts-01-list dl {border-bottom: 1px dashed #d5d5d5; width: 92%; padding: 35px 4% 35px 0%; display: inline-block;}

 .zxlb-1n-ts-01-list dl:hover {background: #f2f2f2; }

 .zxlb-1n-ts-01-list dl.active {background: #f2f2f2; }

 .zxlb-1n-ts-01-list dt {width: 20%; float: left;margin-right: 3%;}

 .zxlb-1n-ts-01-list dt img { width: 100%; margin: 0 auto; display: block;}

 .zxlb-1n-ts-01-list dd{width: 75%; float: left; }



 .zxlb-1n-ts-01-list dd h4 { height: 40px; font-weight: 600; font-size: 16px;color: #333;line-height: 40px;overflow: hidden;}

 .zxlb-1n-ts-01-list h4 a {display: block;height: 40px;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

 .zxlb-1n-ts-01-list dl:hover h4 a { color: #003f98;}

 .zxlb-1n-ts-01-list-desc {font-size: 14px; line-height: 24px;color: #797979;overflow: hidden;}

 .zxlb-1n-ts-01-list-deta { height: 40px;display: inline-block;font-size: 14px; line-height: 40px; text-align: center;}

 .zxlb-1n-ts-01-list-deta .date{  float: left; background: url(../images/time.png) no-repeat left 0px center;height: 40px;display: inline-block;font-size: 14px; line-height: 40px;padding-left:25px;margin-right:25px; text-align: center;}

 .zxlb-1n-ts-01-list-deta .click{ float: left;  background: url(../images/eye.png) no-repeat left 0px center;height: 40px;display: inline-block;font-size: 14px; line-height: 40px; padding-left:25px; text-align: center;}







/*内页产品展示*/

.ny_products {

	width: 75%;float:right;

}

.ny_products .pro_bd {

}

.ny_products .pro_bd ul li {

	float: left;

	width: 30%;

	margin-right: 4.5%;

	margin-bottom: 30px;

	height: 360px;

}

.ny_products .pro_bd ul li:nth-child(3n) {

	margin-right: 0px;

}

.ny_products .pro_bd ul li>div {

	display: block;

	background: #fff;

	position: relative;

	background: #fff;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}

.ny_products .pro_bd ul li a .pro_img {

	text-align: center;

	width: 100%;

	height: 300px;

	background: #fff;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	overflow: hidden;

}

.ny_products .pro_bd ul li a .pro_img img {

	vertical-align: middle;

	max-width: 100%;

	max-height: 99.9%;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}

.ny_products .pro_bd ul li a .pro_img .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.ny_products .pro_bd ul li a p {

	width: 95%;border-bottom:1px solid #e6e6e6;background:url(../picture/jt.png)	no-repeat right 10px center;

	height: 50px;

	line-height: 50px;

	font-size: 15px;

	padding-left:15px;

	color: #555;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.ny_products .pro_bd ul li a:hover p {border-bottom:1px solid #0162b2;color: #0162b2;background:url(../picture/jt_h.png) no-repeat right 10px center;}

.ny_products .pro_bd ul li a p img {

float:right;margin-top:15px;margin-right:25px;

}

.ny_products .pro_bd ul li:hover>div {

	margin-top: -5px;

	box-shadow: 0px 5px 10px 5px #e1dddd;

}







/* 应用领域 */

.about_y{

	overflow: hidden;

}

.about_y ul{

	width: 100%;

}

.about_y ul li {

	width: 10%;

	height: 60px;

	font-size: 20px;

	text-align: center;

	line-height: 50px;

	float: left;

	cursor: pointer;

}

.actives{

	background:url(../images/kuang.png) no-repeat center;

	background-size: contain;

	color: #fff;

}

.app-cont{

	height: 385px;

	overflow: hidden;

	margin-top: 30px;

}

.app-left{

	width: 50%;

	height: 100%;

	float: left;

}

.app-left img{

	display:block;

	width: 100%;

	height: 100%;

}

.app-right{

	width: 50%;

	height: 100%;

	float: left;

	background-color: #0179C7;

}

.app-right h2{

	font-weight: normal;

	font-size: 30px;

	line-height: 36px;

	color: #fff;

	padding-top: 90px;

	padding-left: 30px;

}

.app-right p{

	width: 90%;

	font-size: 16px;

	line-height: 36px;

	color: #fff;

	padding-left: 30px;

	margin-top: 30px;

}

.app-tit{

	overflow: hidden;

	margin-top: 60px;

}

.app-tit p{

	font-size: 30px;

	line-height: 36px;

	color: #0179C7;

}

.app-tit p span{

	font-size: 20px;

	color: #808080;

	margin-left: 10px;

}

.app-table{

	overflow: hidden;

	margin-top: 30px;

}

.app-biao{

	width: 100%;

	display:flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.app-ge{

	width: 50%;

	margin-top: 40px;

}

.app-ge .app-p1{

	font-size: 20px;

	line-height: 24px;

	color: #666666;

}

.app-ge .app-p1 span{

	display: inline-block;

	width: 30px;

	height: 30px;

	background-color: #333;

	border-radius: 50%;

	color: #fff;

	text-align: center;

	line-height: 30px;

	margin-right: 20px;

}

.app-p2{

	width: 80%;

	font-size: 14px;

	line-height: 28px;

	color: #666666;

	margin-left: 50px;

	margin-top: 20px;

}





.map:nth-of-type(1){

	height: 450px;

}

.map{

	height: 250px;

}

 #onemap,#twomap,#threemap,#fourmap,#fivemap,#sixmap{

	width: 100%;

	float: left;

	height: 100%;

}



.ditu{

    width: 100%;

    float: left;

    height: 100%;

}



.map_div {

	overflow: hidden;

	float: left;

	width: 67%;

	height: 100%;

}

.map_div img {

	max-width: 100%;

}

.contact_r {

	overflow: hidden;

	float: left;

	width: 30%;

	height: 100%;

	background-color: #0162b2;

	padding-left: 3%;

	margin-bottom: 3%;

	color: rgb(255, 255, 255);

	font-size: 14px;

}

.contact_r h2 {

	color: rgb(255, 255, 255);

	border-left:5px solid #fff;	padding-left:15px;

	font-size: 20px;

	margin-bottom:5%;

	margin-top: 10%;

}

.contact_r ul li {

	width: 90%;

	display: block;

	margin-bottom: 10px;

}

.f_div2_fl img {

	width: 100%;

	display: block;

	margin: auto;

}

.f_div2 .f_div2_fl p{

	font-size: 12px;

	margin-top: 10px;

	text-align: center;

}







/*联系*/

.f_div2_fl{float:left;margin-right:8%;margin-top:3%;width:28%;}

.contactBody{

	background-color: #f8f8f8;

}

.contactBody h2{

	height: 50px;

    text-align: center;

    line-height: 50px;

    margin-bottom: 20px;

}

.contactBody {margin:30px 0 0px 0;overflow:hidden;}

.layui-table{float:left;width:25%;background:#0162b2;padding:15px 2.5%;color: #fff;}

.layui-table h1{font-size: 24px; padding-bottom: 20px;letter-spacing:3px;}

.layui-table p{line-height: 30px}

.f_div2{}

.tableWrap {width:100%}

.tableItem {margin-bottom: 25px; overflow:hidden;width: 32%;float: left;margin-right: 20px;}

.tableItem:nth-of-type(3){

	margin-right: 0;

}

.tableItem input::placeholder{

	color: #333;

}

.tableItems textarea::placeholder{

	color: #333;

}

.tableItem span {position: absolute;left: 20px; top: 0;display: none; height: 50px;font: 16px/50px "sisum";color: #666;}

.tableText {display: inline-block;width: 126px;height: 50px;margin-left: 10px;text-align: center;background-color: #57565f;font: bold 12px/52px "sisum";color: #fff;cursor: default;border-radius: 2px;font-size: 14px;}

.tableItem label {float: left;

	width: 20%;

	font-size: 14px;

	height: 50px; line-height: 50px;color: #333;}

.tableItems label {float: left;width: 20%;font-size: 14px;height: 50px; line-height: 50px;color: #333;}

.tableItem input {float: left;width: 100%;height: 50px;line-height: 50px;padding: 0 20px;

	 border: 1px solid #f0f0f0;vertical-align: middle;

	 font-size: 14px;outline: none; border-radius:3px;

	background-color: #fff;

	}

.tableItems textarea {float: left;width: 96%;height: 110px;padding: 20px;border: #f0f0f0 1px solid;outline: none;}

.tableBtn {width: 100%;line-height: 40px;

	border: 0 none;

	background: #000;font-size: 16px;

	color: #fff;cursor: pointer;

	margin-top: 30px;

}

 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ddd;}

.tableItems{

	width: 100%;

	overflow: hidden;

}

 .map img{max-width:100%}







.list-7 {margin-top:30px}

.list-7 li {float: left;width: 25%;}

.list-7 li a {display: block;margin: 20px 0 0 20px;background-color: #fff;box-shadow: 0 0 5px #ccc;padding: 20px;position: relative;}

.list-7 li a:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(16,68,146,0.8);content: '';z-index: 1;display: none;}

.list-7 li .img-center {overflow: hidden;position: relative;}

.list-7 li .text {text-align: center; margin-top: 20px;font-size: 16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position: relative; z-index: 2;}

.img-center img {

    display: inline-block;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.ny_news_con,.ny_news_con p{line-height: 30px;}

.ny_news_tlt {text-align: center;font-size: 24px;font-weight: 600;line-height: 50px;color: #333;}

.ny_news_time {text-align: center;font-size: 12px;color: #555;padding: 20px 0;border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;}

.ny_news_con2 {padding: 30px 0;}

.ny_news_ye {padding-top: 30px;}

.ny_news_ye p {width:49.8%;float:left;border-right:1px solid #fff;color: #0162b0; height: 95px;line-height: 95px;overflow: hidden;text-align:center;}

.ny_news_ye p a{color: #0162b0; }

.ny_news_ye p.ny_news_yebg1	{background:#f1f1f1 url(../images/left.png) no-repeat left 15px center; }

.ny_news_ye p.ny_news_yebg2	{background:#f1f1f1 url(../images/right.png) no-repeat right 15px center; }

.ny_news_ye .ny_news_yebg1:hover {background: #0162b0 url(../images/left-1.png) no-repeat left 15px center;color: #fff;}

.ny_news_ye .ny_news_yebg2:hover {background: #0162b0 url(../images/right-1.png) no-repeat right 15px center;color: #fff;}

.ny_news_ye p:hover a{color: #fff;}





/*产品详细*/

.content_left .show_menu {width: 100%;}

.page_list {margin-bottom: 30px;}

.ly_msg h3 {display: none;}

.content_right .conn .pro_name {font-size: 24px;border-bottom:1px dashed #cacaca;font-weight: 600;line-height: 50px;color: #333;margin-bottom: 10px;padding-bottom:15px}

.content_right .conn .proshow1 {padding-top: 40px;position: relative;padding-bottom: 20px;background: #fff;}

.content_right .conn .proshow1 .js-silder {float: left;width: 48%;margin-top: 0 !important;background: #fff;}





.Productlistsxqwrap{ }

.ProductDetailstop{ }

.ProductDetailstopleft{ position:relative;}

.ProductDetailstopleftimg{}

.ProductDetailstopleftimg img{ display:block;    width: 100%;}



div.zoomdiv {z-index:100;position:absolute;top:0px;right:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border: 1px solid #aaa;background: #ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



.ProductDetailstopright{ width:100%; position:relative;}

.ProductDetailsSmallimg{overflow:hidden;position:relative;margin:0px 30px; width:85%; padding-top:10px;}

.ProductDetailsSmallimg ul{width:9999px;position:relative;}

.ProductDetailsSmallimg ul li{float:left;width:80px;height:80px; position:relative; display:inline; margin-right:14px; cursor:pointer;}

.ProductDetailsSmallimg ul li img{ display:block; width:80px; height:80px;}

.ProductDetailsSmallimg ul li span{ display:block; width:78px; height:78px; border:1px solid #dadada; position:absolute; left:0px; top:0px;}



.ProductDetailsSmallimg ul li.cur span{width:78px; height:78px; border:1px solid #0162b2;}



.ProductimgArrowleft,.ProductimgArrowright{ position:absolute; bottom:0px; width:13px; height:80px; cursor:pointer;}

.ProductimgArrowleft{left:0px;background:url(../images/product2.gif) no-repeat left center;}

.ProductimgArrowright{right:0px;background:url(../images/product3.gif) no-repeat right center;}



.Productwillbtn { width: 100%; margin: 0 auto; border-bottom:1px solid #e6e6e6; text-align: center; height: 50px; line-height: 50px; overflow: hidden;}

.Productwillbtn p { height: 48px; float:left; *display: block; *zoom:1; *float: left;margin-right: 20px;}

.Productwillbtn a{  font-size: 16px; font-weight: bold; color: #333;display: block; line-height: 50px; width:100%;}

.Productwillbtn p:hover,p.cur{ border-bottom:2px solid #0162b2; }

.Productwillbtn p:hover a,.Productwillbtn p.cur a{ color: #000;font-weight:600;  border-left: none;}



.Produxqms{ padding:39px 0px; display: none;line-height:30px;}

.Produxqms img{max-width:100%;}

.proshow1 .js-silder .silder-main-img {

	width: 100%;

	text-align: center;

	height: 400px;

}

.proshow1 .js-silder .silder-main-img img {

	max-width: 80% !important;

	max-height: 100%;

	vertical-align: middle

}

.proshow1 .js-silder .silder-main-img .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.proshow1 .prodesc p {

	font-size: 14px;

	line-height: 24px;

	margin-bottom: 10px;

}

.proshow1 .prodesc p.bt {

	font-size: 20px;

	font-weight: normal;

	color: #b5b5b5;

}

.content_right .conn .proshow1 .prodesc {

	float: right;

	width: 48%;

}

.content_right .conn .proshow1 .prodesc p.desc {

	overflow: hidden; padding-bottom:50px;

	color: #555;line-height:30px;margin-bottom:30px;border-bottom:1px dashed #e6e6e6;

}

.content_right .conn .proshow1 .protel {

	font-size: 14px; color: #0162b2

}

.content_right .conn .proshow1 .protel em{

	font-size: 30px;font-weight:600;

}

.content_right .conn .proshow1 .pro_btn {

	padding-top: 30px;

	overflow: hidden;

}

.content_right .conn .proshow1 .pro_btn1 {

	display: block;

	width: 30%;

	margin-right: 20px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 16px;

	color: #fff;

	background: #0162b2;

	border-radius: 50px;

	float: left;

	border: 1px solid #fff;

}

.content_right .conn .proshow1 .pro_btn2 {

	display: block;

	width: 30%;

	margin-right: 0;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 16px;

	background: #999;

	color: #fff;

	border-radius: 50px;

	float: left;

	border: 1px solid #fff;

}

.content_right .conn .proshow1 .pro_btn2 em {

	display: block;

}

.content_right .conn .proshow1 .pro_btn1:hover {

	background: #fff;    

	border: 1px solid #7a9bba;

	color: #7a9bba;

}

.content_right .conn .proshow1 .pro_btn2:hover {

	background: #fff;

	border: 1px solid #7b7b7b;

	color: #7b7b7b;

}

.content_right .conn .xgcp li {

	float: left;

	width: 30%;

	margin-right: 4.5%;

	margin-bottom: 30px;

	height: 360px;

}

.content_right .conn .xgcp li:nth-child(3n) {

	margin-right: 0px;

}

.content_right .conn .xgcp li>div {

	display: block;

	background: #fff;

	padding-bottom: 10px;

	position: relative;

	background: #fff;

	box-shadow: 0px 0px 6px 0px rgba(127,127,127,0.30);

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}

.content_right .conn .xgcp li a .pro_img {

	text-align: center;

	width: 100%;

	height: 300px;

	background: #fff;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	overflow: hidden;

}

.content_right .conn .xgcp li a .pro_img img {

	vertical-align: middle;

	max-width: 90%;

	max-height: 90%;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s;

}

.content_right .conn .xgcp li a .pro_img .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.content_right .conn .xgcp li a p {

	width: 100%;

	height: 50px;

	line-height: 50px;

	font-size: 15px;

	text-align: center;

	color: #555;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.content_right .conn .xgcp li a p:after {

	content: '';

	display: block;

	width: 30px;

	height: 2px;

	margin: -5px auto 0;

	background: #4d779e;

}

.content_right .conn .xgcp li:hover>div {

	margin-top: -5px;

	box-shadow: 0px 5px 10px 5px #e1dddd;

}

.tags_title {

	border-bottom: 1px solid #DDD;

	margin: 0 0 30px;

}

.tags_title span {

	width: 80px;

	padding: 0 15px;

	font-size: 16px;

	text-align: center;

	height: 45px;

	line-height: 45px;

	margin-bottom: -1px;

	background: #f8f8f8;

	color: #333;

	display: block;

	margin-left: 5px;

	border: 1px solid #DDD;

	border-bottom: 1px solid #f8f8f8;

	font-weight: bold;

}

.proshow2 {

	padding-top: 20px;

}

.proshow2 .prodetail_con {

	float: right;

	width: 100%;

}

.proshow2 .prodetail_con .tags_title {

	margin: 0;

}

.proshow2 .prodetail_con .content {

	padding: 30px 0;

}

.proshow2 .prodetail_con .content img {

	max-width: 80%;

	height: auto !important;

}



.page_list {

	text-align: center;

	padding-top: 20px;

}

.page_list a {

	display: inline-block;

	padding: 0 12px;

	background: #e6e6e6;

	height: 30px;

	line-height: 30px;

	text-align: center;

	margin-right: 5px;

}

.page_list a:hover {

	background: #0162b2;

	color: #ffffff;

}

.page_list a.pnnum1 {

	background: #0256ac;

	color: #ffffff;

}

.page_list input {

	display: inline-block;

	padding: 0 5px;

	background: #0162b2;

	width: 40px !important;

	height: 30px !important;

	line-height: 30px;

	text-align: center;

	margin: 0 5px;

	color: #fff;

	cursor: pointer;

}

.page_list .p_input {

	display: inline-block;

	padding: 0 5px;

	background: #ddd;

	height: 30px;

	line-height: 30px;

	text-align: center;

	margin: 0 5px;

	color: #555;

	cursor: default;

}







/*屏幕电脑*/

@media (max-width:1199px) {

.container {

	width: 95%;

}

#header .logo {

	width: 30%;

}

#header .logo img{

	max-height: 100%;

	max-width: 100%;

}

.search-box {

	width: 27%;

}

.search-box .input-search {

	width: 100%;

}

.search-box .input-search input {

	width: 95%;

	padding-left: 4%;

}

#nav {

}

.h_title {

	margin: 30px auto 20px;

}

.art_list ul li a {

	width: 65%;

}

.art_list ul li span {

	width: 25%;

}

.h_title h3 span {

	display: none;

}

.con_right_about {

	top: 60px;

	height: 190px;

}

.ny_content .content_right {

	width: 98%;

}

.ny_content .content_right2 {

	width: 98%;

}

.ny_products .pro_bd ul li {

	width: 30%;

}

.ny_products .pro_bd ul li a .pro_img {

	height: 180px;

}

.content_right .conn .xgcp li {

	width: 30%;

}

.content_right .conn .xgcp li a .pro_img {

	height: 300px;

}

.bread_nav .position{width:70%}

.tab-menu a{

	padding: 0 5px;

}

.ny_content {

	width: 95%;

}



.silder-main {

	min-height: inherit;

}

}





/*中等屏幕*/

@media (max-width:992px) {

#header {

	background:#fff

}

#header.on {

    background-color: #fff;

}

#header .logo {

	width: 30%;

}



.h_article {

	padding: 30px 0 0;

}

.h_article .art_l {

	float: none;

	width: 100%;

}

.h_article .art_r {

	float: none;

	width: 100%;

}

.h_title {

	margin: 20px auto 10px;

}

.h_article .art_l, .h_article .art_r {

	margin-bottom: 15px;

}

#KFRightScreen {

	display: none !important;

}

#KFCenterScreen {

	display: none !important;

}

#KFBoxTitle {

	display: none !important;

}

.custombox {

	display: none !important;

}



.bottom_main{ display:none;}



.ny_products .pro_bd ul li {

	width: 47%;

}

.ny_products .pro_bd ul li:nth-child(2n) {

	margin-right: 0;

}

.ny_products .pro_bd ul li:nth-child(3n) {

	margin-right: 4%;

}

.ny_products .pro_bd ul li:nth-child(6n) {

	margin-right: 0;

}



.page_list td span {

	display: none;

}

.page_list td #firstpage {

	display: none;

}

.page_list td #endpage {

	display: none;

}

.page_list a {

	margin-right: 5px;

}

.page_list {

	font-size: 0;

	color: #fff;

	margin-bottom: 0;

}

.page_list input {

	display: none !important;

}

.page_list a {

	font-size: 12px;

}

.content_right .conn .xgcp li a .pro_img {

	height: 170px;

}

.ny_content .ny_news_con {

	min-height: 150px;

}

}

/*小屏幕*/

@media (max-width:880px) {

.ming {

	/*display: none !important;*/

}

.mingm {

	display: block !important;

}

#header .logo {

	width: 30%;

	display: block;

}

#header .logo a {

	text-align: center;

}

#banner{margin-top: 60px;}

.carousel-caption {

    display:none

}

#navToggle {

	padding: 25px 15px;

	margin-right: -6px;

	display: inline-block;

	float: right;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -20px;

}

#navToggle span {

	position: relative;

	width: 25px;

	height: 1px;

}

#navToggle span:before, #navToggle span:after {

	content: '';

	position: relative;

	width: 100%;

	height: 1px;

	left: 0;

}

#navToggle span, #navToggle span:before, #navToggle span:after {

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

	display: block;

	background: #4f4f4f;

}

#navToggle span:before {

	top: 8px;

}

#navToggle span:after {

	bottom: 10px;

}

#navToggle.open span:before {

	top: 10px;

	-webkit-transform: translateY(-11px) rotate(-45deg);

	-moz-transform: translateY(-11px) rotate(-45deg);

	-ms-transform: translateY(-11px) rotate(-45deg);

	-o-transform: translateY(-11px) rotate(-45deg);

	transform: translateY(-11px) rotate(-45deg);

}

#navToggle.open span:after {

	bottom: 12px;

	-webkit-transform: translateY(10px) rotate(45deg);

	-moz-transform: translateY(10px) rotate(45deg);

	-ms-transform: translateY(10px) rotate(45deg);

	-o-transform: translateY(10px) rotate(45deg);

	transform: translateY(10px) rotate(45deg);

}

#navToggle.open span {

	background: none;

}

#navToggle.open span:before, #navToggle.open span:after {

	background: #4f4f4f;

}

#nav {transform: translateX(100%);}

#nav .container {width: 100%;}

#nav {display: block;position: fixed;top: 0px;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #fff;

	z-index: 99999999;opacity: 1;

	visibility: visible;

	margin-top: 0;

	overflow-y: auto;

	top: 0;

	transform: translateX(100%);

}



#nav.open {transform: translateX(0);overflow-X: hidden;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}

#nav.open .top {display: block;height: 60px;padding: 20px;box-sizing: border-box;}

#nav.open .top .closed {width: 30px;height: 30px;vertical-align: middle;float: right;cursor: pointer;}

#nav.open .logo {display: block;width: 100%;margin: -20px auto 0;}

#nav.open .logo img {display: block;margin: 0 auto;}

#nav.open ul {/*margin-top: -35px;*/}

#nav.open ul li {width: 96%;/*padding: 0 2%;*/border-bottom: 1px solid #f5f5f5;	/* position: relative;*/

/*	transform: translateY(0);

	-webkit-transform: translateY(100%);

	transform: translateY(100%);

	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;*/

}

#nav.open .ul li {

	opacity: 1;

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

#nav.open ul li:nth-child(0) {

	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav.open ul li:nth-child(1) {

	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav.open ul li:nth-child(2) {

	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav.open ul li:nth-child(3) {

	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav.open ul li:nth-child(4) {

	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav.open ul li:nth-child(5) {

	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav.open ul li:nth-child(6) {

	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav.open ul li:nth-child(7) {

	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav.open ul li:nth-child(8) {

	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav.open ul li a {display: block;text-decoration: none;color: #333;line-height: 50px;width: 100%;}

#nav.open ul li a.active:after {width: 25%;}

#nav ul li a:hover:after {width: 25%;}

#nav ul li a.active:after {width:25%;}

   /* 二级菜单 */

       #nav.open .subMenu{display: none;/*position: absolute;*/top: 50px;left: 0;width: 100%; height: px;z-index:99999}

       #nav.open .subMenu ul{}

       #nav.open .subMenu ul li a{display:block;text-align: center;line-height: 30px;font-size:12px;}

       #nav.open .subMenu ul li a:hover{color:red}





	/*内页导航弹窗*/

#nav2 {transform: translateX(100%);}

#nav2 .container {width: 100%;}

#nav2 {display: block;position: fixed;top: 0px;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #fff;

	z-index: 99999999;opacity: 1;

	visibility: visible;

	margin-top: 0;

	overflow-y: auto;

	top: 0;
        left: 0;

	transform: translateX(100%);

}

#nav2.open {transform: translateX(0);overflow-X: hidden;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}

#nav2.open .top {display: block;height: 60px;padding: 20px;box-sizing: border-box;}

#nav2.open .top .closed {width: 30px;height: 30px;vertical-align: middle;float: right;cursor: pointer;}

#nav2.open .logo {display: block;width: 100%;margin: -20px auto 0;}

#nav2.open .logo img {display: block;margin: 0 auto;}

#nav2.open ul {/*margin-top: -35px;*/}

#nav2.open ul li {width: 96%;/*padding: 0 2%;*/border-bottom: 1px solid #f5f5f5;	/* position: relative;*/

/*	transform: translateY(0);

	-webkit-transform: translateY(100%);

	transform: translateY(100%);

	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;*/

}

#nav2.open .ul li {

	opacity: 1;

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

#nav2.open ul li:nth-child(0) {

	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav2.open ul li:nth-child(1) {

	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav2.open ul li:nth-child(2) {

	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav2.open ul li:nth-child(3) {

	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav2.open ul li:nth-child(4) {

	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav2.open ul li:nth-child(5) {

	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav2.open ul li:nth-child(6) {

	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav2.open ul li:nth-child(7) {

	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav2.open ul li:nth-child(8) {

	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#nav2.open ul li a {

	display: block;

	text-decoration: none;

	color: #333;

	font-size: 16px;



	line-height: 50px;

	width: 100%;

}

#nav2.open ul li a.active:after {width: 25%;}

#nav2 ul li a:hover:after {width: 25%;}

#nav2 ul li a.active:after {width:25%;}





   /* 二级菜单 */

       #nav2.open .subMenu{/*position: absolute;*/top: 50px;left: 0;width: 100%;margin-left: 0; height: px;z-index:99999}

       #nav2.open .subMenu ul{}

       #nav2.open .subMenu ul li a{display:block;text-align: center;line-height: 30px;font-size:12px;}

       #nav2.open .subMenu ul li a:hover{color:#0162b2}



.swiper-slide1 {

	background-image: url(../images/banner_sj1.jpg);

}

.swiper-slide2 {

	background-image: url(../images/banner_sj2.jpg);

}

/*.swiper-pagination-bullet {

	width: 8px;

	height: 8px;

}

.swiper-pagination-bullet-active:after {

		content: "";

		position: absolute;

		width: 6px;

		height: 6px;

		background: #fff;

		top: 1px;

		left: 1px;

		border-radius: 100%;

	}*/

.swiper-container-horizontal>.swiper-pagination {

	bottom: 10px;

}

.product {

	padding: 20px 0px;

}

.product .bd {

	/*height: 200px;*/

}

.product .bd li {

	height: 85px;

}

.product .bd li .img {
	width: 100%;
	margin: 10px auto 0px auto;

}

.product .bd li:hover .img {

	margin-top: 0;

}

.product .bd li .name {

	bottom: -21px;

}

.product .bd li .name p a {

	height: 40px;

	line-height: 40px;

	font-size: 16px;

}

.product .bd li .name span a {

	font-size: 12px;

}

/*.prev, .next {

    top: 28%;

}*/

.product .arrow {

	margin: 0px auto;    position:relative;

	text-align: center;

}

.product .arrow a {

	position: relative;

	display: inline-block;

	width: 90px;

	height: 28px;

	border: 1px solid #ddd;

	border-radius: 30px;

	margin: 0px 10px;

	overflow: hidden;

	cursor: pointer;

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s;

}

.product .arrow a img {

	width: 25px;

	height: 25px;

}

.gsjj_in,.gsjj_img {

    width: 100%;  

}

 .gsjj_in,.gsjj_img img{

    display: block;

}

}





/*手机*/

@media (max-width:1440px) {

.prev {left: -3%;display: none;}

.next {right: -3%;display: none;}

}



@media (max-width:767px) {
	#banner .swiper-container .swiper-slide .img1{
		display: none;
	}
.ming {/*display: none !important;*/}

.support{display: none !important;}

.mingm {display: block !important;}

.container {width: 95%;}

#header .logo {margin: 10px 0;}

.h_tlt1 { margin: 30px 0;}

.h_tlt1 h2,.h_tlt1 h2 em {font-size: 24px;}

.h_tlt1:before,.h_tlt1:after,.h_tlt2:before,.h_tlt2:after {background: none;}

.ixBox2RDl dd {width: 100%; margin-right: 0%;}

.ixBox2RDl dd a:after { padding-top: 69.6153%;}

.ixBox2RDl dd a .ddC { padding: 35px 25px 25px 25px;}



.ys_main .img {display:none}

.ys_main ul{width: 100%;float: none;}

.ys_main ul li { width: 50%;margin: 5% 0;}

.ys_main ul li .ico { padding: 0 5%;}

 .ladyScroll a {width: 99.99%;}

 .ladyScroll2 a {width: 47.4%;}

 .ladyScroll2 a:nth-child(2n) {margin-right: 0;}

 .ladyScroll2 a:nth-child(3n) {margin-right: 1%;}

 .ladyScroll2 a .txt {background:#fff; width: 100%; padding: 5% 0%;  font-size: 12px;}

 .bg-blue {margin-bottom:30%;}

 .developer-solution .solution-tab,.developer-solution .solution-detail{ width: 100%;}

 .solution-tab ul li {padding: 2%;width:29.333%;float: left;}

 .solution-tab ul li img{width:20%;margin-top:5%;}

 .solution-tab ul li p {font-size: 15px; margin-left: 5px;}

 .solution-tab ul li p em {display:none}

 .solution-detail li .detail h2 { font-size: 18px;margin-bottom: 5px;}

 .solution-detail li .detail p {font-size: 12px;}

 .solution-detail li .detail { width: 100%;padding: 5px;bottom: -20%;}

 .solution-detail li .detail img{ width: 15%;}

 .developer-solution .jiameng {display: none;}

 .solution-tab ul li.active {margin-left: 0px;}

 .ixBoxT h3 {font-size: 18px;}

 a.ixBox5More {width: 80px;height: 41px;line-height: 40px;}

 .ixBox5L,.ixBox5R { width: 100%;}

 .ixBox5RDl dd a .day { width: 88px; height: 68px;}

 .ixBox5RDl dd a:hover .day{ background:none}

 .ixBox5RDl dd a:hover .day span{ color:#000}

 .ixBox5RDl dd a:hover .day em{ color:#000}

 .ixBox5RDl dd a .divR .divT2 {font-size: 12px;}

 .ixBox5RDl dd a .divR { margin-top: 0px;padding:10px;}



 .ly_about_in {padding: 10px 0 20px;}

 .gsjj h2 {font-size: 24px;}

 .gsjj h3 {font-size: 16px;}

 .gsjj .line { width: 105px;}

 .ly_about {background: #ededed url(../images/n.jpg) no-repeat right top;background-size: 50%;}

 .foot1 .fb_l{ width: 100%;line-height: 50px;font-size: 12px;text-align:center;}

 .foot1 .fb_r{ display:none}



.flickerplate {height: 240px;}

.h_news .news_bd .news_tj {display: none;}

.h_news .news_bd ul {width: 100%;float: none;}

.h_news .news_bd ul li .news_con span {line-height: 18px;height: 36px;}

.h_news .news_bd ul li .news_con {padding-left: 106px;}

.h_more {width: 90px;margin: 10px auto 10px;}



.contact_list_met_11_1_26 .contact-cont {width: 96%;right: 2%;}

.contact_list_met_11_1_26 .contact-text {width: 90%;right: 5%;}



.ct2-sd{ float: none;width: auto;}

.lanmu {overflow: hidden;margin: 0 -1px 20px;display: none;}

.lanmu li {float: left;width: 100%;border: 0;margin: 5px 0;}

.lanmu li .arr {display: none;}

.lanmu li>a {

	padding: 0;

	text-align: center;

	font-size: 14px;

	line-height: 34px;

	border: 1px solid #fff;

}

.ny_banner	{margin-top: 58px;}

.ny_products {width: 100%;}



.about_x {padding-top: 0px;}

.about_x .show_t { width: 100%;}

.about_x .con_id { width: 90%;float: none;padding: 5%;}

.pageBoxT { margin-left: 30%;}

.pageBoxT:before {left: -40%;}

.ixBox1RD2{padding: 5%;overflow:hidden;}

.ixBox1RDl dd .divC .divT2 { font-size: 13px; line-height: 24px;}

.ixBox1RD2 dd .divC .divT { line-height: 40px;}

.ixBox1RD2 dd .divC .divT2 {line-height: 22px;}

.ixBox1RD2 dd { width: 100%;border:1px solid #aaa; padding:0% 0;margin:1%;}

.ixBox1RD2 dd:last-child { width: 100%;}



.culture_x .con_id { width: 95%; padding: 0 2.5%;}

.culture_tag ul li div.span3 { width: 67%;}

.culture_x .show_t {float: none; width: 100%;}

.bg-blue .con_id .pageBoxT2 { margin-left: 27%;}

.bg-blue .con_id .pageBoxT2:before {left: -36%;}





.contentdiv a {

	width: 27%;

}

.ny_products .pro_bd ul li {

	width: 47%;

	height: 170px;

}

.ny_products .pro_bd ul li:nth-child(2n) {

	margin-right: 0px;

}

.ny_products .pro_bd ul li a {

	padding-bottom: 10px;

}

.ny_products .pro_bd ul li a .pro_img {

	height: 160px;

}

.ny_products .pro_bd ul li a p {

	font-size: 14px;

	height: 40px;

	line-height: 40px;

}

.ny_products .pro_bd ul li a p:after {

	margin: -2px auto 0;

}

.ny_products .pro_bd ul li a .pro_img {

	height: 160px;

}

.ny_products .pro_bd ul li a span {

	width: 88px;

	height: 26px;

}

.ny_products .pro_bd ul li a span i {

	height: 26px;

}

.ny_products .pro_bd ul li a:hover p {

	height: 40px;

	line-height: 40px;

}

.ny_content .content_right2 {

	padding-bottom: 0;

}

.ny_content .ny_news_con {

	min-height: 100px;

}

.ny_news_ye p {

    width: 100%;

    border-right: 0px solid #fff;   margin-bottom: 5px; 

    height: 35px;

    line-height: 35px;

}

.ny_news_ye p a {

 text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.ming video{

	height: 198px;

}

video{

	width: 100%;

	height: 100%;

}

/* 应用领域 */

.about_y ul{

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.about_y ul li{

	width: 20%;

	font-size: 14px;

	line-height: 55px;

}

.app-cont{

	height: 100%;

}

.app-left{

	width: 100%;

}

.app-right h2{

	padding-top: 20px;

	padding-left: 15px;

}

.app-right{

	width: 100%;

}

.app-right p{

	margin-bottom: 20px;

	padding-left: 15px;

}

.app-ge{

	width: 100%;

	margin-top: 10px;

}

/* 地图 */



.map_div{

	width: 100%;

}

.contact_r{

	width: 100%;

	margin-bottom: 10%;

}





.zxlb-1n-ts-01-list dl { padding: 10px; }

.zxlb-1n-ts-01-list dd { width: 100%;}

.zxlb-1n-ts-01-list dd .date {margin-top:10px;}

.zxlb-1n-ts-01-list dt { width: 100%; margin-right: 0%;}



.ny_news_ye {

	font-size: 12px;

}

.content_right .conn .xgcp li {

	width: 47%;

	height: 150px;

}

.content_right .conn .xgcp li:nth-child(2n) {

	margin-right: 0px;

}

.content_right .conn .xgcp li:nth-child(3n) {

	margin-right: 3%;

}

.content_right .conn .xgcp li:nth-child(6n) {

	margin-right: 0;

}

.content_right .conn .xgcp li a {

	padding-bottom: 30px;

}

.content_right .conn .xgcp li a .pro_img {

	height: 150px;

}

.content_right .conn .xgcp li a p {

	font-size: 14px;

	height: 30px;

	line-height: 30px;

}

.content_right .conn .xgcp li a .pro_img {

	height: 120px;

}

.content_right .conn .xgcp li a span {

	width: 88px;

	height: 26px;

}

.content_right .conn .xgcp li a span i {

	height: 26px;

}

.content_right .conn .xgcp li a:hover p {

	height: 40px;

	line-height: 40px;

}

.ny_content .content_right {

	float: none;

	width: 98%;

	padding: 1%;

}



.content_right .conn .xgcp2 {

	height: 170px;

	overflow: hidden;

	margin-bottom: 20px;

	padding-top: 10px;

}



.content_right .conn .proshow1 {

	padding-top: 0;

}

.proshow1 .js-silder .silder-main-img {

	height: 300px;

}

.content_right .conn .proshow1 .js-silder {

	float: none;

	width: 100%;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	padding-top: 20px;

	padding-bottom: 20px;

}

.content_right .conn .pro_name {font-size: 18px;}

.content_right .conn .proshow1 .prodesc {

	float: none;

	width: 100%;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	padding-top: 15px;

}

.content_right .conn .proshow1 .prodesc p.desc {

/*	height: 120px;*/

}

.content_right .conn .proshow1 .protel em {font-size: 24px;}

.content_right .conn .proshow1 .pro_btn {

	padding-top: 15px;

}

.content_right .conn .proshow1 .pro_btn1 {

		width: 46%;

		height: 44px;

		line-height: 44px;

	}

	.content_right .conn .proshow1 .pro_btn2 {

		width: 46%;

		height: 44px;

		line-height: 44px;

	}

.content_right .conn .proshow1 .pro_btn2 em {

	display: none;

}

.tags_title {

	margin: 20px 0 30px;

}

.proshow2 .prodetail_con {

	width: 100%;

}

.proshow2 {

	padding-top: 0;

}

.proshow2 .prodetail_con .content {

	padding: 10px 0;

}

.contactBody {margin: 00px 0 50px 0;}

.layui-table,.tableWrap {width: 100%;}

.tableWrap {margin-top: 20px;}

.f_div2_fl { margin-right: 10%;}

.tableItem label {width: 20%;}

.tableItem { margin-bottom: 15px;width: 100%;}

.tableItem input{

	width: 100%;

}

.tableItems textarea{

	width: 90%;

}

.video_list > li {width: 50%;height: 160px;}

.video_list > li > div { padding-top: 5px;}

.video_list > li > div > h3 {margin: 5px 0;}

.video_list > li:nth-child(5) > div > h3, .video_list > li:nth-child(7) > div > h3 { margin: 5px 0;}

.video_txt .video_txt_fl,.video_txt .video_txt_fr { width: 100%;}

 .swiper-container5 .swiper-slide {  height: 200px;}

.why_choose_1 h2 { font-size: 20px;  margin: 5% 0;}

.why_choose_fl { width: 90%;}

.why_choose_fl img{ width: 100%;}

.m2abt_a1Rx,.m2abt_aBox1 .overflowHide {width: 100%;    position: relative;top: 0px; }

.case .list li {width: 48%;margin-right: 2%;margin-bottom: 0px;}

.case .list li:nth-child(2n){margin-right: 0%;}

.case .list li:nth-child(2n+1){margin-right: 2%; }

.cooperation-box .item {width: 28.6%;}

}

@media (max-width: 480px) {
  .map:nth-of-type(1) {
    height: 250px;
  }
}