* { box-sizing: border-box; }
body { background-color: #f2f2f2; margin: 0; padding: 0; }
a { text-decoration: none; }

.main_body { margin: 0 auto; min-height: 100vh; }

.top_logo { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 146px; padding: 0 40px; width: 1200px; margin: 0 auto; }
.top_logo .logo { height: 75px; margin-right: 30px; }
.top_logo .rtp{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.top_logo .rtp .tel { display: flex; flex-direction: row; align-items: center; }
.top_logo .rtp .tel .tel_ico { width: 26px; height: 26px; margin-right: 10px; }
.top_logo .rtp .tel .tt { font-size: 28px; line-height: 30px; color: #000000; }
.top_logo .rtp .zx { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 140px; height: 36px; background: linear-gradient(to right, #e46c28, #ffa726);border-radius:4px;margin-top:10px; }
.top_logo .rtp .zx .tel_ico { width: 26px; height: 28px; margin-right: 10px; }
.top_logo .rtp .zx .tt { font-size: 20px; line-height: 30px; color: #000000; }

.top_nav { display: flex; flex-direction: row; align-items: stretch; height: 60px; background-color: #FFA726; justify-content: center; width: 100%; }
.top_nav .nav_ul { width: 1200px; display: flex; flex-direction: row; align-items: center; }
.top_nav .nav_ul .li { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 30px; color: #000000; font-size: 16px; line-height: 24px; flex: 1; height: 100%; position: relative; }
.top_nav .nav_ul .li:hover {/* background-color: #ffd393;*/ font-weight: bold; }
.top_nav .nav_ul .pic { width: 32px; height: 32px; }
.top_nav .nav_ul .li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.top_nav .nav_ul .li .dropdown-menu { position: absolute; top: 43px; left: 0; min-width: 100%; background-color: #FFFFFF; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; z-index: 1; list-style: none; padding: 0; border-top: solid 3px #f17d30; }
.top_nav .nav_ul .li .dropdown-menu .dropdown-item { padding: 0; margin: 0; list-style: none; }
.top_nav .nav_ul .li .dropdown-menu .dropdown-item + .dropdown-item { border-top: solid 1px #eeeeee; }
.top_nav .nav_ul .li .dropdown-menu .dropdown-item .dropdown-link { display: block; padding: 12px 24px; color: #1e293b; font-size: 15px; transition: background-color 0.2s ease; text-align: center; }
.top_nav .nav_ul .li .dropdown-menu .dropdown-item:hover .dropdown-link { background-color: #FFA726; width: 100%; color: #FFFFFF; }

.banner { display: block; margin: 0 auto; height: 560px; width: 100%; overflow: hidden; }
.banner img { margin: 0 auto; display: block; }
.swap { width: 100%; height: 560px; margin: 0 auto; }
#slider { list-style: none; width: 100%; height: 100%; margin: 0; padding: 0; }
#slider li { width: 100%; height: 560px; display: none; position: absolute; }
#naviSlider { list-style: none; margin: 0 auto; width: 1200px; text-align: center; bottom: 50px; position: relative; }
#naviSlider li { height: 10px; width: 100px; cursor: pointer; display: inline-block; background-color: #cccccc; border-radius: 5px; margin: 0px 4px; *zoom: 1; *display: inline; *margin: 0px 10px; }
#naviSlider li.on { background-color: #ffa726; }

.pan_tt { display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: center; padding: 30px 0; margin-top: 50px; }
.pan_tt .ico { width: 28px; height: 28px; margin-right: 10px; }
.pan_tt .tt { font-size: 30px; line-height: 36px; color: #333333; font-weight: bold; }

.qydt_pan { width: 1200px; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.qydt_pan .pan1 { width: 360px; height: 453px; border-radius: 10px; background-color: #f6f6f6; display: flex; flex-direction: column; }
.qydt_pan .pan1 .pic { width: 100%; }
.qydt_pan .pan1 .tt1 { font-size: 18px; line-height: 30px; color: #ffa726; padding: 0 25px; margin-top: 20px; }
.qydt_pan .pan1 .tmp { display: flex; flex-direction: row; align-items: center; padding: 0 25px; margin: 5px 0; }
.qydt_pan .pan1 .tmp .ico { margin-right: 5px; }
.qydt_pan .pan1 .tmp .tm { font-size: 12px; line-height: 20px; color: #a7a7a7; }
.qydt_pan .pan1 .tt2 { font-size: 16px; line-height: 24px; color: #a7a7a7; padding: 0 25px; height: 72px; overflow: hidden; }
.qydt_pan .pan2 { width: 360px; height: 453px; border-radius: 10px; background-color: #f6f6f6; display: flex; flex-direction: column; padding: 0 25px; }
.qydt_pan .pan2 .li { display: flex; flex-direction: column; align-items: start; flex: 1; justify-content: center; }
.qydt_pan .pan2 .li + .li { border-top: solid 1px #DDDDDD; }
.qydt_pan .pan2 .li .tt1 { font-size: 18px; line-height: 30px; color: #333333; }
.qydt_pan .pan2 .li .tmp { display: flex; flex-direction: row; align-items: center; }
.qydt_pan .pan2 .li .tmp .ico { margin-right: 5px; }
.qydt_pan .pan2 .li .tmp .tm { font-size: 12px; line-height: 20px; color: #a7a7a7; }

.pan_2_ul { display: flex; flex-direction: row; align-items: center; }
.pan_2_ul .li { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 700px; position: relative; flex: 1; background-repeat: no-repeat; background-position: center 100%; cursor: pointer; }
.pan_2_ul .li .pic { background-color: #FFA726; width: 100px; height: 100px; border-radius: 50%; margin-bottom: 20px; }
.pan_2_ul .li .tt { color: #ffffff; font-size: 20px; height: 27px; }
.pan_2_ul .li .t2 { color: #ffffff; font-size: 12px; height: 20px; }
.pan_2_ul .li .t3 { color: #ffffff; font-size: 14px; height: 30px; display: none; }
.pan_2_ul .li .t4 { color: #ffa726; font-size: 14px; height: 30px; display: none; }
.pan_2_ul .li:hover .t3 { display: block; }
.pan_2_ul .li:hover .t4 { display: block; }


.zj_list { display: flex; flex-direction: row; flex-wrap: wrap; width: 1200px; margin: 0 auto; padding: 40px 0; justify-content: center; }
.zj_list .li { display: flex; flex-direction: column; align-items: center; justify-content: start; background-color: #f9f9f9; border-radius: 12px; padding: 24px; margin: 12px; width: 354px; height: 265px; }
.zj_list .li .info { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; width: 100%; border-bottom: solid 1px #ffa726; padding-bottom: 20px; }
.zj_list .li .info .pic { display: flex; width: 111px; height: 111px; border-radius: 50%; margin-right: 10px; }
.zj_list .li .info .tt { display: flex; flex-direction: column; align-items: start; }
.zj_list .li .info .tt .nm { display: flex;flex-direction:row;align-items:center; font-size: 24px; height: 38px; color: #333333; }
.zj_list .li .info .tt .nm .mr { width: 100px; height: 28px; background-color: #ffa726; display: flex; flex-direction: row; align-items: center; justify-content: center; color: #FFFFFF; font-size: 14px; line-height: 24px; border-radius:14px;margin-left:10px;}
.zj_list .li .info .tt .zc { font-size: 16px; line-height: 24px; color: #FFA726; }
.zj_list .li .brf { position: relative; flex: 1; }
.zj_list .li .brf .bd { font-size: 16px; line-height: 24px; color: #9A9A9A; max-height: 72px; overflow: hidden; }

.zl_sp { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 30px; }
.zl_sp .tt { font-size: 32px; line-height: 46px; color: #333333; }
.zl_sp .grt { display: flex; flex-direction: row; align-items: center; }
.zl_sp .grt .t1 { font-size: 32px; line-height: 46px; color: #FFA726; }
.zl_sp .grt .ico { width: 32px; height: 32px; }

.bottom_pan { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0 auto 50px auto; background-color: #333333; }
.bottom_pan .bottom_body { display: flex; flex-direction: row; align-items: center; width: 1200px; margin: 0 auto; justify-content: space-between; }
.bottom_pan .bottom_body .lfpan { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 160px; }
.bottom_pan .bottom_body .lfpan .mtt { display: flex; flex-direction: row; align-items: center; }
.bottom_pan .bottom_body .lfpan .mtt .ico { width: 20px; height: 20px; margin-right: 10px; }
.bottom_pan .bottom_body .lfpan .mtt .tt { font-size: 14px; line-height: 22px; color: #9A9A9A; }
.bottom_pan .bottom_body .lfpan .tel { font-size: 28px; line-height: 39px; color: #ffffff; }
.bottom_pan .bottom_body .lfpan .add { font-size: 14px; line-height: 23px; color: #ffffff; }
.bottom_pan .bottom_body .ctc { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 300px; margin: 50px 0; }
.bottom_pan .bottom_body .ctc .li { display: flex; flex-direction: column; align-items: center; }
.bottom_pan .bottom_body .ctc .li .ico { width: 121px; }
.bottom_pan .bottom_body .ctc .li .tt { font-size: 14px; line-height: 40px; color: #9A9A9A; }

.nav_pan { height: 50px; width: 100%; background-color: #ffa726;display:flex;flex-direction:row;align-items:center;justify-content:center; }
.nav_pan .nav_body { display: flex; flex-direction: row; align-items: center;justify-content:start; width: 1200px; margin: 0px auto; height: 50px; font-size: 14px; color: #FFFFFF; line-height: 30px; }
.nav_pan .nav_body .ico { margin-right: 10px; }
.nav_pan .nav_body a:link, .nav_pan a:active, .nav_pan a:visited { color: #FFFFFF; margin: 0 3px; }
.nav_pan .nav_body span { color: #FFFFFF; margin: 0 3px; }


.news_title { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 15px auto; justify-content: start; }
.news_title h1 { font-size: 28px; font-weight: bold; color: #282828; line-height: 40px; margin: 0; }
.news_title .lfp { display: flex; flex-direction: row; align-items: center; width: 100%; margin-top: 10px; justify-content: center; border-bottom: solid 1px #F2F2F2; padding-bottom: 20px; }
.news_title .lfp .ico { margin-right: 5px; }
.news_title .lfp .tm { font-size: 12px; line-height: 20px; color: #a7a7a7; margin: 0 30px; }

.news_body { display: flex; flex-direction: column; width: 100%; margin: 15px auto; font-size: 18px; color: #282828; line-height: 32px; }
.news_body p { text-indent: 2em; }

.news_body .mrp { display: flex; flex-direction: row; align-items: center; justify-content: center; border-top: solid 1px #dcdcdc; padding: 40px; margin-top: 40px; }
.news_body .mrp .mr { color: #ffa726; font-size: 14px; line-height: 40px; width: 140px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: solid 1px #ffa726; border-radius: 20px; cursor: pointer; }


.bottom_pan2 { display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: #535353; }
.bottom_pan2 .bottom_body2 { width: 1200px; padding: 40px 0; display: flex; flex-direction: row; align-items: start; }
.bottom_pan2 .bottom_body2 .lfp { display: flex; flex-direction: column; align-items: start; width: 360px; }
.bottom_pan2 .bottom_body2 .lfp .lxfs { font-size: 16px; line-height: 30px; color: #FFFFFF; padding: 20px 0; }
.bottom_pan2 .bottom_body2 .lfp .gzwm { font-size: 16px; line-height: 30px; color: #ffa726; padding: 20px 0; }
.bottom_pan2 .bottom_body2 .lfp .qrcode { display: flex; flex-direction: row; align-items: center; }
.bottom_pan2 .bottom_body2 .lfp .qrcode .ico + .ico { margin-left: 43px; }
.bottom_pan2 .bottom_body2 .rtp { display: flex; flex-direction: row; align-items: start; justify-content: space-between; flex: 1; }
.bottom_pan2 .bottom_body2 .rtp .li { display: flex; flex-direction: column; align-items: center; }
.bottom_pan2 .bottom_body2 .rtp .li a:link, .bottom_pan2 .bottom_body2 .rtp .li a:active, .bottom_pan2 .bottom_body2 .rtp .li a:visited, .bottom_pan2 .bottom_body2 .rtp .li a:hover { font-size: 16px; line-height: 40px; color: #FFFFFF; }

.sub_body { margin: 0 auto; width: 1200px; display: flex; flex-direction: row; align-items: start; justify-content: space-between; }
.sub_body .left_pan { width: 250px; display: flex; flex-direction: column; align-items: stretch;margin-right:30px; }
.sub_body .left_pan .left_nav { margin-bottom: 20px; background-color: #f9f9f9; }
.sub_body .left_pan .left_nav .mtt { border-bottom: solid 1px #ffa726; padding: 20px 20px; }
.sub_body .left_pan .left_nav .mtt .tt1 { color: #555555; font-size: 18px; line-height: 30px; }
.sub_body .left_pan .left_nav .mtt .tt2 { color: #000000; font-size: 26px; line-height: 30px; font-weight: bold; }
.sub_body .left_pan .left_nav .li { height: 50px; padding: 0 20px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: #000000; }
.sub_body .left_pan .left_nav .li .tt { font-size: 16px; line-height: 50px; }
.sub_body .left_pan .left_nav .li .ico { width: 16px; height: 16px; font-family: 宋体; }
.sub_body .left_pan .left_nav .li:hover, .sub_body .left_pan .left_nav .li.on { background-color: #ffa726; color: #FFFFFF; }

.sub_body .left_pan .lxwm { display: flex; flex-direction: column; align-items: stretch; background-color: #f9f9f9; width: 100%; }
.sub_body .left_pan .lxwm .mtt { border-bottom: solid 1px #ffa726; padding: 10px 20px; }
.sub_body .left_pan .lxwm .mtt .tt1 { color: #555555; font-size: 18px; line-height: 30px; }
.sub_body .left_pan .lxwm .mtt .tt2 { color: #000000; font-size: 26px; line-height: 30px; font-weight: bold; }

.sub_body .left_pan .lxwm .lxfs { padding: 5px 20px 20px 20px; }
.sub_body .left_pan .lxwm .lxfs .tel { color: #000000; font-size: 16px; line-height: 50px; border-bottom: solid 1px #cfcfcf; }
.sub_body .left_pan .lxwm .lxfs .dq { color: #000000; font-size: 16px; line-height: 40px; font-weight: bold; }
.sub_body .left_pan .lxwm .lxfs .add { color: #000000; font-size: 16px; line-height: 26px; }

.sub_body .right_body { flex: 1; overflow: hidden; }

.msg_box { background-color: #f9f9f9; padding: 30px; margin: 30px auto; }
.msg_box .msg_body { background-color: #FFFFFF; padding: 10px 30px; display: flex; flex-direction: column; align-items: center; }
.msg_box .msg_body .li { width: 100%; display: flex; flex-direction: column; align-items: start; }
.msg_box .msg_body .li .tt { font-size: 16px; color: #666666; line-height: 40px; }
.msg_box .msg_body .li input[type=text] { border: solid 1px #f5f5f5; width: 100%; height: 40px; padding: 0 10px; }
.msg_box .msg_body .li textarea { height: 100px; border: solid 1px #f5f5f5; width: 100%; padding: 0 10px; }
.msg_box .msg_body .bt { width: 170px; height: 42px; border-radius: 21px; background-color: #ffa726; color: #FFFFFF; font-size: 18px; display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 60px auto; }