

html {

    margin: 0;

    padding: 0;

    border: 0;

}



body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

p,

blockquote,

pre,

a,

address,

code,

b,

em,

img,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

footer,

header,

hgroup,

nav,

section {

    margin: 0;

    padding: 0;

    border: 0;

}



body {

    background: #fff;

    color: #666;

    position: relative;

    font: 14px/1.5 Microsoft YaHei, arial, Ã¥Â®â€¹Ã¤Â½â€œ, sans-serif;

    vertical-align: baseline;

    width: 100%;

    overflow-x: hidden;

}



a {

    text-decoration: none;

    outline: none;

}



a:link {

    color: #666;

}



a:visited {

    color: #666;

}



a:hover,

a:active,

a:focus {

    color: #3480ce;

    text-decoration: none;

    outline: none;

}



input {

    padding: 0;

    margin: 0;

    font-family: 'Microsoft YaHei';

}



img {

    border: none;

    background: none;

    vertical-align: middle;

}



ul,

ol,

li {

    list-style-type: none;

}



select,

input,

img,

select {

    vertical-align: middle;

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



table,

th,

td {

    vertical-align: middle

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    overflow: hidden;

    visibility: hidden;

}



.clearfix {

    zoom: 1

}



.clearboth {

    height: 0px;

    line-height: 0px;

    overflow: hidden;

    clear: both;

    font-size: 0px;

}



h1,

h2,

h3,

h4 {

    font-size: 12px;

    font-weight: bold;

}



hr {

    border: 0;

    border-top: 1px solid #ccc;

    height: 0;

}



/*----- Common css ------*/

.fl {

    float: left;

}



.fr {

    float: right;

}



.di {

    _display: inline;

}



.fwn {

    font-weight: normal;

}

.layui-container {
    padding: 0;
    width: 1200px;
	margin: 0 auto;
}


.process {
    width: 25%;
    background: #ededed;
    padding: 20px 0;
}
.fl{float: left;}
.fr{float: right;}
.fxrow,.fx{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.fjsb{
    justify-content: space-between;
}
.fjsa{
    justify-content: space-around;
}
.fjfe{
    justify-content: flex-end;
}
.fjce{
	justify-content:center
}
.fafe{
    align-items: flex-end;
}
.fafs{
    align-items: flex-start;
}
.fwp{
    flex-wrap: wrap;
}
.icon-img {
    width: 45px;
    height: 52px;
    overflow: hidden;
}

.icon-txt {
    color: #333333;
    margin-left: 10px;
}

.process:hover {
    background: #0871dd;
}

.process:hover .icon-img img {
    transform: translate(0px, -52px);
}

.process:hover .icon-txt {
    color: #fff
}


.dib {

    *display: inline;

    _zoom: 1;

    _display: inline;

    _font-size: 0px;

}



/* 关于我们*/

#about {
    margin: 40px 0;
    background: url(../images/ab-bg.jpg) top center no-repeat;
    padding-top: 150px;
}

.ab-title {
    padding-left: 20px;
    background: url(../images/line4.png) no-repeat left center;
    margin-left: 10px;
}

.ab-title h2 {
    font-weight: bold;
    font-size: 24px;
    color: #0871dd;
}

.ab-title div {
    font-size: 18px;
    font-weight: bold;
    color: #cdcdcd;
    text-transform: uppercase;
}

.ab-left {
    width: 52%;
}

.ab-txt {
    margin: 20px 0;
}

.ab-more {
    width: 110px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #0871dd;
    border-radius: 15px;
}

.ab-more a {
    color: #0871dd
}


.com-img {

    display: inline;

    overflow: hidden;

    margin: 0 auto;

    display: table;

}



.com-img img {

    transition: all 0.5s ease-out;

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

}



.com-img:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}







.wh {

    width: 1200px;

    margin: 0 auto;

}



.pos {

    position: relative;

    width: 1920px;

    left: 50%;

    margin-left: -960px;

}



.com-img {

    display: inline;

    overflow: hidden;

    margin: 0 auto;

    display: table;

}



.com-img img {

    transition: all 0.5s ease-in 0s;

    -webkit-transition: all 0.5s ease-in 0s;

    -moz-transition: all 0.5s ease-in 0s;

    -o-transition: all 0.5s ease-in 0s;

}



.com-img:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}







/*Ã¥Â¤Â´Ã©Æ’Â¨Ã¦Â Â·Ã¥Â¼Â*/

.top1 {

    height: 29px;

    background: #bf9f62;

    color: #fff;

    line-height: 29px;

    overflow: hidden;

}



.top2 {

    height: 150px;

    overflow: hidden;

}



#header {

    width: 1000px;

    margin: 0 auto;

}



/* .logo{float:left;line-height: 150px;} */

.top2 .k2 {

    margin-top: 45px;

}



.topLink {

    float: right;

    text-align: right;

    position: relative;

    z-index: 9999;

}



.translate {

    width: 100px;

    position: absolute;

    left: 0;

    top: 10px;

    z-index: 9999;

}



.tran-in {

    left: 120px;

}



.translate li {

    border: 1px dashed #cccccc;

    line-height: 26px;

    text-align: left;

    background: #fff;

}



.translate li a {

    display: block;

    padding-left: 10px;

    background: url(../images/41b370b15184bb0b2fcec8273e7dde0e96952ae6.png) no-repeat 88% 11px;

}



.translate li a:hover {

    text-decoration: none;

    color: #275cea;

    cursor: pointer;

}



.translate-en {

    display: none;

    padding: 6px;

    padding-top: 0px;

}



.translate li .translate-en a {

    padding-left: 0px;

    text-align: center;

    background: #fff;

    border-bottom: 1px solid #cccccc;

}



.translate li .translate-en a:hover {

    font-weight: bold;

}



.topLink .f_count {

    color: #ff0000;

    font-size: 13px;

    font-weight: bold;

}



.topLink .k1 a {

    color: #fff;

}



.topLink .k2 {

    color: #074b91;

    font-size: 14px;

    font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";

}











#menu {
    float: none;background: #1170d3
}



.nav {
width:1200px;margin:0 auto;
    height: 60px;

}



.nav li {

    line-height: 60px;

    height: 60px;

    text-align: center;

    width: 150px;

    float: left;font-weight: 600;

    position: relative;

    z-index: 999;

}



.nav li a {

    display: block;

    line-height: 60px;

    color: #fff;

    height: 60px;

    font-size: 18px;

    padding: 0

}



.nav li a:hover {

    color: #fff;
    text-decoration: none;
    background: url(../images/949ceb767991aea5f89eba7ff4c692533948dd25.png) no-repeat bottom center;
    background: #ffa200;

}



.nav .sec {
     height: 0; 
    background: #01557a;
    color: #fff;
    overflow: hidden;
    z-index: 9999;
    position: absolute;
    top: 60px;
    left: 50%;
    /* display: none; */
    transform: translateX(-50%);
    min-width: 100%;
}



.nav .sec a {

    background: #01557a;

    color: #fff;

    height: 38px;

    line-height: 38px;

    /*width: 82px;*/
    padding:0 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.nav .sec a:hover {

    background: #ffa200;

    text-decoration: none;

}


/* 导航样式 */

.x-menu {
width:1200px;margin:0 auto;
    height: 60px;

}

.x-menu > li {
    float: left;
    position: relative;
    /*margin: 0 1.2vw;*/
    width: 16%;
    text-align: center;
}

.x-menu>li:last-child {
    margin-right: 0;
}

.x-menu > li > a{
    display: block;
    font-size: 16px;
    color: #fff;
    position: relative;
   border-left: #418ddc 1px solid;
      border-right: 1px solid #0262b0;
    line-height: 60px;
}



.x-menu > li > a:hover {
    color: #fff;
}

.x-menu>li:hover>a:before {
    width: 24%;
}

.x-menu>li:hover>a:after {
    width: 40%;
}

.x-menu>li.active>a {
    /* color: #048f3e; */
}

.x-menu>li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.x-sub-menu {
    position: absolute;
    z-index: 99;
   width: 130%;
left: -26px;
    top: 62px;
    background: #fff;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.x-sub-menu>li>a {
    display: block;
    text-align: center;
    line-height: 2;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: .5em;
    transition: all .3s;
}

.x-sub-menu>li>a:hover {
    background: #2459a9;
    color: #fff;
}



.x-sub-menu > li{position:relative;}
.x-sub-menu > li>.sec {
    position: absolute;
    top: 0;
    text-align:center;
    /*padding-left:50px;*/
    left:195px;
    width: 150px;
    background: #fff;
    display: none;
}


.x-sub-menu > li>.sec a{color:#333;display:block;line-height:35px;}
.x-sub-menu > li>.sec a:hover{color: #ab001a;}
.x-sub-menu > li:hover>.sec{
   display: block;
}




.logo_cont {
    padding-left: 65px;
    background: url(../images/tel.png) no-repeat left center;
    margin-left: 20px;
}

.logo_tel {
    color: #de0000;
    font-size: 30px;
    font-weight: bold;
}






.container {

    width: 1200px !important;

    margin: 0 auto;

    padding: 0;

}



.page-position a {



}



.left {

    width: 250px;

    float: left;

}



.right {

    width: 910px;

    float: right;

}



/*.xypg-case-list li {*/

    /*width: 300px;*/

/*}*/



/*.xypg-product-list li {*/

    /*width: 293px;*/

/*}*/



/*.xypg-product-list li .img img {*/

    /*width: 271px;*/

    /*height: 255px;*/

/*}*/



.relate-product-slick .owl-item .img img {

    width: 213px;

    height: 200px;

}



.xypg-case-list li .img img {

    width: 300px;

    height: 250px;

}



.page-product-inquiry a {

    color: #fff;

}



.page-mob-tool {

    display: none;

}


.head-bg {

  background: #f0f0f0;

    height: 26px;

    overflow: hidden;

}



.wel {

    line-height: 26px;

    color: #999999;   

}



.k2 {

   

    color: #fff;

    line-height: 26px;

}



#header {

    width: 1200px;

    margin: 0 auto;

}



.top {

    height: 150px;

}



.logo {

    float: left;

    line-height: 150px;

    width: 35%;margin-top:15px;



}



.logo img {

    height: auto;

}



.topLink {

    width: 65%;

    height: 100px;

;

    float: right;

    text-align: right;

    position: relative;

    z-index: 9999;

}



.translate {

    width: 100px;

    position: absolute;

    left: 0;

    top: 10px;

    z-index: 9999;

}



.tran-in {

    left: 120px;

}



.translate li {

    border: 1px dashed #cccccc;

    line-height: 26px;

    text-align: left;

    background: #fff;

}



.translate li a {

    display: block;

    padding-left: 10px;

    background: url(../images/41b370b15184bb0b2fcec8273e7dde0e96952ae6.png) no-repeat 88% 11px;

}



.translate li a:hover {

    text-decoration: none;

    color: #275cea;

    cursor: pointer;

}



.translate-en {

    display: none;

    padding: 6px;

    padding-top: 0px;

}



.translate li .translate-en a {

    padding-left: 0px;

    text-align: center;

    background: #fff;

    border-bottom: 1px solid #cccccc;

}



.translate li .translate-en a:hover {

    font-weight: bold;

}



.topLink .f_count {

    color: #ff0000;

    font-size: 13px;

    font-weight: bold;

}



.topLink .k1 {

    line-height: 32px;

    padding-top: 5px;color:#fff;

}

.topLink .k1 a{color:#fff;line-height:26px;}

.k1{color:#999;line-height:26px;}



.k1 a{color:#999;line-height:26px;}
.topLink .k2 {

    color: #074b91;

    font-size: 14px;

    font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";

}



.telxx{margin-top: 30px;}






.hotSearch a {

    margin-right: 6px;

}



#formsearch input {

    height: 26px;

    background: none;

    border: none;

    line-height: 26px;

}



#formsearch input#keyword {

    height: 26px;

    line-height: 26px;

    padding-left: 4px;

    color: #666;

    outline: none;

}



#formsearch input#s_btn {

    width: 36px;

    height: 26px;

    line-height: 26px;

    text-align: center;

    color: #fff;

    border: none;

    cursor: pointer;

    outline: none;

    float: right;

}





.search {

    width: 1200px;

    margin: 0 auto;

    margin-top: 40px;

}



#formsearch {

    float: right;

   background: url(../images/47b31ee9430d4800d58999d79a7320683a06ca7b.png) no-repeat top center;

    height: 26px;

    width: 200px;

    margin-top: 37px;

}



.k1 {

    line-height: 24px;

    color: #999;

    float: left;

}



.k1 a:hover {

    color: #e87518;

}



.hotSearch {

    float: right;

    height: 24px;

    line-height: 24px;

    font-weight: normal;

}



#search-type {

    float: left;

    width: 100px;

    height: 24px;

    border: 1px solid #c8c8c8;

    margin-right: 5px;

}









.com-img {

    display: inline;

    overflow: hidden;

    margin: 0 auto;

    display: table;

}



.com-img img {

    transition: all 0.5s ease-in 0s;

    -webkit-transition: all 0.5s ease-in 0s;

    -moz-transition: all 0.5s ease-in 0s;

    -o-transition: all 0.5s ease-in 0s;

}



.com-img:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}





/*Ã¤Â¸Â»Ã¤Â½â€œÃ¦Â Â·Ã¥Â¼Â*/

#container {

    width: 1200px;

    margin: 0 auto;

    margin-top: 10px;

}



.container {

    width: 1200px;

    margin: 0 auto;

}



.product-index {

    margin-top: 75px;

}



.pro-title {

    font-size: 40px;

    color: #2459a9;

    text-align: center;

    background: url(../images/34f32a915c36799cc60b602f88c5908bdfb36107.png) no-repeat 50% 50%;

    line-height: 36px;

    text-transform: uppercase;

}



.pro-title span {

   

    font-weight: 600;color:#c70000;

}



.pro-title p {

    font-size: 16px;

    color: #323232;

    font-weight: normal;margin-top:20px;

}



.product-left {

    width: 246px;

}



.product-con {

    margin-top: 60px;

}



.p-con {

    border: 2px solid #2459a9;

    padding: 0 14px;

    padding-bottom: 30px;padding-top:20px

}



.p-con .tt {

    border-bottom: 1px dashed #dadada;

    line-height: 44px;

    height: 44px;

    font-size: 16px;

}



.p-con .tt a {

    color: #2459a9;

    font-weight: bold;

}



.p-con .tt a span {

    float: right;

    display: inline-block;

    font-size: 24px;

    color: #666666;

}






.sort1 li:last-child {

    border-bottom: none;

}



.sort1 li a {

    font-size: 16px;

    color: #fff;

    line-height: 49px;

    background: url(../images/45b4636dc73cf030eee36b1a02f2e9e154955ee5.png) no-repeat 92% center #2459a9;

    display: block;padding-left:15px;
	margin-bottom: 10px;

}



.sort1 li .layer2 li {

    border-bottom: none;

}



.sort1 li .layer2 li a {

    font-size: 14px;

    color: #212121;

    background: none;

}



.sort1 li .layer2 li a:hover {

    color: #2459a9;

}



.product-right {

    width: 930px;

}



.pp-title {

    font-size: 20px;

    color: #fff;

    background: url(../images/96e18e56853991449d59269671e938b19b7ee207.png) no-repeat left bottom;

    height: 85px;

    line-height: 56px;

    font-weight: normal;

    padding-left: 26px;

}



.pp-title a {

    float: right;

    font-size: 16px;

    color: #141414;

    font-weight: normal;

    margin-top: 30px;

}


.fen_ct{width:209px;height:134px;background:url(../images/ca24b9e0744cbb9d53da2c7db886ac5bc5da2251.png) no-repeat center top;color:#fff;font-size:18px;text-align:center;line-height:28px;padding-top:30px;margin-top:20px;}





/* Ã¤ÂºÂ§Ã¥â€œÂÃ¥Ë†â€”Ã¨Â¡Â¨ */

.product_list1 {

margin-top:20px;

}



.product_list1 li {

    float: left;



 

    _display: inline;

 margin:0 14px;
   margin-bottom: 20px;
}



.product_list1 li a.img {

    border: 1px solid #e0e1dc;

}



.product_list1 li a.img img {

    width: 279px;

    height: 279px;

}



.product_list1 li h3 {

    text-align: center;

    padding-top: 15px;

}



.product_list1 li h3 a {

    font-weight: normal;

    font-size: 14px;

    color: #303030;

}



.product_list1 li a.img {

    display: block;

}



.product_list1 li a.img:hover {

    border-color: #2459a9;

}







.bj1 {

    background: url(../images/b6ee3388f670a010f0d43988519f5ee1108a9fb1.png) no-repeat top center;

    height: 540px;

    overflow: hidden;

    margin-top: 78px;

}



.about-index {

    margin-top: 60px;

}



.about-left {

    width: 546px;

    padding-left: 58px;

    margin-top: -12px;

}



.about-title {

    font-size: 32px;

    color: #fff;

    font-family: "Arail";

    text-transform: uppercase;

    position: relative;

}



.about-title::after {

    content: "";

    position: absolute;

    left: -60px;

    top: 26px;

    width: 46px;

    height: 1px;

    background: #ba0f1f;

}



.about-title p {

    font-size: 22px;

    font-weight: 600;margin-top:5px;

}



.about-con {

    font-size: 14px;

    color: #fff;

    text-align: justify;

    margin-top: 20px;

    line-height: 26px;

}



.about1-title {

    font-size: 20px;

    color: #2459a9;

    font-family: "Arail";

    margin-top: 15px;

}



.about1-list {

    margin: 0 -69px;

    margin-top: 25px;

}



.about1-list li {

    float: left;

    margin: 0 50px;

    text-align: center;

}



.about1-list li a.img1 {

    display: block;

    height: 53px;

    line-height: 53px;

}



.about1-list li span {

    font-size: 12px;

    color: #fff;

    font-family: "Arail";

    display: block;

    margin-top: 20px;

}



.about1-list li p {

    font-size: 14px;

    color: #fff;

}



.about-right {

    width: 539px;

    height: 419px;

    overflow: hidden;

}









.case-index {

    margin-top: 75px;

}



.case-con {}



#multipleColumn {

    position: relative;

    width: 1200px;

    margin-top: 50px;

}



#multipleColumn .hd {}



#multipleColumn .hd .next {

    background: url(../images/e2897bff96400284050646f0af9a26e13da74ea9.png) no-repeat top center;

    width: 54px;

    height: 54px;

    position: absolute;

    left: 406px;

    bottom: -93px;

    z-index: 999;

}



#multipleColumn .hd .next:hover {

    background: url(../images/005442510e8b9965850c08548992af6c15a92494.png) no-repeat top center;

}



#multipleColumn .hd .prev {

    background: url(../images/02e887a5d228f156ebb868727671601d8b9ee5c9.png) no-repeat top center;

    width: 54px;

    height: 54px;

    position: absolute;

    right: 406px;

    bottom: -93px;

    z-index: 999;

}



#multipleColumn .hd .prev:hover {

    background: url(../images/3b71dfa743ff0a178e383a7c7a4bc26b2242c894.png) no-repeat top center

}



#multipleColumn .bd {

    overflow: hidden;

}



#multipleColumn .bd ul {

    overflow: hidden;

    zoom: 1;

    float: left;

    _display: inline;

    margin: 0 -10px;

}



#multipleColumn .bd ul li {

    float: left;

    _display: inline;

    overflow: hidden;

    text-align: center;

    width: 285px;

    position: relative;

    margin: 0 10px;

    margin-bottom: 20px;

    position: relative;

}



#multipleColumn .bd ul li img {

    width: 285px;

    height: 214px;

    display: block;

}



#multipleColumn .bd ul li h3 {

    background: #e5e5e5;

    height: 50px;

}



#multipleColumn .bd ul li h3 a {

    font-size: 18px;

    color: #373737;

    line-height: 50px;

    font-weight: normal;

}



#multipleColumn .bd ul li .hh {

    background: #222222;

    height: 100px;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    display: none;

}



#multipleColumn .bd ul li .hh a {

    display: block;

}



#multipleColumn .bd ul li .hh a.p-more1 {

    color: #fff;

    font-size: 18px;

    padding-top: 25px;

}



#multipleColumn .bd ul li .hh a.p-more2 {

    color: #a8a8a8;

    font-size: 14px;

    font-family: "Arial";

}



#multipleColumn .bd ul li:hover .hh {

    display: block;

}





.case-more {

    width: 148px;

    height: 40px;

    border: 1px solid #2459a9;

    margin: 0 auto;

    border-radius: 5px;

    margin-top: 46px;

}



.case-more a {

    display: block;

    text-align: center;

    lighting-color: 40px;

    line-height: 40px;

    color: #2459a9;

    font-size: 16px;

}







.bj2 {

    background: url(../images/76bb4ccf10c81b86e073d12ea3d4baceac68993a.jpg) no-repeat top center;

    height: 1344px;

    overflow: hidden;

    margin-top: 80px;

}



.advantage-index {

    padding-top: 306px;

}



.ad1 {

    width: 450px;

    margin-left: 93px;

}



.ad-title {

    font-size: 32px;

    color: #2459a9;

    height: 85px;

    line-height: 70px;

}



.ad-title span {

    font-size: 20px;

     color: #2459a9;

    padding-left: 30px;

    font-weight: normal;

}


.ad11 .ad1-con{
    margin-top:0;
}
.ad1-con {

    font-size: 16px;

    color: #000;

    line-height: 32px;

    /*margin-top: 20px;*/

    text-align: justify;

}



.ad2 {

    margin-top: 45px;

}



.ad3 {

    margin-left: 748px;

    margin-top: 92px;

}



.ad4 {

    margin-left: 748px;

    margin-top: 76px;

}





.hezuo-index {

    margin-top: 70px;

}



.hezuo-con {

    margin-top: 55px;

    position: relative;

}



.hezuo-con::after {

    content: "";

    position: absolute;

    top: 47px;

    left: 50%;

    margin-left: -507px;

    width: 1014px;

    border: 1px dashed #2459a9;

    z-index: -1;

}



.hezuo-list {

    margin: 0 -24px;

}



.hezuo-list li {

    float: left;

    text-align: center;

    margin: 0 24px;

}



.hezuo-list li p {

    font-size: 18px;

    color: #222221;

    padding-top: 10px;

}



.bj3 {

    margin-top: 70px;

    background: #f2f2f2;

}





.kehu-index {

    padding-top: 70px;

    padding-bottom: 80px;

}



.kehu-con {

    position: relative;

    margin-top: 55px;

}



.l_btn,

.r_btn {

    position: absolute;

    top: 37%;

    cursor: pointer;

}



.l_btn {

    left: -38px;

}



.r_btn {

    right: -38px;

}







.news-index {

    margin-top: 70px;

}



.news-con {

    margin-top: 55px;

}



.news-left {

    width: 522px;

    height: 322px;

    overflow: hidden;

}


.news-left img{width:100%;}


.news-right {

    width: 578px;

    background: #f1f1f1;

    padding: 0 50px;

    height: 322px;

}



.news_list1 li a {

    font-size: 16px;

    color: #2459a9;

    font-weight: bold;

    display: block;

    padding-top: 55px;

}



.news_list1 li h2 {

    font-weight: normal;

    font-size: 14px;

    color: #949494;

    line-height: 25px;

    padding-top: 25px;

}



.news_list1 li span {

    font-size: 14px;

    color: #acacac;

    padding-top: 10px;

    display: block;

}



.news_list1 li a.news-more {

    padding: 0;

    font-size: 14px;

    font-weight: normal;

    float: right;

    margin-top: 6px;

}







.news-con2 {

    margin-top: 60px;

}



.news_list2 {

    margin: 0 -15px;

}



.news_list2 li {

    float: left;

    width: 380px;

    margin: 0 15px;

    background: #f1f1f1;

    height: 240px;

    overflow: hidden;

}



.news_list2 li .date {

    width: 60px;

    height: 107px;

    background: url(../images/4dd1d3004f79b50d5b47c4d740f1bc232c9d9353.png) no-repeat top center;

    text-align: center;

    color: #fff;

    margin-top: 67px;

}



.news_list2 li .date dl {

    font-size: 24px;

    font-weight: bold;

    line-height: 70px;

}



.news_list2 li .date dt {

    font-size: 14px;



}



.news_list2 li:hover .date {

    background: url(../images/c7d0a05454a0e73643adedb77a419da69773859f.png) no-repeat top center;

}



.news_list2 li .wenzi {

    width: 230px;

    margin-left: 25px;

}



.news_list2 li .wenzi a {

    padding-top: 40px;

    display: block;

    color: #666666;

    font-size: 14px;

    font-weight: bold;

}



.news_list2 li .wenzi h3 {

    font-weight: normal;

    font-size: 14px;

    color: #ababab;

    line-height: 24px;

    margin-top: 25px;

}







.navigation {

    float: right;

    width: 100px;

}



.index-title {

    line-height: 31px;

    padding-left: 15px;

    font-weight: bold;

    font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";

    background: url(../images/47c2bd117fcc9c8878feb88231e546d806ff0424.png) no-repeat 0% 100%;

    font-size: 14px;

    color: #000;

}



.index-table td {

    border: solid #add9c0;

    border-width: 0px 1px 1px 0px;

    padding: 10px 5px;

}



.index-table {

    border: solid #add9c0;

    border-width: 1px 0px 0px 1px;

    margin-top: 10px;

}



/*----- Common css ------*/

.fl {

    float: left;

}



.fr {

    float: right;

}



.di {

    _display: inline;

}



.fwn {

    font-weight: normal;

}



.dib {

    *display: inline;

    _zoom: 1;

    _display: inline;

    _font-size: 0px;

}







/*Ã¥â€œÂÃ§â€°Å’Ã¥Ë†â€”Ã¨Â¡Â¨*/

.brand-list {

    margin: 20px 0px;

    display: flex;

    display: -webkit-flex;

    flex-wrap: wrap;

}



.brand-list li {

    margin: 5px 8px;

}



.brand-list li:hover {

    box-shadow: 2px 1px 5px;

}



.brand-list li img {

    width: 150px;

    height: 120px;

}









/*Ã¥Ââ€¹Ã¦Æ’â€¦Ã©â€œÂ¾Ã¦Å½Â¥*/

.f_link {

    width: 1200px;

    margin: 0 auto;

    margin-top: 80px;

}



.f_link span {

    background: url(../images/12398222650e5980eff45c152658b4906161376d.png) no-repeat top center;

    height: 34px;

    display: block;

}



.f_link a {

    background: url(../images/a1b67e4d8858786a7179d1eb005c4c21f5f4dba4.png) no-repeat right center;

    font-size: 14px;

    padding-right: 8px;

    line-height: 40px;

}



/*Ã©Â¡ÂµÃ©ÂÂ¢Ã¥Âºâ€¢Ã©Æ’Â¨*/

.foot-bg {

    background: url(../images/1773eb09d05206415e4d5b70146cf61ad757879b.png) no-repeat top center #2459a9;

    height: 502px;

    overflow: hidden;

    margin-top: 30px;

}



#footer {

    position: relative;

    width: 1200px;

    margin: 0 auto;

    padding-top: 95px;

    color: #fff;

}



#footer a {

    color: #fff;

}



#footer a:hover {

    color: #e87518;

    text-decoration: none;

}



.foot1 {

    width: 140px;

    margin-top: -15px;

}



.public-title {

    font-weight: normal;

    font-size: 14px;

    background: url(../images/7ec4175944a12ecf67c43c8a3c22011893c567a9.png) no-repeat left bottom;

    height: 48px;

    line-height: 48px;

    margin-bottom: 10px;

}



.sec1 {

    /*height: 155px;*/

    overflow: hidden;

}



.sec1 a {

    display: block;

    line-height: 22px;

}



.xian {

    margin-left: 43px;

}



.foot-ct {

    margin-left: 92px;

}



.foot-ct p {

    font-size: 12px;

    line-height: 30px;

}



.foot-ct p:nth-of-type(1) {

    font-size: 18px;

}



.foot-ct p:nth-of-type(2) {

    font-size: 30px;

    font-weight: bold;

}



.erq {

    text-align: center;

    line-height: 30px;

}



.logo1 {

    margin-top: 0px;

}



.logo1 p {

    text-align: center;

}





.copyright {

    text-align: center;

    line-height: 24px;

    padding-top: 10px;
    padding-bottom: 12px;

}



/*------------Ã¥â€ â€¦Ã©Â¡Âµ-------------------*/



.left {

    width: 250px;

    float: left;

}



.left .box {

    margin-bottom: 10px;

}



.left .box h3 {

    line-height: 60px;

    padding-left: 34px;

    background: #2459a9;

    font-size: 18px;

    color: #fff;

    font-weight: 400;

    position: relative

}



.left .box h3::after {

    content: "";

    position: absolute;

    width: 5px;

    height: 20px;

    top: 20px;

    left: 15px;

    background: #fff

}



.left .box .content {

    padding: 5px 0px;

}



.prodescription {

    border: 1px solid #e5e5e5;

    background: #f9f9f9;

    line-height: 24px;

    padding: 10px;

    margin-bottom: 15px;

    text-indent: 20px;

}



.n_banner {

    width: 1920px;

    margin: 0 auto;

    margin-left: -960px;

    position: relative;

    left: 50%;

}



.n_banner img {

    width: 1920px;

    margin: 0 auto;

    margin-left: -960px;

    position: relative;

    left: 50%;

}







.sort_menu h3 {

    background-color: #ececec;

    line-height: 28px;

    padding-left: 15px;

    font-weight: bold;

}



.sort_product {

    margin-top: 10px;

}



.sort_product h3 {

    background-color: #ececec;

    line-height: 28px;

    padding-left: 15px;

    font-weight: bold;

}



.n_contact {

    margin-top: 10px;

}



.n_contact h3 {

    background-color: #ececec;

    line-height: 28px;

    padding-left: 15px;

    font-weight: bold;

}



.n_contact .content {

    padding: 5px;

    line-height: 24px;

}



.right {

    width: 930px;

    float: right;

    padding-bottom: 10px;

}



.sitemp {

    border-bottom: 1px solid #eee;



}



.sitemp h2 {

    width: 340px;

    float: left;

    line-height: 40px;

    text-align: left;

    font-size: 16px;

    color: #333;

}



.sitemp .site {

    width: 380px;

    float: right;

    text-align: right;

    line-height: 40px;

}



.right .content {

    padding: 10px;

    padding-top: 15px;

    overflow: hidden;

    line-height: 24px;

}



.sort_album {

    margin-top: 15px;

}











.product_list2 li {

    float: left;

    margin-left: 14px;

    margin-right: 14px;

    _display: inline;

}



.product_list2 li a.img {}



.product_list2 li a.img img {

    width: 279px;

    height: 170px;

}



.product_list li a.img {

    display: block;

}



.roll_product {

    float: left;

}



.kehu-con {

    position: relative;

    margin-top: 55px;

}



.l_btn,

.r_btn {

    position: absolute;

    top: 37%;

    cursor: pointer;

}



.l_btn {

    left: -38px;

}



.r_btn {

    right: -38px;

}



/*Ã¦Â»Å¡Ã¥Å Â¨*/

#demo {

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

}



#indemo {

    float: left;

    width: 800%

}



#demo1 {

    float: left;

}



#demo2 {

    float: left;

}

















#multipleColumnx {

    position: relative;

    width: 930px!important;

    margin-top: 50px;

}



#multipleColumnx .hd {}



#multipleColumnx .hd .next {

    background: url(../images/e2897bff96400284050646f0af9a26e13da74ea9.png) no-repeat top center;

    width: 54px;

    height: 54px;

    position: absolute;

    left: 297px;

    bottom: -55px;

    z-index: 999;

}



#multipleColumnx .hd .next:hover {

    background: url(../images/005442510e8b9965850c08548992af6c15a92494.png) no-repeat top center;

}



#multipleColumnx .hd .prev {

    background: url(../images/02e887a5d228f156ebb868727671601d8b9ee5c9.png) no-repeat top center;

    width: 54px;

    height: 54px;

    position: absolute;

    right: 297px;

    bottom: -55px;

    z-index: 999;

}



#multipleColumnx .hd .prev:hover {

    background: url(../images/3b71dfa743ff0a178e383a7c7a4bc26b2242c894.png) no-repeat top center

}



#multipleColumnx .bd {

    overflow: hidden;

}



#multipleColumnx .bd ul {

    overflow: hidden;

    zoom: 1;

    float: left;

    _display: inline;

    margin: 0 -10px;

}


















#multipleColumnx .bd ul li .hh a.p-more1 {

    color: #fff;

    font-size: 18px;

    padding-top: 25px;

}



#multipleColumnx .bd ul li .hh a.p-more2 {

    color: #a8a8a8;

    font-size: 14px;

    font-family: "Arial";

}



#multipleColumnx .bd ul li:hover .hh {

    display: block;

}


.case-morex {

    width: 148px;

    height: 40px;

    border: 1px solid #2459a9;

    margin: 0 auto;

    border-radius: 5px;

    margin-top: 6px;

}



.case-morex a {

    display: block;

    text-align: center;

    lighting-color: 40px;

    line-height: 40px;

    color: #2459a9;

    font-size: 16px;

}


/* 底部*/

.footer_top {
    background: #0871dd;
    padding: 20px 0;
}

.footer_bom {
    background: #f2f2f2;
    padding: 20px 0;
    text-transform: uppercase;
    color: #7f7f7f;
}

.footer_bom a {
    color: #7f7f7f
}

.footer_bom img {
    margin: 0 10px;
}

.footer_bot_con {
    padding: 0 60px;
}

.clwh {
    display: none;
}

.fot-nav li a {
    font-size: 16px;
    color: #fff;
    padding: 0 30px;
}

.fot-nav li {
    border-left: 1px solid #5098cc;
}

.fot-nav li:first-child {
    border: none;
}

.foot-tel {
    color: #056cb6;
    font-weight: bold;
    font-size: 26px;
    background: url(../images/tel2.png) no-repeat left top 25px;
    padding-left: 40px;
    margin-top: 25px!important;
    padding-top: 25px;
    border-top: 1px dashed #c1c1c1;
}

.foot-contact p {
    line-height: 3em;
    border-bottom: 1px dashed #bfbfbf;
    color: #333333
}

.colblue {
    color: #1170d3;
}

.path {
    color: rgb(125, 125, 125);
    font-size: 12px;
    margin: 20px 0;
}
.f20 {
    font-size: 20px;
}

.fwb {
    font-weight: bold;
}
.tj_news_title {
    border-bottom: 2px solid #f1f1f1;
    padding: 15px 0;
}

.tj_news li {
    width: 47%;
    padding: 15px 0;
    border-bottom: 1px dashed #cccccc;
}

.news-ul li {
    padding: 16px 0;
    border-bottom: 1px dashed #b5b5b5;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #0871dd;
}


.xypg-right-content p{line-height: 35px;}
.tid2 {
    text-indent: 2em;
}
.ab-txt {
    margin: 20px 0;
}
.lh2 {
    line-height: 2em;
}

.mt30 {
    margin-top: 30px;
}
.news{ padding-top:30px;height:538px;}
.news .left{ width:60%;border: 1px solid #cbcbcb;padding:0 20px 0 20px;height: 458px;}
.news .left .hd{  height:56px;border-bottom:1px solid #cbcbcb;}
.news .left .hd span.more{ float:right; display:block; height:56px; line-height:56px; font-size:14px; color:#9a9a9a}
.news .left .hd span.more a{color:#9a9a9a}
.news .left .hd span.more a:hover{ color:#1f76e5}
.news .left .hd ul li{ display:block; float:left; width:113px; text-align:center; height:56px; line-height:56px; font-size:20px; color:#363636;}
.news .left .hd ul li a{color:#363636;}
.news .left .hd ul li.on a{ color:#076ba8; font-weight:bold;}

.copyright {
	
	

	background: #f2f2f2;

	padding: 15px 0;

	border-top: 1px solid #d4d4d4;

	

	text-align: center;

}
.copyright p{text-align: center;}
.news_tj dt {clear: both;
    float: left;
    width: 230px;
    overflow: hidden;
	
	
}

.news_tj dt img {
    transition: all 0.5s;
	width: 260px;
	    height: 146px;
}

.news_tj dt a:hover img {
    transform: scale(1.1);
}

.news_tj dd {
    margin-left: 250px;
}

.news_tj dd h4 {
    margin: 0;
    font-size: 16px;
}

.news_tj dd p {
    margin: 15px 0 0;
    color: #666;
    line-height: 1.8;
    height: 100px;
    overflow: hidden;
    text-align: justify;
}

.news_tj dd .more {
    color: #999;
    display: inline-block;
    margin-top: 10px;
}

.news_tj dd .more:hover {
    color: #ea3516;
}

.news .left .bd .news_tj { padding:10px 0; border-bottom:1px solid #ededed; margin-bottom:10px;height: 160px;}
.news .left .bd .news_tj  a{ display:block; font-size:16px; color:#000;   line-stacking:28px; overflow:hidden; font-weight:bold;}
.news .left .bd .news_tj  a:hover{ color:#1f76e5}
.news .left .bd .news_tj p{ font-size:14px; color:#878787; line-height:24px; height:48px; overflow:hidden;}

.news .left .bd ul{clear: both;}

.news .left .bd ul li{ height:37px; line-height:37px; padding-left:12px; overflow:hidden; background:url(../images/li.png) no-repeat left center;}
.news .left .bd ul li span{ float:right; font-size:14px; color:#bababa; margin-left:15px;}
.news .left .bd ul li a{ font-size:14px; color:#535353}
.news .left .bd ul li a:hover{ color:#1f76e5}

.news .right{ width:38%;border: 1px solid #cbcbcb;margin-left: 2%;padding:0 20px 0 20px;}

.news .right .title{ height:56px; line-height:56px;border-bottom:1px solid #cbcbcb;  }
.news .right .title p{ font-size:20px; color:#363636; font-weight:bold;}
.news .right .title p a{ color:#363636;}
.news .right .title a.more{ float:right; font-size:14px;color:#9a9a9a}
.news .right .title a.more:hover{ color:#1f76e5}
.news .right dl{ padding-top:8px; padding-bottom:10px; border-bottom:1px solid #ededed}
.news .right dl dt{ display:block; font-size:15px; color:#000; font-weight:bold; background:url(../images/w.png) no-repeat left center; padding-left:28px; line-height:36px; height:36px; overflow:hidden;}
.news .right dl dt a{ color:#000;}
.news .right dl dt a:hover{ color:#1f76e5}
.news .right dl dd{ font-size:14px; color:#8b8b8b; line-height:22px; height:44px; background:url(../images/d.png) no-repeat left 3px; padding-left:28px;overflow:hidden;}
.news .right dl:last-child{ border:none;}

/*联系我们*/

 .zs_ms{  width:90%; padding-top:28px;margin: 0 auto;}
 .zs_ms .zs_ms_inp1{ width:100%; height:47px; border:#e1e1e1 1px solid; padding:0 10px; font-size:16px;}
 .zs_ms .zs_ms_txt1{ float:left; width:88px; height:47px; line-height:47px; font-size:14px; text-align:right; font-size:16px;}
 .zs_ms .xingbie{ float:left; width:70px; height:47px; line-height:47px; border:#e1e1e1 1px solid; text-align:center; font-size:16px; margin-left:10px; cursor:pointer}
 .zs_ms .on{ border:#e81a2f 1px solid;}
 .zs_ms .zs_ms_textarea{ width:100%; height:100px; border:#e1e1e1 1px solid; padding:0 10px; font-size:16px; line-height:25px;}
 .zs_ms .zs_ms_bt1{ width:100%; height:50px; border:#c70000 1px solid; background:#c70000; padding:0 10px; font-size:16px; color:#fff;}

.message_img{ float:right;}

.box{ width:1200px; margin:0 auto;}



