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:12px/1.5 Microsoft YaHei,arial,瀹嬩綋,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}


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;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.w1920{
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: relative;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}

/*.page-position,.xypg-left-title,.product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:active, .product-detail-tab .product-detail-tabli li:visited,.relate-title span{
    background: #3480ce;
}
.page-position,.page-position a,.page-product-inquiry a{
    color: #fff;
}
.xypg-detail-tags .tags-title h3{
    border-color:#3480ce; 
}*/
.container{
        width: 1200px !important;
}
.box_voann,.box_voann *{
      /*box-sizing:content-box;  */
}


/*澶撮儴鏍峰紡*/
#header{width:1200px;margin:0 auto;}
.tophead{width: 100%;height: 32px;background: #0762bf;position: relative;z-index: 999}
.headtitle{font-size: 12px;color: #a5bbe1;line-height: 32px;}
.k1{font-size: 12px;line-height: 32px;color: #a5bbe1;}
.k1 a{color:#a5bbe1;font-size: 12px;}

.sechead{width:1200px;margin:0 auto;height: 92px;position: relative;}
.logo{float: left;line-height: 92px;}
.logo h1{
    display: inline-block;
}
.sechead .k2{margin-top: 19px;background: url(../images/ttel.png) left center no-repeat;text-align: left;padding-left: 70px;font-size: 20px;color: #3e3e3e;line-height: 24px;}

#menu{padding-top: 32px; float: right;}

/* 鎼滅储 */
.sou{height: 44px;line-height: 44px;}
.hotSearch{font-weight: normal;color: #333;font-size: 14px;}
.hotSearch a{color: #333;font-size: 14px;display: inline-block;margin-right: 5px;}
#formsearch{margin-top: 5px;height: 31px;border:1px solid #0762bf;overflow: hidden;}
#formsearch input{height:31px;background:none;border:none;line-height:31px;outline: none;float: left;}
#formsearch input#keyword{text-indent:16px;color:#595959;font-size: 14px;width: 232px;}
#formsearch input#s_btn{width: 43px;height: 31px;line-height: 31px;text-align:center;color:#fff;border:none;cursor:pointer;background: #0762bf;font-size: 14px;}

.ahha{
     display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #0762bf; align-items: center;
    background: url(../images/xiann1.png) no-repeat center;
}
.ahha b{
    font:500 60px/60px "Georgia";
    padding-right: 12px;
    margin-top: -6px;
}
.ahha h2{
    font:600 28px/30px "寰蒋闆呴粦";
    text-align: left;
}
.ahha h2 span{ color: #0762bf;
    display: block;
     font:500 12px/30px "Georgia";  text-transform: uppercase;
}


/*瀵艰埅鏍忔牱寮�*/
.nav{height:34px;}
.nav li{line-height:34px;height:34px;text-align:center;width:auto;float:left;position:relative;z-index:999;}
.nav li+li{
    margin-left: 16px;
}
.nav>li>a{padding: 0px 12px;}
.nav li a{display:block;line-height:34px;    display: block;
    font-size: 16px;
    color: #666;}
.nav li>a:hover{    border-bottom: 2px solid #0762bf;
    color: #0762bf;}

.nav .sec{background:#0762bf;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:36px;left:-13px;display: none;}
.nav .sec a{background:#0762bf;color:#fff;height:38px;line-height:38px;width:90px;}
.nav .sec a:hover{background:#000;text-decoration:none;}


/*婊氬姩*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}
.c1_conttt {
    position: relative;
    margin-top: 40px;
}

.c1_list1 {
    position: relative;
}

.c1_list1 li {
    float: left;
    width: 378px;
    height: 328px;
    overflow: hidden;
    margin-right: 33px;
    margin-bottom: 35px;
}

.c1_list1 li:nth-child(3n) {
    margin-right: 0px;
}

.c1_list1 li a.img {
    display: block;
}

.c1_list1 li a.img img {
    width: 378px;
    height: 258px;
}

.c1_list1 li .ks {
    position: relative;
    background: #fff;
    height: 70px;
    text-align: center;
    padding: 0 40px;
    cursor: pointer;
    border:1px solid #c9c9c9;
    transition: all .6s ease;
}

.c1_list1 li .ks h3 {
    color: #303030;
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 10px;
    font-weight: bold;
}

.c1_list1 li .ks span {
    display: block;
    font-size: 13px;
    color: #656565;
    padding-top: 5px;
}

.c1_list1 li .ks a {
    display: none;
}

.c1_list1 li:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

.c1_list1 li:hover .ks {
    height: 140px;
    margin-top: -40px;
}


.c1_list1 li:hover .ks a {
    display: block;
    width: 82px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin: 10px auto;
    background: #0762bf;
}



/*  */
.a1{width: 1920px;margin-left: -960px;left:50%;position: relative;}
/*  */
.pro{background: url(../images/bg1.jpg)no-repeat;height: 890px;padding-top: 35px;}
.biaoti{text-align: center;height: 70px;line-height: 35px;position:relative;}
.biaoti h3{font-size:36px;color: #333;}
.biaoti span{display: block;color: #888;font-size: 16px;}

.biaoti p{
    color: #515050;
    font:500 14px/38px "寰蒋闆呴粦";
       position: absolute;
    right: 380px;
    bottom: 7px;
}


.fenlei{text-align: center;margin-top: 24px;}
.fenlei li{display: inline-block;width: 188px;height: 44px;line-height: 44px;text-align: center;background: #333;margin:0 3px;}
.fenlei li a{color: #fff;font-size: 16px;}
.fenlei li:hover{background: #0762bf}
.fenlei li:hover a{color: #000;}
.product_list1{margin-top: 55px;}
.product_list1 li{float: left;width: 378px;margin-right: 33px;margin-bottom: 39px;}
.product_list1 li:nth-child(3n){margin-right: 0}
.product_list1 li img{width: 378px;height: 258px;}
.product_list1 li h3{text-align: center;line-height: 61px;color: #333;font-size: 16px;background: #d1d1d1;}
.product_list1 li:hover h3{background: #0762bf;color: #000}

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

.labout{
    background: url(../images/about_bg.png) center no-repeat;
    padding:60px 0 77px 0;
}
.labout_t h3{
    font: 500 36px/38px "寰蒋闆呴粦";
    color: #0762bf;
    text-align: center;
}
.labout_t h3 span{padding-right: 30px;margin-right: 12px;background:url(../images/xing.jpg) right center no-repeat; }
.labout_t .fb{
    font: 400 16px/38px "Arial";
    color: #999999;
    text-transform: uppercase;
    text-align: center;
}
.labout_img li{
    float:left;
    width: 300px;
    text-align: center;
    cursor: pointer;
}
.labout_img li img{
        width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #333;
    -webkit-transition: all  .8s;
    -moz-transition: all  .8s;
    transition: all  .8s;
}
.labout_img li img:hover{
    background: #0762bf;
}
.labout_img li h3{
    box-sizing: border-box;
    padding-top:12px;
 font: 400 16px/38px "寰蒋闆呴粦";
 color:#000;
}
.about_t{
    padding:40px 150px ;
    text-align: center;
    font-size:18px;
    color: #333333;
    line-height: 35px;
}


/*  */
.ab{background: url(../images/bg2.jpg)no-repeat;height: 744px;padding-top: 48px;}
.ab-cont{margin-top: 72px;}
.ab-le{width: 482px;margin-top: 18px;}
.ab-le h3{color: #595757;font-size: 20px;}
.ab-le h3 span{display: block;font-size: 14px;font-family: "arial"}
.ab-le .cont{margin-top: 30px;color: #666;font-size: 12px;line-height: 24px;text-align: justify;height: 283px;overflow: hidden;}
.ab-le a{display: block;width: 153px;height: 42px;line-height: 42px;text-align: center;color: #fff;font-size: 14px;border-radius: 20px;background: #333;}
.ab-le a:hover{background: #0762bf;color: #000}
.ab-ri{width: 594px;height: 398px;margin-right: 82px;overflow: hidden;}

/*  */
.ys{background: url(../images/youshi_bg.jpg)no-repeat;height: 1232px;    padding: 78px 0 71px 0;}
.ys-tit{text-align: center;line-height: 41px;}
.ys-tit h3{color: #fff;font-size: 48px;font-weight: bold;}
.ys-tit h3 i{font-style: normal;color: #ffae00}
.ys-tit h3 span{font-weight: normal;}
.ys-tit p{color: #fff;font-size: 20px;margin-top: 5px;}
.ys1{margin-top: 77px;overflow: hidden;}
.ys-le{width: 450px;height: 244px;background: #0762bf;padding:38px 27px 0 31px;overflow: hidden;}

.ys-cont b{float: left;color: #fff;font-size: 48px;line-height: 49px;display: inline-block;width: 72px;}
.ys-cont h3{float: left;color: #fff;font-size: 28px;font-weight: normal;line-height: 40px;}
.ys-cont h3 span{font-weight: normal;display: block;color:#fff;opacity: 0.4;font-size: 12px;text-transform: uppercase;margin-bottom: 5px;}
.ys-cont .cont{float: left;width: 100%;margin-top: 26px;color: #fff;font-size: 20px;line-height: 28px;text-align: justify;}

.ys2{margin-top: 31px;}
.ys-le2{width: 608px;margin-top: 32px;}

.ys3{margin-top: 2px;height: 296px;background: #fff;padding-top: 31px;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}





.ys1 h3{padding-left: 72px;background: url(../images/01.png) no-repeat left center;}
.ys22 h3{padding-left: 72px;background: url(../images/02.png) no-repeat left center;}
.ys33 h3{padding-left: 72px;background: url(../images/03.png) no-repeat left center;}
.ys3 h3{padding-left: 72px;background: url(../images/04.png) no-repeat left center;}

 .ys-cont .ys2 b{color: #091581;}
.ys-cont .ys2 h3{color: #000000;}
.ys-cont .ys2  h3 span{color: #999999;opacity: 1;}
.ys-cont .ys2 .cont{color: #666666;}

/* 棣栭〉娴佺▼ */
.lc_bg{
    background: url(../images/liucheng_bg.jpg) center no-repeat;
    padding:12px;
    height: 236px;
}
.lc_l h3{
    padding:48px 0 10px 91px;
    font: 700 36px/38px "寰蒋闆呴粦";
    color: #fff;
}
.lc_l p{
     padding-left:55px;
    font: 400 20px/38px "寰蒋闆呴粦";
    color: #fff;
}
.h_tel{
        padding:25px 0 0 95px;
font-size: 24px;
color: #000;
}

.lc_r li{
    float:left;
        margin: 33px 30px 44px 47px;
        cursor: pointer;
        list-style: none;
            -webkit-transition: all 0.8s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.lc_r li img{
    width: 88px;
    height: 88px;
}
.lc_r li:hover{
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);

}
.lc_r li h3{
    box-sizing: border-box;
    padding-top:20px;
    font:400 16px/1px "寰蒋闆呴粦";
    color:#fff;
    text-align: center;
}
.lc_r li p{
    padding-top:15px;
    font:300 12px/1 "寰蒋闆呴粦";
    color:rgba(255, 255, 255, .5);
    text-align: center;
    text-transform: uppercase;
}

/*  */
.anli{background: url(../images/case.jpg)no-repeat;height: 782px;padding-top: 40px;}
.biaoti2{text-align: center;}
.biaoti2 h3{font-size:30px;color: #0065cd;}
.biaoti2 span{display: block;font-size: 16px;color: #353535;display: block;margin-top: 17px;}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:174px;height:499px;background-color:transparent;overflow: hidden;}

.card-area .card-item.active{width:678px;height:499px}
.card-area .card-item a.img1{
    display: block;
    position: relative;
    width: 174px;
    height: 499px;

}

.card-area .card-item.active a.img1 h2{
    left: 28px;
    text-align: left;
}
.card-area .card-item a.img1 .ycc{
    position: absolute;
    width: 174px;
    height: 499px;
    background: rgba(0,0,0,.68);
    top:0;
    left: 0;

}

.card-area .card-item.active a.img1 .ycc{
 display: none
}
.card-area .card-item a.img1 .yxx{
 display: none
}
.card-area .card-item.active a.img1 .yxx{
 display: block;
}


.card-area .card-item a.img1 .ycc h2{
    width: 24px;
    margin: 0 auto;
    font:400 24px/35px "Microsoft Yahei";
    color: #FFF;
    padding-top: 170px;
    height: 430px;
}
.card-area .card-item a.img1 .ycc .hh2{
    width: 22px;
    height: 22px;
    background: url(../images/hh2.png) no-repeat center center;
    margin: 0 auto;
}


/* 棣栭〉鑽ｈ獕璧勮川 */

.horner {
    padding-top:43px;
}
.honor{padding-top: 10px;}
.honor li{
    float:left;
        width: 366px;
        border-bottom:2px solid #0762bf;
    margin-right:51px;
}
.honor li img{
    width:366px;
    height: 239px;
}
.honor li h3 a{display: block;font-weight: normal;text-align: center;color: #000000;font-size: 18px;padding-top: 10px;}
.honor li h3 a span{display: block;color: #8a8a8a;font-size: 14px;padding-top: 3px;padding-bottom: 10px;}
.honor li:hover h3 a{color: #0762bf;}
.honor li:hover h3 a span{color: #117cea;}
.gun{position: relative;}
.l_btn,.r_btn{position:absolute;top:40%;cursor:pointer;}
.l_btn{left:-58px;}
.r_btn{right:-58px;}
.honor li:hover {border-color: #ffae00;}



.yxx{
    width: 679px;
    height: 120px;
    padding-left: 33px;
    background: rgba(255,174,0,.48);
    position: absolute;
    bottom: 0;
    left: 0;


}
.yxx dd{
    font:400 24px/24px "Microsoft Yahei";
    color: #FFF;
    padding-top: 23px;
}
.yxx dt{
    font:400 16px/16px "Microsoft Yahei";
    color: #FFF;
    margin-top: 23px;
}
.yxx dt p{display: inline-block;}
#slideBox .hd{
    width: 1200px;
    height: 76px;
    background: rgba(125,125,125,0.26);
}
#slideBox .hd ul{
    text-align: center;
    font-size: 0;
}
#slideBox .hd ul li{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    margin: 0 2px;
    border-radius: 50%;
    margin-top: 32px;
}
#slideBox .hd ul li.on{
    background: #ffae00;
}


/* 鏂伴椈 */
.lnews{background:#f7f7f7;height: 604px;padding-top:37px;margin-top: 54px;}
.lnews_l{
    background: #fff;
    width: 798px;
    height: 434px;
    padding: 33px 30px 0 31px;
}
.lnew_t{
    border-bottom: 1px solid#f2f2f2;
}
.lnew_t  li a{
    display: block;
    float:left;
     font: 400 20px/38px "寰蒋闆呴粦";
     color: #333;
     margin-right:60px;
     position: relative;
}
.lnew_t  li a::before{
    position: absolute;
    content: '';
    width: 0px;
    height: 3px;
    top: 37px;
    left: 16px;
    background: #0762bf;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}
.lnew_t  li a:hover,.lnew_t  li.cur a{color: #0762bf}
.lnew_t  li a:hover::before,.lnew_t  li.cur a::before{
    color: #0762bf;
    width: 50px;
    background: #0762bf;
}

.lnew_ct{
    width: 280px;
    height: 115px;
    padding: 20px 23px 0px 25px;
    background: #0762bf;
}
.lnew_center{
    color:#fff;
    font-size: 12px;
    line-height: 22px;
    opacity: 0.9;
    padding-top:5px;
}
.lnew_h{
    font: 600 14px/28px "寰蒋闆呴粦";
    color:#fff;white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow:hidden; 
}
.lnew_img img{
    margin-top:23px;
    width: 280px;
    height: 180px;
}
.lnews_nr_z{
    border-bottom: 1px solid#f2f2f2;
    padding:14px 0;
}
.lnews_nr_z:last-child{
        border-bottom: 0px solid#f2f2f2;
    padding-bottom:0px;
}
.lnew_date span{
    font:700 36px/38px "寰蒋闆呴粦";
    color:#656565;
    margin: 2px 0 10px 0;
    text-align: center;
    display:block;
        -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}
.lnew_date h4{
    width: 58px;
    text-align: center;
    background: #989898;
    font:500 12px/28px "寰蒋闆呴粦";
    color:#fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}
.lnews_nr_z:hover .lnew_date  span{
    color:#0762bf;
}
.lnews_nr_z:hover .lnew_date h4{
    background:#0762bf;
    color: #fff;
}
.lnews_nr_z:hover .lnews_bt{
    color:#0762bf;
}
.lnews_bt{
     margin: 0px 0 0 26px;
        font:600 14px/38px "寰蒋闆呴粦";
    color:#333;
        -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}
.lnew_w{

}
.lnews_nr{
    width: 336px;
     font:400 12px/22px "寰蒋闆呴粦";
    color:#999999;
    margin-left:26px;
}
/* 鏂伴椈鍙充晶鏍峰紡 */
.lnews_n{
    margin-top:20px;
}
.lnews_r{
    background: #fff;
    width: 368px;
    height: 434px;
    padding:33px 29px 0 30px;
}
.went{
    position: relative;
    font:500 20px/38px  "寰蒋闆呴粦";
    color:#333;
    border-bottom: 1px solid#f2f2f2;
    margin-bottom:10px;
}
.went::before{
    position: absolute;
    content: '';
    width: 50px;
    height: 3px;
     top: 40px;
    left: 1px;
    background: #091581;

}
#ydemo {
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    height: 306px;
}
.xwenz{
        font:500 14px/38px  "寰蒋闆呴粦";
    color:#999;
    padding-left:10px;

}
.lnew_a{
    background: url(../images/wen.jpg) center no-repeat;
    width: 24px;
    height: 24px;
    display:block;
        margin: 0 13px 3px 0;
}
.lnew_q{
    background: url(../images/da.jpg) center no-repeat;
    width: 24px;
    height: 24px;
    display:block;
}
.lnew_wz {
    padding:20px  13px 18px 0;
    border-bottom: 1px dashed #ebebeb;
}
.lnews_r_h{
    font:600 14px/24px "寰蒋闆呴粦";
    color:#333;
    background: url(../images/wen.jpg)no-repeat left;
    padding-left: 38px;
}
.lnews_r_c{
    margin-top:3px;
    background: url(../images/da.jpg)no-repeat left top;
    padding-left: 38px;
    color: #666;
    font-size: 12px;
    line-height: 20px;
}
.lnew_wz:hover .lnews_r_h{color: #0762bf}
.lnews_l,.went{position: relative;}
.lnews_l .nmore{font-size: 13px;color: #b2b2b2;text-transform: uppercase;position:absolute;right: 28px;top:45px;}
.went .nmore{font-size: 13px;color: #b2b2b2;text-transform: uppercase;position:absolute;right: 0;top:5px;}
.lnews_l .nmore:hover,.went  .nmore:hover{color: #0762bf;}


.tab1{display: none;}




.l_btn1,.r_btn1{position:absolute;top:40%;cursor:pointer;}
.l_btn1{left:-38px;}
.r_btn1{right:-38px;}
.case_list1  li{float: left;margin:0 8px;}
.case_list1  li img{width: 289px;height: 207px;border:1px solid #959595;}
.case_list1  li h3 a{font-size: 15px;color: #141414;font-weight: normal;text-align: center;display: block;line-height: 40px;}

/*  */
.foot{
    background: url(../images/footnav_bg.jpg) center no-repeat;
    padding:35px 0px; 
    margin-top:24px; 
    height: 281px;
}

.foot_nav_l{
    width: 490px;
    color: #e9e9e9;
}
.foot_nav_l div{color:#e9e9e9;font-size: 14px;line-height:40px;}
.foot_nav_l div a{color: #e9e9e9;font-size: 14px;}
.ghy {
    font: 400 14px/28px  "Microsoft Yahei";
    color: #e8e8ea;
}
.foot h3{
    position:relative;
    font: 400 20px/40px  "寰蒋闆呴粦";
    padding: 38px 0 10px 15px;
    color:#e8e8ea;
}
.foot h3::before{
    position: absolute;
    content: '';
    width: 3px;
    height: 16px;
    background: #ffae00;
    left:0px;
    top:51px;
}
.ghy strong{margin-bottom: 10px;display: block;}
.er{color: #dedee9;text-align: center;line-height: 14px;margin-top: 10px;}
.er img{
    padding-right: 15px;
}
.wchat{
    width: 90px;
    height: 90px;
    padding-right:26px;
}


.foot a:hover{color: #ffae00;}

/* 搴曢儴 */
#footer{
    border-top:1px solid #3981cc;
    background:#0762bf;
    color:#e8e8ea;
    padding: 18px 0 12px 0;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
}

#footer a{
    font-size: 12px;
    color:#e8e8ea;}

.ys33 {
    margin-top: 24px;
}