@charset "utf-8";

/* ================================ */
/* Desgin By QRXN */
/* DingZhi Web Ddesign Css */
/* Ver 2.0.1 */
/* ================================= */

/*Main*/

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, textarea, select, th, td { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ol, ul { list-style: none; }
b, i, cite { font-weight: normal; font-style: normal; }
img, iframe { border: none; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, button { font: inherit; border: 0; outline: none; -webkit-appearance: none; font-family: Microsoft Yahei; }
body { font-size: 14px; line-height: 24px; font-family: Microsoft Yahei; color: #999; }
a { text-decoration: none; color: #333; transition: color 0.25s; }
a:hover { text-decoration: underline; color: #db4927; }
*:focus { outline: none; }

.swiper-slide .title a img { width: 100%; }

/*QR_Top ==============================*/

#S_Top { width: 100%; height: 120px; text-align: center; padding: 0px; margin: 0px; }
#S_Top div { text-align: left; }
#S_Top .dvs { width: 1300px; margin: 0 auto; text-align: center; overflow: hidden; position: relative; height: 120px; }
#S_Top .dvs .hlogo { width:450px; position: absolute; left: 0px; top: 20px; overflow: hidden; }
#S_Top .dvs .hlogo img {width:99%;}

#S_Top .dvs .hslogan { width: 230px; position: absolute; left: 480px; top: 40px; overflow: hidden; }
#S_Top .dvs .hslogan img { width: 99%; }

/*tsq_dvs ==============================*/

#S_Top .dvs .tsq_dvs { width: 350px; position: absolute; top: 70px; right: 10px; height: 36px; overflow: hidden; background-color: #fff; border-radius: 4px; border: 1px #007779 solid; padding: 0px 0px 0px 0px; }
#S_Top .dvs .tsq_dvs input { float: left; display: inline; width: 72%; color: #000; font-size: 14px; font-weight: 300; margin: 0px 0px 0px 0px; height: 36px; text-indent: 10px; background-color: transparent; border: 0px #014099 solid; }
#S_Top .dvs .tsq_dvs button { float: right; display: inline; color: #fff; width: 26%; letter-spacing: 3px; height: 36px; font-size: 15px; margin: 0px 0px 0px 0px; background-color: #007779; border: 0px #014099 solid; }

/*Tb_Xdh ==============================*/

.Tb_Xdh { width: 300px; position: absolute; right: 0px; top: 28px; overflow: hidden; }
.Tb_Xdh ul { width: 100%; margin: 0 auto; overflow: hidden; text-align: center;  }
.Tb_Xdh li { width: 30%; margin: 0 auto; overflow: hidden; text-align: left; margin: 0px 10px 0px 0px; font-size: 15px; float: left; display: inline; color: #bebebe; }
.Tb_Xdh li span { display:block;float:left; width: 28px; height: 28px; margin: 0 auto; overflow: hidden; text-align: center; background: url(/Images/home/txdh.png) 0px -6px no-repeat; background-size: 300px; }
.Tb_Xdh li:nth-child(1) span { background-position: -13px -6px; width: 28px; height: 28px; overflow: hidden; }
.Tb_Xdh li:nth-child(2) span { background-position: -114px -6px; width: 28px; height: 28px; overflow: hidden; }
.Tb_Xdh li:nth-child(3) span { background-position: -215px -6px; width: 28px; height: 28px; overflow: hidden; }

.Tb_Xdh li:hover {color:#007779; cursor:pointer; }

/*S_Dhs ==============================*/

#S_Dhs { text-align: center; margin: 0px; height: 50px; background-color: #bf1f1f; }
#S_Dhs div { text-align: left; }
#S_Dhs .dvs { width: 1300px; margin: 0 auto; text-align: center; height: 50px; }

/*Sub_BNav ==============================*/

#S_Dhs .dvs #Sub_Hnav { width: 13%; height: 50px;float: left; display: inline;margin: 0 auto; text-align: center;  }
#S_Dhs .dvs #Sub_Hnav span { display:block; width: 110px; height: 30px; line-height: 30px; color: #ffdc62; border-radius: 10px; border: 1px #ffdc62 solid; margin: 0 auto; text-align: center; font-size: 16px;margin-top:10px; }
#S_Dhs .dvs #Sub_Hnav span:hover { color: #fff0a7; cursor: pointer; }

/*Sub_BNav ==============================*/

#S_Dhs .dvs #Sub_BNav { width: 87%; margin: 0 auto; text-align: center; margin-left: 0px; float: left; display: inline; border: 0px #014099 solid; }

#S_Dhs .dvs #Sub_BNav .menu { width: 100%; margin: 0 auto; padding: 0px 0px 0px 0px; }
#S_Dhs .dvs #Sub_BNav .menu ul { width: 100%; margin: 0 auto; padding: 0px 0px 0px 0px; }
#S_Dhs .dvs #Sub_BNav .menu li { float: left; text-align: center; list-style-type: none; height: 50px; line-height:30px; position: relative; }
#S_Dhs .dvs #Sub_BNav .menu li a { color: #fff; font-size: 16px; display: block; padding: 10px 35px 0px 35px; text-decoration: none; margin: 0 auto; }
#S_Dhs .dvs #Sub_BNav .menu li a:hover { color: #fff; font-size: 16px; display: block; padding: 10px 35px 0px 35px; text-decoration: none; margin: 0 auto; }
#S_Dhs .dvs #Sub_BNav .menu li:hover { background-color: #f7c234; height: 50px; }

/*S_Adv ==============================*/

.apple-banner { position: relative;clear:both; }

/*hpg_footer*/

.hpg_footer { width: 100%; background-color: #bf1f1f; color: #fff; overflow: hidden; overflow: hidden; height: 218px; }
.hpg_footer div { text-align: left; }
.hpg_footer .dvs { width: 1300px; margin: 0 auto; text-align: center; height: 218px; overflow: hidden; }

.hpg_footer .dvs .ft_dv1 { float: left; width: 500px; margin: 30px 0px 0px 0px; overflow: hidden; border-right: #ed8686 1px solid; height: 140px; }
.hpg_footer .dvs .ft_dv1 img { width: 90%; }

.hpg_footer .dvs .ft_dv2 { float: left; width: 420px; font-size: 14px; line-height: 24px; margin: 30px 30px 0px 35px; overflow: hidden; border-right: #ed8686 1px solid; height: 140px; }
.hpg_footer .dvs .ft_dv2 .lk { width: 100%; text-align: center; overflow: hidden; }
.hpg_footer .dvs .ft_dv2 .lk a { display: block; float: left; text-align: center; width: 18%; margin: 20px 0px 10px 0px; font-size: 16px; color: #fff; }
.hpg_footer .dvs .ft_dv2 .lk a:hover { text-decoration: none; }

.hpg_footer .dvs .ft_dv3 { float: right; width: 245px; margin: 0px 42px 0 0; margin-top: 30px; }
.hpg_footer .dvs .ft_dv3 span { float: left; display: block; text-align: center; margin: 0px 20px 15px 0px; overflow: hidden; }
.hpg_footer .dvs .ft_dv3 p { font-size: 14px; line-height: 18px; color: #fff; margin-top: 6px; clear: both; }

/*S_Djw_adv ==============================*/

#S_Djw_adv { background: url(/Upfile/Adv/dj_adv_01.jpg) top center no-repeat; background-size: 102%; text-align: center; margin: 0px; min-height:613px; }
#S_Djw_adv div { text-align: left; }

/*Sy_cts_adv1 ==============================*/

.Sy_cts_adv1 { text-align: center; margin: 0px; overflow: hidden; margin-top: 30px; height: 400px; }
.Sy_cts_adv1 div { text-align: left; }
.Sy_cts_adv1 .dvs { width: 1300px; overflow: hidden; margin: 0 auto; position: relative; text-align: center; }

.Sy_cts_adv1 .dvs .pp_tv { width: 585px; height: 380px; overflow: hidden; margin: 0px 0px 10px 0px; text-align: center; float: left; display: inline; border: 10px #dddddd solid; }

.Sy_cts_adv1 .dvs .pp_xwzx { width: 608px; height: 450px; overflow: hidden; margin: 0px 0px 10px 10px; text-align: center; float: left; display: inline; }

.Sy_cts_adv1 .dvs .pp_xwzx .xw_lx { width: 100%; overflow: hidden; margin: 0 auto; text-align: center; }
.Sy_cts_adv1 .dvs .pp_xwzx .xw_lx ul { width: 100%; overflow: hidden; margin: 0 auto; text-align: center; margin-left: 10px; border-bottom: 1px #dddddd solid; }
.Sy_cts_adv1 .dvs .pp_xwzx .xw_lx li { width: 120px; color: #000; font-size: 16px; font-weight: 600; height: 35px; line-height: 35px; float: left; display: inline; text-align: center; list-style-type: none; margin: 5px 0px 10px 10px; overflow: hidden; }
.Sy_cts_adv1 .dvs .pp_xwzx .xw_lx li:hover { cursor: pointer; color: #014099; font-size: 18px; }
.Sy_cts_adv1 .dvs .pp_xwzx .xw_lx li span { width: 20px; transform: skew(-35deg); transform-origin: top left; margin-top: 10px; float: right; display: inline; text-align: center; height: 15px; overflow: hidden; border-right: 1px #808080 solid; }

/* xw_ls */

.Sy_cts_adv1 .dvs .pp_xwzx .xw_ls { width: 100%; overflow: hidden; margin: 0px 0px 0px 10px; text-align: center; }
.Sy_cts_adv1 .dvs .pp_xwzx .xw_ls ul { width: 100%; overflow: hidden; margin: 10px 1% 0% 1%; }
.Sy_cts_adv1 .dvs .pp_xwzx .xw_ls li { width: 97%; overflow: hidden; margin: 0 auto; position: relative; }

.Sy_cts_adv1 .dvs .pp_xwzx .xw_ls li .txt { color: #808080; width: 80%; overflow: hidden; text-align: left; margin:3px 0% 2% 0%; text-overflow: ellipsis; color: #000; font-size: 16px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; }
.Sy_cts_adv1 .dvs .pp_xwzx .xw_ls li .dtm { color: #808080; width: 20%; overflow: hidden; text-align: right; font-size: 12px; margin: 15px 0% 0% 0%; color: #808080; position: absolute; right: 10px; top: 0px; }

.Sy_cts_adv1 .dvs .pp_tv { width: 585px; height: 350px; overflow: hidden; margin: 0px 0px 10px 0px; text-align: center; float: left; display: inline; border: 10px #dddddd solid; background-color: #000; }

/* focus */
.focus { width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 360px; }

.focus .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; text-align: center; }
.focus .hd ul { margin-left: 40%; overflow: hidden; text-align: center; }
.focus .hd ul li { margin: 2% 2% 2% 2%; float: left; width: 10px; height: 10px; line-height: 10px; border-radius: 10px; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 0; overflow: hidden; background-color: rgba(255,255,255,0.5); }
.focus .hd ul .on { background-color: rgba(161,8,0,1); }

.focus .bd { position: relative; z-index: 0; }
.focus .bd li img { width: 100%; }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

/*banner*/
.banner { width: 100%; top: 0; margin: 0 auto; padding: 0; }
.banner img { display: block; width: 100%; }
.content { padding: 0px 0.833em; background: #e7e7e7; padding-top: 1em; }

/*Sy_cts_adv2 ==============================*/

.Sy_cts_adv2 { width: 100%; height: 362px; text-align: center; margin: 0px; overflow: hidden; height: 205px;margin-bottom:40px; }
.Sy_cts_adv2 div { text-align: left; }
.Sy_cts_adv2 .dvs { background: url(/Images/home/c_djw_ad.jpg) top center no-repeat; background-size: 100%; width: 1300px; height: 205px; margin: 0 auto; text-align: center; overflow: hidden; }


/*Sy_cts_adv3 ==============================*/

.Sy_cts_adv3 { text-align: center; margin: 0px; overflow: hidden; margin-bottom: 30px;}
.Sy_cts_adv3 div { text-align: left; }
.Sy_cts_adv3 .dvs { width: 1300px; overflow: hidden; margin: 0 auto; position: relative; text-align: center; }

.Sy_cts_adv3 .dvs .pp_xwzx { width: 46%;overflow: hidden; margin: 0px 30px 10px 10px; text-align: center; float: left; display: inline; }

.Sy_cts_adv3 .dvs .pp_xwzx .xw_lx { width: 100%; overflow: hidden; margin: 0 auto; text-align: center; }
.Sy_cts_adv3 .dvs .pp_xwzx .xw_lx ul { width: 100%; overflow: hidden; margin: 0 auto; text-align: center; margin-left: 10px; border-bottom: 1px #dddddd solid; }
.Sy_cts_adv3 .dvs .pp_xwzx .xw_lx li { width: 120px; color: #000; font-size: 16px; font-weight: 600; height: 35px; line-height: 35px; float: left; display: inline; text-align: center; list-style-type: none; margin: 5px 0px 10px 10px; overflow: hidden; }
.Sy_cts_adv3 .dvs .pp_xwzx .xw_lx li:hover { cursor: pointer; color: #014099; font-size: 18px; }
.Sy_cts_adv3 .dvs .pp_xwzx .xw_lx li span { width: 20px; transform: skew(-35deg); transform-origin: top left; margin-top: 10px; float: right; display: inline; text-align: center; height: 15px; overflow: hidden; border-right: 1px #808080 solid; }

/* xw_ls */

.Sy_cts_adv3 .dvs .pp_xwzx .xw_ls { width: 100%; overflow: hidden; margin: 0px 0px 0px 10px; text-align: center; }
.Sy_cts_adv3 .dvs .pp_xwzx .xw_ls ul { width: 100%; overflow: hidden; margin: 10px 1% 0% 1%; }
.Sy_cts_adv3 .dvs .pp_xwzx .xw_ls li { width: 97%; overflow: hidden; margin: 0 auto; position: relative; }

.Sy_cts_adv3 .dvs .pp_xwzx .xw_ls li .txt { color: #808080; width: 80%; overflow: hidden; text-align: left; margin: 3px 0% 2% 0%; text-overflow: ellipsis; color: #000; font-size: 16px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; }
.Sy_cts_adv3 .dvs .pp_xwzx .xw_ls li .dtm { color: #808080; width: 20%; overflow: hidden; text-align: right; font-size: 12px; margin: 15px 0% 0% 0%; color: #808080; position: absolute; right: 10px; top: 0px; }

.Sy_cts_adv3 .dvs .pp_xwzx .xw_advt { width:100%; overflow: hidden; text-align: center; margin: 35px 0% 40px 20px; }
.Sy_cts_adv3 .dvs .pp_xwzx .xw_advt img { width: 95%; border-radius:10px; }