@charset "utf-8";
* {margin:0; padding:0; list-style:none; }












.cont1{width:100%; background:#fff url(../images/asdw002.png) left bottom no-repeat; padding:60px 0px 100px 0px;}
.cont1c{width:1200px; margin:0 auto;}

.c1l{width:580px; float:left;}

.c1r{width:579px;  float:right; padding-top:40px;}
.c1r img{width:579px; border-radius:0px 65px 0px 65px; -moz-box-shadow:-2px 5px 12px #A3A3A3; -webkit-box-shadow:-2px 5px 12px #A3A3A3; box-shadow:-2px 5px 12px #A3A3A3;  border-radius: 0 50px 0 50px;}






.cbt{width:100%; height:90px;text-align: center;}
.cbt h3{font-size:35px; color:#3d3d3d; line-height:50px; text-align: center;}
.cbt p{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#aaa; line-height:35px; text-transform:uppercase; letter-spacing:1px; text-align: center;}
.cbt .right{margin-top:10px;}


.cbt1{width:100%; height:90px;}
.cbt1 h3{font-size:36px; color:#fff; line-height:50px;}
.cbt1 p{font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#fff; opacity:0.5; line-height:35px; text-transform:uppercase; letter-spacing:1px;}
.cbt1 .right{margin-top:10px;}





.c1lb{width:100%;  font-size:25px; font-size:16px; color:#666; line-height:38px; padding-top:30px;}
.c1lb p{ line-height:38px;}


.c1lc{width:100%; height:106px; margin:0 auto; margin-top:38px; box-sizing:border-box; border-left:#e5e5e5 1px solid;}
.c1lc ul li{display:block; width:33.33%; float:left; text-align:center; height:106px; box-sizing:border-box; border-right:#e5e5e5 1px solid;}
.c1lc ul h3{padding-top:20px; font-size:30px; color:#666; padding-bottom:20px;}
.c1lc ul p{font-size:16px; line-height:40px;}

.lianjie { width: 205px;height: 50px; margin-top: 30px;background:linear-gradient(to left,#c61111,#e33535);border-radius: 0  20px; }
.lianjie a {display: block;text-align: center;color: #fff;line-height: 50px;font-size: 16px;}
.lianjie a:hover {background:linear-gradient(to left,#e33535,#c61111); border-radius: 0  20px;}





.yc21{width:100%; margin-top:20px; }

.yc21 ul li{float:left; width:25%; box-sizing:border-box; border-right:rgba(51,51,51,0.1) 1px solid; }

.yc21 ul li:nth-child(1){border-left:rgba(51,51,51,0.1) 1px solid;}

.yc21 ul a{display:block; width:95%; margin:0 auto; font-size:15px; text-align:center;}

.yc21 ul img{display:block; width:auto; height:60px; margin:0 auto; margin-bottom:0px; }





























#kkcont1c{width:90%; max-width: 1560px; height:600px; margin:0 auto;}



#kkcont1c ul li{display:block; width:33.33%; height:600px; float:left; background-position:center center; background-size:auto 100%;  -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out; box-sizing:border-box; overflow: hidden;}

#kkcont1c ul li:hover{ background-size:auto 130%; }


#kkcont1c ul li:hover .yw2{ opacity: 0.9; background:#fff;}

#kkcont1c ul li:nth-child(1){ border-right:#fff 10px solid;}
#kkcont1c ul li:nth-child(2){ border-left:#fff 5px solid; border-right:#fff 5px solid;}
#kkcont1c ul li:nth-child(3){ border-left:#fff 10px solid;}


#kkcont1c ul li .yca{ display:block; width:100%; height:600px; overflow: hidden; color:#333;  background:url(../im/vb1.png) bottom center; background-size: cover; box-sizing:border-box; padding-top:380px;  transition: 0.6s;}
#kkcont1c ul li:hover .yca{   background:url(../im/vb2.png) bottom center; background-size: cover; color:#fff; padding-top:60px;}
#kkcont1c ul li:hover .ycv2{opacity: 1;}
#kkcont1c ul li:hover .ycv3{opacity: 1;}
#kkcont1c ul li:hover .ycv4{opacity: 1;}


.ycv1{width: 90%; margin: 0 auto; text-align: center; padding-bottom: 40px;}
.ycv1 img{display: block; height: 110px; margin: 0 auto;}
.ycv1 h2{font-size: 28px; line-height: 40px; color: #fff;}
.ycv1 h4{font-size: 12px; line-height: 30px; color: #fff; opacity: 0.6; font-family: arial; text-transform: uppercase; font-weight: normal;}


.ycv2{width: 85%; margin: 0 auto; height: 210px; overflow: hidden; opacity: 0; transition: 0.8s;}
.ycv2 a{display: block; width: 100%; height: 50px;  line-height: 50px; font-size: 16px; text-align: center; color: #fff; border-bottom: rgba(255,255,255,0.2) 1px solid;}

.ycv3{width: 85%; margin: 0 auto; padding-top: 20px; opacity: 0;  transition: 0.8s;}
.ycv3 a{display: block; width: 100%; height: 60px;  line-height: 60px; font-size: 16px; text-align: center; color: #fff; border: rgba(255,255,255,0.8) 1px solid; box-sizing: border-box; transition: 0.5s;}
.ycv3 a:hover{ background: #fff; color: #2b4db2;}


.ycv4{width: 85%; margin: 0 auto; padding-top: 20px; opacity: 0;  transition: 0.8s;}
.ycv4 a{display: block; width: 48%; height: 45px;  line-height: 45px; margin-bottom: 10px; font-size: 16px; float: left; margin-left: 1%; margin-right: 1%; text-align: center; color: #fff; border: rgba(255,255,255,0.8) 1px solid; box-sizing: border-box; transition: 0.5s;}
.ycv4 a:hover{ background: #fff; color: #2b4db2;}







.xhcon5{width: 100%; min-height: 50px; padding: 73px 0px 0px  0px; background: url("../im/f889.jpg") top center no-repeat;}
.xhcon5c{width:90%; max-width: 1560px; height:; margin:0 auto; padding-top:30px;}



.WarpBox .layer3{padding-top: 10vh; width: 100%; height: 100%; background:url(../images/bg2_02.png); background-size:100% 100%; box-sizing: border-box; padding-top: 10vh; box-sizing:border-box;}
.WarpBox .layer3 .layer3Warp{ overflow: hidden; padding: 0 5% 0 5%; box-sizing: border-box; width: 100%; position: relative;}
.WarpBox .layer3 .layer3_box{ width: 100%; background:#fff; }
.WarpBox .layer3 .layer3_box .icon{ width: 100%; position: relative; height:290px; overflow: hidden;}
.WarpBox .layer3 .layer3_box img{ display: block; width:100% !important; height:290px;}

.icon{ width: 100%; position: relative; height:290px; overflow: hidden; transition: 0.5s;  background-size: auto 100% !important;}
.icon img{ display: block; width:100% !important; height:290px; transition:0.5s;}

.layer3_box:hover img{transform: scale(1.3);  z-index: 1;}

.layer3_box:hover .icon{background-size: auto 130% !important;} 


.ic1{ width: 90%; margin: 0 auto; height:40px; line-height:40px; font-size:20px; color:#666;  padding:15px 0px 15px 0px;}
.layer3_box{ width: 100%; margin: 0 auto; background:#fff; box-sizing:border-box;}

.ic2{ width: 90%; margin: 0 auto;height:40px; line-height:40px; font-size:16px; color:#333; font-weight: bold; padding:20px 0px 8px 0px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}


.ic3{ width: 90%; margin: 0 auto; height:60px; overflow: hidden; line-height:30px; font-size:15px; color:#777; }

.ic4{ width: 90%; margin: 0 auto; height:40px; line-height:40px; font-size:14px; margin-top: 10px; color:#333; padding:5px 0px 20px 0px;}



.WarpBox .layer3 .layer3Warp .swiper-button-next{ top: 50%; transform: translateY(-50%);right: -1.5%; width: 42px; height: 42px; background: url(../images/arrow_05.png); background-size:100% 100% ; margin: 0;}
.WarpBox .layer3 .layer3Warp .swiper-button-prev{top: 50%; transform: translateY(-50%);left:-1.5%; width: 42px; height: 42px; background: url(../images/arrow_03.png); background-size:100% 100% ; margin: 0;}
.WarpBox .layer3  .swiper-pagination{ width: 100%; bottom:60px; left: 0;}
.WarpBox .layer3  .swiper-pagination .swiper-pagination-bullet{ margin: 0 6px;}
.swiper-button-prev{width:54px !important; height:54px !important; background:url(../images/r01.png) !important; left:-70px !important;}
.swiper-button-next{width:54px !important; height:54px !important; background:url(../images/r02.png) !important; right:-70px !important;}








.xhcon6{width: 90%;  max-width: 1560px; height:; margin:0 auto; padding-top:132px; text-indent: 30px; font-size: 48px; line-height: 60px; font-weight: bold; font-family: arial; color: #fff;}




























#xfooter{width:90%; height: auto; max-width: 1560px; margin: 0 auto; padding-top:50px;  background:#fff; font-size:13px;   padding-bottom:20px; color:rgba(255,255,255,0.6); line-height:28px; border-top:#195a81 0px solid; box-shadow:0px 0px 25px rgba(0,0,0,0.2);}
#xfooter a{ color:rgba(0,0,0,0.6); font-weight: 500;}
#xfooter a:hover{ color:red;}

#xfooter h2{font-size:18px; color:rgba(0,0,0,0.8); line-height:23px; padding-bottom:15px; font-weight:600;}
#xfooterc{width:90%; height:; margin:0 auto; position:relative; padding-bottom: 50px;}


#xfootercl{width:100%; height:; margin:0 auto; box-sizing:border-box;}
#xfootercl ul li{display:block; width:14%;  float:left; font-size:16px;  line-height:35px; border-right:#444 0px solid; padding-top:10px;}
#xfootercl ul li img{display: block; width: 80%; margin: 0 auto;height: auto;}

#xfootercl li.clt{ width:32%; height:; float:left; line-height:32px; border:none;font-size:14px ; color: rgba(0,0,0,0.6);}
#xfootercl li.clt span{ font-size:16px; font-weight:bold;}


#xfootercl ul .ccwx{display:block; width:10%;  float:left; font-size:16px;  line-height:35px; border-right:#444 0px solid; padding-top:10px;}
#xfootercl ul .ccwx img{display: block; width: 90%; margin: 0 auto;}



#xfootert{width:90%; height: auto; max-width: 1560px; margin:0 auto; min-height:25px; line-height:25px; padding:30px 0px 30px 0px; text-align:center; color:rgba(255,255,255,0.5);   font-size:15px; background:#1b4779;  box-shadow:0px 0px 25px rgba(0,0,0,0.2);}
#xfootert a{ color:rgba(255,255,255,0.5);}
#xfootert a:hover{ color:rgba(255,255,255,1.0);}
#xfootercr{ float:right; width:174px; height:215px; line-height:50px; }




.flxc{width:100%; min-height:120px; font-size:14px; box-sizing:border-box; padding-left:35px; line-height:35px; background:url(../images/5jh1.jpg) top left no-repeat;}
.flxc p{line-height:35px;}