@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, em, b, i, u, s, dl, dt, dd, ol, ul, li, input, select, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; outline: 0 none; border: 0 none; -webkit-text-size-adjust: none }
html { _background-image: url(blank.jpg); _background-attachment: fixed; overflow-x: hidden; overflow-y: scroll }
body { font-family: "Microsoft Yahei", \5FAE\8F6F\96C5\9ED1, Arial, simHei, "宋体", Helvetica; font-size: 18px; color: #000 }
.arial { font-family: "arial" }
article, aside, dialog, figure, footer, header, legend, nav, section, time { display: block }
a { text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur())
}
button { border: 0 }
ul, ol, li { list-style: none }
h1, h2, h3, h4, h5, h6, em, b, i, u { font-style: normal; font-weight: normal; }
img { border: 0; -ms-interpolation-mode: bicubic; }
input, button, ul li { vertical-align: top }
input, button:focus { outline: 0; }
textarea { resize: none }
.fl{ float: left}
.fr{ float: right}
.clearfix { zoom: 1 }
.clearfix:after { visibility: hidden; display: block; clear: both; height: 0; font-size: 0; content: "." }
section { width: 1000px; margin: 0 auto; }
img { -ms-interpolation-mode: bicubic; vertical-align: top; border: 0 }
.clear{ clear: both}
.ban{width: 100%; height: 670px; margin-top: -6px; background: url(../imgs/ban-bac.jpg) no-repeat center center}
.ban-img{ display: block; margin:0 auto; padding-top: 20px;}
.time { font-size: 22px; line-height: 30px; color:#fff; text-align: center; }
.ban-td{width: 700px; margin: 0 auto; overflow: hidden;padding-top: 25px;}
.ban-td li{ float: left; width: 150px; height: 150px; border: 1px dashed #fff; border-radius: 50%; margin: 0 8px;}
.ban-td li img{display: block; margin: 0 auto; padding-top: 20px}
.ban-td li p{ font-size: 17px; color: #fff; text-align: center; padding-top: 6px;}
.ban-td li p span{color: #ffc432; font-weight: bold}
.nav{ width: 100%; height: 100px; background: #e6e6e6;}
.nav-con{ width: 1140px; margin: 0 auto; overflow: hidden}
.nav-con li{ float: left; margin: 0 39px;}
.nav-con li img{ margin-top: 20px;}
.nav-con li div{ margin-left: 8px; margin-top: 28px;}
.nav-con li div h6{font-size: 20px; color: #212121}
.nav-con li div p{font-size: 16px; color: #464646}
.ys{ width: 1140px; margin: 40px auto 10px;}
.ys .title{width: 558px; margin:0 auto}

.title h3{ font-size: 36px; color: #333;font-weight: bold;margin-top: -5px; text-align: center}
.title h3 span,.title p span{ color: #f0ab00}
.title p{ font-size: 16px; color: #5f5f5f; line-height: 21px; margin-top: 5px; text-align: center}
.ys-con{ width: 937px; margin: 40px auto 0;}
.ys-l li{ margin-bottom: 80px; overflow: hidden;}
.ys-l div{ width: 225px; text-align: right; margin-right: 8px}
.ys-l div h4,.ys-r div h4{ font-size: 24px; color: #333; font-weight: bold}
.ys-l div p, .ys-r div p{ font-size: 16px; color: #5a5a5a; margin-top: 5px; }
.ys-r li{ margin-bottom: 98px; overflow: hidden;}
.ys-r div{ width: 330px; text-align: left; margin-left: 8px}
.ys-l,.ys-r{margin-top: 50px;}
.ys-l div p span,.ys-r div p span{ color: #e62929}
.ys-btn{display:block; margin: 20px auto 0;width: 271px;height: 60px;line-height: 60px;color: #fff;font-size: 24px;text-align: center;cursor: pointer;border-radius: 10px;background:#4d3076;}



.sc{width: 100%; height: auto; padding: 40px 0px; background: #f6f6f6;}
.sc-con{ width: 1140px; margin: 0 auto;}
.sc-con .title{width:640px; margin:0 auto}
.sc-con .title div{ width: 565px;}
.sc-tab { width: 940px; margin: 40px auto;overflow: hidden}
.sc-tab li{ float: left;}
.sc-tab li a { display: inline-block; width: 240px; height: 60px; line-height: 60px; color: #4d3076; font-size: 24px; text-align: center;  cursor: pointer; border-radius: 10px; border: 1px solid #4d3076;}
#sc-mar{ margin: 0 107px}
.sc-tab .sc-cur a {background: #4d3076;color: #fff; }
.sc-box ul{ overflow: hidden; }
.sc-box ul li { position: relative; margin-bottom: 25px; cursor: pointer; float: left;margin-bottom: 21px; }
.sc-box li img { display: block; width: 366px; height: 246px;transition: all 0.3s ease-out; }
.sc-xq { position: absolute; bottom: 20px; left: 21px; width:325px; height: 68px;  text-align: center; background-color: rgba(255, 255, 255, 0.9); }
.sc-xq h6{ font-size: 18px; color: #000; margin-top: 12px;}
.sc-xq p{ font-size: 16px; color: #585858;}
.sc-box li img{
    transform:scale(1);
}
.sc-box{ width: 1180px; height: 801px;overflow: hidden;overflow-y: auto}
.sc-mar{ margin: 0 21px;}
/*.sc-box li:hover img{
    transform:scale(1.2);
}
*/
 ::-webkit-scrollbar {
        width:6px;
        background-color: #e4e4e4;
	 border-radius:6px;
        }
        ::-webkit-scrollbar-track {
        border-radius:10px;
        }
        ::-webkit-scrollbar-thumb {
        border-radius:6px;
        background:#b9b9b9;
        }
.sc-btnbox{width:535px;margin: 0 auto;overflow: hidden;margin-top: 40px;}
.sc-btnbox a { display: inline-block; width: 240px; height: 56px; line-height: 56px; color: #193b7b; font-size: 24px; text-align: center;  cursor: pointer; border-radius: 35px; border: 1px solid #193b7b;}
.sc-btnbox a:hover{background:#193b7b; color: #fff}
.bd-box{ width: 100%; height: auto; padding: 35px 0px; background: #4d3076}
.bd{ width: 1190px; height: 134px; margin: 0 auto; background: url(../imgs/bd-img.png) no-repeat center center; margin-top: 10px;}
.bd-box .title h3,.bd-box .title p{ color: #fff}
.bd-h5{ font-size: 28px; font-weight: bold; color: #f6ff01; font-style: italic; margin-left: 265px;text-align: center;margin-top: 43px;
    line-height: 30px;}
.bd-h5 span{ font-size: 20px; font-weight: normal;  color: #fff;font-style: normal; }
.nei_yuyue1 input{width:180px;height: 42px;line-height: 42px;background: #fff;border-radius: 25px;color: #666;font-size: 16px;padding-left: 20px;margin-top:55px;line-height: 100%; float: left; margin-left: 25px;
}
.nei_yuyue1 button{width:160px;height: 42px;line-height: 42px; background: #fffc03; color: #222222; font-size: 21px; text-align: center; border-radius: 25px; margin-top: 55px; margin-left: 25px;}


.lc{ width:100%; height: auto; background: #fff; padding: 20px 0px; margin-top: 25px  }
.lc-con{ width: 1160px; margin: 0 auto;}
.lc-box{ width: 1156px; margin: 0 auto; height: 650px; margin-top: 35px; background: url(../imgs/lc-bac.png) no-repeat center center}
.lc-box li{ float: left}
.lc-li1 .lc-img{ margin-top:230px; margin-left: 20px; }
.lc-li1 .lc-xq{ width: 280px; margin-top:-300px; margin-left: 40px; }
.lc-xq img{ display: block; margin: 0 auto;}
.lc-xq h5{ font-size: 20px; color: #333; text-align: center; margin-top: 10px}
.lc-xq h4{ font-size: 18px; color: #333; text-align:center; margin-bottom: 7px}
.lc-xq p{ font-size: 14px; color: #333; text-align:left}
.lc-time{ display: block; width: 170px; height: 40px; line-height: 40px; font-size: 21px; text-align: center; border-radius: 5px;}
.lc-li1 .lc-time{margin-top: 76px;background: #4d3076;color: #fff;}
.lc-li2{ margin-left: -120px}
.lc-li3{ margin-left: -100px}
.lc-li2 .lc-img{ margin-top:337px; margin-left: 20px; }
.lc-li2 .lc-xq{ width: 282px; margin-top:25px; margin-left:18px; }
.lc-li2 .lc-time{margin-top: -114px;background: #ffc432;color: #333;}
.lc .ys-btn{ margin-top: 35px}




.hl{ width:100%; background: #4d3076; padding: 30px 0px; margin-top: 25px}
.hl .title h3,.hl .title p{ color: #fff}
.hl-con{ width: 1200px; margin: 35px auto; overflow: hidden}
.hl-top{ width: 640px; float: left}
.hl-top li{float: left; width: 194px; margin: 0 9px;}
.hl-top li img{ width: 170px; height: 170px; display: block; margin: 12px auto 0;}
.hl-top li p{ text-align: center; color:#fff; font-size: 16px; margin-top: 15px}
.hl-top li p span{ font-size: 14px;}
.hl-r{ float: right;  width: 535px; height: auto; padding: 25px 0; border: 1px dashed #8a77a5}
.hl-r p{ color: #fff; font-size: 23px; margin-bottom: 26px; padding-left: 50px; margin-left: 25px}
.hl-r p span{color: #fcdc05}
.hl-r a{display: block;width: 320px;height: 48px;line-height: 48px;font-size: 21px; color: #fff; text-align: center;border-radius: 10px; border: 1px solid #fff; margin-left: 25px;}










.hg{width: 100%; height:auto;  margin-top: 40px;}
.hg-con{ width: 1140px; margin: 35px auto 0;}
.hg .title{ margin-bottom: 30px}
.hg-mar{ margin: 0 6px 0px 7px;}
.hg .swiper-wrapper .swiper-slide{ background: #fff;}
.ad{ width: 100%; height: 130px; background: url(../imgs/ad-bac.jpg) no-repeat center center; margin: 30px 0 10px}
.ad-con{ width: 1120px; margin: 0 auto;}
.ad-con p{font-size: 52px; color: #fff; font-weight: bold; font-style: italic; text-shadow: 0px 2px 2px #124d94; line-height: 130px; letter-spacing: 1px}
.ad-con a{ display: block; width:220px;height:52px;line-height: 52px; background: #fffc14; color: #222222; font-size: 21px; text-align: center; border-radius: 10px; margin-top: 45px;}
.lc-con .swiper-pagination-bullet{width:36px;height:8px;display:inline-block;border-radius:15px;background:#000;opacity:.2}
.lc-con .swiper-pagination-bullet-active{opacity:1;background:#0f3c91}
.fixedBanner_line { width: 100%; height: 161px; position: fixed; bottom: 0px; left: 0px; z-index: 88 }
/*.fixedBanner_line { background-color: #d4233c; }*/
.fixedBanner { width: 1920px; height: inherit; background: transparent url(../imgs/bg_blue.png) 0px 0px no-repeat; margin: 0 auto; position: relative; }
.fixedBanner .nei_yuyue1{ width: 1200px; height: inherit; margin: 0 auto; position: relative; }
.fixedBanner .form { width: 420px; height: 75px; position: absolute; right: 240px; top: 10px; }
.fixedBanner .form dl { width: 210px; float: left; }
.fixedBanner input.form_content { width: 180px; height: 45px; margin-top: 17px; padding-left: 10px; border-radius: 3px; }
.fixedBanner select.form_content { width: 180px; height: 22px; margin-top: 10px; padding-left: 8px; border: 0 none; }
.fixedBanner .form_yzm { width: 70px; height: 22px; margin-top: 10px; padding-left: 8px; border: 0 none; float: left; }
.fixedBanner .yzm_btn { width: 70px; height: 22px; margin-top: 12px; margin-left: 20px; border: 0 none; font-size: 10px; }
.fixedBanner .btn { width: 180px; height: 50px; line-height: 52px; text-align: center; background-color: #FFFF00; border-radius: 10px; box-shadow: 1px 4px 0px 0px #161a32; position: absolute; right: 34px;
    top: -32px; font-weight: bold; font-size: 22px; color: #000000; cursor: pointer; }
.fixedBanner .close { width: 19px; height: 19px; background: url(http://sh.xhd.cn/topic/gaozhong/imgs/close.png) 0px 0px no-repeat; position: absolute; right: 0; top: 5px; cursor: pointer; }
.fixedBanner_sm { width: 150px; height: 100px; background: url(http://sh.xhd.cn/topic/gaozhong/imgs/open_red1.png) left center no-repeat; position: fixed; bottom: 78px; left: 0; display: block; z-index: 90 }
a,button{ cursor: pointer}
.nei_yuyue1 button:hover,.ad-con a:hover,.lc-btn:hover{ background: #dedc0a}
.sc-box li img:hover {
    
    box-shadow: 3px 2px 5px #b7b7b7;
}









