@charset "utf-8";

/*BANNER*/
.swiper-slide{overflow: hidden; cursor: pointer;}
.swiper-slide img{max-width: 100%;}

.shuju {width: 100%;overflow: hidden;background: url(../images/bg_02.jpg) center no-repeat;height: 229px;}
.shujus {width: 1200px;margin: auto;}
.left_sj {float: left;text-align: right; margin-top: 80px;}
.left_sj p:first-child {font-size: 30px;color: #fff;}
.left_sj p:last-child {font-size: 22px;color: #fff;font-weight: bold; line-height: 38px;}
.sjtop { font-size: 48px;color: #1d1d1d;}
.sjtop span {
    width: 23px;
    height: 23px;
    display: inline-block;
    background: #9a2f28;
    text-align: center;
    line-height: 23px;
    border-radius: 100%;
    font-size: 14px;
    color: #fff;
    margin-left: 5px;
    position: relative;
    top: -5px;
}

.sjtitle {font-size: 24px;color: #1d1d1d; margin: 10px 0;}
.sjcon {font-size: 14px;color: #423d3d;line-height: 25px;}
.sj1 {float: left;margin-top: 40px;margin-left: 110px;}
.sj2 {float: left;margin-top: 40px;margin-left: 145px;}
.sj3 {float: left;margin-top: 40px;margin-left: 120px;}


.product {width: 100%;overflow: hidden; margin-top: 80px;}
.products {width: 1200px;margin: auto;}
.left_pro {float: left;width: 282px;}
.lprotop {width: 100%;height: 98px;background: #3264c7 url(../images/proline_03.jpg) center no-repeat;text-align: center;}
.lprotoptitle {font-size: 30px;color: #fff;padding-top: 36px;}
.lprotoptitles { text-transform: uppercase;font-size: 14px;color: #fff;line-height: 32px;}
.lprolist {overflow: hidden;border: 1px solid #dfdfdf;padding: 15px 20px;}
.lprolist a {display: block;line-height: 37px;background: #ececec;padding-left: 20px;font-size: 16px;color: #464646;margin-bottom: 6px;}
.lprolist a:last-child {margin-bottom: 0;}
.right_pro { width: 865px;float: right;overflow: hidden;}
.rprotop {width: 100%;overflow: hidden; border: 1px solid #dfdfdf;line-height: 43px;}
.rprotop span {display: block;float: left;background: #3264c7;text-align: center;width: 148px;font-size: 18px;color: #fff;}
.rprotop a {font-size: 14px;color: #464646;float: right;margin-right: 12px;}

.homeproduct { display: flex;flex-wrap: wrap;}
.homeproduct a {display: block;text-align: center;margin-left: 21px;margin-top: 13px;border: 1px solid #dfdfdf;}
.homeproduct a>img {width: 272px;height: 186px;}
.homeproduct a p {line-height: 44px;border-top: 1px solid #dfdfdf;font-size: 16px;color: #464646;}


.homeproducts{overflow: hidden; margin: 30px 0;}
.homeproducts ul{margin-left: -1%; margin-right: -1%;}
.homeproducts ul li{float: left; width:31.1%; margin: 0 1%; background: #FFF; border: 1px solid #e7e7e7; margin-bottom: 4%;}
.homeproducts ul li:hover{border: 1px solid #3264c7;}
.homeproducts ul li .img{overflow: hidden; height: 220px;}
.homeproducts ul li .img img{width: 100%; height: 100%;}
.homeproducts ul li h2{font-size: 14px; display: block; height: 32px; line-height: 32px; text-align: center; padding: 10px 0;color: #333;}



.about {width: 100%;overflow: hidden;margin-top: 45px;height: 575px; background: url(../images/abbg_02.jpg) center no-repeat;text-align: center;}
.abouts {width: 1200px;margin: auto;}
.abtitle {font-size: 39px;color: #fff;font-weight: bold; display: block; padding: 45px 0;}
.abcon {width: 995px;margin: auto;font-size: 14px; color: #fff;line-height: 1.8;margin-top: 18px;}
.abmore {font-size: 0;margin-top: 45px;}
.abmorepic {width: 99px; height: 99px;background: #fff;border-radius: 100%;line-height: 97px;}
.abmoretitle {font-size: 18px;color: #fff;margin-top: 10px;}
.abmore a {display: inline-block;margin: 0 26px;}

.case {width: 100%; overflow: hidden; }
.title {width: 100%;text-align: center;background: url(../images/titleline_03.jpg) center no-repeat;font-size: 39px;color: #222222;font-weight: bold; padding: 20px 0; line-height: 50px;}
.title span {color: #3264c7;}

.home-adgg{overflow: hidden;}
.home-adgg img{max-width: 100%;}


.new {
    width: 100%;
    overflow: hidden;
    background: url(../images/newbg.png) center no-repeat;
    padding-top: 10px;
}


.news {
    width: 1200px;
    margin: 45px auto 0;
    background: #fff;
    border: 1px solid #dfdfdf;
    padding: 80px 70px;
    overflow: hidden;
}

.leftnew {
    float: left;
    width: 650px;
    border-right: 1px solid #dfdfdf;
}

.lnew {
    width: 100%;
    overflow: hidden;
    margin-bottom: 58px;
}

.lnew:last-child {
    margin-bottom: 0;
}

.lnewpic {
    float: left;
    width: 284px;
}

.lnewpic img {
    width: 100%;
}

.lnewintro {
    float: left;
    width: 290px;
    margin-left: 40px;
}

.lnewtitle {
    font-size: 16px;
    color: #464646;
    font-weight: bold;
    margin-top: 5px;
}

.lnewcon {
    font-size: 14px;
    color: #818181;
    margin-top: 12px;
}

.lnewmore {
    margin-top: 25px;
    width: 104px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    background: #3264c7;
    font-size: 14px;
    color: #fff;
}

.rightnew {
    width: 500px;
    float: right;
}

.rnewtop {
    width: 100%;
}

.rnewtop a {
    font-size: 16px;
    color: #464646;
    padding: 0 10px;
    border-right: 1px solid #696969;
}

.rnewtop a:hover {
    font-weight: bold;
}

.rnewtop a:last-child {
    border-right: none;
}

.rnew {
    width: 100%;
    overflow: hidden;
}

.rnews {
    width: 100%;
    border-bottom: 1px dashed #d4d5d5;
    overflow: hidden;
    padding-bottom: 30px;
    margin-top: 25px;
}

.rnews:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.rnewintro {
    float: left;
    width: 395px;
}

.rnewdate {
    float: right;
    text-align: center;
}

.rnewtitle {
    font-size: 16px;
    color: #464646;
    font-weight: bold;
}

.rnewcon {
    font-size: 14px;
    color: #828282;
    line-height: 1.8;
}

.rnewmonth {
    font-size: 16px;
    color: #666;
    font-style: italic;
    margin-top: 15px;
}

.rnewday {
    font-size: 24px;
    color: #666;
    font-style: italic;
}

.index_contact {
    width: 100%;
    overflow: hidden;
    margin-top: 100px;
    height: 196px;
    background: url(../images/image_25.jpg) center no-repeat;
}

.index_contacts {
    width: 1200px;
    margin: auto;
}

.index_contact_fl {
    float: left;
    width: 600px;
}

.index_contact_fl_top {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
	line-height: 36px;
}

.index_contact_fl_tel {
    font-size: 31px;
    color: #fff;
    margin-top: 10px;
}

.index_contact_fl_tel img {
    margin-right: 5px;
}

.index_contact_fr {
    float: right;
	width: 600px;
}

.index_contact_fr a {
    display: block;
    width: 234px;
    height: 55px;
    float: left;
    line-height: 55px;
    font-size: 16px;
    color: #313131;
	margin-top: 70px;
	margin-left: 50px;
}

.index_contact_fr a p{ padding-left: 110px;}

.index_contact_fr a:first-child {
    background: url(../images/indexcontact.png) center no-repeat;
}

.index_contact_fr a:last-child {
    background: url(../images/indexsubmit.png) center no-repeat;
}

.foot {
    width: 100%;
    overflow: hidden;
    background: #2c2c2c;
}

.foots {
    width: 1200px;
    margin: auto;
}

.fnav {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #4d4d4d;
    line-height: 93px;
}

.fnav a {
    display: block;
    float: left;
    width: 11.1%;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.footbot {
    width: 100%;
    overflow: hidden;
}

.flogo {
    width: 199px;
    height: 73px;
    border-right: 1px solid #595959;
    float: left;
    margin-top: 45px;
}

.flogo p:first-child {
    font-size: 37px;
    color: #fff;
    font-weight: bold;
	line-height: 46px;
}

.flogo p:last-child {
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    font-family: "Arial";
}

.fcontact {
    float: left;
    margin-left: 35px;
    margin-top: 45px;
    width: 580px;
}

.fcontact p {
    float: left;
    width: 265px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
}

.saoma {
    float: right;
    text-align: center;
    margin-top: 40px;
	width: 120px;
}
.saoma img{
    max-width: 100%;
}

.saoma p {
    line-height: 35px;
    background: #fff;
    width: 100%;
    font-size: 14px;
    color: #727272;
}

.copy {
    line-height: 94px;
    border-top: 1px solid #595959;
    width: 960px;
	color: #969696;
	
}

.copy a {
    font-size: 14px;
    color: #969696;
    margin-right: 5px;
}