html {padding:0;margin:0;}
body{line-height: 160%; font-size: 14px; padding-top: 70px; font-family: "Microsoft YaHei","微软雅黑"}
ul {list-style: none;padding:0;margin:0;}
ul li{ list-style-type: none;}
* {transition: all 0.3s ease 0s;}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
a {text-decoration: none; color: #555;}
a:focus, a:hover{ color: #333;}
a {
    color: #666;
    text-decoration: none;
}
a:hover{ text-decoration: none}
a:hover,
a:focus {
    color: #666;
    text-decoration: underline;
}
.container {
    width: 1170px !important;
    max-width: none !important;
}
.container-fluid,.yb-banner,.navbar-default { min-width: 1170px;}
.r-img{height: 500px}
.r-img img{max-height: 100%}
.al-kh.f30 a{color: #404040;}
.logo-page{ color: white; margin-left: 17px;}
.logo-page p:first-child{letter-spacing: 1px;}
.logo-page p:last-child{ letter-spacing: 1px;}
.navbar-default{ background:#64a433; border-width:0; border: none; }
.navbar{ margin-bottom:0px;}
.allnav{ text-align: center;}
.main-nav{display: inline-block;float: none;  }
.navbar-default .navbar-nav>li>a{color: white;}
.main-nav.nav>li>a{ padding:20px 15px ; font-weight: 400; font-size: 16px;}
.main-nav.nav>li.active>a,.main-nav.nav>li:hover>a{  background: none; color: #f9ddae}
.main-nav.nav>li.active:hover>a{ background: none;  color:#f9ddae}
.main-nav.nav>li:hover .dropdown-menu{ display: block}
.dropdown-menu{background: #64a433;}
.dropdown-menu li{ padding: 5px 0px;}
.dropdown-menu li:hover{ background:#f9ddae}
.dropdown-menu li>a{color:white }
.dropdown-menu li:hover>a{ color:#404040; background: none}
/*.dropdown-menu{ top: 70px;}*/
.fenxiang{color: white; margin-top: 10px; font-size: 16px; font-weight: bold}
.tit-all{width: 280px; height:82px; text-align: center; margin: 0 auto; overflow: hidden}
.fir-div{ background:#f9ddae; color: #404040; text-align: center; padding: 0px 17px; font-family: Arial ; margin-right: 10px;}
.tit-all{color: #666}
.tit-all span{line-height: 1.7; letacing: 1px;line-height: 1.5 }
.tit-all span:first-child{color: #555;}
a.left.carousel-control,a.right.carousel-control{ line-height:100%}
a.left.carousel-control .iconfont,a.right.carousel-control .iconfont{ position:absolute; top:50%; font-size:24px;}
.carousel-control.right,.carousel-control.left{background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;}
.carousel-indicators li{border: 1px solid #404040;}
.carousel{margin-top:-1px;}
.logo.mt20{ margin-top: 10px;}
.logo-img{ padding-bottom: 10px;}
.logo-img img{ max-height: 50px}

.yb-banner{ position: relative;
    width: 100%;   overflow: hidden; }
.yb-banner .swiper-slide{ width: 100%!important;  overflow: hidden;}
.yb-banner .text{ display: inline-block; width: 80%; text-align: left;  position: absolute;  top: 34%; left: 10%; right: 10%; text-align: center;}
.yb-banner .texta{ display: inline-block;  font-size: 48px; letter-spacing: 2px; font-weight: bold; width: 100%; line-height: 80px;  }
.yb-banner .textb{ display: inline-block;  font-size: 18px; letter-spacing: 2px; width: 100%; line-height: 30px;  }
.yb-banner .text img{ max-width: 100%;}
.main-page{ padding: 40px 0;  width: 100%;}
.maina-page{ width: 100%;}
.yb-banner .swiper-pagination-bullet{background: rgba(254,254,254,.8); margin: 4px;}
.yb-banner .swiper-pagination-bullet-active{ background: #DB181C; width: 30px; border-radius: 100px;}

    /*业务范围*/

.yw-tit{ border-bottom: 4px solid #f9ddae; padding: 30px 0px; box-shadow:0px 1px 0px #dab884; }
.yw-tit span{max-height: 42px; overflow: hidden; display: block}
.fw-ul{ background: #efdece; padding:30px 38px; width: 200px; margin: 1px auto;  border-radius: 0px 0px 5px 5px;}
.yw-img{height:52px; width: 100%}
.yw-img img{ height:52px;}
.fw-ul ul{list-style: none}
.fw-ul  ul li{ position: relative; margin-bottom: 20px; letter-spacing: 1px;  }
.fw-ul  ul li>a{color: #404040;max-height: 22px; overflow: hidden; display: block}
.fw-ul  ul li::before{  content: "";  /*:before和:after必带技能，重要性为满5颗星*/    position: absolute;  /*日常绝对定位*/  top: 10px; left:-10px;  width: 6px ; height:6px; border-radius: 50%;  background: #404040; display: none }
.fw-ul  ul li::after{  content: "";  /*:before和:after必带技能，重要性为满5颗星*/   position: absolute;  /*日常绝对定位*/  top: 10px; right:-10px;  width: 6px ; height:6px; border-radius: 50%;  background: #404040;  display: none}
.fw-ul  ul li:hover::before,.fw-ul  ul li:hover::after{ display: block}

/*案例*/
.al-img{ margin-right: 5px; height: 644px; margin-bottom: 10px; position: relative; display: inline-block; text-align: center;}
.al-img img{ height: 644px; display: inline-block; max-width: 100%; height: auto!important;}
.al-nr{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 644px;
    overflow: hidden;
    background: #f9ddae;
    background: rgba(249,221,174,0.7);
    color: #404040;
   padding: 130px 20px;
   opacity: 0;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
    text-overflow:ellipsis;display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:10; overflow: hidden
}

.al-img:hover .al-nr{ opacity:1;  transition: all 1s ease 0s;   -moz-transform:rotateY(180deg);
         -webkit-transform:rotateY(180deg);
         -o-transform:rotateY(180deg);
         transform:rotateY(180deg);
         filter:FlipV();}
.al-img:hover .al-nr > h3,.al-img:hover .al-nr > div{ opacity:1;   transition: all 1s ease 0s;  -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
    filter:FlipV();}
/*.al-nr:hover{ background: white; color: #c09741 }*/
.al .col-md-3:last-child .al-img{ margin-right:0px;}
/*案例展示*/
.alzs-div{padding: 0px 115px;}
.all-al{ position: relative; width: 100%;height: 300px; margin: 8px 0;display: inline-block; overflow: hidden;}
.all-al .alzs-img{width: 100%; height: 100%; display: inline-block;}
.all-al .alzs-img img{   max-width: 100%; width: 100%; height: 100%;
    max-height: 100%;}
.alzs-page{ position: absolute; top: 0; left: 0; opacity: 0; background: #f9ddae; background: rgba(0,0,0,0.6);
   padding: 0 8%; width: 100%; height: 100%;  text-align: left; color: #fff}
.small-div{ margin: 104px auto}
.small-div .f14{ font-size: 16px;}
.xian{ height: 20px;}
.xianx{width: 30%; display: inline-block; height: 1px; background: transparent; margin-top: 0px; margin-bottom: 0px;}
.alzs-div a .al-yw{ max-height: 28px; overflow: hidden; color: #404040}
.alzs-div a .al-zw{  overflow: hidden; color: #fff; font-size: 30px; line-height: 40px;
    display: inline-block; border-bottom: 1px solid #fff;  padding-bottom: 10px; margin-bottom: 15px; }
.alzs-div a .al-kh{ max-height: 42px; overflow: hidden; color: #404040}
.all-al:hover .alzs-page{opacity:1;}

.alzs-div > div{ padding: 8px;}

.al-div ul{list-style: none; margin-left: 0px; margin-bottom: 20px;}
.al-div ul li{ display: inline-block; }
.al-div .nav-tabs li>a{color: #555; border: none}
.al-div .nav-tabs{ border: none}
.al-div ul li.active,.al-div ul li:hover{background: #64a433}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{  color: #64a433; border: none}
.nav-tabs>li.active>a,.nav-tabs>li:hover>a,.nav-tabs>li.active:hover>a{  color: #64a433; border: none}
.zj-img img{ height: 360px; width: 100%}
.zj .col-md-3:nth-child(2) .zj-img img{ height: 720px; width: 100%}
.sp-page{padding: 70px 50px; background: #f9ddae;  background: rgba(249,221,174,0.7); position: absolute; top: 0;left: 0px; opacity:0;transform: translateX(-100px); width: 100%; height: 100%}
.sp-page  div{color: #404040}
.cl-btn .iconfont{color: #404040; font-size: 24px;}
.sp-page  .sp-p-t{ margin-bottom: 30px; max-width: 340px; overflow: hidden; max-height: 42px;}
.sp-page  .sp-p-p{ line-height: 1.8; overflow: hidden; max-height:118px;}
.sp-btn{ width: 100px; height: 40px; background: #f6ae0f; margin: 0 auto; padding: 10px 0px;}
.sp-btn>a{ color: white; }
.zj-img:hover .sp-page{ opacity: 1;transform: translateX(0px);}
.zj .col-md-3:nth-child(2) .sp-page{ padding: 150px 50px;}
/*news*/
.tit-all1{ height: 100%; width: 100%}
.fir-div1{padding: 9px 25px;line-height: 1;}
.tit-all1 span{ line-height: 1.1}
.tit-all1 span:last-child{ margin-top: 20px;}
.news-nr{ margin-bottom: 30px; width: 100%; padding: 30px 20px; border:  1px solid #666666; border-right: none; border-left: none;overflow: hidden;position: relative}
.w100.new-time-s.text-center{ line-height: 1.1; border-right: 0px #666666 solid}
.news-div{  width: 100%; padding: 30px 24px;}
.news-ul-s .new-time-s{ display: inline-block;text-align: center; }
.new-time-s .news-d-s{ color: #333; text-align: center;  display: inline-block;padding: 5px; margin-bottom: 10px; background: #efdece; border: 1px solid  #efdece}
.new-time-s .news-m-s{ color: white; text-align: center;}
.news-t{color:#555; max-height: 22px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.new-note{ color: #666; margin-top: 16px; line-height: 2; height:45px;overflow: hidden; text-overflow:ellipsis;display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;}

.ha{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0;transform: translateX(-345px);  background:  #efdece;}
.news-nr:hover .ha{opacity: 1; transform: translateX(0px);}
.news-nr:hover .new-time-s .news-d-s{ background: none; border: 1px solid #404040}
.news-nr:hover .new-time-s .news-d-s,.news-nr:hover .new-time-s .news-m-s, .news-nr:hover .news-t,.news-nr:hover .new-note{color: #404040}
.news-nr:hover  .w100.new-time-s.text-center{border-right: 0px #404040 solid}
/*合作客户*/
.al-div.hzkh-div.f20.mt50{ width: 440px; margin: 0 auto; margin-top: 50px; margin-bottom: 30px;}
.hzkh-div ul{ margin-left: 0px;}
.hz-img{ height: 160px; margin-bottom: 30px;}
.hz-img img{ height: 160px; width: 100%}
.bottom{  padding: 36px 0px 44px 0px;}
.bot-top img{ height: 80px;}
.bot-ul ul{list-style: none;line-height: 2.2; letter-spacing: 1px;}
.bot-ul ul li>a{ color: #555}
.db{border-bottom: 1px solid #f9ddae}
.bot-information{ margin-top:50px; text-align: center; margin-bottom: 53px;}
.bot-information>span{ float: left }
.bot-information>span{ font-size: 25px; padding:10px 15px; border-radius: 50%; border: 1px #555 solid; color: #555; margin-right: 20px;}
.bot-information>div>span{color: #555;line-height: 2}
.fwlm ul{ list-style: none; color: #555; margin-top: 12px;}
.fwlm ul li{display: inline-block; margin-right: 20px;}
.fwlm ul li:last-child{ margin-right: 0px;}
.fwlm ul li>a{ color: #555}
.owl-buttons,.owl-pagination{ display: none}
.r-p{ line-height: 2; letter-spacing: 1px;}
/*内页*/
.left-ul-tit{  background-size: contain;color: white;padding: 20px 0px 0px 30px; width: 210px; height: 100px; border-bottom: 4px solid #af9d7c  }
.l-ul{list-style: none;}
.l-ul>li{ padding: 14px 0px 14px 45px; position: relative; width: 100%; border-bottom: 1px solid #404040 }
.l-ul>li>a{color:white; text-decoration: none}
.ul-triangle{
    width:0;
    height:0;
    top:18px; left:14%;
    position:absolute;
    display: none;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid white;

}
.l-ul>li:last-child{ border: none}
.tit-xian{width: 60px; height: 1px; background: white}
.left-ul{ background: #2d2c2c; width: 100%; }
.left-ul .left-ul-tit  div:first-child{ letter-spacing: 5px;}
.l-ul>li a:hover,.l-ul>li a.active{ background: #f9ddae;}
.l-ul>li>a:hover,.l-ul>li>a.active{ color: #404040;border-bottom: 1px solid transparent}
.l-ul>li a:hover .ul-triangle,.l-ul>li a.active .ul-triangle{ display: block}
.l-ul-pic{ padding: 60px 0px 22px 0px; width: 210px;}
.l-ul-pic>img{width: 140px; height: 40px;}
.yw{ font-family: Arial }
.right-tit{ color:#333; padding-bottom: 10px; border-bottom: 1px solid #666666; padding-left: 30px; margin-bottom: 30px; position: relative}
.right-tit img, .right-tit span{ display: inline-block}
 .right-tit span{letter-spacing: 2px;}
.right-tit img{ margin-right: 9px;}
.r-p-tit,.r-p{color: #555}
.r-p{line-height: 2}


ul{list-style: none;}
.fuwu-note ul li{ display: inline-block;}
.fuwu-note ul li a{ color: #555; display: inline-block; padding: 0 8px; text-decoration: none;}
.fuwu-note ul li a:hover{ background: #555; color: #333;}
.fuwu-ul{ width: 100%; display: inline-block;}
.fuwux >div{ border-left: 1px solid #666666;}
.fuwux >div:first-child{ border-left: 0px;}
.fuwu-tit{ font-size: 24px; padding-left: 8px; font-weight: bold; color: #555; display: inline-block; width: 100%;}
.fuwu-tit span{ font-size: 12px; color: #a2a2a2;}
.fuwu-note{ width: 100%; line-height: 30px; display: inline-block; margin-top: 16px; color: #555; font-size: 16px;}
.page-icon{ width: 100%; display: inline-block;}
.fuwux{ display: inline-block; width: 100%; padding: 40px 0;   margin-top: 20px;}
.p-icon{ margin-top: 20px; display: inline-block; width: 100%; border: 1px solid #9a9a9a; height: 140px; text-align: center; padding: 10px;}
.p-icon:hover img{transform:rotateX(360deg);
    -ms-transform:rotateX(360deg); 	/* IE 9 */
    -moz-transform:rotateX(360deg); 	/* Firefox */
    -webkit-transform:rotateX(360deg); /* Safari 和 Chrome */
    -o-transform:rotateX(360deg); 	/* Opera */}
.pages-a-tit{ display: inline-block; width: 100%; text-align: center;}
.pages-a-t-l{color: #555; font-weight: bold; display: inline-block; font-size: 60px;}
.pages-a-t-r{ font-size: 32px; display: inline-block; font-weight: 300; margin-left: 10px; margin-bottom: 20px; border-left: 0px solid #555; padding-left: 10px; color: #555;}
.pages-a-t-r span{ color: #555;}
.pages-a{ width: 100%; padding: 40px 0;  }
.tab-content .alzs-div{ padding:0}
.fw-ul,.fw-ul a{ line-height: 30px; font-weight: bold; color: #404040;}

/*news*/
.page-en{ display: inline-block; font-family: pageen;  text-align: center; width: 273px; margin-top: 10px; text-transform:uppercase; color: #ccc; font-size: 24px;letter-spacing:1px;}

.page-nav1{ padding: 20px 0;/* background: #f9ddae;*/margin: 30px 0px;}
.ny-nav-ul{  width: 100%; display: inline-block; text-align: center; padding-left: 140px; padding-right: 140px;}
.ny-nav-ul li{ margin: 0 5px; display: inline-block; }
.ny-nav-ul li a{ border: 1px solid #555; padding: 8px 16px; display: inline-block; color: #555; margin-top:10px;overflow: hidden;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ background: #64a433; border: 1px solid #64a433; color:#fff;}
.ny-pagen{ width: 100%; line-height: 50px; font-weight: bold; font-size: 20px; letter-spacing: 5px;}
.nypage{line-height: 30px;}
.about-hz{background: #555; margin-top: 20px; padding: 20px 10px;}
.ny-nav{ width: 100%; box-shadow: 5px 5px 15px #ccc;background: #555;}
.ny-nav li a{ padding: 10px 20px; display: inline-block; width: 100%; color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.ny-nav li:hover a,.ny-nav li.active a{ font-weight: bold; font-size: 16px;  color: #f9ddae;}

.ny-nav li.ny-nav-tit{background: #555; border: 10px solid #555; padding: 20px 10px; color: #fff; font-size: 18px; font-weight: bold;}
.ny-nav li.ny-nav-tit .tit-en{color: #f7e3bd;text-transform: uppercase; float: right;}

.ny-r-t{ padding: 10px 0; width: 100%; border-top: 4px solid #555; background: #f5f5f5;}
.right-name{ background: #555; padding: 4px 20px; color: #fff; font-weight: bold; font-size: 18px; display: inline-block; margin-left: 10px;}
.ny-r-c{ line-height: 30px; width: 100%; display: inline-block;}
.ny-c-note > p > div{ font-weight: bold;}
.alzs-div{    padding: 0px 115px;}
.pages-newatita{ font-size:14px; color:#3e3d3d; line-height:30px; text-align:left;  }
.pages-newatit{ font-size:30px; color:#3e3d3d; line-height:35px; text-align:left; padding: 10px 0;}
.pages-con{ font-size: 14px; color: #3e3d3d; line-height: 30px; width: 100%; text-align:left; }
@media screen and (max-width: 768px) {
    .ny-nav-ul{  width: 100%; display: inline-block; text-align: center; padding-left: 14px; padding-right:14px;}
    .alzs-div{    padding: 0px 15px;}
}
.r-content .nes-ny a{ color: #555}
.r-content .nes-ny{ margin-bottom: 0px; border: none; border-bottom: 1px solid #666666; color: #404040}
.r-content .col-md-12:last-child .nes-ny{ border: none}
.r-content .nes-ny:hover a{color: #404040}

/*case*/
.all-al.al-al1{ height: 255px;}
.all-al.al-al1 .alzs-img img{ height: 255px;}
.all-al.al-al1 .small-div{ margin: 80px auto}
.al-nr-div a .al-yw{ max-height: 23px; overflow: hidden; color: white}
.al-nr-div a .al-zw{ max-height: 28px;overflow: hidden; color: white}
.al-nr-div a .al-kh{ max-height:28px; overflow: hidden; color: white}
.al-kh.f20 a{color: white}
.page-tit{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; text-align: center; padding: 20px 0;}
.page-cn{display: flex; font-size: 24px;   font-weight: bold;}
.page-tit .page-en{display: flex; padding: 0 10px; color: #999; font-size: 14px; font-weight: 500;}
.small-div .al-zw{ line-height: 40px; }

.news-xx-t{ display: inline-block; width: 100%; padding: 40px 10px; background: #f2f2f2}
.news-tit-n{line-height: 50px;}
.new-note-x{ color: #999}

.newlisbtn{ display: inline-block; width: 100%; padding: 10px 0; margin-top: 20px; background: #f2f2f2}
.newml10{ margin: 0 10px; color: #ccc}
.newmr10{ margin: 0 10px;  color: #ccc}
.pagea-tit-lx{display: flex; width: 100%; position: relative; padding: 20px 10px; padding-left: 80px; }
.pagea-tit-lx:before{content: ''; position: absolute;
    left: 0; top: 0px; background: #ccc; width: 1px; height:100px;}

.page-nav1{ padding: 20px 0;/* background: #f9ddae;*/margin: 30px 0px;}
.ny-nav-ul{  width: 100%; display: inline-block; text-align: center; padding-left: 30px; padding-right: 30px;}
.ny-nav-ul li{ margin: 0 5px; display: inline-block; float: left;
}
/*.ny-nav-ul li a{ border: 1px solid #f9ddae; padding: 8px 0px; display: inline-block; color: #f9ddae;width: 100px;margin-top:10px;overflow: hidden;}*/
/*.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ background: #f9ddae;color: rgb(64,64,64);}*/
.ny-pagen{ width: 100%; line-height: 50px; font-weight: bold; font-size: 20px; letter-spacing: 5px;}
.nypage{line-height: 30px;}
.about-hz{background: #ebb326; margin-top: 20px; padding: 20px 10px;}
.ny-nav{ width: 100%; box-shadow: 5px 5px 15px #ccc;background: #374b9b;}
.ny-nav li a{ padding: 10px 20px; display: inline-block; width: 100%; color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.ny-nav li:hover a,.ny-nav li.active a{ font-weight: bold; font-size: 16px;  color: #f9ddae;}

.ny-nav li.ny-nav-tit{background: #ebb326; border: 10px solid #374b9b; padding: 20px 10px; color: #fff; font-size: 18px; font-weight: bold;}
.ny-nav li.ny-nav-tit .tit-en{color: #f7e3bd;text-transform: uppercase; float: right;}

.ny-r-t{ padding: 10px 0; width: 100%; border-top: 4px solid #263d8c; background: #f5f5f5;}
.right-name{ background: #263d8c; padding: 4px 20px; color: #fff; font-weight: bold; font-size: 18px; display: inline-block; margin-left: 10px;}
.ny-r-c{ line-height: 30px; width: 100%; display: inline-block;}
.ny-c-note > p > div{ font-weight: bold;}
.alzs-div{    padding: 0px 5px;}
/*
*/
.side{  height:170px;position:fixed;bottom:0px;right:0px;  top: 0px;   margin:auto auto;z-index: 1000;    }
.side-ul>li{   margin-bottom: 10px; }
.side-ul>li:last-child{ border-bottom: none;}
.side-ul>li>a{  color:#404040 ; display: block; width: 50px; height:50px; background: #f9ddae; border-radius: 5px 0px 0px 5px;}
.side-ul>li>a .iconfont{ font-size: 25px;line-height: 50px; }
.side-ul>li:hover a{
    background:white;
}
.side-ul>li:hover>a{  color:  #404040;}
.side-ul>li>a .kuang1,.side-ul>li>a .kuang2,.side-ul>li>a .kuang3{ ;position: absolute; right: 50px; top: 0px; display: none;opacity: 0;width: 200px; background: #f9ddae ; padding: 13px; color: #404040;border-radius: 5px;}
.side-ul>li.qq:hover>a .kuang1{ display: block; opacity: 1;}
.side-ul>li.weixin:hover>a .kuang2,.side-ul>li.weixin:hover>a .kuang2:hover{ display: block; opacity: 1; top:60px;}
.side-ul>li.dianhua:hover>a .kuang3{ display: block; opacity: 1;  top: 120px;}

@media screen and (min-width: 768px) and  (max-width: 1024px){
    .su-form  .su-k{ width:74%}
    .al-img{ margin-right: 5px; height: 444px; margin-bottom: 10px; position: relative;}
    .al-img{ height: 444px;}
    .al-img img{ height: 444px;}

}
@media screen and (min-width: 1024px) and  (max-width:1200px){
    .su-form  .su-k{ width:85%}
    .al-img{ margin-right: 5px; height: 444px; margin-bottom: 10px; position: relative;}
    .al-img{ height: 444px;}
    .al-img img{ height: 444px;}
}
@media screen and (min-width:1200px) and  (max-width:1360px){
    .al-img{ height: 444px;}
    .al-img img{ height: 444px;}
    .zj-img img{ height: 280px; width: 100%}
    .zj .col-md-3:nth-child(2) .zj-img img{ height: 560px; width: 100%}
    .sp-page{padding: 30px 10px;}
    .zj .col-md-3:nth-child(2) .sp-page{ padding: 140px 10px;}
    .hz-img{ height: 105px;}
    .hz-img img{ height: 105px; width: 100%}
    .cl-btn.fb.mt50.fr{ margin-top:0px; margin-right: 10px;}
    .all-al{ position: relative; width: 100%;height: 216px; margin-bottom: 30px;}
    .all-al .alzs-img img{ height:216px;}
    .small-div{ margin:45px auto}
    .sp-page .sp-p-p{ max-height: 140px; overflow: hidden}
    .main-nav.nav>li>a{    padding: 20px 10px 38px 10px;}

}
@media screen and (min-width:1200px) {
    .bottom > .container-fluid{ width: 96%;}
    .bottom > .container-fluid > .col-md-2{width: 14%; padding: 10px 4px;}

}

/*常用*/
.h100{height: 100%;}
.w100{ width: 100%; }
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.f26{ font-size: 26px;}
.f30{ font-size: 30px;}
.f34{ font-size: 34px;}
.f40{ font-size: 40px;}
.f43{ font-size: 43px;}
.f50{font-size: 50px;}
.f80{font-size: 80px;}
.f120{font-size: 120px;}
.fb{font-weight: bold;}
.mt0{ margin-top: 0px;}
.mt10{ margin-top: 10px;}
.mt14{ margin-top: 14px;}
.mt15{ margin-top: 15px;}
.mt17{ margin-top: 17px;}
.mt20{ margin-top: 20px;}
.mt26{ margin-top: 26px;}
.mt28{ margin-top:28px;}
.mt30{ margin-top: 30px;}
.mt38{ margin-top: 38px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mt55{ margin-top: 55px;}
.mt60{ margin-top: 60px;}
.mt72{ margin-top: 72px;}
.mt35{ margin-top:35px;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.mt95{ margin-top: 95px;}
.mt135{ margin-top: 135px;}
.mt200{ margin-top: 200px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb28{margin-bottom:28px;}
.mb30{margin-bottom: 30px;}
.mb100{margin-bottom: 100px;}
.mr30{ margin-right: 30px;}
.mr47{ margin-right: 47px;}
.p0{padding: 0;}
.pl0{padding-left: 0;}
.pr0{ padding-right: 0;}
.plr0{padding-left: 0; padding-right: 0;}
.fl{ float: left;}
.fr{float: right;}
.p0{ padding-left: 0px; padding-right: 0px;}

.p8{padding-right: 8px;
    padding-left:8px;}
.p20{padding-right: 20px;
    padding-left:20px;}
.ml0 {	margin-left:0 ;}
.mr0 {	margin-right:0;}
.ml100 {	margin-left:100px ;}
.border0{ border: 0px;}
.fw{ font-weight: bold;}
.r-content img{ max-width: 100%; height: auto!important;}
/*分页*/
.fenyeys{ float:left; width:100%; text-align:center; margin:22px 0px 0px 0px; font-size: 12px; font-family: "微软雅黑";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:2px 10px; background:#2d2c2c;; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:2px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#c4a565;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}

@media screen and (max-width: 1280px) {
    .fenxiang {
        font-size: 12px
    }
    .all-al{ height: 200px}
}
@media screen and (max-width: 768px){

    body{padding-top: 0;}
    .navbar-header{ display: none;}
    .collapse,.nav>li{display: inline-block;}
    .navbar-fixed-bottom, .navbar-fixed-top{position: relative}
    .hz-img{    height: 90px;}
    .hz-img img{    height: 90px;}
    .yw-img img{height: 35px;}
    .all-yw{ margin-top: 20px;}
    .yw-tit{box-shadow:none}
    .logo{ margin-bottom: 35px; margin-top: 35px;}
    .main-nav.nav>li>a{ padding:10px; }
    .main-nav{ width: 100%}
    .navbar-nav .open .dropdown-menu{position: absolute;}
    .allnav{ text-align: left}
    .al-img{ margin-right: 5px; height:344px; margin-bottom: 10px; position: relative;}
    .al-img img{ height: 344px;}
    .alzs-div{padding: 0px;}
    .bot-ul{ height: 191px; overflow: hidden}
    .fir-div.fir-div1.f120.fl{ font-size: 100px;}
    span.f80{ font-size: 60px;}
    .al-img{ margin-right: 0px;}
    .al-div.hzkh-div.f20.mt50{ width: 100%; text-align: center; font-size: 16px;}
    .al-div ul{ margin-left:0px; margin-top: 20px; font-size: 16px;}
    .r-img {height: 100%}
    .all-al{height: auto}
    .mt95{margin-top: 40px;}
    .news-nr{ padding: 20px 0;}
    .bottom.mt40{ margin-top:0px}
    .bot-information>span{ width: 50px; height: 50px; padding: 0px; line-height: 50px;}
    .bot-information{ margin-top: 10px; margin-bottom: 10px;}
    .db{ background: #f5f5f5;}
    .logo.mt20{margin-bottom: 10px;}
    .navbar-default .navbar-toggle .icon-bar{ background: #fff;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{ color: #fff;}
    .left-ul,.left-ul-tit,.l-ul>li{ width: 100%;}
    .left-ul{margin-bottom: 20px;}
    .container.mt50{ margin-top: 20px;}
    .alzs-page{opacity: 1;}
    .main-nav.nav>li:hover .dropdown-menu{ width: 100%; border: 0;}
    .page-ny img{ max-width: 100%;}
}