@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: #007ac1;}
/*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: 1600px; margin: 0px auto; display: block; position: relative; transition: all .3s; padding: 0px 200px 0px 380px; box-sizing: border-box;}
.logo { width:320px; 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: 280px !important; height: auto;}
.headerMain-bg .header_wd { height: 90px !important;}
.top_right { display: inline-block; overflow: hidden; font-size: 0; position: absolute; z-index: 99; right: 0; top: 50%; transform: translateY(-50%);}
.top_search { width: 25px; height: 25px; display: inline-block; overflow: hidden;vertical-align: middle;}
.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 #f3e009;}
.btn_close { width: 40px; height: 40px; display: block; overflow: hidden; margin: 40px auto 0px auto;}	
.lau_bg { display: inline-block; vertical-align: middle; overflow: hidden; margin-left: 45px;}
.lau_bg a { display: block; overflow: hidden; font-size: 23px; font-weight: bold; color: #000000; line-height: 30px; background: url(../img/dot_lau.png) no-repeat left; padding-left: 40px; box-sizing: border-box;}
.lau_bg a:hover { color: #007AC1;}

.nav_ul { display:block; width: 100%;  height:110px; text-align: center; font-size: 0; margin:0px auto 0px auto;}
.nav_ul li { display: inline-block; height: 110px; position: relative; width: 12.5%; float: left; transition: all .3s;  padding: 0px 10px; box-sizing: border-box;}
.nav_ul li a { display: block; font-size: 17px; color: #000; overflow: hidden; line-height: 35px; transition: all .3s; text-align: center; background: #FFFFFF; border-radius: 35px; overflow: hidden; height: 35px; margin-top: 37.5px;}
.nav_ul li:hover a { color: #0377c4; font-weight: bold;}
.nav_ul li.cur a { background: #007dc6; color: #FFFFFF;}
.nav_ul li .child_bg { display:none; height: auto ; overflow: hidden; width:170px; left: 50%; margin-left: -85px; position: absolute; z-index: 9; top: 110px; background:rgba(0,122,193,.8); 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; margin: 5px 0px;}
.nav_ul li dl dd a { display: block; color: #ffffff !important; font-weight: normal !important; overflow: hidden; height: auto !important; margin-top: 0px; line-height: 20px !important; padding:8px 15px; font-size: 15px !important; font-weight: normal; background: none !important;}
.nav_ul li dl dd a:hover {text-decoration: underline;}
.headerMain-bg .nav_ul li { height: 90px;}
.headerMain-bg .nav_ul li a  { line-height: 35px; font-size: 17px; margin-top: 27.5px;}
.headerMain-bg .nav_ul li .child_bg { top: 90px;}
.headerMain-bg .nav_ul li dl dd a { margin-top: 0px !important;}
.nav_img { 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: 1600px;}
.imore_bg { display: inline-block; float: right; height: 30px; margin-top: 20px;}
.imore_bg a { display: block; font-size: 14px; line-height: 30px; overflow: hidden; border-radius: 40px; color: #AAAAAA; transition: all .3s;}
.imore_bg a:hover { color: #007ac1;}
.ione_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px;}
.itit { display: inline-block; font-size: 40px; line-height: 50px; color: #007ac1; overflow: hidden; font-weight: bold; text-align: center; float: left;}
.itit_p { display: inline-block; font-size: 17px; line-height: 30px; color: #000000; overflow: hidden; text-align: center; float: left; margin: 20px 0px 0px 30px;}
.itit2 { display: block; font-size: 40px; line-height: 50px; color: #ffffff; overflow: hidden; font-weight: bold; text-align: center;}
.itit_p2 { display: block; font-size: 17px; line-height: 30px; color: #ffffff; overflow: hidden; text-align: center; margin-top: 20px;}
.ione_list { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.ione_left { width: 50%; height: auto; display: block; overflow: hidden; float: left; position: relative;}
.ione_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.ione_re .img_re { width: 100%; height: auto; overflow: hidden; display: block;}
.ione_re .img_ab { width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0; background: #000000; opacity: 0; transition: all .3s;}
.ione_re .img_ab a { display: block; width: 100%; height: 100%; overflow: hidden;}
.ione_re img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.ione_re:hover img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.ione_re:hover .img_ab { opacity: .2;}
.ione_link_bg { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 10; padding:0px 50px; box-sizing: border-box; left: 0; top: 30px;}
.ione_tit { display: block; overflow: hidden; font-size: 23px; line-height: 40px; font-weight: bold;}
.ione_tit a { color: #fff;}
.ione_more { display: block; overflow: hidden; width: 100px; height: auto; margin-top: 15px;}
.ione_more a { display: block; overflow: hidden; border: 1px solid #007ac1; color: #007AC1; font-size: 14px; line-height: 30px; box-sizing: border-box; border-radius: 5px; text-align: center; background: rgba(0,122,193,.0); transition: all .3s;}
.ione_more a:hover { background:rgba(0,122,193,1); color: #FFFFFF;}
.ione_right { width: 50%; height: auto; display: block; overflow: hidden; float: left; position: relative;}
.ione_r01 { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 10px; box-sizing: border-box; float: left;}
.ione_r02 { width: 50%; height: 318px; overflow: hidden; display: block; padding-left: 10px; box-sizing: border-box; float: left; margin-bottom: 10px;}


.iys_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px; background: url(../img/iyoushi_bg.jpg) no-repeat center; background-size:cover ;}
.ys-tab { width: 100%; height: auto; overflow: hidden; display: block; position: relative; margin: 60px auto 0px auto; max-width: 1500px;}
.ys_re { width: 100%; height: auto; overflow: hidden; display: block;}
.ys-hd { width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 99; bottom: 0; left: 0;}
.ys-hd li{ float:left; width:16.66666%; cursor:pointer; height: 100%; overflow: hidden; display: block; position: relative; border-right: 1px solid rgba(255,255,255,.3); box-sizing: border-box;}
.ys-hd li:last-child { border: none;}
.ys-bd { width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.ys-bd li{display:none; width: 100%; height: auto; overflow: hidden; }
.ys-bd li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ys-bd li.thisclass{ display:list-item;}
.ys-zhezhao { width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; left: 0; overflow: hidden;}
.ys_color { width: 100%; height: 0px; display: block; overflow: hidden; position: absolute; z-index: 9; background: #004da0; transition: all .3s; bottom: 0;} 
.ys-hd li:hover .ys_color { height: 100%;}
.ys_con { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 11; bottom: 0px; transition: all .7s; padding: 0px 14%; box-sizing: border-box;}
.ys-hd li:hover .ys_con { bottom: 15%;}
.ys_con .tit { display: block; overflow: hidden; font-size: 25px; line-height: 35px; font-weight: bold; color: #FFFFFF;}
.ys_con .des { display: block; overflow: hidden; font-size: 17px; line-height: 30px; height: 60px; margin-top: 20px; color: #FFFFFF; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ys_con .dot_img { width: 50px; height: 50px; overflow: hidden; display: block; margin-top: 30px;}
.ys_con .miaoshu { width: 100%; height: 0px; overflow: hidden; display: block; font-size: 15px; line-height: 30px; margin-top: 0px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #b9d0e9; transition: all .3s;}
.ys-hd li:hover .ys_con .miaoshu { height: 90px; margin-top: 30px;}
.ys_zx { width: 110px; height: 0; overflow: hidden; display: block; margin-top: 0px; transition: all .5s;}
.ys_zx a { display: block; overflow: hidden; border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 15px; line-height: 35px; text-align: center; box-sizing: border-box;); transition: all .3s; border-radius:8px ;}
.ys_zx a:hover { background: #eb5704; border: 1px solid #eb5704;}
.ys-hd li:hover .ys_zx { height: 37px; margin-top: 60px;}
.ys_mar { width:100%; height: 40px; display: block; overflow: hidden;}
.wap_ys { display: none;}

.ithree_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px;}
.ithree_bg .swiper-three { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.ithree_bg .swiper-three li { display: block; overflow: hidden;}
.ithree_bg li .img { width: 100%; height: auto; overflow: hidden; display: block; border: 10px solid #e2e2e2; box-sizing: border-box; transition: all .3s;}
.ithree_bg li:hover .img { border: 10px solid #4fb7f3;}
.ithree_bg li img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.ithree_bg li:hover img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.ithree_bg li .tit { display: block; overflow: hidden; width: 100%; height: 30px; position: relative; padding-right: 50px; padding-left: 15px; box-sizing: border-box; margin-top: 25px; background: url(../img/dot_list.png) no-repeat left;}
.ithree_bg li .tit a { display: block; overflow: hidden; font-size: 18px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; color: #000000;}
.ithree_bg li .tit a:hover { color: #007ac1;}
.ithree_bg li .more { display: inline-block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0; }
.ithree_bg li .more a { color: #aaaaaa !important; font-size: 23px !important; line-height: 30px;}
.ithree_bg li:hover .more a { color: #007AC1 !important;}
.ithree_bg li .xinghao { display: block; overflow: hidden; font-size: 15px; line-height: 25px; color: #ea5603; margin-top: 5px; box-sizing: border-box;}
.ithree_bg li .xinghao span {  margin-right: 5px;}
.ithree_bg li .des { display: block; overflow: hidden; font-size: 15px; line-height: 25px; color: #888888; margin-top: 15px; text-overflow: ellipsis; white-space: nowrap; }
.ithree_bg li .hr { width: 100%; height: 3px; background: #e2e2e2; display: block; overflow: hidden; border-left: 30px solid #ea5603; box-sizing: border-box; margin-top: 30px;}
.ithree_bg .swiper-pagination-three { position: relative; text-align: center; width: 100%; height: auto; overflow: hidden; margin-top: 60px;}
.ithree_bg .swiper-pagination-three .swiper-pagination-bullet { margin: 0px 5px; width: 14px; height: 14px; background: #dddddd; opacity: 1;}
.ithree_bg .swiper-pagination-three .swiper-pagination-bullet-active { background:#1998e2;}
.ipro_ul { display: none;}
/*background:url(../img/ifour_bg.jpg) no-repeat top left;*/
.ifour_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px;background-color:#f3f3f3;  background-size:cover ;}
.iabout_left { width: 46.5%; height: auto; overflow: hidden; display: block; float: left;}
.iabout_tit_bg { width: 100%; height:auto; overflow: hidden; display: block;}
.iabout_hr { width: 25px; height: 5px; display: block; overflow: hidden; background: #ea5603; margin-top: 25px;}
.iabout_content { width: 100%; height: 280px; overflow: hidden; display: block; font-size: 16px; line-height: 40px; color: #444444; margin-top: 35px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.iabout_content p { overflow: hidden; display: block; font-size: 16px; line-height: 40px; color: #444444;}
.iabout_more { width: 140px; height: auto; overflow: hidden; display: block; margin-top: 50px;}
.iabout_more a { display: block; overflow: hidden; border: 1px solid #777777; text-align: center; border-radius: 5px; color: #555555; transition: all .3s; box-sizing: border-box; font-size: 15px; line-height: 35px; transition: all .3s;}
.iabout_more a:hover { color: #FFFFFF; border: 1px solid #007ac1; background: #007ac1;}
.iabout_right { width: 47%; height: auto; overflow: hidden; display: block; float: right; position: relative;}
.iabout_right .swiper-video { width: 100%; height: auto; overflow: hidden; display: block;}
.iabout_right .swiper-video li { display: block; overflow: hidden;}
.iabout_right .swiper-video li .con { width: 100%; height: auto; overflow: hidden; display: block; position: relative; border-radius: 15px;}
.iabout_right .swiper-video li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.iabout_right .swiper-video li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.iabout_right .swiper-video li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.iabout_right .swiper-video li .btn { width: 55px; height: 60px; display: block; overflow: hidden; position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.iabout_right .swiper-video li .tit_bg { width: 100%; height: 40px; display: block; overflow: hidden; padding: 0px 170px 0px 20px; box-sizing: border-box; position: absolute; z-index: 9; left: 0; bottom: 0; background: rgba(0,0,0,.3);}
.iabout_right .swiper-video li .tit_bg a { display: block; overflow:hidden ; font-size: 16px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; color: #FFFFFF;}
.iabout_right .swiper-pagination-video { display: inline-block; white-space: nowrap; overflow: hidden; position: absolute; z-index: 10; bottom: 15px; right: 25px;}
.iabout_right .swiper-pagination-video .swiper-pagination-bullet { margin: 0px 5px; width: 20px; height: 5px; background: #ffffff; opacity: .3; border-radius: 5px;}
.iabout_right .swiper-pagination-video .swiper-pagination-bullet-active { background:#ea5f11; opacity: 1;}

.num_ul { width: 94%; height: auto; overflow: hidden; display: block; margin: 65px auto 0px auto; max-width: 1600px; background: #FFFFFF; border-radius: 20px; box-shadow: 0px 0px 15px rgba(0,0,0,.1); padding: 30px 0px;}
.num_ul li { width: 20%; height: auto; overflow: hidden; padding: 0px 5%; box-sizing: border-box; margin-top: 30px; float: left; background: url(../img/num_hr.png) no-repeat left center;}
.num_ul li:first-child{ background: none;}
.num_ul li .tit { display: block; font-size: 17px; line-height: 35px; font-family: impact; text-align: center; vertical-align: bottom; color: #000000;}
.num_ul li .tit span { font-size: 40px; line-height: 60px; font-weight: bold; font-family: arial; vertical-align: bottom; margin-right: 15px; color: #007ac1;}
.num_ul li .des { display: block; overflow: hidden; font-size: 15px; line-height: 30px; color: #000000; height: 60px; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 15px;}

.inews_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px;}
.inews_left { width: 47%; height: auto; overflow: hidden; display: block; float: left; margin-top: 45px;}
.inews_left .con_bg { width: 100%; height: auto; overflow: hidden; display: block;}
.inews_left .img { width: 100%; height: auto; overflow: hidden; display: block;}
.inews_left .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.inews_left .img:hover img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.inews_tit_bg { width: 100%; height: auto; min-height: 75px; overflow: hidden; display: block; position: relative; margin-top: 35px; padding-left: 80px; box-sizing: border-box;}
.inews_time { display: inline-block; overflow: hidden; position: absolute; z-index: 9; left: 0; top: 0; font-size: 14px; color: #777777; line-height: 30px;}
.inews_time span { display: block; overflow: hidden; font-size: 42px; line-height: 45px; font-weight: bold; color: #333333; text-align: center;}
.inews_info { width: 100%; height: auto; overflow: hidden; display: block; background: url(../img/news_dot.png) no-repeat left; padding-left: 30px; box-sizing: border-box;}
.inews_info .tit { width: 100%; height: auto; overflow: hidden; display: block;}
.inews_info .tit a { display: block; overflow: hidden; font-size: 20px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap;}
.inews_info .des { display: block; overflow: hidden; font-size: 15px; line-height: 25px; color: #888888; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap;}

.inews_right { width: 48%; height: auto; overflow: hidden; display: block; float: right; margin-top: 20px;}
.inews_right li { border-bottom: 1px solid #ebebeb; width: 100%; height: auto; overflow: hidden; display: block; padding: 40px 0px;}
.inews_right li .inews_r_bg { width: 100%; height: auto; min-height: 75px; overflow: hidden; display: block; position: relative; padding-left: 80px; box-sizing: border-box;}

.ihr_bg { width: 100%; height: 680px; overflow: hidden; display: block; position: relative; }
.ihr_ab_wd { width: 94%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 9; max-width: 1600px; left: 50%; top: 0px; transform: translateX(-50%);}
.ihr_ab { width: 50%; height:auto; overflow: hidden; display: block; position: absolute; z-index: 10; max-width: 540px; left: 0; top: 50%; transform: translateY(-50%);}
.ihr_tit { display:block; font-size: 40px; line-height: 50px; color: #007ac1; overflow: hidden; font-weight: bold;}
.ihr_p { display: block; font-size: 17px; line-height: 35px; color: #000000; overflow: hidden; margin: 50px 0px 0px 0px;}


.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; background: url(../img/foot_bg.jpg) no-repeat center; background-size:cover ; padding: 70px 0px 40px 0px; }
.foot_logo { width: 17%; height: auto; overflow: hidden; display: block; float: left; max-width: 265px; margin-top: 15px;}
.foot_nav_tit { display: inline-block; overflow: hidden; font-size: 18px; font-weight: bold; line-height: 30px; margin-right: 35px; margin-top: 15px;}
.foot_nav_tit a { color: #FFFFFF;}
.foot_nav1 { width: 18%; height: auto; overflow: hidden; display: block; float: left; margin-left: 7%;}
.foot_ul1 { width: 175px; height: auto; overflow: hidden; display: block; float: left; margin-top: 20px;}
.foot_ul1 li { display: inline-block; overflow: hidden; float: left; margin-right: 35px;}
.foot_ul1 li a { display: block; overflow: hidden; font-size: 15px; line-height: 35px; color: rgba(255,255,255,.7);} 
.foot_ul1 li a:hover { color: rgba(255,255,255,1);}
.foot_nav2 { width: 25%; height: auto; overflow: hidden; display: block; float: left;}
.foot_ul2 { width: 320px; height: auto; overflow: hidden; display: block; float: left; margin-top: 20px;}
.foot_ul2 li { display: inline-block; overflow: hidden; float: left; margin-right: 35px;}
.foot_ul2 li a { display: block; overflow: hidden; font-size: 15px; line-height: 35px; color: rgba(255,255,255,.7);} 
.foot_ul2 li a:hover { color: rgba(255,255,255,1);}
.foot_cat_bg { width: 100%; height: auto; overflow: hidden; display: block; float: left; margin-top: 10px;}
.foot_nav3 { width: 80px; height: auto; overflow: hidden; display: block; float: left; }
.foot_nav3 li { display: block; overflow: hidden; font-size: 18px; font-weight: bold; line-height: 30px; margin-top: 15px;}
.foot_nav3 li a { color: #FFFFFF;}
.foot_right { width: 18%; height: auto; overflow: hidden; display: block; float: right;}
.foot_info { display: block; font-size: 15px; line-height: 35px; overflow:hidden; color:rgba(255,255,255,.7); margin-top: 15px;}
.foot_mar { width: 100%; height: 60px; display: block; overflow: hidden;}
.flink_bg { width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid rgba(255,255,255,.4); margin-top: 45px; padding: 25px; box-sizing: border-box;}
.flink_re { width: 100%; height: auto; overflow: hidden; position: relative; padding-left: 120px; box-sizing: border-box; min-height: 70px;}
.flink_h { width: 100px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.flink_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.flink_ul li { display: inline-block; overflow: hidden; float: left; margin: 0px 15px;}
.flink_ul li a { color: #FFFFFF; font-size: 15px; line-height: 40px; display: block;}
.flink_ul li a:hover { text-decoration: underline;}
.banquan_bg { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 30px; margin-top: 25px; color: #FFFFFF; text-align: center;}
.banquan_bg span { margin-left: 25px;}
.banquan_bg a { color: #FFFFFF;}


.banner_n { width: 100%; height:520px; overflow: hidden; display: block; }
.page_wd { width: 100%; height: auto; overflow: hidden; padding: 70px 0px;}
.page_cat { display: block; overflow: hidden; font-size: 40px; line-height: 50px; text-align: center; color: #007ac1; font-weight: bold; }
.page_cat_hr { width: 25px; height: 5px; display: block; overflow: hidden; margin: 25px auto 0px auto; background: #ea5603;}
.page_cat2 { display: block; overflow: hidden; font-size: 40px; line-height: 50px; text-align: center; color: #ffffff; font-weight: bold; }
.page_cat_hr2 { width: 25px; height: 5px; display: block; overflow: hidden; margin: 25px auto 0px auto; background: #ea5603;}


.pic_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.pic_ul li { width: 33.3333%; height: auto; overflow: hidden; display: block; padding: 0px 1.5%; box-sizing: border-box; margin-top: 50px; float: left;}
.pic_ul li .img_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.pic_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.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 .btn { width: 55px; height: 60px; display: block; position: absolute; overflow: hidden; opacity: .8; z-index: 9; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.pic_ul li .tit_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 100px; box-sizing: border-box; margin-top: 20px;}
.pic_ul li .tit { display: block; overflow: hidden; width: 100%; height: auto;}
.pic_ul li .tit a { display: block; overflow: hidden; font-size: 17px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap;}
.pic_ul li .more { width: 60px; height: 25px; display: block; overflow: hidden; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); right: 0;}
.pic_ul li .more a { display: block; overflow: hidden; background: #bbbbbb; text-align: center; color: #FFFFFF; transition: all .3s; border-radius: 25px; font-size: 14px; line-height: 25px;}
.pic_ul li:hover .more a { background: #ea5603;}
.pic_ul li .time { display: block; overflow: hidden; font-size: 14px; line-height: 25px; color: #aaaaaa; font-style: italic; margin-top: 5px;}
.pic_ul li .hr { width: 100%; height: 3px; display: block; overflow: hidden; background: url(../img/pic_hr.png) no-repeat left; margin-top: 25px;}
.pic_ul li .t { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.pic_ul li .t a { display: block; overflow: hidden; text-align: center; font-size: 16px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap;}

.pagelist { width: 100%; height: auto; overflow: hidden; display: block; text-align: center; font-size: 0; margin-top: 70px; }
.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;}

.contact_bg { width: 94%; height: auto; overflow:hidden; max-width: 1400px; display: block; position: relative; padding: 70px 0px; margin: 0px auto;}
.contact_l { width: 47%; height: auto; overflow: hidden; display: block; background: #ffffff; float: left; }
.contact_con { width: 100%; height: auto; overflow: hidden; display: block;}
.contact_r { width: 47%; height: auto; overflow: hidden; display: block; float: right; }
.contact_cat { display: block; overflow: hidden; font-size: 35px; line-height: 45px; font-weight:bold; color: #000000;}
.contact_cat_p { display: block; overflow: hidden; font-size: 16px; line-height: 35px; color: #333333; margin-top: 20px;}
.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: 40px; color: #333333; margin-top: 30px;}
.contact_ma { width: 180px; height: auto; overflow: hidden; display: block; margin-top: 40px; }
.contact_ma_img { width: 100%; height: auto; display: block; overflow: hidden; border: 1px solid #DDDDDD; box-sizing: border-box; padding: 5px;}
.contact_ma_p { display: block; overflow: hidden; text-align: center; font-size: 15px; line-height: 30px; margin-top: 15px; 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: 16px; line-height: 50px; text-align: center; font-family: "microsoft yahei";  color: #FFFFFF; border-radius: 5px; margin: 20px auto 0px auto; cursor: pointer;}
.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;}

.page_nav_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 40px 0px 30px 0px; background: #FFFFFF; }
.page_nav_h { display: inline-block; overflow: hidden; float: left; font-size: 35px; line-height: 45px; font-weight: bold; color: #007ac1;}
.page_nav_ul {display: inline-block; overflow: hidden; float: right; white-space: nowrap; font-size: 0; text-align: right;}
.page_nav_ul li { display: inline-block; overflow: hidden; margin-left: 50px; position: relative;}
.page_nav_ul li a { display: block; overflow: hidden; font-size: 17px; line-height: 30px; padding-bottom:20px; color: #777777;}
.page_nav_ul li .hr {width: 25px; height: 5px; background: #FFFFFF; display: block; overflow: hidden; position: absolute; z-index: 1; bottom: 0; border-radius: 5px; left: 50%; margin-left: -12.5px; transition: all .3s;}
.page_nav_ul li.cur .hr { background: #007ac1;}
.page_nav_ul li.cur a { color: #000000; font-size: 23px; font-weight: bold;}
.page_nav_ul li:hover a { color: #000000; font-weight: bold;}

.page_gray { width: 100%; height: auto; overflow: hidden; display: block; background: #F1F1F1; padding-bottom: 60px;}
.page_white { width: 94%; max-width: 1450px; margin: 50px auto 10px auto; border-radius: 10px; height: auto; overflow: hidden; background: #FFFFFF; padding: 50px 3%; box-sizing: border-box; }
.page_h { display: block; overflow: hidden; font-size: 25px; font-weight: bold; color: #007AC1; text-align: center; line-height: 35px;}
.page_hr { width: 30px; height: 5px; display: block; overflow: hidden; border-radius: 5px; background: #ea5603; margin: 20px auto 0px auto;}
.page_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 16px; line-height: 35px; color: #444444; margin-top: 40px;}
.page_con p {overflow: hidden; display: block; font-size: 16px; line-height: 35px; color: #444444; }
.page_con img { max-width: 90%; margin: 25px auto; display: block; overflow: hidden;}

.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; font-size:16px; color: #333333; line-height: 35px; box-sizing: border-box; background: #f2f2f2; position: relative;}
.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;}

.ul_article { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.ul_article li { width: 100%; height: auto; overflow: hidden; display: block; padding: 45px 0px; border-bottom: 1px solid #dddddd; font-size: 0;}
.ul_article li .img { width: 35%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle;}
.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 .info_bg { width: 61%; position: relative; height: auto; overflow: hidden; display:inline-block; margin-left: 4%; vertical-align: middle;}
.ul_article li .tit { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.ul_article li .tit a {font-size: 25px; line-height: 35px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ul_article li .time { display: block; overflow: hidden; font-size: 18px; line-height: 30px; color: #777777; font-style: italic;}
.ul_article li .des { width: 100%; height:70px; overflow: hidden; font-size: 16px; line-height: 35px; color: #888888; margin-top: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ul_article li .more { display: block; overflow: hidden; margin-top: 30px;}
.ul_article li .more a { display: inline-block; overflow: hidden; font-size:15px; line-height: 25px; color: #888888;}
.ul_article li:hover .more a { color: #007ac1;}

.show_wd { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 360px; box-sizing: border-box; margin-top: 50px;}
.show_left { width: 100%; height: auto; overflow: hidden; display: block; background: #FFFFFF; padding: 45px 3%; box-sizing: border-box; border-radius: 15px;}
.show_tit { display: block; font-size: 23px; font-weight: bold; line-height: 35px; color: #333333; text-align: center;}
.show_default { width: 100%; height: auto; overflow: hidden; display:block; text-align: center; font-size: 13px; line-height: 25px; color: #777777; margin-top: 20px; }
.show_default .span { margin-left: 10px; display: inline-block;}
.show_hr { width: 100%; height: 1px; display: block; overflow: hidden; background: #DDDDDD; margin-top: 15px; border-left: 20px solid #007ac1; border-right: 20px solid #007ac1; box-sizing: border-box;}
.show_con { width: 100%; height: auto; min-height: 600px; overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #333333; margin-top: 20px;}
.show_con p {overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #333333; }
.show_con img { max-width: 90%; margin: 20px auto; display: block; overflow: hidden;}
.show_fanye { width: 100%; height: auto; overflow: hidden; display: block; margin:60px auto 0px auto;  position: relative; padding-right: 300px; 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;}
.show_back { width: 150px; height: 45px; display: block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%); border-radius: 5px;}
.show_back a { display: block; overflow: hidden; font-size: 15px; line-height: 45px; color: #ffffff; background: #fca600; text-align: center; transition: all .3s;}
.show_back a:hover { background: #fc7700;}
.show_shipin { width: 100%; max-width: 900px; height: auto; overflow: hidden; margin: 40px auto; display: block;}
.show_shipin .vd_sp { width: 100%; height: auto; overflow: hidden; display: block;}
.show_info { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #333333; margin-top: 30px;}
.show_info p {overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #333333; }
.show_info img { max-width: 90%; margin: 20px auto; display: block; overflow: hidden;}


.show_right { width:320px; height: auto; overflow: hidden; display: block; 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; 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: 5px; height: 8px; background: url(../img/dot_list.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;}

.pro_wd { width: 100%; height: auto; overflow: hidden;display: block; position: relative; padding-left: 290px; box-sizing: border-box; margin-top: 70px;}
.left { width: 250px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 0;}
.left_tit { width: 100%; height: auto; overflow: hidden; display: block; background: #007ac1; color: #FFFFFF; font-weight: bold; border-radius: 10px; font-size: 30px; line-height: 70px; text-align: center;}
.left_nav_bg { width: 250px; height: auto; overflow: hidden; display: block; background: #FFFFFF; border-radius: 10px; padding: 10px 20px 25px 20px; margin-top: 25px; box-sizing: border-box;}
.left_nav_dl { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.left_nav_list { width: 100%; height: auto; overflow: hidden; position: relative;}
.left_pro_nav { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.left_nav_dl .tit_one { width: 100%; height: auto; overflow: hidden; display: block; position: relative; border-bottom: 1px solid #e2e2e2; padding: 10px 0px;}
.left_nav_dl .tit_cur { border-bottom: none;}
.left_nav_dl .tit_one a { display: block; font-size: 16px; line-height: 40px; overflow: hidden; color: #666666;}
.left_nav_dl .tit_one a:hover { color: #007ac1; font-weight: bold;}
.left_nav_dl dt { width: 15px; height: 15px; display: block; overflow: hidden; background: url(../img/dot_c.png) no-repeat center; position: absolute; z-index: 9; right: 0; top: 23px;}
.left_nav_dl dt.bg { background: url(../img/dot_o.png) no-repeat center;}
.left_nav_dl dt a { display: block; width: 15px; height: 15px; overflow: hidden;}
.left_nav_dl dd { display: none; height: auto; width: 100%; overflow: hidden; padding: 10px 10px 20px 10px; background: #F2F2F2; box-sizing: border-box;}
.left_nav_dl .tit_tow { display: block; width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.left_nav_dl .tit_tow a { display: block; font-size: 15px; line-height: 35px; color: #666666; padding: 0px 10%; box-sizing: border-box; overflow: hidden; border-radius: 5px;}
.left_nav_dl .tit_tow a:hover { color: #ffffff; background: #007ac1;}
.left_nav_dl .tit_tow a span { font-weight: bold; font-size: 17px; margin-right: 5px;}
.left_nav_dl #cur a { color: #FFFFFF; background: #007AC1;}
.left_nav_dl #sel { border-bottom: none;}
.left_nav_dl #sel a { font-weight: bold; color: #007ac1;}
.left_nav_dl .dd_sel { display: block !important;}
.left_ma { width: 160px; height: auto; overflow: hidden; display: block; margin: 25px auto 0px auto;}
.left_ma_img { width: 100%; height: auto; overflow: hidden; display: block; padding: 5px; border: 1px solid #DDDDDD; box-sizing: border-box;}
.left_ma_p { display: block; overflow: hidden; font-size: 14px; line-height: 25px; color: #666666; text-align: center; margin-top: 10px;}

.right { width: 100%; height: auto;  overflow: hidden; display: block; background: #FFFFFF; padding: 30px 10px 60px 10px; box-sizing: border-box; border-radius: 10px;}
.right_cat_bg { display:block; overflow: hidden; width: 100%; height: auto; }
.right_cat { display: inline-block; overflow: hidden; margin-left: 20px; background: #007AC1; color: #FFFFFF; padding: 0px 40px; font-size: 23px; line-height: 50px; border-radius: 10px;}
.right_cat span { font-weight: bold; margin-right: 10px;}
.pro_ul { width: 100%; height: auto; overflow: hidden; display: block; min-height: 800px;}
.pro_ul li { width: 33.3333%; height: auto; overflow: hidden; display: block; float: left; margin-top: 40px; padding: 0px 20px; box-sizing: border-box;}
.pro_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; border: 10px solid #e2e2e2; box-sizing: border-box; transition: all .3s;}
.pro_ul li:hover .img { border: 10px solid #4fb7f3;}
.pro_ul li img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_ul li:hover img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_ul li .tit { display: block; overflow: hidden; width: 100%; height: 30px; position: relative; padding-right: 50px; padding-left: 15px; box-sizing: border-box; margin-top: 25px; background: url(../img/dot_list.png) no-repeat left;}
.pro_ul li .tit a { display: block; overflow: hidden; font-size: 18px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; color: #000000;}
.pro_ul li .tit a:hover { color: #007ac1;}
.pro_ul li .more { display: inline-block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0; }
.pro_ul li .more a { color: #aaaaaa !important; font-size: 23px !important; line-height: 30px;}
.pro_ul li:hover .more a { color: #007AC1 !important;}
.pro_ul li .xinghao { display: block; overflow: hidden; font-size: 15px; line-height: 25px; color: #ea5603; margin-top: 5px; box-sizing: border-box;}
.pro_ul li .xinghao span {  margin-right: 5px;}
.pro_ul li .des { display: block; overflow: hidden; font-size: 15px; line-height: 25px; color: #888888; margin-top: 15px; text-overflow: ellipsis; white-space: nowrap; }
.pro_ul li .hr { width: 100%; height: 3px; background: #e2e2e2; display: block; overflow: hidden; border-left: 30px solid #ea5603; box-sizing: border-box; margin-top: 30px;}

.pro_show { width: 100%; height: auto;min-height: 900px; overflow: hidden; display: block; padding: 0px 20px; box-sizing: border-box; margin-top: 40px;}
.pro_img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px; text-align: center;}
.pro_img img { max-width: 90%; height: auto; overflow: hidden; display:inline-block; margin: 0px auto;}

.tab{ width:100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.tab-hd { background:#eeeeee; overflow:hidden; display: block; overflow: hidden; height: 50px; width: 100%;}
.tab-hd li{ float:left; width:150px; color:#333333; text-align:center; cursor:pointer; font-size: 17px; line-height: 50px;}
.tab-hd li.active{ background:#F60; color: #FFFFFF;}
.tab-bd li{display:none; width: 100%; height: auto; overflow: hidden; }
.tab-bd li.thisclass{ display:block;}
.tab-bd li .info { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px; font-size: 16px; line-height: 40px; color: #333333;}
.tab-bd li .info p { font-size: 16px; line-height: 40px; color: #333333;}
.tab-bd li .info img { max-width: 100%; height: auto; overflow: hidden; display: block;}
.mes_dl { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px; max-width: 600px;}
.mes_dl dd { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.mes_dl dd .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_dl dd .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_dl dd .submit { width: 200px; height: 50px; display: block; overflow: hidden; border: none; outline: none; background: #1069AD; font-size: 16px; line-height: 50px; text-align: center; font-family: "microsoft yahei";  color: #FFFFFF; border-radius: 5px; margin: 20px auto 0px auto; cursor: pointer;}
.pro_show_hr { width: 100%; height: 1px; background: #E2E2E2; display: block; overflow: hidden; margin-top: 60px;}

.about_wd { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0; margin-top: 60px;}
.about_left { width: 46%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle;}
.about_h { display: block; overflow: hidden; font-size:25px; font-weight: bold; color: #000000; line-height: 35px;}
.about_info { display: block; overflow: hidden; font-size:16px; color: #444444; line-height: 40px; margin-top: 35px;}
.about_info p { display: block; overflow: hidden; font-size:16px; color: #444444; line-height: 40px;}
.about_right { width: 48%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; margin-left: 6%; position: relative;}
.about_img { width: 100%; height: auto; overflow: hidden; display: block; border-radius: 15px;}
.video_btn { width: 55px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.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;}

.wenhua_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px; background: url(../img/wenhua_bg.jpg) no-repeat center; background-size:cover ;}
.wenhua_ul { width: 100%; height: auto; overflow: hidden; display: block; }
.wenhua_ul li { width: 33.333%; height: auto; overflow: hidden; display: block; margin-top: 60px; padding: 0px 2%; box-sizing: border-box; float: left;}
.wenhua_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; border: 5px solid #FFFFFF; box-sizing: border-box;}
.wenhua_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.wenhua_ul li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.wenhua_ul li .tit { display: block; overflow: hidden; text-align: center; font-size: 40px; font-weight: bold; color: #FFFFFF; margin-top: 20px; line-height: 50px;}
.wenhua_ul li .des { display: block; overflow: hidden; text-align: center; font-size: 23px; font-weight: bold; color: #FFFFFF; margin-top: 20px; line-height: 35px;}
.rongyu_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px; background:#EEEEEE ;}
.rongyu_bg .swiper-rongyu { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.rongyu_bg .swiper-rongyu li { display: block; overflow: hidden;}
.rongyu_bg li .img { width: 100%; height: auto; overflow: hidden; display: block;  transition: all .3s;}
.rongyu_bg li img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.rongyu_bg li:hover img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.rongyu_bg li .tit { display: block; overflow: hidden; width: 100%; height: auto; position: relative; margin-top: 15px; text-align: center;}
.rongyu_bg li .tit a { display: block; overflow: hidden; font-size: 18px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; color: #000000;}
.rongyu_bg li .tit a:hover { color: #007ac1;}
.rongyu_bg .swiper-pagination-rongyu { position: relative; text-align: center; width: 100%; height: auto; overflow: hidden; margin-top: 60px;}
.rongyu_bg .swiper-pagination-rongyu .swiper-pagination-bullet { margin: 0px 5px; width: 14px; height: 14px; background: #dddddd; opacity: 1;}
.rongyu_bg .swiper-pagination-rongyu .swiper-pagination-bullet-active { background:#1998e2;}

.page_wd .swiper-zhanshi { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.page_wd .swiper-zhanshi li { display: block; overflow: hidden;}
.swiper-zhanshi li .img { width: 100%; height: auto; overflow: hidden; display: block;  transition: all .3s;}
.swiper-zhanshi li img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.swiper-zhanshi li:hover img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.page_wd .swiper-pagination-zhanshi { position: relative; text-align: center; width: 100%; height: auto; overflow: hidden; margin-top: 60px;}
.page_wd .swiper-pagination-zhanshi .swiper-pagination-bullet { margin: 0px 5px; width: 14px; height: 14px; background: #dddddd; opacity: 1;}
.page_wd .swiper-pagination-zhanshi .swiper-pagination-bullet-active { background:#1998e2;}
.page_more { width: 180px; height: auto; overflow: hidden; display: block; margin: 60px auto 0px auto;}
.page_more a { display: block; overflow: hidden; font-size: 16px; line-height: 45px; text-align: center; border: 1px solid #888888; border-radius: 8px; color: #333333; transition: all .3s;}
.page_more a:hover { background: #007AC1; border: 1px solid #007AC1; color: #FFFFFF;}
.wap_zhanshi { display: none;}

.anli_bg { width: 100%; height: auto; overflow: hidden; display: block; background: url(../img/anli_bg.jpg) no-repeat top center; background-size:100% auto; padding: 70px 0px;}
.anli_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.anli_ul li { width: 25%; height: auto; overflow: hidden; display: block; padding: 0px 1%; box-sizing: border-box; margin-top: 30px; float: left;}
.anli_ul li .con { width: 100%; height: auto; overflow: hidden; display: block; background: #eeeeee; padding: 8px; box-sizing: border-box; border-radius: 8px 8px 0px 0px;}
.anli_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; border-radius: 8px 8px 0px 0px;}
.anli_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.anli_ul li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.anli_ul li .info { width: 100%; height: auto; overflow: hidden; display: block; padding: 15px 12px 25px 12px; box-sizing: border-box;}
.anli_ul li .tit { display: block; overflow: hidden; width: 100%; height: auto;}
.anli_ul li .tit a { display: block; overflow: hidden; font-size: 17px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap;}
.anli_ul li .des {width: 100%; height: 60px; font-size: 15px; margin-top: 10px; line-height: 30px; color: #777777; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.anli_more { width: 120px; height: auto; overflow: hidden; display: block; margin: 25px auto 0px auto;}
.anli_more a { display: block; overflow: hidden; font-size: 14px; line-height: 35px; text-align: center; border: 1px solid #BBBBBB; border-radius: 8px; color: #777777; transition: all .3s;}
.anli_more a:hover { background: #007AC1; border: 1px solid #007AC1; color: #FFFFFF;}


.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;}