*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#333; height:100%;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#f60;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}
.wrapper { width:1000px; margin:0 auto;} 
.banner { width:100%; text-align:center; background:url(images/banner_bg.jpg) no-repeat top center; height:589px;} 

.tit { overflow:hidden; padding:40px 0; margin-top:20px; width:100%}
.tit h3 { width:50%; float:left; border-bottom:1px solid #0046aa; text-align:right; padding-bottom:5px;}
.tit h3 span { font-size:30px; color:#000;}
.tit h4{ width:50%; float:left; border-top:1px solid #0046aa; text-align:left;}
.tit h4 span { font-size:12px; color:#fff; background:#0046aa; width:160px; height:30px; line-height:30px; padding:0 10px; display:block; margin-left:2px; margin-top:10px;}

.tit_b { overflow:hidden; padding:40px 0; margin-top:20px;width:100%}
.tit_b h3 { width:50%; float:left; border-bottom:1px solid #fff; text-align:right; padding-bottom:5px;}
.tit_b h3 span { font-size:30px; color:#fff;}
.tit_b h4{ width:50%; float:left; border-top:1px solid #fff; text-align:left;}
.tit_b h4 span { font-size:12px; color:#0046aa; background:#fff; width:160px; height:30px; line-height:30px; padding:0 10px; display:block; margin-left:2px; margin-top:10px;}

.video_bg { background:#000 url(images/video_bg.jpg) no-repeat top center; margin:50px 0 30px; height:800px; width:100%}

.about { overflow:hidden}
.about_img { float:left;}
.about_text { background:#3066b4; padding:50px; color:#fff; line-height:34px; float:left; width:393px; height:238px;}
.about_text p { text-indent:24px;}

.video_text { padding:20px; overflow:hidden; width:600px;}
.video_text h3 { color:#5f99ea; font-size:14px; margin-bottom:10px;}
.video_text p { color:#c3c3c3; font-size:12px; line-height:24px; text-indent:24px;} .video_text p a { color:#5f99ea; margin-left:5px;}

.news-idx { margin-bottom:5px; background:#000; padding:10px; height:620px;}
.new-fouse { width:650px; float:left; position:relative;}
.new-fouse li { position:absolute; width:650px; z-index:1}
.new-fouse li.on { z-index:9}

.new-text { width:295px; float:right; z-index:10}
.new-text li { height:78px; cursor:pointer; color:#7c7c7c; margin-bottom:10px;}
.new-text li img { float:left; width:110px; height:78px; margin-right:10px;}
.new-text li.cur { color:#fff;}

.swiper-container {width: 100%;height: 100%;}
.swiper-container1 { width:100%; position:relative; overflow:hidden}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { width:100%}
.swiper-pagination { text-align:center; position:initial; padding:10px 0 0 }
.swiper-pagination-clickable .swiper-pagination-bullet { width:26px; height:4px; background:#c0c0c0; border-radius:0; margin:0 3px; display:inline-block; opacity:1}
.swiper-pagination-bullet-active { background:#1455b1!important}
.swiper-button-prev,.swiper-button-next { bottom:50px; position:absolute;}
.footer { padding:30px 0; overflow:hidden; border-top:1px solid #999; margin:30px 0 0; text-align:center;}
.footer p { line-height:26px; font-size:14px;} .footer p a { margin:0 10px;}
                                               .swp2 { display:none}
@media screen and (max-width: 640px) {
    .wrapper {width:100%;}
    .banner {background:url(images/banner_sj.jpg) no-repeat top center; height:280px; background-size:contain; }
    .tit { margin:15px 0 5px; padding:5px 0} .tit h3 { border:0} .tit h4 { border:0; width:auto;} .tit h4 span{ width:auto; padding-right:20px;}
    .tit_b { margin:0 0 15px; padding:5px 0} .tit_b h3 { border:0} .tit_b h4 { border:0; width:auto;} .tit_b h4 span{ width:auto; padding-right:20px;}
    .about img { width:100%}
    .about_text { padding:20px; line-height:30px; width:auto; height:auto;}
    .video_bg { margin:0; background-size: contain; height:auto; padding:20px 0 0}
    .new-fouse { width:100%; height:420px; float:none;} .new-fouse li { width:100%;}
    .new-fouse video { width:100%; height:200px;}
    .new-text { float:none; width:auto;}
    .video_text { width:auto; padding:0 10px 10px;}
    .video_text h3 { text-align:center;}
    .video_text p { line-height:20px;}
    .new-text li { width:50%; height:50px; float:left;}
    .new-text li img { width:60px; height:50px;} .new-text li p { line-height:18px;overflow: hidden;text-overflow:ellipsis;
  display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .news-idx { background:none; height:auto; padding-bottom:20px;}
    .footer .wrapper { display:none}
    .swp1 { display:none} .swp2{ display:block}
}