.in_title{text-align: center;padding: 50px 0 40px 0;}
.in_title h2{font-size: 32px;color: #00458e;background: url(../images/title_bg3.png) no-repeat bottom center;padding-bottom: 20px;}
.in_title p.txt1{font-size: 30px;color: #fff;line-height: 45px; background: url(../images/title_bg2.jpg) no-repeat center;letter-spacing: 5px;margin-top: 20px;}
.in_title p.txt2{font-size: 18px;color: #585858;line-height: 32px;margin-top: 15px;}
a.more{display: inline-block; width: 99px; height: 35px;line-height: 35px;font-size:16px;color: #fff;background: url(../images/more_bg.png) no-repeat;padding-left:25px;}

/* searchbox */
.searchbox{position:absolute;width:100%;left:0;bottom:-45px;z-index:1}
.searchbox .search-inner{background:#fff;box-shadow:0 0 10px #a7a7a7;border-radius:48px;padding:0 30px}
.searchbox .search-inner .hotkey{float:left;width:60%}
.searchbox .search-inner .hotkey a{display:inline-block;font-size:16px;color:#474747;margin-right:3%;line-height:70px}
.searchbox .search-inner .hotkey a:last-child{margin-right:0}
.searchbox .search-inner .hotkey span{font-weight:bold;color:#474747;font-size:16px;}
.searchbox .search-inner .formbox{float:right;width:25%;height:47px;margin-top:9px}
.searchbox .search-inner .formbox form{width:100%;height:100%;position:relative;display:block}
.searchbox .search-inner .formbox form input[type=text]{width:100%;line-height:47px;border-bottom:1px solid #eee;font-size:16px;color:#aaa;outline:0;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.searchbox .search-inner .formbox form input[type=text]:focus{border-bottom:1px solid #00458e}
.searchbox .search-inner .formbox form input[type=submit]{position:absolute;width:26px;height:47px;background:url(../images/searchbg.png) no-repeat center;right:0;top:0;cursor:pointer}

/* index_about */
.index_about{background: url(../images/about_bg.jpg) no-repeat center;padding-bottom: 50px;}
.index_about .in_title{padding-top: 100px;}
.index_about .in_title h2{background: url(../images/title_bg1.png) no-repeat center;padding-bottom: 0;}
.index_about .about_txt{width: 680px;}
.index_about .about_txt .txt p{font-size: 16px;color: #4c4c4c; line-height: 27px;}
.index_about .about_txt ul{margin-top: 20px;}
.index_about .about_txt ul li{width: 128px;height: 128px; float: left;background: #00458e;border-radius: 50%;text-align: center;margin: 0 13px;}
.index_about .about_txt ul li img{margin-top: 30px;height: 47px;}
.index_about .about_txt ul li p{color: #fff;font-size: 18px;margin-top: 10px;}
.index_about .about_txt ul li.bg{background: #00a0e9;}
.index_about a.more{margin-top: -26px;}

/* index_pro */
.index_pro {padding-bottom: 50px;}

.pro_top{background: #e6eef7;position: relative;}
.pro_top .hd{ height:10px; overflow:hidden; position:absolute; bottom:20px; z-index:1; text-align: center;font-size: 0;width:641px;}
.pro_top .hd ul{ overflow:hidden; zoom:1; }
.pro_top .hd ul li{ display: inline-block;margin:0 4px;width:10px; height:10px;background:#00458e; cursor:pointer; border-radius: 5px;}
.pro_top .hd ul li.on{width: 40px; }
.pro_top .bd{ position:relative; height:100%; z-index:0;}
.pro_top .bd ul li{ zoom:1; vertical-align:middle; }
.pro_top .bd ul li .txt{width: 559px;padding: 50px 40px;}
.pro_top .bd ul li p.txt1{font-size: 20px;color: #585858;margin-bottom: 20px;}
.pro_top .bd ul li p.txt2{font-size: 14px;color: #585858; line-height: 32px;}
.pro_top .bd ul li a.more{font-size:14px;width: 113px; height: 28px;line-height: 28px;background: url(../images/more_bg2.jpg) no-repeat;padding-left:10px;margin-top: 20px;}

.pro_list ul{margin: 0 -10px;}
.pro_list ul li{width: 283px;float: left;border: 1px solid #b5b5b5;margin:20px 10px 0;text-align: center;}
.pro_list ul li img{width: 283px;height: 268px;}
.pro_list ul li p{font-size: 16px;line-height: 42px;color: #666666;line-height: 50px;}
.pro_list ul li:hover{border: 1px solid #00458e;}
.pro_list ul li:hover p{color: #00458e;}

/* index_youshi */
.index_youshi{height:600px;position:relative;background:url(../images/youshibg.jpg) no-repeat center/cover;}
.index_youshi .wrap{height:100%;position:relative}
.index_youshi .in_title h2{background: url(../images/title_bg4.png) no-repeat bottom center;color: #fff;}
.index_youshi .in_title p.txt2{color: #fff;}
.youshi-list{width:320px;position:absolute}
.youshi-list .text{width:65%;color:#fff;text-align:left}
.youshi-list.youshi-list6 .text,.youshi-list.youshi-list7 .text{text-align:right;float:left}
.youshi-list.youshi-list6 .imgbox,.youshi-list.youshi-list7 .imgbox{float:right}
.youshi-list.youshi-list8 .text,.youshi-list.youshi-list9 .text{float:right}
.youshi-list.youshi-list8 .imgbox,.youshi-list.youshi-list9 .imgbox{float:left}
.youshi-list .text .fir{font-size:24px;font-weight:700;margin-bottom:5%}
.youshi-list .text .sec{font-size:16px}
.youshi-list .imgbox{width:85px;height:85px;border:2px solid #fff;background:#28b0f7;position:relative;border-radius:50px}
.youshi-list .imgbox img{position:absolute;max-width:100%;max-height:100%;top:0;bottom:0;left:0;right:0;margin:auto}
.youshi-list:hover .imgbox img{animation:swing 1s infinite linear}
.youshi-list6{left:11%;top:37%}
.youshi-list7{left:0;top:70%}
.youshi-list8{right:11%;top:37%}
.youshi-list9{right:0;top:70%}
.index_youshi .youshiimg{position:absolute;max-width:100%;max-height:100%;bottom:-108px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}

/* .index_case */
.index_case .in_title{padding-top: 150px;}
.index_case_box{width:100%;height:560px;}
.index_case_left{float:left;width:280px;height:100%}
.index_case_left_list{width:100%;height:14.3%}
.index_case_left_list a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;background:#00458e;color:#fff;font-size:20px;}
.index_case_left_list a:hover,.index_case_left_list a.active{background:#00a0e9}
.index_case_left_list:last-child a{border:none}
.index_case_left_list a img{margin-right:9%}
.index_case_right{float:right;width:914px;height:100%}
.index_case_right_list{width:100%;height:100%}
.index_case_right_list .imgbox{width:100%;height:100%;position:relative}
.index_case_right_list .imgbox img{width:100%;height:100%;object-fit:cover}
.index_case_right_list .imgbox .text{position:absolute;width:95%;padding:2% 2.5%;background:rgba(0,0,0,.8);left:0;bottom:0;}
.index_case_right_list:hover .imgbox .text{background:rgba(0,160,233,.8)}
.index_case_right_list .imgbox .text-inner{width:57%;float:left}
.index_case_right_list .imgbox .text-inner .fir{color:#fff;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2%;line-height: 30px;}
.index_case_right_list .imgbox .text-button{float:right;width:32%;height:100%;display:flex;justify-content:space-between;margin-top:.5%}
.index_case_right_list .imgbox .text-button-list{width:126px;}
.index_case_right_list .imgbox .text-button-list a{display:block;line-height:46px;text-align:center;border-radius:10px;background:#00458e;font-size:16px}
.index_case_right_list .imgbox .text-button-list-fir a{color:#fff}
.index_case_right_list .imgbox .text-button-list-fir a:hover{color:#eb6100}
.index_case_right_list .imgbox .text-button-list-sec a{color:#fff;background:#eb6100}
.index_case_right_list .imgbox .text-button-list-sec a:hover{color: #00458e;}
.index_case_right_list{display:none}

/* index_advan */
.index_advan{background: url(../images/advan_bg.jpg) no-repeat bottom center;padding-bottom: 90px;}
.advan_box{width:100%;height:498px;}
.advan_left{width: 763px;height:100%;}
.advan_left ul li{width:100%;height:100%;position:relative;}
.advan_left ul li img{width:100%;height:100%;object-fit:cover;border: 1px solid #fff;}
.advan_right{width:437px;height:100%}
.advan_right ul{width:100%;height:20%;color: #fff;}
.advan_right ul li{width:100%;height:100%;display:flex;align-items:center;background:#00458e;border: 1px solid #fff;}
.advan_right ul li:hover,.advan_right ul li.active{background:#00a0e9;height:194%;}
.advan_right ul li .txt{padding: 0 30px 0 80px;}
.advan_right ul li h3{font-size: 20px;align-items:center;display:flex;}
.advan_right ul li h3 img{margin-right: 20px;}
.advan_right ul li p{font-size: 16px;line-height: 27px;margin-top: 20px;display: none;}
.advan_right ul li.active p{display: block;}
.advan_left ul li{display: none;}

/* index_liucheng */
.index_liucheng .in_title h2{background: url(../images/title_bg4.png) no-repeat bottom center;color: #fff;}
.index_liucheng .in_title p.txt2{color: #fff;}
.liuchengbox{display:flex;justify-content:space-between;position:relative}
.liucheng-list{text-align:center;color:#fff;position:relative}
.liucheng-list img{-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;margin:0 auto;height: 40px;}
.liucheng-list:hover img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.liucheng-list p{font-size:16px;margin:17px 0}
.liucheng-list .num{width:6px;height:6px;border-radius:50%;text-align:center;border:2px solid #fff;margin:0 auto;position:relative;background: #17579a;}
.liucheng-list .num:after{content:"";position:absolute;left:104%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:154px;height:2px;background:url(../images/line.png) no-repeat}
.liucheng-list:last-child .num:after{display:none}

/* index_news */
.index_news{padding-bottom: 50px;}
.index_news img{width: 551px;}
.news_list{width: 625px;}
.news_nav{height:37px;border-bottom:2px solid #00458e;}
.news_nav ul li{display: inline-block;width: 118px;height: 37px;line-height:37px;font-size: 18px;text-align: center;background:#00458e; }
.news_nav ul li a{color: #fff;}
.news_nav ul li.on{background:#eb6100;}
.news_box ul{display: none;}
.news_box ul.on{display: block;}
.news_box ul li{width:100%;border-bottom: 1px dashed #bfbfbf;}
.news_box ul li p{color: #818181;font-size: 16px;line-height: 62px;}
.news_box ul li p span{color: #818181;}
.news_box ul li:hover p{color: #00458e;}