*{margin: 0;padding: 0;font-family: '微软雅黑'}
li{list-style:none;}
a{text-decoration:none;color:black;}
img{border-style:none;border:0;}
.head-wrap{position: fixed;top:0;width: 100%; min-width: 1320px;height:88px;z-index:99;background:white;transition: all .5s;
box-shadow:#cdcdcd -5px -2px 9px 0px;
}
.header{width:1260px;height:88px;margin:0 auto;}
.header > *{display: inline-block;}
.header > .logoa{display:inline-block;}
.header > .nav{width: 750px; height:88px;margin-left:150px ; padding: 0;}
.header > .nav >li{display:block;position: relative; float:left;width:13%; height:inherit;padding:0 10px; line-height:inherit;text-align: center;}
.header a {display: block; text-align: center;font-size: 16px;}
.header a:hover{text-decoration:none;color:#2b61a6;}

.header > .search{width: 50px; height: 88px; line-height: 88px;vertical-align: top;}
.header > .search > img:nth-child(3){display: inline-block; width: 20px;height: 20px;margin-top:34px;cursor:pointer;vertical-align: top; padding-right: 15px;}

.header > .search > form{display:inline-block;position: relative; width: 0px;height: 35px;margin-top:28px ; border:0px;overflow: hidden;cursor:pointer;
    background: url('/view/hgt/ydzy/image/search.png') no-repeat;background-size: 25px 25px;background-position: right center;}
.header > .search #keyword{width: 90%;height: 35px;padding-left: 5px; vertical-align: top; box-sizing: border-box;outline: none;border: 0;border-bottom:1px solid #ccc;line-height: 35px;}
.header > .search .close{display: none;width: 20px;height: 20px;margin-bottom: 8px; cursor:pointer;}
.header > .search button{ vertical-align: top;margin-left: 18px;height: 24px;margin-top: 5px;opacity: 0;cursor:pointer;}

.header > .changeLan {position: relative; float:right;width: 75px;}
.header > .changeLan > li{display:block;float:left;margin-left: 10px;}
.header > .changeLan > li > .active{color:#2b61a6;} 
.header > .changeLan::before{content: "";display: block;position: absolute;top: 50%;left: -10px;transform: translateY(-50%);width: 0;height: 14px;border:1px solid #ccc;} 
.header > .nav > li >.active {color:#2b61a6; border-bottom:5px solid #2b61a6;}
.header ul > li > a{display:block; height: inherit;line-height:88px; box-sizing: border-box;text-align: center;}
.changeLan a{color:#999999;}
/* 2019.4.12 */
.header .sub{display:block;position: relative;left: 50%;transform: translateX(-50%);width: 140PX; z-index:99; overflow: hidden; background: white;
    border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.header .sub > li{height: 0px;transition: all .5s ease-in;;}
.header .sub > li > a{line-height:40px;font-size: 14px;}
.header .nav li:hover .sub > li{height:40px;}
/* 2019.4.12 */

/*4.20*/
.swiper-container{margin-top:88px;}
/* 4.20 */

.banner{display:block;min-width: 1260px;}
.banner img{width: 100%;min-height: 450px;}
/*2019.4.18*/
.swiper-pagination-bullet{width: 15px;height: 15px;background: white;border: 1px solid white;box-sizing: border-box;padding: 7px;opacity:1;}
.swiper-pagination-bullet-active{background: none;}
.swiper-pagination-bullet-active:after{content:"";display:block;position:relative;left:50%;top:50%;width: 5px;height: 5px;background: white;
    border-radius:5px;transform:translate(-50%,-50%);}
/*2019.4.18*/

.about,.product,.news,.contact{width:1260px;margin:40px auto 0 auto;}
.index_all_head{height: 100px;margin-top: 80px;text-align: left;}
.index_all_head > *{display:inline-block;}
.index_all_head > p:nth-child(1){height:46px;line-height:46px; font-size: 46px; color:#0e396e;}
.index_all_head > p{ font-size:18px;color:#486486;}
.index_all_head > div{float:right;font-size:18px;}
.index_all_head > div > a{color:#0e396e;}
.index_all_head > div > a:hover{text-decoration:none;}
.id_ab_txt{height:120px;line-height: 28px; margin-bottom: 90px;}
.id_ab_txt p:nth-child(1){line-height:35px;text-align: left; font-size: 16px;color: #333333;}
.ab_box{position:relative; margin: 0 auto;}
.index_ab_slider{position:relative;overflow:hidden;}
/* 页码及箭头位置 */
.swiper-button-prev, .swiper-button-next {left: auto;width: 85px;height: 25px;margin-top: -22px;background-size: 85px 25px;}
.swiper-button-next{top: 85%;right: 20px;}
.swiper-button-prev{top: 90%;right: 120px;}
.swiper-pagination-fraction {bottom: 10px;top: 84%;left: auto;right:96px;width: auto;}
.swiper-pagination-current,.swiper-pagination-total{display: inline-block;position: relative;font-size: 18px;}
.swiper-pagination-current{top: -7px;color:#0e396e;}
.swiper-pagination-total {top: 10px;color:#a3b2c5;}

.ab_box > .swiper-button-prev2,.ab_box > .swiper-button-next2{display:block;position: absolute;top:50%;margin-top: -40px;
     width: 80px;height: 80px;background: #0e396e;color:white;}
.ab_box > .swiper-button-prev2 > img,.ab_box > .swiper-button-next2 > img{
    display:block;position:relative;top:50%;left: 50%;transform:translate(-50%,-50%);width: 14px;height: 14px;}
.ab_box > .swiper-button-next2{right:-80px;}
.ab_box > .swiper-button-prev2{left:1180px;z-index:30;}
.ab_box > div > img{display:block; position:relative;top:50%;left:50%; width: 12px;height: 12px;}
.c_name{position:absolute;top:50%; width: 400px;height: 120px;left:0;margin-top: -60px; margin-left:-200px;z-index:30; background: #0e396e;text-align: center;}
.c_name > div,.c_name p{ padding-left: 75px; color:white;text-align:left;}
.c_name > div{margin-top: 34px;margin-bottom: 15px;font-size: 18px;}
.c_name p{font-size: 16px;}

.product{}
.id_pd_txt{font-size: 15px;text-align:left;margin-bottom: 30px;}
.id_pd_txt > p{line-height:35px;}
.product ul{width: 254px;height: 53px;text-align: left;}
.product ul > *{font-size: 18px;line-height: inherit;}
.product ul > li{display:inline-block;margin-right: 10px;}
.product ul > li > a{display: block;color:#b9c0cd;}
.product ul > li > a:hover{text-decoration:none;}
.product ul > li > a.active{color:#0e396e;}
.swiper-container3{position:relative; min-width: 1260px;}
.swiper-container3 > .swiper-wrapper{display: inline-block;}
.swiper-container3 .swiper-slide{width: 600px!important;height: 410px;margin-bottom: 50px; float: left; }
.swiper-container3 .swiper-slide:nth-child(2n){margin-left: 60px;}
.swiper-container3 .swiper-slide a:hover .proname{background: #0e396e;transition: all 1s;}
.swiper-container3 .swiper-slide a:hover .cnn{color:white;border-bottom: 1px solid white;}
.swiper-container3 .swiper-slide a:hover .enn{color:white;}
.swiper-container3 .swiper-slide a:hover .id_pro_jt,.ul > li > a:hover .id_pro_jt{background: white url("/view/hgt/ydzy/image/right3_hover.png") no-repeat center center;}
.swiper-container3 .swiper-slide a:hover .id_pro_jt,.ul > li > a:hover .id_pro_jt{background-size: 18px 18px;}
.product > .swiper-button-prev3,.product > .swiper-button-next3{
    position:relative;display:inline-block; width: 80px;height: 80px;background: #0e396e;top:-50px;text-align: center;}
.product > .swiper-button-prev3 > img,.product > .swiper-button-next3 > img{
    display:block;position:relative;top:50%;left: 50%;transform:translate(-50%,-50%);}
.swiper-container3 a >img{display: block; width: 600px;height: 330px;}
.product > .swiper-button-prev3{left:1100px;}
.product > .swiper-button-next3{left:1100px;}
.proname{position: relative; height: 85px;}
.proname .id_pro_tt{display:inline-block;width: 185px;height: 50px;margin: 15px 0 0 18px; color:#0e396e;vertical-align:center;}
.proname .id_pro_tt .cnn{padding-bottom: 8px; font-size: 16px;border-bottom: 1px solid rgba(14, 57, 110,.4);}
.proname .id_pro_tt .enn{margin-top: 4px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.proname .id_pro_jt{display:inline-block;position:absolute;top:25px;left:auto;right:20px; width: 30px;height: 30px;
     text-align:center;background: #0e396e url("/view/hgt/ydzy/image/right3.png") no-repeat center center;}
.proname .id_pro_jt{background-size: 18px 18px;}

.news{height: 700px;}
.news .id_nw_txt > p{font-size: 15px;text-align:left;line-height:35px;}
.news .news_list{margin-top: 90px;}
.news .news_list > div{ float:left;width: 370px;height: 428px;}
.news .news_list > div:nth-child(2){margin: 0 75px;}
.news .news_list > div > img{margin-bottom: 25px!important;}
.news .news_list > div {text-align: left;}
.index_putpic{margin-bottom: 20px; width: 380px;height: 240px;overflow: hidden;}
.index_putpic img{transition:all .3s ease-in;}
.index_putpic img:hover{  -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.pro_pic{display: inline-block; overflow-x: hidden;}
.bigpic{transition:all 1.2s ease-in;}
.pro_pic:hover .bigpic{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.yjt{margin-left: 0;transition:all .5s ease-in;}
.news_list > div:hover .yjt{margin-left:180px ;}
.news .news_list > div h4{margin-bottom: 25px; font-size: 16px;color:#0e396e;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .news_list > div > span > p{font-size: 14px;color:rgba(14, 56, 108,.6);}
.news_date{height: 30px;margin-top: 25px;}
.news_date span{display:inline-block; width: 48%;}
.news_date span > p:nth-child(1){font-size: 22px;text-align: right;color:#0e396e;}
.news_date span > p:nth-child(2){display:block;height: 11px;line-height: 11px;color: #0e396e; font-size: 11px;text-align: right;}
.news_txt{height: 40px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}

.contact{height:550px;}
.contact > .index_all_head{margin-bottom: 10px;}
.id_ct_txt{width:474px;height:300px;float:left;}
.id_ct_txt i{margin-right: 15px;}
.id_ct_txt i img{width: 15px;height: 15px;}
.id_ct_txt div{ color:#000000;font-size: 15px;text-align:left;}
.id_ct_txt div:nth-child(n+2){padding-top: 15px;}
.id_ct_txt div > p{padding-left: 80px;}
.id_ct_map{width:660px;height: 300px; float:right;}
#yd2Map {width: 657px;height: 300px;}


.footer{border-top:1px solid #efefef;height: 120px;}
.footer .ft{width: 1260px;height: 120px; margin: 0 auto;}
.footer .ft-l{width: 630px;float:left;}
.footer .ft-l > ul{ display:block;height:60px; text-align: left;}
.footer .ft-l > ul >li{display:inline-block;width:70px;height:inherit;margin-right: 35px;}
.footer .ft-l > ul >li a{display:inline-block;height:inherit; color:#0e396e;font-size: 16px;padding-top:28px;}
.footer .ft-l > ul >li a:hover{text-decoration:none;}
.footer .ft-l > p{height: 60px;line-height: 60px; text-align:left;font-size: 14px; color:#0e396e;}
.footer .ft-r{margin: 0;padding: 0; width:630px;height: 120px; float: right;}
.footer .ft-r img{display:block;float:right;margin-top:16px;}

/*轮播箭头手指状*/
.swiper-button-prev:hover,.swiper-button-next:hover,.swiper-button-prev2:hover,.swiper-button-next2:hover,.swiper-button-prev3:hover,.swiper-button-next3:hover{cursor:pointer;}
@keyframes fadeInTop { /* 上滑入场 */
    from {opacity: 0;transform: translate3d(0,100%,0);} /* xyz， 正、负x表示从右、左往反方向入场；正、负y表示从下、上往反方向入场*/
    to {opacity: 1;transform: none;}
}
.top_in_f,.top_in_s,.top_in_t,.top_in_l{animation-fill-mode: both;animation-name: fadeInTop;}
  /*添加动画*/
.top_in_f{animation-duration: 2.5s;}
.top_in_s{animation-duration: 2.5s;}
.top_in_t{animation-duration: 2.5s;}
.top_in_l{animation-duration: 2.5s;}