/* 河南格展网络科技有限公司 */
/* 精品与原创织梦模板提供商，一站式建站 */
/* 主营业务：快速建站、快排、高权重域名、海外服务器 */
/* 格展网络：Www.91084.Com */
/* 主机/服务器：Www.zhaodede.Com */
/* QQ：6364544  */

body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
/* 项目主体部分设置 */
body{background:#fff;color:#666;}
a{color:#555;text-decoration:none;transition: all 0.3s ease 0s}
a:hover{color:#e60012;}
s{text-decoration: none}

@font-face {
	font-family: 'DINCond';
	src: url('img/DINM.otf');
}

.qwe{font-family: 'DINCond'}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:96%; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1 ;font-family: "微软雅黑"; font-size: 18px; color: #ffffff; text-align: center;}
.no-mgr{margin-right: 0}

.header {position:relative;z-index: 10;padding-top: 6px;height: 134px;}
@media (max-width: 750px) {
	.header{z-index: 10}
}

.logo{float: left;height:128px;}
.logo img{height: 100%;}
.contact{float: right;margin-top:43px}
.contact li{float: left;width: 40px;padding-left: 0;height: 40px;border: 1px solid #7bafee;border-radius: 30px;position: relative;overflow: hidden;transition: all 0.3s ease 0s;margin-left: 8px}
.contact li a{display: block;color: #7bafee;font-size: 14px;line-height: 40px;}
.contact li a img{display: inline-block;height: 40px;line-height: 40px;vertical-align: top}
.contact li a span{position: absolute;right: -60px;top: 0}
.contact li:hover{padding-left: 80px}
.contact li:hover a span{right: 44px}
.nav{float: right;margin-right:2%;position: relative;}
.nav span.line{display: block;padding-bottom: 3px;border-bottom:4px solid #197ae3;position: absolute;left: 0;bottom: 0;width: 76px;transition: all 0.3s ease 0s}
.nav span.line img{display: block;margin: 0 auto}
.nav li{float: left;position: relative;}
.nav li>a{color: #333;font-size: 16px;display: block;padding: 0 22px;line-height:128px}
.nav li dl{position: absolute;top: 100px;display: none;width: 1920px;left: 0}
.nav li dl{height: 55px;line-height: 55px;}
.nav li dl dt{font-size: 16px;margin: 0 10px;display: inline-block;}
.nav li dl dt a:hover{color: #182c80}
.nav span.hdrShadow{position: absolute;width: 2880px;left: 50%;margin-left: -1440px;background: rgba(255,255,255,.7);top: 100px;height: 55px;line-height: 55px;display: none}

.nav li:nth-child(4) dl{left: -270%}
.nav li:nth-child(6) dl,.nav li:nth-child(7) dl{left: auto;right: 0;text-align: right;}


.banner_b{padding-bottom: 2%;border: none;}
.banner_bot .banb_fl{float: left;line-height: 50px;}
.banner_bot .banb_fr{float: right;}
.banner_bot .banb_fl .bf_p{float: left;font-size: 14px;color: #000;margin-right: 8px;}
.banner_bot .banb_fl .bf_p img{padding-top: 13px;}
.banner_bot .banb_fl .log{margin-right: 23px;}
.search{float: right;margin-top: 7px;}
.search .txt{border: 1px solid #2f65a6;width: 200px;line-height: 32px;background: #fff;font-size: 14px;color: #000;padding-left: 10px;vertical-align: middle;}
.search .btn{border: 1px solid #2f65a6;width: 44px; line-height: 32px;background: url(img/search.png) no-repeat center ; font-size: 16px;vertical-align: middle;margin-left: -5px;color: #fff;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}

.swiper-pagination-bullet{width: 15px !important;height: 15px !important;border-radius: 15px;}


@media (max-width:1920px ) and ( min-width: 1600px) {
	.g-in{width:1400px;}
	.nav li>a{padding:0 21px;font-size:20px; color: #3d3222;}
	.nav li dl dt{font-size:20px}


}
@media (max-width:1660px ) and ( min-width: 1440px) {
	.g-in{width: 94%}
}
@media (max-width:1300px ){
	.nav li>a{padding: 0 10px}
	.nav li dl dt{text-align: center;padding: 0}
}
@media (max-width:1180px ){
	.nav li>a{padding: 0 6px}
}

@media (max-width:1100px ){
	
	.header{height: 56px;padding-top: 3px}
	.logo{height: 46px;margin-top: 5px}
	.contact{margin-top: 7px}
	.navBtn{width: 40px;height: 40px;background: url(img/menu.png);float: right;margin-top: 8px;margin-left: 3px}
	.nav{position: absolute;left: 0;right: 0;float: none;top: 62px;background: rgba(24,44,128,.9);margin: 0;display: none}
	.nav li{float: none;}
	.nav li a span{display: block;position: absolute;right: 5%;width:22px;height: 12px;top: 19px;background: url(img/ico_100.png);background-size: cover }
	.nav li>a{color: #fff;line-height: 46px;padding: 0 0 0 2.5%;border-bottom: 1px solid #ccc}
	.nav li dl{position: relative;top: 0;opacity: 1;background: none;text-align: left;display: none}
	.nav li dl dt{text-align: left;height: 36px;line-height: 36px;}
	.nav li dl dt a{color: #fff;padding-left: 5%}
}
@media (max-width:515px ){
	.header{height: 46px}
	.logo{height: 36px;}
	.contact li{width: 30px;height: 30px;margin-left: 3px;}
	.contact li span{display: none}
	.contact li:hover{padding-left: 0}
    .contact li:hover a span{right: 0}
	.contact li a img{height: 30px;width: 30px}
	.navBtn{height: 30px;width: 30px;background-size: cover}
	.nav{top: 52px}
	.nav li>a{line-height: 36px;font-size: 14px}
	.nav li dl dt{height: 30px;line-height: 30px}
	.nav li a span{height: 8px;width: 16px;top: 16px}

	.nav span.line{display: none}
}
@media (max-width:350px ){
	.header{width: 104%;margin-left: -2%}
	.contact li{margin-left: 4px}
}
@media (max-width:330px ){
	.navBtn{margin-left: 2px;margin-top: 0;}
	.contact li{margin-left: 2px}
}
.form-search{ position: absolute; top: -100px; left: 0; width:90%; padding:3% 5%; border-top:1px solid #ddd; box-shadow:3px 5px 5px #0268b3; background:#fff; z-index:2; opacity:0; transition:all .2s ease-out; }
.form-search input{ border:1px solid #eee;}
.form-search input[type="text"] { width:70%; height:38px; float:left; padding:0 2%; border-right:0px; outline: none; }
.form-search input[type="submit"]{ width:19%; height:40px; float:left; border:0; background:#0268b3; color:#fff;}



.ft-1{background: #197ae3;color: #fff;}
.ft-logo{float: left;padding-right: 2%;}
.ft-nav{float: left;width:77%}
.ft-nav dl{float: left;padding:0 4%;/*max-width: 140px;*/}
.ft-nav dt a{display: block;color: #ffffff;font-size: 20px;font-weight: 400;line-height: 28px;margin-bottom: 8px}
.ft-nav dd a{display: block;color: #ffffff;font-size: 18px;line-height:40px}
.ft-contact{float: left;width: 20%;padding-right: 2%}
.ft-contact .p1{font-size: 22px;padding-left: 25px;background: url(img/ft_ico_1.png) no-repeat left center;}
.ft-contact .p2{font-size: 14px;padding-left: 25px;background: url(img/ft_ico_2.png) no-repeat left 5px;}
.ft-nav dl{/*border-right: 1px solid #909090;*/padding-top: 31px;height: 190px;color: #d3d3d3}
.ft-logo,.ft-contact,.ft-qrcode{box-sizing: border-box;border-right: 1px solid #909090;padding-top: 31px;height: 205px;color: #d3d3d3}

.ft-qrcode{float: left;border-right: 0 !important;margin-left: 85px;}
.ft-qrcode span{display: block;text-align: center;font-size: 18px;color: #fff}

.ft-2{background: #0061c9;color: #fff;padding: 1.4% 0}
.ft-copy{margin: 0 auto; text-align: center; line-height: 30px;}
.ft-ibw{float: right;}
.footer a{color: #fff}
.footer a:hover{text-decoration: underline;}

@media (min-width:1600px){
	.ft-nav dl{padding-left: 5%;padding-right: 5%}
}

@media (max-width:1230px){
	.ft-logo{width: 16%}
	.ft-logo img{width: 100%}
	.ft-nav{width: 56%}
	.ft-nav dl{max-width: 170px}
	.ft-contact{width: 18%;padding: 0 1.5%;}
	.ft-contact .p1{font-size: 16px}
	.ft-logo,.ft-nav dl,.ft-contact,.ft-qrcode{box-sizing: border-box;border-right: 1px solid #909090;padding-top: 31px;height: 205px}
}

@media (max-width:1130px){
	.ft-nav dl{padding: 0 3%;padding-top:31px }
}

@media (max-width:1050px){
	.ft-nav{width: 100%;float: none;}
	.ft-nav dl{width: 20%;padding: 2%;box-sizing: border-box;max-width: inherit;}
	.ft-nav dl:last-child{border-right: 0}
	.ft-logo{display: none}
	.ft-contact{width: 30%}
	.ft-nav dl{padding-left: 2%}
	.ft-contact{width: calc(100% - 110px);border-right: none}
}


@media (max-width:700px){
	.ft-nav{width: 100%;display: none}
	.ft-nav dl{height: 157px;padding-left: 5%}
	.ft-nav dl:first-child{padding-left: 2%}
	.ft-nav dl:last-child{border-right: none}
	
}

@media (max-width:375px){
	.ft-nav dt a,.ft-nav dd a{font-size: 12px}
	.ft-copy,.ft-ibw{float: none;}
}



.main1{width:1400px; height: auto; margin: 0 auto;padding-top: 9px; background: #ffffff; margin-top: 45px;}
.main1-1{float: left; width: 522px; height: 359px;}
.main1-2{float: right; width:657px;    margin-right: 5px;}



.container{width:657px;height:460px;overflow:hidden;}
.container-tit{height:40px; position: relative;}
.container-tit ul{
	 position: absolute;
	width:657px;
	left:0px;
	
	border-top:1px solid #197ae3 ;
	height:40px;
	
}
.container-tit ul li{color:#000;float:left;width:111px;height:43px;line-height:40px;text-align:center;overflow:hidden; font-family: "微软雅黑";font-size:20px;   }
.container-tit li.select{color:#ffffff; font-size:20px; background:#197ae3 ;}/*换色*/
.container-tit li.select a {color:#ffffff; font-weight:400;}
.container-tit li a{text-decoration:none;color:#333333;}
.container-con .mod{position: relative;}
.container-con .mod ul li{float:left;width:638px;font-size:18px;height:54px; }
.container-con .mod ul li .dot{float:left;width:3px;height:3px;background:#FF6C00;margin-top: 20px;}/*换色*/
.container-con .mod ul li a{color:#000;margin-left:1px; height: 51px;}
.container-con .mod ul li span{float:right;width:49px;height:51px;text-align: right; color:#000; font-family: "宋体"; font-size: 14px;}
.container-con .mod ul li a:hover{color:#397bcf; animation:move .8s ease-in-out; font-weight: 600;}

.container-con .mod ul li:hover a{color:#397bcf; animation:move .8s ease-in-out;font-weight: 600;}
.container-con .mod ul li:hover{color:#397bcf;}
.container-con .mod ul a:hover li  span{color:#397bcf;font-weight: 600;animation:move .8s ease-in-out;}
.container-con .mod ul li:hover span{color:#397bcf;font-weight: 600;animation:move .8s ease-in-out;}

.xwlb{width: 647px; margin: 0 auto; height: auto;}
.xwlb ul{width: 647px; margin: 0 auto; height: auto;}
.xwlb ul li{width: 647px; float: left;  height:51px; line-height: 54px;  font-size:18px; color: #333333; background: url(../images/dian.png) left no-repeat; position: relative;left: 0;}
.xwlb ul li span{color: #000000;}
.xwlb ul li:hover{background: url(../images/dian1.png) left no-repeat; color: #397bcf; animation:move .8s ease-in-out;}
.xwlb ul a li:hover {color: #397bcf;}
.xwlb ul li a{height: 51px;}
.gengduo{color: #333333; font-family: "微软雅黑"; font-size:14px;text-align: right;float: right;float: right;font-style: normal;right:0;top:-29px;position: relative; margin-right: 4px;}
.focus {position: relative;overflow: hidden;width: 708px;height:461px;margin-right: 26px;}
.focus .pic {width: 747px;height: 466px;}
.focus .pic li {float: left;}
.focus .pic li a {position: relative;display: block;width: 708px;height: 461px;}
.focus .pic li a img {width: 100%;}
.focus .pic li a span {position: absolute;left: 0;bottom: 0px;display: block;width:653px;height: 45px;
	padding:0px 26px;font-size:15px;line-height: 45px;background:rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F003181,endcolorstr=#7F003181);
	color: #fff;z-index:999;}
.dots {position:absolute;right:0;bottom:4px;height:8px;padding:15px;z-index:999;}
.dots li {float: left;margin: 0 3px;}
.dots li a {display: block;width:10px;height: 10px;font: 0/0 a;background-color: #fff;
	color: transparent;	overflow: hidden;border-radius: 100px;transition: width .3s ease-in;}
.dots li.on a {width: 35px;background-color: #0562c8;}

.heng{width: 100%; margin: 0 auto; height: 728px; background: url(../images/heng.jpg) center no-repeat; margin-top: 53px;}
.heng1{text-align: center; color: #ffffff; font-size: 45px; font-family: "微软雅黑";     line-height: 56px;
    padding-top: 49px;}
.heng2{text-align: center; color: #ffffff; font-size: 45px; font-family: "微软雅黑"; margin-bottom:46px;}
.gundong1{width:  100%; height: 106px; background: url(../images/kstd11.png) #ffffff center no-repeat; border-radius: 10px;background-position-y:36px;opacity: .8; }
.gundong22{width: 100%; text-align: center; font-size: 20px; font-family: "微软雅黑"; color: #333333; height: 42px; line-height: 42px;    padding-top:117px;}

.gundong2{width:  100%; height: 171px; background: url(../images/kstd22.png) #ffffff center no-repeat;  border-radius: 10px; background-position-y: 36px;opacity: .8;}
.gundong3{width:  100%; height: 171px; background: url(../images/kstd33.png) #ffffff center no-repeat;  border-radius: 10px; background-position-y: 36px;opacity: .8;}
.gundong4{width:  100%; height: 171px; background: url(../images/kstd44.png) #ffffff center no-repeat; border-radius: 10px; background-position-y: 36px;opacity: .8;}
.gundong5{width:  100%; height: 171px; background: url(../images/kstd55.png) #ffffff center no-repeat; border-radius: 10px; background-position-y: 36px;opacity: .8;}
.gundong6{width:  100%; height: 171px; background: url(../images/kstd66.png) #ffffff center no-repeat;  border-radius: 10px;background-position-y: 36px; opacity: .8;}
.gundong7{width:  100%; height: 171px; background: url(../images/kstd77.png) #ffffff center no-repeat;  border-radius: 10px; background-position-y: 36px;opacity: .8;}
.gundong8{width:  100%; height: 171px; background: url(../images/kstd88.png) #ffffff center no-repeat;  border-radius: 10px; background-position-y: 36px;opacity: .8;}
.slider3 .gundong1:hover{ background: url(../images/kstd1.png) #0562c8 center no-repeat;  color: #ffffff;background-position-y: 36px;opacity: .9; }
.slider3 .gundong2:hover{ background: url(../images/kstd2.png) #0562c8 center no-repeat;  color: #ffffff;background-position-y: 36px;opacity: .9;}
.slider3 .gundong3:hover{ background: url(../images/kstd3.png) #0562c8 center no-repeat;  color: #ffffff;background-position-y: 36px;opacity: .9;}
.slider3 .gundong4:hover{ background: url(../images/kstd4.png) #0562c8 center no-repeat;  color: #ffffff;background-position-y: 36px;opacity: .9;}
.slider3 .gundong5:hover{ background: url(../images/kstd5.png) #0562c8 center no-repeat;  color: #ffffff;background-position-y: 36px;opacity: .9;}
.slider3 .gundong6:hover{ background: url(../images/kstd6.png) #0562c8 center no-repeat;  color: #ffffff;background-position-y: 36px;opacity: .9;}
.slider3 .gundong7:hover{ background: url(../images/kstd7.png) #0562c8 center no-repeat;  color: #ffffff;background-position-y: 36px;opacity: .9;}
.slider3 .gundong8:hover{ background: url(../images/kstd8.png) #0562c8 center no-repeat;  color: #ffffff;background-position-y: 36px;opacity: .9;}
.slider3 .gundong1:hover .gundong22{color: #ffffff;}
.slider3 .gundong2:hover .gundong22{color: #ffffff;}
.slider3 .gundong3:hover .gundong22{color: #ffffff;}
.slider3 .gundong4:hover .gundong22{color: #ffffff;}
.slider3 .gundong5:hover .gundong22{color: #ffffff;}
.slider3 .gundong6:hover .gundong22{color: #ffffff;}
.slider3 .gundong7:hover .gundong22{color: #ffffff;}
.slider3 .gundong8:hover .gundong22{color: #ffffff;}





.box3{clear:both;width:1400px;position:relative;overflow:hidden;_height:auto;visibility:visible; margin: 0 auto; background: url(../images/kstd.jpg) center no-repeat; height: 176px; margin-top: 43px;}
.picbox3{width: 81%;height:auto;overflow:hidden;position:relative;margin-top:20px;/* margin-left: 294px; */margin: 0 auto;}
.picbox3 ul li{float: left;width: 23%;height: 171px;margin-right: 1%;margin-bottom: 44px;margin-left: 1%;}
.piclist3{height:144px;position:absolute;left:0px;top: 0px;visibility:visible;}
.piclist3 li h1{display:block;font-size:12px;font-weight:normal;height: 25px;background:#FFFFFF;}
.piclist3 li a h1{display:block;width:66px;text-align: center;color:#000;text-align: center;background:#FFFFFF;}
.swaplist3{position:absolute; left:-2625px;top:0px}

.gywm{width: 1400px; margin: 0 auto; margin-top:43px;}
.gywm1{text-align: center; color: #666666; font-family: "微软雅黑"; font-size: 45px;}
.gywm2{text-align: center; color: #197ae3; font-family: "微软雅黑"; font-size: 45px;}
.gywm3{width: 1400px; margin: 0 auto; margin-top:47px;}
.gywm3-1{float: left; width: 677px; height: 441px;overflow: hidden;}
.gywm3-1 img{ width: 677px; height: 441px;overflow: hidden;}
.gywm3-1 img:hover{transform: scale(1.3);transition: all 1s ease-in-out;}
.gywm3-2{float: right;width: 677px;}
.gywm3-2-1{float: left; width: 97px; height: 37px; border-bottom:3px solid #197ae3; color: #197ae3; font-size: 24px; font-family: "微软雅黑";}
.gywm3-2-2{font-family: "微软雅黑"; font-size: 18px; color: #666666; text-align: justify; line-height:38px; margin-top: 10px;}
.gywm3-2-3{width:412px; margin: 0 auto; margin-top:63px;}
.gywm3-2-3 ul {width: 412px; margin: 0 auto;}
.gywm3-2-3 ul  li{width:114px; float: left; margin-left: 40px; margin-right:51px;box-sizing: border-box;transition: all 0.5s ease 0s;}
.gywm3-2-3 ul  li:hover{padding: 20px 0 0 0;}
.gywm3-2-3 ul  li:hover .gywm4{ border:3px solid #197ae3; color: #197ae3 ; }
.gywm4{ border: 1px solid #b3b3b3; border-radius: 50%; width: 111px; height: 111px;    align-items: center;    display: flex;    text-align: center; background: #fbfbfb;}
.gywm4 img{display: flex; align-items: center; margin-left:25px;}
.gywm5{text-align: center; color: #666666; font-size: 20px;}

.ryzs{width: 335px; height: 237px; margin: 0 auto; text-align: center; font-family: "微软雅黑"; font-size: 20px; color: #333333; line-height: 40px;}
.ryzs img{width: 335px; height: 237px; }
.xiala{width: 290px; width: 22%; float: right;}
.xiala select{width: 290px; height: 34px;  margin-top: 37px; outline: none; color: #4a4647; padding-left: 20px; font-size:14px;}


.view1{width: 1400px; margin: 0 auto; background: url(../images/home.png) left no-repeat; padding-left:27px; color: #333333; font-size: 18px; font-family: "微软雅黑"; line-height: 30px;margin-bottom: 30px; margin-top: 30px; }


.view2{width: 1400px; margin: 0 auto;  color: #333333; font-size: 24px; font-family: "微软雅黑"; line-height:88px; text-align: center;}
.view3{width: 1379px; margin: 0 auto;  color: #333333; font-size: 16px; font-family: "微软雅黑"; line-height:50px; text-align: center; height: 41px; line-height: 41px; background: #f1f1f1; }
.view4{width: 1375px; margin: 0 auto;  color: #333333; font-size: 16px; font-family: "微软雅黑"; line-height:50px; text-align: justify; margin-top: 20px; min-height: 600px;}
.view5{background: #eeeeee; width: 1379px; height: 89px; margin: 0 auto; margin-top: 20px; margin-bottom: 30px;font-size: 16px; }
.view5-1{float: left; width: 555px; overflow:hidden;
    white-space:nowrap;
   
    text-overflow:ellipsis; margin-left: 24px;line-height: 89px;}
.kongge{width: 100%; height: 20px; margin:0 auto;}

.view4 img{max-width: 800px;}
.view4 p img{max-width: 800px;}