/*top*/
.headdiv { display:block; width:100%; height:88px; background-color:#232323; }
.logodiv { float:left; width:200px; padding:0 10px 0 0; background:url(../images/logoge.jpg) no-repeat right 12px; overflow:hidden; }
.logodiv a{ display:block; }
.logodiv img{ padding:18px 0 0 0; width:192px; }

.header { float:left; width:980px; height:88px; padding:0 0 0 20px; }
.nav { margin:0 auto; width:980px; height:88px; }
.nav li { position: relative; float: left; z-index: 999;  padding:0 28px; }
.nav22 li:last-child{ background:none;}
.nav li a { color:#eee; font-size:14px; height:88px; display: block; line-height:88px; }
.nav li.active a{ color: #e71109; }
.nav li a:hover { color: #e71109; }
.nav li:hover a { color: #e71109; }
.nav .subnav {
    display: none; padding:5px 0;
    position: absolute;
    width: 170px;
    top: 88px;
    left: -25px;
    background:#a80c04;
    z-index: 991;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 -2px 0 0 rgba(247,247,247,0.8), /*顶部阴影*/
    0 3px 5px 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 -2px 0 0 rgba(247,247,247,0), /*顶部阴影*/
    0 3px 5px 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 -2px 0 0 rgba(247,247,247,0), /*顶部阴影*/
    0 3px 5px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    overflow: hidden;
}
.nav .subnav div {  border-bottom: 1px solid #ccc;  width: 94%; margin:0 3%;  display: block;  float:left; text-align:center; }
.nav .subnav a { display:block;  width: 100%;  font-size: 14px;  display: block;  color: #eee !important; height:55px; line-height:55px; }
.nav .subnav a:hover{ color:#e71109 !important; background: #232323; }

.cnen { float:right; list-style:none; padding:22px 0 0 0; overflow:hidden; }
.cnen li{ display:block; }
.cnen li a{ display:block; padding:2px 0 2px 28px; color:#eee; background:url(../images/cn.png) no-repeat left center; background-size:22px auto; }
.cnen li:last-child a{ background:url(../images/en.png) no-repeat left center; background-size:22px auto; }
.cnen li a:hover{ text-decoration:underline; }

.banner {  width: 100%; overflow: hidden; position: relative; z-index: 0; }
.banner img { width: 100%;}
.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: 15px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0.9);
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-out;
    border-radius: 15px;
    opacity: 1;
}
.banner .swiper-pagination  .swiper-pagination-bullet:hover {
    background-color: #e71109;
    opacity: 1;
}
.banner .swiper-pagination  .swiper-pagination-bullet-active {
    background-color: #e71109; height:15px;
}

.prolist { overflow:hidden; }
.prolist h2{ display:block; text-align:center; padding:30px 0; font-size:44px; color:#333; overflow:hidden; }

.proclassidx { display:block; overflow:hidden; }
.proclassidx ul { display:table; margin:0 auto; border:#ddd 1px solid; }
.proclassidx ul li{ float:left; }
.proclassidx ul li a{ display:block; color:#333; padding:10px 77px; font-size:18px; border:1px solid #ddd; background-color:#f4f4f4; transition: all 0.1s; }
.proclassidx ul li a:hover { color:#eee; background-color:#e71109; }
.proclassidx ul li a.cur{ color:#eee; background-color:#e71109; }

.prolistidx { display:block; list-style:none; }
.prolistidx li{ float:left; width:388px; margin:0 18px 35px 0; background-color:#fff; overflow:hidden; }
.prolistidx li a{ display:block; font-size:16px; }
.prolistidx li .imgs{ width:388px; height:388px; overflow:hidden; }
.prolistidx li .imgs img{ width:100%; height:100%; transition: all 0.4s; }
.prolistidx li .imgs img:hover{ transform: scale(1.03); }
.prolistidx li p{ text-align:center; padding:20px 8px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

.casebg { background:url(../images/casebg.jpg) no-repeat center top; padding:20px 0; overflow:hidden; }
.casebg h2{ display:block; text-align:center; padding:30px 0; font-size:44px; color:#eee; overflow:hidden; }
.casebg p{ display:block; font-size:16px; color:#ccc; line-height:30px; }
.caselistidx { display:block; list-style:none; }
.caselistidx li{ float:left; width:368px; margin:0 18px 20px 0; background-color:#fff; padding:10px; overflow:hidden; }
.caselistidx li a{ display:block; font-size:16px; }
.caselistidx li .imgs{ width:368px; height:200px; overflow:hidden; }
.caselistidx li .imgs img{ width:100%; height:100%; transition: all 0.4s; }
.caselistidx li .imgs img:hover{ transform: scale(1.03); }
.caselistidx li p{ padding:10px 0px; color:#333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.caselistidx li a:hover p{ color:#e71109; }

.newsleftidx { float:left; width:565px; padding:15px; background-color:#FFF; height:460px; overflow:hidden; }
.newsleftidx a{ display:block; transition: all 0.4s; }
.newsleftidx .imgs{ display:block; width:100%; height:295px; overflow:hidden; }
.newsleftidx .imgs img{ width:100%; height:100%; transition: all 0.4s; }
.newsleftidx .imgs img:hover{ transform: scale(1.03); }
.newsleftidx .tits{ display:block; }
.newsleftidx .tits h2{ display:block; font-size:16px; text-align:left; font-weight:normal; padding:30px 0 20px 0; }
.newsleftidx .tits p{ display:block; font-size:13px; color:#999; line-height:20px; }
.newsleftidx .tits i{ display:block; font-size:13px; color:#999; line-height:40px; }
.newsleftidx a:hover h2{ color:#e71109; }

.newsrightidx { float:right; width:585px; overflow:hidden; }
.newsrightidx li{ display:block; padding:15px; background-color:#FFF; margin:0 0 15px 0; height:123px; }
.newsrightidx li a{ display:block; }
.newsrightidx li h2{ display:block; font-size:16px; text-align:left; font-weight:normal; padding:5px 0 15px 0; }
.newsrightidx li p{ display:block; font-size:13px; color:#999; line-height:20px; }
.newsrightidx li i{ display:block; font-size:13px; color:#999; line-height:30px; padding:10px 0 0 0; }
.newsrightidx a:hover h2{ color:#e71109; }

.slbg { background:url(../images/slbg.jpg) no-repeat center top; padding:10px 0; overflow:hidden; }
.slbg h2{ display:block; text-align:center; padding:30px 0; font-size:44px; color:#eee; overflow:hidden; }
.slbg p{ display:block; font-size:16px; color:#ccc; line-height:30px; }

.sldiv { display:block; overflow:hidden; }
.slleft { width:610px; overflow:hidden; }
.slleft .slno { float:left; width:52px; }
.slleft .sltxt{ float:right; width:545px; }
.slleft .sltxt h2{ display:block; padding:0 0 10px 0; font-size:25px; font-weight:bold; border-bottom:#d4d4d4 1px solid; }
.slleft .sltxt i{ display:block; padding:10px 0 0 0; color:#999; text-transform:uppercase; }
.slleft .sltxt p{ display:block; line-height:24px; color:#666; font-size:15px; padding:0 0 0 30px; background:url(../images/sldui.jpg) no-repeat left 3px; }
.slpic { width:500px; }
.slpic img { width:100%; }
.slpicr { width:540px; }
.slpicr img { width:100%; }

/*底部*/
.footer{ display:block; width:100%; background-color:#232323; overflow:hidden; }
.footnav { display:block; padding:26px 0; border-bottom:#444444 1px solid; }
.footnav div{ margin:0 auto; width:1100px; overflow:hidden; }
.footnav a{ display:inline-block; font-size:14px; color:#eee; margin:0 38px; }
.footer_top_all{ display:block; width:1160px; padding:45px 0 25px 0; margin:0 auto; overflow:hidden; }
.footer_logo { float:left; width:260px; padding:0 0 0 60px; margin:20px 0 0 0; background:url(../images/ftel.png) no-repeat left center; overflow:hidden; }
.footer_logo i{ display:block; font-size:14px; color:#eee; }
.footer_logo h2{ display:block; font-size:26px; color:#eee; padding:5px 0 0 0; font-weight:normal; }
.footer_wx{ display:block; width:145px; float:left; padding:0 0 0 30px; overflow:hidden; }
.footer_wx img{ max-width:120px; padding-bottom:5px; }
.footer_wx p{ text-align:center; color:#eee }
.footer_lx { float:right; width:450px; line-height:30px; color:#eee; }
.copy { display:block; text-align:center; color:#666; font-size:13px; overflow:hidden; }
.copy a{ color:#666; font-size:13px; }

/*main*/
.nbanner { display:block; overflow:hidden; }
.nbanner img{ width:100%; }
/*
.mainleft { float:left; width:250px; overflow:hidden; }
.mainleft .tits { display:block; margin:0 0 10px 0; background-color:#151c6a; border-left:#34bc41 5px solid; height:40px; line-height:40px; padding:0 0 0 15px; font-size:16px; color:#FFF; font-weight:bold; overflow:hidden; }
.mainleft .navs { display:block; overflow:hidden; }
.mainleft .navs li{ display:block; list-style:none; margin:5px 0; }
.mainleft .navs li a{ display:block; background-color:#494b5b; padding:7px 0 7px 20px; color:#FFF; font-size:15px; }
.mainleft .navs li a:hover{ background-color:#34bc41; }
.mainleft .navs li a.on{ background-color:#34bc41; }
.mainleft .zxdt{ display:block; overflow:hidden; }
.mainleft .zxdt li{ display:block; list-style:none; margin:5px 0; padding:0 0 0 12px; border-bottom:#e0e0e0 1px solid; background:url(../images/po.jpg) no-repeat left center; }
.mainleft .zxdt li a{ display:block; padding:5px 0; }

.mainright { float:right; width:910px; overflow:hidden; }
.mainright .tits { display:block; border-bottom:#151c6a 2px solid; height:40px; line-height:40px; font-size:18px; color:#151c6a; font-weight:bold; overflow:hidden; }
.mainright .content { display:block; padding:20px 10px; line-height:30px; font-size:15px; overflow:hidden; }
.mainright .content img{ max-width:100%; }
.mainright .content table{ border-collapse:collapse;border-spacing:0; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.mainright .content table td { padding:2px 5px;  border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; }
*/
.neinav { display:block; height:66px; background: #ddd; overflow:hidden; }
.neinav ul { display:table; margin:10px auto 0 auto; }
.neinav ul li{ float:left; }
.neinav ul li a{ display:block; color:#333; margin:0 1px; padding:0 60px; font-size:20px; background-color:#ddd; height:56px; line-height:56px; transition: all 0.1s; }
.neinav ul li a:hover { color:#333; background-color:#eee; }
.neinav ul li a.cur{ color:#e71109; background-color:#eee; }

/*about*/
.about_con { display:block; padding:40px 0; font-size:15px; line-height:35px; position:relative; overflow:hidden; }
.about_con img { max-width:1200px; }
.about_con table{ width:100%; margin:0 auto; border-top:0px solid #ddd; border-left:0px solid #ddd; }
.about_con table td{ padding:5px 8px; border-bottom:#ddd 0px solid; border-right:#ddd 0px solid; }
.about_con video{ width:100%; height:500px !important; }
.about_con a { text-decoration:underline; }

.about_honer { display:block; padding:30px 0; list-style:none; overflow:hidden; }
.about_honer li{ float:left; width:210px; text-align:center; line-height:30px; margin:15px; background-color:#FFF; }
.about_honer li img{ width:210px; height:275px; border:#eee 1px solid; transition:all 0.3s linear; }
.about_honer li p{ padding:10px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

/*news list*/
.newslists { display:block; padding:20px 10px; overflow:hidden; }
.newslists li{ float:left; padding:20px; margin:15px 20px 15px 0; width:530px; height:120px; background-color:#FFF; list-style:none; overflow:hidden; }
.newslists li .pic{ float:left; width:180px; height:120px; overflow:hidden; }
.newslists li .pic img{ width:180px; height:120px; transition: all 0.5s; }
.newslists li .pic:hover img{ transform: scale(1.05);}
.newslists li .tit{ float:left; width:330px; padding:5px 0 15px 20px; }
.newslists li .tit a{ display:block; font-size:18px; color:#333; font-weight:normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.newslists li .tit a:hover{ color:#e71109; }
.newslists li .con{ float:left; width:330px; padding:0px 0 0 20px; color:#999; }
.newslists li .con i{ display:block; font-style:normal; font-size:12px; padding-top:10px; }

.newsinfo { display:block; padding:20px 10px; overflow:hidden; }
.news-view-tit{ display:block; padding:25px 0; text-align:center; font-size:30px; font-weight:bold; color:#333; line-height:35px; overflow:hidden; }
.news-view-time{ border-bottom:#ccc 1px solid; width:100%; padding:10px 0; font-size:13px; text-align:center; color:#999; }
.commonDetailedContentsfoot{ padding:10px; border-top:#ccc 1px solid; overflow:hidden; }
.commonDetailedContentsfoot dl{  font-size:13px; overflow:hidden;}
.commonDetailedContentsfoot dl span{ display:inline-block; color:#666; line-height:27px; padding:0px 10px; margin-right:0px;}
.commonDetailedContentsfoot dl dd{ float:right;}
.commonDetailedContentsfoot dl dt{ float:left;}
.commonDetailedContentsfoot dl a{ vertical-align:inherit; text-decoration:underline; }

/*product*/
.proinfo { display:block; padding:30px; background-color:#FFF; overflow:hidden; }
.proinfol { float:left; width:550px; overflow:hidden; }
.proinfol .swiper-container { }
.proinfol .swiper-container .swiper-slide img{ max-width:100%; }
.proinfol .swiper-container .swiper-button-prev {
    width: 15px;
    height: 31px;
    background-image: url(../images/prev.png) !important;
	background-size: 15px 31px;
    left:5%;
	opacity: 0.5;
}
.proinfol .swiper-container .swiper-button-next {
    width: 15px;
    height: 31px;
    background-image: url(../images/next.png) !important;
	background-size: 15px 31px;
    right:5%;
	opacity: 0.5;
}
.proinfol .swiper-container .swiper-button-prev:hover, .proinfol .swiper-container .swiper-button-next:hover { opacity: 1; }
.proinfor { float:right; width:550px; overflow:hidden; }
.proinfor h2{ display:block; font-size:24px; font-weight:bold; padding:20px 0; border-bottom:#ddd 1px solid; }
.proinfor p{ display:block; font-size:16px; line-height:32px; }

.pro_titline { width:100%; background-color:#f1f1f1; height:50px; overflow:hidden; }
.pro_titline ul{ width:1200px; margin:0 auto; height:50px; overflow:hidden; }
.pro_titline ul li{ float:left; padding:0 40px;  height:50px; line-height:50px; text-align:center; color:#333; font-size:20px; cursor:pointer; }
.pro_titline ul li.current{  background-color:#fff; }
.procon_main { display:block; background-color:#FFF; padding:0 30px; overflow:hidden; }