
.in_title{text-align: center;margin-bottom: 50px;padding-top: 50px;}

.in_title h2{color:#1a1a1a;font-size: 40px;letter-spacing:-1px;margin-bottom: 10px; font-weight: normal; opacity: 0.2; text-transform: uppercase}
.in_title p{font-size: 24px; color:#1a1a1a;}
.in_title span{width:35px; height:3px; background: #0b2ca8; display: block; margin:0 auto; margin-bottom: 10px;}

/*in_notice*/
.in_notice{background: url(../images/notice_bg.png) no-repeat top center;height: 108px; z-index: 999;margin-top: -54px;position: relative;}
.in_notice .notice_box{width: 725px;}
.in_notice .notice_t{width: 205px;line-height: 108px;font-size: 30px;color: #404040;}
.in_notice .notice_t span{font-size: 18px;color: #868585;}
.in_notice .txtScroll-left{ position:relative;width: 499px;padding-left: 20px;border-left: 1px solid #d2d2d2;margin-top: 40px;}
.in_notice .txtScroll-left .hd{position: absolute;right: 0;top:-10px;}
.in_notice .txtScroll-left .hd .prev,.txtScroll-left .hd .next{ width:19px; height:12px;display: block;margin: 6px 0; overflow:hidden; cursor:pointer; background:url("../images/prev.png") no-repeat;}
.in_notice .txtScroll-left .hd .next{background:url("../images/next.png") no-repeat; }
.in_notice .txtScroll-left .bd{width:435px; overflow:hidden;}
.in_notice .txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.in_notice .txtScroll-left .bd ul li{ float:left;width:435px; height:24px; line-height:24px;text-align:left; _display:inline;position: relative;}
.in_notice .txtScroll-left .bd ul li a{ color:#626263;font-size: 16px;}
.in_notice .txtScroll-left .bd ul li span{color:#a6a6a6;font-size: 14px;position: absolute;right: 0;}

/*in_product*/
.in_product{ margin-top:40px;}
.in_product .pro_left{overflow: hidden;width: 236px;height: 724px;background:url(../images/pro_nav.jpg) no-repeat;padding: 0 31.5px;}
.in_product .pro_left h3{font-size: 30px;color: #fff;padding-bottom: 18px;border-bottom: 1px solid #fff;margin-top: 35px;margin-bottom: 14px;}
.in_product .pro_left h3 span{font-size: 18px;font-weight: normal;}
.in_product .pro_left>ul>li {width: 236px;background: url(../images/pro_li.png) no-repeat;line-height: 38px;text-indent: 24px;letter-spacing: 1px;margin-top: 14px;}
.in_product .pro_left>ul>li>a{color: #666666;font-size: 18px;padding-left: 22px;background: url(../images/dot.png) no-repeat left center;}
.in_product .pro_left li ul.m_2{overflow: hidden;display: none;padding-top: 18px;padding-bottom: 4px;}
.in_product .pro_left li ul.m_2 li{line-height: 25px;letter-spacing: 1px;padding-left: 20px;}
.in_product .pro_left li ul.m_2 li a{font-size: 16px;color: #f3f3f3;padding-left: 25px;background: url(../images/arrow.png) no-repeat left center;}

.in_product .prolist{ position:relative; width:100%;margin-top: 40px;}
.in_product .prolist .hd ul  {width:100%; display: flex;  justify-content:space-between; margin-bottom: 30px;}
.in_product .prolist .hd ul li{width:190px; height: 58px; line-height: 58px; text-align: center; background: #e5e5e5; cursor: pointer;  }
.in_product .prolist .hd ul li a{color:#1a1a1a; font-size: 16px;}
.in_product .prolist .bd{ overflow:hidden;}
.in_product .prolist .bd ul{ overflow:hidden; zoom:1;   _display:inline;  }
.in_product .prolist .bd ul li{margin-bottom: 22px; margin-right:22px; float:left; _display:inline; overflow:hidden;position: relative; width:385px; border-bottom: 1px solid #cdcccd;}
.in_product .prolist .hd ul li.on{ background: #0b2ca8}
.in_product .prolist .hd ul li.on a{color:#fff;}
.in_product .prolist .bd ul li .img{overflow: hidden; width:383px}
.in_product .prolist .bd ul li img{ width:383px; height:283px; display:block;  transition: all ease-in-out 0.5s; margin: 0 auto}
.in_product .prolist .bd ul li p{line-height: 30px;font-size:18px;color: #1a1a1a;text-indent: 12px; padding-left:15px; padding:15px 0px 15px 15px;}
.in_product .prolist .bd ul li p i{width:6px; height: 6px ; background: #1a1a1a; border-radius: 50%; display: inline-block; margin-right:15px;}
.in_product .prolist .bd ul li p span{float: right; color:#bbb; font-size: 18px; }
.in_product .prolist .bd ul li span{display: block; color:#011e29; font-size: 12px; line-height: 30px}
.in_product .prolist .bd ul li:hover img{transform: scale(1.12)}
.in_product .prolist .bd ul li:hover p i{background: #0b2ca8}
.in_product .prolist .bd ul li:hover p {color: #0b2ca8; font-weight: bold}
.in_product .prolist .bd ul li:hover .img{box-shadow: 2px 2px 5px #0b2ca8}
/* case */
.in_case{overflow: hidden; margin-top:0px;}
.in_case ul{ overflow:hidden; zoom:1;   _display:inline; margin-bottom:40px; display: flex; justify-content: space-between }
.in_case ul li{margin-bottom: 12px;  float:left; _display:inline; overflow:hidden;position: relative; width:283px; border:1px solid #aaaaaa;}
.in_case ul li .img{overflow: hidden;}
.in_case ul li img{ width:283px; height:223px; display:block;  transition: all ease-in-out 0.5s;}
.in_case ul li p{line-height: 30px;background: #ef1010;font-size:16px;color: #fff;text-indent: 12px; padding-left:15px; padding:15px 0px 15px 15px;}
.in_case ul li span{display: block; color:#fff; font-size: 12px; line-height: 20px}
.in_case ul li:hover img{transform: scale(1.19)}
.in_case dl{display: flex; justify-content: space-between}
.in_case dl li .img{overflow: hidden;border:1px solid #aaaaaa}
.in_case dl li img{ transition: all ease-in-out 0.5s;}
.in_case dl li p{line-height: 30px;background: #ef1010;font-size:16px;color: #fff;text-indent: 12px; padding-left:15px; padding:15px 0px 15px 15px;}
.in_case dl li span{display: block; color:#fff; font-size: 12px; line-height: 20px}
.in_case dl li:hover img{transform: scale(1.19)}
/* in_about */
.in_about .about_txt{padding: 0 150px;margin-bottom: 30px;}
.in_about .about_txt p{font-size: 17px;line-height: 35px;color: #333333; text-align: center; letter-spacing: 1px;  margin-bottom: 10px;}
.in_about ul {display: flex; justify-content: space-between; margin-top:100px;}
.in_about ul li{cursor: pointer;  position: relative; transition: all  0.5s}
.in_about ul li h2{ color:#fff; font-size: 18px; text-align: center; margin:10px auto; font-weight: normal; width:135px; height:35px; background:#0610c4; border-radius:15px; line-height:35px; margin-top:30px;}
.in_about ul li span{font-size: 18px; text-transform: uppercase; color:#afafaf; padding-bottom:10px; border-bottom: 2px solid #1a1a1a; display: block; margin:10px auto; width:80px;}

.in_about ul li .img{width:169px; height: 195px; position:relative; background: url(../images/gd1.png) no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
    transition: all 0.5s;
}
.in_about ul li img{display: block; margin:0 auto;}
.in_about ul li {float: left; width: 250px;margin:0 80px; padding:30px 5px; box-sizing:border-box; }
.in_about ul li p{text-align: center; font-size: 14px; line-height: 24px;color:#1a1a1a; opacity: 0.7; min-height:170px;}
.in_about ul li:last-child{margin-right: 0}
.in_about ul li:hover .img{background: url(../images/gd2.png) no-repeat center;}
.in_about ul li:hover h2{color: #fff}
.in_about ul li:hover p{color: #0b2ca8}



.in_gongsi {
    margin-top:60px;
    background: url(../images/aboutbg.jpg) no-repeat center bottom;
    
}
.in_gongsi .tt{width:550px; float: right;}
.in_gongsi .tt h2{font-size: 28px; color: #0b2ca8; margin-bottom: 16px; font-weight: normal}
.in_gongsi ul {width:100%; overflow: hidden; display: flex; justify-content: space-between}
.in_gongsi  ul li {   color:#060606; text-align: center; font-size: 16px; margin-top:20px; width:33%; margin:50px 0;}
.in_gongsi  ul li h2{font-size: 18px; color:#1a1a1a; line-height: 30px; margin-top:20px;}
.in_gongsi  ul li p{text-transform: uppercase;color:#1a1a1a;  opacity: 0.5; font-size: 12px;}
.in_gongsi .tt p{font-size: 16px; color:#1a1a1a; line-height: 28px;}


/* in_adv */
.in_adv{background:#f7f7f7; padding:30px 0; margin-top:65px;}
.in_adv .in_title{}
.in_adv .in_title em{font-style: normal;}
.in_adv .in_title h2{color:#b2b2b2;font-weight: bold}
.in_adv .adv_text{position: relative;}
.in_adv .adv_text>img{display: block; margin:0 auto}
.in_adv .txt{position: absolute; width:100%; top:13px; left:0}

.in_adv ul{position: relative;}
.in_adv ul li {color:#fff; width:308px;  float: left; margin-bottom:32px; text-align: left; position: absolute }
.in_adv ul li h2{width:100%; height: 34px; font-size: 20px; color:#1a1a1a;   line-height: 34px; margin-bottom:8px;}
.in_adv ul li p{font-size: 16px; color:#a2a2a2}
.in_adv ul li.li2{float: right;}
.in_adv ul li.li4{float: right;}
.in_adv ul li.li6{float: right;}
.in_adv ul li.li2 h2,.in_adv ul li.li4 h2,.in_adv ul li.li6 h2{float: right; overflow: hidden;}
.in_adv ul li.li1{top:0; left: -7px;}
.in_adv ul li.li3{top:149px; left: -101px;}
.in_adv ul li.li5{top:325px; left: -102px;}
.in_adv ul li.li7{top:469px; left: -7px;}

.in_adv ul li.li2{top:0; right: -7px;}
.in_adv ul li.li4{top:149px; right: -101px;}
.in_adv ul li.li6{top:325px; right: -102px;}
.in_adv ul li.li8{top:469px; right: -7px;}

.in_adv ul li.li1,.in_adv ul li.li3,.in_adv ul li.li5,.in_adv ul li.li7{text-align: right}
/* in_news */
.in_news{padding-bottom: 5px; margin:55px auto; overflow: hidden;}
.newsbox{width: calc(100% - 18px); padding:20px 30px; box-sizing:border-box;   box-shadow: 0 0 12px #bbbbbb; margin:0 auto}
.navmenu>li{width:33.33%; border-bottom: 2px solid #afaeae; padding:10px 0;}
.navmenu>li.on{border-bottom: 2px solid #0b2ca8}
.navmenu>li a{display: block; align-items: center; color:#1a1a1a; font-size: 18px;  width: 100%; }
.navmenu>li img{margin-right: 5px;display: inline-block; vertical-align: middle}
.navmenu>li a span{float: right;}
.navmenu{display: flex; justify-content: space-between}

.in_news .news_right{ }
.in_news .news_right>dl{float: left; background: url(../images/newico.png) 0 center no-repeat; width:50%;}

.in_news .newsbox h2{ font-size:18px;line-height:30px;font-weight: 500;color: #1a1a1a; font-weight: bold}
.in_news .newsbox h2 a{ color: #1a1a1a;}
.in_news .newsbox p{color: #1a1a1a; font-size: 14px;line-height:24px;margin-top: 15px; opacity: 0.5;}
.in_news .news_box {margin:30px auto;}
.in_news .news_box dl {display: flex; justify-content: space-between; }
.in_news .news_box dl dd{width:538px; display: flex; justify-content: space-between;cursor: pointer;}
.in_news .news_box dl dd img{width:252px}
.in_news .news_box dl dd .txt{width:270px;}
.in_news .news_box dl dd .txt span{font-size: 12px; color:#1a1a1a}
.in_news .news_box dl dd .txt i{width:75px; height: 28px; line-height: 28px; font-size: 12px;  margin-top:20px; color:#fff; text-align: center; display: inline-block; border-radius: 10px; background: #0b2ca8}
.in_news .news_box .news_list  { width:100%; display: flex; flex-wrap: wrap; justify-content: space-between}
.in_news .news_box li { border:1px solid #cdcccd; padding:13px; width:538px;  margin-top:15px;  box-sizing: border-box; transition: all 0.5s; }
.in_news .news_box li a{ display: flex; justify-content: space-between }

.in_news .news_box li:hover{
    transform: scale(1.09);
    border:1px solid #0b2ca8; 
}
.in_news .news_box li:hover h2{ color:#0b2ca8}
.in_news .news_box li:hover p{ color:#0b2ca8}
.in_news .news_box li .time{width:100px;border-right:1px solid #cdcccd; margin-right: 15px; text-align: center}
.in_news .news_box li  .time span{color: #1a1a1a;; font-weight: bold; font-size:38px;  font-style: normal;}
.in_news .news_box li  .time span i{font-style: normal; font-size: 16px; color: #1a1a1a; font-weight: normal; display: block}

.in_news .news_box li .txt{flex:1}

.in_honor{
    background: url(../images/hebg.jpg) no-repeat center top;
    padding-bottom: 100px;
}
.in_honor img{
    margin:20px auto;
    display: block;

}
.in_liucheng{
    margin-bottom: 60px;
}
.in_liucheng ul{
    display: flex;
    justify-content: space-between;
}
.in_liucheng ul li{
    width:200px;
    height: 360px;
    cursor: pointer;
}
.in_liucheng ul li .fuwu-img{
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    overflow: hidden;
}
.in_liucheng ul li .fuwu-img img{
    transition: all 0.5s;
}

.in_liucheng ul li .fuwu-text{
    height: 171px;
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
}
.in_liucheng ul li .fuwu-text .img2{
    display: none
}

.in_liucheng ul li .fuwu-text .txt{
    height: 171px;
    position: absolute;
    left:0;
    top:0;
    color:#1a1a1a;
    text-align: center;
    width:100%
}
.in_liucheng ul li .fuwu-text .txt h4{
    font-size: 50px;
    margin-top:20px;

}
.in_liucheng ul li .fuwu-text .txt p{
    font-size: 16px;

}

.in_liucheng ul li:hover .img1{
    display: none
}
.in_liucheng ul li:hover .img2{
    display: block
}
.in_liucheng ul li:hover .fuwu-text .txt {
  color:#fff
}
.in_liucheng ul li:hover .fuwu-img img{
    transform: scale(1.12)
}