@charset "utf-8";
body {  margin:0; padding:0; background: #FFFFFF;  font-family:"Noto Sans SC" !important;}
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: #1069ad;}
/*public*/
#headerMain { width: 94%; max-width: 1600px; height: 90px; display: block; position: fixed; z-index: 9999; top: 32px; left: 50%; transform: translateX(-50%);  transition: all .3s; background: #ffffff; border-radius: 80px; box-shadow: 0px 0px 20px rgba(0,0,0,.1); padding: 0px 40px; box-sizing: border-box; }
.headerMain-bg { top: 0 !important; height: 90px !important; border-radius: 0 !important; width: 100% !important; max-width: 100% !important;}
.header_wd { width: 100%; max-width: 1520px; height: 90px; margin: 0px auto; display: block; position: relative; padding: 0px 360px 0px 260px; 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%); }
.nav_ul { width: 100%; display: block; height: 35px; float: left; margin-top: 27.5px; }
.nav_ul li { display:block; height: auto; position: relative; float: left; width: 14.285%; text-align: center;}
.nav_ul li a { display: block; font-size: 17px; line-height:35px; overflow: hidden; transition: all .3s; color: #333333;}
.nav_ul li:hover a { color: #1c7ec8; font-weight: bold;}
.nav_ul li.cur a { color: #ffffff !important; background: #1c7ec8; border-radius: 35px; font-weight: normal !important;}

.header_r { width: 360px; height: 36px; display: block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%); padding-left: 60px; box-sizing: border-box;}
.top_tel { display: inline-block; overflow: hidden; float: left; font-size: 20px; font-weight: bold; line-height: 36px; color: #1069ad; }
.top_tel span { width: 36px; height: 36px; overflow: hidden; float: left; background: #1069ad; border-radius: 100%; margin-right: 15px;}
.top_tel span i { font-size: 23px; display: block; text-align: center; line-height: 36px; color: #FFFFFF;}

.top_lau { width: 36px; height: 36px; display: block; overflow: hidden; float: right; border-radius: 100%;}
.top_lau a { display: block; overflow: hidden; font-size: 18px; font-family: arial; text-align: center; line-height: 36px; color: #FFFFFF; background: #ef7d1a; transition: all .3s;}
.top_lau a:hover { background: #fbb906;}
.nav_img { display:none; width: 30px; height: 25px; overflow: hidden; float: right; margin-top: 28px; transition: all .3s; margin-left: 3%; transition: all .3s;}
.nav_img a { display: block; overflow: hidden;}	


.a_txt{display:none;position:fixed;top:75px;right:0px;width:0px;height:0px;overflow:hidden;z-index:100000; transition: all .3s;}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:30px;left:3%;top:130px;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:85%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%; padding-bottom: 110px; box-sizing: border-box; max-width: 350px;}
.a_txt .div3 ul{padding-left:5%;padding-right:5%; padding-top: 15px; height: 95%; box-sizing: border-box; overflow: auto; overflow-x: hidden;}
.a_txt .div3 ul::-webkit-scrollbar { width: 5px; height: 10px; background-color:rgba(0,0,0,0.1); }
.a_txt .div3 ul::-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);
}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a { display:block; color:#fff;line-height:65px;padding-left:5%;font-size:20px; width: 65%; box-sizing: border-box; font-weight: bold;}
.a_txt .div3 ul li .a_js2{background:url(../img/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../img/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{ width: 100% !important;line-height:50px;font-size:17px; display: block; color: rgba(255,255,255,.7) !important; border-bottom: 1px solid rgba(255,255,255,.1); padding-left: 8%;}
.a_txt .div3 ul li .tit_bg { display: block; overflow: hidden;}
.headerMain-bg .a_txt { top: 75px !important;}

.banner_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.banner_bg .swiper-banner { width: 100%; height: auto; display: block; overflow: hidden;}
.banner_bg li { position: relative; height: auto overflow: hidden; display: block; width: 100%;}
.banner_bg li .img_bg { width: 100%; height: auto; overflow: hidden; display: block; }
.banner_bg .swiper-pagination-banner { display:inline-block; height: 14px; text-align: center; position: absolute; bottom: 7%; z-index: 9; display: block; overflow: hidden; left: 50%; transform: translateX(-50%); }
.banner_bg .swiper-pagination-bullet {  width:14px; height: 14px; box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 100%; margin: 0px 5px ;  opacity: .7; vertical-align: middle; outline: none; position: relative; display: inline-block; float: left;}
.banner_bg .swiper-pagination-bullet-active { width: 35px; height: 14px; margin: 0px 5px; background: #ffffff; outline: none; box-sizing: border-box;  opacity: 1; border-radius: 14px;}

.iabout_bg { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1520px; margin: 0px auto; padding: 80px 0px;}
.iabout_logo { width: 224px; height: auto; overflow: hidden; display: block; margin: 0px auto;}
.iahout_con { display: block; overflow: hidden; width: 100%; text-align: center; font-size: 16px; line-height: 35px; color: #333333; margin-top: 30px;}
.iabout_menu { width: 100%; height: auto; overflow: hidden; display: block;}
.iabout_menu li { width: 25%; height: auto; overflow: hidden; display: block; position: relative; float: left;}
.iabout_menu li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.iabout_menu li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.iabout_menu li:hover .img img {transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.iabout_menu li .ab_con { display: inline-block; height: auto; overflow: hidden; position: absolute; z-index: 9; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.iabout_menu li .dot_link { width: 70px; height: 0px; display: block; overflow: hidden; margin: 0px auto; opacity: 0; transition: all .3s; padding-bottom: 0px;}
.iabout_menu li .catname { display: block; overflow: hidden; font-size: 35px; line-height: 45px; text-align: center; font-weight: bold;}
.iabout_menu li .catname a { color: #ffffff;}
.iabout_menu li .dot { width: 12px; height: 12px; display: block; overflow: hidden; border-radius: 100%; background: #FFFFFF; margin: 20px auto 0px auto;}
.iabout_menu li:hover .dot_link { height: 100px; opacity: 1;}

.inum_bg { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1520px; margin: 0px auto; padding: 65px 0px; box-sizing: border-box;}
.inum_ul { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0;}
.inum_ul li { width: 25%; height: auto; display: inline-block; vertical-align: top; text-align: center;  overflow: hidden; padding: 0px 20px; box-sizing: border-box;}
.inum_ul li span.counter { font-size: 50px; line-height: 65px; color: #000000; font-weight: bolder; display: inline-block; vertical-align: middle;}
.inum_ul li span.add01 { font-size: 50px; line-height: 65px; color: #000000; font-weight: bolder; display: inline-block; vertical-align: middle;}
.inum_ul li span.add02 { font-size: 30px; color: #000000; font-weight: bolder; vertical-align: middle; display: inline-block; margin-left: 10px;}
.inum_ul li .des { display: block; overflow: hidden; font-size: 17px; line-height: 25px; height: 50px; color: #777777; margin-top: 30px;}

.ipro_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; min-height: 560px; background: #1069ad;}
.ipro_l { width: 37%; height: 100%; display: block; overflow: hidden; background: url(../img/ipro_l.jpg) no-repeat top center; position: absolute; z-index: 9; left: 0; top: 0;}
.ipro_l_con { width: 80%; max-width: 435px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.ipro_l_img { width: 40%; max-width: 120px; height: auto; overflow: hidden; display: block;}
.ipro_l_tit { display: block; overflow: hidden; font-size: 35px; font-weight: bold; line-height: 45px; color: #FFFFFF; margin-top: 40px;}
.ipro_l_hr { width: 25px; height: 5px; display: block; overflow: hidden; background:#ffffff; margin-top: 25px;}
.ipro_l_des { display: block; overflow: hidden; font-size: 16px; line-height: 40px; color: #FFFFFF; margin-top: 40px;}
.ipro_more { width: 160px; height: 45px; display: block; overflow: hidden; border-radius: 50px; border: 2px solid #ffffff; margin-top: 60px; transition: all .3s;}
.ipro_more a { display: block; overflow: hidden; font-size: 18px; line-height: 45px; color: #FFFFFF; text-align: center;}
.ipro_more:hover { background: #ef7d1a; border: 2px solid #ef7d1a;;}

.ipro_r { width: 63%; height: auto; overflow: hidden; display: block; float: right;}
.ipro_menu { width: 100%; height: auto; overflow: hidden; display: block;}
.ipro_menu li { width: 33.33333%; height: auto; overflow: hidden; display: block; float: left; position: relative;}
.ipro_menu li .img { width: 100%; height: auto; display: block; overflow: hidden;}
.ipro_menu li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.ipro_menu li:hover .img img {transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.ipro_menu li .ab_black { width: 100%; height: 100%; display: block; overflow: hidden; background: rgba(0,0,0,.2); position: absolute; z-index: 1; top: 0; left: 0;}
.ipro_menu li .ab_black a { display: block; overflow: hidden; height: 100%;}
.ipro_menu li .tit { width: 100%; height: auto; overflow: hidden; display: block; padding: 0px 70px 0px 30px; position: absolute; z-index: 9; left: 0; bottom: 30px;}
.ipro_menu li .tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ffffff; font-size: 23px; line-height: 30px; font-weight: bold;}
.ipro_menu li .btn { width: 30px; height: 30px; display: block; border-radius: 100%; border: 2px solid #FFFFFF; overflow: hidden; position: absolute; z-index: 10; right: 30px; bottom: 30px; box-sizing: border-box;}
.ipro_menu li:hover .btn { background: #ef7d1a; border: 1px solid #ef7d1a;}
.ipro_menu li .btn a { display: block; overflow: hidden; font-size: 23px; line-height: 25px; text-align: center; color: #FFFFFF;}

.iserve_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 80px; position: relative;}
.iserve_right { width: 39%; height: auto; overflow: hidden; display: block; float: right; padding: 50px 0px;}
.iserve_left { width: 57%; height: 100%; display: block; overflow: hidden; position: absolute; z-index: 9; left: 0; top: 0; border-radius: 0px 0px 200px 0px;}
.iserve_con { width: 85%; max-width: 585px; height: auto; overflow: hidden; display: block;}
.iserve_logo { width: 60%; max-width: 350px; height: auto; overflow: hidden; display: block;}
.iserve_h { display: block; overflow: hidden; font-size: 35px; font-weight: bold; color: #000000; margin-top: 70px; line-height: 45px;}
.iserve_des { display: block; overflow: hidden; font-size: 18px; color: #000000; margin-top: 40px; line-height: 40px;}
.iserve_more { width: 140px; height: 45px; display: block; overflow: hidden; margin-top: 50px;}
.iserve_more a { display: block; height: 45px; border: 1px solid #1069AD; overflow: hidden; border-radius: 45px; font-size: 16px; line-height: 43px; color: #1069AD; text-align: center; transition: all .3s; box-sizing: border-box;}
.iserve_more a:hover { color: #FFFFFF; background: #1069AD;}

.inews_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 80px; background: #f4f4f4; padding: 40px 0px 70px 0px;}
.inews_ul { width: 100%; height: auto; overflow: hidden; display: block; max-width: 1600px; margin: 0px auto;}
.inews_ul li { width: 25%; height: auto; overflow: hidden; display: block; float: left; margin-top: 30px; padding: 0px 35px; box-sizing:border-box;}
.inews_ul li .tit { display: block; overflow: hidden; font-size: 20px; font-weight: bold; line-height: 40px; height: 80px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.inews_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 25px;}
.inews_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.inews_ul li:hover .img img {transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.inews_ul li .des { display: block; overflow: hidden; font-size: 15px; line-height: 30px; height: 60px; color: #777777; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 20px;}
.inews_ul li .time { display: block; overflow: hidden; font-size: 15px; line-height: 30px; color: #777777; margin-top: 20px; font-style: italic;}

.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #055592; padding: 60px 0px 35px 0px;}
.foot_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1520px; margin: 0px auto; border-bottom: 1px solid #3777a8; padding-bottom: 45px; position: relative;}
.foot_left { width: 23%; height: auto; overflow: hidden; display: block; max-width: 425px; float: left;}
.foot_logo { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_des { width: 100%; height: auto; overflow: hidden; display: block; font-size: 18px; line-height: 45px; color: #FFFFFF; margin-top: 40px;}
.foot_mid { width: 28%; height: auto; overflow: hidden; display: block; float: left; margin: 40px 0px 0px 18%; max-width: 425px;}
.foot_h { width: 175px; height: 50px; display: block; overflow: hidden; background: #f89904; border-radius: 50px; text-align: center; font-size: 23px; line-height: 50px; color: #FFFFFF;}
.foot_tel { font-size: 40px; line-height: 50px; display: block; overflow: hidden; color: #FFFFFF; font-weight: bold; font-family: arial; margin-top: 25px;}
.foot_adr { display: block; overflow: hidden; font-size: 18px; line-height: 45px; color: #FFFFFF; margin-top: 25px;}
.foot_em { display: block; overflow: hidden; font-size: 18px; line-height: 45px; color: #FFFFFF; }
.foot_ma_bg { width: 160px; height: auto; overflow: hidden; display: block; float: right; margin-top: 50px;}
.foot_ma { width: 160px; height: auto; overflow: hidden; display: block;}
.foot_ma_p { display: block; overflow: hidden; font-size: 16px; line-height: 30px; color: #ffffff; opacity: .7; margin-top: 20px; text-align: center;}
.foot_mar { width: 100%; height: 40px; display: block; overflow: hidden;}
.banquan_bg { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1520px; margin: 30px auto 0px auto;}
.banquan_l { display: inline-block; overflow: hidden; font-size: 15px; line-height: 30px; color: #FFFFFF; float: left;}
.banquan_l span { margin: 0px 10px;}
.banquan_l a { color: #FFFFFF; margin-left: 10px;}
.banquan_r { display: inline-block; overflow: hidden; font-size: 15px; line-height: 30px; color: #FFFFFF; float: right;}
.banquan_r a { color: #FFFFFF; margin:0px 10px;}


/*此处为内页分割线----------------------------------*/
.banner_n { width: 100%; height: auto; overflow: hidden; display: block;}
.banner_n .img { width: 100%; height: 600px; display: block; overflow: hidden;}
.page_nav_bg { width: 94%; height: auto; max-width: 1520px; overflow: hidden; display: block; position: relative; margin: 60px auto 0px auto; min-height: 90px; padding-left: 200px; box-sizing: border-box;}
.page_catname { display: inline-block; overflow: hidden; position: absolute; z-index: 9; left: 0; top: 0;}
.page_cat_en { width: 100%; height: auto; display: block; overflow: hidden; font-size: 18px; line-height: 20px; font-weight: bold; font-family: arial; font-style: italic; color: #dddddd; text-align: right; text-transform: uppercase;}
.page_cat_h { display: block; overflow: hidden; font-size: 43px; line-height: 60px; margin-top: 15px; color: #1069ad; font-weight: bold;}
.page_nav_wd { width: 100%; height: auto; overflow: hidden; display: block; background: url(../img/page_nav_img.png) no-repeat top left; padding-top: 20px;}
.page_nav { width: 100%; height: auto; overflow: hidden; display: block;}
.page_nav li { display: inline-block; overflow: hidden; float: left; margin: 25px 10px 0px 10px;}
.page_nav li a { display: block; overflow: hidden; font-size: 20px; line-height: 45px; padding: 0px 35px; color: #333333; border-radius: 45px; text-align: center;}
.page_nav li.cur a { background: #1069ad !important; color: #FFFFFF !important; font-weight: normal !important;}
.page_nav li:hover a { color: #1069AD; font-weight: bold;}

.gray_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f4f4f4; padding: 20px 0px 60px 0px;}
.gray_mar { margin-top: 60px;}

.news_one { width: 94%; height: auto; overflow: hidden; max-width: 1520px; background: #FFFFFF; padding: 40px; margin: 40px auto 0px auto; box-sizing: border-box; box-shadow: 0px 0px 15px rgba(16,105,173,.1); border-radius: 40px 40px 0px 0px;}
.news_bg { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 600px; box-sizing: border-box; position: relative; min-height: 360px;}
.news_img { width: 540px; height: 360px; overflow: hidden; border-radius: 30px; position: absolute; z-index: 9; left: 0; top: 0;}
.news_img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.news_img:hover img {transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.news_con { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 40px; position: relative; box-sizing: border-box;}
.news_hr { width: 7px; height: 35px; background: #1069AD; position: absolute; overflow: hidden; left: 0; top: 15px; display: block;}
.news_con .tit { display: block; font-size:28px; overflow: hidden; line-height: 45px; height: 90px;  margin-top: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_con .des { display: block; font-size:16px; overflow: hidden; line-height: 35px; height: 70px;  margin-top: 40px; color: #888888; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_con .more { width: 50px; height: 50px; display: block; overflow: hidden; border-radius: 100%; margin-top: 40px;}
.news_con .more a { display: block; overflow: hidden; font-size: 23px; text-align: center; line-height: 50px; color: #FFFFFF; background: #dddddd; transition: all .3s;}
.news_con:hover .more a { background: #1069AD;}
.news_time { width: 80px; height: auto; overflow: hidden; display: block; position: absolute; text-align: center; z-index: 10; padding: 5px 0px; left: 0; top: 0; background: rgba(5,85,146,.8); border-radius: 30px 0px 30px 0px;}
.news_time .time_d { display: block; overflow: hidden; font-size: 30px; line-height: 40px; color: #FFFFFF; font-weight: bold;}
.news_time .time_y { display: block; overflow: hidden; font-size: 15px; line-height: 35px; color: #FFFFFF;}

.ul_mar { margin-top: 40px !important;}
.ul_article { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1520px; margin: 0px auto 0px auto;}
.ul_article li { width: 100%; height: auto; overflow: hidden; display: block; padding: 40px 0px; box-sizing: border-box; border-bottom: 2px solid #eaeaea;}
.ul_article li .con_bg { width: 100%; height: auto; min-height: 240px; overflow: hidden; display: block; position: relative; padding-left: 420px; box-sizing: border-box; }
.ul_article li .img { width: 360px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%); border-radius: 20px;}
.ul_article li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.ul_article li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.ul_article li .tit { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.ul_article li .tit a { display: block; overflow: hidden; font-size: 23px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap; transition: all .3s;}
.ul_article li .des { width: 100%; height: 70px; overflow: hidden; font-size: 16px; line-height: 35px;  color: #777777; margin-top: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ul_article li .time { display: block; overflow: hidden; font-size: 15px; font-style: italic; color: rgba(0,0,0,.3); margin-top: 15px; line-height: 30px;}
.ul_article li .more {  display: block; overflow: hidden; margin-top: 30px;}
.ul_article li .more a { display: block; overflow: hidden; font-size: 23px; line-height: 50px; color: #1069ad;}
.ul_article li:hover .more a { color: #ef7d1a;}
.article_time { width: 70px; height: auto; overflow: hidden; display: block; position: absolute; text-align: center; z-index: 10; padding: 5px 0px; left: 0; top: 0; background: rgba(5,85,146,.8); border-radius: 20px 0px 20px 0px;}
.article_time .time_d { display: block; overflow: hidden; font-size: 25px; line-height: 35px; color: #FFFFFF; font-weight: bold;}
.article_time .time_y { display: block; overflow: hidden; font-size: 13px; line-height: 30px; color: #FFFFFF;}


.pagelist { width: 100%; height: auto; overflow: hidden; display: block; text-align: center; font-size: 0; margin-top: 60px;  }
.pagination { display: inline-block; height: auto; overflow: hidden; text-align: center; font-size: 0; vertical-align:middle;}
.pagination li { width: 40px; font-size: 15px; line-height: 40px; overflow: hidden; display: inline-block; vertical-align: middle; margin: 20px 8px 0px 8px; background: #EEEEEE; border-radius: 100%;}
.pagination li a { display: block; overflow: hidden; border-radius: 100%; text-align: center; color: #555555; }
.pagination li.active { background: #1069AD; border-radius: 100%;}
.pagination li.active a { padding: 0px; color: #FFFFFF;}
.pagination li.b { width: auto; background: none; margin: 20px 12px 0px 12px;}

.show_wd { width: 94%; height: auto; min-height: 770px; overflow: hidden; display: block; max-width: 1540px; margin: 30px auto 0px auto; box-sizing: border-box; padding-right: 340px; position: relative; }
.show_left { width:100%; height: auto; overflow: hidden; display: block; padding: 10px; box-sizing: border-box; float: left;}
.show_news { width: 100%; height: auto; overflow: hidden; display: block; background: #FFFFFF; box-shadow: 0px 0px 15px rgba(16,105,173,.08); border-radius: 20px 20px 0px 0px; padding:30px 40px 60px 40px; box-sizing: border-box;}
.show_tit { display: block; font-size: 23px; line-height: 40px; color: #000000; text-align: center; font-weight: 400; }
.show_default { width: 100%; height: auto; overflow: hidden; display:block; text-align: center; font-size: 13px; line-height: 25px; color: #777777; margin-top: 10px; border-bottom: 1px solid #e6e6e6; padding-bottom: 25px;}
.show_default .span { margin-left: 15px; display: inline-block;}
.show_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #444444; margin-top: 30px; border-bottom: 1px dashed #dddddd; padding-bottom: 40px;}
.show_con p {overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #444444; }
.show_con img { max-width: 100%; margin: 20px auto 0px auto; display: block; overflow: hidden;}
.show_fanye { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px; position: relative; box-sizing: border-box;}
.show_fy_li { display: block; font-size: 15px; line-height: 30px; overflow: hidden; margin-top: 5px; color: #333333; text-overflow:ellipsis; white-space: nowrap; float: left; width: 100%;}
.show_fy_li strong { color: #1069AD;}
.show_right { width:320px; height: auto; overflow: hidden; display: block; padding: 10px; box-sizing: border-box; position: absolute; z-index: 9; right: 0; top: 0;}
.show_r_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; border-radius:20px 20px 0px 0px; box-shadow: 0px 0px 15px rgba(16,105,173,.08); padding: 30px 25px; box-sizing: border-box;}
.show_r_h { display: block; overflow: hidden; font-size: 23px; line-height: 35px; font-weight: bold; color: #1069AD; background: url(../img/news_btn.png) no-repeat left; padding-left: 35px; box-sizing: border-box;}
.show_r_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.show_r_ul li { width: 100%; height: auto; overflow: hidden; display: block; padding: 20px 0px; border-bottom: 1px solid #EAEAEA;}
.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/news_dot.png) no-repeat; left: 0px; top: 10px; display: block; overflow: hidden; position: absolute; z-index: 9;}
.show_r_ul li .tit { display: block; overflow: hidden; font-size: 15px; line-height: 28px;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.show_r_ul li .time { display: block; overflow: hidden; font-size: 14px; line-height: 20px; margin-top: 10px; color: #888888; font-style: italic;}

.contact_bg { width: 100%; height: auto; overflow:hidden; display: block; position: relative; background: #f7f9fa;}
.contact_l { width: 50%; height: auto; overflow: hidden; display: block; background: #ffffff; float: left; padding: 60px 0px;}
.contact_con { width: 80%; max-width: 600px; height: auto; overflow: hidden; display: block; float: right; margin-right: 10%;}
.contact_r { width: 50%; height: auto; overflow: hidden; display: block; float: right; padding: 60px 0px 0px 0px;}
.contact_cat { display: block; overflow: hidden; font-size: 35px; line-height: 45px; font-weight:bold; color: #000000;}
.contact_cat_en { display: block; overflow: hidden; font-size: 22px; line-height: 35px; font-weight: bold; color: #dddddd; text-transform: uppercase; font-family: arial;}
.contact_hr { width: 25px; height: 5px; display: block; overflow: hidden; background: #1069AD; margin-top: 25px;}
.contact_tit { display: block; overflow: hidden; font-size: 23px; line-height: 40px; font-weight:bold; color: #000000; margin-top: 35px;}
.contact_info { display: block; overflow: hidden; font-size: 18px; line-height: 50px; color: #000000; margin-top: 10px;}
.contact_ma { width: 160px; height: auto; overflow: hidden; display: block; padding: 10px 10px 0px 10px; margin-top: 10px; }
.contact_ma_img { width: 100%; height: auto; display: block; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,.1);}
.contact_ma_p { display: block; overflow: hidden; text-align: center; font-size: 15px; line-height: 30px; margin-top: 10px; color: #888888;}
.mes_bg { width: 80%; height: auto; overflow: hidden; display: block; max-width: 550px; margin-left: 10%;}
.mes_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.mes_ul li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.mes_ul li .text { width: 100%; height: 50px; display: block; overflow: hidden; border: 1px solid #dddddd; background: #ffffff; font-size: 15px; line-height: 48px; color: #333333; outline: none; border-radius: 10px; padding: 0px 15px; box-sizing: border-box;}
.mes_ul li .test { width: 100%; height: auto; min-height: 120px; display: block; overflow: hidden; border: 1px solid #dddddd; background: #ffffff; font-size: 15px; line-height: 32px; color: #333333; outline: none; border-radius: 10px; padding: 5px 15px; box-sizing: border-box; font-family: "microsoft yahei";}
.mes_ul li .submit { width: 200px; height: 50px; display: block; overflow: hidden; border: none; outline: none; background: #1069AD; font-size: 17px; line-height: 50px; text-align: center; letter-spacing: 2px; font-family: "microsoft yahei";  color: #FFFFFF; border-radius: 10px; margin: 20px auto 0px auto;}
.map { width: 100%; height: 720px; display: block; overflow: hidden;}
.BMapLabel { display: none !important;}
.BMap_bubble_title { width: 100% !important; font-size: 13px !important; line-height: 25px; display: block; overflow: hidden;  word-wrap: break-word !important; word-break: normal !important;}
.BMap_bubble_title p{ width: 100% !important; font-size: 13px !important; line-height: 25px; display: block; overflow: hidden;  word-wrap: break-word !important; word-break: normal !important;}

.hr_logo { width: 60%; height: auto; overflow: hidden; display: block; max-width: 340px; margin: 40px auto 0px auto;}
.hr_cat { display: block; overflow: hidden; font-size: 40px; font-weight: bold; color: #000000; margin-top: 25px; line-height: 50px; text-align: center;}
.hr_cat_en { display: block; overflow: hidden; font-size: 20px; font-weight: bold; color: #cccccc; line-height: 30px; text-align: center; text-transform: uppercase; font-family: arial; margin-top: 10px;}
.hr_cat_des { display: block; overflow: hidden; font-size: 18px; color: #333333; margin-top: 25px; line-height: 30px; text-align: center;}

.ul_hr { width: 94%; max-width: 1520px; height: auto; margin: 20px auto 0px auto; overflow: hidden; display: block;}
.ul_hr li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 100px; position: relative;}
.ul_hr li .con { width: 45%; height: auto; overflow: hidden; display: block; position: relative; background: url(../img/hr_bg.png) no-repeat left top; padding: 20px 0px 30px 0px; text-align: left;}
.ul_hr li .img { width: 50%; height: 100%; position: absolute; z-index: 9; top: 0; display: block; overflow: hidden; border-radius: 20px;}
.ul_hr li.li1 .con { float: right;}
.ul_hr li.li2 .con { float: left;}
.ul_hr li.li1 .img { left: 0;}
.ul_hr li.li2 .img { right: 0;}
.ul_hr li .dot { width: 40px; height: 35px; display: block; overflow: hidden; background: url(../img/hr_dot.png) no-repeat center; margin-top: 40px;}
.ul_hr li .tit {display: block; font-size: 35px; line-height: 45px; font-weight: bold; overflow: hidden; margin-top: 40px; color: #000000;}
.ul_hr li .des {display: block; font-size: 17px; line-height: 40px; overflow: hidden; margin-top: 30px; color: #000000; min-height: 160px;}
.hr_wd_bg { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1550px; margin: 40px auto 0px auto; padding: 15px; box-sizing: border-box;}
.hr_wd { width: 100%; height: auto; overflow: hidden; display: block; position: relative;  background: #ffffff; box-shadow: 0px 0px 15px rgba(0,0,0,.1); border-radius: 20px 20px 0px 0px; padding-bottom: 150px;}
.hr_h_bg { width: 100%; height:70px; display: block; overflow: hidden; background: url(../img/hr_tit.jpg) no-repeat center; padding: 0px 50px; box-sizing: border-box;}
.hr_h_bg li.li1 { width: 30%; height: 70px; display:block; overflow: hidden; float: left; padding-right: 40px; box-sizing: border-box;}
.hr_h_bg li.li2 { width: 23%; height: 70px; display:block; overflow: hidden; float: left; padding-right: 40px; box-sizing: border-box;}
.hr_h_bg li.li3 { width: 22%; height: 70px; display:block; overflow: hidden; float: left; padding-right: 40px; box-sizing: border-box;}
.hr_h_bg li.li4 { width: 20%; height: 70px; display:block; overflow: hidden; float: left; padding-right: 40px; box-sizing: border-box;}
.hr_h_bg li.li5 { width: 5%; height: 70px; display:block; overflow: hidden; float: left; padding-right: 40px; box-sizing: border-box;}
.hr_h_bg li .img { width: 30px; height: auto; overflow: hidden; float: left; margin-top: 20px;}
.hr_h_bg li .tit { display: inline-block; float: left; font-size: 20px; line-height: 30px; margin-top: 20px; color: #ffffff; margin-left: 15px;}

.list_dl{  width: 100%; height: auto; overflow: hidden; display: block; padding: 0px 50px; box-sizing: border-box;}
.list_dt{  width: 100%; height: auto; overflow: hidden;display: block; position: relative;}
.list_menu { width: 100%; height: 80px; overflow: hidden; display: block; border-bottom: 1px solid #c8dbe9;}
.list_menu li.li1 { width: 30%; height: 80px; text-align: left; line-height: 80px; font-size: 17px; color: #000000; float: left; overflow: hidden; padding-right: 40px; box-sizing: border-box;} 
.list_menu li.li2 { width: 23%; height: 80px; text-align: left; line-height: 80px; font-size: 17px; color: #000000; float: left; overflow: hidden; padding-right: 40px; box-sizing: border-box;} 
.list_menu li.li3 { width: 22%; height: 80px; text-align: left; line-height: 80px; font-size: 17px; color: #000000; float: left; overflow: hidden; padding-right: 40px; box-sizing: border-box;} 
.list_menu li.li4 { width: 20%; height: 80px; text-align: left; line-height: 80px; font-size: 17px; color: #000000; float: left; overflow: hidden; padding-right: 40px; box-sizing: border-box;} 

.list_dt_icon{ display: inline-block; width: 18px; height: 18px;background: url(../img/open.png) no-repeat center; margin-top: 31px; float: right;}
#open .list_dt_icon{ background: url(../img/off.png) no-repeat; }
.list_dd{ display: none; width: 100%; height: auto;  padding: 35px 300px 35px 35px; font-size:16px; color: #333333; line-height: 35px; box-sizing: border-box; background: #f2f2f2; position: relative;}
.list_ab { width: 145px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 1; right: 35px; bottom: 35px;}
.more_hr { width: 260px; height: 50px; display: block; overflow: hidden; border-radius: 50px; position: absolute; z-index: 9; bottom: 50px; left: 50%; transform: translateX(-50%);}
.more_hr a { display: block; overflow: hidden; background: #1069AD; color: #FFFFFF; text-align: center; font-size: 16px; line-height: 50px;}

.page_about_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1520px; margin: 50px auto 0px auto; }
.page_about_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative; min-height: 640px;} 
.page_about_left { width: 42%; height: auto; overflow: hidden; display: block; float: left;}
.page_about_tit { display: block; overflow: hidden; font-size: 35px; font-weight:bold; line-height: 45px; color: #000000; margin-top: 30px;}
.page_about_hr { width: 35px; height: 5px; display: block; overflow: hidden; background: #1069AD; margin-top: 25px;}
.page_about_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 32px; color: #333333; margin-top: 40px;}
.page_about_con p { font-size: 15px !important; line-height: 32px !important; color: #333333; display: block; overflow: hidden;}
.page_about_right { width: 50%; height: 100%; position: absolute; z-index: 9; right: 0; top: 0; border-radius: 0px 0px 0px 200px; display: block; overflow: hidden;}

.page_num_bg { width:94%; height: auto; max-width: 1520px; overflow: hidden; display: block; background: #FFFFFF; padding: 20px 0px; box-sizing: border-box; border-radius: 200px; box-shadow: 0px 0px 15px rgba(0,0,0,.1); margin: 60px auto 0px auto;}
.num_ul { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0;}
.num_ul li { width: 25%; height: auto; display: inline-block; vertical-align: top; text-align: center;  overflow: hidden; padding: 0px 20px; box-sizing: border-box;}
.num_ul li span.counter { font-size: 50px; line-height: 65px; color: #000000; font-weight: bolder; display: inline-block; vertical-align: middle;}
.num_ul li span.add01 { font-size: 50px; line-height: 65px; color: #000000; font-weight: bolder; display: inline-block; vertical-align: middle;}
.num_ul li span.add02 { font-size: 30px; color: #000000; font-weight: bolder; vertical-align: middle; display: inline-block; margin-left: 10px;}
.num_ul li .des { display: block; overflow: hidden; font-size: 17px; line-height: 25px; height: 50px; color: #777777; margin-top: 20px;}

.page_white { width: 94%; height: auto; overflow: hidden; display: block; background: #FFFFFF; max-width: 1520px; margin: 40px auto 0px auto; box-shadow: 0px 0px 15px rgba(0,0,0,.1); padding: 40px; box-sizing: border-box; border-radius: 25px 25px 0px 0px;}
.page_h { display: block; overflow: hidden; font-size: 35px; font-weight: bold; line-height: 45px; color: #000000; text-align: center;}
.page_hr { width: 40px; height: 5px; display: block; overflow: hidden; background: #1069AD; margin: 25px auto 0px auto;}
.page_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 16px; line-height: 35px; color: #444444; margin-top: 30px;  padding-bottom: 40px;}
.page_con p {overflow: hidden; display: block; font-size: 16px; line-height: 35px; color: #444444; }
.page_con img { max-width: 100%; margin: 20px auto 0px auto; display: block; overflow: hidden;}

.paro_gray_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f2f2f2; padding: 20px 0px 60px 0px;}
.pro_wd { width: 94%; height: auto; min-height: 640px; overflow: hidden; display: block; position: relative; max-width: 1520px; margin: 40px auto 0px auto; padding-left: 320px; box-sizing: border-box;}
.pro_left { width: 280px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.pro_l_tit { width: 100%; height: auto; overflow: hidden; display: block; background: #1069AD; border-radius: 15px 15px 80px 15px; padding:30px 35px; box-sizing: border-box;}
.pro_l_h { display: block; overflow: hidden; font-size: 40px; font-weight: bold; line-height: 45px; color: #FFFFFF;}
.pro_l_h span { display: block; overflow: hidden; font-size: 16px; font-weight: bold; font-family: arial; line-height: 30px; text-transform: uppercase; margin-top: 5px;}
.pro_nav { width: 100%; height: auto; overflow: hidden; display: block; background: #FFFFFF; padding: 20px; box-sizing: border-box; border-radius: 15px; margin-top: 20px;}
.pro_nav li { width: 100%; height: auto; overflow: hidden; display: block; border-top: 1px solid #eaeaea; box-sizing: border-box;}
.pro_nav li:first-child { border-top:1px solid #FFFFFF;}
.pro_nav li a { display: block; overflow: hidden; font-size: 16px; position: relative; line-height: 30px; padding: 12px 15px; box-sizing: border-box; border-radius: 10px; color: #333333;}
.pro_nav li a i { float: right; display: none; line-height: 30px;}
.pro_nav li:hover { border-top:1px solid #FFFFFF;}
.pro_nav li:hover a { background: #1069AD; color: #FFFFFF;}
.pro_nav li.cur a { background: #1069AD; color: #FFFFFF;}
.pro_nav li.cur a i { display: inline-block;}
.pro_right { width: 100%; height: auto; overflow: hidden; display: block; float: right; background: #FFFFFF; border-radius: 15px; padding: 25px 10px; box-sizing: border-box;}
.pro_cat_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 0px 20px; box-sizing: border-box;}
.pro_cat_con { width: 100%; height: auto; overflow: hidden; display: block; background: #f4f4f4; border-radius: 10px;}
.pro_catname { display: inline-block; overflow: hidden; float: left; font-size: 25px; font-weight: bold; color: #FFFFFF; float: left; line-height: 50px; padding: 0px 60px 0px 20px; background: url(../img/catname_bg.png) no-repeat right;}
.pro_catname span { font-size: 30px; margin-right: 10px;}
.pro_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_ul li { width: 33.3333%; height: auto; overflow: hidden; display: block; margin-top: 40px; padding: 0px 20px; float: left; box-sizing: border-box;}
.pro_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; border-radius: 10px;}
.pro_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_ul li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_ul li .tit { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 40px; box-sizing: border-box; margin-top: 10px;}
.pro_ul li .tit a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 35px; }
.pro_ul li .more { width: 25px; height: 25px; display: block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%); border-radius: 100%;}
.pro_ul li .more a { display: block; overflow: hidden; font-size: 19px; height: 25px; line-height: 22px; text-align: center; color: #FFFFFF; background: #cccccc; font-weight: bold; transition: all .3s;}
.pro_ul li:hover .more a { background: #1069AD; }
.pro_ul li .des { display: block; overflow: hidden; font-size: 14px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; color: #888888; margin-top: 5px;}

.pro_show_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 0px 25px; box-sizing: border-box; margin-top: 40px;}
.show_pro_tit { display: block; font-size: 23px; line-height: 40px; color: #000000; text-align: center; font-weight: bold; }
.show_default { width: 100%; height: auto; overflow: hidden; display:block; text-align: center; font-size: 13px; line-height: 25px; color: #777777; margin-top: 10px; border-bottom: 1px solid #e6e6e6; padding-bottom: 25px;}
.show_default .span { margin-left: 15px; display: inline-block;}
.show_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #444444; margin-top: 30px; border-bottom: 1px dashed #dddddd; padding-bottom: 40px;}
.show_con p {overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #444444; }
.show_con img { max-width: 100%; margin: 20px auto 0px auto; display: block; overflow: hidden;}

.pic_ul { width: 100%; height: auto; overflow: hidden; display: block; max-width: 1520px; margin: 0px auto;}
.pic_ul li { width: 33.3333%; height: auto; overflow: hidden; display: block; margin-top: 40px; padding: 0px 20px; float: left; box-sizing: border-box;}
.pic_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; border-radius: 10px;}
.pic_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pic_ul li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pic_ul li .tit { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 40px; box-sizing: border-box; margin-top: 10px;}
.pic_ul li .tit a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 35px; }
.pic_ul li .more { width: 25px; height: 25px; display: block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%); border-radius: 100%;}
.pic_ul li .more a { display: block; overflow: hidden; font-size: 19px; height: 25px; line-height: 22px; text-align: center; color: #FFFFFF; background: #cccccc; font-weight: bold; transition: all .3s;}
.pic_ul li:hover .more a { background: #1069AD; }

.kf_bg { display: inline-block; position: fixed; z-index: 99999; right: 0.5%; bottom: 15%; }
.kf_re { width: 35px; height: 35px; display: block; position: relative; margin-top: 15px;}
.kf_re_pc { width: 35px; height: 35px; display: block; position: relative; margin-top: 15px;}
.kf_tel { width: 35px; height: 35px; overflow: hidden; display: block; border-radius: 20%; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.kf_tel a { width: 35px; height: 35px; display: block; overflow: hidden; background: url(../img/kf_tel.png) no-repeat center #ffffff; background-size:20px 20px ; transition: all .3s;}
.kf_ma { width: 35px; height: 35px; overflow: hidden; display: block; border-radius: 20%; box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.kf_ma a { width: 35px; height: 35px; display: block; overflow: hidden; background: url(../img/kf_ma.png) no-repeat center #ffffff; background-size:20px 20px ; transition: all .3s;}
.kf_top { width: 35px; height:35px; overflow: hidden; display: block; border-radius: 20%; box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.kf_top a { width: 35px; height: 35px; display: block; overflow: hidden; background: #ffffff;font-size: 14px; text-align: center; line-height: 35px; color: #777777; font-family: arial; transition: all .3s;}
.kf_re:hover .kf_top a { color: #FFFFFF; background: #fdae05;}
.kf_re_pc:hover .kf_tel { box-shadow: none;}
.kf_re_pc:hover .kf_tel a { background: url(../img/kf_tel_h.png) no-repeat center #fdae05; background-size:20px 20px;}
.kf_re:hover .kf_ma { box-shadow: none;}
.kf_re:hover .kf_ma a { background: url(../img/kf_ma_h.png) no-repeat center #fdae05; background-size:20px 20px;}
.kf_re:hover .kf_top { box-shadow: none;}
.kf_ab01 { display: none; overflow: hidden;  position: absolute; z-index: 9; right: 34px; padding-right: 10px; top: 0; }
.kf_ab_tel { width: 150px; height: auto; overflow: hidden; display: block; background: #ffffff; padding: 10px; box-sizing: border-box; border-radius: 5px;}
.kf_tel_des { display: block; overflow: hidden; font-size: 15px; line-height: 23px; color: #777777; font-weight: 300;}
.kf_tel_des span { font-size: 16px; font-weight: 500; display: block; color: #f56f1f; margin-top: 3px;}
.kf_re_pc:hover .kf_ab01 { display: inline-block;}
.kf_ab02 { display: none; overflow: hidden;  position: absolute; z-index: 9; right: 34px; padding-right: 10px; top: 50%; transform: translateY(-50%); }
.kf_ab_ma { width: 120px; height: auto; overflow: hidden; display: block; background: #ffffff; box-sizing: border-box; padding: 5px; box-sizing:border-box ;}
.kf_ab_img { width: 100%; height: auto; overflow: hidden; display: block;}
.kf_ab_tit { display: block; overflow: hidden; font-size: 14px; line-height: 20px; color: #777777; margin-top: 5px; text-align: center; font-weight: 300;}
.kf_re:hover .kf_ab02 { display: inline-block;}
.kf_re_wap { width: 35px; height: 35px; display: none; position: relative; margin-top: 15px;}
.kf_re_wap:hover .kf_tel { box-shadow: none;}
.kf_re_wap:hover .kf_tel a { background: url(../img/kf_tel_h.png) no-repeat center #fdae05; background-size:20px 20px;}

.add_page_wd { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0;}
.add_page_left { width: 35%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle;}
.add_page_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 16px; line-height: 35px; color: #444444; margin-top: 40px;}
.add_page_con p {overflow: hidden; display: block; font-size: 16px; line-height: 35px; color: #444444; }
.add_page_con img { max-width: 100%; margin: 20px auto 0px auto; display: none; overflow: hidden;}
.add_page_right { width: 55%; height: auto; overflow: hidden; display: inline-block;  border-radius: 25px 25px 25px 60px; vertical-align: middle; margin-left: 10%;}
.add_page_h { display: block; overflow: hidden; font-size: 35px; font-weight: bold; line-height: 45px; color: #000000; }
.add_page_hr { width: 40px; height: 5px; display: block; overflow: hidden; background: #1069AD; margin-top: 25px;}
.add_page_white { width: 94%; height: auto; overflow: hidden; display: block; background: #FFFFFF; max-width: 1520px; margin: 40px auto 0px auto; box-shadow: 0px 0px 15px rgba(0,0,0,.1); padding: 60px; box-sizing: border-box; border-radius: 25px 25px 0px 0px;}