/*整理于20150205*/
/*公用*/
html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; -webkit-text-size-adjust:none;}
body{ width:100%; margin:0 auto;height:auto;}
a{ color:#333; text-decoration:none;}
a:hover{  text-decoration:none;}

/*普通横向广告切换*/
.fullSlide{ width:100%; height:auto; margin:0 auto; text-align:center; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important; overflow:hidden; text-align:center;  }
.fullSlide .bd li{ width:100% !important; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; }
.fullSlide .hd{ display:none; width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../touming.png) repeat-x; text-align:center; _background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center; margin:0 auto; padding:0;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:12px 5px; background:url(../tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; }
.fullSlide .hd ul .on{ background-position:0 0; }

@font-face {
    font-family: 'FZHTJT';
    src: url('../fonts/FZHTJT.TTF');
    src: local('fontname Regular'),
    local('fontname'),
    url('../fonts/FZHTJT.TTF') format('woff'),
    url('../fonts/FZHTJT.TTF') format('truetype'),
    url('../fonts/FZHTJT.TTF#fontname') format('svg');
}
/*网站独立*/




/*--------------------   King   --------------------*/




.w1000{ width:1000px; display:block; margin:0 auto; clear:both}
.w1100{ width:1100px; display:block; margin:0 auto; clear:both}
.w1200{ width:1200px; display:block; margin:0 auto; clear:both}
.clear{ clear:both;}

.head-bg{ width:100%; height:150px; display:block; border-bottom:8px solid #221815;overflow: hidden}
.head{ width:1200px; height:150px; display:block; margin:auto;position: relative;}
.head-logo{ width:226px; height:150px; display:block; float:left; background:url(../img/head-logo2.jpg) no-repeat;}
.head-menu{ width:606px; height:150px; display:block; float:left; margin-left:30px;margin-right:30px;}
.head-menu li{ width:100px; height:150px; display:block; float:left; margin-left:1px;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease; position: relative;}
.head-menu li a{ width:100px; height:150px; display:block;}
.head-menu li a span{ width:70px; height:150px; display:block; margin:auto;}
.head-menu li a span h1{ width:70px; height:16px;font-family:"微软雅黑",sans-serif; font-size:16px;
    line-height:16px; color:#222; text-align:left;letter-spacing:1px; font-weight:normal;
    border-bottom:1px solid #fff; padding-top:67px; padding-bottom:7px;}
.head-menu li a span h2{ width:70px; height:12px;font-family:"微软雅黑",sans-serif; font-size:12px; line-height:12px; color:#bbb; text-align:left;letter-spacing:0; font-weight:normal; padding-top:5px;}
.head-menu .navdown,.head-menu li:hover{ background:#00a0e9;}
.head-menu .navdown h1,.head-menu li:hover h1{ color:#fff; border-bottom:1px solid #80d0f4;}
.head-menu .navdown h2,.head-menu li:hover h2{ color:#fff;}
.head-menu li:hover dl{ display: block;opacity:0.9}
.head-menu dl{ width: 100px; position: absolute; z-index: 999; display:none;opacity:0; padding-top: 8px;}
.head-menu dl dd{ width: 100px; height:35px; display: block; background: #018dcd; border-top: solid 1px #eee; position: relative;}
.head-menu dl dd a{width: 100px; height:35px; display: block; font-family:"微软雅黑",sans-serif; font-size:14px; line-height:30px; color:#fff; text-align: center;letter-spacing:1px; font-weight:normal;}
.head-menu dl dd p{ width:800px;; height: 36px; position: absolute;left: 100px; top:-1px;opacity:0;}
.head-menu dl dd:hover p{ display: block;opacity:1}
.head-menu dl dd p a{width: 100px; height:35px; float: left; display: block; font-family:"微软雅黑",sans-serif; font-size:14px; line-height:30px; color:#222; text-align: center;letter-spacing:1px; font-weight:normal;background: #fff;  border-left: solid 1px #eee; border-top: solid 1px #eee;}
.head-menu #nav_25 dl,.head-menu #nav_5 dl{ display: none;}

.head-search{width:208px; height:26px; display:block; float:right; padding:62px 92px 62px 0;}
.head-search form{ width: 226px; height: 20px; display: block;border: 1px solid #ddd; padding: 2px;}
.head-search input{ outline-color: invert;outline-style: none ;outline-width: 0 ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent;box-shadow: none;}
.head-search1{width:140px; height: 20px; display: block; float: left;padding: 0 8px; border: none;font-family:"微软雅黑",sans-serif; font-size:13px; line-height:20px; color:#444; text-align:left;letter-spacing:1px; font-weight:normal;
}
.head-search2{width:50px; height: 20px; display: block; float: right; background: url(../img/magglass.gif) center no-repeat; border: none; border-left: 1px solid #eee;}

.eng{position: absolute;right: -60px;top: 50%;transform: translateY(-50%)}
.eng a{display: block;width: 112px;height: 40px;font-size: 22px;line-height: 40px;border-radius: 5px;
    letter-spacing: 1px;color: #fff;background-color: #00a0e9;text-align: center}


.home-banner{ width:100%; height:678px; display:block; background:#eee;}
.page-banner{ width:100%; height:380px; display:block; background:#eee;}

#temp {
    background: url("../img/temp.jpg");
    width: 770px;
    height: 434px;
    position: absolute;
}
.about{margin-top: 50px}
.about-n{background-color: #f5f5f5;box-shadow: 5px 5px 8px #4B4B4B}
.about-r{position: relative;float: right;width: 429px}
.swiper-container1{width: 771px;height: 434px;float: left;position: relative}
.swiper-container1 video{width: 100%;height: auto}
.about-r h1{font-family: FZHTJT,sans-serif;font-size: 34px;font-weight: bold;line-height: 34px;
    letter-spacing: 1px;color: #383838;padding: 98px 0 30px 50px}
.about-r h1::after{width: 98px;height: 2px;background-color: #383838;display: block;content: '';margin-top: 30px}
.about-r p{margin-left: 50px;font-size: 16px;color: #414141;letter-spacing: .5px;line-height: 30px}
.about-r .swiper-button-next,.about-r .swiper-button-prev{width: 12px;height: 22px;background-size: 12px 22px;top: 125%}
.about-r .swiper-button-prev{left: 78px;right: auto}
.about-r .swiper-button-next{left: 140px;right: auto}

.bbb-bg{ width:100%; height:400px; display:block; background:url(../img/bbb-bg.jpg) center no-repeat;}
.bbb{ width:1100px; height:400px; display:block; margin:auto; position:relative;}
.bbb-1{ width:635px; height:120px; display:block; position:absolute; left:0; top:158px;font-family:"微软雅黑",sans-serif; font-size:14px; line-height:30px; color:#222; text-align:left;letter-spacing:1px; font-weight:normal;}
.bbb-2{ width:78px; height:24px; display:block; position:absolute; left:0; top:308px;font-family:"微软雅黑",sans-serif; font-size:14px; line-height:24px; color:#555; text-align:left;letter-spacing:1px; font-weight:normal;}
.bbb-3{ width: 488px; height: 50px; display: block;position:absolute; left:0; top: 87px;}
.bbb-4{ width: 421px; height: 259px; display: block;position:absolute; right: 8px; top: 71px;}


.ccc-bg{ width:100%; height:558px; display:block;}
.ccc-1{ width:100%; height:130px; display:block; border-bottom:1px solid #e8e8e8;}
.ccc-1-1{ width:1100px; height:41px; display:block; margin:auto; padding-top:89px;}
.ccc-1-2{ width:274px; height:41px; display:block; background:url(../img/ccc-1.jpg) no-repeat; float:left;}
.ccc-1-3{ width:565px; height:41px; display:block; float:right;}
.ccc-1-3 li{ min-width:70px; height:38px; display:block; float:left; border-bottom:3px solid #1574ba; margin-left:10px; padding:0 5px;}
.ccc-1-3 li a{font-family:"微软雅黑",sans-serif; font-size:14px; line-height:50px; color:#000555; text-align: center;letter-spacing:1px; font-weight:normal;}
.ccc-2{ width:1100px; height:351px; display:block;  margin:auto; position:relative;}
.ccc-2 ul{ height:315px; display:none; padding:0; margin:0;}
.ccc-2 ul li{ width:252px; height:315px; display:block; float:left; padding-right:35px; position:relative; background:url(../img/ccc-2.jpg) no-repeat;}
.ccc-2 ul li img{ width:234px; height:234px; display:block;}
.ccc-2 ul li .info_img{ position:absolute; left:3px; top:3px;}
.ccc-2 ul li .info_title{ width:240px; height:20px; display:block;font-family:"微软雅黑",sans-serif; font-size:20px; line-height:20px; color:#fff; text-align: center;letter-spacing:1px; font-weight:normal; position:absolute; left:0; top:248px;}
.ccc-2 ul li a{ color:#fff;}
.ccc-2 ul li .info_class{ width:240px; height:14px; display:block;font-family:"微软雅黑",sans-serif; font-size:14px; line-height:14px; color:#fff; text-align: center;letter-spacing:1px; font-weight:normal; position:absolute; left:0; top:276px;}


.rollBox{ width:1148px;height:315px;text-align:center; margin:0 auto; clear:both; position:relative; left:0; top:0;}
.rollBox .LeftBotton{height:48px;width:29px;background: url(../img/ccc-l.jpg) no-repeat;overflow:hidden;cursor:pointer; position:absolute; top:120px; left:-70px;}
.rollBox .RightBotton{height:48px;width:29px;background: url(../img/ccc-r.jpg) no-repeat;overflow:hidden;cursor:pointer; position:absolute; top:120px; right:-24px;}
.rollBox .Cont{width:1148px;overflow:hidden; height:315px;}
.rollBox .ScrCont{width:1000000px;}
/*.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#333333;}*/
.rollBox .Cont a:hover{color:#333}
.rollBox #List1,.rollBox #List2{float:left;  margin: 0;padding: 0;}
.rollBox ul{ padding:0; margin:0;  height:315px; display:block; padding-top: 36px;}
.rollBox .product{width:1148px; height:351px; position: absolute; top:0;}


.swiper-container2 .swiper-slide-active{z-index: 100!important;transform: scale(1) !important;}
.swiper-container2 .swiper-slide{transform: scale(0.8);transition: all ease-in .2s }
.swiper-slide-next,.swiper-slide-prev{z-index:50 }

.ddd{ width:100%; height:550px; display:block;}
.ddd-title1{ width:100%; height:25px; display:block;font-family:"微软雅黑",sans-serif; font-size:25px; line-height:25px; color:#222; text-align: center;letter-spacing:1px; font-weight:normal;}
.ddd-title2{ width:100%; height:14px; display:block;font-family:"微软雅黑",sans-serif; font-size:14px; line-height:14px; color:#999; text-align: center;letter-spacing:1px; font-weight:normal; padding:15px 0;}
.ddd-line1{ width:100%; height:2px; display:block; background:#e8e8e8;}
.ddd-line2{ width:128px; height:2px; display:block; background:#1674ba; margin:auto}
.ddd-1{ width:1100px; height:404px; display:block; background: url(../img/ddd-1.jpg) no-repeat center; margin:30px auto;}


.eee-bg{ width:100%; height:564px; display:block; background:url(../img/eee-bg.jpg) center no-repeat}
.eee{ width:1100px; height:564px; display:block; margin:auto; position:relative;}
.eee li{ width:490px; height:62px; display:none; position:absolute;}
#eeeli1{ left:0; top:167px; display:block}
#eeeli2{ right:0; top:167px; display:block}
#eeeli3{ left:0; top:297px; display:block}
#eeeli4{ right:0; top:297px; display:block}
#eeeli5{ left:0; top:427px; display:block}
#eeeli6{ right:0; top:427px; display:block}
.eee li .text{ width:370px; height:62px; display:block; float:left;}
.eee li .text h1{ width:370px; height:16px; display:block;font-family:"微软雅黑",sans-serif; font-size:16px; line-height:16px; color:#222; text-align: left;letter-spacing:1px; font-weight:normal;text-overflow:ellipsis;white-space:nowrap;  overflow:hidden;}
.eee li .text p{ width:370px; height:20px; display:block;font-family:"微软雅黑",sans-serif; font-size:14px; line-height:20px; color:#888; text-align: left;letter-spacing:1px; font-weight:normal; padding-top:6px;}
.eee li .time{ width:64px; height:62px; display:block; float:right; border-left:1px solid #afafaf; padding-left:20px;}
.eee li .time .adddate{ width:64px; height:16px; display:block;font-family:"微软雅黑",sans-serif; font-size:14px; line-height:16px; color:#222; text-align: center;letter-spacing:1px; font-weight:normal;}
.eee li .time .addday{ width:64px; height:46px; display:block;font-family:"微软雅黑",sans-serif; font-size:38px; line-height:46px; color:#222; text-align: center;letter-spacing:1px; font-weight:bold;}


.foot-bg{ width:100%; display:block; background:#e5e5e5;}
.foot{ width:1100px; height:130px; display:block; margin:auto; padding:32px 0;}
.two{width: 150px;height: auto;float: left}
.two img{width: 130px;height: auto;float: left;}
.two p{width: 10px;font-size: 14px;color: #383838;line-height: 15px;float: right}
.foot-2{float: left;margin-left: 140px;border-left: 2px solid #9a9a9a;padding-left: 40px}
.f-top{font-size: 14px;color: #383838;margin-bottom: 10px}
.fmenu{ width:130px; height:72px; padding-top:20px; display:block;}
.fmenu-1{ width:150px; height:90px; display: block}
.fmenu-1 li{ width:75px; height:24px; float:left; display:block;}
.fmenu-1 li a{ width:75px; height:24px; float:left; display:block;font-family:"微软雅黑",sans-serif; font-size:12px; line-height:24px; color:#383838;text-align:left;}
.fmenu-1 li:hover a{color:#282828;}
.fmenu-1 li dl,.fmenu-1 li p{ display:none;}

.foot-3{float: left;margin-left: 140px;border-left: 2px solid #9a9a9a;padding-left: 40px}
.f3-top{font-size: 14px;color: #383838;margin-bottom: 10px;padding-top: 22px}
.foot-3-1{display:block;font-family:"微软雅黑",sans-serif; font-size:12px; line-height:24px; color:#383838;text-align:left;}
.foot-3-1 a{ color:#bbb;}
.foot-4-bg{ width:100%; height:36px; display:block; background:#e5e5e5;}
.foot-4-bg a{color: #383838}
.foot-4{ width:1100px; height:36px; display:block; margin:auto;font-family:"微软雅黑",sans-serif; font-size:14px; line-height:36px; color:#fff;}
.foot-5-bg{background-color: #00a0e9}


.page{ width:100%; padding-top:50px; padding-bottom:50px;}
.lll{ width:225px; float:left;}
.lll-1{ width:225px; height:72px; display:block; background:url(../img/lll-1.jpg) center no-repeat;float: left}
.lll-2{ width:221px; min-height:100px; display:block; border-left:2px solid #007bb5;border-right:2px solid #007bb5;float: left}
.lll-2 ul{ width:180px; margin:auto;  padding-top:13px; padding-bottom:5px;}
.lll-2 ul dl{ width:180px; height:36px; display:block; border-bottom:1px solid #ddd; background:url(../img/lll-4.jpg) left no-repeat;}
.lll-2 ul dl:hover{background:url(../img/lll-4h.jpg) left no-repeat;}
.lll-2 ul dl a{ width:180px; height:36px; display:block;font-family:"微软雅黑",sans-serif; font-size:16px; line-height:36px; color:#222; text-align:left;letter-spacing:1px; font-weight:normal;text-indent:20px;}
.lll-3{ float: left;width:225px; height:21px; display:block;}
.lll-4{ float: left;width:225px; height:148px; display:block; background:url(../img/lll-3.jpg) center no-repeat; margin-top:18px;}
.lll-5{ width: 225px; height:225px; display: block; background: #eee; margin: 10px 0; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}


.rrr{ width:842px; min-height:500px; display:block; float:right;}
.rrr-1{ width:842px; height:30px; display:block; padding-bottom:10px; border-bottom:1px solid #e7e7e7;}
.rrr-1 h1{ height:24px;font-family:"微软雅黑",sans-serif; font-size:20px; line-height:24px; color:#333; text-align:left;letter-spacing:1px; font-weight:bold; float:left; background:url(../img/rrr-1.jpg) left no-repeat;text-indent:120px;}
.rrr-1 h2{ height:12px;font-size:12px; line-height:12px;float:right; padding-top:12px;font-family:"微软雅黑",sans-serif;color:#bbb; text-align:right;letter-spacing:1px; font-weight:normal; }
.rrr-1 h2 a{ color:#777}
.rrr-2{ width:842px; min-height:600px; display:block; text-align:left; padding:10px 0;}


#showtext{font-family:"微软雅黑",sans-serif; font-size:14px; line-height:28px; color:#222; text-align:left;letter-spacing:1px; font-weight:normal;}
#showtext img{ width: auto; max-width:842px;}


.proleft{position:absolute;left:0;top:0;width:64px;height:600px;display:block;background:url(../../proleft.png)center no-repeat}
.proright{position:absolute;right:0;top:0;width:64px;height:600px;display:block;background:url(../../proright.png)center no-repeat}



.p-head{margin-top: 80px;margin-bottom: 60px;text-align: center}
.pro{width: 1200px;margin: 0 auto;}
.pro-list ul{display: flex;justify-content: space-between;flex-wrap: wrap}


.case{width: 1200px;margin: 0 auto}
.case-head{text-align: center;margin:80px auto 60px auto;}
.case-con{margin: 0 auto;text-align: center}
.case-con a{float: left}
.case-con{display: flex;justify-content: space-between;flex-wrap: wrap;}
.case-con a{display: block;height: 301px}


.news{width: 1200px;margin: 0 auto;}
.news-head{text-align: center;margin: 80px auto 60px auto}
.news1{width: 100%;margin-bottom: 25px}
.time{width: 152px;height: 152px;background-color: #00a0e9;float: left}
.time span{color: #fff;font-family: 黑体,sans-serif;}
.addmon{display: block;font-size: 60px;position: relative;line-height: 60px;padding-top: 30px;text-indent: 30px}
.addmon small{font-size: 24px;position: absolute;bottom: 0;line-height: 30px;text-indent: 8px}
.adddate{letter-spacing: 1px;padding-top: 10px;line-height: 24px;font-size: 24px;display: block;text-align: center;}
.n1{width: 580px;margin-left: 30px;float: left;margin-top: 25px}
.n1 h1 a{font-size: 24px;color: #00a0e9}
.n1 h1::after{content: '';display: block;width: 93px;height: 2px;background-color: #00a0e9;margin: 15px 0 10px 0}
.n1 p{font-size: 20px;line-height: 28px;color: #2a2a2a;}
.news-img{width: 259px;height: 155px;float: right;}
.news1:first-child .news-img{background: url("../img/new-img1.jpg")}
.news1:nth-child(2) .news-img{background: url("../img/new-img2.jpg")}
.news1:last-child .news-img{background: url("../img/new-img3.jpg")}

.honor{width: 1200px;margin: 0 auto 80px auto}
.honor-head{text-align: center;margin:60px auto 40px auto}

.after{width: 1200px;height: 370px;margin: 0 auto}
.after-head{text-align: center;margin-bottom: 30px}

.con-sec-list {float: left;background-color: #00689b;width: 225px;min-height: 315px;padding-bottom: 10px;padding-top: 17px;}
.con-sec-list a {text-decoration: none;}
.con-sec-list dl dt span{display: block;width: 211px;height: 38px;text-align: center;line-height: 38px;margin-left: 7px;margin-top: 14px;font-size: 18px;color: #00689b;font-weight: bolder;background-color: white;}
.con-sec-list dl dt:hover span {display: block;line-height: 40px;margin-left: 30px;font-size: 18px;color: #00689b;font-weight: bolder;background: url(../img/weibiaoti-1.png) no-repeat;width: 223px;height: 38px;text-indent: -25px;}
.sub{max-height: 0;overflow: hidden;transition: all 0.1s ease}
.sub h4 a span{width: 211px;margin-left: 7px;text-align: center;
    line-height: 50px;font-size: 14px;font-weight: bold;color: white;
    border-bottom: 1px solid #9d9d9d;overflow: hidden;height: 0;display: block;transition: height 0.18s ease}
.con-sec-list dl:hover .sub{max-height: 100%;overflow: hidden}
.con-sec-list dl:hover .sub h4 a span{height: 50px!important;}

.swiper-containerh{width: 800px;margin: 0 auto}
.honor .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
    height: 280px;
}
.honor .swiper-slide img{
    min-width: 200px;height: auto;width: 200px;
}
.honor .swiper-slide-prev,.honor .swiper-slide-next{transform: scale(0.9);}
.honor .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
    z-index: 100;
}
@media all and (max-width: 998px) and (min-width: 768px) {
    .head-bg {
        width: 125%!important;
    }
    .eng {
        display: none!important;
    }
    .home-banner {
        width: 125%!important;
        background: #fff!important;
    }
    .w1200 {
        width: 1220px!important;
    }
    .foot-bg {
    width: 125%!important;
    }
    .foot-4-bg {
        width: 125%!important;
    }
    .foot-5-bg {
        width: 125%!important;
    }
    .page-banner {
        width: 125%!important;
    }
}