html{ overflow-x:hidden;height:100%; }
img{border:0}
*{margin:0; padding:0}
ul{list-style:none}
body{
    font-size:12px;
    background:#fff;
    line-height:23px;
    /*设置字体的抗锯齿或者说光滑度*/
    /*-webkit-font-smoothing: antialiased;*/
    /*overflow-x: hidden;*/
}
.iswap{display: none}
a:link{text-decoration:none;color: #666;}
a:visited {text-decoration: none;color: #666;}
a:hover{color:#2260B5;}





.clear{ font: 0px/0px sans-serif; clear:both; display: block; height:0px; overflow:hidden }
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both;visibility:hidden;height:0;line-height:0}
.floatleft{float:left}
.floatright{float:right}
.container{margin:0 auto;width:1180px;height:auto}
.hidden{display:none}
.layout{background-color:#f1f2f6}

.tbk{height:40px;line-height:40px;background:#fff;border-bottom:1px solid #efefef;}
.tbk2{width:1200px;margin:0 auto;}
.tbk2 .t1{float:left}
.tbk2 .t2{float:right}


.tops{width:1200px;margin:0 auto;height:90px;overflow: hidden}
.tops .logo{float:left;margin-top:5px}
.tops .toptel{float:right;margin-top:12px}
/*.tops .ssbk{width:420px;height:36px;line-height:36px;float:right;border:1px solid #2260B5;margin-top:15px;}*/
/*.ssbk .ss1{float:left;}*/
/*.ssbk .ss2{float:right}*/
/*.ssbk .ss2 button{height:37px;line-height:37px;color:#fff;width:80px;background:#2260B5;border:0;cursor: pointer}*/
/*.ssbk .ss1 input{padding-left:10px;width:320px;height:35px;line-height:35px;border:0;background:transparent;outline:none;}*/

.dhbk{height:50px;background:url(../images/dhbk.jpg)}
.dhcc{width:1200px;margin:0 auto;position: relative}

.navbox,.nav li,.nav li.current a,.nav li.selected a span,.nav li a.selected,.nav li a.selected span{}
.navbox{height:50px;position:relative;z-index:100;}
.nav{}
.nav li{float:left;height:50px;background-position:100% -99px;position:relative;z-index:3000;}
.nav li.last{background:none;}
.nav li a{float:left;display:block;height:50px;}
.nav li a span{float:left;display:block;line-height:50px;font-size:15px;color:#fff;cursor:pointer;width:130px;text-align:center;}
.nav li.selected a,.nav li a.selected{text-decoration:none;}
.nav li.selected a span,.nav li a.selected span{color:#fff;background:url(../images/dhhvoer.jpg)}
.nav li.selected .submenu{display:block;}
.nav li.selected .submenu a{font-weight:400}
.nav li .submenu{display:none;position:absolute;top:50px;left:0;background:#FAFAFD;z-index:3000;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.nav li .submenu{width:500px;}
/*.nav li .submenu li{float:none;padding:0;height:50px;line-height:50px;border-bottom:1px solid #efefef;}*/
/*.nav li .submenu li:last-child{border-bottom:none;}*/
/*.nav li .submenu li a{color:#000;float:none;text-align:center;height:50px;line-height:50px;font-size:14px;}*/
.nav li .submenu .zicd{float:left;width:148px;text-align: left;padding:10px;}
.nav li .submenu .zicd dd{display: block;padding-left:30px}
.nav li .submenu .zicd dd a{color:#000;float:none;height:33px;line-height:33px;font-size:14px;}
.nav li .submenu .zicd dd:hover{background:#393939}
.nav li .submenu .zicd dd:hover a{color:#fff}
.nav li .submenu .zicdtu{float:right;border-left:1px solid #efefef;padding:20px}
.nav li .submenu .zicdtu img{width:290px;height:170px}
.nav li.gx{float:left;width:3px;height:50px;line-height:50px;background:url(../images/gx.jpg) center}

.ends{background:#f2f2f2;margin-top:30px}
.ends2{width:1200px;margin:0 auto;color:#666}
.ends .encx{padding:40px 0}
.ends .ef0{float:left;width:400px;text-align: center;line-height:32px;}
.ends .ef0 span{font-weight:700;color:#3baf8c;font-size:16px;}
.ends .ef1{float:left;margin-left:100px;width:200px}
.ends .ef1 li{float:left;width:100px;text-align: center;height:36px;line-height:36px}
.ends .ef2{float:right;}
.ends .ef2 li{float:left;text-align: center;}
.ends .ef2 .wz{margin-top:12px;}
.ends .ef2 .tu img{width:110px;height:110px;border:5px solid #fff;}
.ends .eftit{text-align: center;font-size:16px;font-weight:700;margin-bottom:40px;}
.cops{background:#282828;height:50px;line-height:50px;text-align: center;color:#efefef}


.weizhi{border-bottom:1px solid #efefef;margin-bottom:15px}
.weizhi2{width:1200px;margin:0 auto;height:50px;line-height:50px;}
.weizhi3{height:50px;line-height:50px;}
.weizhi .wz1{float:left;font-size:18px;border-bottom:2px solid #0a6dbd;font-weight:700}
.weizhi .wz2{float:right;color:#888}
.weizhi .wz2 a{color:#508;font-size:12px;}

.mainc{width:1200px;margin:0 auto;margin-top:20px;min-height:300px}
.mleft{float:left;width:220px;}
.mright{float:right;width:935px;}
.mright .nrcon{min-height:400px;}

.abtit{height:95px;padding-left:20px;font-size:20px;background:#2260B5;color:#fff}
.abtit .c{padding-top:20px}
.abtit .e{height:20px;line-height:20px;font-size:15px;margin-top:10px;color:#ccc}

.lbk li{position: relative;margin-top:10px;font-size:18px;padding-left:20px;height:50px;line-height:50px;background:#F5F7F9;}
.lbk li i{position: absolute;right:15px;font-size:12px;color:#ccc}
.lbk li a{display: block;width:100%}
.lbk li:hover{background:#DDE3EA;}
.lbk li:hover a{color:#000}
.lbk .hoverss{background:#DDE3EA;}
.lbk .hoverss a{color:#000}

.nban{height:499px;width:100%}

.apage{text-align: center;margin:30px 0}
.pagination {display: inline-block;padding-left: 0;margin: 0;border-radius: 0px;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 8px 15px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #efefef;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 2;color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 3;color: #fff;cursor: default;background-color: #0F88FB;border-color: #0F88FB;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination {display: inline-block;padding-left: 0;margin: 0px 0;border-radius: 0px;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 8px 15px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #efefef;}


.ui-slider-wrap {background: #e8e8e8;position: relative}
.ui-slider-wrap .ui-slider-bg {width: 0}
.ui-slider-wrap .ui-slider-btn {position: absolute; top: 0;left: 0;cursor: move;text-align: center;border: 1px solid #ccc;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box}
.ui-slider-wrap .ui-slider-btn {background: #fff url(../images/hkyz-slider.png) no-repeat center}
.ui-slider-wrap .ui-slider-btn.success {background-image: url(../images/hkyz-success.png)}
.ui-slider-wrap .ui-slider-text {width: 100%;height: 100%;text-align: center;position: absolute; top: 0;left: 0;color: #666}
.ui-slider-wrap .ui-slider-no-select {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none}

.fdimg img{cursor: pointer;transition: all 0.6s;}
.fdimg img:hover{transform: scale(1.2);}


.center{text-align: center}
.layui-table{margin:0;color:#000;}
.layui-table th{font-size:14px;padding:6px 10px;height:30px;border:1px solid #efefef;background:#F8F8F8;font-weight:400;text-align: center}
.layui-table td{font-size:12px;padding:15px 5px;height:30px;border:1px solid #efefef}



.nofindfw{font-size:22px;color:#ccc;text-align: center;padding-top:200px}



.gmtscon{}
.gmtscon .tu{float:left;}
.gmtscon .tu img{width:180px;height:120px}
.gmtscon .xx{float:left;width:350px;margin-left:20px}
.gmtscon .tit{height:45px;line-height:45px;font-size:18px;font-weight:700;}
.gmtscon .jiage{font-size:27px;color:#ff0000;margin-top:10px}
.gmtscon .sl{float:left;text-align:center;padding-top:15px;}
.gmtscon .heji{float:left;font-size:27px;color:#ff0000;margin-left:120px;padding-top:60px}


/*about*/
.abgcbk{height:76px;width:1076px;margin:0 auto;background:url(../images/abgcbk.jpg)}

/* 图片滚动 */
.picScroll{ position:relative;  padding-left:15px }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 15px;  width:262px; overflow:hidden; display:inline;  }
.picScroll ul li img{ width:262px; height:180px;}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:-10px; top: 70px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:-10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }
.picScroll .tit{font-size:18px;color:#333;text-align: center;font-weight:700;margin-top:15px}



/*news*/
.newslist li{float:left;width:270px;margin-right:39px;margin-bottom:30px;border-bottom:1px solid #efefef;padding-bottom:12px;}
.newslist .tu{width:270px;height:160px;overflow: hidden}
.newslist .tu img{width:270px;height:160px}
.newslist .tit{height:40px;line-height:40px;font-size:15px;overflow: hidden}
.newslist .js{height:40px;overflow: hidden;color:#888;font-size:12px;line-height:20px}
.newslist .sj{float:right}
.newslist .tj{font-size:12px;color:#888}
.newslist .more{float:left}


.wztit{line-height:50px;font-size:22px;text-align:center;font-weight:400;padding-bottom:15px;border-bottom:1px dotted #ccc;margin-bottom:10px;}
.wztj{text-align:center;margin-bottom:16px;padding-bottom:6px;color:#888}

.conx{padding:10px 0;}
.conx img{max-width: 100%}



/*news*/
.shipinlist li{float:left;width:340px;margin-right:49px;margin-bottom:30px;border:1px solid #efefef;padding:12px;position: relative}
.shipinlist .tu{width:340px;height:230px;overflow: hidden}
.shipinlist .tu img{width:340px;height:230px}
.shipinlist .tit{height:40px;line-height:40px;font-size:15px;overflow: hidden;text-align: center;padding-top:5px;}
.shipinlist .bfiocn{background:url(../images/bfiocn.png);width:71px;height:71px;position: absolute;left:145px;top:80px;z-index:3000}



/*shop*/
.shoplist li{float:left;width:270px;margin-right:39px;margin-bottom:0px;padding-bottom:12px;}
.shoplist .tu{width:270px;height:250px;overflow: hidden}
.shoplist .tu img{width:270px;height:250px}
.shoplist .tit{height:40px;line-height:40px;font-size:15px;overflow: hidden}
.shoplist .tu.sm2{display: none}
.shoplist li:hover .sm1{display: none}
.shoplist li:hover .sm2{display: block}

.cpsxk{background:#fafafa;width:1200px;margin:0 auto;}
.cpsxk .xcon{border-bottom:1px solid #efefef;}
.cpsxk .xc1{float:left;width:120px;background:#e5e5e5;padding:10px 0;padding-left:15px;}
.cpsxk .xc2{float:right;width:calc(100% - 150px);padding:10px 0;}
.cpsxk .xc2 li{float:left;padding:0 10px;margin-right:5px;font-size:12px}
.cpsxk .xc2 li:hover{background:#c00000}
.cpsxk .xc2 li:hover a{color:#fff}
.cpsxk .xc2 li.hoverss{background:#c00000}
.cpsxk .xc2 li.hoverss a{color:#fff}




/*首页*/
.ibanner{height:780px; position: relative;}
.slideBox{ width:1920px; height:780px; overflow:hidden; position:relative; }
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:900px; bottom:28px; z-index:200; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left;margin-right:12px;width:38px;height:5px;line-height:5px;background:#fff;cursor:pointer;}
.slideBox .hd ul li.on{ background:#c00000;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:1920px; height:780px; }
.slideBox .prev{display: none;height:70px;width:37px; overflow:hidden; position:absolute; left:370px; top:220px; z-index:1; cursor:pointer;background:url(../images/aleft.png);}
.slideBox .next{display: none;height:70px;width:37px; overflow:hidden; position:absolute; right:370px; top:220px; z-index:1; cursor:pointer;background:url(../images/aright.png);}

.main1{padding:35px 0;width:1200px;margin:0 auto}
.main1 .cpfltit{font-size:27px;border-bottom:3px solid #0a6dbd;width:110px;margin:0 auto;text-align: center;height:60px;line-height:60px;margin-bottom:40px}

.ifl li{float:left;width:300px;margin-right:150px;text-align: center;margin-bottom:40px}
.ifl .tu{}
.ifl .tu img{width:309px;height:210px;}
.ifl .tit{height:55px;line-height:55px;font-size:20px;font-weight:700;color:#c00000}


.main2{width:100%;background:#f9f9f9;padding:20px 0}
.main2c{width:1200px;margin:0 auto;}
.ivstit{height:40px;line-height:40px;border-bottom:1px solid #ddd;margin-bottom:30px}
.ivstit .tit{font-size:22px;border-bottom:2px solid #0a6dbd;float:left}

.main3{background:url(../images/main3.jpg) center no-repeat;height:550px}
.main3c{width:1200px;margin:0 auto;position: relative;height:550px}
.main3c .ijjcon{position: absolute;width:790px;background:url(../images/main3jj.png);right:0;bottom:0;height:317px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9; opacity: 0.9;}
.main3c .isp{padding:10px;position: absolute;left:0;bottom:30px;width:360px;height:280px;background:#000}
.main3c .abcon{padding:20px 30px;line-height:27px}
.main3c .jjtit{width:145px;text-align: center;height:45px;line-height:45px;background:#c00000;color:#fff;font-size:16px;font-weight:700;position: absolute;top:188px;right:645px;}

.main4{width:1200px;margin:0 auto;padding-top:30px}

.inews li{float:left;width:360px;margin-right:60px;margin-bottom:30px;padding-bottom:12px;}
.inews .tu{width:360px;height:195px;overflow: hidden}
.inews .tu img{width:360px;height:195px}
.inews .tit{height:50px;line-height:50px;font-size:15px;overflow: hidden}
.inews .js{height:40px;overflow: hidden;color:#888;font-size:12px;line-height:20px}
.inews .sj{float:right}
.inews .tj{font-size:12px;color:#888;margin-top:10px}
.inews .more{float:left}

.ishop li{float:left;width:270px;margin-right:39px;margin-bottom:30px;}
.ishop .tu{width:270px;height:270px;overflow: hidden}
.ishop .tu img{width:270px;height:270px}
.ishop .tit{height:40px;line-height:40px;font-size:15px;overflow: hidden}
.ishop .tu.sm2{display: none}
.ishop li:hover .sm1{display: none}
.ishop li:hover .sm2{display: block}


.cpvcon{}
.cpvcon .cpv1{float:left;width:500px;}
.cpvcon .cpv2{float:right;width:650px;}
.cpvcon .gmbtn{width:120px;height:41px;line-height:41px;background:#000;border-radius:5px;text-align: center;float:left;margin-right:18px}
.cpvcon .gmbtn a{color:#fff}
.cpvcon .gmbtn.btn1{background:#c00000}
.cpvcon .cpv2 .t1{font-size:18px;margin-bottom:10px;}
.cpvcon .cpv2 .t2{font-size:12px;margin-bottom:10px;color:#888;height:300px;overflow: hidden}
.cpvcon .cpv2 .t3{margin-bottom:10px;}
.cpvcon .cpv2 .t4{}
.cpvcon .cpv2 .t5{margin-top:20px;}
.cpvcon .cpv2 .x1{float:left;width:50px}
.cpvcon .cpv2 .x2{float:right;width:calc(100% - 60px)}
.cpvcon .cpv2 .x2 li{float:left;padding:0 8px;background:#efefef;height:22px;line-height:22px;margin-right:10px;font-size:12px;margin-bottom:5px;cursor: pointer}
.cpvcon .cpv2 .x2 li:hover{background:#c00000;color:#fff}


.swiper-container {
    width: 100%;

    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 400px;
    width: 100%;
}
.gallery-thumbs {
    height: 100px;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}








