/*  */
.focusBox { position: relative; width: 100%; height: 500px; overflow: hidden; min-width: 1200px; }
.focusBox .pic { position: relative; z-index: 0; }
.focusBox .pic img { width: 100%; height: 500px; display: block; }
.focusBox .hd { width: 600px; position: absolute; bottom: 28px; text-align: center; font-size: 0; z-index: 1; left: 391px; }
.focusBox .hd li { float: left; line-height: 15px; text-align: center; font-size: 12px; width: 100px; height: 12px; cursor: pointer; overflow: hidden; background: #f84e4f; margin-left: 21px; filter: alpha(opacity=80); opacity: .8; -webkit-transition: All .5s ease; -moz-transition: All .5s ease; -o-transition: All .5s ease; }
.focusBox .hd .on { background: #fff; filter: alpha(opacity=100); opacity: 1; }
.focusBox .prev, .focusBox .next { width: 45px; height: 99px; position: absolute; top: 172px; z-index: 3; filter: alpha(opacity=20); -moz-opacity: .2; opacity: .2; -webkit-transition: All .5s ease; -moz-transition: All .5s ease; -o-transition: All .5s ease; }
.focusBox .prev { background-image: url(../images/index.png); background-position: -112px 0; left: 0 }
.focusBox .next { background-image: url(../images/index.png); background-position: -158px 0; right: 0 }
.focusBox .prev:hover, .focusBox .next:hover { filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6 }
/*  */
@media all and (min-width: 1500px) and (max-width: 1920px) {
    .focusBox { position: relative; width: 100%; height: 500px; overflow: hidden; min-width: 1200px; }
    .focusBox .pic img { width: 100%; height:500px; display: block; }
}
@media screen and (min-width: 1200px)and (max-width: 1500px){
    .focusBox { position: relative; width: 100%; height: 320px; overflow: hidden; min-width: 1200px; }
    .focusBox .pic img { width: 100%; height:320px; display: block; }
}


/*  */
.search { background: #cf484f; height: 60px; line-height: 60px; color: white; }
.search span { color: #f79707; }
.search p { }
.search a { color: #ffffff; margin-right: 12px; }
/*  */
.n1 { display: block; margin: 0 auto; text-align: center; margin-bottom: 12px; position: relative; width: 358px; }
.n1 h3 { font-size: 29px; padding: 6px 0; font-weight: 200; line-height: 60px; }
.n1 h3 span { font-weight: 700; color: #ff8400; }
.n1 h3::before { top: 0; left: -35px; content: ''; position: absolute; height: 1px; width: 280px; background: #000; display: block; }
.n1 h3::after { bottom: 0; right: -35px; content: ''; position: absolute; height: 1px; width: 280px; background: #000; display: block; }
.n2 { text-align: center; color: #9c9c9c; line-height: 31px; font-size: 14px; margin-bottom: 30px; }
.n2 p { }
/*  */
.box1bg { }
.box1 { }
.box1 ul li { width: 285px; float: left; display: block; text-align: center; margin: 0 7px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.box1 ul li a:hover span { border: 9px solid #ff8400 }
.box1 ul li span { width: 212px; height: 212px; border: 9px solid #dcdcdc; overflow: hidden; margin: 0 auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.box1 ul li img { height: 100%; display: block; }
.box1 ul li em { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin-top: 22px; display: block; font-style: normal; color: red; }
/*  */
.box2 { }
.box2 ul li { float: left; text-align: center; position: relative; }
.box2 ul li div { width: 100%; height: 222px; overflow: hidden; }
.box2 ul li img { height: 100%; }
.box2 ul li em { font-size: 18px; display: block; margin-top: 0.5em; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-style: normal; color: #080200; font-size: 16px; }
.box2 ul li:hover { }
/*  */
.box2 ul li a { display: block; float: left; width: 248px; padding: 16px 16px 12px; margin: 9px; border: 1px solid #ccc; position: relative; overflow: hidden; }
.box2 ul li a::before { content: '了解详情'; border: 1px solid #fff; width: 98px; height: 28px; line-height: 28px; display: block; position: absolute; top: 30%; bottom: 0; right: 0; left: 0; z-index: 3; margin: auto; color: #ffffff; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.box2 ul li a::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: url(../images/icon2.png) no-repeat center 35%, rgba(12,128,227,0.5); opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.box2 ul li a:hover::after, .box2 ul li a:hover::before { opacity: 1 }
/*  */
.box3bg { height: 635px; background: url(../images/box3bg.jpg); }
.box3 { width: 940px; margin: 310px 0 0 125px; float: left; height: 300px; }
/*  */
.youshi01 { width: 940px; height: 52px; background: url(../images/box3a.png) no-repeat; }
.youshi02 { width: 940px; height: 52px; background: url(../images/box3b.png) no-repeat; margin-top: 10px; }
.youshi03 { width: 940px; height: 52px; background: url(../images/box3c.png) no-repeat; margin-top: 10px; }
.youshi04 { width: 940px; height: 52px; background: url(../images/box3d.png) no-repeat; margin-top: 10px; }
.youshi05 { width: 940px; height: 52px; background: url(../images/box3e.png) no-repeat; margin-top: 10px; }
.youshi01 h1, .youshi02 h1, .youshi03 h1, .youshi04 h1, .youshi05 h1 { width: 156px; float: left; text-indent: 55px; line-height: 52px; color: #ffffff; font-size: 14px; font-weight: 200; }
.youshi01 h2, .youshi02 h2, .youshi03 h2, .youshi04 h2, .youshi05 h2 { width: 770px; float: right; line-height: 52px; color: #ffffff; font-size: 14px; font-weight: 200; }
/*  */
.aboutbg2 { padding: 36px 0 2px 0; }
.aboutt { }
.aboutt img { width: 100%; }
.aboutt span { width: 498px; height: 32px; display: block; background: #ff8400; line-height: 32px; color: #ffffff; text-align: center; margin: 0 auto; margin-bottom: 22px; margin-top: 12px; }
.aboutbg { padding: 24px 0; background: #f5424c; }
.about { }
.about section { display: block; width: 670px; line-height: 30px; font-size: 14px; color: #ffffff; float: left; }
.about h3 { font-size: 24px; color: #ffffff; letter-spacing: 1px; font-weight: 300; }
.about span { width: 135px; height: 1px; background: #ffffff; display: block; margin-top: 15px; }
.about p { text-indent: 22px; }
.about img { float: right; width: 483px; border-radius: 12px; }
.about a { display: block; margin-top: 20px; width: 100px; height: 30px; line-height: 30px; background: #ffffff; color: #ce333b; text-align: center; }
/*  */
.about2 { }
.about2 ul li { float: left; width: 280px; height: 300px; box-shadow: 0px 1px 15px rgba(0, 0, 0, .2); margin: 10px; float: left; }
.about2 ul li a { color: #555; }
.about2 ul li img { }
/*  */
.about2 li.gsjj { background: url(../images/gsjj.png) no-repeat 110px 45px; }
.about2 li.gsjj:hover { background: url(../images/gsjj.JPG); }
.about2 li.addr { background: url(../images/addr.png) no-repeat 110px 45px; }
.about2 li.addr:hover { background: url(../images/addr.JPG); }
.about2 li.cpzs { background: url(../images/cpzs.png) no-repeat 110px 45px; }
.about2 li.cpzs:hover { background: url(../images/cpzs.JPG); }
.about2 li.sccj { background: url(../images/sccj.png) no-repeat 110px 45px; }
.about2 li.sccj:hover { background: url(../images/sccj.JPG); }
.about2 li:hover h2, .about2 li:hover p { color: #ffffff; }
.about2 li:hover .hx { background: #ffffff; }
.about2 img { margin: 0 auto; display: block; margin-top: 45px; }
.about2 h2 { font-size: 18px; color: #000000; text-align: center; font-weight: bold; margin-top: 120px; letter-spacing: 3px; }
.about2 a p { margin: 15px 15px 35px 15px; text-align: center; font-size: 14px; line-height: 24px; }
/*  */
.box6 { width: 1200px;/* background:url(../images/scrollBg.png); */ padding: 10px; border-top: 1px solid #fff; position: relative; }
.box6 .piclist { overflow: hidden; zoom: 1; }
.box6 .ohbox { overflow: hidden; position: relative; width: 1200px; left: 60px; padding: 5px 0; }
.box6 { position: relative; overflow: hidden; zoom: 1; }
.box6 .piclist li { float: left; display: inline; width: 245px; background: #fff; border: 1px solid #c9bea9; margin-right: 10px; padding: 5px; text-align: center; transition: all 0.3s; margin-top: 12px; }
.box6 .piclist li:hover { box-shadow: -1px 2px 12px 2px rgb(222, 96, 96); background: #efe6e4; transform: translateY(-10px); }
.box6 .piclist li:hover a { color: #202020 }
.box6 .piclist li div { width: 241px; height: 241px; margin: 0 auto; border: 1px solid #e0d6d6; display: block; overflow: hidden; }
.box6 .piclist li img { width: 233px; margin-top: 5px;/* height: 200px; */ }
.box6 .piclist li span { height: 33px; line-height: 41px; display: block; text-align: center; font-size: 14px; color: #ff8400; }
.box6 .pageBtn span { background: url(../images/bntBg.png) no-repeat; display: block; width: 64px; height: 64px; position: absolute; top: 120px; cursor: pointer; text-indent: -999em; overflow: hidden; }
.box6 .pageBtn .prev { left: 1px; background-position: -32px -40px; }
.box6 .pageBtn .next { right: 20px; background-position: -107px -40px; }
.box6 .pageBtn .list { overflow: hidden; zoom: 1; margin: 6px 0 0 508px; }
.box6 .pageBtn .list li { width: 20px; height: 20px; background-color: #f5424c; border-radius: 50%; display: inline-block; margin: 0 5px; cursor: pointer; font-size: 0; }
.box6 .pageBtn .list li.on { background-color: #cd0e9c; }
/*  */
/*  */
.newsbg { margin-top: 30px; margin-bottom: 33px; }
/*  */
.nt1 { height: 40px; line-height: 40px; background: #ececec; }
.nt1 h3 { display: inline-block; height: 100%; width: 104px; margin-right: 17px; background: #e13831; font-size: 18px; font-weight: bold; color: #fff; text-align: center; float: left; }
.nt1 span { font-size: 14px; color: #b3b3b3; }
.nt1 a { float: right; margin-right: 17px; color: #b3b3b3; font-size: 12px; }
/*  */
.news1 { width: 412px; float: left; margin-right: 10px; }
.news1 li a { display: block; margin-bottom: 10px; height: 50px; line-height: 50px; padding-left: 45px; padding-right: 25px; background: #f4f4f4 url(../images/ico-news.png) no-repeat 22px center; }
.news1 li a h3 { display: inline-block; width: 222px; float: left; font-size: 14px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 50px; font-weight: 200; }
.news1 li a span { float: right; color: #847b78; }
.news2 { width: 354px; float: right; padding-bottom: 12px; }
/*  */
.txtMarquee-top { overflow: hidden; position: relative; border: 1px solid #ccc; font-size: 14px; }
.txtMarquee-top .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; }
.txtMarquee-top .hd .prev, .txtMarquee-top .hd .next { display: block; width: 9px; height: 5px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") 0 -100px no-repeat; }
.txtMarquee-top .hd .next { background-position: 0 -140px; }
.txtMarquee-top .hd .prevStop { background-position: -60px -100px; }
.txtMarquee-top .hd .nextStop { background-position: -60px -140px; }
.txtMarquee-top .bd { padding: 6px 15px 15px 15px; }
.txtMarquee-top .infoList li { height: 25px; line-height: 25px; height: 108px !important; border-bottom: 1px solid #ff8400; margin-bottom: 10px; }
.txtMarquee-top .infoList li a { color: red }
.txtMarquee-top .infoList li p { color: #635b5b; font-size: 13px; }
.txtMarquee-top .infoList li .date { float: right; color: #999; }