@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td {margin: 0; padding: 0;}
body, td, th {color: #666; font-family: Microsoft YaHei, Tahoma, Geneva, sans-serif; font-size: 14px;}
*{padding:0px;margin:0px;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
li, dt, dd {list-style: none;}
a {color:inherit; text-decoration:none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
a:hover { color:inherit; /*color:#0136A8;*/ text-decoration:none;}
img {border:0; vertical-align:middle;}
.clearfix:after{
    content: '';
    display:block;
    clear:both;
}
body {background:#F6F6F6; overflow-x:hidden;}
.banner{width: 100%;}
.banner img{width: 100%;}
.content_main,.container{margin:0 auto;width:1200px;}
.fl{float:left;}
.fr{float:right;}
/*分页功能*/
.pages{color:#1a4b85; overflow:hidden; font-size:16px; text-align:center; margin-bottom:20px;}
.pages span{ padding:0 6px; margin-top:10px; display:inline-block; color:#555;}
.pages a{ display:block; color:#333; text-align:center; vertical-align:middle; padding:0px 10px; line-height:50px; overflow:hidden; min-width:50px; min-height:50px; box-sizing:border-box; font-size:16px; background:#fff; border-radius:5px;border:1px solid #dedede;}
.pages span.curr a{ display:block; background:#3F82D9; color:#fff;}
.pages a:hover{background:#dedede; color:#fff;}


.list_nav{float:left;width:270px;text-align:center;box-shadow:0 0 5px #DADDE2;}
.list_nav dd{height:60px;font-size:18px;line-height:60px;color:#787878;}
.list_nav dd a{width: 100%; height: 100%; display: block;}

/*.list_con_t{font-size:20px;color:#3F82D9;float:left;border-bottom:2px solid #1F57B6;font-weight:bold;}*/


/**sosuo**/
.search{height:53px;padding:9px 0 10px 0;background:url(/web/images/searchbg.png) no-repeat center bottom;}
.search .keyword a{float:left;margin-right:18px;height:53px;line-height:53px}
.search .keyword a:first-child{color:#333}
.search .keyword a:hover a{color:#258C44}
.search .searchBox{float: right;display: inline; margin-top: 10px;}
.search .searchBox .keyword{float:left;width:303px;height:30px;line-height:30px;padding-left:10px;border:1px solid #e8e7e7;color:#999;border-radius:5px 0 0 5px}
.search .searchBox input:focus{border:1px solid #0762CBFF;outline:none}
.search .searchBox .submit{
    float:left;width:74px;height:32px;background:#0762CBFF;color:#fff;
    line-height:30px;border:none;border-radius:0 5px 5px 0;
    cursor:pointer;text-align:center;
}
.search .searchBox .submit:hover{ background:#0762CBFF}


/*公司简介*/
.three-main{
    width: 100%;margin: 0 auto;
    background-color:#0762CBFF;
    padding-bottom: 90px;
}
.linejb {background: linear-gradient(180deg, #0094FF 0%, #0066FF 100%)!important;}
.three-main .t-main{width: 1200px;margin: 0 auto;}
.three-main .t-main .container {display: flex;flex-direction: row;}
.three-main .t-main .item {height: 193px;width:295px;}
.three-main .t-main .item .shuliang {
    color: #fff;font-size: 48px;position: relative;
    line-height: 66px;font-weight:bold;margin-left:20px;

}
.three-main .t-main .item .shuliang em {font-style: normal;position: relative;top: -24px;font-size: 26px;}
.three-main .t-main .item .js {width:85%;font-size: 16px;font-weight: 400;color: #fff;margin-left:20px;}

.four-main{width: 100%;margin: 0 auto;padding-bottom: 0px;}
.four-main .f-main{width: 1200px;margin: 0 auto;}
.four-main .container{background-color: #fff;box-shadow: 0 2px 30px rgba(0,0,0,.1); display: block;margin-top: -70px;padding:50px; display: flex;}
.four-main .container .img{ width: 487px;margin-right: 60px;margin-top:-120px; }
.four-main .container .info{ width: calc(100% - 580px); }
.four-main .container .info h3{color: #737373; font-weight: 400;font-size: 28px;text-transform:uppercase;}

.four-main .container .info h4{color: #0182FF; font-weight: 600;font-size: 28px; line-height: 2;margin-bottom: 10px;}

.four-main .container .info h4:after{content:"";margin-bottom: 10px;margin-top: 5px;border-top:2px solid #000; display: block;width: 20px;}
.four-main .container .info p{color: #666666;font-size: 22px; line-height: 44px;}
.four-main .container .info .btn{
    background-color: #fff;border:1px solid #CED7E1FF;
    line-height: 16px;display: inline-block;color:#728294FF;
    padding: 10px 30px;font-size: 16px;
    margin-top: 30px;
    border-radius:60px;
    margin-left:20px;
}
.four-main .container .info .btn:hover{background-color: #0182FF;color: #fff;}

/*首页-新闻模块*/
.news {
    padding-bottom: 50px;
}
.news .conleft {
    width: 500px;
    padding-top: 13px;
}
.news .conleft .pImg {
    width: 500px;
    margin-bottom: 15px;
}
.news .conleft .pImg img {
    display: block;
    width: 500px;
    height: 245px;
}
.news .conleft ul li {
    overflow: hidden;
    height: 43px;
    line-height: 43px;
    border-bottom: 1px dashed #e2e2e2;
}
.news .conleft ul li a {
    float: left;
    width: 310px;
}
.news .conleft ul li span {
    float: right;
}
.news .conleft ul li:hover a {
    color:#0762CBFF;
}
.news .conright {
    width: 545px;
    padding-left: 75px;
    height: 487px;
    background: url(../images/newsline01.png) no-repeat left top;
    padding-top: 13px;
}
.news .conright .rTop {
    height: 45px;
    border-bottom: 1px solid #0762CBFF;
}
.news .conright .rTop ul {
    float: left;
}
.news .conright .rTop ul li {
    float: left;
    width: 114px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.news .conright .rTop ul li a {
    display: block;
    height: 45px;
    color: #333;
}
.news .conright .rTop ul li.cur {
    background:#0762CBFF;
}
.news .conright .rTop ul li.cur a {
    color: #fff;
}

.news .conright .rTop .morea {
    float: right;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    color: #333;
}
.news .conright .rTop .morea em {
    color: #dddddd;
    font-size: 20px;
}
.news .conright .rBox .conbox {
    display: none;
}
.news .conright .rBox .conbox.cur {
    display: block;
}
.news .conright .rBox .conbox dl {
    padding-left: 139px;
    position: relative;
    height: 84px;
    margin-top: 24px;
}
.news .conright .rBox .conbox dt {
    width: 116px;
    height: 84px;
    position: absolute;
    left: 0;
    top: 0;
    background:#F3F9FFFF;
    text-align: center;
    border-radius: 5px;
    color:#0762CBFF;
}
.news .conright .rBox .conbox dt b {
    display: block;
    font-size: 30px;
    padding-top: 13px;
    margin-bottom: 6px;
}
.news .conright .rBox .conbox dt i {
    display: block;
}
.news .conright .rBox .conbox dd.dd1 {
    font-size: 16px;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news .conright .rBox .conbox dd.dd1 a {
    color: #333;
}
.news .conright .rBox .conbox dd.dd2 {
    line-height: 24px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
}
.news .conright .rBox .conbox dl:hover dt {
    background:#0762CBFF;
    color: #fff;
}
.news .conright .rBox .conbox dl:hover dd.dd1 a {
    color:#0762CBFF;
}

.titEn {
    text-align: center;
    margin-bottom: 38px;
    font-size: 16px;
    text-transform: uppercase;
    color: #666;
}
h2.h2_title {
    padding-top: 48px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 35px;
}


/*
首页-产品优势*/

.cpys {
    height: 679px;
    background: url(../images/cpysbg.jpg) no-repeat center top;
}
.cpys h2.h2_title em {
    width: 430px;
}
.cpys h2.h2_title span {
    width: 335px;
}
.cpys .cpysType {
    text-align: center;
    margin-bottom: 29px;
}
.cpys .cpysType li {
    display: inline-block;
    vertical-align: middle;
    width: 210px;
    height: 59px;
    background:#FFFFFFBF;
    line-height: 59px;
    color:#333333FF;
    font-size: 18px;
    border-radius: 7px;
    margin: 0 40px;
}
.cpys .cpysType li.cur {
    background:#0762CBFF;
    color:#fff;
}
.cpys .cpysCon .conbox {
    display: none;
    position: relative;
}
.cpys .cpysCon .conbox.cur {
    display: block;
}
.cpys .cpysCon .con1 {
    height: 400px;
    background: #f7f7f7;
    position: relative;
}
.cpys .cpysCon .con1 dl {
    position: absolute;
    width: 200px;
    height: 122px;
}
.cpys .cpysCon .con1 dl dt {
    position: absolute;
    top: 0;
}
.cpys .cpysCon .con1 dl dt img {
    display: block;
    width: 122px;
    height: 122px;
}
.cpys .cpysCon .con1 dl dt em {
    position: absolute;
    left: 0;
    top: 0;
    width: 122px;
    height: 122px;
    background: url(../images/cpysty.png) no-repeat center;
}
.cpys .cpysCon .con1 dl dd {
    padding-top: 20px;
}
.cpys .cpysCon .con1 dl dd b {
    display: block;
    font-size: 18px;
    color:#0762CBFF;
    margin-bottom: 13px;
}
.cpys .cpysCon .con1 dl dd p {
    line-height: 24px;
}
.cpys .cpysCon .con1 dl.dl1 {
    left: 30px;
    top:20px;
    padding-right: 150px;
}
.cpys .cpysCon .con1 dl.dl1 dt {
    right: 0;
}
.cpys .cpysCon .con1 dl.dl2 {
    right: 25px;
    top:20px;
    padding-left: 150px;
}
.cpys .cpysCon .con1 dl.dl2 dt {
    left: 0;
}
.cpys .cpysCon .con1 dl.dl3 {
    left: 30px;
    top: 227px;
    padding-right: 150px;
}
.cpys .cpysCon .con1 dl.dl3 dt {
    right: 0;
}
.cpys .cpysCon .con1 dl.dl4 {
    right: 25px;
    top: 227px;
    padding-left: 150px;
}
.cpys .cpysCon .con1 dl.dl4 dt {
    left: 0;
}
.cpys .cpysCon .con1 .pImg {
    position: absolute;
    left: 238px;
    top: 0px;
}
.cpys .cpysCon .con3 {
    height: 400px;
    background: #f7f7f7;
    position: relative;
}
.cpys .cpysCon .con3 dl {
    position: absolute;
    width: 200px;
    height: 122px;
}
.cpys .cpysCon .con3 dl dt {
    position: absolute;
    top: 0;
}
.cpys .cpysCon .con3 dl dt img {
    display: block;
    width: 122px;
    height: 122px;
}
.cpys .cpysCon .con3 dl dt em {
    position: absolute;
    left: 0;
    top: 0;
    width: 122px;
    height: 122px;
    background: url(../images/cpysty.png) no-repeat center;
}
.cpys .cpysCon .con3 dl dd {
    padding-top: 20px;
}
.cpys .cpysCon .con3 dl dd b {
    display: block;
    font-size: 18px;
    color:#0762CBFF;
    margin-bottom: 13px;
}
.cpys .cpysCon .con3 dl dd p {
    line-height: 24px;
}
.cpys .cpysCon .con3 dl.dl1 {
    left: 30px;
    top:20px;
    padding-right: 150px;
}
.cpys .cpysCon .con3 dl.dl1 dt {
    right: 0;
}
.cpys .cpysCon .con3 dl.dl2 {
    right: 25px;
    top:20px;
    padding-left: 150px;
}
.cpys .cpysCon .con3 dl.dl2 dt {
    left: 0;
}
.cpys .cpysCon .con3 dl.dl3 {
    left: 30px;
    top: 227px;
    padding-right: 150px;
}
.cpys .cpysCon .con3 dl.dl3 dt {
    right: 0;
}
.cpys .cpysCon .con3 dl.dl4 {
    right: 25px;
    top: 227px;
    padding-left: 150px;
}
.cpys .cpysCon .con3 dl.dl4 dt {
    left: 0;
}
.cpys .cpysCon .con3 .pImg {
    position: absolute;
    left: 238px;
    top: 0px;
}
/*关于我们*/
.about {
    height: 680px;
    background:#0762CBFF;
}
.about .container {
    height: 580px;
}
.about h2.h2_title em {
    width: 464px;
}
.about h2.h2_title a {
    width: 260px;
    color: #fff;
}
.about h2.h2_title b {
    color: #fff;
}
.about .titEn {
    color: #fff;
    margin-bottom: 30px;
}
.about .aboCon {
    margin-top: 90px
}
.about .conbox {
    display: none;
    position: relative;
}
.about .conbox.cur {
    display: block;
}
.about .con1 .conleft {
    width: 522px;
    height: 375px;
    padding: 21px 0 0 28px;
    background: url(../images/abobg.png) no-repeat left top;
    position: relative;
    top: -25px;
}
.about .con1 .conright {
    width: 585px;
    margin-right: 35px;
}
.about .con1 .conright p {
    line-height: 26px
}
.about .con1 .conright p a {
    color: #FFF;
    font-weight: bold
}
.about .con1 .conright .p1 {
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #FFF;
}
.about .con1 .conright .p1 a {
    color: #fff;
}
.about .con1 .conright .p2 {
    line-height: 24px;
}
.about .con1 .conright .p2 a {
    color: #fff;
}
.about .con2 {
}
.about .aboBtnl {
    display: block;
    width: 45px;
    height: 45px;
    cursor: pointer;
    position: absolute;
    left: -45px;
    top: 124px;
    background: url(../images/yyaljtl01.png) no-repeat center;
}
.about .aboBtnr {
    display: block;
    width: 45px;
    height: 45px;
    cursor: pointer;
    position: absolute;
    right: -45px;
    top: 124px;
    background: url(../images/yyaljtr01.png) no-repeat center;
}
.about .aboBtnl:hover {
    background: url(../images/yyaljtl02.png) no-repeat center;
}
.about .aboBtnr:hover {
    background: url(../images/yyaljtr02.png) no-repeat center;
}
.about .con2 .gcsj {
    position: relative;
    overflow: hidden;
}
.about .con2 .gcsj ul {
    position: relative;
}
.about .con2 .gcsj ul li {
    float: left;
    width: 380px;
    margin-left: 30px;
    position: relative;
    overflow: hidden;
}
.about .con2 .gcsj ul li:first-child {
    margin-left: 0;
}
.about .con2 .gcsj ul li img {
    display: block;
    width: 380px;
    height: 300px;
    transition: all 0.5s;
}
.about .con2 .gcsj ul li:hover img {
    transform: scale(1.1);
}
.about .con2 .gcsj ul li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 62px;
    line-height: 62px;
    text-align: center;
    color: #fff;
    background:#000;
    opacity:0.3;
}
/*.about .con2 .gcsj ul li:hover p {
    background: url(../images/bg03.png);
    color: #fff;
}*/
.about .con3 .rzzz {
    position: relative;
    overflow: hidden;
}
.about .con3 .rzzz ul {
    position: relative;
}
.about .con3 .rzzz ul li {
    float: left;
    width: 380px;
    margin-left: 30px;
    position: relative;
    overflow: hidden;
}
.about .con3 .rzzz ul li:first-child {
    margin-left: 0;
}
.about .con3 .rzzz ul li img {
    display: block;
    width: 380px;
    height: 300px;
    transition: all 0.5s;
}
.about .con3 .rzzz ul li:hover img {
    transform: scale(1.1);
}
.about .con3 .rzzz ul li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 62px;
    line-height: 62px;
    text-align: center;
    color: #fff;
    background:#000;
    opacity:0.3;
}
/*.about .con3 .rzzz ul li:hover p {
    background: url(../images/bg03.png);
    color: #fff;
}*/
.about .con4 .hzhb {
    position: relative;
    overflow: hidden;
    padding: 5px 0;
}
.about .con4 .hzhb ul {
    position: relative;
}
.about .con4 .hzhb ul li {
    float: left;
    width: 300px;
    height: 300px;
    position: relative;
    background: #fff;
    z-index: 1;
}
.about .con4 .hzhb ul li a {
    display: block;
    height: 298px;
    border: 1px solid #e0e0e0;
    border-left-color: #fff;
    transition: all 0.5s;
    background: #fff;
}
.about .con4 .hzhb ul li:first-child {
    margin-left: 0;
    border-left-color: #e0e0e0;
}
.about .con4 .hzhb ul li span {
    display: block;
    padding-top: 25px;
}
.about .con4 .hzhb ul li img {
    display: block;
    width: 230px;
    transition: all 0.5s;
    margin: 0 auto;
}
.about .con4 .hzhb ul li:hover {
    z-index: 2;
}
.about .con4 .hzhb ul li:hover a {
    transform: scale(1.03);
    border-left-color: #e0e0e0;
    box-shadow: 0 0 10px #e1ebd7;
}
.about .con4 .hzhb ul li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 62px;
    text-align: center;
    color: #333;
    font-size: 16px;
}
.about .aboType {
    text-align: center;
    margin-bottom: 15px;
}
.about .aboType li {
    display: inline-block;
    vertical-align: middle;
    width: 210px;
    height: 59px;
    background: #6d6b6c;
    line-height: 59px;
    color: #fff;
    font-size: 18px;
    border-radius: 7px;
    margin: 0 20px;
}
.about .aboType li.cur {
    background: #fff;
    color:#333333FF;
}
.about .aboType li.cur a {
    color:#333333FF;
}


/*首页-产品*/

.product {
    padding-bottom: 50px;
}
.product .proCon .conleft {
    width: 242px;
    padding: 20px 5px;
    background:#0762CBFF;
    border-radius: 7px;
}
.product .proCon .conleft h3 {
    padding-top: 8px;
    text-align: center;
    margin-bottom: 18px;
}
.product .proCon .conleft h3 a {
    display: block;
    font-size: 22px;
    color: #fff;
    margin-bottom: 5px;
}
.product .proCon .conleft h3 span {
    display: block;
    font-size: 22px;
    color: #fff;
    margin-bottom: 5px;
}
.product .proCon .conleft h3 i {
    display: block;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.product .proCon .conleft .proBox {
    padding: 14px 18px 1px 18px;
    background: #fff;
    border-radius: 7px;
}
.product .proBox .conbox {
    margin-bottom: 5px;
}
.product .proBox .conbox .p1 {
    height: 32px;
    line-height: 32px;
    text-indent: 20px;
    font-size: 16px;
    font-weight: bold;
    background:#0762CBFF;
    border-radius: 5px;
    margin-bottom: 10px;
}
.product .proBox .conbox .p1 a {
    color: #fff;
}
.product .proBox .conbox ul li {
    height: 30px;
    line-height: 30px;
    text-indent: 22px;
    background: url(../images/proicon01.png) no-repeat left center;
    border-top: 1px dashed #dbdad9;
}
.product .proBox .conbox ul li:first-child {
    border-top: none;
}
.product .proBox .conbox ul li:hover a {
    color:#0762CBFF;
    font-weight:bold;
}

.product .conright {
    width: 936px;
    height:500px;
    position: relative;
}
.product .conright .rTop {
    position: absolute;
}
.product .conright .rTop dl {
    float: left;
    width: 306px;
    margin-left: 9px;
    margin-bottom: 40px;
}
.product .conright .rTop dl:nth-child(1), .product .conright .rTop dl:nth-child(4) {
    margin-left: 0;
}
.product .conright .rTop dl dt {
    border: 1px solid #eeeeee;
    margin-bottom: 18px;
    overflow: hidden;
}
.product .conright .rTop dl dt img {
    display: block;
    width: 304px;
    height: 254.84px;
    transition: all 0.5s;
}
.product .conright .rTop dl dd.dd1 {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product .conright .rTop dl dd.dd1 a {
    color:#313640FF;
    font-size:18px;
    font-weight: bold;
}
.product .conright .rTop dl dd.dd2 {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
    height: 20px;
    margin: auto
}
.product .conright .rTop dl:hover dt img {
    transform: scale(1.1);
}
.product .conright .rTop dl:hover dd.dd1 a {
    color:#0762CBFF;
}
.product .conright .chkx {
    height: 99px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #0079C2;
    overflow: hidden;
    border-radius: 10px;
}
.product .conright .chkx ul {
    position: relative;
}
.product .conright .chkx ul li {
    height: 99px;
    line-height: 99px;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 795px;
}
.product .conright .chkx ul li b {
    font-size: 24px;
    color: #fff;
}
.product .conright .chkx ul li a {
    color: #fff;
    font-size: 20px;
}

h2.h2_title em {
    display: inline-block;
    vertical-align: middle;
    width: 480px;
    height:2px;
}
h2.h2_title b{width:180px;display:inline-block;}
h2.h2_title .eml {
    background: url(../images/hr_left.png) no-repeat right center;
}
h2.h2_title .emr {
    background: url(../images/hr_right.png) no-repeat left center;
}



.index_hzpp{padding:50px 0px;background-color: #F3F6FB;}
.index_hzpp .hzpp_main{display: flex;flex-wrap:wrap;justify-content: space-between;}
.index_hzpp .item{width: 23%;margin:1% 0;}
.index_hzpp .item:hover{box-shadow: 10px 4px 20px 0px rgba(104,123,151,0.25)}
.index_hzpp .item img{ width: 100%}

.nine-main .catheader {width: 100%;text-align: center;}
.nine-main .catheader h3 {color: #0182FF;font-size: 36px;font-weight: 600;text-transform: uppercase;margin-bottom: 10px;margin-top: 30px;}
.nine-main .catheader p {font-size: 20px;line-height: 38px;color:#737373;text-transform: uppercase;}