@charset "utf-8";
body {  margin:0; padding:0; font-family: "微软雅黑","microsoft yahei"; font-weight: normal; background: #FFFFFF;}
body::-webkit-scrollbar { width: 5px; height: 10px; background-color:rgba(0,0,0,0.1); }
body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(0,0,0,.2);
}
ul,li,dl,dt,dd { list-style:none; margin:0px; padding:0px;}
img { border:none; padding: 0px; margin: 0px; display: block;}
h1,h2,h3,h4 { margin:0px; padding:0; font-weight:bold;}
p { padding:0px; margin:0;}
a { text-decoration:none;  color: #000000;}
a:hover { color: #004ea2;}
/*public*/
.header_re { width: 100%; height: 90px; display:none; background: #ffffff;}
#headerMain { width: 100%; height: 90px; display: block; position: fixed; z-index: 9999999; top: 0px; left: 0; transition: all .3s; background: #FFFFFF;}
.headerMain-bg { box-shadow: 0px 0px 8px rgba(0,0,0,.2); top: 0 !important;}
.header_wd { width: 94%; height: 90px; max-width: 1600px; margin: 0px auto; display: block; position: relative; transition: all .3s; padding: 0px 150px 0px 250px; box-sizing: border-box;}
.logo { width:220px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%); transition: all .3s;}
.headerMain-bg .logo { width: 200px;}
.top_right { display: inline-block; overflow: hidden; width: 150px; font-size: 0; position: absolute; z-index: 99; right: 0; top: 50%; transform: translateY(-50%);}
.top_lau { display: inline-block; overflow: hidden; font-size: 23px; font-weight: bold; line-height: 35px; float: right; }
.top_lau a { display: block; overflow: hidden; color: #004097; background:url(../img/lau_btn.png) no-repeat left; transition: all .3s; padding-left: 40px; box-sizing: border-box;}
.top_lau a:hover { color: #ea5514; background: url(../img/lau_btn_h.png) no-repeat left;}
.top_search { width: 35px; height: 35px; display:block; overflow: hidden; float: left;}
.btn_search { width: 100%; height: 100%; position: fixed; z-index: 9999999; background: rgba(0,0,0,.7); overflow: hidden; top: 0; display: none;}
.search_con { width:94%; max-width: 700px; height:auto; display: block; position: absolute; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden;}
.search_bg { width: 100%; height: 60px; overflow: hidden; display: block; position: relative; padding-right: 60px; box-sizing: border-box;}
.search_bg .text { width: 100%; height: 60px; display: block; border: none; overflow: hidden; padding: 0px 10px; box-sizing: border-box; font-size: 16px; line-height: 60px; outline: none;}
.search_bg .button { width: 60px; height: 60px; display: block; position: absolute; z-index: 999; right: 0; top: 0; border: none; outline: none; cursor: pointer; background: url(../img/btn_search.png) no-repeat center #EA5514;}
.btn_close { width: 40px; height: 40px; display: block; overflow: hidden; margin: 40px auto 0px auto; }	
.nav_ul { display:block; height:90px; float: right; white-space: nowrap; max-width: 850px;}
.nav_ul li { display: inline-block; height: 90px; position: relative;  display: block; float: right; transition: all .3s;  box-sizing: border-box; margin-right: 65px;}
.nav_ul li a { display: inline-block; font-size: 17px; color: #000000; line-height: 90px; transition: all .3s;  overflow: hidden; text-align: center; position: relative;}
.nav_ul li:hover a { color: #004097;}
.nav_ul li.cur a { color: #004097; font-weight: bold;}
.nav_ul li .hr { width: 0px; height: 3px; display: block; overflow: hidden; position: absolute; z-index: 1; left: 50%; transform: translateX(-50%); bottom: 0; background:#004097; transition: all .3s;}
.nav_ul li:hover .hr { width: 100%;}
.nav_ul li.cur .hr { width: 100%;}
.nav_ul li .child_bg2 { display:none; height: auto ; overflow: hidden; width:190px; left: 50%; transform: translateX(-35%); border-radius: 5px;  position: absolute; z-index: 9; top: 80px; padding: 5px; box-sizing: border-box; transition: all .3s;}
.nav_ul li:hover .child_bg2{ display: block;}
.nav_ul li .child_bg2 dl { width: 100%; height: auto; overflow: hidden;  display: block; font-size: 0; background:rgba(255,255,255,1); padding: 10px 0px; border-radius: 10px; transition: all .3s; opacity: 0; box-shadow: 0px 0px 10px rgba(2,54,115,.2);}
.nav_ul li:hover .child_bg2 dl { opacity: 1; }
.nav_ul li .child_bg2 dl dd{ width: 100%; height: auto; overflow: hidden; display: block;}
.nav_ul li .child_bg2 dl dd a { display: block; overflow: hidden; text-align: left !important; font-size: 15px !important; text-transform: none !important; font-weight: normal !important; line-height: 25px !important; padding: 10px 35px !important; box-sizing: border-box; color: #333333; background: none !important;}
.nav_ul li .child_bg2 dl dd a:hover { color: #0f76d3; }
.online_bg { width: 160px; height: 40px; display:block; overflow: hidden; float: left; margin-left: 60px;}
.online_bg a { display: block; overflow: hidden; font-size: 14px; line-height: 36px; border: 2px solid #ffffff; box-sizing: border-box; text-align: center; color: #FFFFFF; border-radius: 60px; transition: all .3s;}
.online_bg a:hover { background: #58be85; border: 2px solid #58be85;}

.nav_img { display: none;}
.a_txt { display: none;}
.banner_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; }
.v { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); -webkit-transition: 1s opacity; transition: 1s opacity; background-color: #000000; object-fit: cover;}
.banner_ab_con {  width: 90%; height: auto; overflow: hidden; position: absolute; z-index: 999; display: block; text-align: center; top: 55%; left: 50%; transform: translate(-50%,-50%);}
.banner_ab_tit { display: block; font-size: 75px; line-height: 100px; font-weight: bold; color: #fdd704; text-align: center; overflow: hidden;}
.banner_ab_des { display: block; font-size: 75px; line-height: 100px; font-weight: bold; color: #ffffff; text-align: center; overflow: hidden; margin-top: 10px;}
.banner_black { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; background: rgba(0,0,0,.2); display: block;  overflow: hidden; z-index: 9;}
.banner_more { overflow: hidden; display: inline-block; margin-top: 60px;}
.banner_more a { display: block; overflow: hidden; font-size: 17px; line-height: 50px; height: 50px; background: none; font-family: arial; text-transform: uppercase; border: 2px solid rgba(255,255,255,.9); box-sizing: border-box; transition: all .3s; color: #FFFFFF; border-radius: 50px; text-align: center; padding: 0px 60px;}
.banner_more a span { width: 25px; height: 16px; float: right; background: url(../img/dot_more.png) no-repeat; margin-left: 15px; margin-top: 15px;}
.banner_more a:hover { height: 50px; background-color: #004097; color: #ffffff; font-weight: bold; border: 2px solid #004097;}

.banner_btn { width: 30px; height: 30px; position: absolute; z-index: 99; bottom: 30px;left: 50%; margin-left: -13px;}
.banner_btn img { animation: myfirst 1s infinite;}

@keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, -10px);
        opacity: .5;
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.wap_banner { width: 100%; height: auto; overflow: hidden; display: block; max-height:960px;}
.wap_banner_img { width: 100%; height: auto; overflow: hidden; display: block;}

.width { width: 94%; height: auto; overflow: hidden; display: block; position: relative; margin: 0px auto; max-width: 1600px;}
.tit_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.tit1 { display:block; font-size:50px; line-height: 60px; color: #004097; overflow: hidden; font-weight: bold; background: url(../img/tit01.png) no-repeat left top; padding-top: 20px;}
.tit2 { display:block; font-size:50px; line-height: 60px; color: #FFFFFF; overflow: hidden; font-weight: bold; background: url(../img/tit02.png) no-repeat left top; padding-top: 20px;}
.tit_des1 { display: block; overflow: hidden; font-size: 28px; line-height: 40px; color: #000000; margin-top: 25px; font-weight: bold;}
.tit_des2 { display: block; overflow: hidden; font-size: 28px; line-height: 40px; color: #FFFFFF; margin-top: 25px; font-weight: bold;}
.tit_h_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 200px; box-sizing: border-box;}
.imore { display: inline-block; overflow: hidden; position: absolute; z-index: 1; right: 0; bottom: 10px;}
.imore a { display: block; overflow: hidden; font-size: 16px; line-height: 30px; transition: all .3s; color: #333333;}
.imore a span { width: 20px; height: 20px; display: inline-block; overflow: hidden; border-radius: 100%; margin-left: 10px; background:url(../img/i_dot.png) no-repeat; float: right; margin-top: 5px; }
.imore a:hover { color: #004097;}
.t_more { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 70px;}
.t_more a { display: inline-block; font-size: 16px; line-height: 45px;  vertical-align: middle; overflow: hidden; color: #FFFFFF; padding: 0px 40px; box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 50px; transition: all .5s;}
.t_more a span { width: 20px; height: 20px; display: inline-block; overflow: hidden; border-radius: 100%; margin-left: 10px; background:url(../img/i_doth.png) no-repeat; transition: all .3s; vertical-align: middle; float: right; margin-top: 12.5px;}
.t_more a:hover { background: #f8c515; border: 1px solid #f8c515;}

.ione_bg { width: 100%; height: auto; overflow: hidden; display: none; padding: 80px 0px; background: url(../img/ione_bg.jpg) no-repeat center; background-size:cover ;}
.ipro_left { width: 21%; height: auto; overflow: hidden; display: block; position: relative; float: left;}
.ipro_p { display: block; overflow: hidden; font-size: 18px; line-height: 35px; color: #000000; opacity: .6; margin-top: 5px;}
.ipro-hd { width: 100%; height: auto; overflow: hidden; display: block; max-width: 200px;}
.ipro-hd li { width: 100%; height: 50px; display: block; overflow: hidden; border-radius: 50px; margin-top: 35px; font-size: 20px; line-height: 50px; color: #000000; font-weight: bold; text-align: center; cursor: pointer;}
.ipro-hd li.active { background-color: #004097;background-image: linear-gradient(to right,#f5bf00, #4eba6b, #182888); color: #FFFFFF;}
.ipro-bd { width: 79%; height: auto; overflow: hidden; display: block; float: right;}
.ipro-bd li { width: 100%; height: auto; overflow: hidden; display: none;}
.ipro-bd li.thisclass { display: block;}
.ione_bg .swiper-ipro { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-ipro dd { display: block; overflow: hidden;}
.swiper-ipro dd .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #FFFFFF;}
.swiper-ipro dd .img_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.swiper-ipro dd .img_re { width: 100%; height: auto; overflow: hidden; display:block; }
.swiper-ipro dd .img_ab { width: 100%; height: auto; overflow: hidden; display:block; position: absolute; z-index: 9; top: 0; left: 0;}
.swiper-ipro dd .img_ab img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.swiper-ipro dd:hover .img_ab img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.swiper-ipro dd .info_bg { width: 100%; position: relative; height: auto; overflow: hidden; display:block; box-sizing: border-box; padding: 25px 20px;}
.swiper-ipro dd .tit { width: 100%; height: auto; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 30px;}
.swiper-ipro dd .tit a {font-size: 18px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.swiper-ipro dd .des { width: 100%; height:auto; overflow: hidden; display: block; position: relative; font-size: 15px; line-height: 30px; color: #000000; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; padding-right: 120px; box-sizing: border-box;}
.swiper-ipro dd .more { display: inline-block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0;}
.swiper-ipro dd .more a { display: block; overflow: hidden; font-size: 15px; line-height: 30px; color: #a1a1a1; background: url(../img/i_gray.png) no-repeat right; padding-right: 25px; transition: all .3s;}
.swiper-ipro dd .more a:hover { color: #004097; background: url(../img/i_dot.png) no-repeat right;}
.ipro_btn { width: 120px; height: 45px; display: block; overflow: hidden; position: absolute; z-index: 9; bottom: 5%; left:2.5%;}
.ipro_btn .swiper-button-prev-ipro { width: 45px; height: 45px; display: block; overflow: hidden; background: url(../img/ipro_l.png) no-repeat center; float: left; cursor: pointer;}
.ipro_btn .swiper-button-next-ipro { width: 45px; height: 45px; display: block; overflow: hidden; background: url(../img/ipro_r.png) no-repeat center; float: right; cursor: pointer;}


.inum_ul { width: 106%; height: auto; overflow: hidden; display: block; max-width: 1650px; margin: 0px -3% 0px -3%; }
.inum_ul li { width: 20%; height: auto; overflow: hidden; padding: 0px 1.5%; box-sizing: border-box; margin-top: 40px; float: left;}
.inum_ul li .con { width: 100%; height: auto; overflow: hidden; display: block;}
.inum_ul li .tit { display: block; font-size:23px; line-height:35px; font-family: impact; text-align: center; vertical-align: top; color: #333333;}
.inum_ul li .tit span { font-size: 70px; line-height: 80px; font-family:impact; vertical-align: top; margin-right: 15px; color: #004ea2;}
.inum_ul li .des { display: block; overflow: hidden; font-size: 17px; line-height: 30px; color: #555555;  text-align: center; margin-top: 25px;}

.why_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; background-color: #004097;background-image: linear-gradient(#f5bf00, #4eba6b, #182888);}
.why_left { width: 50%; height: auto; overflow: hidden; display: block; float: left;  padding: 90px 0px; }
.why_wd { width: 94%; height: auto; overflow: hidden; display: block; float: right; max-width: 800px;}
.why_con { width: 100%; height: auto; overflow: hidden; display: block; padding-right: 15%; box-sizing: border-box; margin-top: 250px;}
.why_bg .swiper-pagination-why { display:block; height: 5px; position: relative; overflow: hidden; margin-top: 50px;}
.why_bg .swiper-pagination-bullet {  width:25px; height: 5px; box-sizing: border-box; border-radius: 5px; margin-right:8px; outline: none; position: relative; display: inline-block; float: left; background: #FFFFFF; opacity: .4; }
.why_bg .swiper-pagination-bullet-active { opacity: 1;}
.swiper-why { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-why li { display: block; overflow: hidden;  opacity: 0 !important; transition: all .5s;}
.swiper-why li.swiper-slide-active { opacity: 1 !important;}
.swiper-why li .num { display: block; overflow: hidden; font-size: 120px; line-height: 130px; font-family: impact; color: #FFFFFF; opacity: .4;}
.swiper-why .img_ab { width: 50%; height: 100%; display: block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0;}
.why_h { display: block; overflow: hidden; font-size: 25px; line-height: 40px; font-weight: bold; color: #FFFFFF; white-space: nowrap; text-overflow: ellipsis; margin-top: 40px;}
.why_info { width: 100%; height: 150px; font-size: 15px; line-height: 30px; color: #FFFFFF; overflow: hidden; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-top: 30px;}
.why_info p { font-size: 15px; line-height: 30px; color: #FFFFFF; overflow: hidden; display: block;}
.why_btn { width: 170px; height: auto; overflow: hidden; display: block; margin-top: 60px;}
.why_btn a { display: block; overflow: hidden; width: 100%; font-size: 16px; line-height: 40px; border: 1px solid #FFFFFF; box-sizing: border-box; border-radius: 40px; color: #FFFFFF; text-align: center; transition: all .3s;}
.why_btn a:hover { background: #ea5514; border: 1px solid #ea5514;}
.why_ab { width: 47%; height: auto; max-width: 800px; overflow: hidden; display: block; position: absolute; z-index: 9; right: 50%; top: 90px;}



.iabout_bg { width: 100%; height: auto; overflow: hidden; display: block; padding:80px 0px; box-sizing: border-box; background: url(../img/about_bg.jpg) no-repeat bottom left; background-size:cover ;}
.iabout_l { width: 46%; height: auto; overflow:hidden ; display: block; float: left;}
.iabout_h { display: block; overflow: hidden; font-size: 23px; line-height: 35px; font-weight: bold; margin-top: 40px; color: #004097;}
.iabout_con { width: 100%; height:200px; display: block; overflow: hidden; margin-top: 35px; font-size: 16px; line-height: 40px; color: #000000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.iabout_con p { font-size: 16px; line-height: 40px; display: block; color: #000000;}
.iabout_more { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 70px;}
.iabout_more a { display: inline-block; font-size: 16px; line-height: 45px;  vertical-align: middle; overflow: hidden; color: #000000; padding: 0px 40px; box-sizing: border-box; border: 1px solid #004097; border-radius: 50px; transition: all .5s;}
.iabout_more a span { width: 20px; height: 20px; display: inline-block; overflow: hidden; border-radius: 100%; margin-left: 10px; background:url(../img/i_dot.png) no-repeat; transition: all .3s; vertical-align: middle; float: right; margin-top: 12.5px;}
.iabout_more a:hover { color: #ffffff; background: #004097;}
.iabout_more a:hover span { background:url(../img/i_doth.png) no-repeat;}
.iabout_r { width: 46.8%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; right: 0; top: 0;}
.iabout_vd { width: 60px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 10; left: 7%; bottom: 10%;}
.vd_btn { width: 100%; height: 100%; position: fixed; z-index: 9999999; background: rgba(0,0,0,.7); overflow: hidden; top: 0; display: none;}
.vd_con_bg { width: 92%; max-width: 1100px; height: auto; background: #000000; border-radius: 8px; padding: 30px; box-sizing: border-box; position: relative; z-index: 9; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.vd_close { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; display: block; position: relative; margin: 30px auto 0px auto;}
.vd_sp { width: 100%; height: 600px; display: block; overflow: hidden; border: none; outline: none;}


.inews_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 100px 0px;}
.inews_wd { width: 94%; max-width: 1600px; display: block; overflow: hidden; height: auto; position: relative; margin: 45px auto 0px auto; min-height: 520px; padding-left: 780px; box-sizing: border-box; }
.inews_left { width: 780px; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.inews_h_bg { width: 100%; height: auto; overflow: hidden; display: block;}
.inews_h { display: inline-block; overflow: hidden; font-size: 35px; line-height: 50px; margin-top: 5px; color: #000000; float: left; font-weight: bold;}
.inews_swiper { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.swiper-inews { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-inews li { display: block; overflow: hidden;}
.inews_left .img_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.inews_left .img_re { width: 100%; height: auto; overflow: hidden; display: block;}
.inews_left .img_ab { width: 100%; height: auto; overflow: hidden; display:block; position: absolute; z-index: 1; top: 0; left: 0;}
.inews_left .img_ab img { width: 100%; height: 100%; overflow: hidden; display: block; transition: all .3s;}
.inews_left li:hover .img_ab img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.inews_left .time_bg { display: inline-block; overflow: hidden; background: #004ea2; padding: 10px 15px; color: #FFFFFF; box-sizing: border-box; font-size: 30px; font-family: arial; font-weight: bold; line-height: 40px; position: absolute; z-index: 9; left: 0; top: 0;}
.inews_left .time_bg span { display: block; overflow: hidden; font-size: 16px; line-height: 25px; color: #FFFFFF; font-weight: bold;}
.inews_left .zz { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; z-index: 2; left: 0; bottom: 0px;}
.inews_left .tit { width: 100%; height: auto; position: absolute; z-index: 10; left: 0; bottom: 20px; display: block; overflow: hidden; padding: 0px 20px; box-sizing: border-box;}
.inews_left .tit a { display:block;overflow: hidden; font-size: 20px; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; color: #FFFFFF;}
.inews_left .swiper-button-prev-inews { width: 40px; height: 60px; display: block; overflow: hidden; background: url(../img/scr_prev.png) no-repeat center rgba(0,0,0,.5); position: absolute; z-index: 15; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
.inews_left .swiper-button-next-inews { width: 40px; height: 60px; display: block; overflow: hidden; background: url(../img/scr_next.png) no-repeat center rgba(0,0,0,.5); position: absolute; z-index: 15; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
.inews_left .swiper-button-next-inews:hover { background: url(../img/scr_next.png) no-repeat center rgba(234,85,20,.8);}
.inews_left .swiper-button-prev-inews:hover { background: url(../img/scr_prev.png) no-repeat center rgba(234,85,20,.8);}

.inews_right { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 8%; box-sizing: border-box;}
.inews_one { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.inews_one .con { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 310px; min-height: 190px; box-sizing: border-box;}
.inews_one .img_ab { width: 285px; height: 100%; display: block; overflow: hidden; position: absolute; z-index: 1; left: 0; top: 0;}
.inews_one .img_ab img { width: 100%; height: 100%; display: block; overflow: hidden;}
.inews_one .tit { width: 100%; height: 60px; overflow: hidden; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; font-weight: bold; line-height: 30px;}
.inews_one .des { width: 100%; height: 60px; overflow: hidden; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; line-height: 30px; margin-top: 15px;}
.inews_one .time { display: block; overflow: hidden; font-size: 14px; color: #aaaaaa; line-height: 25px; margin-top: 20px;}
.inews_dl { width: 100%; height: auto; overflow: hidden; display: block;}
.inews_right dd { border-bottom: 1px solid #DDDDDD; width: 100%; height: auto; overflow: hidden; display: block; padding: 20px 0px;}
.inews_right dd .con { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-left: 85px; box-sizing: border-box; min-height: 65px;}
.inews_right dd .time { display: inline-block; overflow: hidden; font-size: 25px; font-weight: bold; font-family: arial; line-height: 35px; color: #004ea2; position: absolute; z-index: 9; left: 0; top: 0px;}
.inews_right dd .time span { display: block; overflow: hidden; font-size: 15px; line-height: 30px; color: #AAAAAA; font-weight: normal;}
.inews_right dd .info { width: 100%; height: auto; overflow: hidden; display: block;  box-sizing: border-box;}
.inews_right dd .tit { display: block; overflow: hidden; font-size: 18px; line-height: 35px;}
.inews_right dd .tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inews_right dd .des { display: block; overflow: hidden; font-size: 15px; line-height: 30px; color: #888888; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px;}

.iwenhua_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 80px 0px; background: url(../img/about_wenhua.jpg) no-repeat center; background-size:cover ;}
.iwenhua_p { display: block; overflow: hidden; font-size: 18px; line-height: 35px; color: #FFFFFF; margin-top: 20px;}
.wh_more { display: inline-block; overflow: hidden; position: absolute; z-index: 9; right: 0; bottom: 10px;}
.wh_more a { display: inline-block; font-size: 16px; line-height: 45px;  vertical-align: middle; overflow: hidden; color: #FFFFFF; padding: 0px 40px; box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 50px; transition: all .5s;}
.wh_more a span { width: 20px; height: 20px; display: inline-block; overflow: hidden; border-radius: 100%; margin-left: 10px; background:url(../img/i_doth.png) no-repeat; transition: all .3s; vertical-align: middle; float: right; margin-top: 12.5px;}
.wh_more a:hover { background: #f8c515; border: 1px solid #f8c515;}
.iwh_left { width: 45%; height: auto; overflow: hidden; display: block; float: left;}
.iwenhua_bg li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 60px;}
.iwenhua_bg li .tit { display: block; overflow: hidden; font-size: 35px; color: #f8c515; line-height: 45px; font-weight: bold;}
.iwenhua_bg li .hr { width: 100%; height: 5px; display: block; overflow: hidden; margin-top: 25px; background-color: #f5bf00; background-image: linear-gradient(to right,#f5bf00, #4eba6b, #182888);}
.iwenhua_bg li .des { display: block; overflow: hidden; font-size: 19px; color: #FFFFFF; line-height: 50px; margin-top: 25px;}
.iwh_right { width: 45%; height: auto; overflow: hidden; display: block; float: right;}


.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; background:url(../img/foot_bg.jpg) no-repeat center; background-size:cover ; padding-top: 80px; }
.foot_list1 { display: inline-block; overflow: hidden; float: left; margin-right: 10.5%;}
.foot_list2 { display: inline-block; overflow: hidden; float: left; margin-right: 10.5%;}
.foot_list3 { display: inline-block; overflow: hidden; float: left; margin-right: 10.5%;}
.foot_list4 { display: inline-block; overflow: hidden; float: left; }
.foot_tit { display: block; overflow: hidden; font-size: 20px; line-height: 35px; font-weight: bold; white-space: nowrap;}
.foot_tit a { color: #FFFFFF; display: block; overflow: hidden;}
.foot_nav { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px; box-sizing: border-box;}
.foot_nav li { overflow: hidden; display: block; width: 100%; height: auto;}
.foot_nav li a { display: block; overflow: hidden; font-size: 15px; line-height: 35px; color: #FFFFFF; opacity: .7; transition: all .3s; white-space: nowrap;}
.foot_nav li:hover a { opacity: 1;}

.foot_r { width: 40%; max-width: 530px; height: auto; overflow: hidden; display: block; float: right; position: relative; padding-right: 220px; box-sizing: border-box;}
.foot_r_con { width: 100%; height: auto; overflow: hidden; display: block; padding-right: 40px; box-sizing: border-box; position: relative;}
.foot_r_tit { display: block; overflow: hidden; font-size: 20px; line-height: 35px; font-weight: bold; white-space: nowrap; text-align: right;}
.foot_r_tit a { color: #FFFFFF;}
.foot_r_des { display: block; overflow: hidden; text-align: right; opacity: .8; width: 100%; height: auto; margin-top: 20px;}
.foot_r_p { display: block; overflow: hidden; font-size: 15px; line-height: 35px; text-align: right; color: #FFFFFF;}
.foot_mes { display: block; height: auto; overflow: hidden; margin-top: 20px; text-align: right;}
.foot_mes a { display: inline-block; height: auto; overflow: hidden; background:none; border: 1px solid rgba(255,255,255,.4); transition: all .3s; color: #FFFFFF; font-size: 15px; line-height: 25px; padding: 5px 20px; box-sizing: border-box; border-radius: 30px;}
.foot_mes a span { width: 35px; height: 25px; display: inline-block; overflow: hidden; float: left; background: url(../img/kf_mes.png) no-repeat center; margin-right: 5px;}
.foot_mes a:hover { background: #ea5514; border: 1px solid rgba(234,85,20,1) ;}
.foot_bor { width: 1px; height: 100%; display: block; overflow: hidden; position: absolute; z-index: 9; top: 0; right: 0; background: #FFFFFF; opacity: .2;}
.foot_ma_bg { width: 180px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); right: 0;}
.foot_ma { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_ma_p { display: block; overflow: hidden; font-size: 15px; line-height: 30px; margin-top: 20px; color: #FFFFFF; opacity: .7; text-align: center;}
.banquan_bg { width: 100%; height: auto; overflow: hidden; display: block; font-size: 14px; line-height: 30px; margin-top: 60px; color: #FFFFFF;  border-top: 1px solid rgba(255,255,255,.2); padding: 20px 0px;}
.banquan_l { display: inline-block; overflow: hidden; float: left; opacity: .7;}
.banquan_r { display: inline-block; overflow: hidden; float: right; opacity: .7;}
.banquan_bg a { color: #FFFFFF; margin-left: 10px;}
.banquan_bg a:hover { text-decoration: underline;}


.foot_mar { width: 100%; height: 60px; display: block; overflow: hidden;}
/*内页css*/
.banner_n {width: 100%; height: auto; overflow: hidden; display: block; position: relative;  box-sizing: border-box; margin-top: 70px;}
.banner_img {width: 100%; height: 560px; overflow: hidden; display: block;}
.banner_thumb {width: 100%; height: auto; overflow: hidden; display: block;}
.page_nav_bg { width: 100%; height: 70px; display: block; overflow: hidden; background: #FFFFFF;}
.page_nav_ul {display: block; overflow: hidden; width: 94%; max-width: 1600px; margin: 0px auto;}
.page_nav_ul li { display: inline-block; overflow: hidden; float: left; margin-right: 50px;}
.page_nav_ul li a { display: block; overflow: hidden; font-size: 17px; line-height: 70px; color: #333333; }
.page_nav_ul li:hover a { color: #ea5514;}
.page_nav_ul li.cur a { color: #ea5514; font-size: 20px; font-weight: bold;}

.pg_contact { width: 100%; height: auto; overflow: hidden; display: block; position:relative; background-color: #004097;background-image: linear-gradient(#f5bf00, #4eba6b, #182888);}
.contact_left { width: 50%; height: auto; overflow: hidden; display: block; float: left; padding: 100px 7% 100px 0px; box-sizing: border-box;}
.contact_list { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.contact_list li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px; padding-left:50px; box-sizing: border-box; position: relative;}
.contact_list li .dot { width: 30px; height: 30px; position: absolute; z-index: 1; left: 0; top: 5px;}
.contact_list li .con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 20px; line-height: 40px; font-weight: bold; color: #FFFFFF; position: relative;}
.contact_list li .con .label { font-size: 20px; line-height: 40px; color: #FFFFFF; font-weight: bold; display: inline-block; float: left;}
.contact_list li .con span { margin-left: 20px;}
.contact_right { width: 50%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 1; top: 0; right: 0;}

.mes_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding: 80px 0px; background: #F8F8F8;}
.mes_h { display: block; overflow: hidden; font-size: 40px; line-height: 50px; color: #004ea2; font-weight: bold; background:url(../img/h_dot.png) no-repeat left; padding-left: 45px; box-sizing: border-box;}
.mes_des { display: block; overflow: hidden; font-size: 18px; line-height: 35px; color: #777777; margin-top: 20px;}
.mes_left { width: 50%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; display: block; overflow: hidden;}
.mes_con { width: 43%; height: auto; overflow: hidden; display: block; float: right;}
.mes_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 25px;}
.mes_ul li { width: 100%; height: auto; overflow: hidden; display: block; }
.mes_ul li .mes_l { width: 45%; height: auto; overflow: hidden; display: block; float: left; margin-top: 40px; border-bottom:1px solid #000000;}
.mes_ul li .mes_r { width: 45%; height: auto; overflow: hidden; display: block; float: right; margin-top: 40px; border-bottom:1px solid #000000;}
.mes_ul li .mes_wd { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.mes_ul li .text { width:100%; height: auto; display: block; overflow: hidden; border: none; background: none; border-radius: none;  font-size: 16px; line-height: 30px; color: #333333; outline: none; border-radius: 5px; padding-bottom: 10px; box-sizing: border-box;}
.mes_ul li .test { width: 100%; height: auto; min-height: 150px; display: block; overflow: hidden; border: none; background: #EEEEEE; font-size: 16px; line-height: 30px; color: #333333; outline: none; border-radius: 10px; padding: 10px 15px; box-sizing: border-box; font-family: "microsoft yahei";}
.mes_ul li .submit { width: 200px; height: 40px; display: block; overflow: hidden; border: none; outline: none; background: #066eb7; font-size: 16px; line-height: 40px; letter-spacing: 3px; text-align: center;  color: #FFFFFF; border-radius: 5px; margin: 60px auto 0px auto; cursor: pointer;}
.map { width: 100%; height: 600px; display: block; overflow: hidden;}
.BMapLabel { display: none !important;}
.BMap_bubble_title { width: 100% !important; font-size: 16px !important; line-height: 25px; display: block; overflow: hidden;  word-wrap: break-word !important; word-break: normal !important;}
.BMap_stdMpCtrl { display: none !important;}
.BMap_bubble_content { font-size: 14px; line-height: 25px; display: block; overflow: hidden; margin-top: 10px;}

.about_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 80px 0px 100px 0px; background: url(../img/bg_about.jpg) no-repeat bottom center; background-size:cover ;}
.about_ul { width: 108%; height: auto; overflow: hidden; display: block; position: relative; margin: 0px -4%; box-sizing: border-box;}
.about_ul li { width: 33.3333%; height: auto; overflow: hidden; display: block; padding: 0px 4%; margin-top: 60px; float: left; box-sizing: border-box;}
.about_ul li .tit { display: inline-block; overflow: hidden; font-size: 30px; line-height: 60px; background-color: #f5bf00;background-image: linear-gradient(to right,#182888, #4eba6b, #f5bf00); padding: 0px 40px; border-radius: 50px; color: #FFFFFF; font-weight: bold;}
.about_ul li .des { width: 100%; height: auto; overflow: hidden; display: block; font-size: 25px; font-weight:bold; line-height: 35px; color: #FFFFFF; margin-top: 30px;}
.about_ul li .con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 17px; line-height: 40px; color: #FFFFFF; margin-top: 25px; opacity: .9;}

.page_num { width: 100%; height: auto; overflow: hidden; padding:50px 0px 80px 0px; background: url(../img/ione_bg.jpg) no-repeat center bottom; background-size:cover ;}
.page_num_left { width: 46%; height: auto; overflow: hidden; display: block; float: left;}
.page_num_ul { width: 108%; height: auto; overflow: hidden; display: block; margin: 0px -4%; padding:40px 0px; }
.page_num_ul li:first-child { display: none;}
.page_num_ul li { width: 50%; height: auto; overflow: hidden; padding: 0px 4%; box-sizing: border-box; margin-top: 40px; float: left;}
.page_num_ul li .con { width: 100%; height: auto; overflow: hidden; display: block;}
.page_num_ul li .tit { display: block; font-size:23px; line-height:35px; font-family: impact; text-align: center; vertical-align: top; color: #333333;}
.page_num_ul li .tit span { font-size: 70px; line-height: 80px; font-family:impact; vertical-align: top; margin-right: 15px; color: #004ea2;}
.page_num_ul li .des { width: 90%; max-width: 220px; display: block; overflow: hidden; height: 60px; font-size: 17px; line-height: 30px; color: #555555;  text-align: center; margin: 25px auto 0px auto; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


.about_img { width: 48%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; right: 0; top: 0;}
.wenhua_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 100px 0px; background-color: #004097;background-image: linear-gradient(to right,#f5bf00, #4eba6b, #182888);}
.wenhua_l { width: 50%; height: auto; overflow: hidden; display: block; float: left;}
.wenhua_des { width: 100%; height: auto; overflow: hidden; display: block; font-size: 25px; line-height: 35px; color: #FFFFFF; font-weight: bold; margin-top: 30px;}
.wenhua_r { width: 30%; height: auto; overflow: hidden; display: block; float: right;}
.wenhua_y { font-size:60px; line-height: 60px; color: #FFFFFF; display: block; overflow: hidden; text-align: right; font-weight: bolder; margin-top: 30px;}
.wenhua_r_des {display: block; overflow: hidden; font-size: 23px; line-height: 35px; color: #FFFFFF; text-align: right; margin-top: 15px;}
.wenhua_tab { width: 100%; height: auto; min-height:260px ; overflow: hidden; display: block; position: relative; margin-top: 40px; padding-right: 250px; box-sizing: border-box;}
.wenhua_tab .tab-hd { width: 200px; height: 100%; display: block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0;}
.wenhua_tab .tab-hd li { width: 200px; height: 60px; display: block; overflow: hidden; border: 2px solid rgba(255,255,255,.5); margin-top: 20px; font-size: 23px; font-weight: bold; color: #FFFFFF; line-height: 56px; cursor: pointer; padding:0px 30px; box-sizing: border-box; text-align: right;}
.wenhua_tab .tab-hd li.active { background: #EA5514; border: 2px solid #EA5514;}
.wenhua_tab .tab-bd { width: 100%; max-width: 950px; height: auto; overflow: hidden; display: block; margin-top: 20px; float: left;}
.wenhua_tab .tab-bd li { display: none; width: 100%; height: auto; overflow: hidden;}
.wenhua_tab .tab-bd li.addclass { display: block;}
.wenhua_tab .tab-bd li .tit { display: block; overflow: hidden; width: 100%; height: auto; position: relative; font-size: 32px; line-height: 40px; color: #FFFFFF; font-weight: bold; padding-left: 40px; box-sizing: border-box; background: url(../img/dot_wenhua.png) no-repeat left;}
.wenhua_tab .tab-bd li .des { display: block; overflow: hidden; width: 100%; height: auto; font-size: 20px; line-height: 45px; color: #FFFFFF; margin-top: 50px;}
.wenhua_tab .tab-bd li .des p { font-size: 20px; line-height: 45px; color: #FFFFFF;}
.zizhi_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 90px 0px;}
.zizhi_list { width: 103%; height: auto; overflow: hidden; display: block; margin: 25px -1.5% 0px -1.5%;}
.zizhi_list li { width: 25%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 1.5%; box-sizing: border-box; margin-top: 25px;}
.zizhi_list li .img_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.zizhi_list li .img_re { width: 100%; height: auto; overflow: hidden; display: block;}
.zizhi_list li .img_ab { width: 100%; height: auto; overflow: hidden; display:block; position: absolute; z-index: 1; top: 0; left: 0;}
.zizhi_list li .img_ab img { width: 100%; height: 100%; overflow: hidden; display: block; transition: all .3s;}
.zizhi_list li:hover .img_ab img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.zizhi_list li .tit { display: block; overflow: hidden; width: 100%; height: auto; position: relative; font-size: 18px; line-height:30px; margin-top: 15px; color: #000000; text-align: center; white-space: nowrap; text-overflow: ellipsis;}

.huanjing_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 80px 0px 120px 0px; background: url(../img/huanjing_bg.jpg) no-repeat center; background-size:cover ;}
.huanjing_p { display: block; overflow: hidden; font-size: 18px; line-height: 35px; color: #FFFFFF; margin-top: 20px;}
.ceo_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 80px 0px;}
.ceo_left { width: 50%; height: auto; overflow: hidden; display: block; float: left;}
.ceo_right { width: 46%; height: auto; overflow: hidden; display: block; float: right;}
.ceo_img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.ceo_list { width: 100%; height: auto; overflow: hidden; display: block;}
.ceo_list li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.ceo_list li .tit { display: block; overflow: hidden; font-size: 28px; font-weight: bold; color: #004097; line-height: 40px;}
.ceo_list li .hr { width: 100%; height: 5px; overflow: hidden; display: block; margin-top: 15px; background: #004097; border-left: 20px solid #ea5514; box-sizing: border-box;}
.ceo_list li .des { display: block; overflow: hidden; font-size: 18px; color: #000000; line-height: 35px; margin-top: 20px;}
.ceo_list li .des p { display: block; overflow: hidden; font-size: 18px; color: #000000; line-height: 35px ;}

.pagelist { width: 100%; height: auto; overflow: hidden; display: block; text-align: center; font-size: 0; margin-top: 50px; }
.pagination { display: inline-block; height: auto; overflow: hidden; text-align: center; font-size: 0; vertical-align:middle;}
.pagination li { font-size: 15px; line-height: 30px; overflow: hidden; display: inline-block; vertical-align: middle; margin: 0px 3px; background: #FFFFFF; border-radius: 3px;}
.pagination li a { padding: 0px 8px; color: #777777;}
.pagination li.active { background: #e5572a; border-radius: 3px;}
.pagination li.active a { padding: 0px 10px; color: #FFFFFF;}
.page_count { display: inline-block; font-size: 13px; line-height: 25px; margin-left: 5px; vertical-align:middle; }
.page_count span { font-weight: bold; margin: 0px 3px;}

.article_menu { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.article_menu li { display: inline-block; overflow: hidden; float: left; margin-right: 50px;}
.article_menu li a { display: block; overflow: hidden; font-size: 18px; line-height: 40px; color: #333333; }
.article_menu li:hover a { color: #e5572a;}
.article_menu li.cur a { color: #e5572a; font-size: 23px; font-weight: bold;}
.ul_article { width:103%; height: auto; overflow: hidden; display: block; margin-left: -1.5%;}
.ul_article li { width: 33.333333%; height: auto; overflow: hidden; display: block; padding: 0px 1.5%; box-sizing: border-box; float: left; margin-top: 40px;}
.ul_article li .img_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; border-radius: 10px;}
.ul_article li .img_re { width: 100%; height: auto; overflow: hidden; display:block; }
.ul_article li .img_ab { width: 100%; height: auto; overflow: hidden; display:block; position: absolute; z-index: 9; top: 0; left: 0;}
.ul_article li .img_ab img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.ul_article li:hover .img_ab img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.ul_article li .info_bg { width: 100%; position: relative; height: auto; overflow: hidden; display:block; box-sizing: border-box; margin-top: 20px; }
.ul_article li .tit { width: 100%; height: auto; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 30px;}
.ul_article li .tit a {font-size: 20px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.ul_article li .time { display: block; overflow: hidden; font-size: 16px; line-height: 30px; color: #004097; font-style: italic; margin-top: 10px; font-weight: bold;}
.ul_article li .des { width: 100%; height:60px; overflow: hidden; font-size: 15px; line-height: 30px; color: #888888; margin-top: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ul_article li:hover .time { color: #E5572A;}

.show_fen { width: 100%; height: 3px; display: block; overflow: hidden; background: #eeeeee; border-left: 20px solid #E5572A; border-right: 20px solid #E5572A; box-sizing: border-box; margin-top: 30px;}
.show_wd { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 400px; box-sizing: border-box; margin-top: 40px;}
.show_left { width: 100%; height: auto; min-height: 700px; display: block; overflow: hidden;}
.show_tit { display: block; overflow: hidden; font-size: 23px; font-weight: bold; line-height: 35px; color: #333333; text-align: left; background: url(../img/dot_h.png) no-repeat left top; padding-left: 45px; box-sizing: border-box;}
.show_default{ width: 100%; height: auto; overflow: hidden; display:block; font-size: 15px; line-height: 30px; color: #777777; margin-top: 20px; }
.show_default .span { margin-left: 15px; display: inline-block;}
.show_hr { width: 100%; height: 1px; display: block; overflow: hidden; background: #dddddd; margin-top: 20px;}
.show_con { width: 100%; height: auto; min-height: 400px; overflow: hidden; display: block; font-size: 16px; line-height: 35px; color: #333333; margin-top: 20px;}
.show_con p {overflow: hidden; display: block; font-size: 16px; line-height: 35px; color: #333333; }
.show_con img { max-width: 100%; margin: 20px auto; display: block; overflow: hidden;}
.show_fanye { width: 100%; height: auto; overflow: hidden; display: block; margin-top:60px;  position: relative;}
.show_fy_li { display: block; font-size: 15px; line-height: 30px; overflow: hidden; margin-top: 5px; color: #333333; text-overflow: ellipsis; white-space: nowrap;}
.show_back { width: 160px; height: 45px; display: block; overflow: hidden; border-radius: 40px; margin-top: 40px;}
.show_back a { display: block; overflow: hidden; font-size: 15px; line-height: 45px; color: #ffffff; background: #ea5514; text-align: center; transition: all .3s;}
.show_back a span { width: 16px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 15px; background: url(../img/dot_back.png) no-repeat;}
.show_back a:hover { background: #bc3e07;}
.show_right { width:320px; height: auto; overflow: hidden; display: block; box-sizing: border-box; position: absolute; z-index: 9; right: 0; top: 0; background: #f6f6f6; padding: 30px; box-sizing: border-box; border-radius: 5px;}
.show_r_h { display: block; overflow: hidden; font-size: 23px; line-height: 35px; font-weight: bold; color: #004ea2; position: relative; padding-left: 35px; background:url(../img/dot_h.png) no-repeat left; box-sizing: border-box;}
.show_r_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 5px;}
.show_r_ul li { width: 100%; height: auto; overflow: hidden; display: block; padding: 15px 0px; border-bottom: 1px solid #dbe6f2;}
.show_r_ul li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-left: 15px; box-sizing: border-box;}
.show_r_ul li .ab_dot { width: 8px; height: 8px; background: url(../img/dot_list.png) no-repeat; left: 0px; top: 11px; display: block; overflow: hidden; position: absolute; z-index: 9;}
.show_r_ul li .tit { display: block; overflow: hidden; font-size: 15px; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.show_r_ul li:last-child { border: none;}

.pro_gray { width: 100%; height: auto; overflow: hidden; display: block; background: #f5f5f5; padding: 20px 0px 0px 0px;}
.pro_left { width: 21%; height: auto; overflow: hidden; display: block; position: relative; float: left; margin-top: 40px;}
.pro_menu { width: 100%; height: auto; overflow: hidden; display: block; max-width: 200px; margin-top: 20px;}
.pro_menu li { width: 100%; height: 50px; display: block; overflow: hidden; border-radius: 50px; margin-top: 25px; font-size: 20px; line-height: 50px; color: #000000; font-weight: bold; text-align: center; cursor: pointer;}
.pro_menu li a { color: #000000; display: block; overflow: hidden; background-color: #004097;background-image: linear-gradient(to right,#f5bf00, #4eba6b, #182888); color: #FFFFFF;}
.pro_menu li a:hover { color: #FFFFFF;}
.pro_list_bg { width: 79%; height: auto; overflow: hidden; display: block; float: right;}
.pro_list { width: 102.4%; height: auto; overflow: hidden; display: block; margin: 0px -1.2%;}
.pro_list li { width: 33.33333%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 1.2%; margin-top: 40px; box-sizing: border-box;} 
.pro_list li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #FFFFFF;}
.pro_list li .img_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.pro_list li .img_re { width: 100%; height: auto; overflow: hidden; display:block; }
.pro_list li .img_ab { width: 100%; height: auto; overflow: hidden; display:block; position: absolute; z-index: 9; top: 0; left: 0;}
.pro_list li .img_ab img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_list li:hover .img_ab img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_list li .info_bg { width: 100%; position: relative; height: auto; overflow: hidden; display:block; box-sizing: border-box; padding: 25px 20px;}
.pro_list li .tit { width: 100%; height: auto; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 30px;}
.pro_list li .tit a {font-size: 18px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.pro_list li .des { width: 100%; height:auto; overflow: hidden; display: block; position: relative; font-size: 15px; line-height: 30px; color: #000000; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; padding-right: 120px; box-sizing: border-box;}
.pro_list li .more { display: inline-block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0;}
.pro_list li .more a { display: block; overflow: hidden; font-size: 15px; line-height: 30px; color: #a1a1a1; background: url(../img/i_gray.png) no-repeat right; padding-right: 25px; transition: all .3s;}
.pro_list li .more a:hover { color: #004097; background: url(../img/i_dot.png) no-repeat right;}

.pro_white { width:79%; height: auto; overflow: hidden; display: block; float: right; background: #FFFFFF; margin-top: 40px; padding: 40px 40px 60px 40px; box-sizing: border-box;}
.pro_one { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-left: 520px; box-sizing: border-box; min-height: 520px;}
.pro_one .mySwiper2 { width: 520px; height: 100%; display: block; overflow: hidden; position: absolute; z-index: 1; left: 0; top: 0; border: 5px solid #f2f2f2; box-sizing: border-box;}
.pro_one .mySwiper2 li { display: block; overflow: hidden; width: 100%; height: 100%;}
.pro_one .mySwiper2 li .img { width: 100%; height: 100%; overflow: hidden; display: block;}
.pro_one_r { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 8%; box-sizing: border-box;}
.pro_one_h { display: block; overflow: hidden; font-size: 28px; font-weight: bold; color: #000000; line-height: 40px;}
.pro_one_p { display: block; overflow: hidden; font-size: 18px; font-weight: bold; color: #000000; line-height: 30px; margin-top: 5px;}
.pro_one_ts { width: 100%; height: auto; display: block; overflow: hidden; font-size: 16px; line-height: 30px; color: #004097; margin-top: 15px;}
.pro_one_ts a { color: #004097;}

.pro_one .mySwiper { width: 70%; height: auto; overflow: hidden; display: block; margin-top: 25px;}
.pro_one .mySwiper li { cursor: pointer; border: 1px solid #E2E2E2; box-sizing: border-box;}
.pro_one li.swiper-slide-thumb-active { border: 2px solid #004097; box-sizing: border-box;}
.pro_one_tit { display: inline-block; overflow: hidden; font-size: 17px; line-height: 40px; background: #004097; border-radius: 5px; color: #FFFFFF; padding: 0px 20px; margin-top: 25px;}
.pro_one_des { width: 100%; height: 90px; overflow: hidden; display: block; font-size: 15px; line-height: 30px; color: #555555; margin-top: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.pro_one_lx { display: block; height: auto; overflow: hidden; margin-top: 50px;}
.pro_one_lx a { display: inline-block; height: auto; overflow: hidden; background: #E5572A; transition: all .3s; color: #FFFFFF; font-size: 18px; line-height: 25px; padding: 12px 30px; box-sizing: border-box; border-radius: 5px;}
.pro_one_lx a span { width: 35px; height: 25px; display: inline-block; overflow: hidden; float: left; background: url(../img/kf_mes.png) no-repeat center; margin-right: 5px;}
.pro_one_lx a:hover { background: #fb8108;}
.pro_tow { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 60px;}
.pro_tow .tab-hd { width: 100%; height: 50px; display: block; overflow: hidden; background: #f4f4f4;}
.pro_tow .tab-hd li{ width: 150px; display: block; overflow: hidden; height: 50px; font-size: 20px; line-height: 50px; color: #000000; float: left; text-align: center; font-weight: bold;}
.pro_tow .tab-hd li.active { background: #004097; color: #FFFFFF; font-weight: bold;}
.pro_tow .tab-bd { width: 100%; height: auto; display: block; overflow: hidden; margin-top:10px;}
.pro_tow .tab-bd li { width: 100%; height: auto; overflow: hidden; display: none;}
.pro_tow .tab-bd li.thisclass { display: block;}
.pro_tow .tab-bd li .con { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px; font-size: 16px !important; line-height: 32px !important;}
.pro_tow .tab-bd li .con p { font-size: 16px !important; line-height: 32px !important; display: block; overflow: hidden;}
.pro_tow .tab-bd li .con img { max-width: 100% !important; height: auto !important; display: block; overflow: hidden;}


.pro_mes_des{  display: block; overflow: hidden; font-size: 18px; color: #000000; line-height: 30px; margin-top: 30px; font-weight: bold; color: #004097;}
.pro_mes { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_mes dd { width: 100%; height: auto; overflow: hidden; display: block; }
.pro_mes dd .mes_l { width: 47%; height: auto; overflow: hidden; display: block; float: left; margin-top: 30px; border:none; }
.pro_mes dd .mes_r { width: 47%; height: auto; overflow: hidden; display: block; float: right; margin-top: 30px; border:none;}
.pro_mes dd .mes_wd { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.pro_mes dd .text { width:100%; height: auto; display: block; overflow: hidden; border: none; border-radius: none;  font-size: 16px; line-height: 40px; color: #333333; background: #f6f6f6; border-radius: 5px; padding: 5px 15px; box-sizing: border-box; outline: none;}
.pro_mes dd .test { width: 100%; height: auto; min-height: 150px; display: block; overflow: hidden; border: none; background: #F4F4F4; font-size: 16px; line-height: 30px; color: #333333; outline: none; border-radius: 10px; padding: 10px 15px; box-sizing: border-box; font-family: "microsoft yahei";}
.pro_mes dd .submit { width: 200px; height: 40px; display: block; overflow: hidden; border: none; outline: none; background: #004097; font-size: 16px; line-height: 40px; letter-spacing: 3px; text-align: center;  color: #FFFFFF; border-radius: 5px; margin: 60px auto 0px auto; cursor: pointer;}
.pro_mes_dot { width: 35%; height: 100%; display:block; overflow: hidden; position: absolute; z-index: 1; top: 0; right: 0; background: url(../img/mes_dot.png) no-repeat center;}
.pro_hr { width: 100%; height: 1px; display: block; overflow: hidden; background: #DDDDDD; margin-top: 60px;}


.page_wd { width: 100%; height: auto; overflow: hidden; display: block;  box-sizing: border-box; }
.page_wd_h { display: block; overflow: hidden; font-size: 30px; line-height: 50px; color: #004ea2; font-weight: bold; margin-top: 40px;}
.page_wd_info { width: 100%; height: auto; overflow: hidden; display: block; font-size: 16px; line-height: 35px; color: #333333; margin-top: 20px; padding-bottom: 40px;}
.page_wd_info p { overflow: hidden; display: block; font-size: 16px; line-height: 35px; color: #333333;}
.page_wd_info img { width: 100%;}
.zizhi_ul { width: 100%; height: auto; overflow: hidden; display: block; margin: 20px auto 0px auto;}
.zizhi_ul figure{ width: 31.3333%; height: auto; overflow: hidden; display: block; float: left; margin: 30px 1% 0px 1%; position:relative; padding: 20px; box-sizing: border-box; background: #f4f4f4;}
.zizhi_ul .img-dv { height: auto !important; position: relative;}
.zizhi_ul .img-dv a { display: block; overflow: hidden;}
.zizhi_ul .img-dv a img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.zizhi_ul .img-dv a:hover img {transform: scale(1.07, 1.07);transition: transform 0.3s ease 0s;}
.zizhi_ul .tit {display: block; overflow: hidden; width: 100%; height: 30px !important; font-size: 15px; line-height: 30px; white-space: nowrap; margin-top:20px; color: #333333; text-align: center;}
.pswp { z-index: 15000000;}
.pswp__button--zoom { display: block;}
.pswp__bg { background: rgba(0,0,0,.8);}
.pswp__caption { bottom: 10%; background: none;}
.pswp__caption__center { text-align: center; font-size: 16px; line-height: 25px; overflow: hidden; display: block;}


/*end--------------*/

.search_not { display: block; overflow: hidden; font-size: 15px; line-height: 30px; margin-top: 20px;}
.search_not span { color: #FF0000; margin: 0px 5px;}

.pro_sear { width: 102.4%; height: auto; overflow: hidden; display: block; margin: 0px -1.2%;}
.pro_sear li { width: 25%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 1.2%; margin-top: 40px; box-sizing: border-box;} 
.pro_sear li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #FFFFFF;}
.pro_sear li .img_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.pro_sear li .img_re { width: 100%; height: auto; overflow: hidden; display:block; }
.pro_sear li .img_ab { width: 100%; height: auto; overflow: hidden; display:block; position: absolute; z-index: 9; top: 0; left: 0;}
.pro_sear li .img_ab img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_sear li:hover .img_ab img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_sear li .info_bg { width: 100%; position: relative; height: auto; overflow: hidden; display:block; box-sizing: border-box; padding: 25px 20px;}
.pro_sear li .tit { width: 100%; height: auto; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 30px;}
.pro_sear li .tit a {font-size: 18px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.pro_sear li .des { width: 100%; height:auto; overflow: hidden; display: block; position: relative; font-size: 15px; line-height: 30px; color: #000000; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; padding-right: 120px; box-sizing: border-box;}
.pro_sear li .more { display: inline-block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0;}
.pro_sear li .more a { display: block; overflow: hidden; font-size: 15px; line-height: 30px; color: #a1a1a1; background: url(../img/i_gray.png) no-repeat right; padding-right: 25px; transition: all .3s;}
.pro_sear li .more a:hover { color: #004097; background: url(../img/i_dot.png) no-repeat right;}

.float_qq { position: fixed; top: 50%; transform: translateY(-50%);	right: 0; width: 50px; height: 206px; z-index: 6666; float: right;}
.float_qq li {width: auto;height: 50px;	z-index: 20;}
.float_qq li.float_qq1, .float_qq li.float_qq4 { position: absolute; left: 0; width:50px; }
.float_qq li.float_qq1 { bottom: 0;}
.float_qq li.float_qq2 { position: absolute; top: 52px; left: 0; width: 126px; }
.float_qq li.float_qq3 { position: absolute; top: 0px; left: 0; width: 172px;}
/*.float_qq li.float_qq5 {position: absolute; top: 156px; left: 0; width: 172px; }*/
.float_qq li.float_qq4 { top: 104px; }
.float_qq4 { position: absolute; top: 104px; left: 0;}
.float_qq li a { display: block;font-family: "Microsoft Yahei";	color: #FFF;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #000;	opacity: 0.7;border-radius: 6px;}
.float_qq li a img { display: block; float: left; vertical-align: middle; width: 24px; height: 24px; margin: 12px 12px 14px 14px;}
.float_qq li a:hover { background-color: #EA5514; opacity: 1;}
.float_shwx { position: absolute; bottom: 0; left: -145px;width: 140px; height: 140px; padding-bottom: 0px;display:none;}
.float_shwx img { display: block; padding: 5px;	background-color: #FFF;	width: 130px; height: 130px;}
.float_qq li.wap_tel { display: none;}