@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#333;line-height:28px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{height: 80px;}
.headerbox{width: 1240px; margin: 0 auto; }
.logo{width:292px;float: left;}
.logo img{width: 100%; margin-top:10px;}
.nav{float: left; padding-left: 182px;}

.nav li{float: left;   padding:0 30px; position: relative;}
.nav li h3 a{display: block; font-size:14px;font-weight: bold;color: #333333;line-height:80px;}
.nav li a:hover{color: #2C46A2;;}
.sub{position: absolute;width: 100%; top:80px;left: 0;background: #fff;z-index: 100;display: none;}
.sub dt{line-height: 40px; font-size: 14px; border-bottom: 1px solid #eee;}
.sub dt a{display: block;text-align: center; font-size: 14px; color: #666;}
.sub dt a:hover{background: #2C46A2;;color: #fff;}

.yzxz{float: right;position: relative;z-index: 10;}
.yzxz p{font-size: 14px; color: #333333; line-height: 80px;cursor: pointer;}
.yzxz p img{display: inline-block;vertical-align: middle; margin: -3px 20px 0 0;}
.yzxz p b{display: inline-block;background: url(../images/a_08.png); width: 10px;height: 7px; vertical-align: middle; margin: -3px 0 0 25px;}
.yzxz ul{position: absolute; width: 100%; top: 80px; left: 0; background: #fff;border-radius: 0 0 6px 6px;z-index: 10;display: none;}
.yzxz li{line-height: 40px; font-size: 14px; padding-left: 42px;}
.yzxz li a{color: #333;}
.yzxz:hover ul{display: block;}
.yzxz li a:hover{color: #2C46A2;;}

.banner img{width: 100%;}
.banner .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -22px;right: 4vw;}
.banner .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -22px;left: 4vw;}

.cont1{ width:1240px; height:auto; margin:60px auto; }
.cnt11{ width:520px; height:auto; float:left;}
.cnt11 h2{ width:100%; font-size:36px;color: #2C46A2; line-height:55px; background:url(../images/line1.png) bottom left no-repeat; padding-bottom:40px; margin-bottom:30px;}
.cnt11 p{ font-size:16px; line-height:30px;}
.cnt11 a{ width:200px; height:48px; border:1px solid #2C46A2; display:block; text-align:center; line-height:48px; font-size:16px; color:#2C46A2; margin-top:40px;}
.cnt11 a:hover{ text-decoration:underline;}
.cnt12{ width:664px; height:auto; float:right;}
.cnt12 img{ width:100%;}
.cnt12 .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -22px;right:2vw;}
.cnt12 .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -22px;left:2vw;}


.introduceList { width: 1240px;  margin:70px auto 80px;}
.introduceList ul { overflow: hidden;}
.introduceList li { text-align: center; float: left; width: 25%; background:url(../images/line2.png) left top no-repeat;}

.introduceList li h2 { font-size: 'DIN'; font-weight: bold; color:#333; font-size:48px; line-height:50px;}
.introduceList li h2 b { font-weight: bold;}
.introduceList li h2 i { display: inline-block; vertical-align:0px; font-size: 16px; font-weight: normal; font-style: normal; color:#095DA2;}
.introduceList li:nth-child(1) i { opacity: 0;}
.introduceList li p { font-size: 14px; line-height: 24px; margin-top:5px; color:#999999;}

.cont2{background: #F2F2F2; width:100%; height:auto; padding:65px 0px;}
.bt1{ width:1240px; height:auto; margin:0 auto; text-align:center;}
.bt1 h2{font-weight: 700;font-size: 40px; color:#2C46A2; text-align:center}
.bt1 .btx{ width:80px; height:4px; background:#2C46A2; margin:0 auto 30px auto;}
.bt1 p{ font-size: 24px; color:#333; margin-top:20px;}
.cnt2{ width:1240px; margin:0 auto; padding-top:45px;}
.cnt21{width: 288px;height: 546px;background:#2C46A2; float:left;}
.cnt21 a{ width:228px; height:54px; line-height:54px; margin:32px auto 0px auto; background:#1E62B9; display:block; color:#fff; text-align:center;}
.cnt21 a:hover{ background:#fff; color:#2C46A2;;}

.cnt22{ width: 921px;height: 546px; background:#fff; float:right; padding:30px;box-sizing: border-box; }
.cnt22 li{ width:31%; height:auto; float:left; margin-right:3.5%; margin-bottom:10px; position:relative; }
.cnt22 li:nth-child(3n){ margin-right:0px;}
.cnt22 li a{ width:100%; height:100%; display:block; position:absolute;background: rgba(44, 70, 162, 0.9);opacity:0;}
.cnt22 li a h2{ font-size: 16px; width:100%; height:30px; font-weight: normal; line-height:30px; text-align:center; color:#fff; margin-top:75px; padding:0px 5px;box-sizing: border-box;}
.cnt22 li a .cnt221{width: 130px;height: 38px;border: 1px solid rgba(255, 255, 255, 0.6); font-size:14px; text-align:center; line-height:38px; color:#fff; margin:20px auto 0px auto;}
.cnt22 li:hover a{opacity:1;}




.cnt22 li p{ width:100%; height:48px; line-height:48px; text-align:center; color:#333; text-align:center; }
.cnt22 li img{ width:100%;cursor: pointer;transition: all 1.2s;}
.cnt22 li img:hover{transform: scale(1.1);}

.cont3{ width:100%; height:auto; padding:65px 0px; background:url(../images/b1.png) center no-repeat;}
.cnt3{ width:1240px; height:auto; margin:0 auto;}
.cnt3 li{ width:23.5%; border:1px solid #fff; margin-right:2%;box-sizing: border-box; float:left; color:#fff; text-align:center; padding:20px 25px;box-sizing: border-box; margin-top:40px;  }
.cnt3 li:nth-child(4n){ margin-right:0px;}
.cnt3 li h2{ font-weight: 700;font-size: 24px; color:#fff; margin-top:8px;}
.cnt3 li .xt2{width: 57px; height:1px; margin:30px auto 20px auto; background:#fff;}
.cnt3 li p{ width:100%; height:60px; line-height:30px;}
.cnt3 li:hover{ background:#2C46A2; border:1px solid #2C46A2;}

.cont4{ width:1240px; height:auto; margin:70px auto;}
.cnt4{ width:280px; height:94px; background:url(../images/p.png) center no-repeat ; background-size:cover; float:left; font-size:24px; text-align:center; color:#fff; line-height:94px;}
.cnt4 span{ font-weight:bold;}
.hzhb_nr{ width:940px; float:right; position: relative; overflow:hidden;}
.hzhb_nr ul{overflow: hidden;}
.hzhb_nr li{float: left; width: 20%; padding: 0 0 10px 20px;box-sizing: border-box;}
.hzhb_nr img{width: 100%; border: 1px solid #e1e1e1;transition: All 0.4s ease-in-out;box-sizing: border-box;}
.hzhb_nr a:hover img{border: 1px solid #0154a2;}



.footer{ width:100%; height:auto; background:#111A3A;}
.footerbox{width: 1240px; overflow: hidden; margin: 0 auto; padding: 65px 0 30px;}
.foot_left{float: left; width: calc(100% - 300px);}
.foot_left ul{overflow: hidden;}
.foot_left li{float: left; width:26%;}
.foot_left ul li:nth-child(3){ width:40%;}
.foot_left h2{font-weight: bold; font-size: 16px;color: #fff; margin-bottom: 20px;}
.foot_left dt{font-size: 14px; line-height: 36px;}
.foot_left dt a{color: rgba(255, 255, 255, 0.5);}
.foot_left dt a:hover{color: #fff;}
.foot_left p{font-size: 14px; color: rgba(255, 255, 255, 0.5);line-height: 42px;}
.foot_left p img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.bqxx{width:100%; margin: 0 auto; padding: 40px 0; border-top:1px solid rgba(255, 255, 255, 0.1);}
.bqxx p{ width:1240px; margin:0 auto;font-size: 14px;color: #999999; line-height: 1.6;}

.foot_right{float: right;width:155px;}
.wby2{width: 100%; height: 42px; padding: 0 15px;border: 1px solid #333333;background: url(../images/a_08.png) no-repeat 95% center;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;}
.bqxx p a{ float:right;color: #999999;}







@media(max-width:1480px){
.qyjz{width: 100%; padding: 35px 3% 0 3%;}	
.qyjznr{padding: 0 50px;}
	
}

@media(max-width:1260px){
.headerbox{width: 100%; padding: 0 3%;}
.nav li{padding-left: 30px;}
.cpzx,.cpyy,.wzbtom{width: 100%; padding: 0 3%;}
.gsjj,.cljk{width: 100%; padding: 80px 3%;}


}
@media(max-width:1000px){
.header{position: fixed;width: 100%;height: 60px; top: 0;background: #fff;left: 0;z-index: 100;}
.logo img{height: 45px;width: auto;}
.dhbtn{position: absolute;width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #2C46A2;;background-size: 20px 20px; right: 3%; top: 15px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #2C46A2;;;background-size: 20px 20px;}
.nav{position: fixed;width: 200px; height: calc(100% - 60px);top: 60px;left: -200px;background: #fff;padding-left: 0px;;}
.yzxz{display: none;}
.nav li{float: none; padding: 0; }
.nav li h3 a{width: 100%; padding: 0 15px; line-height: 42px; border-bottom: 1px solid #eee;box-sizing: border-box; }
.sub{position: static; }
.sub dt a{text-align: left; padding-left: 30px;box-sizing: border-box; }
.dhbj{position: fixed;width: 100%; height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 10;display: none;}
.banner{margin-top: 60px;}
.banner .swiper-button-next{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
.banner .swiper-button-prev{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
.cpzx_title{padding: 40px 0 20px;}
.cpzx_title h2{font-size: 24px; margin-bottom: 15px;}
.cpzx_title p{font-size: 14px;}
}

#bannera{width:100%; height:450px; margin:0 auto;  margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}

.maind{ width:100%; height:auto; background:#F2F2F2;;}
/*分页*/
.nx_pg{width:100%; height: auto ; padding:50px 0px 40px 0px; text-align: center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#2C46A2;; color:#fff;border:1px solid #2C46A2;}
.nx_pg .on{ background:#2C46A2;; color:#fff;border:1px solid #2C46A2;}

.cnt222{ width: 921px;height:  auto; background:#fff; float:right; padding:40px 30px 50px 30px;;box-sizing: border-box; }
.cnt2n1{ width:560px; height:auto; margin:0 auto;border: 1px solid #E0E0E0;}
.cnt2n1 .swiper-button-next {background: url(../images/r1.png); width: 44px;height: 44px;margin-top: -22px;right:0vw;}
.cnt2n1 .swiper-button-prev {background: url(../images/l1.png); width: 44px;height: 44px;margin-top: -22px;left:0vw;}
.cnt2n1 .swiper-button-next:hover {background: url(../images/r11.png); width: 44px;height: 44px;margin-top: -22px;right:0vw;}
.cnt2n1 .swiper-button-prev:hover {background: url(../images/l11.png); width: 44px;height: 44px;margin-top: -22px;left:0vw;}
.into1{ width:100%; height:50px; line-height:50px;font-size: 24px;color: #333333; margin-top:70px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.into2{ width:100%; height:auto;font-size: 14px; color:#333; padding-top:15px;}
.into3{ width:100%; height:auto; padding-top:40px;}
.into4{height: 44px; width:100%;font-size: 16px; line-height:44px; text-indent:20px; color:#fff;background: #1E62B9;}
.into41{ border:1px solid rgba(0, 0, 0, 0.1); width:20%;}
.into42{ border:1px solid rgba(0, 0, 0, 0.1);width:80%; padding:10px 0px;}

.ab1{ width:1240px; height:auto; margin:65px auto;}
.ab11{ width:288px; height:630px; float:left;background: #2C46A2; color:#fff; padding:55px 40px 0px 40px;box-sizing: border-box; line-height:30px;}
.ab12{ width:911px; height:auto; float:right;}
.ab12 li{ width:48%; height:auto; float:left; margin-right:4%; margin-bottom:5px; float:left;}
.ab12 li:nth-child(2n){ margin-right:0px;}
.ab12 li img{ width:100%;}
.ab12 li p{ height:60px; line-height:60px; color:#333;}

.ab2{ width:1240px; height:auto; margin:65px auto;}
.ab2 .ab22{ font-size:16px; line-height:32px; padding-top:25px;}
.ab21{ width:1240px; height:auto;font-weight: 700;font-size: 36px;line-height:55px; color:#2C46A2;}

.cnt12x{ width:1240px; height:auto; margin:0 auto;}
.cnt12x img{ width:100%;}
.cnt12x .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -22px;right:2vw;}
.cnt12x .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -22px;left:2vw;}

.ab3{ width:1240px; height:auto; margin:65px auto;}
.ab3 ul{ margin-top:45px;}
.ab3 li{ width:23.5%; float:left;border: 1px solid rgba(0, 0, 0, 0.1); margin-right:2%; text-align:center;box-sizing: border-box;}
.ab3 li:nth-child(4n) { margin-right:0px;}
.ab3 li img{ display:inline-block; margin-top:35px;-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.ab3 li:hover img{ -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.ab3 li h2{font-size: 16px; font-weight:bold; line-height:40px; color:#333;}
.ab3 li p{ width:100%; line-height:30px; color:#666; margin-bottom:50px;}