html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{overflow-x:hidden;min-width: 1200px; position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.container{max-width: 1200px;margin: 0 auto;}
/********General**********/

/*******Css sprite*******/
/*头部*/
.top{width: 100%;}
.top .container{max-width: 1200px;margin: 0 auto;}
.lover{height: 36px;line-height: 36px;background: url(../images/1.jpg)no-repeat center;color: #fff}
.top .container .logo{float: left;}
.lover a img{margin: 3px 10px 0 20px;}
.lover a:hover{color: #CB0000;}
/*.top .container ul{height: 70px;}
.top .container ul li{border-right:1px solid #5F8ECD;  font-size: 16px; transition:all 0.5s ease-out 0.2s; margin: 0px; display: inline-block;z-index: 99; height: 70px;line-height: 70px;padding: 0 40px; color: #fff; position: relative;text-align: center;}
.top .container ul li:hover{color: #F20000;}*/
.spring .old{margin-top: 28px;width: 415px;}
.spring .old > div{width: 415px;}
.spring p{text-align: left;font-size: 16px;}
.spring .old .right{width: 82px;height: 82px;margin-left: 15px;}
.spring .old img{margin: 28px 10px 0 0px;}
.spring p:nth-child(3){font-size: 18px;color: #2667BB;}
.spring p:last-child{font-size: 16px;margin-top: 2px;}
/*nav导航盒子*/
.navnav{
    height: 70px;background: #2667BB;
}
.nav{
    width: 1200px;
    height: 70px;
    line-height: 70px;
    /*导航位置*/
    text-align: center;
    font-size: 16px;
    background: #2667BB;
    margin: 0 auto;
    position: relative;
}
/*nav-main*/
.nav-main{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    list-style-type: none;
}
.nav-main a{color: #fff;text-decoration: none;}
.nav-main span{
    display: inline-block;
    margin-left: 18px;
    width: 7px;
    height: 7px;
    background: url('../images/down-icon.png') no-repeat;
}
/*图标向上旋转*/
.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/*图标向下旋转*/
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*导航条设置*/
.nav-main>li{
    padding: 0 38px;
    height: 70px;
    display: block;
    float: left;
    color: #000;
    margin-right: 1px;
    cursor: pointer;
    border-right:1px solid #5F8ECD; 
}
.nav-main>li:hover a{
    color: #F20000;
}
/*隐藏盒子设置*/
.hidden-box{
    background: #2667BB;
    border-top: 0;
    position: absolute;
    display: none;
    top: 70px;
    z-index: 9999;
}
.hidden-box>ul{
    list-style-type: none;
    color: #000;
    cursor: pointer;border-top: 1px solid #ccc;
}
.hidden-box>ul li{
    padding: 0px 20px 0 0;
    min-width: 220px;
    text-align: left;
    font-size: 14px;
    text-indent: 15px;
    border-bottom: 1px solid #5F8ECD;
    color: #fff;
    height: 40px;line-height: 40px;
}
.hidden-box li:hover{
    color: #F20000;
}
/*隐藏盒子位置设置*/
.hidden-loc-index{
    left: 307px;
}
.hidden-loc-us{
    left: 140px;
}

/*轮播图*/
#full-screen-slider {width:100%; height:550px; position:relative; min-width: 1200px;}
#slides { display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:46%; top:500px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

/*搜索*/
.pzz{background: #fff;height: 60px;line-height: 60px; width: 100%;border-bottom: 1px solid #DCDCDC}
.pzz .container span{color: #2567BA;}
.pzz a:hover{color: #2567BA}
.search{margin-top: 12px; width: 284px;height: 36px;background: url(../images/3_03.jpg)no-repeat center;}
.search #search_text{width: 230px; height: 35px;background: none;border: none;float: left;color: #939393;text-indent: 20px;}
.search .search-btn{width: 44px;height: 35px;float: right;background: none;border: none;}

/*选项卡*/
.tabPanel .proul{margin: 45px 0;height: 46px;}
.tabPanel .proul li{
  float:left;margin:0 2px 0 0;font-size:14px;height:46px;line-height:46px;width:194px;text-align:center;cursor:pointer;
  background:#2667BB;
  margin-right: 4px;
}
.tabPanel .proul li:last-child{margin-right: 0px;}
.tabPanel .proul li a{color: #fff}
.tabPanel .proul li:hover a{color: #F20000}
/*.tabPanel .proul .hit{
  border-bottom:1px solid #fff;cursor:pointer;color:black;
  background:#2667BB;color: #fff;
}*/
.pane{min-height:100px;background-color:#fff;display:block;}
.pane ul li{width: 292px;height: 324px;background: #2567BA;color: #fff;text-align: center;font-size: 16px;
  display: inline-block;margin-right: 9px;position: relative;overflow: hidden;
}
.pane ul li:last-child{margin-right: 0px;}
.pane ul li a{color: #fff;}
.pane ul li p{margin-bottom: 5px;}
.pane ul li .liver{width: 292px;height: 220px;overflow: hidden;margin-bottom: 30px;}
.pane ul li img{height: 220px;-webkit-transition: 0.3s all;width: 100%;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;}
.pane ul li .vc{font-size: 14px;}
.pane ul li span{position: absolute;width: 100%;display: block;height: 4px;background: #CB0000;bottom: -4px;left: 0px;
    -webkit-transition: 0.6s all;
    -moz-transition: 0.6s all;
    -o-transition: 0.6s all;
}
.pane ul li:hover img{transform:scale(1.1);}
.pane ul li:hover span{bottom: 0px;}
.pro_more1{width: 162px;height: 44px;border: 1px solid #DCDCDC;text-align: center;line-height: 44px;
    font-size: 14px;margin: 50px auto;border-radius: 5px;-webkit-transition: 0.6s all;
    -moz-transition: 0.6s all;
    -o-transition: 0.6s all;
}
.pro_more1:hover{background: #2667BB;color: #fff;}

/*在线预约*/
.buick{width: 100%;background: url(../images/bg8.jpg)no-repeat center;padding-top: 45px;}
.main .buick .container{height: 164px; background: url(../images/bg8.jpg)no-repeat center; padding: 28px 37px;width: 1126px;box-shadow:0px 15px 10px -15px #ccc;}
.buick .bu-er{width: 120px;height: 164px;}
.buick .bu-er img{width: 120px;height: 120px;}
.buick .xus{margin-left: 30px;}
.buick .xus h1{font-size: 26px;font-weight: normal;color: #fff;}
.buick .xus p{color: #fff;margin: 0px 0 20px 0;}
.buick .sonn{width: 300px;height: 40px;line-height: 40px; border-radius: 10px;text-align: center;background: #fff;}
.buick .sonn img{float: left;margin:6px 10px 0 63px;}
.buick .sonn p{color: #2667BB;font-size: 19px;}
.msage{width: 465px;float: right;margin-top: 20px;}
.msage div{float: left;}
.msage input{float: left;width: 288px;height: 38px;margin-bottom: 10px; background: none;border: none;margin-top: 2px;text-indent: 15px;}
.msage .lxr{background: url(../images/tt_03.jpg)no-repeat center;width: 320px;height: 42px;margin-bottom: 5px;}
.msage .lxdh{background: url(../images/dd_03.jpg)no-repeat center;width: 320px;height: 42px;}
.msage button{float: right;width: 105px;height: 92px;background: #DD0F0D;border: none;margin-top: -48px;color: #fff;margin-right: 25px;border-radius: 10px;font-size: 17px;}
.msage button:hover{cursor: pointer;}

/*产品分类*/
.pro-show{margin-top: 60px;}
.sidebar{width: 260px;}
.side-top{background: #2567BA;color: #fff;padding: 30px 0;
    font-size: 22px;text-align: center;
}
.side-top p{font-size: 14px;}
.usb{background: #fff;}
.usb ul li{line-height: 40px;background: #F3F3F1;margin: 2px 0 0 0;font-size: 15px;}
.usb ul li span{width: 6px;height: 6px;display: block;float: left;
    background: url(../images/x_03.png)no-repeat center;margin:17px 15px 0 10px;-webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.usb ul li:hover span{
    margin-left: 20px;
}
.usb ul li:hover{color: #29349A}
.xiaohuang{padding: 20px;background: #29349A;color: #fff;margin-top: 2px;font-size: 15px;}
.xiaohuang h2{font-size: 24px;line-height: 32px;}
.xiaohuang hr{color: #fff;}
.xiaohuang span{font-size: 20px;margin-top: -1px;}
.xiaohuang a:hover{color: #F20000}
.hot-title{height: 40px;background: #F2F3F0;color: #29349A;padding: 0 20px;line-height: 40px;}
.hot-title b{font-size: 20px;}
.hot-title span{color: #676767;}
.hot-title a:hover span{color: #29349A}

/*<!-- 热荐产品 -->*/
.hot{width: 940px;}
.hot-sup{margin-top: 10px;}
.hot-sup ul{display: flex;flex-wrap: wrap;}
.hot-sup ul li{display: inline-block;width: 288px;position: relative;text-align: center;}
.hot-sup ul li img{height: 205px;max-width: 100%;transition: all 0.5s;margin: 0 auto}
.hot-sup ul li .xx{width: 288px;height: 205px;overflow: hidden;}
.hot-sup ul li{margin: 0 17px 15px 0px;}
.hot-sup ul li:nth-child(3n){margin-right: 0px;}
.hot-sup ul li:hover img{transform: scale(1.1);}
.hot-hid{text-align: center; width: 100%; transition: all 0.5s;background: #EEEEEE;color: #000;height: 40px;line-height: 40px;}
.hot-sup ul li:hover .hot-hid{background: #29349A;color: #fff}

/*客户案例*/
.case-jojo{padding: 60px 0;background: #F4F4F4;}
.case-jojo .gsjj h1,.case-jojo .gsjj h1 span{color: #000;font-size: 33px;text-align: center;}
.case-jojo .gsjj h3{color: #000;font-size: 16px;text-align: center;}
.case-jojo .gsjj .right span{display: block;}
.gsjj .right span{display: block;width: 57px;height: 57px;font-size: 24px;text-align: center;line-height: 57px;background: #fff;margin-top: -85px;
  -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
/*.jojo-video{height: 226px;}*/
.jojo-video img{max-width: 100%;height: 226px;}
.jojo-video embed{max-width: 96%;height: 100%;margin: 0 2%;}
.jojo-video video{max-width: 96%;/*height: 100%;*/margin: 0 2%;}
.gsjj .right span:hover{border-radius: 50%;}
.jojo-dio{margin-top: 40px;}
.jojo-kt{position: relative;overflow: hidden;}
.jojo-kt img{max-width: 100%;max-height: 100%;}
.jojo-kt .swiper-slide:hover p{color: #29349A}
.jojo-t{display: block;background: #fff;text-align: center;padding: 6px 0;color: #000;}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 16px;
  background:
  #fff;
  padding: 6px 0 12px 0;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -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;
}
.jojo-kt .swiper-slide:hover{box-shadow: 4px 4px 10px rgba(199,199,199,.7);}

/*产品中心*/
.proshow{width: 100%;background: url(../images/gg_02.jpg)center no-repeat;padding-top: 60px;padding-bottom: 60px;}
.proshow .gsjj h1{color: #fff;}
.proshow .gsjj span{color: #fff;}
.proshow .gsjj h3{color: #fff;}
.intro{line-height: 26px;margin: 0 auto;width: 1200px;color: #fff;}
.contt{margin: 50px 0}
.kkey{height: 150px;}
.kkey div{width: 300px;float: left;text-align: center;}

/*新闻中心*/
.newscenter{padding: 85px 0;}
.newscenter .gsjj h1,.newscenter .gsjj h1 span{color: #D6D6D6;font-size: 33px;}
.newscenter .gsjj h1 p{color: #2A359A}
.newscenter .gsjj h3{color: #727272;font-size: 16px;}
.newscenter .gsjj .right span{display: block;}
.gsjj .right span{color: #fff; display: block;width: 57px;height: 57px;font-size: 24px;text-align: center;line-height: 57px;background: #959595;margin-top: -85px;
  -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.gsjj .right span:hover{border-radius: 50%;}
.qqss{margin: 40px auto 0 auto;max-width: 1200px;}
.qqss .standing{ width: 590px;height: 120px;margin: 0 4px; border: 1px solid #DDDDDD;margin-bottom: 20px;background: #EEEEEE}
.qqss .standing .kojima{margin-bottom: 30px;}
.qqss .standing .kojima img{width: 150px;height: 110px;margin-right: 10px;}
.qqss .standing .kojima h4{margin: 0px;font-size: 15px;}
.qqss .standing .kojima p{line-height: 24px;color: #747474;margin: 5px 0;}
.qqss .hido{float: left;width: 420px;line-height: 24px;}
.qqss .hido h4{margin-bottom: 10px;font-size: 16px;}
.qqss .standing:hover h4{color: #29349A}
.stime{width: 110px;background: #29349A; border-right: 1px solid #ddd; height: 80px;text-align: center;color: #fff;margin: 5px 30px 0 5px;padding: 15px 0}
.stime h1{font-size: 46px;}
.seemore{width: 175px;height: 50px;background: #2667BB;text-align: center;line-height: 50px;color: #fff;margin: 25px auto 20px auto}
.seemore:hover{font-weight: bold;}

/*关于我们*/
.change-content{width: 100%;padding: 60px 0;height: 520px; background: url(../images/wtq.jpg)no-repeat center;}
.change-content .container{border-bottom: 1px solid #fff;}
.square{padding: 0px 35px 0 35px;color: #fff;}
.square h2{text-align: center; font-size: 33px;font-weight: bold;color: #fff;margin-bottom: 35px;}
.square h2 p{font-weight: normal;font-size: 26px;}
.nongfu{width: 900px;}
.non-f{line-height: 26px;color: #fff;}
.non-f a:hover{font-weight: bold;color: #2A349A}
.int{margin-top: 40px;}

/*case*/
.yida .container{border: none;background: #fff;padding: 30px 20px;margin-top: 30px;width: 1160px;}
.yid ul a li{background: #fff; overflow: hidden; width: 300px;height: 275px;display: inline-block;float: left;}
.pane .yid ul a li{width: 276px;}

.yid ul li div{width: 100%;display: flex;position: relative;align-items:center; height: 225px;overflow: hidden;background: #fff;text-align: center;}
.yid ul li img{
    margin: 0 auto;width: 100%;height: 100%;
     -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.yid ul li small{text-align: center;line-height: 50px;padding: 0 20px;
    -webkit-transition: 0.5s all;font-size: 14px;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;color: #000;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
}
.yida h3{font-size: 19px;color: #000;margin-bottom: 26px;}
.yida h3 b{color: #2667BB;}
.yida h3 span{font-size: 14px;color: #686868}
.yida h3 span:hover{color: #2667BB}
.yid ul a:nth-child(4) li{margin-right: 0px;}
.yid ul li:hover img{-ms-transform: scale(1.1); transform: scale(1.1);}
.marqueeleft{height:275px;overflow:hidden;}
.marqueeleft ul{float:left;margin-right: 7px;}
.marqueeleft li{float:left;margin:0 7px;display:inline;overflow:hidden;}
.marqueeleft li .pic{display:block;overflow:hidden;}




/*底部*/
.footer{clear:both;}
.foot{width:100%;min-height:329px;background:#F1F1F1;padding-bottom: 30px;}
.foot a:hover{color:#2667BB;font-weight: bold;}
.bul{width: 1200px;border-bottom: 1px solid #474747;}
.bul li{display: inline-block;line-height: 70px;height: 70px;padding: 0 35px;color: #000;}
.bul li:hover{color: #fff;}
.bul span{line-height: 70px;float: right;color: #000}
.bul span:hover{color: #fff;}
.dnav{margin-top:57px;}
.dnav ul{padding-right:85px;float:left;}
.dnav ul h3{color:#fff;font-size:18px;padding-bottom:26px;color: #000;font-weight: bold;}
.dnav ul li{color:#000;line-height:30px;}
.lianxi{width:370px;margin:58px 0 70px 45px;line-height:30px;}
.lianxi h3{font-weight:bold;font-size:18px;color:#000;padding-bottom:26px;}
.lianxi p{color:#000;line-height:30px;}
.lianxi h2{font-size: 26px;font-weight: bold;color: #fff;margin-bottom: 5px;}
.saoma{width:122px;height:122px;margin-top:64px;}
.saoma img{width:122px;height:122px;}
.saoma p{line-height:42px;text-align:center;color:#000;}
.bottom{width:100%;height:62px;background:#202020;}
.bottom span{color:#aaa;line-height:62px;}
.bottom a:hover{color:#fff;}

/*侧边栏QQ*/
.main-im{z-index: 999999; position:fixed; right: 10px; bottom:150px; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 14px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }


/*底部 end*/
.widget{width: 260px;}
.widget img{margin: 25px 0}
.nds{background: #F2F2F2;margin-top: 5px;padding: 15px;line-height: 26px;margin-bottom: 30px;}
.nds a:hover{color: #2567BA}

.mbx{width:100%;height:78px;line-height:78px;border-bottom:1px solid #dddddd;margin-top:49px;}
.mbx_l{width:50%;float:left;font-size:24px;font-weight:bold;color:#2667BB;}
.mbx_l span{font-size:14px;font-weight:lighter;color:#2667BB;text-transform:uppercase;}
.mbx_r{width:50%;float:left;text-align:right;font-size:14px;color:#666666;}
.mbx_r img{vertical-align:-2px;}

/*sidebar*/
.main{overflow:hidden;margin:0px auto 0px auto;width: 1200px;}
.right .article{width: 900px;}
.live{width: 900px;float: right;}
.article{overflow:hidden;margin-bottom:50px}
.title{line-height: 50px;text-align: right; height: 50px;margin-bottom: 10px;}
.article p{font-size:14px;line-height:28px;}
.short_title{height: 75px;background: #2567BA;text-align: center;padding-top: 25px;}
.short_title{color: #fff;}
.short_title h1{font-size: 22px;}
#pro_list{background: #F2F2F2;margin-top: 5px;}
#pro_list li{height: 45px;line-height: 45px;text-align: center;color: #000;transition: all 0.5s;}
#pro_list li:hover{background: #2667BB;color: #fff;}
.duoyu{margin-bottom: 50px;}
.duoyu ul{display: flex;justify-content:center}
.duoyu ul .active{background: #2667BB;color: #fff;}
.duoyu ul li{display: inline-block;background: #EBEBEB;width: 142px;height: 44px;line-height: 44px; border-radius: 20px;color: #000;
  margin: 0 10px;text-align: center;-webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;color: #000;
}
.duoyu ul li:hover{background: #2667BB;color: #fff;}

#allmap p{line-height:10px;margin:10px;white-space:nowrap;}

.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
/*.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}*/
/***************global*****************/

.contact{width:540px;}
.contact h1{font-size:22px;padding:18px 0 5px 0;color:#2668BB;}
.contact h4{font-weight: normal;margin-top: 0px;}
.lx-xq p{line-height:28px;font-size:16px;color:#555555;margin-bottom: 8px;}
.lx-xq img{float: left;margin-right: 10px;margin-top: 2px;}
.lx-xq a:hover{color: #3852AC}
.wx-img{width:108px;height:108px;margin-right:9px;}
.weixin{padding-top:28px;}
.lx_ewm{height:140px;margin-top: 20px;}
.lx_ewm_l{width:138px;height:138px;float:left;border:solid 1px #dcdcdc;}
.lx_ewm_l img{width:138px;height:138px;}
.lx_ewm_r{width:180px;float:left;margin-left:18px;color:#868686;font-size:16px;margin-top:7%;}

.pro-type{width:100%;overflow:hidden;margin-bottom:20px;}
.pro-type li{float:left;margin:0 6px 18px 6px;}
.pro-type li a{display:block;padding:0 18px;line-height:40px;border-radius:40px;border:1px solid #dcdcdc;}
.pro-type li a:hover{border:1px solid #2667BB;color:#2667BB;}
.pro li{float:left;width:300px;height:270px;text-align:center;overflow:hidden;margin:0 9px 24px 0px;}
.pro li:nth-child(3n){margin-right: 0px;}
.pro li a{display:block;width:298px;height:268px;border:1px solid #dcdcdc;}
.pro li img{width:286px;height:218px;margin:0 auto;padding-top:7px;}
.pro li span{display:block;width:100%;height:38px;line-height:38px;}
.pro li a:hover{border:1px solid #2667BB;color:#2667BB;}

.inforight{padding: 0px;float: right;width: 450px;margin-bottom: 20px;}
.info-title {font-size: 26px;line-height: 55px;margin-bottom: 5px;}
.info-desc{line-height: 25px;color: #000;margin-bottom: 10px;}
.info-desc span{color: #2667BB}
.info-tel{width: 235px;height: 55px;border: 1px solid #adadad;padding: 20px;}
.info-tel img{ float: left;margin-right: 15px;margin-top: 7px;}
.info-tel b{font-size: 25px;color: #2667BB}
.infocot{padding-top: 10px;margin-top: 20px;float: left;width: 100%;}
.infocot [class^="infot"]{margin-bottom: 20px; padding: 10px 30px;background: #2667BB;margin-right: 20px;float: left;color: #fff;}
.infocot [class^="infot"]:hover{background: #000}
.infot1 img{margin-top: 3px;}
.info .bubi{margin: 0px;float: left;width: 210px;height: 100%;}
.bubi select{width: 190px;height: 39px;background: none;border: 1px solid #C9C9C9;
    appearance: none;text-indent: 5px;font-size: 12px;border-radius: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.infocot a{cursor: pointer;}
.info .bbb{background: url(../images/ccc_03.jpg)no-repeat center;top: 15px;}


.pro_name{display:block;color:#FE8100;text-align:center;font-size: 20px;font-weight: bold;margin: 30px 0 30px 0;}
.info_title{margin:30px 0 0 0px;width:1200px;height:30px;background:#ccc;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#FE8100;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
.proshow1 ul{margin: 35px auto;width: 720px;}
.proshow1 ul li{transition:all 0.5s ease-in-out; display: inline-block;margin: 0 8px; height: 45px;width: 160px;background: #DBDBDB;text-align: center;line-height: 45px;overflow: hidden;}
.proshow1 ul li:hover{background: #2667BB;color: #fff;}

/*案例内页*/
.main .YLlightbox{display: flex;justify-content:center;flex-wrap:wrap;}
.main .YLlightbox .showcase{height: 100%;}
.main .YLlightbox .showcase  img{height: 100%;}
.showcase{width: 280px;margin-right: 25px;float: left;margin-bottom: 30px;}
.showcase img{max-width: 280px;height: 220px;}
.showcase:hover p{color: #CB0000;font-weight: bold;}
.showcase:nth-child(4n){margin-right: 0px;}
.showcase p{line-height: 40px;text-align: center;background: #2667BB;color: #fff;margin-top: -3px;}

.video .showcase{width: 345px;height: 270px;border: 1px solid #DDDDDD;margin-right: 15px;padding: 20px;}
.showcase img{width: 348px;height: 226px;}
.video .showcase:nth-child(3n){margin-right: 0px;}
.video .showcase p{line-height: 62px;text-align: center;color: #000;background: #fff;width: 100%;overflow: hidden;}
.video .showcase:hover p{color: #2668BB}
/********goods_info&jobs_info*******/
/*************index&goods**************/
.pro_info{width:100%;margin:10px auto 10px auto;width:940px;}
.pro_info_l{width:400px;position:relative;float:left;}
/*产品放大镜效果*/
.preview{width:400px; height:360px; margin:0px 0px 0px 0px; }
/* smallImg */
.smallImg{position:relative; height:50px; margin-top:4px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../Image/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../Image/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:294px; overflow:hidden;}
.bigImg #midimg{width:400px; height:294px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
/*.pro_info_l img{width:463px;}*/
.pro_info_r{width:466px;padding-top:6px;float:left;margin-left:40px;}
.pro_info_r span{line-height:32px;text-align:left;display:block;}
.infoimg{width: 500px;text-align: center;}
.pro_more{width:172px;height:47px;margin-top:68px;}
.pro_more a{display:block;width:172px;height:48px;background:#aaa;color:#fff;text-align:center;line-height:48px;border-radius:8px;}
.pro_more a:hover{background:#2667BB;}
/*.pro_info .rel_center{margin:22px 0 16px;margin-left:-300px;width:600px;}
.pro_name{display:block;color:#2667BB;text-align:center;font-size:16px;}*/
.info_title{margin:30px 0 28px 0;width:100%;height:40px;background:#ececec;}
.info_title span{line-height: 40px;margin-right: 15px;}
.info_title span:hover{color: #2667BB;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#2667BB;color:#fff;line-height:40px;}
/********goods_info&jobs_info*******/
.xiangguan h3{width:100%;height:60px;line-height:60px;font-size:18px;border-bottom:1px solid #eee;margin-bottom:24px;overflow:hidden;}
.xiangguan h3 a{font-size:14px;color:#666;float:right;padding-top:8px;}
.xiangguan h3 a:hover{color:#2667BB;}

.news{margin-top:40px;}
.news li{width:100%;height:85px;margin-bottom:37px;padding-bottom: 15px;border-bottom: 1px dashed #ccc;}
.news-l{width:74px;height:74px;background:#2667BB;margin-top: 5px; color:#fff;text-align:center;font-family:'Arial';}
.news-l span{display:block;font-size:30px;padding-top:12px;}
.news-r{width:1080px;}
.news-r h3{font-size:16px;padding-top:2px;}
.news-r p{color:#666;line-height:24px;padding-top:8px;}
.news li a:hover h3{color:#2667BB;font-weight:bold;}
/****************news*****************/
.news_title{color:#2667BB;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
.meta img{padding:6px 0 12px 0;width:600px;}
/***********news_info**************/

.hon li{float:left;width:280px;text-align:center;overflow:hidden;margin:0 10px 20px 10px;}
.hon li img{width:280px;height:210px;}
.hon li span{display:block;width:100%;height:48px;line-height:48px;}
.hon li a:hover{color:#2667BB;font-weight:bold;}

.case li{float:left;width:380px;height:318px;text-align:center;overflow:hidden;margin:0 10px 24px 10px;}
.case li a{display:block;width:378px;height:316px;border:1px solid #dcdcdc;background:#fff;}
.case li img{width:344px;height:252px;margin:0 auto;padding-top:18px;}
.case li span{display:block;width:100%;height:46px;line-height:46px;}
.case li a:hover{border:1px solid #2667BB;color:#2667BB;}

.order{margin:0px 0 120px 0px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order input{transition: all 0.5s; padding:0 16px;width: 360px;height: 40px;background: none;border: 1px solid #ddd;border-radius: 5px;}
.order textarea{transition: all 0.5s; padding:0 16px;width: 460px;height: 140px;background: none;border: 1px solid #ddd;border-radius: 5px;}
#submit{width:90px;height:34px;border:none;background:#ddd;color:#fff;cursor:pointer;}
.order input:focus{border-color: #2667BB;box-shadow: 2px 1px 4px #2667BB}
.order textarea:focus{border-color: #2667BB;box-shadow: 2px 1px 4px #2667BB}
#submit:hover{background: #2667BB}
/**************order&message********/

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#2667BB;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}

/*上一页_下一页*/
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}
/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}
.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}
.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}
.map li{float:left;margin:0 5px;}*/

/*产品详情*/
.o_product{
    clear: both;
    padding: 18px 22px;
}
.o_product .o_product_img{
    float: left;
    width: 240px;
}
.o_product .o_product_img .o_product_thumb{
    height: 240px;
    width: 240px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small{
    margin-top:10px;
    height: 55px;
    position: relative;
}
/*.swiper-container{
    width: 240px;
    height: 50px;
    overflow: hidden;
}*/
.o_product .product_small .arrow-left{
    width: 10px;
    height: 20px;
    display: block;
    background: url(../Image/swiper-l.png) no-repeat;
    position: absolute;
    left: -15px;
    top: 16px;
    transition: all 0.5s;
}
.o_product .product_small .arrow-right{
    width: 10px;
    height: 20px;
    display: block;
    background: url(../Image/swiper-r.png) no-repeat;
    position: absolute;
    right: -12px;
    top: 16px;
    transition: all 0.5s;
}
.o_product .product_small ul{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.o_product .product_small ul li{
    float: left;
    height: 50px;
    width: 50px;
    margin: 0px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small ul li.select img{
    border: 1px solid #C4C4C4;
}
.o_product .product_small ul li img{
    height: 50px;
    width: 50px;
    display: inline-block;
    box-sizing: border-box;
}
.o_product .o_product_img .o_product_thumb img{
    max-height:240px;
    max-width: 240px;
    display: inline-block;
    vertical-align: middle;
}

.o_product .o_product_info{
    float: right;
    width: 415px;
}
.o_product .o_product_info h2{
    color: #3f3f3f;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}
.o_product .o_product_info .o_product_detail{
    background: #F6F6F6;
    font-size: 14px;
    color: #999;
    padding: 15px 10px;
    margin-top: 10px;
}
.o_product .o_product_info .o_product_detail .o_product_data{
    clear: both;
    width: 100%;
}
.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.o_product_data span{
    display: inline-block;
    float: left;
    line-height: 22px;
}
.o_product_data span.key{
    width: 56px;
    text-align: right;
}
.o_product_data span.val{
    width: 339px;
}
.colhs{
    color: #FE4200;
}
.o_product_data span.val b{
    color:#FE4200;
    font-size: 16px;
}
.o_product_info .go_order{
    padding: 8px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #ff5e25;
    border: none;
    margin-top: 50px;
    outline: none;
}
.o_product_info .go_order:hover{
    background: #FE4200;
}
.order-content{
    padding: 20px 30px;
    background: #fff;
}

.order-content .order-line{
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 14px;
}
.order-content .order-line:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.order-content .order-line lable{
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    text-align: right;
}
.order-content .order-line .order-zhi{
    float: left;
    padding: 10px;
    line-height: 30px;
    padding: 0px 10px;
    max-width: 380px;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
    border:none;
}
.order-content .order-line  .order-zhi.overword{
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.order-line.bz-line{
    height: auto;
}
.order-content .order-line .beizhu{
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
    width: 375px;
}
.order-content .order-line img{
    display: inline-block;
    float: left;
    margin-left:15px;
}
.order-content .go-sub{
    margin-left:70px;
    border: none;
    color: #fff;
    background: #ff5e25;
    font-size: 14px;
    padding: 8px 28px;
    margin-top:8px;
    border-radius: 5px;
    outline: none;
}
.order-content .go-sub:hover
{
    background: #FE4200;
}