/*top*/
.headdiv { position:fixed; top:0; left:0; z-index:999; width:100%; height:35px; background-color:#333;  }
.flow { float:left; width:130px; line-height:35px; text-align:center; background-color:#404040; }
.flow a{ display:block; color:#999; font-size:13px; }
.flow a:hover{ color:#ccc;}
.flow i{ padding:0 5px 0 0; }
.wxqq { float:right; margin-top:9px; width:110px; line-height:16px; text-align:center; border-right:1px solid #666; position:relative; }
.wxqq a{ padding:0 8px; font-size:18px; color:#999; }
.wxqq a:hover{ color:#ccc;}
.encn { float:right; width:230px; text-align:right; overflow:hidden; }
.encn a{ display:inline-block; color:#999; font-size:13px; line-height:35px; margin:0 10px; }
.encn .en{ float:left; padding:0 4px 0 0; width:30px; height:35px; background:url(../images/en.png) no-repeat left center; background-size:25px auto; }
.encn .cn{ float:left; padding:0 4px 0 0; width:30px; height:35px; background:url(../images/cn.png) no-repeat left center; background-size:25px auto; }
.encn a:hover{ color:#ccc;}
.topewm{ display:none; position:absolute; z-index:999 !important; left:0px; top:26px; border:#eee 1px solid; }

/**header***************/
.mainwrap{width: 1200px;margin:auto;position: relative;padding:0; }
.header {height: 95px;position: fixed !important;top:35px !important;width: 100%;padding: 0 !important;margin: 0 !important;z-index: 998 !important;transition: 0.3s ease all;background-color:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20); }
.header > .mainwrap{height:95px; transition: 0.3s ease all;}
.header div.logo {display: -webkit-box;display: -ms-flexbox;display: flex;width: 200px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 0 0 0;float: left;height: 100%;transition: 0.3s ease all;}
.header .logo img{width: 100%;height: auto;transition: 0.3s ease all;}
.header .logo  a{transition: 0.3s ease all;}
.header.fixed {
    position: fixed !important;
    top: 35px !important;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 998 !important;
    height: 45px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header.fixed > .mainwrap{
    height: 45px !important;
    transition: 0.3s ease all;
}
.header.fixed div.logo {
    width: 100px;
    margin: 0;
}
.header.fixed .logo a{
    width: 100%;
    height: 100%;
    display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    transition: 0.3s ease all;
}
.header.fixed .logo img{}
.languages{display: block; width: 82px;line-height: 29px;float: right;margin-top: 9px;}
.languages a{display:block;width:26px; height:26px;float:left;margin-left:5px; text-transform: uppercase; color: rgb(235, 8, 140); }
.languages span { display: block; float: left; }

/*****menu**************/
.header.fixed .mainmenu{position:relative;  height: 45px; right: 0; top:2px !important; transition: height 0.3s ease;}
.header.fixed .mainmenu ul{
    transition: 0.3s ease all;
}
.header.fixed .mainmenu ul li{
    height: 45px;
}
.header.fixed .mainmenu ul li a{
    height: 41px !important;
    line-height: 45px;
    font-size: 15px !important;
}
.header.fixed .minimenu{  }
.header.fixed .mainmenu ul li ul{
    top: 44px !important;
}
.header.fixed .mainmenu ul li ul li{}
.header.fixed .mainmenu ul li ul li a{}

.mainmenu{ height:42px;line-height:42px; margin-top: 0;z-index:200;float: right;position: absolute;top:27px;right: 10px; }
.mainmenu ul.main{padding:0;margin:0;position: relative;}
.mainmenu ul.main li.home{float:left; cursor:pointer;list-style:none;  position:relative; background:url(../images/menu-home.png) no-repeat center center; display:block; width:50px; height:37px;}
.mainmenu ul.main li.home a{width:100%; height:100%; display:block;color: #47403d;}
.mainmenu ul.main li.main{float:left;list-style:none;position:relative; transition: 0.3s ease all;}
.mainmenu ul.main li.main.minimenu{ position:relative; }
.mainmenu ul.main li.main a.main{color: #3F3939;text-decoration:none;display:block;height:65px;padding: 0 20px 0;font-size: 16px;text-transform: uppercase;border-bottom: 3px solid transparent;transition: 0.3s ease all;}
.mainmenu ul.main li.main:last-child a.main{margin-right: -20px;}
.mainmenu ul.main li.main a.main:hover,.mainmenu ul.main li.main a.main.active{height: 65px;border-bottom: 3px solid #ee1d23;color:#ee1d23;}
.mainmenu ul.main li.main a.on{ border-bottom: 3px solid #ee1d23;color:#ee1d23; }

.mainmenu ul.main li.main > ul.minimenu {position:absolute;width:200px;left:0px;top:68px;z-index:1000;opacity: 0;filter:alpha(opacity=95);padding:0px;margin:0px;/* display:none; */float:left;line-height:0px;background: rgb(251, 251, 251);box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);border: 1px solid rgba(0, 0, 0, 0.1);}
.mainmenu ul.main li.main > ul.minimenu li.menu{list-style:none;padding:0;position:relative;line-height:18px;overflow: hidden;height:0;-webkit-transition:height 200ms ease-in;-moz-transition:height 200ms ease-in;-o-transition:height 200ms ease-in;transition:height 200ms ease-in;}
.mainmenu ul.main li.main:hover > ul.minimenu li.menu{height:36px;}
.mainmenu ul.main li.main:hover > ul.minimenu{opacity:0.95;}
.mainmenu ul.main li.main > ul.minimenu li.menu a{display:block;margin: 0 5px 0;color: rgb(63, 57, 57);text-decoration:none;line-height:18px;padding-top:10px;padding-left:10px;padding-bottom:10px;font-size: 15px;transition: 0.2s ease all;}
.mainmenu ul.main li.main > ul.minimenu li.menu a:hover{color: #ee1d23 !important;}

.header .mainmenu ul.main li.main div.menu{position: absolute;width: 1200px;left: -330px;z-index:1000;background: rgb(255, 255, 255);padding: 20px 0;margin:0px;box-shadow: 1px 4px 10px #888;opacity: 1;/* top: -1000px; */transition: 0.7s ease top;display: none;}
.header .mainmenu ul.main li.main div.menu.active{/* top: 38px; */}
.header .mainmenu ul.main li.main div.menu.active i.closemenu{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    color: #03499a;
    transition: 0.2s ease all;
    cursor: pointer;
}
.header .mainmenu ul.main li.main div.menu.active i.closemenu:hover{
    color: #f58220;
}
.header.fixed .mainmenu ul.main li.main div.menu{left: -360px;}
.header .mainmenu ul.main li.main div.menu a:hover{color: #ecb520;}
.header .mainmenu ul.main li.main div.menu .box {height: 343px;}
.header .mainmenu ul.main li.main div.menu .box .left-column{float: left;width: 20%;}
.header .mainmenu ul.main li.main div.menu .box .left-column .title{position:relative;padding: 8px 10px 8px 15px;border-right: 1px solid #696969;cursor: pointer;text-align: left;color: #69696D;font-size: 18px;line-height: 20px;height: auto !important;margin-right: 15px;width: 80%;}
.header .mainmenu ul.main li.main div.menu .box .left-column .title:hover, .header .mainmenu ul.main li.main div.menu .box .left-column .title.active{border-right: 1px solid #f58220;color: #f58220;}
.header .mainmenu ul.main li.main div.menu .box .left-column .title i{display:none;position:absolute;right: -15px;}
.header .mainmenu ul.main li.main div.menu .box .left-column .title.active i{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; align-items:center;}
.header .mainmenu ul.main li.main div.menu .box .right-column{float: left;/* height: 343px; */width: 80%;}
.header .mainmenu ul.main li.main div.menu .box .right-column .sub-categories{
    float: left;
    width: 25%;
}
.header .mainmenu ul.main li.main div.menu .box .right-column .sub-categories .sub-categories-container{
    display: none;
}
.header .mainmenu ul.main li.main div.menu .box .right-column .sub-categories .sub-categories-container a{
    padding: 8px 10px 8px 15px;
    font-size: 18px;
    line-height: 20px;
    height: auto !important;
    color: #69696D;
    border-right: 1px solid #696969;
    position:relative;
    margin-right: 15px;
    width: 80%;
}
.header .mainmenu ul.main li.main div.menu .box .right-column .sub-categories .sub-categories-container a.title:hover, .header .mainmenu ul.main li.main div.menu .box .right-column .sub-categories .sub-categories-container a.title.active{border-right: 1px solid #f58220;color: #f58220;}
.header .mainmenu ul.main li.main div.menu .box .right-column .sub-categories .sub-categories-container a.title i{display:none;position:absolute;right: -15px;}
.header .mainmenu ul.main li.main div.menu .box .right-column .sub-categories .sub-categories-container a.title.active i{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; align-items:center;}
.header .mainmenu ul.main li.main div.menu .box .right-column .sub-categories .sub-categories-container a:hover{color: #f58220;}
.header .mainmenu ul.main li.main div.menu .box .right-column .products{/* height: 343px; */float: left;width: 75%;}
.header .mainmenu ul.main li.main div.menu .box .right-column .products .products-container{padding: 5px 0 0 0px;display: none;}
.header .mainmenu ul.main li.main div.menu .box .right-column .more_container{
    float: right;
    display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    width: 100%;
}
.header .mainmenu ul.main li.main div.menu .box .right-column .more_container a{
    display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    background-color: #03499a;
    border: 2px solid #03499a;
    color: #fff;
    transition: 0.2s ease all;
    margin: 0px 13px 5px 13px;
    padding: 0px 13px 0px 13px;
}
.header .mainmenu ul.main li.main div.menu .box .right-column .more_container a:hover{
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    opacity: 0.9;
}
.header .mainmenu ul.main li.main div.menu .box .right-column .products .products-container .product-title{padding: 0px 11px 10px 11px;float: left;font-size: 18px;width: 217px;line-height: 20px;height: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.header .mainmenu ul.main li.main div.menu .box .right-column .products .products-container .product-title:hover{color: #f58220;cursor: pointer;}
.header .mainmenu ul.main li.main div.menu .box .right-column .products .products-container .product-title #title{}
.header .mainmenu ul.main li.main div.menu .box .right-column .products .products-container .product-title #image{
    margin-right: 5px;
    display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;
}
.header .mainmenu ul.main li.main div.menu .box .right-column .products .products-container .product-title #image img{max-height:100%;max-width:100%;}
.header .mainmenu ul.main li.main div.menu .box a {display: block;text-decoration: none;transition: 0.2s ease all;color: rgb(63, 57, 57);}
.header .mainmenu ul.main li.main div.menu .box a.title {font-weight: bold;}

.sliderFrame .ms-slide .title { padding: 0 15px; background: rgba(0, 0, 0, 0.45); }
.sliderFrame .description { padding: 0 15px; background: rgba(0, 0, 0, 0.45);  }
.sliderFrame .sbutton1 { color: #fff; background-color: rgba(0, 0, 0, 0.5); border: 1px solid #A0B7C6;}
.ms-thumbs-cont {
	transform: none !important;
}

/*banner*/
.banner {  width:1200px; margin:130px auto 0 auto; overflow: hidden; position:relative; transition: 0.3s ease all; }
.banner a { display:block; width:1200px; height:480px; }
.banner .swiper-container .swiper-button-prev {
    width: 56px;
    height: 100px;
    background-image: url(../images/prev.png) !important;
    background-size: 56px 100px;
    left:0;
    margin-top: -60px;
}
.banner .swiper-container .swiper-button-next {
    width: 56px;
    height: 100px;
    background-image: url(../images/next.png) !important;
    background-size: 56px 100px;
    right:0;
    margin-top: -60px;
}
.banner .swiper-pagination  .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-out;
    border-radius: 10px;
    opacity: 1;
}
.banner .swiper-pagination  .swiper-pagination-bullet:hover {
    background-color: #fff;
    opacity: 1;
}
.banner .swiper-pagination  .swiper-pagination-bullet-active {
    background-color: #ee1d23; width:30px;
}

/*title*/
.idx_tit { width:100%; padding:0; text-align:center;  overflow:hidden; }
.idx_tit h2{ padding:2px 0; font-size:28px; color:#333; }
.idx_tit p{ padding:0px 0; font-size:17px; color:#ccc; text-transform:uppercase; }
.idx_tit h2 span{ color:#e60012; }

.home_pro_cls { width:100%; overflow:hidden; }
.home_pro_cls ul { display:table; margin:0 auto; }
.home_pro_cls ul li{ float:left; margin:0 3px; }
.home_pro_cls ul li a{ display:block; font-size:15px; padding:7px 18px; color:#333; background-color:#d8d8d8; border-radius:7px; }
.home_pro_cls ul li:hover a{ background-color:#e60012; color:#FFF; }

.pro_list { width:100%; list-style:none; }
.pro_list li{ float:left; width:285px; height:285px; margin:10px 20px 10px 0;  position:relative; }
.pro_list li a{ display:block; color:#FFF; font-size:15px; }
.pro_list li .caseimg { width:283px; height:283px; border:#eee 1px solid; overflow:hidden; }
.pro_list li .caseimg img{ width:283px; height:283px; display: block; transition: all 0.5s; }
.pro_list li .caseimg:hover img{ transform: scale(1.05);}
.pro_list li p{ height:35px; line-height:35px; position: absolute; left: 0;bottom: 0; width:281px; padding:0 2px; background:url(../images/case_p_bg.png) repeat-x center top; text-align:center; overflow:hidden; transition: all 0.5s; }
.pro_list li:hover p{ background-color:#e60012; }
.pro_list22 li a:hover {
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20),
    0 -3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20),
    0 -3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20),
    0 -3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
}

.zs_list { width:1200px; list-style:none; position:relative; }
.honorscroll { position: relative; overflow: hidden; height:320px; padding-top:20px; width: 1200px; margin: 0 auto; }
.honorscroll .swiper-slide { width: 285px; height: 285px; position: relative; }
.honorscroll .swiper-slide a{ display:block; color:#FFF; font-size:15px; }
.honorscroll .swiper-slide .caseimg { width:283px; height:283px; border:#eee 1px solid; overflow:hidden; }
.honorscroll .swiper-slide .caseimg img{ width:283px; height:283px; display: block; transition: all 0.5s; }
.honorscroll .swiper-slide:hover img{ transform: scale(1.05); }
.honorscroll .swiper-slide p{ height:35px; line-height:35px; position: absolute; left: 0;bottom: 0; width:281px; padding:0 2px; background:url(../images/case_p_bg.png) repeat-x center top; text-align:center; overflow:hidden; transition: all 0.5s; }
.honorscroll .swiper-slide:hover p{ background-color:#e60012; }
.honorscroll22 .swiper-slide:hover {
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20),
    0 -3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20),
    0 -3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20),
    0 -3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
}
.honor-button-prev {
    background: url(../images/index_imgBtnLt.png) center no-repeat;
    background-size: 56px 56px;
    position: absolute; top:0; left:-80px;
    width: 56px;
    height: 56px;
    margin-top: 120px;
    margin-right: 26px;
	cursor:pointer;
}
.honor-button-prev:hover {
    background: url(../images/index_imgBtnLt.png) center no-repeat; opacity:.8;
}
.honor-button-next {
    background: url(../images/index_imgBtnRt.png) center no-repeat;
    background-size: 56px 56px;
    position: absolute; top:0; right:-80px;
    width: 56px;
    height: 56px;
    margin-top: 120px;
	cursor:pointer;
}
.honor-button-next:hover {
    background: url(../images/index_imgBtnRt.png) center no-repeat; opacity:.8;
}

.vmore { width:180px; margin:0 auto; text-align:center; }
.vmore a{ display:block; padding:10px 0; border:#eee 1px solid; background-color:#f8f8f8; border-radius:8px; transition: all 0.5s; letter-spacing:1px; }
.vmore a:hover{ background-color:#e60012; color:#FFF; }

/*about us*/
.aboutbg { background: url(../images/aboutbg.jpg) #f8f8f8 repeat-x center bottom; min-height:660px; }
.ab_p1 { float:left; width:248px; }
.ab_p2 { float:left; width:480px; margin-left:40px; }
.ab_p3 { float:right; width:390px; margin-right:10px; background-color:#FFF; }

.ab_tit { width:100%; font-size:18px; color:#333; }
.ab_tit i{ display:block; width:25px; height:3px; background-color:#333; margin:5px 0; }
.ab_lxfs { width:100%; list-style:none; }
.ab_lxfs li{ border-bottom:#eee 1px solid; padding:10px 0; font-size:15px; overflow:hidden; }
.ab_lxfs li i{ float:left; width:28px; color:#999999; text-align:center; padding-top:3px; font-size:16px; }
.ab_lxfs li div{ float:left; width:220px; }
.ab_lxfs li i.fa-map-marker{ font-size:19px; }

.ab_about { font-size:15px; line-height:28px; }
.ab_more { width:180px; text-align:center; }
.ab_more a{ display:block; padding:10px 0; border:#eee 1px solid; background-color:#f8f8f8; border-radius:8px; transition: all 0.5s; letter-spacing:1px; }
.ab_more a:hover{ background-color:#e60012; color:#FFF; }

.video{ overflow:hidden; width:360px; position: relative; height: 425px;margin:0 auto; padding-top:15px; }
.vBox{ width: 360px; height: 380px; position:relative; }
.vBox img{ width: 360px; height: 380px;}
.vBox .vBox-pagination { margin-top:15px; text-align:right; }
.vBox .vBox-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color:#eee;
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-out;
    border-radius: 15px;
    opacity: 1;
}
.vBox .vBox-pagination .swiper-pagination-bullet:hover {
    background-color: #e60012;
    opacity: 1;
}
.vBox .vBox-pagination .swiper-pagination-bullet-active {
    background-color: #e60012; width:15px;
}
.vBox .swiper-slide i{ position:absolute; bottom:10px; left:0px; text-align:center; width:360px; color:#FFF; font-size:16px; }

/*honer*/
.zs_div { width:1180px; margin:0 auto; overflow:hidden; }
.zscroll { position: relative; overflow: hidden; width: 1120px; margin: 0 auto; }
.zscroll .swiper-slide { width: 240px; height:340px; overflow: hidden; position: relative; overflow:hidden; }
.zscroll .swiper-slide img { width: 240px; height: 340px; transform: translateZ(0px); transition: transform 0.5s ease 0s; }
.zscroll .swiper-slide:hover img{ transform: scale(1.05); }
.zs-button-prev {
    background: url(../images/carousel_prev.png) center no-repeat;
    background-size:100% 100%;
    position: relative;
    width: 10px;
    height: 20px;
    margin-top: 160px;
    margin-right: 26px;
	cursor:pointer;
}
.zs-button-prev:hover {
    background: url(../images/carousel_prev.png) center no-repeat; opacity:.8;
}
.zs-button-next {
    background: url(../images/carousel_next.png) center no-repeat;
    background-size:100% 100%;
    position: relative;
    width: 10px;
    height: 20px;
    margin-top: 160px;
	cursor:pointer;
}
.zs-button-next:hover {
    background: url(../images/carousel_next.png) center no-repeat; opacity:.8;
}

/*news*/
.zixun_left{ width:620px; height:432px; float:left; position:relative; background:#fff; transition:all 0.3s linear; z-index:20;}
.zixun_left a{display:block;width:100%;height:100%;}
.zixun_left img{ width:100%; height:100%;max-width:100%;max-height:100%;}
.zixun_text{ width:100%; height:100px; background:url(../images/case_p_bg.png) repeat top;position:absolute; left:0px; bottom:0px; }
.zixun_text h3{ font-size:16px; color:#fff; margin-bottom:10px; padding-left:30px; padding-top:15px; font-weight:normal;height:20px;overflow:hidden;padding-right:30px;}
.zixun_text h3:hover{ color:#e60012; }
.zixun_text p{ padding:0px 35px 0px 30px; line-height:20px; color:#ffffff; font-size:14px;height:40px;overflow:hidden;}

.zixun_right{ width:580px; height:auto; float:right;}
.zixun_right ul{ width:100%; height: auto;}
.zixun_right ul li{ width:100%; padding:15px 0px 0 0; height:93px; background-color:#f5f5f5; overflow:hidden;}
.zixun_right ul li.hui{ background-color:#efefef; }
.zixun_right ul li a:hover h3{ color:#e60012;}
.zixun_date{ width:100px; float:left; margin-left:40px; padding:5px 20px 0 0; background:url(../images/newsge.jpg) no-repeat right center; }
.zixun_date span{ float:left; font-size:48px; text-align:center margin-top:5px;}
.zixun_date p{ text-align:center; font-size:13px; line-height:22px; padding-top:11px; }
.zixun_details{ width:380px; height:auto; float:left; margin-left:20px; }
.zixun_details h3{ color:#333333; font-size:15px; font-weight:normal; margin:4px 0; height:21px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.zixun_details p{ height:44px; font-size:13px; color:#999999; line-height:20px; overflow:hidden; }

/*link*/
.hz_div { width:1180px; margin:0 auto; overflow:hidden; }
.hzcroll { position: relative; overflow: hidden; width: 1060px; margin: 0 auto; }
.hzcroll .swiper-slide { width: 202px; height:72px; overflow: hidden; position: relative; overflow:hidden; text-align:center; }
.hzcroll .swiper-slide img { width: 190px; height: 70px; border:#eee 1px solid; }
.hz-button-prev {
    background: url(../images/carousel_prev.png) center no-repeat;
    background-size:100% 100%;
    position: relative;
    width: 10px;
    height: 20px;
    margin-top: 27px;
    margin-right: 50px;
	cursor:pointer;
}
.hz-button-prev:hover {
    background: url(../images/carousel_prev.png) center no-repeat; opacity:.8;
}
.hz-button-next {
    background: url(../images/carousel_next.png) center no-repeat;
    background-size:100% 100%;
    position: relative;
    width: 10px;
    height: 20px;
    margin-top: 27px;
	cursor:pointer;
}
.hz-button-next:hover {
    background: url(../images/carousel_next.png) center no-repeat; opacity:.8;
}

/*底部*/
.footer{ width:100%; height:auto;}
.footer_top{ width:100%; height:auto; padding-top:58px; padding-bottom:20px; overflow:hidden; background:#303030;}
.footer_top_all{ width:1200px; height:auto; margin:0 auto;}
.footer_top_left{ width:470px; height:auto; float:right;}
.footer1{ width:120px; height:auto; float:left; margin-left:35px;}
.footer1 h3{ font-size:15px; margin-bottom:20px; font-weight:normal;}
.footer1 h3 a{color:#fff;}
.footer1 ul{ width:100%; height:auto; border-right:#666 1px solid; }
.footer1 ul li{ width:100%; height:auto; margin-bottom:10px;}
.footer1 ul li a{ color:#ccc; font-size:14px;}
.footer1 ul li a:hover{ color:#fff;}
.footer_top_right{ width:380px; height:auto; float:left; padding-left:10px; }
.flogo { width:100%; height:80px; border-bottom:#666 1px solid; }
.footer_text{ float:left; padding:20px 0; font-size:13px; color:#CCC; line-height:22px; }
.footer_ewm { float:left; width:280px; text-align:center; font-size:13px; color:#CCC; line-height:25px; }
.footer_bottom{ width:100%; height:auto; background:#000; padding-top:25px; padding-bottom:10px; overflow:hidden;}
.footer_bottom_all{ width:1180px; height:auto; margin:0 auto;}
.footer_bottom_left{ width:650px; height:auto; float:left;}
.footer_bottom_left p{ font-size:13px; color:#888888; }
.footer_bottom_left div{ width:100%; height:auto;}
.footer_bottom_left div a{font-size:13px; color:#888888; display:inline-block; padding:0px 22px;border-right:1px solid #4d5157; text-align:center; float:left;}
.footer_bottom_left div a:hover{color:#007cc2;}
.footer_bottom_left a:nth-child(1){ padding-left:0px;}
.footer_bottom_left a:last-child{ margin-right:0px; border-right:none;}
.footer_bottom_right{ width:280px; float:right;}
.footer_bottom_right p{font-size:13px; color:#888888; margin-bottom:10px;}
.footer_bottom_right a{color:#888;}

/*内页*/
.nei_banner { width:100%; height:280px; margin-top:130px; overflow:hidden; transition: 0.3s ease all; }
.topb { margin-top:81px !important; }
.mainpos { width:100%; margin-top:130px; overflow:hidden; transition: 0.3s ease all; }
.navtop { margin-top:220px; }
.navleft { float:left; width:240px; height:auto; overflow:hidden; }
.navleft .navtit { width:100%; padding:20px 0 30px 0; background-color:#e60010; text-align:center; border-top-left-radius:5px; border-top-right-radius:5px; }
.navleft .navtit h2{ padding:1px 0; font-size:28px; color:#FFF; }
.navleft .navtit p{ font-size:16px; color:#FFF; text-transform:uppercase; }
.navleft .navlist { width:100%; padding:30px 0; background-color:#f0f0f0; list-style:none; overflow:hidden; }
.navleft .navlist li{ display:block; border-bottom: #ccc dotted 1px; }
.navleft .navlist li a{ display:block; height: 45px; line-height: 45px; font-size:16px; color:#333; text-align:center; transition: all 0.2s ease-in-out; }
.navleft .navlist li a:hover{ color:#fff; background-color:#e60010; border-left: 4px solid #bf0613; }
.navleft .navlist li a.active{ color:#fff; background-color:#e60010; border-left: 4px solid #bf0613; }

.lxleft { width:100%;  background-color:#f0f0f0; overflow:hidden; }
.lxleft .lxtit{ width:100%; background-color:#e60010; text-align:center; font-size:16px; color:#FFF; font-weight:bold; line-height:40px; }
.lxleft .lxtxt { padding:20px 15px; font-size:14px; line-height:28px; }

.mainright { float:right; width:900px; overflow:hidden; }
.dqwz { width:100%; padding:80px 0 0 0; text-align:right; font-size:13px; color:#999; }
.dqwz a{ color:#999; }
.dqtit { width:100%; padding:49px 0 15px 0; font-size:19px; color:#333; border-bottom: #ccc dotted 1px; }

.about_con { padding:30px 0px; line-height:28px; position:relative; overflow:hidden; }
.about_con img { max-width:900px; }

.about_con table{ border:0; }
.about_con table td{ padding:5px 8px; border:#ddd 1px solid; line-height:22px; }

.about_honer { padding:0; list-style:none; overflow:hidden; }
.about_honer li{ float:left; width:280px; height:190px; margin:30px 30px 0px 0; overflow:hidden; }
.about_honer li img{ width:280px; height:190px; transition:all 0.3s linear; }
.about_honer li:hover img{ transform: scale(1.05); }

.ditu { margin-top:20px; width:100%; height:350px; border:#eee 1px solid; overflow:hidden; }

.pro_honer { padding:0; list-style:none; overflow:hidden; }
.pro_honer li{ float:left; width:202px; height:285px; margin:30px 30px 0px 0; overflow:hidden; }
.pro_honer li img{ width:202px; height:285px; transition:all 0.3s linear; }
.pro_honer li:hover img{ transform: scale(1.05); }

.xy_list { width:100%; padding:0 0 15px 0; list-style:none; }
.xy_list li{ width:100%; padding:14px 0; border-bottom:#ddd 1px dotted; position:relative; }
.xy_list li i{ position:absolute; right:8px; top:15px; font-style:italic; font-size:13px; color:#999; }

/*news list*/
.newslists { width:100%; overflow:hidden; }
.newslists li{ float:left; width:900px; height:120px; padding:0; margin:10px 0 10px 0; border-bottom:#ddd 1px dotted; list-style:none; overflow:hidden; }
.newslists li .pic{ float:left; width:150px; height:100px; overflow:hidden; }
.newslists li .pic img{ width:150px; height:100px; transition: all 0.5s; }
.newslists li .pic:hover img{ transform: scale(1.05);}
.newslists li .tit{ float:left; width:720px; padding:0px 0 15px 25px; }
.newslists li .tit a{ font-size:16px; color:#333; font-weight:bold; }
.newslists li .tit a:hover{ color:#ee1d23; }
.newslists li .con{ float:left; width:720px; padding:0px 0 0 25px; font-size:14px; color:#999; }
.newslists li .con i{ display:block; font-style:normal; font-size:12px; padding-top:10px; }

.news-view-tit{ width:100%; padding:20px 0 10px 0; text-align:center; font-size:20px; color:#333; }
.news-view-time{ width:100%; padding:0; font-size:12px; text-align:center; color:#999; }

.commonDetailedContentsfoot{ padding:10px; overflow:hidden; }
.commonDetailedContentsfoot dl{ border-top:#eee 1px solid; border-bottom:#eee 1px solid; font-size:13px; padding:10px 0px; overflow:hidden;}
.commonDetailedContentsfoot dl span{ display:inline-block; background:#eee; color:#666; line-height:27px; padding:0px 10px; margin-right:15px;}
.commonDetailedContentsfoot dl dd{ float:right;}
.commonDetailedContentsfoot dl dt{ float:left;}
.commonDetailedContentsfoot dl a{ vertical-align:inherit; }
.newsmore { width:100%; font-size:18px; font-weight:bold; color:#1c813b; padding:0 0 10px 0; }

.pro_content { width:100%; overflow:hidden; }
.pro_title { width:100%; padding:20px 0 20px 0; text-align:center; font-size:26px; color:#000; }
.pro_piclist { width:730px; margin:0 auto; overflow:hidden; }
.pro_piclist .bimg img{ width:auto !important; margin:0 auto; max-width:730px !important; }

.pro_jj { width:100%; background-color:#f0f0f0; height:42px; overflow:hidden; }
.pro_jj h2{ width:120px; height:42px; background-color:#e60010; text-align:center; line-height:42px; color:#FFF; font-size:16px; }

.msgbut { padding:7px 10px; background-color:#e60010; border:0; font-size:14px; color:#FFF; border-radius:3px; cursor:pointer; }
.gotop { position:fixed; bottom:135px; right:2%; z-index:9999; width:50px; height:50px; display:none; }
.gotop a{ display:block; width:50px; height:50px; background:url(../images/gotop.png) no-repeat center center; }


/*page*/
.pager { width:100%; text-align:center; font-size:14px; padding:10px 0; }
DIV.jogger { MARGIN: 2px; }
DIV.jogger A {
	PADDING: 5px 10px; MARGIN: 1px; COLOR: #666; BACKGROUND-COLOR: #ddd; TEXT-DECORATION: none;
	  -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;}
DIV.jogger A:hover {	PADDING: 5px 10px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #ee1d23;}
DIV.jogger A:active {	PADDING: 5px 10px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #ee1d23;}
DIV.jogger SPAN.current {	PADDING: 5px 10px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #ee1d23;
	  -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;}
DIV.jogger SPAN.disabled {	DISPLAY: none}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/kefu/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/kefu/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

/*悬浮ad*/
.suspension{position:fixed;z-index:55;right:0;bottom:200px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/qqkf/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/qqkf/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/qqkf/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/qqkf/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/qqkf/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/qqkf/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/qqkf/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}