@charset "utf-8";

/* CSS Document */

/*banner*/

.banner {

	width: 100%;

	position: relative;

	height:500px;

	margin: 0 auto;

	background: transparent;

}

.banner .bd {

	margin: 0 auto;

	height: 100%;

	position: relative;

	z-index: 0;

	overflow: hidden;

}

.banner .bd ul {

	height: 100%;

	width: 100%;

}

.banner .bd li {

	height: 100%;

	overflow: hidden;

	text-align: center;

	background-position: center;

	background-repeat: no-repeat;

	width: 100%;

}

.banner .bd li a {

	display: block;

	height: 100%;

	width: 100%;

}

.banner .prev, .banner .next {

	display: block;

	position: absolute;

	top: 50%;

	margin-top: -30px;

	left: 15%;

	z-index: 1;

	width: 40px;

	height: 60px;

	background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;

	cursor: pointer;

*filter: alpha(opacity=50);

*opacity: .5;

	display: none;

}

.banner .next {

	left: auto;

	right: 15%;

	background-position: -6px -137px;

}



/*产品*/

.cpzb{ width:1180px; margin:0 auto; margin-top:50px; height:710px;}

.cpzb h3{ font-size:30px; font-weight:normal; text-align:center; line-height:50px; border-bottom:1px solid #d1d1d1; width:196px; margin:0 auto;}

.cpzb i{display:block;color:#294876;font-size:24px;text-align:center;text-transform:uppercase;}

.cpzb b{ font-weight:normal; font-size:18px; float:right; display:block; margin-top:-30px;}

.cpzb b a{ color:#294876;}



.dkf{float:left;width:200px;margin-top:  30px;}

.dkf h4{width:200px; height:48px;  line-height:48px; background:#287cd3;color:#fff; text-align:center; font-weight:normal; font-size:18px;}

.zzd{border:2px solid #287cd3;width:196px;height:auto;display: inline-block;}

.zzd ul{ width:162px; margin:0 auto;}

.zzd ul li{float:left;line-height: 50px;font-size:16px;border-bottom:1px solid #dedede;width:162px;margin:0 auto;}

.zzd ul li a{ padding-left:25px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.zzd ul li:hover a{color:#287cd3;}

.dkf h5{width:200px; height:48px;  line-height:48px; background:#287cd3;color:#fff; text-align:center; font-weight:normal; font-size:18px; margin-top:-5px;}

.dkf h5 a{ color:#fff;}

.iqje{width:966px;float:left;margin-left:14px;margin-top:  30px;}

.iqje ul{}

.iqje ul li{float:left;width:300px;margin-bottom: 22px;margin-left:  22px;}

.iqje ul li div{ display:block; overflow:hidden;}

.iqje ul li img{

  display:block;

  width:300px;

  height: 225px;

  -ms-transition: all .2s;

  transition: all .2s;

  overflow: hidden;

  object-fit: cover;

  }

.iqje ul li img:hover{ transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  /* IE 9 */

  -moz-transform: scale(1.1, 1.1);

  /* Firefox */

  -webkit-transform: scale(1.1, 1.1);

  -o-transform: scale(1.1, 1.1);}

.iqje ul li p{ width:300px; height:40px; line-height:40px; text-align:center; background:#287cd3;}

.iqje ul li a{ color:#fff;}



/*ys*/

.als{height:649px; background:url(../images/01.jpg) no-repeat center;}

.alo{ height:593px; width:1180px; margin:0 auto; padding-top:66px;}

.alo h3{ font-size:30px; font-weight:normal; text-align:center; line-height:50px; border-bottom:1px solid #d1d1d1; width:196px; margin:0 auto;}

.alo i{display:block;color:#018ac9;font-size:24px;text-align:center;text-transform:uppercase; margin-bottom:60px;}

.alo ul{}

.alo ul li{ width:280px; height:376px; background:#fff; border-radius:20px; box-shadow:0 0 10px #ccc; float:left; margin:0 7px;}

.alo ul li img{margin:0 auto;display:block;width:120px;height:100px;position: relative;top: -26px;}

.alo ul li span{font-size:36px;color:#287cd3;font-weight:bold;display: block;line-height: 20px;margin-left:  38px;margin-top: 32px;}

.alo ul li span b{font-size:48px;font-style:italic;padding-top: 0px;float: left;padding-right:20px;}

.alo ul li p{ text-indent:2em; line-height:26px; width:190px; margin:0 auto; margin-top:30px;}



/*特色*/

.odl{width:1180px; margin:0 auto; overflow:hidden; margin-top:50px;}

.odl h3{ font-size:30px; font-weight:normal; text-align:center; line-height:50px; border-bottom:1px solid #d1d1d1; width:196px; margin:0 auto;}

.odl i{display:block;color:#018ac9;font-size:24px;text-align:center;text-transform:uppercase;}

.odl b{ font-size:30px; text-align:center; display:block; font-weight:normal; color:#287cd3; padding-top:8px;}



.lc_t{font-size: 24px;font-weight: bold;color: #072fa8;}

.lc_t p{font-size: 14px;text-transform: uppercase;color: #c2c2c2;margin-top: 5px;}

.lc_dbg{background: url(../images/lc_bg.jpg) no-repeat bottom center;height: 600px;}

.jmfc_n h5{width:46px;height:66px;display: block;font-size:48px;color:#FFF;line-height:66px;text-align: center;font-family: Arial; background:#287cd3; display:block; position:absolute; right:0; top:-12px;}

.jmfc_n{margin-top: 34px;}

.jmfc_n li{width: 195px;height: 563px;float: left;position: relative;}

.jmfc_n ul{width:1300px;}

.jmfc_n li .zm{background:url(../images/lc_pic.png) no-repeat 0 0;width: 195px;height: 563px;display: block;}

.jmfc_n li.jmfc2 .zm{background-position: -194px 0;}

.jmfc_n li.jmfc3 .zm{background-position: -391px 0;}

.jmfc_n li.jmfc4 .zm{background-position: -589px 0;}

.jmfc_n li.jmfc5 .zm{background-position: -786px 0;}

.jmfc_n li.jmfc6 .zm{background-position: -983px 0;}

.jmfc_n li .fm{opacity: 0; -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s}

.jmfc_n li .zm p{width:16px;color: #999;line-height: 40px;margin: -6px auto 0;font-size: 30px;padding-top: 218px;}

.jmfc_n li:hover{cursor: pointer;}

.jmfc_n li:hover .fm{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

.jmfc_n .fm{background:#5396dc;position: absolute;width: 163px;height: 511px;top: 6px;left: 2px;padding:20px 15px;text-align: center;-webkit-transform: translateY(50%);-moz-transform: translateY(50%);-ms-transform: translateY(50%);-o-transform: translateY(50%);transform: translateY(50%);}

.jmfc_n .fm h4{font-size: 30px;color: #fff;font-weight: normal;width: 16px;line-height: 40px;margin: -6px auto 0;padding-top: 210px;}

.jmfc_n .fm a{margin-top: 50px;}

.jmfc_n li.jmfc6 .fm a{margin-top: 10px;}



/*bn1*/

.oaq{ margin-top:50px; height:200px; background:url(../images/07.jpg) no-repeat center;}

.akd{ height:200px; width:1180px; margin:0 auto; position:relative;}

.ode{ position:absolute; left:102px; top:26px;}

.odee{ position:absolute; right:22px; bottom:38px;}

.oaq span{ display:block;position:absolute; right:0px; top:30px; line-height:34px;}

.oaq span i{ display:block; font-size:26px;}



/*案例展示*/

.qowi{ height:730px; margin-top:50px;}

.qowi h3{ font-size:30px; font-weight:normal; text-align:center; line-height:50px; border-bottom:1px solid #d1d1d1; width:196px; margin:0 auto;}

.qowi i{display:block;color:#018ac9;font-size:24px;text-align:center;text-transform:uppercase;}



.alzx {width: 1180px;margin:0 auto;margin-top:20px;}

.alzx .bd ul li {width: 580px;height: 300px;margin-bottom: 20px;float:left;position: relative;overflow: hidden;margin-left: 20px;}

.alzx .bd ul li:nth-child(2n+1) {margin-left:0;}

.alzx .bd ul li p a {

	color: #fff;

	display: block;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.alzx .bd ul li:hover p a {

	display:block;

	color:#fff;

	background:#8fd724;

}

.alzx .bd ul li:hover div {

	display:block;

	top:0px;

}

.aly ul li div {

	line-height: 34px;

	width: 580px;

	height: 300px;

	background: #287cd3;

	overflow:hidden;

	position:absolute;

	left:0;

	top: 250px;

	-webkit-transition: all .3s ease-out;

	transition: all .3s ease-out;

	padding-bottom:  10px;

}

.aly ul li div h5 {

	text-align:center;

	font-size: 24px;

	font-weight:normal;

	line-height: 50px;

}

.aly ul li:hover div h5 {

	padding-top:30px;

	font-size: 48px;

}

.aly ul li div span {

	display:block;

	width: 580px;

	height: 300px;

	margin:0 auto;

}

.aly ul li:hover div span {

	background:#287cd3; opacity:0.8;

}

.aly ul li div h5 a {

	color:#fff;

	display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;

}

.aly ul li div p {color:#fff;line-height:32px;text-align:center;margin:0 auto;width:460px;height:96px;overflow:hidden;margin-top: 70px;}

.aly .bd ul li .olsef {width: 580px;height: 300px;display:block;}



/*公司简介*/

.gg{ height:750px;margin:0 auto; margin-top:50px; background:url(../images/09.jpg) no-repeat center;}

.oske{ width:1180px; height:720px; margin:0 auto; padding-top:20px;}

.oske h3{ font-size:30px; font-weight:normal; text-align:center; line-height:50px; border-bottom:1px solid #d1d1d1; width:196px; margin:0 auto;}

.oske i{display:block;color:#018ac9;font-size:24px;text-align:center;text-transform:uppercase;}

.oalq{ width:540px; float:left;}

.oalq ul{}

.oalq ul li{margin-top:64px;width: 470px;height:110px;}

.oalq ul li img{ float:left; display:block; width:110px; height:110px;}

.oalq ul li span{float:left;width: 306px;display:block;margin-left:50px;margin-top:16px;}

.oalq ul li span h4{ font-weight:normal; font-size:24px;}

.oalq ul li span b{ font-weight:normal; font-size:18px; display:block; padding-top:16px;}



.oaek{ width:616px; float:right;}

.hfj{ width:612px; height:326px; background:#fff; border:2px solid #d9d9d9; display:block; overflow:hidden; margin-top:32px;}

.hfj img{ display:block; width:604px; height:320px; margin:0 auto; padding-top:3px; -ms-transition: all .2s; transition: all .2s; overflow: hidden; object-fit: cover;}

.hfj img:hover{ transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  /* IE 9 */

  -moz-transform: scale(1.1, 1.1);

  /* Firefox */

  -webkit-transform: scale(1.1, 1.1);

  -o-transform: scale(1.1, 1.1);}

.oaek p{ line-height:28px; height:140px; overflow:hidden; margin-top:20px;}

.oaek p span{ color:#287cd3; font-size:18px;}

.ali{}

.ihj{ font-size:16px; float:left; width:234px; height:40px; border-radius:10px; background:#287cd3; margin-right:34px; line-height:40px; text-align:center;}

.ihj a{ color:#fff;}

.ali{ margin-top:30px;}

.ihjj{ font-size:16px; float:left; width:234px; height:40px; border-radius:10px; border:1px solid #287cd3; margin-right:34px; line-height:40px; text-align:center;}



/*问题*/

.olsc{width:1180px; margin:0 auto;}

.olsc h3{ font-size:30px; font-weight:normal; text-align:center; line-height:50px; border-bottom:1px solid #d1d1d1; width:196px; margin:0 auto;margin-top:50px;}

.olsc i{display:block;color:#018ac9;font-size:24px;text-align:center;text-transform:uppercase;}



/*问题*/

.faq{width:1180px;margin:0 auto;height:460px;padding-top:20px;margin-bottom:  16px;}



.news {width: 580px;height: 410px;float:left;}

.newfl{width: 268px;float:left;height: 134px;}

.newfr{float:left;width: 498px;}

.news h3 a { color: #1a1a1a;}

.news .img {

    width: 268px;

    height: 134px;

    display: block;

}

.news .img img {width: 268px;height: 134px;}

.news dl dd {}

.newfr{width: 300px;height: 134px;float: right;margin-bottom: 20px;margin-top: 9px;}

.newfr h4{font-size:16px;font-weight:normal;padding: 10px 0 5px;}

.newfr h4 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #287cd3;}

.newfr i{ color:#999;}

.newfr p{line-height: 24px;height: 48px;overflow:hidden;width: 300px;margin-top:  6px;}



.contanta{margin-top: 24px;}

.faq .faq-c .faq-l .faq-w span { width: 22px;height: 22px; line-height: 20px; text-align: center; float: left; margin-right: 5px; margin-bottom: 10px; background: url(../images/wd.gif) no-repeat center top;}

.faq .faq-c .faq-l .faq-d span {clear: both;color: #fff;width: 22px;height: 22px;line-height: 20px;

text-align: center;float: left;margin-right: 5px;margin-bottom: 10px;

background: url(../images/wd.gif) no-repeat center -26px;}

.faq .faq-c .faq-l .faq-w p { float: right;  line-height: 20px;  width: 388px;  margin: 0;  color: #333;  font-size: 14px;font-weight: bold;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

.faq .faq-c .faq-l .faq-d p { float: right; width: 388px; line-height: 25px; margin: 0; height: 44px; color: #333; overflow: hidden; margin-bottom: 13px;}

.faq .left dl{ height:30px; line-height:30px;}

.faq .left dl a{ height:30px; display:block; width:280px; overflow:hidden; line-height:30px; color:#000; }

.faq .left dl a em{ padding-right:5px;}



.title {height: 50px;width: 300px; background:url(../images/14.jpg) no-repeat center;}

.title h3 {width: 100px;height: 46px;float:left;line-height: 46px;text-align: center;font-size: 24px;margin-right: 30px;font-weight: normal;}

.title h3 a{color: #333;}

.title .on{border-bottom: 5px solid #287cd3;width: 100px;height: 46px;line-height: 46px;text-align: center;font-size: 24px;}

.title .on a{-webkit-transition: all .9s ease-out;transition: all .9s ease-out;color: #287cd3;}

.title .more {font-size: 14px;color: #666;float: right;margin-right: 10px;line-height: 62px;}

.iks{text-transform:uppercase;text-align:center;margin-top: 20px;-webkit-transition:0.7s;transition:0.7s;color: #666;}



.udjrv{width: 550px;height:380px;float:right;}

.ikvb{width: 550px;height: 31px;margin:0 auto;margin-bottom: 32px;margin-top:  8px;}

.ikvb h3{float:left;font-size: 24px;width: 550px;height:42px;font-weight: normal;}

.ikvb i{ font-size:12px; float:right; display:block;}

.ikvb i a{ color:#666;}



.spdo{ float:left; width:64px; height:52px; border:1px solid #ccc; clear:both;}

.spdo i{ font-size:24px; text-align:center; color:#287cd3; text-align:center; display:block; line-height:30px;}

.spdo b{ display:block; font-size:14px; font-weight:normal; color:#999; text-align:center;}

.wer{ width:500px; float:right;}

.wer h6{ font-size:16px; font-weight:normal;}

.wer h6 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.wer h6:hover a{ color:#287cd3; padding-left:20px;}

.wer p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-top:7px;}

.olf{

    height: 54px;

    width: 580px;

    margin-bottom:  20px;

    clear: both;

}

.dibuul{height: 380px;}



/*问题*/

.iwkq li img{}

.hfu{float:left;width: 500px;background:url(../images/13.jpg) no-repeat left;padding-left:  30px;padding-bottom:  9px;margin-top: 6px;}

.iwkq{height: 360px;overflow:hidden;}

.iwkq li{width: 550px;margin:0 auto;margin-bottom: 6px;overflow:hidden;border-bottom: 1px solid #999;}

.iwkq li h4{height:28px;line-height:25px;font-size:16px;font-weight:normal;}

.iwkq li h4 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 22px;}

.iwkq li p{color:#666;overflow:hidden;width: 500px;line-height: 16px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}



/*链接*/

.ljzx {width:1180px;height:54px;margin:0px auto;}

.ljzx h4 {-webkit-transition:0.7s;transition:0.7s;width:1180px; height:29px; background:url(../images/cjwq_jt.jpg) no-repeat center; font-size:18px; font-weight:normal;}

.ljzx ul {float:left;}

.ljzx ul li {float:left; margin-right:15px; line-height:30px;}

.ljzx ul li a {color:#666;}