@charset "utf-8";
body { background:url(../images/bj.jpg) no-repeat center; background-size:cover ; margin:0; padding:0; font-family:arial, "微软雅黑",Verdana, Geneva, sans-serif;  font-weight: normal; min-width: 1280px;}
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:#333333; transition: all .3s;}
a:hover { color:#2068b0; text-decoration:none;}
/*public*/
.header_bg { width: 100%; height: auto; overflow: hidden; display: block;  margin: 0px auto; background: #FFFFFF; padding-bottom: 15px;}
.top_bg { width: 100%; overflow: hidden; height: 36px; display: block; border-bottom:1px solid #d9d9db; background: #fbfbfb;}
.header_wd { width: 94%; height:auto; position: relative; max-width: 1200px; margin: 0px auto; overflow: hidden;}
.tb-right { display: inline-block; font-size: 13px; line-height: 36px; text-align: right; overflow: hidden; float: right;}
.tb-right a { display: inline-block; vertical-align: middle; margin-left: 30px;}
.logo { width:160px; height: auto; overflow: hidden; display: block; float: left; margin-top: 20px;}
.nav_bg { width: 100%; height: 45px; display: block; background: #2068b0;}
.nav_ul { width: 1200px; height:45px; display: block; margin: 0px auto; position: relative;}
.nav_ul li { display: block; height: 45px; width: 14.2857%; float: left; text-align: center; position: relative; font-size: 15px; line-height: 45px; }
.nav_ul li:hover { background: #155492;}
.nav_ul li.cur { background: #155492;}
.nav_ul li a { font-size: 15px; line-height: 45px; display: block; width: 100%; color: #ffffff;}
.nav_ul li dl { width: 100%; height: auto; overflow: hidden; display:none; position: absolute; z-index: 9; top: 45px; background: #edf5ff; padding: 10px 0px; box-shadow: 0px 2px 5px rgba(0,0,0,.2);}
.nav_ul li dl dd { width: 100%; height: 40px; font-size: 13px; line-height: 40px; overflow: hidden;}
.nav_ul li dl dd a { font-size: 13px; display: block; line-height: 40px; color: #333333;}
.nav_ul li dl dd:hover a { display: block; color: #fa7204; background: #f5eee9; font-weight: bold;}
.nav_ul li:hover dl { display: block;}
.nav_img_bg { display: none; width: 35px; height: 25px; margin-top: 20px; cursor: pointer; float: right; margin-right: 3%;}
.nav_u_down2 { display: none;}
.search_bg { width: 490px; height: 40px; display: block; float: right; overflow: hidden; margin-top: 30px; position: relative; padding:0px 40px 0px 100px; box-sizing: border-box;}
.search_bg .text { width: 100%; height: 40px; display: block; border: 1px solid #cccccc; overflow: hidden; padding: 0px 10px; box-sizing: border-box; font-size: 14px; line-height: 38px; outline: none;}
.search_bg .button { width: 40px; height: 40px; display: block; position: absolute; z-index: 9; right: 0; top: 0; border: none; outline: none; cursor: pointer; background: url(../images/search_btn.png) no-repeat center #bbbbbb;}
.search_bg .des_ab { width: 100px; height: 40px; border: 1px solid #cccccc; border-right: none; box-sizing: border-box; text-align: center; font-size: 14px; line-height: 38px; position: absolute; z-index: 9; left: 0; top: 0; cursor: pointer;}
.ebs { width: 70px; height: auto; overflow: hidden; float: right; display: block; margin-top: 15px; margin-left: 15px;}
.wap_header { display: none;}
.wap_logo { display: none;}
.wap_search { display: none;}
.wap_header_bg { display: none;}
.wap_tc { display: none;}
/*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 { width: 100%; height: auto; overflow: hidden; display: block;}
.banner_bg .swiper-pagination-banner { width: 100%; text-align: center; position: absolute; bottom: 20px; z-index: 99;}
.banner_bg .swiper-pagination-bullet { width: 14px; height: 14px; background: #2068b0; opacity: .6; margin: 0px 5px; outline: none; border-radius: 100%;}
.banner_bg .swiper-pagination-bullet-active { opacity: 1; background:#2068b0; width:14px; height: 14px; box-sizing: border-box;}


.width { width:94%; height: auto; overflow: hidden; margin: 0px auto; display: block; position: relative; max-width: 1200px;}
.left { width:850px; height: auto; overflow: hidden; display: block; float: left;}
.left_con_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 35px;}
.left_tit_bg { width: 100%; height: 40px; display: block; overflow: hidden;  position: relative;}
.left_tit { width: 160px; height: 40px; display: block; overflow: hidden; background: #2068B0; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff;}
.left_more { display: inline-block; font-size: 14px; line-height: 40px; position: absolute; z-index: 5; top: 0; right: 0;}
.left_more a { color: #666666;}
.left_more a span { font-family: simsun; font-weight: bold; margin-left: 2px; color: #2068B0;}
.left_more a:hover { color: #2068B0;}
.left_white { width: 100%; height: auto; overflow: hidden; background: #FFFFFF; padding: 25px; box-sizing: border-box; border: 1px solid #f2f2f2; border-top: 2px solid #2068b0;}
.left_news_ul { width: 100%; height: 200px; display: block; overflow: hidden;}
.left_news_ul li { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 40px;}
.left_news_ul li a { width: 520px; line-height: 40px; display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.left_news_ul li span { float: right; color: #bbbbbb;}
.left_menu_bg { width: 100%; height: auto; overflow: hidden; background: #FFFFFF; padding: 25px; box-sizing: border-box; border: 1px solid #f2f2f2; border-top: 2px solid #2068b0;}
.left_menu_l { width: 47%; height: auto; overflow: hidden; display: block; float: left;}
.left_menu_tit { display: block; font-size: 16px; line-height: 25px; position: relative; color: #333333; font-weight: bold; overflow: hidden;}
.left_more02 { display: inline-block; font-size: 14px; line-height: 25px; position: absolute; z-index: 5; top: 0; right: 0; font-weight: normal;}
.left_more02 a { color: #666666;}
.left_more02 a span { font-family: simsun; font-weight: bold; margin-left: 2px; color: #2068B0;}
.left_more02 a:hover { color: #2068B0;}
.left_menu_ul { width: 100%; height: 160px; display: block; overflow: hidden; margin-top: 10px;}
.left_menu_ul li { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 40px;}
.left_menu_ul li a { width: 300px; line-height: 40px; display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.left_menu_ul li span { float: right; color: #bbbbbb;}
.left_menu_r { width: 47%; height: auto; overflow: hidden; display: block; float: right;}

.right { width: 320px; height: auto; overflow: hidden; display: block; float: right;}
.right_con_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 35px;}
.right_tit_bg { width: 100%; height: 40px; display: block; overflow: hidden;  position: relative;}
.right_tit { width: 120px; height: 40px; display: block; overflow: hidden; background: #2068B0; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff;}
.right_more { display: inline-block; font-size: 14px; line-height: 40px; position: absolute; z-index: 5; top: 0; right: 0;}
.right_more a { color: #666666;}
.right_more a span { font-family: simsun; font-weight: bold; margin-left: 2px; color: #2068B0;}
.right_more a:hover { color: #2068B0;}
.right_white { width: 100%; height: auto; overflow: hidden; background: #FFFFFF; padding: 20px; box-sizing: border-box;border: 1px solid #f2f2f2; border-top: 2px solid #2068b0;}
.right_news_ul { width: 100%; height: 200px; display: block; overflow: hidden;}
.right_news_ul li { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 40px;}
.right_news_ul li a { width: 100%; line-height: 40px; display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.iadd_img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.icontact_bg { width: 100%; height: auto; overflow: hidden; background: #ffffff; border: 1px solid #f2f2f2; box-sizing: border-box; border-top: 2px solid #2068B0; padding: 20px; margin-top: 20px;}
.icontact_tit { display: block; font-size: 16px; font-weight: bold; overflow: hidden; line-height: 25px;}
.icontact_info { display: block; font-size: 14px; line-height: 30px; overflow: hidden; color: #333333; margin-top: 12px; height: 240px;}
.ifoot_img { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1200px; margin: 35px auto 0px auto;}

.flink_bg  { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1200px; margin: 35px auto 0px auto;}
.flink_tit { width: 100%; display: block; font-size: 18px; line-height: 25px; overflow: hidden; color: #000000; font-weight: bold; border-left: 5px solid #2068b0; padding-left: 15px; box-sizing: border-box;}
.flink_con { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; padding: 15px 10px; box-sizing: border-box; margin-top: 20px;}
.flink_con a { display: inline-block; font-size: 14px; line-height: 28px; overflow: hidden; margin: 0px 8px;}
/*foot_start*/
.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; background: url(../images/footer.png) no-repeat center; background-size:cover ; margin-top: 35px; padding: 30px 0px;}
.foot_info { width:100%; height: auto; overflow: hidden; text-align: center; font-size: 13px; line-height: 30px; color: #FFFFFF;}
.foot_info a { color: #FFFFFF;}
/*内页*/
.place_bg { width: 100%; height: auto; overflow: hidden; display: block; font-size: 13px; line-height: 25px; margin-top: 35px; color: #333333;}
.place_bg a { margin: 0px 5px;}
.page_tit { width: 100%; height: auto; display: block; overflow: hidden; font-size: 18px; line-height:30px; color: #333333; font-weight: bold; text-align: center;}
.page_con { width: 100%; height: auto; min-height: 480px; overflow: hidden; display: block; margin-top: 20px;  background: #ffffff; padding:25px 30px; box-sizing: border-box; border: 1px solid #eeeeee;}
.page_info { width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 35px; color: #444444; display: block; margin-top: 20px;}
.page_info img { max-width: 100%; margin: 20px auto 0px auto; overflow: hidden; display: block;}

.page_catname_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #2068b0; padding: 15px 20px; box-sizing: border-box; margin-top: 35px;}
.page_catname { font-size: 15px; line-height: 25px; font-weight: bold; display: block; overflow: hidden; color: #ffffff;}
.page_catname span { display: block; font-size: 12px; line-height: 20px; overflow: hidden; font-weight: normal;}
.page_nav_ul { width: 100%; height: auto; overflow: hidden; background: #fff9e9; border: 1px solid #eeeeee; box-sizing: border-box;}
.page_nav_ul li { width: 100%; height: auto; overflow: hidden; display: block; font-size: 14px; font-weight: bold; line-height: 40px;}
.page_nav_ul li a { display: block; overflow: hidden; padding-left: 35px; box-sizing: border-box; color: #ff4448;}
.page_nav_ul li a:hover { background: #ffffff;}
.page_nav_wap { display: none;}

.r_qa_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px; border: 1px solid #e6e6e6; box-sizing: border-box;}
.r_qa_tit { width: 100%; height: 46px; display: block; padding: 0px 20px; box-sizing: border-box; overflow: hidden; border-bottom: 1px solid #e6e6e6; background: #f6f6f6; font-size: 16px; font-weight: bold; line-height: 45px;}
.r_qa_tit span { float: right; font-weight: normal; font-size: 13px;}
.r_qa_tit span a { color: #777777;}
.r_qa_tit span a:hover { color: #2068B0;}
.r_qa_ul { width: 100%; height: auto; overflow: hidden; display: block; padding: 15px 20px; background: #ffffff; box-sizing: border-box;}
.r_qa_ul li { display: block; font-size: 13px; line-height: 30px; overflow: hidden;}
.r_qa_ul li a { display: block; background: url(../images/dot_news.png) no-repeat left; padding-left: 15px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*新闻*/
.news_con { width: 100%; height: auto; min-height: 480px; overflow: hidden; display: block; margin-top: 20px;  background: #ffffff; padding:25px 20px; box-sizing: border-box; border: 1px solid #eeeeee; border-top: 2px solid #2068b0;}
.news_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.news_ul li { width: 100%; height: auto; overflow: hidden; display: block; position: relative; font-size: 14px; line-height: 40px; padding: 0px 20px; box-sizing: border-box;}
.news_ul li:hover { background: #f6f6f6;}
.news_ul li a { display: block; background: url(../images/dot_news.png) no-repeat left; padding-left: 15px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_ul li span { float: right; color: #999999; margin-left: 40px;}

.pagelist { width: 100%; height: auto; overflow: hidden; margin-top: 50px; font-size: 13px; line-height: 25px; text-align: center; border-top: 1px solid #eeeeee; padding-top: 20px;}
.pagelist b { margin: 0px 4px;}
.pagelist a { margin: 0px 2px; display: inline-block; overflow: hidden; padding: 0px 8px; line-height: 25px; vertical-align: middle; font-size: 13px; border: 1px solid #cccccc;}
.pagelist a.a1 { display: inline-block; padding: 0px 8px; line-height: 25px; border: 1px solid #cccccc; vertical-align: middle;}
.pagelist a:hover { background: #2068B0; color: #ffffff; border: 1px solid #2068B0;}
.pagelist span { display: inline-block; padding: 0px 8px; line-height: 25px; border: 1px solid #2068B0; vertical-align: bottom; background: #2068B0; color: #ffffff;}
.show_con { width: 100%; height: auto; min-height: 480px; overflow: hidden; display: block; margin-top: 20px;  background: #ffffff; padding:25px 30px; box-sizing: border-box; border: 1px solid #eeeeee;}
.show_tit { width: 100%; height: auto; display: block; font-size: 20px; line-height: 30px; color: #333333; text-align: center; box-sizing: border-box;}
.value_bg { width: 100%; height: auto; overflow: hidden; display: block; background:#f8f8f8; text-align: center; margin-top: 15px; box-sizing: border-box; padding: 10px 0px; border-radius: 3px;}
.value { display:inline-block; font-size: 13px; line-height: 20px; color: #555555; text-align: center; background: url(../images/dot_time.png) no-repeat left; padding-left: 23px;}
.show_info { width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 35px; color: #444444; display: block; margin-top: 20px;}
.show_info img { max-width: 100%; margin: 20px auto 0px auto; overflow: hidden; display: block;}
.show_fu { display: block; width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.show_fu_tit { display: block; font-size: 15px; line-height: 30px; color: #000000; overflow: hidden;}
.show_fu_list { display: block; font-size: 14px; line-height: 35px; overflow: hidden;}
.show_fu_list a { color: #2068B0;}
.show_fanye { display: block; font-size: 13px; line-height: 20px; overflow: hidden; margin-top: 20px;}
.show_page_list { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap;}

.contact_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 45px; background:url(../images/map.png) no-repeat center; padding: 40px 0px;}
.contact_wd { width: 94%; height: auto; overflow: hidden; display: block; margin: 0px auto; max-width: 800px;}
.contact_tit { font-size: 18px; line-height: 25px; display: block; font-weight: bold; color: #00A3A3; text-align: center; overflow: hidden;}
.contact_info { font-size: 14px; line-height: 28px; display: block; color: #444444; text-align: center; overflow: hidden; margin-top: 15px;}
.contact_info img { max-width: 100%; height: auto; overflow: hidden; display: block; margin: 20px auto 0px auto;}

.mes_ul { width: 94%; height: auto; overflow: hidden; display: block; margin: 30px 0px; max-width: 500px;}
.mes_ul li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.mes_ul li .input_text { width:100%; height: auto; overflow: hidden; float: left; padding: 0px 15px; box-sizing: border-box; margin-top: 20px;}
.mes_ul li .text { width: 100%; height: auto; overflow: hidden; display:block; border: none; border: 1px solid #bbbbbb; font-size: 14px; line-height: 35px; padding: 0px 10px; box-sizing: border-box;}
.mes_ul li .input_test { width:100%; height: auto; overflow: hidden; display: block; padding: 0px 15px; box-sizing: border-box;}
.mes_ul li .test { width: 100%; height: auto; min-height: 90px; overflow: hidden; display:block; border: 1px solid #bbbbbb; font-family: arial; font-size: 14px; line-height: 35px; padding: 0px 10px; box-sizing: border-box;}
.mes_ul li .mes_sub { width: 70%; height: 40px; display: block; margin: 0px auto; max-width: 300px; text-align: center; border: none; outline: none; color: #ffffff; line-height: 40px; background: #2068B0; cursor:pointer;}

.pic_tit { display: block; font-size: 23px; font-weight: bold; line-height: 35px; margin-top: 40px; overflow: hidden; color: #444444;}

.ul_listpic { width: 100%; height: auto; overflow: hidden; display: block; }
.ul_listpic li { width: 33.3333%; height: auto; overflow: hidden; float: left; padding: 0px 8px; margin-top: 15px; box-sizing: border-box;}
.ul_listpic li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.ul_listpic li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ul_listpic li .img img { transition: all .3s; }
.ul_listpic li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.ul_listpic li .tit { display: block; width: 100%; height: 35px; background: rgba(0,0,0,.5); text-align: center; padding: 0px 10px; font-size: 13px; line-height: 35px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; position: absolute; z-index: 9; bottom: 0; left: 0;}


/*客服*/
.kefu_bg { width: 45px; height: 240px; display: block; position: fixed; z-index: 999;right: 5px; top: 50%; transform: translateY(-50%);}
.kefu_bg li { width: 45px; height: 45px; display: block; position: relative; margin-top: 5px;}
.kefu_bg li a { width: 45px; height: 45px; display: block; background: #00a3a3; border-radius: 5px; overflow: hidden; text-align: center; overflow: hidden; padding: 8.5px; box-sizing: border-box;}
.kefu_bg li .ab{ position:absolute; display:none; height: auto; overflow: hidden; padding-right:5px; box-sizing: border-box; z-index: 9; top: 0; right: 45px;}
.kefu_bg li:hover .ab { display: inline-block;}
.kefu_bg li .con { display:block; border: 1px solid #cccccc; background: #ffffff; padding: 5px 10px; box-sizing: border-box; font-size: 12px; line-height: 30px; color: #666666;} 
.kefu_bg li .con .p { display: block; overflow: hidden; white-space: nowrap;}
.kefu_wap { display: none;}
.kefu_wap_bg { display: none;}
.star_ul { width:100%; max-width: 1200px; height: auto; overflow: hidden; display: block; margin: 20px auto 0px auto; background: #ffffff; padding: 20px; border: 1px solid #e6e6e6; box-sizing: border-box;}
.star_ul li { width: 100%; height: auto; overflow: hidden; display: block; position: relative; font-size: 14px; line-height: 40px; padding: 0px 20px; box-sizing: border-box;}
.star_ul li:hover { background: #f6f6f6;}
.star_ul li a { display: block; background: url(../images/dot_news.png) no-repeat left; padding-left: 15px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.star_ul li span { float: right; color: #999999; margin-left: 40px;}