@charset "utf-8";
body {  margin:0; padding:0; font-family:"microsoft yahei", "微软雅黑";  font-weight: normal; background: #f4f4f4;}
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: #075ecb;}
/*public*/
.header_re { width: 100%; height: 110px; display:block; background: #ffffff;}
#headerMain { width: 100%; height: 110px; display: block; background:#ffffff; position: fixed; z-index: 9999999; top: 0; left: 0; transition: all .3s;}
.headerMain-bg { height: 90px !important; box-shadow: 0px 0px 8px rgba(0,0,0,.2);}
.header_wd { width: 94%; height: 110px; max-width: 1500px; margin: 0px auto; display: block; position: relative; transition: all .3s; padding: 0px 250px 0px 200px; box-sizing: border-box;}
.logo { width:185px; height: 75px; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%); transition: all .3s;}
.headerMain-bg .logo{ width: 160px !important; height: 65px;}
.headerMain-bg .header_wd { height: 90px !important;}
.top_tel { display: inline-block; overflow: hidden; font-size: 20px; font-weight: bold; line-height: 40px; color: #075ecb; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%); background: url(../img/dot_tel.png) no-repeat left; padding-left: 50px;}
.nav_ul { display:block; width: 100%; max-width: 960px; height:110px; text-align: center; font-size: 0; margin: 0px auto;}
.nav_ul li { display: inline-block; height: 110px; position: relative; width: 14.28%; float: left; transition: all .3s;}
.nav_ul li a { display: block; font-size: 20px; font-weight: bold; color: #000; overflow: hidden; line-height: 110px; transition: all .3s;}
.nav_ul li .hr { width: 0px; height: 3px; display: block; background: #075ecb; position: absolute; z-index: 9; left: 50%; transform: translateX(-50%); bottom: 0; transition: all .7s;}
.nav_ul li:hover .hr { width:35px;}
.nav_ul li.cur .hr { width:35px;}
.nav_ul li .child_bg { display:none; height: auto; overflow: hidden; width:170px; left: 50%; transform: translateX(-50%); position: absolute; z-index: 9; top: 110px; background:rgba(7,94,203,.9); padding: 15px 0px; box-sizing: border-box;}
.nav_ul li:hover .child_bg{ display: block;}
.nav_ul li dl { width: 100%; height: auto; overflow: hidden;  display: block; font-size: 0;}
.nav_ul li dl dd { display:block; overflow: hidden;}
.nav_ul li dl dd a { display: block; color: #ffffff; overflow: hidden; line-height: 20px !important; padding:8px 15px; font-size: 14px !important; font-weight: normal;}
.nav_ul li dl dd a:hover {color: #ffffff; text-decoration: underline;}
.headerMain-bg .nav_ul li { height: 90px;}
.headerMain-bg .nav_ul li a  { line-height: 90px; font-size: 17px;}
.headerMain-bg .nav_ul li .child_bg { top: 90px;}
.nav_img { display: none;}
.wap_tel { display: none;}
.a_txt { display: none;}
.banner_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.swiper-banner { width: 100%; display: block; overflow: hidden; margin: 0px;}
.banner_bg li { position: relative; height: auto; overflow: hidden; display: block;}
.banner_bg li .img { width: 100%; height: auto; overflow: hidden; display: block; }
.banner_bg li .img img { width: 100%; height: auto; overflow: hidden; display: block; opacity: .5;}
.banner_bg li.swiper-slide-active .img img{ opacity: 1;}

.banner_bg .swiper-pagination-banner { width: 100%; height: 18px; text-align: center; position: absolute; bottom: 5%; z-index: 9;}
.banner_bg .swiper-pagination-bullet {  background:#ffffff; width:10px; height: 10px; box-sizing: border-box; border-radius: 100%; margin: 0px 5px; opacity: 1; vertical-align: middle; outline: none;}
.banner_bg .swiper-pagination-bullet-active { width: 18px; height: 18px; background:none; border: 3px solid #ffffff; outline: none; box-sizing: border-box;}
.banner_bg .swiper-button-next-banner { width: 40px; height: 40px; position: absolute; outline: none; z-index: 9; right: 5%; top: 50%; transform: translateY(-50%); background: url(../img/banner_r.png) no-repeat; cursor:pointer; opacity: .6; }
.banner_bg .swiper-button-prev-banner { width: 40px; height: 40px; position: absolute; outline: none; z-index: 9; left: 5%; top: 50%; transform: translateY(-50%); background: url(../img/banner_l.png) no-repeat; cursor:pointer; opacity: .6; }

.width { width: 94%; height: auto; overflow: hidden; display: block; position: relative; margin: 0px auto; max-width: 1500px;}
.imore_bg { width: 200px; height: 40px; display: block; overflow: hidden; margin: 60px auto 0px auto;}
.imore_bg a { display: block; font-size: 14px; line-height: 40px; overflow: hidden; border-radius: 40px; color: #ffffff; text-align: center; background: #075ecb; transition: all .3s;}
.imore_bg a:hover { background: #f55b0d;}
.ione_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f2f2f2; padding: 70px 0px;}
.itit { display: block; font-size: 30px; line-height: 45px; color: #000000; overflow: hidden; font-weight: bold; text-align: center;}
.itit_p { display: block; font-size: 15px; line-height: 30px; color: #777777; overflow: hidden; text-align: center; margin-top: 5px; padding: 0px 25px; box-sizing: border-box;}
.itit2 { display: block; font-size: 30px; line-height: 45px; color: #ffffff; overflow: hidden; font-weight: bold; text-align: center;}
.itit_p2 { display: block; font-size: 15px; line-height: 30px; color: #ffffff; overflow: hidden; text-align: center; margin-top: 5px;}

.ione_list { width: 100%; height: auto; overflow: hidden; display: block;  margin-top: 60px;}
.ione_list li { display: block; overflow: hidden; padding: 5px; box-sizing: border-box;}
.ione_list li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; border-radius: 10px 10px 0px 0px; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.ione_list li .con_bg .img_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.ione_list li .con_bg .img_ab { width: 100%; height:100%; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.ione_list li .con_bg .img_ab img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.ione_list li:hover .con_bg .img_ab img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.ione_list li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 20px 15px; box-sizing: border-box;}
.ione_list li .tit_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 40px; box-sizing: border-box;}
.ione_list li .tit { width: 100%; height: auto; overflow: hidden; display: block; font-size: 16px; line-height: 25px; }
.ione_list li .tit a { color: #000000; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ione_list li .tit_ab { width: 20px; height: 20px; border-radius: 100%; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%);}
.ione_list li .tit_ab a { width: 100%; height: 100%; display: block; overflow: hidden; background: #cccccc; transition: all .3s;}
.ione_list li:hover .tit_ab a { background: #f55b0d;}
.ione_list li .des { width: 100%; height: auto; overflow: hidden; display: block; font-size: 14px; line-height: 25px; margin-top: 8px; color: #666666; text-overflow: ellipsis; white-space: nowrap;}
.ione_list .swiper-pagination-one { width: 100%; height: auto; text-align: center; position: relative;  margin-top: 50px; overflow: hidden; }
.ione_list .swiper-pagination-one .swiper-pagination-bullet { margin: 0px 3px; opacity: .2; width: 12px; height: 12px; border: none; outline: none;}
.ione_list .swiper-pagination-one .swiper-pagination-bullet-active { opacity: 1; background:#075ecb;}

.itow_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; padding: 70px 0px;}
.itow_list { width: 100%; height: auto; overflow: hidden; display: block;  margin-top: 25px;}
.itow_list li { width: 33.3333%; height: auto; overflow: hidden; padding: 0px 17.5px; box-sizing: border-box; margin-top: 35px; float: left;}
.itow_list li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; border-radius: 10px 10px 0px 0px; position: relative;}
.itow_list li .con_bg .img_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.itow_list li .con_bg .img_ab { width: 100%; height:100%; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.itow_list li .con_bg .img_ab img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.itow_list li:hover .con_bg .img_ab img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.itow_list li .tit_bg { width: 100%; height: 60px;  display: block;  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7)); overflow: hidden; position: absolute; z-index: 9; left: 0; bottom: 0; padding: 0px 15px; box-sizing: border-box;}
.itow_list li .tit { width: 100%; height: auto; overflow: hidden; display: block; font-size: 17px; line-height: 60px; position: relative; padding-right: 40px; box-sizing: border-box;}
.itow_list li .tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ffffff;}
.itow_list li .tit_ab { width: 20px; height: 20px; border-radius: 100%; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%);}
.itow_list li .tit_ab a { width: 100%; height: 100%; display: block; overflow: hidden; background:rgba(255,255,255,.3); transition: all .3s;}
.itow_list li:hover .tit_ab a { background: #f55b0d;}

.ithree_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f2f2f2; padding: 70px 0px;}
.ithree_list { width: 100%; height: auto; overflow: hidden; display: block;  margin-top: 35px;}
.ithree_list li { width: 33.3333%; height: auto; overflow: hidden; padding: 17.5px; box-sizing: border-box;  float: left;}
.ithree_list li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; position: relative; box-shadow: 0px 0px 5px rgba(0,0,0,.2); padding: 20px; box-sizing: border-box;}
.ithree_list li .con_re { width: 100%; min-height: 200px; overflow: hidden; display: block; position: relative; padding-left: 200px; box-sizing: border-box;}
.ithree_list li .img_bg { width:200px; height: 100%; overflow:hidden ; display: block; position:absolute; left: 0; top: 0; z-index: 5;}
.ithree_list li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 10px 10px 10px 35px; box-sizing: border-box;}
.ithree_list li .tit { display: block; font-size: 18px; line-height: 30px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ithree_list li .hr { width: 20px; height: 3px; display: block; overflow: hidden; background: #075ecb; margin-top: 5px;}
.ithree_list li .des { width: 100%; height: 60px; overflow: hidden; display: block; font-size: 13px; line-height: 30px; color: #555555; margin-top: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ithree_list li .more { display: block; overflow: hidden; font-size: 13px; line-height: 25px; margin-top: 20px;}
.ithree_list li .more a { color: #888888;}
.ithree_list li .more a:hover { color: #075ecb;}

.ifour_bg { width: 100%; height: auto; overflow: hidden; display: block; background: url(../img/ifour_bg.jpg) no-repeat center; background-size:cover ; padding: 60px 0px;}
.ifour_wd { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 60px;}
.swiper-four { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-four li { display: block; overflow: hidden;}
.swiper-four li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; border-radius: 10px; }
.swiper-four li .tit { width: 100%; height: auto; overflow: hidden; display: block; background: #075ecb; text-align: center; font-size: 25px; font-weight: bold; line-height: 60px; color: #ffffff; padding: 0px 30px; box-sizing: border-box;}
.swiper-four li .tit a { display: block; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.swiper-four li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; padding: 40px 5%; box-sizing: border-box; text-align: center;}
.swiper-four li .list_bg { width: 100%; height: auto; overflow: hidden; min-height: 210px; display: block; text-align: left;}
.swiper-four li .list_01 { width: 100%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 5%; box-sizing: border-box;}
.swiper-four li .list_02 { width: 50%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 5%; box-sizing: border-box;}
.swiper-four li .list_bg a { display: block; font-size: 15px; line-height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.swiper-four li .list_bg a span { font-weight: bold; margin-right: 5px;}
.swiper-four li .mes_bg { display: inline-block; overflow: hidden; margin: 15px auto 0px auto;}
.swiper-four li .mes_bg a { display: block; padding: 7px 35px; overflow: hidden; background: #f55b0d; border-radius: 45px; font-size: 14px; line-height: 25px; color: #ffffff;}
.swiper-four li .mes_bg a span { width: 25px; height: 25px; float: left; margin-right: 5px;}
.ifour_bg .swiper-pagination-four { width: 100%; height: auto; text-align: center; position: relative;  margin-top: 50px; overflow: hidden; }
.ifour_bg .swiper-pagination-four .swiper-pagination-bullet { margin: 0px 5px; opacity: .5; width: 12px; height: 12px; background: #FFFFFF;}
.ifour_bg .swiper-pagination-four .swiper-pagination-bullet-active { opacity: 1; background:#ffffff;}


.ifive_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f2f2f2; padding: 70px 0px;}
.ifive_list { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.ifive_list li { width: 20%; height: auto; overflow: hidden; display: block; float: left; padding: 12.5px; box-sizing: border-box;}
.ifive_list li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; box-shadow: 0px 0px 5px rgba(0,0,0,.1); background: #ffffff; position: relative;}
.ifive_list li .con_bg .img { width: 100%; height: auto; overflow: hidden; display: block; border-radius: 10px;}
.ifive_list li .con_bg .img_ab { width: 100%; height: 100%; overflow: hidden; display: block; position:absolute; z-index: 9; left: 0; top: 0; border-radius: 10px;}

.isix_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; min-height: 300px; position: relative;}
.isix_left { width: 50%; height:100%; overflow: hidden; display: block; position:absolute;  left: 0; top: 0; z-index: 1;}
.isix_add { display: inline-block; position: absolute; z-index: 5; right: 10%; top: 50%; transform: translateY(-50%); text-align: center;}
.isix_add_h { display: block; font-size: 50px; line-height: 70px; color: #ffffff; font-weight: bold; overflow: hidden;}
.isix_add_p { display: block; font-size: 35px; line-height: 50px; color: #ffffff; font-weight: bold; overflow: hidden; margin-top: 10px;}
.isix_right { width: 50%; height: auto; overflow: hidden; display: block; padding: 60px 0px; float: right;}
.isix_con { width: 100%; height: auto; overflow: hidden; display: block; max-width: 800px; padding: 0px 60px; box-sizing: border-box;}
.isix_tit { display: block; font-size: 30px; font-weight: bold; line-height: 40px; color: #333333; overflow: hidden;}
.isix_hr { width: 30px; height: 5px; display: block; overflow: hidden; background: #000000; margin-top: 10px;}
.isix_des { width: 100%; height: auto; overflow: hidden; margin-top: 40px; font-size: 15px; line-height: 35px; color: #333333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.isix_more { width: 160px; height: 40px; display: block; overflow: hidden; margin-top: 50px;}
.isix_more a { display: block; font-size: 14px; line-height: 40px; overflow: hidden; border-radius: 40px; color: #ffffff; text-align: center; background: #075ecb; transition: all .3s;}
.isix_more a:hover { background: #f55b0d;}

.iseven_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f2f2f2; padding: 70px 0px;}
.iseven_list { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.iseven_list li { width: 33.3333%; height: auto; overflow: hidden; display:block; float: left; margin-top: 20px; padding: 0px 30px; box-sizing: border-box;}
.iseven_list li .con_bg { width: 100%; height: auto; overflow: hidden; display: block;}
.iseven_list li .tit { width: 100%; height: auto; overflow: hidden; display: block; font-size: 23px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap;}
.iseven_list li .des { width: 100%; height: 64px; overflow: hidden; margin-top: 15px; font-size: 14px; line-height: 32px; color: #777777; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.iseven_list li .time { display: block; font-size: 13px; line-height: 20px; overflow: hidden; margin-top: 20px; color: #777777;}

.ieight_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #FFFFFF; padding: 70px 0px;}
.ieight_img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 35px;}
.ieight_img_li { width: 50%; height: auto; overflow: hidden; display: block; float: left;}
.ieight_list { width: 105%; height: auto; overflow: hidden; display: block; margin: 0px -2.5%; }
.ieight_list li { width: 50%; height: auto; overflow: hidden; display:block; float: left; margin-top: 30px; padding: 0px 45px; box-sizing: border-box;}
.ieight_list li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 20px 0px; border-bottom: 1px solid #dddddd;}
.ieight_list li .tit { width: 100%; height: auto; overflow: hidden; display: block; font-size: 23px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap; }
.ieight_list li .tit span { font-weight: bold;}
.ieight_list li:first-child .tit span:before {  color: #ff0000; content: '01.';}
.ieight_list li:nth-child(2) .tit span:before {  color: #f54c0a; content: '02.';}
.ieight_list li:nth-child(3) .tit span:before {  color: #f56d0a; content: '03.';}
.ieight_list li:last-child .tit span:before {  color: #f8a008; content: '04.';}
.ieight_list li .des { width: 100%; height: 60px; overflow: hidden; margin-top: 15px; font-size: 14px; line-height: 30px; color: #777777; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.icontact_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px; background: url(../img/icontact_bg.jpg) no-repeat center; background-size: cover;}
.icontact_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1250px; margin: 0px auto;}
.icontact_ma { width: 165px; height: auto; overflow: hidden; display: block; float: left; margin-top: 60px;}
.icontact_ma_h { display: block; font-size: 18px; font-weight: bold; color: #000000; line-height: 25px; overflow: hidden;}
.icontact_ma_img { width:100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.icontact_ma_img img { width: 100%; height: auto; overflow: hidden; display: block;}
.icontact_info { width: 25%; min-width: 375px; height: auto; overflow: hidden; display: block; float: left; margin-left: 5%; margin-top: 40px;}
.icontact_info li { width: 100%; height: auto; min-height: 35px; overflow: hidden; display: block; position: relative; padding-left: 50px; box-sizing: border-box; margin-top: 20px;} 
.icontact_info li .dot { width: 35px; height: 35px; position: absolute; z-index: 9; left: 0; top: 0; overflow: hidden; display: block; background: #075ecb;}
.icontact_info li .tit { display: block; font-size: 16px; line-height: 35px; overflow: hidden; color: #000000;}
.imes_ul { width: 55%; height: auto; overflow: hidden; display: block; float: right; margin-top: 45px; max-width: 500px;}
.imes_ul li { width: 100%; height: auto; overflow: hidden; display: block; }
.imes_ul li .text_bg { width: 50%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 10px; box-sizing: border-box; margin-top: 15px;}
.imes_ul li .text { border: 1px solid #888888; width: 100%; height: auto; box-sizing: border-box; padding: 0px 8px; font-size:14px ; line-height: 35px; color: #444444; outline: none; border-radius: 3px;}
.imes_ul li .test_bg { width: 100%; height: auto; overflow: hidden; display: block;  padding: 0px 10px; box-sizing: border-box; margin-top: 15px;}
.imes_ul li .test { border: 1px solid #888888; width: 100%; height:auto; min-height: 70px; box-sizing: border-box; font-family: "microsoft yahei"; padding: 5px 8px; font-size:14px ; line-height: 25px; color: #444444; outline: none; border-radius: 3px;}
.imes_ul li .submit { width: 125px; height: 35px; display: block; overflow: hidden; border: none; border-radius: 5px; margin: 15px auto 0px auto; background: #075ecb; outline: none; text-align: center; font-size: 14px; line-height: 35px; color: #ffffff; font-family: "microsoft yahei";}

.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #212121; padding: 70px 0px 40px 0px; }
.foot_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1300px; margin: 0px auto; position: relative;}
.foot_con { width: 100%; height: auto; display: block; overflow: hidden; text-align: center;}
.foot_h { display: block; font-size: 25px; font-weight: bold; line-height: 35px; color: #ffffff; text-align: center; overflow: hidden;}
.foot_bq { display: block; font-size: 14px; line-height: 30px; overflow: hidden; text-align: center; color: #999999; margin-top: 15px;}
.foot_bq a { color: #999999;}
.foot_zc { display: inline-block; font-size: 14px; line-height: 35px; overflow: hidden; padding: 0px 25px; border: 1px solid #646464; margin-top: 15px; color: #999999; clear: both;}
.foot_share { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0; text-align: center; margin-top: 45px;}
.foot_share li { display: inline-block; width: 25px; height: 25px; overflow: hidden; margin: 0px 15px;}
.foot_share li a { display: block; overflow: hidden; transition: all .3s;}
.foot_share li:hover a { opacity: .5;}

.btn_wx_bg { width: 100%; height:100%; display: block; position: fixed; top: 0px; left: 0px; overflow: hidden; background:rgba(0,0,0,.7);  z-index: 99999999; }
.btn_wx_con { width:220px; height:auto; display: block; position: absolute; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden;}
.btn_close { width: 40px; height: 40px; display: block; overflow: hidden; margin: 20px auto 0px auto;}	
.btn_wx_img { width: 100%; height: auto; overflow: hidden; display: block; margin: 0px auto; border: 10px solid #ffffff; box-sizing: border-box;}
.btn_wx_tit { display: block; font-size: 15px; text-align: center; line-height: 30px; margin-top:10px; color: #ffffff; overflow: hidden;}

.foot_left {  display: inline-block; overflow: hidden; position: absolute; z-index: 9; top: 0; left: 0; text-align: left;}
.foot_right {  display: inline-block; overflow: hidden; position: absolute; z-index: 9; top: 0; right: 0; text-align: right; max-width: 240px;}
.foot_tit { display: block; font-size: 18px; font-weight: bold; line-height: 35px; color: #cccccc;}
.foot_nav { overflow: hidden; display: block; margin-top: 15px;}
.foot_nav li { display: block; font-size: 13px; line-height: 35px; overflow: hidden; }
.foot_nav li a { color: #999999;}
.foot_nav li a:hover { color: #ffffff;}
.foot_info { display: block; font-size: 13px; line-height: 35px; overflow:hidden; color: #999999; margin-top: 15px;}
.foot_mar { width: 100%; height: 60px; display: block; overflow: hidden;}
.foot_tel { display: none;}

.banner_n { width: 100%; height: auto; overflow: hidden; display: block; padding: 100px 0px 80px 0px;}
.banner_tit { display: block; text-align: center; font-size: 35px; color: #FFFFFF; font-weight: bold; line-height: 40px;}
.banner_des { display: block; text-align: center; font-size:19px; color: #FFFFFF; line-height: 30px; margin-top: 25px;}
.banner_dot { width: 17px; height: 24px; display: block; margin: 30px auto 0px auto; overflow: hidden; background: url(../img/banner_dot.png) no-repeat;}

.left_bg { width: 18%; height: auto; overflow: hidden; display: block; margin-top: 35px; float: left;}
.left_tit_bg { width: 100%; height: 50px; display: block; overflow: hidden; background: #096deb; }
.left_tit { width: 100%; height: auto; overflow: hidden; display: block; font-size: 20px; line-height: 50px; color: #ffffff; padding: 0px 20px; box-sizing: border-box;}
.left_menu { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px;}
.left_menu li { width: 100%; height: auto; overflow: hidden; display: block; background: #eeeeee; border-left: 5px solid #cccccc; box-sizing: border-box; margin-top: 6px; transition: all .3s;}
.left_menu li .tit { display: block; font-size: 16px; line-height: 35px; overflow: hidden;}
.left_menu li .tit a { padding: 5px 20px; box-sizing: border-box; display: block; overflow: hidden; color: #333333;}
.left_menu li:hover {border-left: 5px solid #096DEB; background: #096DEB;}
.left_menu li:hover .tit a { color: #FFFFFF;}
.left_menu li.cur {border-left: 5px solid #096DEB;}
.right_bg { width:82%; height: auto; overflow: hidden; display: block; float: right; padding-left: 45px; box-sizing: border-box; margin-top: 35px;}
.right_tit { width: 100%; height: auto; overflow: hidden; display: block; font-size: 23px; line-height: 45px; font-weight: bold; color: #333333; padding-bottom: 5px; box-sizing: border-box; border-bottom: 1px solid #dddddd;}
.right_tit span { margin-right: 5px;}
.list_wd { display: none;}
.ul_article { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.ul_article li { width: 100%; height: auto; overflow: hidden; display: block; padding: 20px 0px; border-bottom: 1px solid #dddddd;}
.ul_article li .tit_bg { width: 100%; position: relative; height: auto; overflow: hidden; display: block; padding-right: 100px; box-sizing: border-box;}
.ul_article li .tit { width: 100%; height: auto; overflow: hidden; font-size: 16px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap;}
.ul_article li .time { position: absolute; z-index: 9; right: 0; top: 0; font-size: 13px; line-height: 30px; color: #777777; overflow: hidden; display: inline-block;}
.ul_article li .des { width: 100%; height: auto; overflow: hidden; font-size: 13px; line-height: 25px; color: #777777; margin-top: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.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: 13px; line-height: 25px; overflow: hidden; display: inline-block; vertical-align: middle; margin: 0px 3px;}
.pagination li a { padding: 0px 5px;}
.pagination li.active { background: #096DEB; border-radius: 3px;}
.pagination li.active a { padding: 0px 7px; 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;}

.show_tit { display: block; font-size: 20px; font-weight: bold; line-height: 35px; color: #333333; text-align: center; margin-top: 30px;}
.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 #dddddd; padding-bottom: 10px;}
.show_default .span { margin-left: 10px; display: inline-block;}
.show_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 30px; color: #444444; margin-top: 20px;}
.show_con p {overflow: hidden; display: block; font-size: 14px; line-height: 32px; color: #444444; }
.show_con img { max-width: 90%; margin: 20px auto; display: block; overflow: hidden;}
.show_fanye { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px; border-top: 1px solid #dddddd; padding-top: 20px;}
.show_fy_li { display: block; font-size: 15px; line-height: 30px; overflow: hidden; margin-top: 5px; color: #333333;}

.ul_pic { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.ul_pic li { width: 33.3333%; height: auto; overflow: hidden; display: block; padding: 5px 15px; box-sizing: border-box; margin-top: 20px; float: left;}
.ul_pic li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; border-radius: 10px 10px 0px 0px; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.ul_pic li .con_bg .img_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.ul_pic li .con_bg .img_ab { width: 100%; height:100%; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.ul_pic li .con_bg .img_ab img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.ul_pic li:hover .con_bg .img_ab img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.ul_pic li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 20px 15px; box-sizing: border-box;}
.ul_pic li .tit_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 40px; box-sizing: border-box;}
.ul_pic li .tit { width: 100%; height: auto; overflow: hidden; display: block; font-size: 16px; line-height: 25px; }
.ul_pic li .tit a { color: #000000; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ul_pic li .tit_ab { width: 20px; height: 20px; border-radius: 100%; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%);}
.ul_pic li .tit_ab a { width: 100%; height: 100%; display: block; overflow: hidden; background: #cccccc; transition: all .3s;}
.ul_pic li:hover .tit_ab a { background: #f55b0d;}
.ul_pic li .des { width: 100%; height: auto; overflow: hidden; display: block; font-size: 14px; line-height: 25px; margin-top: 8px; color: #666666; text-overflow: ellipsis; white-space: nowrap;}

.ul_list { width: 100%; height: auto; overflow: hidden; display: block; }
.ul_list li { display: block; overflow: hidden; width: 100%; height: auto; padding: 35px 0px; border-bottom: 1px solid #e6e6e6;}
.ul_list li .con_re_bg { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 180px; min-height: 150px; box-sizing: border-box; position: relative;}
.ul_list li .img { width: 150px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 5; top: 0; left: 0;}
.ul_list li .con { width: 100%; height: auto; overflow: hidden; display: block; box-sizing: border-box;}
.ul_list li .tit_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;  box-sizing: border-box;}
.ul_list li .tit { width: 100%; display: block; font-size: 18px; line-height: 35px; overflow: hidden; }
.ul_list li .tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.ul_list li .des { color:#7a7a7a; font-size: 14px; line-height:30px; display: block; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ul_list li .more { width: 120px; height: 30px; display: block; overflow: hidden; margin-top: 20px; border-radius: 5px;}
.ul_list li .more a { display: block; font-size: 14px; line-height: 30px; text-align: center; color: #ffffff; background: #0078cc; transition: all .3s;}
.ul_list li .more a:hover { background: #0b91ee;}

.contact_wd { width: 94%; height: auto; overflow: hidden; display: block; position: relative; margin: 0px auto; max-width: 1100px;}
.contact_left { width: 42%; height: auto; overflow: hidden; display: block; margin-top: 50px; float: left;}
.contact_h { display: block; font-size: 23px; font-weight: bold; line-height: 35px; color: #333333;}
.contact_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 17px; line-height: 32px; color: #444444; margin-top: 20px;}
.contact_con p {overflow: hidden; display: block; font-size: 17px; line-height: 32px; color: #444444; }
.contact_ma { width: 160px; height: auto; overflow: hidden; display: block; margin-top: 10px;}
.contact_ma .img { display: block; width: 100%; height: auto; overflow: hidden;}
.contact_ma .tit { display: block; font-size: 14px; text-align: center; line-height: 30px; margin-top: 5px; color: #333333;}

.contact_right { width: 50%; height: auto; overflow: hidden; display: block; margin-top: 50px; float: right;}
.mes_ul { width: 100%; height: auto; overflow: hidden; display: block; float: right; margin-top: 10px; }
.mes_ul li { width: 100%; height: auto; overflow: hidden; display: block; }
.mes_ul li .text_bg { width: 100%; height: auto; overflow: hidden; display: block; float: left;  box-sizing: border-box; margin-top: 10px;}
.mes_ul li .text { border: 1px solid #888888; width: 100%; height: auto; box-sizing: border-box; padding: 0px 8px; font-size:14px ; line-height: 35px; color: #444444; outline: none; border-radius: 3px;}
.mes_ul li .test_bg { width: 100%; height: auto; overflow: hidden; display: block;   box-sizing: border-box; margin-top: 10px;}
.mes_ul li .test { border: 1px solid #888888; width: 100%; height:auto; min-height: 70px; box-sizing: border-box; font-family: "microsoft yahei"; padding: 5px 8px; font-size:14px ; line-height: 25px; color: #444444; outline: none; border-radius: 3px;}
.mes_ul li .submit { width: 125px; height: 35px; display: block; overflow: hidden; border: none; border-radius: 5px; margin: 15px auto 0px auto; background: #075ecb; outline: none; text-align: center; font-size: 14px; line-height: 35px; color: #ffffff; font-family: "microsoft yahei";}
.map_img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}


.ione_wap_bg { display: none;}
.hezuo_h { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 50px; font-size: 25px; text-align: center; line-height: 40px; color: #333333; font-weight: bold;}
.hezuo_hr { width: 40px; height: 5px; display: block; background: #333333; margin: 15px auto 0px auto;}

.gongshi_wd { width: 94%; height: auto; overflow: hidden; display: block; position: relative; margin: 0px auto; max-width: 1300px;}
.gongshi_con { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 50px;}
.gongsi_catname { display: block; font-size: 18px; line-height: 35px; font-weight: bold; overflow: hidden;  color: #000000;}
.gongsi_catname span { color: #0078CC; margin-right: 8px; font-size: 25px;}
.gongshi_ul { width: 100%; height: auto; overflow: hidden; display: block; }
.gongshi_ul li { width: 25%; height: auto; overflow: hidden; display: block; padding: 5px 15px; box-sizing: border-box; float: left; margin-top: 25px;}
.gongshi_ul li .white_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; box-shadow: 0px 0px 5px rgba(0,0,0,.1); padding: 15px; box-sizing: border-box;}
.gongshi_ul li .re_bg { width: 100%; height: 80px; display: block; overflow: hidden; position: relative;}
.gongshi_ul li .img { width:120px; height:auto;  display: block; position: absolute; z-index: 9;left: 0; top: 50%; transform: translateY(-50%);}
.gongshi_ul li .img img { max-width: 120px; max-height: 80px; width: auto; height: auto; display: block; overflow: hidden; margin: 0px auto;}
.gongshi_ul li .con { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 5; right: 0; top: 50%; transform: translateY(-50%); padding-left: 130px; box-sizing: border-box;}
.gongshi_ul li .con .tit { display: block; font-size: 16px; line-height: 25px; overflow: hidden;}

.kf_bg { width: 50px; height: auto; min-height: 100px; display: block; position: fixed; z-index: 99999; right: 2%; bottom: 30%;  border-radius: 60px; background: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); padding:10px 0px; box-sizing: border-box;}
.kf_re { width: 35px; height: 35px; display: block; position: relative; margin: 0px auto;}
.kf_re a.a1 { display: block; width: 35px; height: 35px; overflow: hidden; border-radius: 100%; background:url(../img/dot_kf.png) no-repeat #ffffff; transition: all .3s; }
.kf_re:hover a.a1 { background:url(../img/dot_kf_h.png) no-repeat #fb8a04;}
.kf_re a.a2 { display: block; width: 35px; height: 35px; overflow: hidden; border-radius: 100%; background:url(../img/dot_phone.png) no-repeat #ffffff; transition: all .3s; }
.kf_re:hover a.a2 { background:url(../img/dot_phone_h.png) no-repeat #fb8a04;}
.kf_re a.a3 { display: block; width: 35px; height: 35px; overflow: hidden; border-radius: 100%; background:url(../img/dot_ma.png) no-repeat #ffffff; transition: all .3s;}
.kf_re:hover a.a3 { background:url(../img/dot_ma_h.png) no-repeat #fb8a04;}
.kf_re a.a4 { display: block; width: 35px; height: 35px; overflow: hidden; border-radius: 100%; background:#ffffff; transition: all .3s; font-size: 12px; text-align: center; line-height: 35px; color: #333333; font-family: arial;}
.kf_re:hover a.a4 { background:#fb8a04; color: #ffffff;}

.kf_ab01 { width: 170px; height: auto; overflow: hidden; display: none; position: absolute; z-index: 9; right:40px; padding:10px 20px 10px 10px; top: 50%; transform: translateY(-50%);}
.kf_re:hover .kf_ab01 { display: block;}
.kf_ab02 { width: 150px; height: auto; overflow: hidden; display: none; position: absolute; z-index: 9; right:40px; padding:10px 20px 10px 10px; top: 0%; transform: translateY(-50%);}
.kf_re:hover .kf_ab02 { display: block;}
.kf_ab_bg { width: 100%; height: auto; overflow: hidden; display: block; background:#ffffff; padding: 10px; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(0,0,0,.2); border-radius: 5px;}
.kf_tit { display: block; font-size: 15px; line-height: 25px; overflow: hidden; color: #000000}
.kf_tit a { color: #444444;}
.kf_tit a span { display: block; color: #fd5d05; font-size: 13px;}
.kf_hr { width: 20px; height: 1px; display: block; overflow: hidden; margin: 10px auto; background: #DDDDDD;}
.kf_img { width: 100%; height: auto; overflow: hidden; display: block;}
.kf_img_tit { display: block; font-size: 14px; line-height: 25px; margin-top: 5px; color: #555555; text-align: center; overflow: hidden;}