@charset "utf-8";

/* CSS Document */













@media only screen and (min-width: 1366px) {
	
	
	}


@media only screen and (min-width: 1000px) and (max-width: 1365px) {
	
	
	}



@media only screen and (max-width: 999px) {
	
	
	}



















@media only screen and (min-width: 1366px) {
	
	.con1{width: 100%; padding: 60px 0px 100px 0px; background:#f4f6f9;}

.con1c{width: 1300px; margin:0 auto; padding-top: 40px;}

.con1c ul li{display: block; width: 25%; float: left;}

.con1c ul a{display: block; width: 95%; margin: 0 auto; height: 500px; position: relative; color: #222; background: url(../img/hj01.png) bottom right no-repeat; background-size:cover; transition:0.5s; box-shadow:2px 2px 10px rgba(0,0,0,0.1);}

.con1c ul a:hover{ box-shadow:0px 0px 50px #a5c3e2;}

.con1c ul .c11{width: 100%; height: 500px; position: absolute; top: 0; left: 0; z-index: 1;  box-sizing: border-box; padding: 40px 40px 0px 40px;}

.con1c ul .c11 h2{font-size: 18px; line-height: 50px; font-weight: bold;}

.con1c ul .c11 h4{font-size: 12px; line-height: 25px; font-weight:  normal; opacity: 0.6; text-transform: uppercase; font-family: arial;}



.c11g{width:100%;height:; margin-top:10px;}

.c11g img{display:block; max-width:100%; width:auto; height:240px;}



.c11m{width:48px;height: 48px; margin-top: 16px; background: #0d4da1; text-align: center;line-height: 48px; font-size: 16px; color: #fff; transition: 0.3s; overflow: hidden;}



.c11m .k1{width: 48px; height: 48px; float: left ; transition: 0.3s;}

.c11m .k2{width: 130px; height: 48px; float:right; padding-left: 30px; text-align: center; transition: 0.3s;}



.con1c ul a:hover .c11m{width:208px;height: 48px; background: #ff8b3f; }



.con1c ul a:hover  .k1{ float:right;}

.con1c ul a:hover  .k2{ float:left;}

	}
	
	
	
	
	
	
	
	
	
	
	


@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	
	.con1{width: 100%; padding: 30px 0px 70px 0px; background:#f4f6f9;}

.con1c{width: 1200px; margin:0 auto; padding-top: 20px;}

.con1c ul li{display: block; width: 25%; float: left;}

.con1c ul a{display: block; width: 95%; margin: 0 auto; height: 500px; position: relative; color: #222; background: url(../img/hj01.png) bottom right no-repeat; background-size:cover; transition:0.5s; box-shadow:2px 2px 10px rgba(0,0,0,0.1);}

.con1c ul a:hover{ box-shadow:0px 0px 50px #a5c3e2;}

.con1c ul .c11{width: 100%; height: 500px; position: absolute; top: 0; left: 0; z-index: 1;  box-sizing: border-box; padding: 40px 40px 0px 40px;}

.con1c ul .c11 h2{font-size: 16px; line-height: 50px; font-weight: bold;}

.con1c ul .c11 h4{font-size: 12px; line-height: 25px; font-weight:  normal; opacity: 0.6; text-transform: uppercase; font-family: arial;}



.c11g{width:100%;height:; margin-top:10px;}

.c11g img{display:block; max-width:100%; width:auto; height:240px;}



.c11m{width:48px;height: 48px; margin-top: 16px; background: #0d4da1; text-align: center;line-height: 48px; font-size: 16px; color: #fff; transition: 0.3s; overflow: hidden;}



.c11m .k1{width: 48px; height: 48px; float: left ; transition: 0.3s;}

.c11m .k2{width: 130px; height: 48px; float:right; padding-left: 30px; text-align: center; transition: 0.3s;}



.con1c ul a:hover .c11m{width:208px;height: 48px; background: #ff8b3f; }



.con1c ul a:hover  .k1{ float:right;}

.con1c ul a:hover  .k2{ float:left;}
	
	}













@media only screen and (max-width: 1199px) {
	
	.con1{width: 100%; padding: 20px 0px 40px 0px; background:#f4f6f9;}

.con1c{width: 95%; margin:0 auto; padding-top: 0px;}

.con1c ul li{display: block; width: 50%; float: left; margin-bottom:15px;}

.con1c ul a{display: block; width: 95%; margin: 0 auto; height: 320px; position: relative; color: #222; background: url(../img/hj01.png) bottom right no-repeat; background-size:cover; transition:0.5s; box-shadow:2px 2px 10px rgba(0,0,0,0.1);}

.con1c ul a:hover{ box-shadow:0px 0px 50px #a5c3e2;}

.con1c ul .c11{width: 100%; height: 320px; position: absolute; top: 0; left: 0; z-index: 1;  box-sizing: border-box; padding: 20px 15px 0px 15px;}

.con1c ul .c11 h2{font-size: 1.2em; line-height: 30px; font-weight: bold;}

.con1c ul .c11 h4{font-size:0.8em; line-height: 2em; font-weight:  normal; opacity: 0.6; text-transform: uppercase; font-family: arial;}



.c11g{width:100%;height:; margin-top:10px;}

.c11g img{display:block; max-width:100%; width:auto; height:140px;}



.c11m{width:90%; height: 25px; margin:0 auto; margin-top: 15px; background: #0d4da1; text-align: center;line-height: 25px; font-size: 1.2em; color: #fff; transition: 0.3s; overflow: hidden;}



.c11m .k1{width: 25px; height: 25px; float: right ; transition: 0.3s;}

.c11m .k2{width: ; height: 25px; float:left; padding-left: 20px; text-align: center; transition: 0.3s;}



.con1c ul a:hover .c11m{width:;height: 25px; background: #ff8b3f; }



.con1c ul a:hover  .k1{ float:right;}

.con1c ul a:hover  .k2{ float:left;}
	
	
	}







































.cont3{width: 100%; padding: 120px 0px 120px 0px; background: url("../images2/159789.jpg") center center ; background-size: cover;}

.c3c{width: 1300px; margin: 0 auto;}



.c3cl{width: 630px; float: left;}

.c3cl img{ display: block; width:100%; height: auto; }



.c3cr{width: 630px; float: right;}



.c3cr_1{width: 100%; padding-bottom: 30px; line-height:30px; font-size: 26px; color: #222; }

.c3cr_1 h2{font-size:28px; font-weight:bold; text-transform: uppercase; color: #14549c; line-height: 30px;}



.c3cr_2{width: 100%; line-height: 35px; line-height: 35px; font-size: 16px; color: #555;}

.c3cr_2 p{line-height: 32px;}



.c3cr_3{width: 100%; padding-top: 30px;}

.c3cr_3 a{display: block; width: 180px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background: #0d4da1; transition: 0.5s;}

.c3cr_3 a:hover{background: #f18a3d; color: #fff;}







.c3cr_4{width: 100%; padding-top: 30px;}

.c3cr_4 a{display: block; width: 180px; height: 45px; margin:0 auto; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background: #0d4da1; transition: 0.5s;}

.c3cr_4 a:hover{background: #f18a3d; color: #fff;}











.tcon1{width:100%; max-width:1300px; line-height:40px; margin:0 auto; text-align:center; padding:20px 0px 20px 0px;}

.tcon1 a{display:inline; padding:8px 20px 8px 20px; font-size:16px; border:#e5e5e5 1px solid; border-radius:30px; margin:0px 2px 0px 2px; transition:0.5s;}

.tcon1 a:hover{ background:#0d4da1; color:#fff; border:#0d4da1 1px solid;}











.cont8{width:100%; min-height:50px; padding:60px 0px 80px 0px; background:#f7f7f7;}





.run{ width:1225px; height:370px; margin:0 auto;  padding-top:10px; padding-bottom:0px;}

/* examples_body */

.examples_body {width:1300px; height:370px; margin:0px auto;clear: both;position: relative; padding-right:0px;}

.bx_wrap { text-align:center;margin-left:0px;}

.bx_wrap ul img { border:0; }

.bx_wrap a.prev {width:56px;height:360px; outline-style: none;outline-width: 0;position: absolute;top:0px;left:8px;text-indent: -9999px; z-index:88; background:url(../images/o1.png) center center no-repeat;}



.bx_wrap a.next {width:56px;height:360px; right:14px; outline-style: none;outline-width: 0;position: absolute; top:0px; text-indent: -9999px; z-index:88; background:url(../images/o2.png) center center no-repeat;}



#example1 li{display:block; width:380px; height:360px; text-align:center; box-sizing:border-box; padding:5px; border:#e2e2e2 1px solid; background:#fff url(../images/fgh.png) right bottom no-repeat; position:relative; text-align:center; margin:0px 9px 0px 9px !important;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; border-radius:0px;}

#example1 img{max-width:100%; height:280px; display:block; margin:0 auto; margin-bottom:7px; }





#example1 li h2{ width:85%; margin:0 auto; text-align:center; font-size:16px; line-height:40px; font-weight: normal; padding:10px 0px 10px 0px; -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; border-top:#e5e5e5 1px solid;}





#example1 li:hover{ background:#fff url(../images/fgh.png) left bottom no-repeat;}





























.innews{ width:90%; max-width:1300px; margin:0 auto; padding-top:10px;}

.innews .swiper-container {

      width: 100%;

      height: 100%;

    }



.innews .swiper-slide {padding:10px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

	  box-sizing:border-box;

	  transition:0.5s;

	  position:relative;

	  



    }

	

.innews .swiper-slide a{display:block; width:100%; background:#fff; padding-bottom:15px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); transition:0.5s;}	

	

.innews .swiper-slide:hover a{background:#0d4ea2;}

.innews .swiper-slide:hover h2{color:#fff;}

.innews .swiper-slide:hover p{color:#fff;}

.innews .swiper-slide:hover .innews_time{color:#fff;}

	

	

.innews .swiper-slide h2{font-size:18px; font-weight:bold; color:#333; border-bottom:#e5e5e5 1px solid; line-height:22px; width:88%; margin:0 auto; padding-top:25px; padding-bottom:25px; transition:0.5s; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}	



.innews .swiper-slide .innews_time{width:85%; font-size:15px; line-height:60px; color:#aaa; overflow:hidden; margin:0 auto;transition:0.5s;}

.innews .swiper-slide .innews_time span{display: inline; font-size:12px; float:right; margin-top:20px; line-height:20px; padding:2px 20px 2px 20px; border:#e5e5e5 1px solid; border-radius:20px;}





.innews .swiper-slide img{display:block; width:100%; height:auto;}







.innews .swiper-button-next:after{ font-size:20px !important;}

.innews .swiper-button-prev:after{ font-size:20px !important;}



.innews .swiper-button-next{top:35%;  right:20px;color:#15519c; text-shadow:#C2C2C2 1px 1px 3px;}

.innews .swiper-button-prev{top:35%; left:20px; color:#15519c; text-shadow:#C2C2C2 1px 1px 3px; }





.innews .swiper-pagination-bullets{display:none;}







































@media only screen and (min-width: 1366px) {
	.kon5{width:1300px; margin:0 auto; padding-bottom:20px; padding-top:80px;}


.kon5l{width:580px; height:; float:left; padding-top:px;}

.kon5l img{width:100%; height:;}





.kon5r{width:670px; height:; float:right;}







.kon5r2{width:100%; height:; line-height:35px; font-size:15px;}

.kon5r2 p{line-height:35px;}





.ccdz3{width:100%; min-height:50px; margin-top:10px; padding-bottom:80px;}



.bbcon1{width:100%; height:190px; background:#ff; border-bottom:#e8e8e8 0px solid;}

.bbcon1c{width:1300px; height:190px; margin:0 auto;  border-top:#e5e5e5 1px solid;  border-bottom:#e5e5e5 1px solid;}

.bbcon1c ul li{display:block; width:25%; height:190px; line-height:26px; text-align:center; font-size:14px; color:#777; float:left; box-sizing:border-box; border-right:#e5e5e5 1px solid; padding:10px 20px 0px 15px; background:#; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}



.bbcon1c ul img{width:80px; height:80px; float:; margin:0 auto; margin-bottom:0px; display:block;}

.bbcon1c ul h2{font-size:22px; line-height:30px; padding-bottom:8px; color:#222;}

.bbcon1c ul p{font-size:15px; color:#888; line-height:25px;}



.bbcon1c ul li:nth-child(1){  border-left:#e5e5e5 1px solid;}
	
	}


@media only screen and (min-width: 1000px) and (max-width: 1365px) {
	
	.kon5{width:1200px; margin:0 auto; padding-bottom:20px; padding-top:80px;}


.kon5l{width:530px; height:; float:left; padding-top:px;}

.kon5l img{width:100%; height:;}





.kon5r{width:640px; height:; float:right;}







.kon5r2{width:100%; height:; line-height:35px; font-size:15px;}

.kon5r2 p{line-height:35px;}





.ccdz3{width:100%; min-height:50px; margin-top:10px; padding-bottom:80px;}



.bbcon1{width:100%; height:190px; background:#ff; border-bottom:#e8e8e8 0px solid;}

.bbcon1c{width:1200px; height:190px; margin:0 auto;  border-top:#e5e5e5 1px solid;  border-bottom:#e5e5e5 1px solid;}

.bbcon1c ul li{display:block; width:25%; height:190px; line-height:26px; text-align:center; font-size:14px; color:#777; float:left; box-sizing:border-box; border-right:#e5e5e5 1px solid; padding:10px 20px 0px 15px; background:#; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}



.bbcon1c ul img{width:80px; height:80px; float:; margin:0 auto; margin-bottom:0px; display:block;}

.bbcon1c ul h2{font-size:22px; line-height:30px; padding-bottom:8px; color:#222;}

.bbcon1c ul p{font-size:15px; color:#888; line-height:25px;}



.bbcon1c ul li:nth-child(1){  border-left:#e5e5e5 1px solid;}
	}



@media only screen and (max-width: 999px) {
	
	.kon5{width:90%; margin:0 auto; padding-bottom:20px; padding-top:20px;}


.kon5l{width:100%; height:; float:; padding-top:px; margin-bottom:10px;}

.kon5l img{width:100%; height:;}





.kon5r{width:100%; height:; float:;}







.kon5r2{width:100%; height:; line-height:30px; font-size:1em;}

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





.ccdz3{width:100%; min-height:50px; margin-top:10px; padding-bottom:30px;}



.bbcon1{width:100%; height:320px; background:#ff; border-bottom:#e8e8e8 0px solid;}

.bbcon1c{width:90%; height:320px; margin:0 auto;  border-top:#e5e5e5 1px solid;  border-bottom:# 1px solid;}

.bbcon1c ul li{display:block; width:50%; height:160px; line-height:26px; text-align:center; font-size:14px; color:#777; float:left; box-sizing:border-box; border:#e5e5e5 1px solid;  border-top:none; padding:10px 20px 0px 15px; background:#; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}



.bbcon1c ul img{width:50px; height:50px; float:; margin:0 auto; margin-bottom:0px; display:block;}

.bbcon1c ul h2{font-size:1.2em; line-height:30px; padding-bottom:8px; color:#222;}

.bbcon1c ul p{font-size:1em; color:#888; line-height:25px;}



.bbcon1c ul li:nth-child(1){  border-right:none;}
.bbcon1c ul li:nth-child(3){  border-right:none;}


.newsCont{ margin-top:0px;}
.news { background: #f8fafd; padding:20px 0px 50px 0px;}
	}
















@media only screen and (min-width: 1366px) {
	
	.xlh_map{width:100%; min-height:50px; background-size:cover;}

.xlh_mapc{width:100%; min-height:50px; background:rgba(32,57,89,0.6); padding:60px 0px 60px 0px; }

.xlh_mapc_1{width:100%; margin:0 auto;}

.xlh_mapc_1 img{display:block; margin:0 auto;}

.xlh_mapc_2{width:1300px; margin:0 auto; font-size:18px; padding:10px 0px 40px 0px; color:#fff;}



	}


@media only screen and (min-width: 1000px) and (max-width: 1365px) {
	
	.xlh_map{width:100%; min-height:50px; background-size:cover;}

.xlh_mapc{width:100%; min-height:50px; background:rgba(32,57,89,0.6); padding:60px 0px 60px 0px; }

.xlh_mapc_1{width:100%; margin:0 auto;}

.xlh_mapc_1 img{display:block; margin:0 auto;}

.xlh_mapc_2{width:1200px; margin:0 auto; font-size:16px; padding:10px 0px 40px 0px; color:#fff;}



	}



@media only screen and (max-width: 999px) {
	.xlh_map{width:100%; min-height:50px; background-size:cover;}

.xlh_mapc{width:100%; min-height:50px; background:rgba(32,57,89,0.6); padding:30px 0px 30px 0px; }

.xlh_mapc_1{width:100%; margin:0 auto;}

.xlh_mapc_1 img{display:block; height:100px; margin:0 auto;}

.xlh_mapc_2{width:90%; margin:0 auto; font-size:1.1em; padding:10px 0px 10px 0px; color:#fff;}



	
	}

















.lkwp{width:100%; background:#f1f4f8; padding:20px 0px 20px 0px;}



#as1{width:; height:70px; padding:0px; }



#as1a{width:130px; height:60px; background:#fff; box-sizing:content-box; padding:5px; -moz-box-shadow:0px 0px 15px #eee; -webkit-box-shadow:0px 0px 15px #eee; box-shadow:0px 0px 15px #eee;}

#as1a img{ max-width:100%; height: 60px; display:block; margin:0 auto;}



#as1b{width:100%; height:40px; line-height:40px; font-size:15px;}



#pp1{padding-right:15px;}