@charset "utf-8";
/* CSS Document */
* { padding: 0px; border: 0px; margin: 0px; }
a { text-decoration: none; }
li { list-style: none; }
body { font-size: 14px; font-family: "微软雅黑"; }
/*****hm_header***********/	
.hm_header { position: fixed; top: 0px; left: 0px; width: 100%; transition: all 0.5s; min-width: 1200px; height: 80px; z-index: 99; }
.hm_header_width { width: 1200px; margin: 0px auto; }
.hm_header_img { margin-top: 20px; float: left; }
.hm_header_ul { width: 800px; height: 40px; margin-top: 30px; float: right; }
.hm_header_li { float: left; width: 110px; height: 40px; line-height: 40px; text-align: center; margin-right: 2px; }
.hm_header_li:hover { background: #f00; }
.hm_header_li_a { width: 110px; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; }
.hm_header_bj { position: fixed; top: -80px; left: 0px; width: 100%; height: 80px; z-index: 98; background: #000029; transition: all 0.5s; }
/*************************/

.slideBox { width: 100%; height: 685px; overflow: hidden; position: relative; /*border-radius:25px;*/ }
.slideBox .hd { height: 15px; width: 300px; margin: 0px auto; overflow: hidden; position: absolute; right: 50%; margin-right: -160px; bottom: 60px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 20px; width: 80px; height: 10px; background: #fff; cursor: pointer; }
.slideBox .hd ul li.on { background: #ff1f1f; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 685px; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 30px; height: 60px; background: url(../images2021/index03_a.png) 0px 0px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.slideBox .next { left: auto; right: 3%; background-position: -30px 0px; }
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }
/************hm_box******************/
.hm_box { width: 1200px; margin: 0px auto; overflow: hidden; height: 73px; box-shadow: 0 20px 20px rgba(199, 207, 225, .41); margin-top: -36px; position: relative; z-index: 22; background: #FFFFFF; }
.hm_box_ul { }
.hm_box_ul_li { width: 300px; height: 73px; float: left; box-sizing: border-box; border-right: 1px solid #ccc; }
.hm_box_ul_li:hover { background: #f6f6f6; }
.hm_box_ul_li a { display: block; width: 100%; height: 100%; }
.hm_box_ul_li i { display: block; margin: 20px 10px 10px 50px; float: left; }
.hm_box_ul_li span { display: block; margin: 21px 100px 10px 10px; float: right; font-size: 20px; color: #333; letter-spacing: 3px; }
/*********************hm_zhanshi****************************/
.hm_zhanshi { margin-top: -37px; padding-top: 100px; padding-bottom: 200px; background: #f9f9fa; }
.hm_zhanshi_width { width: 1200px; margin: 0px auto; }
.hm_title { }
.hm_title_h3 { font-size: 36px; font-weight: bold; color: #232323; text-align: center; }
.hm_title_p { font-size: 16px; color: #999999; text-align: center; margin-top: 12px; }
.hm_zhanshi_cp { margin-top: 40px; background: #fff; padding: 30px; padding-bottom: 0px; border-radius: 30px; overflow: hidden; box-shadow: 0 0 30px rgba(199, 207, 225, .41); }
.hm_zhanshi_cp_ul { width: 1200px; }
.hm_zhanshi_cp_ul_li { float: left; margin-right: 30px; margin-bottom: 30px; }
.hm_zhanshi_cp_ul_li:hover .hm_zhanshi_cp_ul_li_aimg { border-color: #d72502; }
.hm_zhanshi_cp_ul_li:hover .hm_zhanshi_cp_ul_li_awenzi { color: #d72502; }
.hm_zhanshi_cp_ul_li_aimg { display: block; width: 260px; height: 260px; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; }
.hm_zhanshi_cp_ul_li_aimg img { width: 100%; height: 100%; }
.hm_zhanshi_cp_ul_li_awenzi { font-size: 16px; color: #212121; display: block; line-height: 38px; height: 42px; }
.hm_zhanshi_cp_ul_li_p { font-size: 14px; color: #919191; height: 18px; background: url(../images2021/box2_icon4.jpg) no-repeat left; text-indent: 20px; }
.hm_zhanshi_cp_bt { height: 30px; line-height: 30px; padding-bottom: 20px; }
.hm_zhanshi_cp_bt p { width: 200px; float: left; font-size: 20px; color: #000000; }
.hm_zhanshi_cp_bt a { display: block; float: right; font-size: 14px; color: #333; }
.hm_zhanshi_cp_bt a:hover { color: #d72502; }
/***************hm_spzs***************/
.hm_spzs { padding-bottom: 30px; }
.hm_spzs_width { width: 1200px; margin: 0px auto; margin-top: -160px; }
.hm_spzs_ul { width: 1250px; }
.hm_spzs_ul_li { width: 216px; float: left; margin-right: 30px; border-radius: 10px; overflow: hidden; height: 390px; position: relative; cursor: pointer; }
.hm_spzs_ul_li:hover .hm_spzs_ul_li_p { border-color: #333; color: #333; background: rgba(255, 255, 255, 0.8); }
.hm_spzs_ul_li_video { width: 220px; }
.hm_spzs_ul_li_p { font-size: 16px; position: absolute; left: -15px; top: 100px; z-index: 2; background: rgba(0, 0, 0, 0.8); color: #fff; padding: 0px 15px; text-indent: 8px; height: 30px; line-height: 30px; display: inline-table; border: 1px solid #fff; overflow: hidden; border-radius: 15px; }
.hm_zhanshi_bt { margin-top: 30px; height: 75px; }
.hm_zhanshi_bt_ul { width: 1260px; }
.hm_zhanshi_bt_ul_li { height: 75px; width: 220px; float: left; margin-right: 60px; cursor: pointer; }
.hm_zhanshi_bt_ul_li_img { float: left; transition: all 0.5s; }
.hm_zhanshi_bt_ul_li_div { float: right; margin-top: 7px; transition: all 0.5s; }
.hm_zhanshi_bt_ul_li_div p { font-size: 20px; color: #232323; }
.hm_zhanshi_bt_ul_li_div span { color: #f00; }
.hm_zhanshi_bt_ul_li:hover .hm_zhanshi_bt_ul_li_img { margin-left: 10px; }
.hm_zhanshi_bt_ul_li:hover .hm_zhanshi_bt_ul_li_div { margin-right: 10px; }
/*****************/
.hm_ywy { margin-top: 20px; padding-top: 20px; }
.hm_ywy_width { width: 1200px; margin: 0px auto; }
.hm_ywy_ico { margin-top: 30px; padding: 20px 0px; border-radius: 10px; box-shadow: 0 0 30px rgba(158, 158, 158, .23); }
.hm_ywy_ico_ul { }
.hm_ywy_ico_ul_li { width: 400px; height: 125px; border-right: 1px solid #ccc; float: left; box-sizing: border-box }
.hm_ywy_ico_ul_li_img { float: left; margin: 20px 0px 10px 70px; transition: all 1s ease; }
.hm_ywy_ico_ul_li:hover .hm_ywy_ico_ul_li_img { transform: rotateY(180deg); }
.hm_ywy_ico_ul_li_div { float: right; text-align: center; width: 200px; margin: 12px 35px 10px 0px; }
.hm_ywy_ico_ul_li_div_p1 { font-size: 16px; color: #7f7f7f; }
.hm_ywy_ico_ul_li_div_p1 span { font-size: 48px; color: #d72502; }
.hm_ywy_ico_ul_li_div_p2 { font-size: 18px; color: #383838; }
.hm_ywy_bg { margin-top: 50px; width: 100%; background: url(../images2021/box9_tea.jpg) top center no-repeat; height: 601px; overflow: hidden; }
.hm_ywy_bg_title { width: 385px; height: 195px; margin: 0px auto; margin-top: 200px; overflow: hidden; color: #fff; }
.hm_ywy_bg_title h2 { text-align: center; margin-top: 58px; font-size: 26px; font-weight: bold; }
.hm_ywy_bg_title p { text-align: center; margin-top: 10px; }
/**********hm_zzzs*********************/
.hm_zzzs { background: #f9f9fa; padding-top: 80px; padding-bottom: 20px; }
.hm_zzzs_width { width: 1200px; margin: 0px auto; }
.hm_zzzs_ul { margin-top: 30px; width: 1280px; }
.hm_zzzs_ul_li { width: 360px; height: 260px; float: left; margin-right: 64px; }
.hm_zzzs_ul_li_img { width: 100%; transition: all 0.5s; }
.hm_zzzs_ul_li_img:hover { box-shadow: 0 0 40px rgba(0, 0, 0, .18); margin-top: -8px; border-radius: 10px; overflow: hidden; }
.hm_zzzs_bj { background: url(../images2021/zzbj.jpg) no-repeat top center; height: 600px; width: 100%; overflow: hidden; }
.hm_zzzs_bj_width { width: 1200px; margin: 0px auto; margin-top: 140px; }
.hm_zzzs_bj_ul { border-bottom: 1px solid #aaa; }
.hm_zzzs_bj_ul_li { float: left; width: 200px; box-sizing: border-box; border-right: 1px solid #aaa; text-align: center; height: 160px; }
.hm_zzzs_bj_ul_li_img { margin-top: 20px; transition: all .5s ease;
}
.hm_zzzs_bj_ul_li:hover .hm_zzzs_bj_ul_li_img { transform: rotateY(180deg); }
.hm_zzzs_bj_ul_li_p { font-size: 18px; color: #222; margin-top: 4px; }
/******************/
.hm_map { padding-top: 90px; }
.hm_map_width { width: 1200px; margin: 0px auto; }
.hm_map_baidu { position: absolute; top: 70px; left: 0px; width: 420px; height: 580px; background: #464646; border-radius: 20px; }
.hm_map_ditu { float: right; }
.hm_map_kuai { margin-top: 40px; position: relative; height: 726px; }
.hm_map_baidu_iframe { width: 380px; height: 340px; margin: 0px auto; display: block; border-radius: 10px; margin-top: 10px; }
.hm_map_baidu_wz { width: 380px; margin: 0px auto; color: #fff; margin-top: 30px; }
.hm_map_baidu_wz_h3 { font-size: 20px; background: url(../images2021/box7_icon3.jpg) top left no-repeat; text-indent: 60px; height: 36px; line-height: 36px; font-weight: normal; }
.hm_map_baidu_wz_p { font-size: 16px; color: #cdcdcd; margin-top: 10px; line-height: 30px; margin-left: 10px; }
/*****hm_gcal*******************/

.hm_gcal { background: #f9f9fa; padding-top: 90px; }
.hm_gcal_width { width: 1200px; margin: 0px auto; }
.hm_gcal_slide { width: 100%; height: 620px; overflow: hidden; position: relative; }
.hm_gcal_slide .hd { }
.hm_gcal_slide .hd ul { width: 1260px; height: 200px; }
.hm_gcal_slide .hd ul li { float: left; width: 280px; height: 142px; box-shadow: 0 0 13px rgba(199, 207, 225, .5); background: #fff; margin: 30px 26px 28px 0px; border-radius: 10px; cursor: pointer; text-align: center; }
.hm_gcal_slide .hd ul li img { margin-top: 8px; }
.hm_gcal_slide .hd ul li p { font-size: 17px; line-height: 24px; width: 90%; margin: 0px auto; height: 50px; overflow: hidden; margin-top: 5px; }
.hm_gcal_slide .hd ul li.on { }
.hm_gcal_slide .bd { position: relative; height: 100%; z-index: 0; }
.hm_gcal_slide .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 685px; }
/**********hm_cjsp************/
.hm_cjsp { padding-top: 90px; }
.hm_cjsp_width { width: 1200px; margin: 0px auto; }
.hm_cjsp_slide { float: left; width: 755px; height: 391px; overflow: hidden; position: relative; }
.hm_cjsp_slide .hd { height: 15px; width: 300px; margin: 0px auto; overflow: hidden; position: absolute; right: 50%; margin-right: -160px; bottom: 0px; z-index: 1; }
.hm_cjsp_slide .hd ul { overflow: hidden; zoom: 1; float: left; }
.hm_cjsp_slide .hd ul li { float: left; margin-right: 15px; width: 10px; height: 10px; border-radius: 5px; background: #999; cursor: pointer; }
.hm_cjsp_slide .hd ul li.on { background: #ff1f1f; }
.hm_cjsp_slide .bd { position: relative; height: 100%; z-index: 0; }
.hm_cjsp_slide .bd li { zoom: 1; vertical-align: middle; }
.hm_cjsp_slide .bd li img { border: 4px solid #ccc; width: 743px; height: 346px; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.hm_cjsp_slide .prev { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 30px; height: 60px; background: url(../images2021/index03_a.png) 0px 0px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.hm_cjsp_slide .next { position: absolute; top: 50%; margin-top: -25px; display: block; width: 30px; height: 60px; background: url(../images2021/index03_a.png) 0px 0px no-repeat; filter: alpha(opacity=50); opacity: 0.5; left: auto; right: 3%; background-position: -30px 0px; }
.hm_cjsp_slide .prev:hover, .hm_cjsp_slide .next:hover { filter: alpha(opacity=100); opacity: 1; }
.hm_cjsp_slide .prevStop { display: none; }
.hm_cjsp_slide .nextStop { display: none; }
.hm_cjsp_nav { float: right; width: 320px; height: 320px; }
.hm_cjsp_box { background: #fff; box-shadow: 0 0 30px rgba(158, 158, 158, .23); padding: 30px; border-radius: 20px; margin-top: 30px; }
.hm_cjsp_nav_ul { width: 350px; }
.hm_cjsp_nav_ul_li { margin-right: 50px; height: 130px; float: left; }
.hm_cjsp_nav_ul_li a { display: block; transition: all 0.3s; }
.hm_cjsp_nav_ul_li a span { display: block; margin-top: 10px; }
.hm_cjsp_nav_ul_li:hover a { margin-top: 10px; }
.hm_cjsp_nav_ul_li a { font-size: 16px; color: #000; }
.hm_lxwm { padding-top: 60px; }
.hm_lxwm_width { width: 1200px; margin: 0px auto; }
.hm_lxwm1 { width: 400px; float: left; text-align: center; border-right: 1px solid #ccc; box-sizing: border-box; }
.hm_lxwm_h2 { font-size: 22px; font-weight: bold; color: #121212; }
.hm_lxwm_ul { margin-top: 24px; }
.hm_lxwm_ul_li { }
.hm_lxwm_ul_li a { font-size: 16px; line-height: 30px; color: #535353; }
.hm_lxwm_cp2021 { margin-top: 24px; }
.hm_lxwm_cp2021_li { width:130px; float:left; }
.hm_lxwm_cp2021_li a { font-size: 16px; line-height: 30px; color: #535353; }
.hm_lxwm1_img { width: 160px; height: 160px; border:1px solid #ccc; box-shadow: -3px 1px 10px 5px rgba(136, 132, 132, 0.31); -webkit-box-shadow: -3px 1px 10px 5px rgba(136, 132, 132, 0.31); -moz-box-shadow: -3px 1px 10px 5px rgba(136, 132, 132, 0.31); }
.hm_lxwm1_p { color: #333; font-weight: bold; letter-spacing: 2px; margin-top: 10px; font-size: 14px; }
.hm_lxwm2 li { text-align: left; text-indent: 80px; font-size: 16px; line-height: 30px; color: #535353; letter-spacing: 1px; }
/************hm_footer************/
.hm_footer { margin-top: 80px; background: #000029; width: 100%; height: 60px; }
.hm_footer p { text-align: center; color: #888892; height: 60px; line-height: 60px; }
.hm_footer a { color: #fff; }
.beian { font-size:12px; background:url(../images2021/beian.png) left center no-repeat; height:23px; line-height:23px; padding:5px; padding-left:20px; margin-left:15px; font-size: 16px; }
/* --news-- */
.news { padding:60px 0; overflow:hidden; background:#f2f2f2; }
.news-group { width:1230px; overflow:hidden; margin:0 auto; }
.news-item { float:left; margin-right:15px; width:388px; overflow:hidden; border:#eee solid 1px; background:#fff; border-radius:5px; }
.news-item .hd { padding:0 19px; height:74px; line-height:74px; overflow:hidden; }
.news-item .hd a { display:block; }
.news-item .hd em { float:right; font-size:14px; color:#999; text-transform:uppercase; }
.news-item .hd span { font-size:20px; color:#333; }
.news-item .bd { padding:0 19px; overflow:hidden; margin-top:18px; }
.news-item .hotNews { position:relative; width:350px; height:200px; overflow:hidden; }
.news-item .hotNews .pic { display:block; width:350px; height:200px; overflow:hidden; }
.news-item .hotNews .pic img { display:block; width:350px; height:200px; transition: all 1s; }
.news-item .hotNews .tit { display:block; position:absolute; left:0; bottom:0; padding-top:60px; width:100%; height:40px; line-height:40px; color:#fff; font-size:14px; text-indent:10px; background:url(../images2020/news_shadow.png) no-repeat; }
.news-item .hotNews:hover .pic img { transform:scale(1.1); }
.news-item .hotNews:hover .tit { text-shadow:0 0 2px #fff; }
.news-item:hover { box-shadow:0 0 20px #ccc inset }
.news-list { margin:20px 10px; height:200px; overflow:hidden; }
.news-list li { height:40px; line-height:40px; font-size:14px; overflow:hidden; }
.news-list li a { display:block; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-list li a:hover { color:#e60009; }
.wrap-title { margin-bottom:30px; text-align:center; line-height:1.5; overflow:hidden; animation:fadeinT 1s ease-out backwards; }
.wrap-title h2 { font-size:35px; color:#333; font-weight:normal; }
.wrap-title h2 a { color:#333; }
.wrap-title p { font-size:18px; color:#666; }
.wrap-title.white * { color:#fff; }
/*易搜网络客服代码2021*/
.kefu { position: fixed; right: -170px; top: 50%; z-index: 900; }
.kefu li a { text-decoration: none; }
.kefu li { margin-top: 1px; clear: both; height: 71px; position: relative; }
.kefu li i { background: url(../images2021/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0 auto; text-align: center; }
.kefu li p { height: 20px; font-size: 14px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; margin: 0; }
.kefu .kefu-qq i { background-position: 4px 5px; }
.kefu .kefu-tel i { background-position: 0 -21px; }
.kefu .kefu-liuyan i { background-position: 4px -53px; }
.kefu .kefu-weixin i { background-position: -34px 4px; }
.kefu .kefu-weibo i { background-position: -30px -22px; }
.kefu .kefu-ftop { display: none; }
.kefu .kefu-ftop i { width: 33px; height: 35px; background-position: -27px -51px; }
.kefu .kefu-left { float: left; width: 77px; height: 47px; position: relative; }
.kefu .kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; }
.kefu .kefu-right { width: 20px; }
.kefu .kefu-tel-main { background: #d82634; color: #fff; height: 56px; width: 247px; padding: 9px 0 6px; float: left; }
.kefu .kefu-main { background: #d82634; width: 97px; height: 56px; position: relative; padding: 9px 0 6px; float: left; }
.kefu .kefu-weixin-pic { position: absolute; left: -132px; top: -24px; display: none; z-index: 333; }
.kefu-weixin-pic img { width: 130px; height: 130px; border:1px solid #ccc; }