body {background-color: #fff;}
/*首页*/
/*头部*/
.top-all {width: 100%;height:33px;line-height: 33px;background-image: url("../images/top.png");}
.top {width: 1200px;height:100%;margin: 0 auto;color:#fff;}
.top .p1 {float: left;}
.top .p2 {float: right;width: 230px;}
.top .p2 img {float: left;margin-right: 3px;}
.top .p2 span {font-size: 14px;font-weight: bold;}

.head-all {width: 100%;height:117px;background-image: url("../images/top2.png");
    background-position: center;}
.head {width: 1200px;height:100%;margin: 0 auto;}
.head .logo {float: left;}
.head .dh {float: right;overflow: hidden;margin-top: 52px;}
.head .dh li {float: left;margin-left: 60px;}
.head .dh li a {color:#002f7b;font-size: 15px;}
.head .dh li a p {width: 14px;height:2px;background-color: #002f7b;margin: 9px auto 0;display: none;}
.head .dh li a:hover {font-weight: bold;}
.head .dh li a:hover p {display: block;}

/*banner*/
.banner {width: 100%;}
.banner img {width: 100%;}

.index-titall {width: 1200px;height:47px;border-top: 1px solid #e9e9e9;margin: 78px auto 0;}
.index-tit {width: 165px;overflow: hidden;margin: -16px auto 0;background-color: #fff;text-align: center;}
.index-tit2 {background-color: #f3f3f3;}
.index-tit h2 {color:#002f7b;font-size: 24px;border-left: 5px solid #002f7b;border-right: 5px solid #002f7b;height:26px;line-height: 26px;}
.index-tit p {font-size: 12px;color:#dcdcdc;margin-top: 10px;}

/*index1*/
.index1-all {width: 1200px;overflow: hidden;margin: 54px auto 53px;}
.index1 {width: 100%;overflow: hidden;}
.index1 .index1a {width: 355px;overflow: hidden;float: left;}
.index1 .index1a .p1 {font-size: 20px;font-weight: bold;color:#002f7b;}
.index1 .index1a .p2 {width: 25px;height:2px;background-color: #002f7b;margin: 12px 0 18px;}
.index1 .index1a .index1a-word {width: 100%;overflow: hidden;}
.index1 .index1a .index1a-word p {color:#333;font-size: 13px;line-height: 22px;text-indent: 2em;}
.index1 .index1b {width: 315px;overflow: hidden;float: left;margin-left: 97px;}
.index1 .index1b .p1 {font-size: 20px;font-weight: bold;color:#e8321e;}
.index1 .index1b .p2 {width: 25px;height:2px;background-color: #e8321e;margin-top: 12px;}
.index1 .index1b ul {width: 100%;overflow: hidden;}
.index1 .index1b ul li {width: 100%;overflow: hidden;padding-top: 20px;border-bottom: 1px solid #f0f0f0;}
.index1 .index1b ul li:last-child {border-bottom: none;}
.index1 .index1b ul li .pic {float: left;}
.index1 .index1b ul div {width: 232px;overflow: hidden;float: right;}
.index1 .index1b ul div .p3 {color:#e8321e;font-size: 16px;margin-bottom: 15px;}
.index1 .index1b ul div .p4 {color:#333;font-size: 13px;line-height: 18px;}
.index1 .index1c {width: 379px;overflow: hidden;float: right;}
.index1 .index1c img {width: 100%;}
.index1-more {display: block;width: 164px;height:49px;color:#fff;font-size: 17px;text-align: center;line-height: 49px;background-color: #002f7b;margin: 40px auto 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}
.index1-more:hover {border: 1px solid #002f7b;color:#002f7b;background-color: transparent;}


/*index2*/
.index2-all {width: 100%;overflow: hidden;background-color: #f3f3f3;}
.index2 {width: 1200px;overflow: hidden;margin: 42px auto 25px;}
.index2 .index2-tit {width: 355px;overflow: hidden;float: left;}
.index2 .index2-tit img {width: 100%;}
.index2 .index2-tit ul {width: 100%;overflow: hidden;padding: 2px 8px;border: 1px solid #e8e8e8;border-top: none;background-color: #fff;}
.index2 .index2-tit ul li {width: 100%;height:63px;line-height: 63px;border-bottom: 1px solid #e8e8e8;}
.index2 .index2-tit ul li:first-child {border-bottom: 1px solid #f3f3f3;}
.index2 .index2-tit ul li:first-child a {color:#e8321e;background-color: #f3f3f3;}
.index2 .index2-tit a {display: block;width: 100%;height:100%;font-size: 15px;color:#e8321e;padding-left: 101px;font-weight: bold;}
.index2 .index2-tit li:hover {border-bottom: 1px solid #f3f3f3;}
.index2 .index2-tit li:hover a {background-color: #f3f3f3;}
.index2 .index2-tit li:last-child {border-bottom: none;}
.index2 .index2-tit #li1 a {color:#e8321e;background-color: #f3f3f3;}
.index2 .index2-word {width: 806px;overflow: hidden;float: right;}
.index2 .index2-word li {width: 252px;overflow: hidden;float: left;margin: 0 25px 25px 0;}
.index2 .index2-word li:nth-child(3n+3) {margin-right: 0;}
.index2 .index2-word li img {width: 100%;display: block;}
.index2 .index2-word li p {width: 100%;height:46px;line-height: 46px;color:#fff;font-size: 16px;background-color: #002f7b;padding-left: 10px;}
.index2 .index2-word li:hover p {font-weight: bold;}

/*index3*/
.index3-all {width: 100%;height:627px;background-image: url("../images/index9.png");
    background-position: center;}
.index3 {width: 1200px;overflow: hidden;margin: 40px auto 0;}
.index3 li {width: 282px;overflow: hidden;float: left;margin-right: 24px;}
.index3 li:nth-child(4n+4) {margin-right: 0;}
.index3 li a {display: block;width: 100%;overflow: hidden;border: 3px solid #fff;position: relative;}
.index3 li img {width: 100%;}
.index3 li p {width: 100%;height:49px;line-height: 49px;text-align: center;color:#fff;font-size: 15px;background-image: url("../images/index8.png");position: absolute;bottom: 0;}
.index3 li:hover p {font-weight: bold;height:59px;line-height: 59px;}

/*index4*/
.index4 {width: 1200px;overflow: hidden;margin: 20px auto 45px;}
.index4 .index4a {width: 750px;overflow: hidden;float: left;}
.index4 .index4a .index4a-map {width: 100%;height:251px;border: 4px solid #ededed;}
.index4 .index4a .index4a-word {width: 100%;height:75px;line-height: 75px;background-color: #f3f3f3;}
.index4 .index4a .index4a-word span {float: left;margin-left: 30px;color:#333;font-size: 13px;}
.index4 .index4a .index4a-word span img {float: left;margin-right: 7px;}
.index4 .index4b {width: 411px;overflow: hidden;float: right;}
.index4 .index4b .index4b-tit {width: 100%;overflow: hidden;}
.index4 .index4b .index4b-tit a {display: block;width: 205px;overflow: hidden;float: left;}
.index4 .index4b .index4b-tit a img {width: 100%;}
.index4 .index4b ul {width: 100%;overflow: hidden;padding-top: 5px;}
.index4 .index4b ul li {width: 100%;height:37px;line-height: 37px;border-bottom: 1px solid #e8e8e8;padding-left: 3px;}
.index4 .index4b ul li a {color:#333;font-size: 13px;}
.index4 .index4b ul li:hover a {color:#002f7b;font-weight: bold;}
.index4 .index4b ul li a span {float: right;}
.index4 .index4b ul li a img {float: left;margin: 9px 10px 0 0;}

/*底部last*/
.last-all {width: 100%;overflow: hidden;padding-top:38px;background-color: #232323;border-top: 1px solid #7b7b7b;color:#aeaeae;}
.last-all .last {width: 1189px;overflow: hidden;margin: 0 auto;}
.last .last-dh {width: 100%;overflow: hidden;text-align: center;}
.last .last-dh a {color:#aeaeae;font-size: 14px;margin: 0 10px;}
.last .last-dh a:hover {color:#fff;}
.last .lasta {width: 412px;overflow: hidden;margin: 30px auto 21px;padding-left: 17px;}
.last .lasta .ewm {width: 81px;float: left;}
.last .lasta .lasta-word {width: 297px;overflow: hidden;float: right;}
.last .lasta .lasta-word p {line-height: 20px;}

.last-all .last2 {width: 100%;height:46px;text-align: center;border-top: 1px solid #505050;line-height: 46px;}


/*关于我们about*/
.about-all {width: 100%;height:395px;padding-top: 68px;background-image: url("../images/about1.png");
    background-position: center;}
.about {width: 1200px;overflow: hidden;margin: 0 auto;}
.about-video {width: 570px;overflow: hidden;margin: 27px auto 25px;height: 365px;border: 4px solid #f0f0f0;}
.about .about-word {width: 100%;overflow: hidden;padding: 27px 34px;text-align: center;}
.about .about-word p {color:#333;line-height: 25px;text-indent: 2em;font-size: 13px;}

.rczp{width: 100%;overflow: hidden;padding-top: 68px;background-image: url("../images/about1.png");
    background-position: center;}

.youshi-all {width: 100%;height:481px;padding-top: 58px;background-image: url("../images/about2.png");
    background-position: center;}
.youshi {width: 1200px;overflow: hidden;margin: 0 auto;}
.youshi ul {width: 100%;overflow: hidden;margin-top: 80px;}
.youshi ul li {width: 400px;overflow: hidden;float: left;color:#fff;}
.youshi ul li .p1 {width: 142px;height:142px;margin: 0 auto;}
.youshi ul li .p2 {font-size: 22px;font-weight: bold;text-align: center;margin: 16px 0;}
.youshi ul li .p3 {width: 233px;overflow: hidden;margin: 0 auto;color:#fff;font-size: 13px;line-height: 20px;}
.youshi ul .li1 .p1 {background-image: url("../images/about3.png");}
.youshi ul .li2 .p1 {background-image: url("../images/about4.png");}
.youshi ul .li3 .p1 {background-image: url("../images/about5.png");}
.youshi ul .li1:hover .p1 {background-image: url("../images/about6.png");}
.youshi ul .li2:hover .p1 {background-image: url("../images/about7.png");}
.youshi ul .li3:hover .p1 {background-image: url("../images/about8.png");}

.qyzs {width: 1200px;margin: 30px auto 0;}
.qyzs ul {width: 100%;overflow: hidden;}
.qyzs ul li {width: 379px;overflow: hidden;float: left;margin: 0 10.5px 25px;}
.qyzs ul li:first-child {width: 100%;text-align: center;}
.qyzs ul li:first-child img {width: auto!important;}
.qyzs ul li img {width: 100%;}

.ryzz {width: 1200px;margin: 24px auto 70px;}
.ryzz .krakatoa-container li {width: 277px!important;overflow: hidden;float: left;margin-right: 30.66666666px;}
.ryzz .krakatoa-container li img {width: 100%;}
.ryzz .krakatoa-container li:nth-child(4n+4) {margin-right: 0;}

.qywh {width: 1200px;overflow: hidden;margin: 30px auto;}
.qywh p {color:#333;line-height: 25px;text-indent: 2em;font-size: 13px;}

/*产品列表productlist*/
.productlist {width: 1200px;overflow: hidden;margin: 0 auto 30px;}
.ny-dh {width: 1200px;overflow: hidden;margin: 28px auto 67px;}
.ny-dh li {width: 161px;height:39px;float: left;margin: 0 12.1666666px 10px 0;text-align: center;line-height: 37px;border: 1px solid #e8e8e8;}
.ny-dh li:nth-child(7n+7) {margin-right: 0;}
.ny-dh li a {display: block;width: 100%;height:100%;color:#e8321e;font-size: 14px;background-color: #f2f0f1;font-weight: bold;}
.ny-dh li:hover a {background-color: #002f7b;color:#fff;}
.ny-dh .active {background-color: #002f7b!important;color:#fff!important;}
.productlist .productlist-word {width: 100%;overflow: hidden;}
.productlist .productlist-word li {width: 228px;overflow: hidden;float: left;margin: 0 48px 20px 0;}
.productlist .productlist-word li:nth-child(3n+3) {margin-right: 0;}
.productlist .productlist-word li img {width: 100%;display: block;}
.productlist .productlist-word li p {width: 100%;height:38px;line-height: 38px;text-align: center;color:#fff;font-size: 16px;background-color: #002f7b;border-radius: 50px;}
.productlist .productlist-word li:hover p {font-weight: bold;}


/*新闻列表newslist*/
.newslist {width: 1200px;overflow: hidden;margin: 0 auto 30px;}
.newslist .news-ul {width: 100%;overflow: hidden;}
.newslist .news-ul li {width: 100%;overflow: hidden;border-bottom: 1px solid #e0e0e0;padding: 40px 0 38px;}
.newslist .news-ul li .div1 {width: 104px;overflow: hidden;float: left;}
.newslist .news-ul li .div1 .p1 {font-size: 47px;color:#333;margin-bottom: 20px;}
.newslist .news-ul li .div1 .p2 {color:#333;font-size: 14px;}
.newslist .news-ul li .div2 {width: 1096px;overflow: hidden;float: right;}
.newslist .news-ul li .div2 .p1 {color:#333;font-size: 22px;}
.newslist .news-ul li:hover .div2 .p1 {color:#e8321e;}
.newslist .news-ul li .div2 .div2-word {width: 100%;overflow: hidden;margin-top: 18px;}
.newslist .news-ul li .div2 .div2-word p {color:#666;font-size: 14px;line-height: 28px;}


/*新闻详情news*/
.news-all {width: 1200px;overflow: hidden;margin: 0 auto 30px;}
.news {width: 100%;overflow: hidden;padding: 20px 38px;}
.news .news-tit {text-align: center;font-size: 18px;color: #353535;line-height: 25px;}
.news .news-time {text-align: center;color:#999;line-height: 50px;}
.news .news-word {width: 100%;overflow: hidden;}
.news .news-word p {color:#666;font-size: 13px;line-height: 28px;text-indent: 2em;}
.news .news-word img {max-width: 100%;}

/*联系我们contact*/
.contact {width: 1200px;overflow: hidden;margin:24px auto 55px;}
.contact .contacta {width: 347px;overflow: hidden;float: left;background-color: #eaeaea;}
.contact .contacta .contacta-word {width: 100%;overflow: hidden;padding: 5px 20px;}
.contact .contacta .contacta-word p {color:#444;font-size: 14px;line-height: 22px;}


.contact .map {width: 820px;height:388px;float: right;}
/*留言*/
.liuyan {width:820px;overflow: hidden;float: right;}
.liuyan .faqline {overflow: hidden;margin-bottom: 35px;}
.liuyan .Content {margin-bottom: 35px;}
.liuyan .faqtit {float: left;margin-top: 15px;font-size: 14px;color: #929090;}
.lyk {width: 100%;height:200px;background-color: #e8e8e8;border: none;padding: 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;}
.liuyan input {width:50%;height:35px;border: none;background-color: #e8e8e8;padding-left: 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;}

/*分页*/
.fenye {width:100%;height:20px;clear: both;text-align: center;margin: 50px 0 20px;}
.fenye span {border: 1px solid #ccc;padding:6px 10px;margin-right: 8px;color: #333;}
.fenye span:hover {color:#fff;background-color: #002f7b;}
.fenye a {border: 1px solid #ccc;padding:6px 10px;margin-right: 8px;color: #333;}
.fenye a:hover {color:#fff;background-color: #002f7b;}
.fenye .current {color:#fff!important;background-color: #002f7b;}

/*上一张下一张*/
.sxz {width:100%;overflow: hidden;margin: 80px 50px 0 0;}
.sxz a {color: #002f7b;}
.sxz li {margin-bottom: 10px;}

/*幻灯片banner*/
.lubo { width: 100%;position: relative; height:604px;}
.lubo_box { position: relative; width: 100%; height:604px; }
.lubo_box li { float: left;position: absolute; top: 0; left: 0; width: 100%; height:604px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a { display: block;width: 100%;  height: 604px;}
.lubo_box li img { width: 100%; height: 100%;}
.lubo_box .a1 {background-image: url("../images/banner1.png");
    background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.lubo_box .a2 {background-image: url("../images/banner7.jpg");
    background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.lubo_box .a3 {background-image: url("../images/banner2.png");
    background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.lubo_box .a4 {background-image: url("../images/banner3.png");
    background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.lubo_box .a5 {background-image: url("../images/banner4.png");
    background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.lubo_box .a6 {background-image: url("../images/banner5.png");
    background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.lubo_box .a7 {background-image: url("../images/banner6.jpg");
    background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}

/*圆点*/
.cir_box { overflow: hidden; position: absolute; z-index: 100;width: 1200px;margin: 0 auto;}
.cir_box li { float: left; width: 40px; height: 3px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.6;filter:alpha(opacity=60);}
.cir_on { opacity: 1!important;filter:alpha(opacity=80);}

/*按钮*/
.lubo_btn { position: absolute; width: 100%; top: 43%;padding: 0 3%;}
.left_btn, .right_btn { width: 30px; height: 80px;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 70px;font-weight:bold;text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn:hover, .right_btn:hover {color:#333;}
.left_btn { float: left;}
.right_btn { float: right;}

/*屏幕*/
@media screen and (max-width: 1440px) {
    .lubo {height:422px;}
    .lubo_box {height:422px; }
    .lubo_box li {height:422px;}
    .lubo_box li a {height: 422px;}

}

/*首页简介右边图片滚动*/
#focus {height:400px;width: 379px;position: relative;overflow: hidden;}
#focus ul {height: 400px;position: absolute;overflow: hidden}
#focus ul li {height: 400px;width: 379px;float: left;overflow: hidden}
#focus ul li img {width: 100%;}
#focus .picfocus{width: 379px;height: 20px;position: absolute;bottom:0; left: 0px;z-index:1;}
#focus .picfocus .btn{height: 30px;position: absolute;bottom:15px;left:40%;}
#focus .picfocus .btn span{height: 15px;width: 15px;float: left;margin-left:8px;background-color: #d9d9d9;margin-top: 20px;cursor:pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;}
#focus .picfocus .btn .on {background-color: #002f7b;}