@charset "utf-8";
body { background:#ffffff; margin:0; padding:0; font-family:"Noto Sans SC", "微软雅黑",Verdana, Geneva, sans-serif;  font-weight: normal;}
body::-webkit-scrollbar { width: 3px; 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; transition: all .3s;}
a:hover { color:#0078cc; text-decoration:none;}
/*public*/
.header_re_bg { width: 100%; height: 110px; display: block; overflow: hidden;}
.header_fixd { width: 100%; height: 110px; position: fixed; z-index: 9999; top: 0; left: 0; display: block; background: url(../images/top_bg.jpg) no-repeat center;}
.header_wd { width: 94%; height: 110px;display: block; max-width: 1300px; margin: 0px auto; position:absolute; padding-left: 400px; box-sizing: border-box; top: 0; left: 50%; transform: translateX(-50%);}
.logo { width:285px; height: 70px; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%);}
.top_right { width: 100%; height: 30px; display: block; overflow: hidden; font-size: 0; text-align: right; margin-top: 20px;}
.top_tel {  color: #ffffff; line-height: 30px; background: url(../images/tb_tel.png) no-repeat left;  padding-left: 30px;  font-size: 18px; overflow: hidden; display: inline-block;vertical-align: middle; font-weight: bold; color: #ffffff;}
.top_link { font-size: 13px; display: inline-block; overflow: hidden; vertical-align: middle; margin-left: 30px; height: 30px;}
.top_link a { color: #ffffff; border: 1px solid rgba(255,255,255,.7); display: block;  border-radius: 40px; line-height: 28px; height:30px; padding: 0px 10px; box-sizing: border-box;}
.search_bg { width: 275px; height: 30px; display:inline-block; overflow: hidden; vertical-align: middle; margin-left: 30px; padding-right: 40px; box-sizing: border-box; position: relative; border-radius: 15px; background: #1f92d7;}
.search_bg .text { width: 100%; height: 30px; background: none; border: none; outline: none; padding-left:20px; box-sizing: border-box; font-size: 14px; line-height: 30px; color: #ffffff;}
.search_bg input::-webkit-input-placeholder{color:rgba(255,255,255,.8);}
.search_bg .button { width: 40px; height: 30px; position: absolute; z-index: 5; top: 0px; right: 1px; background: url(../images/tb_search.png) no-repeat center; cursor: pointer; outline: none; border: none;}
.nav_ul { display: block; width: 100%; height:50px; margin-top:10px; font-size: 0; text-align: right;}
.nav_ul li { display: inline-block; vertical-align:middle; height: 30px; padding: 5px 0px 15px 0px; position: relative; margin-left: 5.4%;}
.nav_ul li a { font-size: 16px; line-height: 30px; display: block; color: #ffffff;}
.nav_ul li .hr { width: 0px; height: 2px; background: #ffffff;  position: absolute; z-index: 9; bottom: 0; transition: all .3s;}
.nav_ul li:hover .hr { width:100%;}
.nav_ul li dl { width: 170px; height: auto; overflow: hidden; display:none; position: absolute; z-index: 9; top: 49px; left: 50%; transform: translateX(-50%);}
.nav_ul li dl dd { width: 100%; height: 45px; display: block; overflow: hidden; background:rgba(3,93,187,.7); transition: all .3s; margin-top: 1px;}
.nav_ul li dl dd a { font-size: 15px !important; line-height: 45px !important; display: block; overflow: hidden; text-align: center; color: #ffffff;}
.nav_ul li dl dd:hover { background:rgba(3,93,187,1);}
.nav_ul li:hover dl { display: block;}
.nav_ul li.sel .hr { width:100%;}
.nav_img_bg { display: none; width: 30px; height: 30px; top: 25px;  z-index: 9; left: 3%; position: absolute;}
.nav_u_down2 { display: none;}
.wap_menu { display: none;}
.wap_search { display: none;}
.wap_head_re { display: none;}
.wap_header { display: none;}
.width { width: 96%; height: auto; overflow: hidden; display: block; position: relative; margin: 0px auto; max-width: 1300px;}
.imore_bg { width: 225px; height: 50px; display: block; overflow: hidden; margin: 70px auto 0px auto; border-radius: 40px;}
.imore_bg a { display: block; font-size: 19px; line-height: 50px; font-weight: bold; text-align: center; color: #ffffff; background: #0078cc; transition: all .3s;}
.imore_bg a:hover { background: #0b91ee;}
/*banner start*/
.banner_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.banner_bg li { position: relative; width: 100%; height: auto; overflow: hidden; display: block;}
.banner_bg .swiper-slide { overflow: hidden;}
.banner_bg .img_bg { width: 100%; height: 620px; overflow: hidden; display: block; position: relative;}
.banner_tit { width: 400px; height: 90px; overflow: hidden; display: block; position: absolute; z-index: 9; bottom: 20%; left: 50%; transform: translateX(-150%); background: url(../images/banner_dot.png) no-repeat center; background-size:cover ; font-size: 28px; font-weight: bold; color: #ffffff; line-height: 90px; padding-left: 30px ; box-sizing: border-box;}
.banner_bg .swiper-pagination-banner { width: 100%; text-align: center; position: absolute; bottom: 20px; z-index: 99;}
.banner_bg .swiper-pagination-bullet { width: 45px; height: 5px; background:#ffffff; margin: 0px 5px; outline: none;opacity: .7; border-radius: 5px;}
.banner_bg .swiper-pagination-bullet-active { background:#2d9ce1; width:45px; height: 5px; box-sizing: border-box; opacity: 1;}
/*banner end*/
/*inews start*/
.inews_bg { width: 100%; height: auto; overflow: hidden; display: block; background: url(../images/inews_bg.jpg) no-repeat center; background-size:cover; padding: 60px 0px;}
.inews_wd { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; padding: 40px 23px; box-sizing: border-box;}
.inews_tit_bg {width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-left: 17px; box-sizing: border-box;}
.inews_h { display: block; font-size: 35px; line-height: 45px; font-weight: bold; color: #0078cc; overflow: hidden; background: url(../images/dot_news.png) no-repeat left; padding-left: 45px;}
.inews_wd .tab-hd { display: inline-block; position: absolute; z-index: 9; right:17px; overflow: hidden; font-size: 0; top:5px;}
.inews_wd .tab-hd li { width: 115px; height: 35px; display: inline-block;  overflow: hidden; margin-left: 20px; border-radius: 20px;}
.inews_wd .tab-hd li a { display: block; font-size: 18px; line-height: 35px; overflow: hidden; font-weight: bold; color: #0078cc; text-align: center;}
.inews_wd .tab-hd li.active a { background: #0078cc; color: #ffffff;}
.inews_wd .tab-bd { width: 100%; height: auto; overflow: hidden; display: block;}
.inews_wd .tab-bd li { width: 100%; height: auto; overflow: hidden; display: none;}
.inews_wd .tab-bd li.addclass { display: block;}
.inews_wd .inews_dl01 { width: 100%; height:auto; overflow: hidden; display: block;}
.inews_wd .inews_dl01 dd { width: 33.3333%; height: auto; overflow: hidden; display: block; padding: 0px 17px; box-sizing: border-box; float:left; margin-top: 30px;}
.inews_wd .inews_dl01 dd .img_bg { width: 100%; height:auto; position: relative; overflow: hidden; display: block;}
.inews_wd .inews_dl01 dd .img { width: 100%; height: auto; overflow: hidden; display: block;}
.inews_wd .inews_dl01 dd .img img{ width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.inews_wd .inews_dl01 dd:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.inews_wd .inews_dl01 dd .time { width: 100px; height: 35px; display: block; position: absolute; z-index: 9; right: 0; bottom: 0; background: rgba(0,0,0,.5); font-size: 14px; line-height: 35px; text-align: center; color: #FFFFFF;}
.inews_wd .inews_dl01 dd:hover .time { background: rgba(0,120,204,.7);}
.inews_wd .inews_dl01 dd .tit { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px;}
.inews_wd .inews_dl01 dd .tit a { display: block; font-size: 18px; font-weight: bold; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inews_wd .inews_dl01 dd .des { font-size: 15px; line-height: 25px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #777777; margin-top: 5px;}
.inews_wd .inews_dl02 { width: 100%; height:auto; overflow: hidden; display: block; margin-top: 15px; font-size: 0;}
.inews_wd .inews_dl02 dd { width: 33.3333%; height: auto; overflow: hidden; display: inline-block; padding: 0px 20px; box-sizing: border-box; margin-top: 30px; vertical-align: top;}
.inews_wd .inews_dl02 dd .con_bg { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 75px; box-sizing: border-box; position: relative; min-height: 65px;}
.inews_wd .inews_dl02 dd .time { display:inline-block; position: absolute; z-index: 9; left: 0; top: 0; font-size: 23px; font-weight: bold; line-height: 30px; color: #0078cc;}
.inews_wd .inews_dl02 dd .time span { display: block; font-size: 15px; line-height: 30px; font-weight: normal;}
.inews_wd .inews_dl02 dd .tit { width: 100%; height: auto; overflow: hidden; display: block; }
.inews_wd .inews_dl02 dd .tit a {  font-size: 16px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.inews_wd .inews_dl02 dd .des { font-size: 14px; line-height: 25px;  color: #777777; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.iyw_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 60px 0px; background: #eeeeee;}
.itit_h { display: block; font-size: 35px; line-height: 45px; color: #0078cc; overflow: hidden; text-align: center; font-weight: bold;}
.itit_en { display: block; font-size: 25px; font-family:arial; text-transform: uppercase; line-height: 35px; color: #aaaaaa; text-align: center; overflow: hidden; margin-top: 5px;}
.iyw_wd { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 35px;}
.iyw_wd .tab-hd { width: 100%; max-width: 1050px; display:block;  overflow: hidden; height: auto;  margin: 0px auto;}
.iyw_wd .tab-hd li { width: 20%; height: auto;overflow: hidden; display: block; float: left; text-align: center; background: #ffffff; border-left: 2px solid #eeeeee; box-sizing: border-box; cursor: pointer; margin-top: 10px;}
.iyw_wd .tab-hd li .yw01 { display: inline-block; font-size: 20px; line-height: 60px; background: url(../images/ly_01.png) no-repeat left; padding-left: 50px; color: #000000;}
.iyw_wd .tab-hd li .yw02 { display: inline-block; font-size: 20px; line-height: 60px; background: url(../images/ly_02.png) no-repeat left; padding-left: 50px; color: #000000;}
.iyw_wd .tab-hd li .yw03 { display: inline-block; font-size: 20px; line-height: 60px; background: url(../images/ly_03.png) no-repeat left; padding-left: 50px; color: #000000;}
.iyw_wd .tab-hd li .yw04 { display: inline-block; font-size: 20px; line-height: 60px; background: url(../images/ly_04.png) no-repeat left; padding-left: 50px; color: #000000;}
.iyw_wd .tab-hd li .yw05 { display: inline-block; font-size: 20px; line-height: 60px; background: url(../images/ly_05.png) no-repeat left; padding-left: 50px; color: #000000;}
.iyw_wd .tab-hd li.active { background: #0078cc; color: #ffffff;}
.iyw_wd .tab-hd li.active .yw01 {background: url(../images/ly_on01.png) no-repeat left; color: #ffffff; }
.iyw_wd .tab-hd li.active .yw02 {background: url(../images/ly_on02.png) no-repeat left; color: #ffffff; }
.iyw_wd .tab-hd li.active .yw03 {background: url(../images/ly_on03.png) no-repeat left; color: #ffffff;}
.iyw_wd .tab-hd li.active .yw04 {background: url(../images/ly_on04.png) no-repeat left; color: #ffffff; }
.iyw_wd .tab-hd li.active .yw05 {background: url(../images/ly_on05.png) no-repeat left; color: #ffffff; }
.iyw_wd .tab-bd { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; margin-top: 40px;}
.iyw_wd .tab-bd li { width: 100%; height: auto; overflow: hidden; display: none;}
.iyw_wd .tab-bd li.addclass { display: block;}
.iyw_wd .tab-bd li .con_bg { width: 100%; height: auto; min-height: 490px; display: block; overflow: hidden; position: relative;}
.iyw_wd .tab-bd li .img_bg { width:50%; height: 100%; position: absolute; z-index: 9; left: 0; top: 0;}
.iyw_wd .tab-bd li .img_bg a { width: 100%; height: 100%; display: block; overflow: hidden;}
.iyw_wd .tab-bd li .info_bg { width: 50%; height: auto; overflow: hidden; display: block; float: right; padding: 40px; box-sizing: border-box;}
.iyw_wd .tab-bd li .catname { display: block; font-size: 25px; font-weight: bold; color: #000000; line-height: 35px; overflow: hidden;}
.iyw_wd .tab-bd li .hr { width: 25px; height: 5px; display: block; background: #000000; overflow: hidden; margin-top: 20px;}
.iyw_wd .tab-bd li .des { height: 210px; font-size: 15px; line-height: 35px;  color: #333333; margin-top: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.imore_yw { width: 150px; height: 40px; display: block; overflow: hidden; border-radius: 40px; margin-top: 40px;}
.imore_yw a { display: block; font-size: 16px; line-height: 40px;  text-align: center; color: #ffffff; background: #0078cc; transition: all .3s;}
.imore_yw a:hover { background: #0b91ee;}

.icase_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 60px 0px;}
.icase_wd { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.icase_wd .tab-hd { width: 100%;display:block;  overflow: hidden; height: auto;  margin: 0px auto; text-align: center;}
.icase_wd .tab-hd li { width:120px; height: auto;overflow: hidden; display:inline-block; text-align: center; background: #eaeaea; box-sizing: border-box; cursor: pointer; margin: 10px 12.5px 0px 12.5px; font-size: 17px; line-height: 40px; border-radius: 30px; color:#333333;}
.icase_wd .tab-hd li.active { background: #0078cc; color: #ffffff;}
.icase_wd .tab-bd { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; margin-top: 30px;}
.icase_wd .tab-bd li { width: 100%; height: auto; overflow: hidden; display: none;}
.icase_wd .tab-bd li.addclass { display: block;}
.icase_left { width: 50%; height: auto; overflow: hidden; display: block; padding-right: 10px; box-sizing: border-box; margin-top: 20px; float: left;}
.icase_left dd { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.icase_left dd .img { width: 100%; height: auto; display: block; overflow: hidden;}
.icase_left dd .tit { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; bottom: 0; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7)); }
.icase_left dd .tit a { display: block; font-size: 23px; font-weight: bold; color: #ffffff; line-height: 70px; overflow: hidden; text-align: right; padding: 20px 8% 0px 8%; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap;}
.icase_wd dd img{ width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.icase_wd dd:hover img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.icase_right { width: 50%; height: auto; overflow: hidden; display: block; float: right;}
.icase_right dd { width: 50%; height: auto; overflow: hidden; display: block; padding: 0px 9px; box-sizing: border-box; margin-top: 20px; float: left;}
.icase_right dd .img_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.icase_right dd .img { width: 100%; height: auto; display: block; overflow: hidden;}
.icase_right dd .tit { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; left: 0; bottom: 0; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7)); }
.icase_right dd .tit a { display: block; font-size: 15px; color: #ffffff; line-height: 40px; overflow: hidden; text-align: center; padding: 20px 8% 0px 8%; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap;}
.icase_con { width: 100%; height: auto; overflow: hidden; display: block;}

.isj_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 60px 0px; background: url(../images/isj_bg.jpg) no-repeat center; background-size:cover ;}
.isj_wd { width: 96%; height: auto; overflow: hidden; display: block; position: relative; max-width: 1420px; margin: 60px auto 0px auto; padding: 0px 45px; box-sizing: border-box;}
.swiper-isj { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-isj li { overflow: hidden;}
.swiper-isj li .time { display: block; font-size: 25px; font-weight: bold; text-align: center; width: 100%; line-height: 35px; color: #0078cc; overflow: hidden;}
.swiper-isj li .hr { width: 100%; height: 18px; display: block; background: url(../images/isj_hr.png) no-repeat center; overflow: hidden; margin-top: 10px;}
.swiper-isj li .hr_dot { width: 18px; height: 18px; display: block; overflow: hidden; margin: 0px auto; background: #0078cc; border-radius: 100%;}
.swiper-isj li .hr02 { width: 1px; height: 40px; display: block; overflow: hidden; background: #0078CC; margin: 0px auto;}
.swiper-isj li .con_bg { width: 90%; height: auto; overflow: hidden; display: block; margin: 0px auto;}
.swiper-isj li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-isj li img{ width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.swiper-isj li:hover img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.swiper-isj li .des { font-size: 14px; line-height: 30px; color: #444444; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.swiper-button-next-isj { width: 25px; height: 45px; background: url(../images/isj_right.png) no-repeat center; cursor: pointer; outline: none; overflow: hidden; background-size:100% 100%; position: absolute; right: 0; top: 50%; transform: translateY(-30%);}
.swiper-button-prev-isj { width: 25px; height: 45px; background: url(../images/isj_left.png) no-repeat center; cursor: pointer; outline: none; overflow: hidden; background-size:100% 100%; position: absolute; left: 0; top: 50%; transform: translateY(-30%);}

.ilink_ul { width: 96%; height: auto; overflow: hidden; display: block; max-width: 1330px; margin: 40px auto 0px auto; font-size: 0; }
.ilink_ul li { width: 25%; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin-top: 30px; padding: 0px 15px; box-sizing: border-box;} 
.ilink_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ilink_ul li .img img{ width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.ilink_ul li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.ilink_ul li .tit { display: block; font-size: 20px; font-weight: bold; line-height: 35px; text-align: center; margin-top: 15px; overflow: hidden;}
.ilink_ul li .des { display: block; font-size: 14px; line-height: 25px; color: #666666; margin-top: 10px; overflow: hidden;}


/*foot_start*/
.flink_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #eeeeee; padding: 15px 0px 25px 0px;}
.flink_wd { width: 96%; max-width: 1330px; display: block; height: auto; overflow: hidden; margin: 0px auto;}
.flink_wd li { display: inline-block; overflow: hidden; vertical-align: middle; padding: 0px 15px; margin-top: 10px;}
.flink_wd li .tit { display: block; font-size: 23px; line-height: 30px; overflow: hidden; color: #0078cc; font-weight: bold;}
.flink_wd li .tit span { font-weight: normal; color: #aaaaaa; margin-left: 5px; font-family: arial;}
.flink_wd li a { display: block; font-size: 15px; line-height: 30px; overflow: hidden; color: #333333; }
.flink_wd li a:hover { color: #0078CC;}

.foot_mar { width: 100%; height: 80px; display: block; overflow: hidden;}
.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; padding:60px 0px; background:url(../images/foot_img.jpg) no-repeat center; background-size:cover ; box-sizing: border-box;}
.foot_wd { width: 96%; height: auto; overflow: hidden; display: block; max-width: 1300px; margin: 0px auto;  font-size: 0; position: relative; padding-right: 160px; box-sizing: border-box;}
.foot_ma_bg { width: 160px; height: auto; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0; }
.foot_ma_bg .img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_ma_bg .img img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_ma_bg .tit { display: block; font-size: 14px; line-height: 30px; color: #ffffff; text-align: center; margin-top: 10px;}
.foot_list { display: inline-block; vertical-align: top; overflow: hidden; margin-right: 7%;}
.foot_tit { display: block; font-size: 18px; line-height: 30px; color: #ffffff; overflow: hidden;}
.foot_hr { width: 20px; height: 3px; background: #ffffff; display: block; overflow: hidden; margin-top: 10px; border-radius: 5px;}
.foot_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.foot_ul li { width: 100%; display: block; height: auto; overflow: hidden; font-size: 14px; line-height: 35px; color: #bbbbbb;}
.foot_ul li a { color: rgba(255,255,255,.7); display: block; overflow: hidden;}
.foot_ul li a:hover { color: rgba(255,255,255,1); display: block; overflow: hidden;}
.wap_foot_nav { display: none;}
.banquan_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #138de3; padding: 15px 0px;}
.banquan_info { width: 94%; height:auto; display: block; font-size: 14px; line-height: 30px; color: #ffffff; text-align: center; overflow: hidden;  max-width: 1200px; margin: 0px auto;}
.banquan_info a { color: #ffffff;}

.banner_n { width: 100%; height: auto;overflow: hidden; display: block;}
.banner_n .img { width: 100%; height: 400px; display: block; overflow: hidden;}

.place_bg { width: 100%; font-size: 14px; line-height: 30px; color: #333333; overflow: hidden; margin-top: 30px; background: url(../images/dot_home.png) no-repeat left; padding-left: 30px; box-sizing: border-box;}
.place_bg a { color: #333333;}

.page_nav_bg { width:100%; height: auto; overflow: hidden; display: block; position: relative; padding-left: 160px; box-sizing: border-box; min-height: 40px; margin-top: 20px;}
.page_cat { display: inline-block; font-size: 30px; font-weight: bold; line-height: 40px; color: #000000; position: absolute; z-index: 9; left: 0; top: 0;}
.page_nav { width: 100%; height: auto; overflow: hidden; display: block; overflow: hidden;}
.page_nav li { display: inline-block; height:35px; overflow: hidden; float: left; margin: 5px 5px 0px 5px;}
.page_nav li a { display: block; color: #000000; padding: 0px 25px; border-radius: 40px; font-size: 16px; line-height: 35px;}
.page_nav li.cur a { color: #ffffff; background: #0081cc;}
.page_nav li:hover a { color: #ffffff; background: #0081cc;}
.page_nav_hr { width: 100%; height: 5px; background: #f2f2f2; display: block; overflow: hidden; margin-top: 20px;}

.page_tit { width: 100%; height: auto; overflow: hidden; display: block; font-size: 25px; line-height: 35px; text-align: center; font-weight: bold;}
.page_info { width: 100%; height: auto; overflow: hidden; display: block;  font-size: 16px; line-height: 38px; color: #333333; margin-top: 30px;}
.page_info img { max-width: 100%; margin: 20px auto 0px auto;}

.list_left { width: 74%; height: auto; overflow: hidden; display: block; float: left; margin-top: 10px;}
.ul_zizhi { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0;}
.ul_zizhi li { width: 33.33333%; height: auto; overflow: hidden; display:inline-block; padding: 0px 12px; box-sizing: border-box; margin-top: 35px; vertical-align: top;}
.ul_zizhi li .img_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #e6e6e6; padding: 10px; box-sizing: border-box;}
.ul_zizhi li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ul_zizhi li .img img{ width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.ul_zizhi li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.ul_zizhi li .tit { width: 100%; display: block; overflow: hidden; font-size: 15px; line-height: 35px; text-align: center; margin-top: 10px;}
.ul_zizhi li .tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.news_ul { width: 100%; height: auto; overflow: hidden; display: block; }
.news_ul li { display: block; overflow: hidden; width: 100%; height: auto; padding: 35px 0px; border-bottom: 1px solid #e6e6e6;}
.news_ul li .con_re_bg { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 240px; min-height: 160px; box-sizing: border-box; position: relative;}
.news_ul li .img { width: 240px; height: auto; overflow: hidden; display: block; position: absolute; z-index: 5; top: 0; left: 0;}
.news_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.news_ul li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.news_ul li .con { width: 100%; height: auto; overflow: hidden; display: block; padding-left: 25px; box-sizing: border-box;}
.news_ul li .tit_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 120px; box-sizing: border-box;}
.news_ul li .time { display:inline-block; font-size: 15px; line-height: 35px; position: absolute; z-index: 9; right: 0; top: 0; background: url(../images/dot_time.png) no-repeat left; padding-left: 20px; color: #888888; }
.news_ul li .tit { width: 100%; display: block; font-size: 18px; line-height: 35px; overflow: hidden; }
.news_ul li .tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.news_ul 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;}
.news_ul li .more { width: 120px; height: 35px; display: block; overflow: hidden; margin-top: 15px; border-radius: 5px;}
.news_ul li .more a { display: block; font-size: 15px; line-height: 35px; text-align: center; color: #ffffff; background: #0078cc; transition: all .3s;}
.news_ul li .more a:hover { background: #0b91ee;}
.news_ul li .tit_sj { width: 100%; height: auto; overflow: hidden; display: block; position: relative; box-sizing: border-box;}
.news_ul li .tit_time { font-size: 25px; line-height: 45px; display: block; font-weight: bold; color: #0081cc;}

.case_ul { width: 100%; height: auto; overflow: hidden; display: block; max-width: 1335px; margin: 10px auto 0px auto; font-size: 0;}
.case_ul li { width: 33.3333%; height: auto; overflow: hidden; display: inline-block; vertical-align: top; padding: 0px 17.5px; box-sizing: border-box; float: left; margin-top: 40px;}
.case_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; }
.case_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.case_ul li:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.case_ul li .tit { width: 100%; display: block; font-size: 17px; line-height: 35px; overflow: hidden; margin-top: 10px;}
.case_ul li .tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}

.case_sul { width: 100%; height: auto; overflow: hidden; display: block; position: relative; margin-top: 30px;}
.case_sul li { width: 100%; height: auto; overflow: hidden; display: block; position:relative; padding-left: 115px; box-sizing: border-box; min-height: 35px; margin-top: 15px;}
.case_sul li .tit_ab { width: 100px; height: 35px; display: block; overflow: hidden; position: absolute; z-index: 9; left: 0; top: 0; background: #0081cc; font-size: 15px; line-height: 35px; color: #ffffff; text-align: center;}
.case_sul li .des { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 35px; color: #444444;}
.case_pics { width: 100%; height: auto; overflow: hidden; max-width: 840px; margin: 30px auto 0px auto;}
.case_pics .gallery-thumbs { overflow: hidden; margin-top: 20px;}
.case_pics .gallery-thumbs .swiper-slide-thumb-active img { border: 5px solid #fd8900; box-sizing: border-box;}

.hr_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px; }
.hr_ul li { display: block; overflow: hidden; width: 100%; height: auto; padding: 25px 0px; border-bottom: 1px solid #e6e6e6;}
.hr_ul li .tit_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; padding-right: 170px; box-sizing: border-box;}
.hr_ul li .time { display:inline-block; font-size: 15px; line-height: 35px; position: absolute; z-index: 9; right: 0; top: 0;  color: #0078CC; }
.hr_ul li .tit { width: 100%; display: block; font-size: 18px; line-height: 35px; overflow: hidden; }
.hr_ul li .tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.hr_ul li .des { display: block; font-size: 14px; line-height: 25px; overflow: hidden; margin-top: 10px; color: #888888; position: relative;}
.hr_ul li .des span.zhiwei { color: #0078CC; margin-right: 20px;}
.hr_ul li .des span.end_time { display: inline-block;}

.pagelist { width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 12px; margin-top: 50px;}
.pagelist a { margin: 0px 1px 0px 1px; color: #555555; display: inline-block; overflow: hidden; padding: 0px 8px; line-height: 23px; border: 1px solid #dddddd; vertical-align: middle; font-size: 12px;}
.pagelist a.a1 { display: inline-block; padding: 0px 8px; line-height: 25px; border: 1px solid #dddddd; vertical-align: middle;}
.pagelist a:hover { background: #0078CC; color: #ffffff;}
.pagelist span { display: inline-block; color: #555555; padding: 0px 8px; line-height: 25px; border: 1px solid #0078CC; vertical-align: bottom; background: #0078CC; color: #ffffff;}


.show_left { width: 74%; height: auto; overflow: hidden; display: block; float: left; margin-top: 45px;}
.show_tit { font-size: 23px; line-height: 35px; display: block; text-align: center; padding: 0px 5%; color: #000000;}
.show_tit span { color: #0078CC; font-weight: bold;}
.show_hr_tit { font-size: 23px; line-height: 35px; display: block; color: #000000; font-weight: bold;}
.show_info { width: 100%; height: auto; overflow: hidden; display: block;  font-size: 14px; line-height: 32px; color: #333333; margin-top: 25px; padding-bottom: 45px; border-bottom: 1px solid #e2e2e2;}
.show_info img { max-width: 100%; margin: 20px auto;}
.value_bg { width: 100%; height: auto; overflow: hidden; display: block; padding-bottom: 15px; text-align: center; margin:10px auto 0px auto; box-sizing: border-box; border-bottom: 1px solid #e2e2e2; }
.value { display: block; font-size: 13px; line-height: 30px; color: #888888; text-align: center;}
.value_sp { margin-left: 10px;}
.value_hr { display: block; font-size: 14px; line-height: 35px; color: #888888; overflow: hidden; text-align: left;}
.value_hr span {  color: #fd8900; font-size: 15px; font-weight: bold;}
.value_tm { display: block; font-size: 14px; line-height: 35px; color: #0078CC; overflow: hidden;  text-align: left;}
.value_tm span { margin-left: 25px;}

.show_f { display: block; overflow: hidden;  font-size: 14px; line-height: 38px; color: #444444; margin: 30px auto 0px auto;}
.show_f p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.show_right { width:21.5%; height: auto; overflow: hidden; display: block; float: right; margin-top: 45px;}
.show_r_wh { width: 100%; height: auto; overflow: hidden; display: block; margin-top:30px ;}
.wap_r_img { display: none;}
.pc_r_img { display: block;}
.r_yw_tit_bg { width:100%; height: auto; overflow: hidden; position: relative; display: block; }
.r_yw_tit { font-size: 20px; font-weight:bold; line-height: 30px; display: block; overflow: hidden; background: url(../images/r_yw.png) no-repeat left; padding-left: 30px; box-sizing: border-box;}
.r_new_tit_bg { width:100%; height: auto; overflow: hidden; position: relative; display: block; margin-top: 30px;}
.r_new_tit { font-size: 20px; font-weight:bold; line-height: 30px; display: block; overflow: hidden; background: url(../images/r_new.png) no-repeat left; padding-left: 30px; box-sizing: border-box;}

.r_more {  display: inline-block; position: absolute; z-index: 9; right: 0; top: 0;}
.r_more a { display: block; font-size: 13px; line-height: 30px; color: #666666;}
.r_more a:hover { color: #0078CC;}
.r_hr { width: 100%; height: 2px; display: block; background: #e2e2e2; margin-top: 10px; border-left: 45px solid #0078CC; box-sizing: border-box; overflow: hidden;}
.r_yw_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 5px;}
.r_yw_ul li { width: 48%; height: auto; overflow: hidden; display: block; border-radius: 8px; margin-top: 15px;}
.r_yw_ul li a { display: block; font-size: 15px; line-height: 38px; overflow: hidden; color: #000000; background: #eeeeee; transition: all .3s; text-align: center;}
.r_yw_ul li a:hover { background: #0078CC; color: #ffffff;}
.r_yw_ul li.t1 { float: left;}
.r_yw_ul li.t2 { float: right;}

.r_new_tit_bg { width:100%; height: auto; overflow: hidden; position: relative; display: block; margin-top: 30px;}
.r_new_tit { font-size: 20px; font-weight:bold; line-height: 30px; display: block; overflow: hidden; background: url(../images/r_new.png) no-repeat left; padding-left: 35px; box-sizing: border-box;}
.r_new_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.r_new_ul li { width: 100%; display: block; overflow: hidden; position: relative; }
.r_new_ul li .tit { display: block; font-size: 15px; line-height: 35px; overflow: hidden; }
.r_new_ul li .tit span { font-size: 20px; font-weight: bold; margin-right: 5px;}
.r_new_ul li .tit a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; color: #444444;}
.r_new_ul li .tit a:hover { color: #0078CC;}

.contact_left { width: 55%; height: auto; overflow: hidden; display: block; padding: 0px 4%; box-sizing: border-box; margin-top: 45px; float: left;}
.contact_tit { font-size: 23px; line-height: 30px; font-weight: bold; color: #000000; display: block; overflow: hidden;}
.contact_con { font-size: 16px; line-height: 38px; display: block; overflow: hidden; margin-top: 25px; color: #000000;}
.contact_ma { width: 160px; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.contact_ma .img { width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #CCCCCC; box-sizing: border-box;}
.contact_ma .img img { width: 100%; height: auto; overflow: hidden; display: block;}
.contact_ma .tit { display: block; font-size: 13px; line-height: 30px; overflow: hidden; margin-top: 10px; text-align: center; color: #333333;}
.contact_right { width: 45%; height: auto; overflow: hidden; display: block; padding: 0px 6%; box-sizing: border-box; margin-top: 45px; float: right;}
.contact_right span { font-size: 15px; font-weight: bold; font-family: arial; text-transform: uppercase; margin-left: 15px;}
.contact_des { display: block; font-size: 15px; line-height: 25px; color: #555555; overflow: hidden; margin-top: 20px;}

.mes_ul { width: 100%; height: auto; overflow: hidden; display: block; margin: 10px auto 0px auto; }
.mes_ul li { width: 100%; height: auto; overflow: hidden; display: block;  position: relative; margin-top: 15px;}
.mes_ul li .text { width:100%; height: 38px; border: 1px solid #cccccc; background: #fbfbfb; display: block; overflow: hidden; padding: 0px 15px; box-sizing: border-box; font-size: 15px; line-height: 36px; outline: none;}
.mes_ul li .test { width: 100%; height: auto; font-family: "微软雅黑"; outline: none; overflow: hidden; border: 1px solid #cccccc; padding:5px 15px;  box-sizing: border-box; font-size: 15px; line-height: 36px; min-height: 100px; box-sizing: border-box;}
.mes_ul li .mes_sub { width: 140px; height: 40px; display: block; margin: 20px auto 0px auto; background: #0081cc; color: #ffffff; text-align: center; font-size: 15px;border: 0px; outline: none;  border-radius: 5px; letter-spacing: 5px; cursor: pointer; }

.my-map { width: 100%; height: 500px; overflow: hidden; display: block; margin-top: 40px; border: 1px solid #cccccc; box-sizing: border-box;}
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%; font-size: 13px; line-height: 25px;}
.my-map h5 { font-size: 15px; line-height: 25px; margin: 5px 0px; display: block; overflow: hidden;}



.float_qq {
	position: fixed; top: 50%; margin-top: -100px;
	right: 0;
	width: 50px;
	height: 203px;
	z-index: 6666;
}
.float_qq li {
	width: auto;
	height: 50px;
	z-index: 20;
}
.float_qq li.float_qq1, .float_qq li.float_qq4 {
	position: absolute;
	left: 0;
	width: 62px;
}
.float_qq li.float_qq1 {
	top: 0;
}
.float_qq li.float_qq2 {
	position: absolute;
	top: 51px;
	left: 0;
	width: 126px;
}
.float_qq li.float_qq3 {
	position: absolute;
	top: 102px;
	left: 0;
	width: 172px;
}
.float_qq li.float_qq4 {
	top: 153px;
}
.float_qq4 {
	position: absolute;
	top: 153px;
	left: 0;
}
.float_qq li a {
	display: block;
	font-family: "Microsoft Yahei";
	color: #FFF;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	background-color: #000;
	opacity: 0.8;
	border-radius: 6px;
}
.float_qq li a img {
	display: block;
	float: left;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 12px 12px 14px 14px;
}
.float_qq li a:hover {
	background-color: #c70c1f;
	opacity: 1;
}
.float_shwx {
	position: absolute;
	top: -150px;
	left: -200px;
	width: 160px;
	height: 160px;
	padding-bottom: 0px;
	display: none;
}
.float_shwx img {
	display: block;
	padding: 14px;
	background-color: #FFF;
	width: 160px;
	height: 160px;
}