@charset "utf-8";

@import url(public.css);
a{ color:#222}
a:hover{ color:#f00}
/* 头部 */
.header{width: 100%; position: relative;}
.header .header_box{height:137px; overflow:hidden; position: relative;}
.header .header_box .box{height: 100%; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between;}
.header .header_box .logo{float: left;}
.header .header_box .logo img{max-width: 100%; width: 687px; height:auto;}
.header .header_box .header_tel{background: url("../images/header_tel.png") no-repeat left 50%; padding-left: 60px;}
.header .header_box .header_tel .txt1{font-size: 14px; color: #333;}
.header .header_box .header_tel .txt2{font-size: 33px; color: #0151a4; font-family: "Impact";}
/**/
.header .navbar-toggle{position:absolute; top: 0; bottom: 0; right: 15px; margin: auto; padding: 0; height: 29px; display:block; cursor:pointer;}
.header .navbar-toggle .icon-bar{background:#065ab7; width:35px; height:5px;}
.header .navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
.tx .icon-bar:nth-child(1){ margin-top:10px; transform:rotateZ(45deg);}
.tx .icon-bar:nth-child(2){ opacity:0;}
.tx .icon-bar:nth-child(3){ top:50%; position:absolute; margin:0 !important; transform:translate(0,-50%) rotateZ(135deg);}
/**/
.header .header_nav{width: 100%; position: relative; background-color: #11478E;}
.header .header_nav nav{max-width: 1200px; height: auto; margin: 0 auto;}
.header .header_nav ul{width: 100%; float: left;}
.header .header_nav .top_li{float: left; width: 12.5%; height: 50px; position: relative; text-align: center;}
.header .header_nav .top_li>a{color: #FFFFFF; font-size: 15px; line-height: 50px; display: block; overflow: hidden;}
.header .header_nav .top_li:after{content: ""; display: block; width: 1px; height: 100%; position: absolute; right: -1px; top: 0; bottom: 0; margin: auto; background: #3B62A0;}
.header .header_nav .top_li:last-child:after{display: none;}
.header .header_nav .top_li:hover>a{background-color: #2362C0;}
.header .header_nav .top_li.act>a{background-color: #2362C0;}
.header .header_nav .top_li ul{display: none; position:absolute; top:100%; width: 100%; left: 0; z-index:99999;}
.header .header_nav .top_li ul .er{padding:0; height: 40px; background: rgba(0,0,0,0.7); transition:all 0.3s; margin-bottom: 3px;}
.header .header_nav .top_li ul .er a{line-height:40px;  color:#fff; transition:all 0.3s; border-bottom: none; display: block; background: none; padding: 0 12px;}
.header .header_nav .top_li ul .er:hover{background: #11478E;}
.header.small .header_nav{position: fixed; top: 0; right: 0; z-index: 9;}
.banner{width: 100%;}
.banner img{width: 100%;}
.banner .swiper-pagination-bullet-active{background: #11478E;}
.banner .banner-next, .banner .banner-prev{position: absolute; top: 0; bottom: 0; margin: auto; width: 30px; height: 60px; line-height: 60px; font-size: 48px; color: #11478E; z-index: 9; opacity: 0;}
.banner .banner-next{left: 2%;}
.banner .banner-prev{right: 2%;}
.banner:hover .banner-next, .banner:hover .banner-prev{opacity: 1;}

/*flash*/
#flash_bg{width:100%; margin:0 auto;}
.focus{width: 100%;height: 602px; position: relative; overflow:hidden;}
.focus ul,.focus li{ list-style:none; padding:0; margin:0;}
.focus li{ display: none}
.focus .bg { position: absolute; width:100%; height: 30px; left: 0; bottom: 0;  opacity: 0; filter: alpha(opacity=50); z-index: 1; background: #000}
.focus .f_btns{position: absolute; width: 100%; height:30px; line-height:30px; left: 0; bottom: 0; text-align: center; z-index: 2}
.focus .f_btns h2 { color: #fff; font-size: 16px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; line-height: 30px; }
.focus .f_btns h2 a{ color: #fff;}
.focus .f_btns h2 a:hover{ text-decoration: none}
.focus .f_btns .btn{ text-align: center; height:20px; overflow: hidden; font-size:0; padding-top:0px;}
.focus .f_btns .btn span {background:#063995; z-index:2; cursor:pointer; margin-right:15px; display:inline-block;width:26px; height:8px;*display:inline; zoom:1; border:2px solid #fff;}
.focus .f_btns .btn span.cur{background:#e8730f; border:2px solid #fff;}
.focus .prev {background: url(../images/a01.png) no-repeat; position: absolute;top:220px;left:0; width: 55px; height: 55px; z-index: 3; cursor: pointer}
.focus .next { background: url(../images/a02.png) no-repeat; position: absolute;top:220px; width: 55px; height: 55px;right: 0;z-index: 3;cursor: pointer}
.jqfocus ul li a img{height:650px; text-align:center;}



/*手机底部*/
.hot{width:100%;background:#11478E; position:fixed; height: calc(58px +  constant(safe-area-inset-bottom)); height: calc(58px +  env(safe-area-inset-bottom)); bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;display: block;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row .decoration{ display:block; color:#fff; padding:7px 0;}
.hot .row .col-xs-3{border-right: 1px solid rgba(255,255,255,0.3);}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.view-wecht-icon{position: relative;}
.view-wecht-icon a{width:100%;position: absolute;left: 0;top: 0;z-index: 5;background: #191919;}
.view-wecht-icon button{ position: relative; z-index: 2; padding: 0; width:100%; height:100%; border:none;background:none;}
.view-wecht-icon input{ display: block; position: absolute; left: 10px; top: 10px; z-index: 1; width: 40px; height: 40px; opacity: 0;}
.view-wecht-box{position: fixed; left:0; top:0; z-index: 99999999999999; width: 100%; height: 100%; background: rgba(0,0,0,.6); overflow: hidden; visibility: hidden; opacity: 0; transition: all 0.3s;}
.view-wecht-box .view-wecht{ position: absolute; left:5%; right: 5%; top: 50%; margin-top: -150px; background: #fff; border-radius: 20px; box-shadow:0 0 15px rgba(0,0,0,.1); transform: scale(1.2); transition: all 0.3s;}
.view-wecht-box .view-wecht .view-wecht-container{ padding:30px 30px 0 30px;font-size:12px;}
.view-wecht-box .view-wecht .view-wecht-container .mc{ font-size:18px; color: #333; line-height: 24px; font-weight: bold;}
.view-wecht-box .view-wecht .view-wecht-container .textbox{ margin-bottom: 15px; font-size: 12px; color: #333; line-height:18px;}
.view-wecht-box .view-wecht .view-wecht-container .textbox span{ font-family:'Impact';font-size:14px;}
.view-wecht-box .view-wecht .view-wecht-container .queren{width:30px;height: 30px; font-size: 16px; color: #fff;position: absolute;left:50%;bottom:-38px;border:1px solid #fff;transform:translateX(-50%);border-radius: 50%;display:flex;justify-content: center;align-items: center}
.view-wecht-box .view-wecht .view-wecht-container img{display:block;max-width:150px; margin:2% auto;}
.view-wecht-box.active{ visibility: visible; opacity: 1;}
.haoma{width: 100%;background-color:#f5f5f5;position: fixed;left: 0;bottom: 0;z-index: 999999;overflow: hidden;display: none;box-shadow: 0 0 5px rgba(0, 0, 0,0.3);}
.haoma a, .haoma .quxiao{display: block;background-color: #fff;line-height: 44px;color:#333;text-align: center;border-bottom: 1px solid #ddd; font-size:15px;}
.haoma .quxiao{margin-top: 6px;border-top: 1px solid #ddd;}
.haoma .quxiao:hover, .haoma a:hover{background:#ddd;}
.foot-bbj{width:100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.6);display: none;z-index: 999;}

/*  */
.titleIndex{text-align: center; position: relative; overflow: hidden;}
.titleIndex .title1{font-size: 34px; color: #0151a4; font-weight: bold;}
.titleIndex .title2{font-size: 69px; color: #ededed; line-height: 1; font-weight: bold; position: absolute; top: 0; left: 0; width: 100%; text-align: center; z-index: -1; text-transform: uppercase;}
.titleIndex .title3{font-size: 16px; color: #333333; display: inline-block; position: relative; padding: 0 20px;}
.titleIndex .title3::before, .titleIndex .title3::after{content: ""; position: absolute; top: 0; bottom: 0; margin: auto; width: 600px; height: 1px; background-color: #E8E8E8;}
.titleIndex .title3::before{left: 100%;}
.titleIndex .title3::after{right: 100%;}
/*  */
.four_bt {width: 780px;height: 80px;margin:0 auto;}
.four_btn{float:left;width: 560px;text-align: center;height: 80px;font-size: 24px;color: #fff;line-height: 80px;background: #5c5c5c;overflow: hidden;margin: 25px auto 0;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.four_btn:hover{background: #434343;}
.four_btn1{float:left;width: 200px;text-align: center;height: 80px;font-size: 36px;color: #fff;line-height: 80px;background: #ff7e15;overflow: hidden;margin: 25px auto 0;border-top-right-radius: 40px;padding-left:4px;border-bottom-right-radius: 40px;}
.four_btn1:hover{background: #ff6d15;}
.index1{padding: 40px 0 0 0; overflow: hidden;}
.index1 .left{width: 250px; float: left;}
.index1 .right{width: calc(100% - 250px); float: left; padding-left: 50px;}
.index1 .imgbox{width: 100%; text-align: center; overflow: hidden;padding-top:20px;}
.index1 .imgbox img{width: 100%; height: 100%;}
.index1 .sideBar .sideBar_title{background: #0152A4; text-align: center; position: relative; font-size: 0; padding: 20px 1px;}
.index1 .sideBar .sideBar_title .title1{font-size: 26px; color: #ffffff; margin-bottom: 5px; font-weight: bold;}
.index1 .sideBar .sideBar_title .title1 span{font-size: 20px; font-family: Arial; text-transform: uppercase;}
.index1 .sideBar .sideBar_title .sideBar_icon{position: absolute; right: 15px; top: 12px; font-size: 22px; color: #ffffff;}
.index1 .sideBar ul{display: none;}
.index1 .sideBar .sideBar_list{background-color: #ffffff; border-top: 1px solid #fff;}
.index1 .sideBar .sideBar_list>li{width: 100%; position: relative; }
.index1 .sideBar .sideBar_list>li>a{display: block; position: relative; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background-color: #0152A4; text-align: left; padding: 0 40px 0 20px;}
.index1 .sideBar .sideBar_list>li>a::before{content: ""; position: absolute; width: 19px; height: 19px; top: 0; bottom: 0; right: 15px; margin: auto; }
.index1 .sideBar .sideBar_list>li:hover>a{background: url(../images/sideBar_li.jpg) no-repeat; background-size: 100% 100%; color: #1f468f;}
.index1 .sideBar .sideBar_list>li:hover>a::before{background: url(../images/sideBar_yuan.png) no-repeat; background-size: 100% 100%;}
.index1 .sideBar .sideBar_list>li.act>a{background: url(../images/sideBar_li.jpg) no-repeat; background-size: cover; color: #1f468f;}
.index1 .sideBar .sideBar_list>li.act>a::before{background: url(../images/sideBar_yuan.png) no-repeat; background-size: 100% 100%;}
.index1 .sideBar .sideBar_down{width: 100%; overflow: hidden; background-color: #00498E;}
.index1 .sideBar .sideBar_down li{width: 100%; position: relative; text-align: left;}
.index1 .sideBar .sideBar_down li a{line-height: 55px; height: 55px; border-bottom: 1px dotted #417EC1; overflow: hidden; display: block; font-size: 14px; color: #fff; padding-left: 30px;}
.index1 .sideBar .sideBar_down li a:hover{color: #5598fc;}
.index1 .sideBar_below{padding: 20px; background: url(../images/sideBar_below_bg.jpg) no-repeat center center; background-size: cover;}
.index1 .sideBar_below .sideBar_tel{font-size: 14px; color: #0151a4; line-height: 30px; vertical-align: middle;}
.index1 .sideBar_below .sideBar_tel span{font-size: 24px; color: #0151a4; font-family: Impact;}
.index1 .sideBar_below .sideBar_link{margin-top: 10px; font-size: 0; text-align: center;}
.index1 .sideBar_below .sideBar_link a{width: 90px; height: 30px; line-height: 28px; margin: 0 5px; text-align: center; border: 1px solid #0152A4; display: inline-block; font-size: 14px; color: #0152A4;}
.index1 .sideBar_below .sideBar_link a:nth-child(2){background-color: #0152A4; color: #fff;}
.index1 h4{font-size: 16px; color: #0151a4; font-weight: bold; line-height: 43px; float: left; width: 660px;}
.index1 h4 a{color: #0151a4;}
.index1 .searchBox{width:540px;float:left;background-color: #fff; border-radius: 43px; box-shadow: 0 0 20px 5px #e7e7e7; padding: 0 0 0 20px; position: relative; overflow: hidden;}

.index1 .searchBox .search_form{width: calc(100%); float: left; height: 43px;}
.index1 .searchBox .search_form .searchTxt{width: calc(100% - 150px); float: left; border: none; padding: 0 10px; font-size: 15px; color: #333; outline:none; line-height:43px;}
.index1 .searchBox .search_form .searchBtn{width: 150px; text-align: center; border: none; float: left; background-color: #0152A4; border-radius: 43px; overflow: hidden; outline:none}
.index1 .searchBox .search_form .searchBtn span{display: inline-block; line-height: 43px; font-size: 16px; color: #fff; padding-right: 30px; background: url(../images/search_icon1.png) no-repeat center right;}
.index1 .list{width: calc(100% + 20px); margin-top: 30px;}
.index1 .list li{width: calc(100% / 3 - 20px); float: left; margin: 0 20px 20px 0;}
.index1 .item{width: 100%; border: 3px solid #F4F4F4;}
.index1 .item a{display: block; width: 100%; height: 100%;}
.index1 .item .imgbox{position: relative; overflow: hidden; border-top: 3px solid #F4F4F4;}
.index1 .item .imgbox::before{content: ""; display: block; padding-top: 80%;}
.index1 .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index1 .item .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2);}
.index1 .item .mask .imgs{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index1 .item .txt{font-size: 16px; color: #333333; background-color: #E6E7EA; line-height: 45px; text-align: center;}
.index1 .item:hover .mask{opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}
.index1 .item:hover .txt{background-color: #0152A4; color: #fff;}
/*  */
.index2{width: 100%; padding: 40px 0 40px 0; overflow: hidden;}
.index2 .content{position: relative;}
.index2 .txtbox{width: 50%; float: left; box-shadow: 0 0 10px 5px #ededed; background-color: #fff; padding: 35px; margin: 35px 0; position: relative; z-index: 2;}
.index2 .txtbox .title{font-size: 16px; color: #0151a4; font-weight: bold; margin-bottom: 35px;}
.index2 .txtbox .txt{font-size: 16px; color: #333333; line-height: 30px; margin-bottom: 35px;}
.index2 .txtbox .more{width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; background-color: #0152A4; display: block;}
.index2 .imgbox{width: 56%; text-align: center; overflow: hidden; position: absolute; right: 0; top: 0;}
.index2 .imgbox img{width: 100%; height: auto;}
/*  */
.index3{width: 100%; padding: 10px 0 0 0; overflow: hidden;}
.index3 .hd{margin-bottom: 15px; text-align: center;}
.index3 .hd ul{display: inline-block;}
.index3 .hd ul li{float: left; padding: 0 10px; margin-bottom: 20px;}
.index3 .hd ul li a{width: 175px; height: 50px; line-height: 50px; text-align: center; background-color: #939393; font-size: 20px; color: #fff; display: inline-block; border-radius: 50px;}
.index3 .hd ul .on a{background-color: #0152A4;}
.index3 .bd{position: relative;}
.index3 .item{width: 100%;}
.index3 .item a{display: block; width: 100%; height: 100%;}
.index3 .item .imgbox{position: relative; overflow: hidden; border: 1px solid #EDEDED;}
.index3 .item .imgbox::before{content: ""; display: block; padding-top: 135%;}
.index3 .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: auto; max-height: 100%;}

.index3 .item .imgbox2{position: relative; overflow: hidden; border: 1px solid #EDEDED;}
.index3 .item .imgbox2::before{content: ""; display: block; padding-top: 75%;}
.index3 .item .imgbox2 .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: auto; max-height: 100%;}

.index3 .idx3_next, .index3 .idx3_prev{position: absolute; top: 0; bottom: 0; margin: auto; width: 54px; height: 54px; border: 2px solid #DCDCDC; text-align: center; line-height: 50px; font-size: 40px; color: #DCDCDC; z-index: 2; border-radius: 50%;}
.index3 .idx3_prev{left: 102%;}
.index3 .idx3_next{right: 102%;}

.index3 .idx3_nexts, .index3 .idx3_prevs{position: absolute; top: 0; bottom: 0; margin: auto; width: 54px; height: 54px; border: 2px solid #DCDCDC; text-align: center; line-height: 50px; font-size: 40px; color: #DCDCDC; z-index: 2; border-radius: 50%;}
.index3 .idx3_prevs{left: 102%;}
.index3 .idx3_nexts{right: 102%;}
/*  */
.index4{width: 100%; padding: 40px 0 0 0; overflow: hidden;}
.index4 .titleIndex4{text-align: center; overflow: hidden;}
.index4 .titleIndex4 img{width: 100%; height: auto;}
.index4 .imgbox{width: 50%; float: left; text-align: center; overflow: hidden; padding: 0 30px 0 0; position: relative;}
.index4 .imgbox img{width: 100%; height: auto;}
.index4 .txtbox{width: 50%; float: left; position: relative; padding: 25px 0 0 0;}
.index4 .txtbox .item{margin-bottom: 25px;}
.index4 .txtbox .title{background: url(../images/idx4_gang.png) no-repeat left bottom; padding-bottom: 25px; margin-bottom: 25px;}
.index4 .txtbox .title i{float: left; width: 67px; height: 67px; box-shadow: 0 0 20px 5px #dbdbdb; border-radius: 10px; overflow: hidden; text-align: center; line-height: 67px; font-size: 39px; color: #fff; background: url(../images/idx4_kuang.png) no-repeat; background-size: 100% 100%;}
.index4 .txtbox .title .title_right{float: left; padding: 5px 0 0 10px;}
.index4 .txtbox .title h2{font-size: 30px; color: #0151a4; font-weight: bold;}
.index4 .txtbox .title h4{font-size: 14px; color: #0151a4; margin-top: 8px; text-transform: uppercase;}
.index4 .txtbox .txt{font-size: 16px; color: #333; line-height: 30px;}
.index4 .box:nth-child(even) .imgbox{left: 50%; padding: 0 0 0 30px;}
.index4 .box:nth-child(even) .txtbox{right: 50%;}
/*  */
.index5{width: 100%; padding: 40px 0; background-color: #F7F7F7; overflow: hidden;}
.index5 .left{width: 50%; padding-right: 15px;}
.index5 .left .imgbox{text-align: center; overflow: hidden;}
.index5 .left .imgbox img{max-width: 100%; height: auto;}
.index5 .left .txtbox{padding: 20px 10px; background-color: #fff;}
.index5 .left .txtbox .title{font-size: 18px; color: #333333; font-weight: bold; line-height: 25px;}
.index5 .left .txtbox .title span{float: right; line-height: 25px; color: #333; font-family: "宋体";}
.index5 .right{width: 50%; padding-left: 15px;}
.index5 .item{width: 100%; height: 138px; overflow: hidden; margin-bottom: 12px; position: relative; top: 0;}
.index5 .item a{display: block; width: 100%; height: 100%;}
.index5 .item .imgbox{width: 220px; height: 100%; float: left;}
.index5 .item .imgbox .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index5 .item .txtbox{width: calc(100% - 220px); height: 100%; float: left; padding: 2px 20px;}
.index5 .item .txtbox .title{font-size: 16px; color: #333333; margin-bottom: 10px;}
.index5 .item .txtbox .txt{font-size: 14px; color: #333; height: 50px; line-height: 25px; overflow: hidden; margin-bottom: 10px;}
.index5 .item .txtbox .date{font-size: 14px; color: #999999; line-height:24px;}
.index5 .item:hover{box-shadow: 5px 5px 5px #bbb; top: -5px;}
/*  */
.footer1{width: 100%; background: url(../images/foot_bg.jpg) no-repeat center center; background-size: cover;}
.footer1 .box{display: flex; display: -webkit-flex;}
.footer1 .foot_title{font-size: 20px; color: #fff; margin-bottom: 15px;}
.footer1 .wrap1{width: 33%; text-align: center; padding: 70px 30px 20px 30px; border-left: 1px solid #566687; position: relative;}
.footer1 .wrap1::before{content: ""; position: absolute; top: 70px; left: -16px; width: 32px; height: 32px; border: 1px solid #566687; border-radius: 50%; background: url(../images/foot_icon1.png) no-repeat center center #2E456A;}
.footer1 .wrap1 img{max-width: 100%; height: auto;}
.footer1 .wrap2{width: 37%; padding: 70px 30px 20px 30px; border-left: 1px solid #566687; position: relative;}
.footer1 .wrap2::before{content: ""; position: absolute; top: 70px; left: -16px; width: 32px; height: 32px; border: 1px solid #566687; border-radius: 50%; background: url(../images/foot_icon2.png) no-repeat center center #2E456A;}
.footer1 .wrap2 .foot_tel{font-size: 30px; color: #fff; font-family: Impact; margin-bottom: 20px;}
.footer1 .wrap2 .foot_txt{font-size: 16px; color: #fff; line-height: 30px;}
.footer1 .wrap3{width: 30%; padding: 70px 30px 20px 30px; border-left: 1px solid #566687; position: relative;}
.footer1 .wrap3::before{content: ""; position: absolute; top: 70px; left: -16px; width: 32px; height: 32px; border: 1px solid #566687; border-radius: 50%; background: url(../images/foot_icon3.png) no-repeat center center #2E456A;}
.footer1 .wrap3 .QR{overflow: hidden; zoom: 1;}
.footer1 .wrap3 .QR .item{text-align: center; width: 50%; padding: 0 5px; float: left;}
.footer1 .wrap3 .QR .item img{width: 110px; height: 110px;}
.footer1 .wrap3 .QR .item .txt{font-size: 14px; color: #8090ae; margin-top: 10px;}
.footer2{width: 100%; background-color: #0F2143; padding: 0;}
.footer2 .txt1{float: left; font-size: 14px; color: #8090ae; line-height: 50px;}
.footer2 .txt1 a{color: #8090ae;}
.footer2 .txt2{float: right; font-size: 14px; color: #8090ae; line-height: 50px;}
.footer2 .txt2 a{color: #8090ae;}

/*  */
.inner_page{width: 100%; padding: 0 0 50px 0; overflow: hidden;}
.inner_page .inner_left{width: 250px; float: left;padding-top:20px;}
.inner_page .inner_right{width: calc(100% - 250px); float: left; padding-left: 50px;}
.inner_page .inner_right1{width: calc(100%); float: left; padding-left: 0;}
.inner_page .inner_right1 .imgbox{width: 100%; text-align: center; overflow: hidden;padding-top:20px;}
.inner_page .inner_right1 .imgbox img{width: 100%; height: 100%;}
.inner_page .sideBar .sideBar_title{background: #0152A4; text-align: center; position: relative; font-size: 0; padding: 20px 1px;}
.inner_page .sideBar .sideBar_title .title1{font-size: 26px; color: #ffffff; margin-bottom: 5px; font-weight: bold;}
.inner_page .sideBar .sideBar_title .title1 span{font-size: 20px; font-family: Arial; text-transform: uppercase;}
.inner_page .sideBar .sideBar_title .sideBar_icon{position: absolute; right: 15px; top: 12px; font-size: 22px; color: #ffffff;}
.inner_page .sideBar ul{display: none;}
.inner_page .sideBar .sideBar_list{background-color: #ffffff; border-top: 1px solid #fff;}
.inner_page .sideBar .sideBar_list>li{width: 100%; position: relative; }
.inner_page .sideBar .sideBar_list>li>a{display: block; position: relative; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background-color: #0152A4; text-align: left; padding: 0 40px 0 20px;}
.inner_page .sideBar .sideBar_list>li>a::before{content: ""; position: absolute; width: 19px; height: 19px; top: 0; bottom: 0; right: 15px; margin: auto; }
.inner_page .sideBar .sideBar_list>li:hover>a{background: url(../images/sideBar_li.jpg) no-repeat; background-size: 100% 100%; color: #1f468f;}
.inner_page .sideBar .sideBar_list>li:hover>a::before{background: url(../images/sideBar_yuan.png) no-repeat; background-size: 100% 100%;}
.inner_page .sideBar .sideBar_list>li.act>a{background: url(../images/sideBar_li.jpg) no-repeat; background-size: cover; color: #1f468f;}
.inner_page .sideBar .sideBar_list>li.act>a::before{background: url(../images/sideBar_yuan.png) no-repeat; background-size: 100% 100%;}
.inner_page .sideBar .sideBar_down{width: 100%; overflow: hidden; background-color: #00498E;}
.inner_page .sideBar .sideBar_down li{width: 100%; position: relative; text-align: left;}
.inner_page .sideBar .sideBar_down li a{line-height: 36px; height: 36px; border-bottom: 1px dotted #417EC1; overflow: hidden; display: block; font-size: 14px; color: #fff; padding-left: 36px;}
.inner_page .sideBar .sideBar_down li a:hover{color: #5598fc;}
.inner_page .sideBar_below{padding: 20px; background: url(../images/sideBar_below_bg.jpg) no-repeat center center; background-size: cover;}
.inner_page .sideBar_below .sideBar_tel{font-size: 14px; color: #0151a4; line-height: 30px; vertical-align: middle;}
.inner_page .sideBar_below .sideBar_tel span{font-size: 24px; color: #0151a4; font-family: Impact;}
.inner_page .sideBar_below .sideBar_link{margin-top: 10px; font-size: 0; text-align: center;}
.inner_page .sideBar_below .sideBar_link a{width: 90px; height: 30px; line-height: 28px; margin: 0 5px; text-align: center; border: 1px solid #0152A4; display: inline-block; font-size: 14px; color: #0152A4;}
.inner_page .sideBar_below .sideBar_link a:nth-child(2){background-color: #0152A4; color: #fff;}
.inner_page .title_inner{background-color: #E6E7EA; margin: 20px 0 30px 0;}
.inner_page .title_inner .title1{float: left; padding: 0 35px; background-color: #0152A4; line-height: 43px; font-size: 16px; color: #fff; font-weight: bold;}
.inner_page .title_inner .title2{float: right; line-height: 43px; padding: 0 15px 0 0; font-size: 16px; color: #333333;}

/*  */
.about_page{width: 100%; min-height: 400px; overflow: hidden;}
.about_page .imgbox{text-align: center; overflow: hidden; margin-bottom: 20px;}
.about_page .imgbox img{max-width: 100%; height: auto;}
.about_page .txtbox{margin-bottom: 20px; font-size: 14px; color: #333; line-height: 28px;}
.about_page .txtbox img{ max-width:100% !important; height:auto !important; padding:5px;}
/*  */
.product_page{width: 100%; min-height: 500px; overflow: hidden;}
.product_page .list{width: calc(100% + 20px);}
.product_page .list li{width: 280px; float: left; margin: 0 20px 20px 0;}
.product_page .item{width: 100%; border: 3px solid #F4F4F4;}
.product_page .item a{display: block; width: 100%; height: 100%;}
.product_page .item .imgbox{position: relative; overflow: hidden; border-top: 3px solid #F4F4F4;}
.product_page .item .imgbox::before{content: ""; display: block; padding-top: 75%;}
.product_page .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 96%; height: 96%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.product_page .item .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2);}
.product_page .item .mask .imgs{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.product_page .item .txt{font-size: 16px; color: #333333; background-color: #E6E7EA; line-height: 45px; text-align: center;}
.product_page .item:hover .mask{opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}
.product_page .item:hover .txt{background-color: #0152A4; color: #fff;}
/*  */
.productShow_page{width: 100%; min-height: 500px; overflow: hidden;}
.productShow_page .title{text-align: left; margin-bottom: 10px; font-size: 20px; color: #0151a4; font-weight: bold; line-height:40px;}
.productShow_page .date{ font-size:14px; line-height:30px; text-align:center;}
.productShow_page .imgbox img{width: 100%; height: auto}
.productShow_page .txtbox{margin-bottom: 20px; font-size: 14px; color: #333; line-height: 25px;}
.productShow_page .txtbox table{ width:100% !Important; height:auto !important;}
.productShow_page .txtbox imt{ max-:100% !Important; height:auto !important;}

.productShow_page .xiangce{width: 50%; float: left;}
.productShow_page .swiper-container {width: 100%;}
.productShow_page .gallery-top {height: 75%; width: 100%;}
.productShow_page .gallery-thumbs {height: 25%; box-sizing: border-box; padding: 10px 0;}
.productShow_page .gallery-thumbs .swiper-slide {height: 100%; opacity: 0.4;}
.productShow_page .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.productShow_page .imgbox{position: relative; height: 100%; overflow: hidden; border: 1px solid #ddd;}
.productShow_page .imgbox::before{content: ""; display: block; padding-top: 67%;}
.productShow_page .imgbox .img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.productShow_page .cs{width: 46%; float: right;}
.productShow_page  .info1{width: 100%);line-height: 32px;height: 100%;}
.v-middle{vertical-align:middle;font-size: 16px;}
/**/
.news_page{width: 100%; min-height: 500px; overflow: hidden;}
.news_page .item{width: 100%; height: 150px; overflow: hidden; margin-bottom: 20px;}
.news_page .item a{width: 100%; height: 100%; display: block; overflow: hidden;}
.news_page .item .imgbox{width: 200px; height: 100%; float: left; overflow: hidden;}
.news_page .item .imgbox .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.news_page .item .txtbox{width: calc(100% - 230px); height: 100%; float: left; padding: 5px 20px;}
.news_page .item .txtbox .title{font-size: 16px; color: #000; line-height: 1.5;}
.news_page .item .txtbox .date{font-size: 12px; color: #000; line-height: 1.5; margin-top: 10px; }
.news_page .item .txtbox .txt{font-size: 14px; color: #000; height: 72px; line-height: 24px; overflow: hidden; margin-top: 10px;}
.news_page .item:hover .txtbox{background-color: #0B4D90;}
.news_page .item:hover .txtbox .title{color: #fff;}
.news_page .item:hover .txtbox .date{color: #fff;}
.news_page .item:hover .txtbox .txt{color: #fff;}
/**/
.newsShow_page{width: 100%; margin-top: 20px; min-height: 600px;}
.newsShow_page .title{text-align: center; border-bottom: 1px dotted #aaa; padding-bottom: 10px; margin-bottom: 20px;}
.newsShow_page .title h4{font-size: 18px; color: #333;}
.newsShow_page .title h5{font-size: 13px; color: #aaa; margin-top: 10px;}
.newsShow_page .imgbox{text-align: center; overflow: hidden; margin-bottom: 20px;}
.newsShow_page .imgbox img{max-width: 100%; height: auto;}
.newsShow_page .txtbox{margin-bottom: 20px;}
.newsShow_page .txtbox p{font-size: 14px; color: #333; line-height: 24px;}


/*  */
.down_page{width: 100%; min-height: 500px; overflow: hidden;}
.down_page .list{width: 100%;}
.down_page .list li{border-bottom: 1px dotted #bbb;}
.down_page .list li a{display: block; line-height: 40px; height: 40px;  font-size: 14px; color: #333; padding-right: 30px; background: url(../images/xiazai.png) no-repeat right center; background-size: 20px 20px;}
.down_page .list li a:hover{ color:#f00}

/*  */
.message_page{width: 100%; min-height: 500px; overflow: hidden;}
.message_page .tit{font-size: 14px; color: #f00; text-align: center; margin-top: 30px;}
.message_page .form_Box{width: 70%; margin: 0 auto;}
.message_page .form_Box .item{margin-bottom: 15px;}
.message_page .form_Box .item h4{font-size: 14px; color: #333333; font-weight: bold;}
.message_page .form_Box .item h4 span{color: #f00;}
.message_page .form_Box .item .fTxt{width: 100%; height: 35px; padding: 0 5px; border: 1px solid #dddddd; background-color: #ffffff; font-size: 14px; color: #333; margin-top: 10px;}
.message_page .form_Box .item .fTxts{width: 100%; padding: 5px; border: 1px solid #dddddd; background-color: #ffffff; font-size: 14px; color: #333; margin-top: 10px;}
.message_page .form_Box .fBtn{width: 100px; height: 30px; line-height: 30px; background-color: #f00; border: none; color: #ffffff;} 

/*  */
.contact_page{width: 100%; min-height: 500px; overflow: hidden;}
.contact_page .txtbox{overflow: hidden; font-size: 14px; color: #333; line-height: 25px; margin-bottom: 20px;}
.contact_page .map{text-align: center; overflow: hidden;}
.contact_page .map img{width: 100%; height: auto;}


@media (max-width:1199px){
	.header .header_box .logo img{width: 600px;}
	.index1 .left{width: 220px;}
	.index1 .right{width: calc(100% - 220px);}
	.index1 .sideBar .sideBar_title .title1{font-size: 20px;}
	.index1 .sideBar .sideBar_title .title1 span{font-size: 16px;}
	.index1 .sideBar .sideBar_list>li>a{line-height: 45px; height: 45px;}
	.index1 .sideBar .sideBar_down li a{height: 45px; line-height: 45px;}
	.index1 .sideBar_below{padding: 10px;}
	.index2 .txtbox{margin: 20px 0; padding: 20px;}
	.index2 .txtbox .title{margin-bottom: 20px;}
	.index2 .txtbox .txt{margin-bottom: 20px; font-size: 14px;}
	.index3 .hd ul li a{width: 150px; height: 40px; line-height: 40px; font-size: 16px;}
	.footer1 .wrap2 .foot_txt{font-size: 14px;}
	/*  */
	.inner_page .inner_left{width: 220px;}
	.inner_page .inner_right{width: calc(100% - 220px);}
	.inner_page .sideBar .sideBar_title .title1{font-size: 20px;}
	.inner_page .sideBar .sideBar_title .title1 span{font-size: 16px;}
	.inner_page .sideBar .sideBar_list>li>a{line-height: 45px; height: 45px;}
	.inner_page .sideBar .sideBar_down li a{height: 45px; line-height: 45px;}
	.inner_page .sideBar_below{padding: 10px;}
}

@media (max-width:991px){
    .header .header_box{height: 100px;}
    .header .header_nav{position: absolute; top: 100%; right: 0; display: none; width: 130px; z-index: 9; height: auto;}
    .header .header_nav ul{padding: 0;}
    .header .header_nav .top_li{width: 100%; height: 40px; background: none;}
    .header .header_nav .top_li:after{display: none;}
    .header .header_nav .top_li>a{font-size: 14px; line-height: 40px; border-bottom: none;}
    .header .header_nav .top_li ul{display: none!important;}
	.header.small .header_nav{position: absolute; top: 100%;}
	.content{margin-top: 25px;}
	.index1 .right{padding-left: 20px;}
	.index1 .searchBox{display: none;}
	.index1 .list{width: calc(100% + 10px); margin: 0;}
	.index1 .list li{width: calc(100% / 3 - 10px); margin: 0 10px 10px 0;}
	.index1 .item .txt{font-size: 14px; line-height: 35px;}
	.index2 .txtbox{margin: 0; padding: 10px;}
	.index2 .imgbox{width: 50%;}
	.index2 .txtbox .title{font-size: 16px; margin-bottom: 12px;}
	.index2 .txtbox .txt{line-height: 25px; margin-bottom: 12px;}
	.index3 .hd{margin-bottom: 5px;}
	.index4 .txtbox .title{padding-bottom: 20px; margin-bottom: 15px;}
	.index4 .txtbox .title i{width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
	.index4 .txtbox .title h2{font-size: 22px;}
	.index4 .txtbox .txt{font-size: 14px; line-height: 25px;}
	.index5 .item{height: 120px; margin-bottom: 15px;}
	.index5 .item .imgbox{width: 150px;}
	.index5 .item .txtbox{width: calc(100% - 150px); padding: 5px 10px;}
	.index5 .item .txtbox .title{margin-bottom: 10px;}
	.index5 .item .txtbox .txt{font-size: 14px; margin-bottom: 10px;}
	.footer1 .wrap1{padding: 40px 20px 20px 20px;}
	.footer1 .wrap2{padding: 40px 20px 20px 20px;}
	.footer1 .wrap3{padding: 40px 20px 20px 20px;}
	.footer1 .foot_title{font-size: 17px; margin-bottom: 10px;}
	.footer1 .wrap2 .foot_tel{font-size: 22px; margin-bottom: 10px;}
	.footer1 .wrap2 .foot_txt{font-size: 12px; line-height: 20px;}
	.footer1 .wrap3 .QR .item img{width: 65px; height: 65px;}
	.footer1 .wrap3 .QR .item .txt{font-size: 12px;}
	/*  */
	.inner_page .inner_right{padding-left: 20px;}
	.inner_page .title_inner{margin: 10px 0 20px 0;}
	.product_page .list{width: calc(100% + 10px); margin: 0;}
	.product_page .list li{width: calc(100% / 3 - 10px); margin: 0 10px 10px 0;}
	.product_page .item .txt{font-size: 14px; line-height: 35px;}
	.message_page .form_Box{width: 100%;}
	.news_page .item{height: 120px;}
	.news_page .item .imgbox{width: 160px;}
	.news_page .item .txtbox{width: calc(100% - 160px);}
	.news_page .item .txtbox .date{display: none;}
}

@media (min-width: 768px){
    .index1 .sideBar .sideBar_list{display: block!important;}
    .inner_page .sideBar .sideBar_list{display: block!important;}
}

@media (max-width: 767px){
    .container{padding-left: 15px; padding-right: 15px;}
	.header .header_top{display: none;}
    .header .header_box{height: 80px;}
	.header .header_box .logo{width: 85%;}
	.header .header_box .logo img{width: 370px;}
	.index1{padding: 25px 0 0 0;}
	.index1 .left{width: 100%;}
	.index1 .right{width: 100%; padding: 0; margin-top: 20px;}
	.index1 .sideBar .sideBar_title{padding: 11px 0;}
	.index1 .sideBar .sideBar_title .title1{margin-bottom: 0; font-size: 20px;}
	.index1 .sideBar .sideBar_title .title2{display: none;}
	.index1 .list li{width: calc(100% / 2 - 10px);}
	.index2{padding: 25px 0 0 0;}
	.titleIndex .title1{font-size: 24px;}
	.titleIndex .title2{font-size: 40px;}
	.titleIndex .title3{font-size: 12px;}
	.titleIndex .title3::before, .titleIndex .title3::after{display: none;}
	.index2 .txtbox{width: 100%;}
	.index2 .imgbox{width: 100%; position: static;}
	.index2 .txtbox .more{margin: 0 auto;}
	.index3{padding: 25px 0 0 0;}
	.index3 .hd ul li{padding: 0 5px; margin-bottom: 10px;}
	.index3 .hd ul li a{width: 120px; height: 35px; line-height: 35px; font-size: 14px;}
	.index3 .idx3_next, .index3 .idx3_prev{display: none;}
	.index4{padding: 25px 0 0 0;}
	.index4 .imgbox{width: 100%; padding: 0;}
	.index4 .txtbox{width: 100%; margin-top: 15px; padding: 0;}
	.index4 .txtbox .item{margin-bottom: 15px;}
	.index4 .box:nth-child(even) .imgbox{left: 0;}
	.index4 .box:nth-child(even) .txtbox{right: 0;}
	.index5{padding: 25px 0;}
	.index5 .left{width: 100%; padding: 0;}
	.index5 .left .txtbox{padding: 15px;}
	.index5 .left .txtbox .title{font-size: 16px;}
	.index5 .right{width: 100%; padding: 0;}
	.index5 .item .txtbox .txt{height: 75px;}
	.index5 .item .txtbox .date{display: none;}
	.footer1 .wrap1{width: 100%; border: none; padding: 20px 0;}
	.footer1 .wrap1::before{display: none;}
	.footer1 .wrap2{display: none;}
	.footer1 .wrap3{display: none;}
	.footer2 .txt1{width: 100%; text-align: center;}
	.footer2 .txt2{width: 100%; text-align: center;}
	/*  */
	.inner_page .inner_left{width: 100%;}
	.inner_page .inner_right{width: 100%; padding: 0; margin-top: 20px;}
	.inner_page .sideBar .sideBar_title{padding: 11px 0;}
	.inner_page .sideBar .sideBar_title .title1{margin-bottom: 0; font-size: 20px;}
	.inner_page .sideBar .sideBar_title .title2{display: none;}
	.inner_page .title_inner{margin: 0 0 20px 0;}
	.inner_page .title_inner .title1{padding: 0 25px; font-size: 14px; line-height: 35px;}
	.product_page .list li{width: calc(100% / 2 - 10px);}
	.productShow_page .title{font-size: 18px;}
	.productShow_page .xiangce{width: 100%;}
	.news_page .item{height: 100px;}
	.news_page .item .imgbox{width: 150px;}
	.news_page .item .txtbox{width: calc(100% - 150px);}
	.news_page .item .txtbox .title{font-size: 14px;}
	.news_page .item .txtbox .txt{font-size: 12px; height: 60px; line-height: 20px; margin-top: 6px;}
}

.fixed-contact{position: fixed;z-index: 10;right:30px;bottom: 300px;width: 60px;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);}
.fc-item{position: relative;display: block;width: 60px;height: 60px;border-bottom: 1px solid #fff;background-color: #264283;text-align: center;cursor: pointer;}
.fc-item > img{display: inline-block;margin: 5px auto 0;width: 30px;}
.fc-item span{display: block;font-size: 12px;color: #fff;}
.fc-item-box{position: absolute;top: 0;right: 100%;padding-top: 6px;margin-right: 10px;width: 180px;height: 100%;background-color: #1f4897;font-size: 14px;line-height: 24px;color: #fff;text-align: center;display: none;}
.fc-item-box:after{
    content: '';position: absolute;top: 25px;left: 100%;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #f5f5f5;
}
.fc-item:hover .fc-item-box, .fc-item:hover .fc-item-code{display: block;}
.fc-item-code{position: absolute;bottom: 0;right: 100%;margin-right: 10px;display: none;}
.fc-item-code img{display: block;width: 156px;}
.fixed-gotop{width: 60px;height: 50px;background-color: #fff;text-align: center;}
.fixed-gotop img{display: inline-block;margin: 8px auto;}

.link{ width:100%; background:#fff;
}

.link a{
  color: #4c4c4c;
  border-right: 1px solid #8c8a89;
  padding-right: 7px;
  margin-left: 7px;
  line-height:36px;
}
.link a:hover{
  text-decoration: underline;
  color: #a66428;
}
.link a:first-child{
  margin-left: 0;
}
.link a:last-child{
  border-right: none;
}

.link em{
  margin-left: 5px;
  display: inline-block;
}

.footerBottom{ position: fixed; bottom: 0;left: 0; width: 100%;z-index: 99;}
.footerBottom img{display: block;width: 95%;height: 95%;}
.footerBottom a{display: block;float: left;width: 25%;text-align: center;padding:.75rem 0 0.5rem 0;box-sizing: border-box;border-left: 1px solid #0F2143;border-right: 1px solid #0F2143;background: #264283;position: relative;z-index: 99;}
.footerBottom a:first-child{border-left: none;}
.footerBottom a:last-child{border-right: none;}
.footerBottom em{display: block;width: 2rem;height: 2rem;margin: 0 auto;}
.footerBottom span{display: block;font-size: 1.1rem;color: #fff;margin-top: 0.25rem;}
.footerBottom i{width: 3.6rem;height: 1.8rem;display: block;position: absolute;top: -1.5rem;left: 50%;margin-left: -1.8rem;z-index: 98;}

/**/
.yin{padding: 75px 0 60px;background: #f8f8f8;}
.yin_t{font-size: 36px;color: #333;text-align: center;background:url(../images/yin_tbg.gif) no-repeat center 0;height: 100px;line-height: 40px;overflow: hidden;padding: 10px 0 0;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 24px;color: #666;font-weight: normal;padding: 10px 0 0;}

.yin dl{width: 280px;height: 305px;float: left;padding: 45px 0 0;margin-top: 45px;margin-right: 26px;overflow: hidden;}
.yin dl dt{width: 62px;height: 62px;line-height: 0;overflow: hidden;margin: 0 auto;}
.yin dl dt img{width: 62px;height: 124px;-webkit-transition:all .5s;transition:all .5s;}
.yin dl dd{padding: 20px 0 0;text-align: center;}
.yin dl dd h5{font-size: 26px;color: #024287;height: 75px;line-height: 32px;overflow: hidden;background:url(../images/yin_ico01.gif) no-repeat center 73px;}
.yin dl dd h5 i{display: block;font-size: 14px;color: #c8c8c8;font-weight: normal; font-family:Arial, Helvetica, sans-serif;}
.yin dl dd p{font-size: 16px;color: #666;line-height: 25px;max-height: 75px;overflow: hidden;padding: 12px 0 0;width: 250px;margin: 0 auto;}
.yin .nobor{margin-right: 0;}
.yin dl:hover,.yin dl.cur{background: #024287;color: #fff;}
.yin dl:hover dt img,.yin dl.cur dt img{margin-top: -62px;}
.yin dl:hover dd h5,.yin dl.cur dd h5{color: #fff;background:url(../images/yin_ico02.gif) no-repeat center 73px;}
.yin dl:hover dd h5 i,.yin dl:hover dd p,.yin dl.cur dd h5 i,.yin dl.cur dd p{color: #fff;}

       .p14-product-2-tit {
            height: 46px;
            line-height: 46px;
            border-bottom: 2px solid #dfdfdf;
            margin-bottom: 30px;
            padding-top: 26px;
        }
        
        .p14-product-2-tit b {
            display: inline-block;
            font-size: 24px;
            font-weight: normal;
            color: #464646;
            padding-left: 52px;
            border-bottom: 2px solid #ea8400;
            background:url(images/p14-icon11.png) no-repeat 22px center;
        }
        
        .p14-product-2-tit span {
            margin-left: 10px;
            font-size: 18px;
            font-family: Arial;
            color: #c2c2c1;
            text-transform: uppercase;
        }
        
        .p14-product-2-list dl {
            float: left;
            width: 23.8%;
            border: 1px solid #dfdfdf;
            margin-right: 1.5%;
            box-sizing: border-box;
        }
        
        .p14-product-2-list dl.p14-product-clear {
            margin-right: 0;
        }
        
        .p14-product-2-list dl img {
            display: block;
            width: 100%;
        }
        
        .p14-product-2-list dd {
            padding: 10px 28px 10px 10px;
            margin-right: 2px;
            position: relative;
        }
        
        .p14-product-2-list h3 {
            height: 30px;
            font-size: 16px;
            font-weight: normal;
            line-height: 30px;
            color: #191919;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p14-product-2-list h3 a {
            color: #191919;
        }
        
        .p14-product-2-desc {
            font-size: 14px;
            line-height: 24px;
            color: #666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p14-product-2-list dl:hover {
            border-color: #024287;
        }
        
        .p14-product-2-list dl:hover h3 a {
            color: #024287;
        }
    
.blk{margin-bottom: 25px;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td { /* table elements 表格元素 */
    margin: 14px;
    padding: 14px;
}

.w1200{ width: 1200px; margin: 0 auto;}
.mainer{ width:100%; position: relative;}
.bgF{ background: #F5F5F5;}
.m25{ margin: 30px auto;}
.hottag .taglist{ display: flex; flex-direction: row; justify-content: flex-start; gap: 10px; line-height: 40px; flex-wrap: wrap; align-content: space-between;}
.hottag .taglist li{ border: 1px solid #ddd; padding: 0 35px;}
.h_pro .w1200 .flexb{ padding:40px 0 50px}
.team {padding: 0}
.team .list { background:#f2f2f2;margin:50px 0 0 0}
.team .list .pic { display:inline-block; vertical-align:middle;width:50%; position:relative}
.team .list .pic img {width:100%}
.team .list .cons { display:inline-block; vertical-align:middle;width:600px;font-size:22px;font-weight:300;padding:0 0 0 65px}
.mainsubject { text-align:center;color:#333}
.mainsubject .t {font-size:40px; line-height:50px; letter-spacing:2px;color:#5b5959}
.mainsubject .t2 {font-size:16px; line-height:26px;margin:5px 0 0 0;color:#5b5959}
.mainsubject .l { background:#0073bd;width:60px; height:3px;margin:23px auto 20px auto}
.mainsubject .c {font-weight:300;font-size:24px; line-height:34px;}
.indadv { background-size:cover; text-align:center;padding:50px 0; height:100%;}
.proparts { background:#f2f2f2;margin:0 0 -60px;padding:80px 0 100px 0}
.proparts ul {width:105%;margin:-4% 0 0 -2.5%;padding:60px 0 0 0; display:flex; flex-direction:row; flex-wrap:wrap;}
.proparts li { display:inline-block; vertical-align:top; background:#fff; border-radius:5px}
.proparts li .pic { text-align:center; background:#dedede;padding:20px; height:200px;border-top-left-radius:5px;border-top-right-radius:5px}
.proparts li .pic img { height:175px}
.proparts li .cons {color:#333;padding:40px;}
.proparts li .cons .title { text-align:center;font-size:18px; line-height:28px;margin:-5px 0 20px 0;font-weight:700}
.proparts li .cons .content {min-height:90px}
.proparts li:hover .cons .title {color:#0073bd;}
.proparts1 {margin:0 0 -60px;padding:0}
.proparts1 ul {width:105%;margin:-4% 0 0 -2.5%;padding:30px 0 0 0; display:flex; flex-direction:row; flex-wrap:wrap;}
.proparts1 li { display:inline-block; vertical-align:top; background:#fff;width:28.3333%; margin:4% 2.5% 0 2.5%;border-radius:5px}
.proparts1 li .pic { text-align:center; background:#dedede;padding:20px; height:200px;border-top-left-radius:5px;border-top-right-radius:5px}
.proparts1 li .pic img { height:175px}
.proparts1 li .cons {color:#333;padding:40px;}
.proparts1 li .cons .title { text-align:center;font-size:18px; line-height:28px;margin:-5px 0 20px 0;font-weight:700}
.proparts1 li .cons .content {min-height:90px}
.proparts1 li:hover .cons .title {color:#0073bd;}
.h_title{ width: 100%; text-align: center;}
.h_title h1{ font-weight: normal; position: relative;font-size:3rem; font-weight:bold}
.h_title h1 span{ }
.h_title p{ color: #999; padding-top:-10px; color: #0073BD; font-size:0.7rem;}
.prolist{ display: flex; flex-direction: row; margin-top: 20px; flex-wrap: wrap;  }
.prolist li{   width: 25%; margin-bottom:30px; overflow:hidden;transition:transform 1s; padding:0 10px; box-sizing:border-box}
.prolist li h2{ color:#666; width:100%;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; font-weight:normal; font-size:22px;text-align:center;line-height:50px;}
.prolist li h1:hover{background:#0073bd;color:#fff;padding-right:60px;}

.prolist p{ margin:0 auto; text-align:center}
.prolist p img{margin:15px}
.prolist li:hover{transform:scale(1.1)}
.prolist li a h1{ padding:10px 0; color:#0073BD}
.prolist li a img{ width:auto; max-width:100%; }
.prolist li a p{ background: #0073BD; color: #fff; margin: 5px; text-align: center;}
.prolist li p{ padding:10px; font-size:14px;transition:transform 1s;}
.prolist li p:hover{transform:scale(1.2)}
.prolist li p:last-child{ background:#0073BD; color:#fff; line-height:25px}

.page_ttile{ line-height: 40px; padding-top: 20px; font-size: 24px; width: 100%; font-weight:bold;}
.page_ttile a{ color:#666; font-size:14px;}
.page_ttile span{ color:#0073bd}
.flexb{ display: flex; flex-direction: row;justify-content: space-between; text-align: center; }
.sty1{font-weight: bold; }
.sty1 span{color: #0073bd;}

.style-list { display: flex; flex-direction: row;}
.style-list .item {display: block;width: 25%;border-bottom: #ccc solid 15px; overflow: hidden; margin:0 1%}
.style-list .item p{ text-align:center}
.style-list .item span video{ width:auto; max-width:100%;}
.style-list .item .pic {
position: relative;border-right: #fff solid 1px; overflow:hidden}
.style-list .item .pic img {display: block; width: 100%; max-width: none;}
.style-list .item .pic:after {
display: block;position: absolute;z-index: 333;top: 0;left: 0;width: 100%;height: 100%;content: "";
background: rgba(0, 0, 0, 0.2);}
.style-list .item .text {padding: 30px;text-align: center;}
.style-list .item .text span {display: block;height: 30px;line-height: 30px;font-size: 18px;color: #666;}
.style-list .item .text p {
height: 25px;line-height: 25px;font-size: 14px;color: #999;font-weight: 100;}
.style-list .item .pic{ height:auto; min-height:160px;}

.pagenew .newleft,.pagenew .newright{ flex: 1;}
.pagenew .newright ul{ padding-left: 50px; }
.pagenew .newleft .newtxt h1{ padding-bottom: 20px;}
.pagenew .newleft .newtxt{ font-size: 13px; line-height: 28px;}
.pagenew .newleft .newtxt .time{ padding-top: 20px; width: 90%;}
.pagenew .newleft .newtxt h1 a{ color:#333}
.pagenew .newleft .newtxt a p, .pagenew .newleft .newtxt p a, .pagenew .newright ul li a {
        color: #666;
        font-size: 15px;
    }

.pagenew .newright ul li a span:first-child{ text-align:left; line-height:28px;}
.pagenew .newright ul li a span:last-child{ padding-left:30px; white-space:nowrap}
.pagenew .newleft .newtxt p a.iconfont{ color:#0073bd}
.pagenew .newright ul li {
    line-height: 40px; margin-bottom:10px; position:relative;
}
.pagenew .newright ul li:before{ content:"."; position:absolute; top:-10px; left:-10px}
.pagenew .newleft .nimg{flex: 1;}
.pagenew .newleft .nimg img{ width:auto; max-width:100%;width:218px;height:164px}
.pagenew{ background: #fff; padding: 10px;}
.newtxt{ flex: 2; padding-left: 20px;}
.newtxt h1{ font-size: 18px;}
.newright{ margin-left: 30px; border-left:1px dashed #e4e4e4;}
.newright ul li{}
/*font*/
@font-face {
  font-family: 'iconfont';
  src: url('http://www.gdcirui.com/fonts/iconfont.woff2?t=1621428505405') format('woff2'),
       url('http://www.gdcirui.com/fonts/iconfont.woff?t=1621428505405') format('woff'),
       url('http://www.gdcirui.com/fonts/iconfont.ttf?t=1621428505405') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  background: u;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadeinB,.a-fadeinL,.a-bouncein,.a-bounceinT,.a-bounceinR,.a-bounceinB,.a-bounceinL,.a-rotatein,.a-rotateinLT,.a-rotateinLB,.a-rotateinRT,.a-rotateinRB,.a-flipin,.a-flipinX,.a-flipinY{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-fadeinT{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
/* 淡入-从右 */
.a-fadeinL{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
/* 淡出 */

/*栏目页推荐新闻*/
.topnew{width: 100%;margin: 0 auto;padding-bottom: 30px;padding-top: 20px;}
.tjnew{margin-top:20px;}
.tjnew_top{line-height:40px; height:40px; border-bottom:1px #ccc solid;}
.tjnew_top h2{float:left;width:150px;text-indent:15px;height:40px;line-height:40px;border-bottom: 2px #067445 solid;color: #067445;font-size:18px;font-weight: bold;}
.tjnew_top em{float:right; margin-right:5px; text-transform:uppercase; font-size:14px; color:#ccc;}
.tjnew_top em a{text-align:right; color:#ccc;}
.tjnew_top em a:hover{color:#067445;}
.tjnew_nr{margin-top:10px;}
.tjnew_nr dl{overflow:hidden;}
.tjnew_nr dl dt{float:left; overflow:hidden; width:331px; display:block;}
.tjnew_nr dl dt img{display:block; width:307px; border:1px #ccc solid; padding:2px;}
.tjnew_nr dl dt img:hover{ border:1px #183888 solid;}
.tjnew_nr dl dd{float:right; width:867px;}
.tjnew_nr dl dd h2{font-size:16px; color:#333;font-weight:block;}
.tjnew_nr dl dd h2 a{ color:#333; line-height:40px; text-decoration:none;}
.tjnew_nr dl dd h2 a:hover{color:#183888;}
.tjnew_nr dl dd p{font-size:14px;line-height:25px; color:#4b4b4b;}
.tjnew_nr dl dd em{display:inline-block; width:100px; line-height:40px; background:#ccc;margin-top:30px; float:right; text-transform:uppercase; text-align:center; color:#4b4b4b; font-size:14px;}
.tjnew_nr dl dd em:hover{background:#183888;}
.tjnew_nr dl dd em:hover a{color:#fff; text-decoration:none;}
.tjnew_nr ul{margin-top:20px;width:100%;padding:0;}
.tjnew_nr ul li{float:left; height:40px; line-height:40px; border-bottom:1px #ccc dashed;}
.tjnew_nr ul li:nth-child(even){margin-right: 0}
.tjnew_nr ul li a{font-size:14px; color:#4b4b4b; text-indent:25px;}
.tjnew_nr ul li a:hover{ color:#067445;}
.tjnew_nr ul li em{float:right; font-size:13px; color:#ccc;line-height:40px; margin-right:8px;}

/*----------inner_about--------------*/
.inner_contact{width:100%;padding:0;}
.inner_contact .in_total_title p{font-size:48px;color:#dbdce2;margin:0;font-weight:bold;}
.inner_contact .in_total_title h5{font-size:26px;color:#f16519;margin:0;font-weight:bold;}
.inner_content{width:100%;padding:0;}
.inner_content .in_total_title p{font-size:48px;color:#dbdce2;margin:0;font-weight:bold;}
.inner_content .in_total_title h5{font-size:26px;color:#f16519;margin:0;font-weight:bold;}
.inner_about{padding:30px 0;width:100%;}
.inner_about .inner_aboutbox{margin:30px 0;padding-top:20px;width:100%;padding-bottom:20px;}
.inner_about .inner_aboutbox .left_aboutbox{padding-left:0;}
.inner_about .inner_aboutbox .left_aboutbox .about_text{margin-top:20px;padding-top:20px;margin-bottom:20px;padding-bottom:20px;}
.inner_about .inner_aboutbox .left_aboutbox .about_text p{font-size:14px;color:#27272a;font-weight:500;line-height:26px;}
.inner_about .inner_aboutbox .left_aboutbox .about_text a{display:inline-block;font-size:16px;color:#f16519;font-weight:bold;background:#fff;border-radius:50px;padding:8px 50px 8px 20px;box-shadow:3px 5px 12px #d3e0ec;margin-top:30px;padding-top:10px;position:relative;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

.inner_about .inner_aboutbox .left_aboutbox .about_text a:before{position:absolute;content:"";width:8px;height:8px;border-right:2px solid #f16519;border-top:2px solid #f16519;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:15px;bottom:15px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-weight:bold;}
.inner_about .inner_aboutbox .left_aboutbox .about_text a:after{position:absolute;content:"";width:18px;height:2px;background:#f16519;right:15px;bottom:18px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

.inner_about .inner_aboutbox .left_aboutbox .about_text a:hover{background:#f16519;color:#fff;padding-right:60px;}
.inner_about .inner_aboutbox .left_aboutbox .about_text a:hover:before{border-color:#fff;right:10px;}
.inner_about .inner_aboutbox .left_aboutbox .about_text a:hover:after{background:#fff;right:10px;}

.inner_about .inner_aboutbox .about_pic{margin-top:20px;padding-left:35px;padding-right:30px;padding-top:30px;position:relative;}
.inner_about .inner_aboutbox .about_pic:before{position:absolute;content:"";border:15px solid #f16519;top:0;right:0;width:85%;height:90%;z-index:-1;}
.inner_about .inner_aboutbox .about_pic .pic_box{position:relative;z-index:99;}

.about_huanjing{padding:10px 0;width:100%;}
.about_huanjing .huanjing_title{font-size:20px;color:#f16519;font-weight:bold;padding:0 5px 20px}

.page-cate-list{margin-top: 15px;margin-bottom: 15px;padding:15px 0;text-align:center;}
.page-cate-list a{display:inline-block;vertical-align:top;width:130px;height:50px; border:1px solid #c9c9c9; line-height:50px;font-size:16px;color:#666}
.page-cate-list a.current,.page-cate-list a:hover{width:130px;height:50px; background:#0152A4; color:#fff}
.page-cate-list.moremenu a{margin: 0px 20px;}
.honorlist{ display: flex; flex-direction: row; flex-wrap: wrap;}
.honorlist li{ text-align: center; padding: 0 10px; width: 25%; transition: .8s all; box-sizing:border-box}
.honorlist li img{ width: 300px;height: 400px}
.honorlist li p{ line-height: 40px;}
.honorlist li:hover {transform: scale(1.1);}

#contInfo { margin-bottom:20px;height:480px;}
#contInfo .slide{ max-height:auto;}
#contInfo .slide ul li{ display:flex; flex-direction:row;background:#0073bd; }
#contInfo .slide ul li img{ width:60%; height:auto;}
#contInfo .slide ul li >div{ width:40%;  height:100%; position:absolute; right:0; padding:60px; font-size:20px; box-sizing:border-box; color:#fff; line-height:46px;}
.slide{
    position: relative;
    max-width:100%;max-height:80%;
    overflow: hidden;
    margin: 0px auto;
}
.slide:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 50%;
}
.slide ul{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide li{
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide li:first-child{
    z-index: 1;
}
.slide li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.slide .slide-desc {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;overflow: hidden;
    padding: 5px 0;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;white-space: nowrap;word-break: break-all; text-overflow: ellipsis; }
.slide .dot{
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 5;
    font-size: 0;
}
#slide2 .dot{
    position: absolute;
    right:50%;
    bottom: 10px;
    z-index: 5;
    font-size: 0;text-align: center;
    margin:0 auto;
}
.slide .dot span{
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.slide .dot .cur{
    background-color:#07c160;border: 1px solid #07c160;
}
.slide-m{
    background:#f8f8f8;height:40px;line-height:40px;vertical-align:middle;margin:0 auto;
}
.slide .txt{overflow: hidden;text-align:center;font-size:16px; white-space: nowrap;word-break: break-all; text-overflow: ellipsis;}
/*

/*--------index_video--------------*/

.video_content{position:fixed;top:20%;left:0;right:0;margin:0 auto;display:none;z-index:9999;}
.video_content .video_box{width:100%;padding:5px;border:2px solid #fff;}
.video_content .close_top{padding-top:10px;text-align:center;position:relative;}
.video_content .close_top:before{position:absolute;content:"";width:2px;height:10px;background:#fff;left:0;right:0;top:0;margin:0 auto;}
.video_content .close_top button.close_video{width:40px;height:40px;border:2px solid #fff;border-radius:50px;background:none;position:relative;outline:none;background:rgba(0,0,0,0.8);}
.video_content .close_top button.close_video:before , .video_content .close_top button.close_video:after{position:absolute;content:"";width:17px;height:2px;background:#fff;top:17px;left:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);} 
.video_content .close_top button.close_video:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#close_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9998;display:none;}

.index_video{padding:20px 0;width:100%;}
.index_video .company_video{padding:15px 0;width:100%;overflow:hidden;margin:0}
.index_video .company_video .video-carousel .owl-item{padding:15px;}
.index_video .company_video .video_box{text-align:center;width:100%;position:relative;}
.index_video .company_video .video_box .video_pic{width:100%;position:relative;}
.index_video .company_video .video_box .video_pic .open_video{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;align-content:center;background:rgba(3,9,44,0.2);top:0;left:0;z-index:999;}
.index_video .company_video .video_box .video_pic .open_video img{height:50px;width:auto;cursor:pointer;}
.index_video .company_video .video_box .video_text h5{font-size:16px;color:#333;padding:10px 0;}
.index_video .company_video .video_box .myVideo iframe{width:100%}

/*-----------------inner_contact---------------*/
.inner_contact{width:100%;padding:30px 0;background-size:cover;}
.inner_contact .inner_contact_box .contact_text{margin-top:20px;padding-top:20px;}
.inner_contact .inner_contact_box .contact_text ul{width:100%;background-color:#fff;padding:40px 30px;margin-bottom:40px;overflow:hidden;position:relative;}
.inner_contact .inner_contact_box .contact_text ul:before{position:absolute;content:"";background:#f16519;width:45px;height:45px;left:-23px;top:-23px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.inner_contact .inner_contact_box .contact_text ul li{padding:15px;}
.inner_contact .inner_contact_box .contact_text ul li p{font-size:16px;color:#151517;margin:0;font-weight:500;padding-left:50px;background-repeat:no-repeat;background-image:url(../images/contact_icon.png);padding-top:5px;padding-bottom:5px;position:relative;}
.inner_contact .inner_contact_box .contact_text ul li p:before{position:absolute;content:"";width:1px;height:20px;left:35px;bottom:7px;background:#f16519;}
.inner_contact .inner_contact_box .contact_text ul li:nth-child(01) p{background-position:-30px -12px;}
.inner_contact .inner_contact_box .contact_text ul li:nth-child(02) p{background-position:-30px -75px;}
.inner_contact .inner_contact_box .contact_text ul li:nth-child(03) p{background-position:-30px -255px;}
.inner_contact .inner_contact_box .contact_text ul li:nth-child(04) p{background-position:-30px -318px;}
.inner_contact .inner_contact_box .contact_text ul li:nth-child(05) p{background-position:-30px -139px;}
.inner_contact .inner_contact_box .contact_text ul li:nth-child(06) p{background-position:-30px -318px;}
.inner_contact .inner_contact_box .map{margin-bottom:30px;}

.tab-list1 {
	padding: 30px 10px;
	border: 1px dashed #999;
	margin: 30px 0;
}

.tab-list1 a {
	margin: 5px 0;
	padding: 0 15px;
	color: #4a4a4a;
	text-decoration: none;
	display: inline-block;
}
.current {
	width: 100px;
	float: left;
	height: 42px;
	line-height: 42px;
	color: #fff;
	background: #FF4500;
	text-align: center;
	cursor: pointer;
	margin-right:5px;
}
.detail{overflow: auto;}
.detail{margin-bottom: calc((80 / 1200) * 100%)}
.detail a:hover{color: #eee;}