@charset "utf-8";
* { margin: 0;  padding: 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img { border: medium none;  margin: 0;  padding: 0; font-weight:500;}
body,button,input,select,textarea {  font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif; outline: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
ul,ol,li {  list-style: none; }
a { text-decoration: none;  color: #474747;  }
a:hover {color: #f1b879;text-decoration: none;  }
img {border: 0px;vertical-align: middle;}
em{ font-style:normal;}
table { border-collapse: collapse;  border-spacing: 0;}
html,body { color: #666666; background: #fff; margin: 0 auto;font-size: 16px !important; overflow-x:hidden;}
.hide { display: none;}
.clear {  clear: both;}
/*清除浮动*/
.clearfix::before,
.clearfix::after {
  content: '';
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}
.w{width:100%;height:40px;}
.center{ text-align:center;}
.pic100 img{width:100%;}
h1{ font-size:24px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad60{padding:60px 0;}
.overflow{ overflow:hidden;}
.font18{ font-size:18px;}
.font16{ font-size:16px;}
.white a,.white{ color:#fff;}
.blue{color:#0177d5;}
.w100{width:100%;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top10{margin-top:10px;}
.top30{ margin-top:30px;}
.top20{ margin-top:20px;}
.top60{ margin-top:60px;}
.red{color: #ff283c;}
* { -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box}
.text-left{ text-align:left;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}
.container{width:1320px;margin: auto;}
.container1{width:1400px;margin: auto;}
.container2{width:85%;margin: auto;}
.containernew{width: 810px;margin: 0 auto;}
.head2 .container2{width:95%;}
@media (max-width:1366px) {
.container,.container1 {width:1200px}
} 
@media (max-width:1200px) {
.container,.container1 {width:991px}
}
@media (max-width:992px) {
.container,.container1 {width:750px}
}
@media (max-width:768px) {
.container,.container1 {width:100%}
}
.row {  overflow: hidden;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 { width:75%}
.col-xs-8 { width:66.66666667%}
.col-xs-7 { width:58.33333333%}
.col-xs-6 { width:50%}
.col-xs-5 { width:41.66666667%}
.col-xs-4 { width:33.33333333%}
.col-xs-3 { width:25%}
.col-xs-2 { width:16.66666667%}
.col-xs-1 { width:8.33333333%}
@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
.col-sm-12 {width:100%}
.col-sm-11 {width:91.66666667%}
.col-sm-10 {width:83.33333333%}
.col-sm-9 {width:75%}
.col-sm-8 {width:66.66666667%}
.col-sm-7 {width:58.33333333%}
.col-sm-6 {width:50%}
.col-sm-5 {width:41.66666667%}
.col-sm-4 {width:33.33333333%}
.col-sm-3 {width:25%}
.col-sm-2 {width:16.66666667%}
.col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
.col-md-12 {width:100%}
.col-md-11 {width:91.66666667%}
.col-md-10 {width:83.33333333%}
.col-md-9 {width:75%}
.col-md-8 {width:66.66666667%}
.col-md-7 {width:58.33333333%}
.col-md-6 {width:50%}
.col-md-5 {width:41.66666667%}
.col-md-4 {width:33.33333333%}
.col-md-3 {width:25%}
.col-md-2 {width:16.66666667%}
.col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
.col-lg-12 {width:100%}
.col-lg-11 {width:91.66666667%}
.col-lg-10 {width:83.33333333%}
.col-lg-9 {width:75%}
.col-lg-8 {width:66.66666667%}
.col-lg-7 {width:58.33333333%}
.col-lg-6 {width:50%}
.col-lg-5 {width:41.66666667%}
.col-lg-4 {width:33.33333333%}
.col-lg-3 {width:25%}
.col-lg-2 {width:16.66666667%}
.col-lg-1 {width:8.33333333%}
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {cursor:default;}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {cursor:not-allowed;}





header{padding:0;position: fixed; top: 0;left:0;width:100%;z-index: 99; background-color:rgba(255,255,255,0.75);}
.logo{width:217px; display:inline-block;}
nav{float: right;margin:24px 0 0 0;text-align: right;font-size:19px;width: 75%;}
nav li{text-align: center;display: inline-block;width: 12%;}
nav li>a{ display:block;padding-bottom:33px; position:relative;}
nav li>a:after,.h_newC dl a dd span:after{background-color:#f0b879;content:'';width:100%;height:3px; display:block; position:absolute;left:0;bottom:0;-webkit-transform-origin: 100%;transform-origin: 100%;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .45s cubic-bezier(.4,0,.2,1);
    transition: transform .45s cubic-bezier(.4,0,.2,1);
    transition: transform .45s cubic-bezier(.4,0,.2,1),-webkit-transform .45s cubic-bezier(.4,0,.2,1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;}
nav li>a:hover{color:#333;}
nav li a:hover:after, nav li a.cur:after,.h_newC dl a:hover dd span:after{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}
nav li article{display:none;position:absolute;width:100%;left:0;top:100%;background-color: rgba(255,255,255,0.9); text-align:left;}
nav li article .left{ width:66%;float:left;padding: 70px 4% 70px 7%;color:#444; height:350px;}
nav li article .left h5{font-size:32px;margin-bottom:20px;}
nav li article .left p{font-size:16px;line-height:23px;}
nav li article .right{ width:34%;float:right;padding:50px 1% 50px 3%;}
nav li article .right a{ display:block;margin:14px 0;}
nav li article .right a span{ display:inline-block;margin-left:15px;color:#999;font-size:13px; text-transform:uppercase;}
nav li article .right a:hover{color:#f0b879;}
nav li:hover article{ display:flex;}
.bannerb .item a{ display:block;width:100%;}
.scollfox{background-color:rgba(255,255,255,1);box-shadow: 0px 1px 11px #444444; animation: 850ms 350ms;-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
.scollfox .logo{width:140px;}
.scollfox nav{font-size: 16px;margin-top:11px;}
.scollfox nav li>a{padding-bottom: 22px;}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
#owl-demo .item a{ display:block;width:100%;height:100vh;}
#owl-demo .owl-pagination{ display:none;}
#owl-demo .owl-prev{width:15px;height:23px; background:url(../images/prev.png) no-repeat;right:calc(14% + 50px);top:50%;opacity:0.8;}
#owl-demo .owl-next{width:15px;height:23px; background:url(../images/next.png) no-repeat;right:14%;top:50%;opacity:0.8;}
#owl-demo .owl-prev:hover,#owl-demo .owl-next:hover{ opacity:1;}
.owl-theme .owl-controls .owl-buttons div{ position:absolute; font-size:0;
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
  /*-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;*/
  filter: Alpha(Opacity=70);/*IE7 fix*/
  opacity: 0.7;
  -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.banners,.scroll_vertical li:nth-child(even) a:after,.gotop{ display:none;}
.mobile-inner{z-index:101;background-color:#fafafa;position:fixed; display:none;}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ display:none; z-index:100;height:60px;font-size:25px;text-align:center;right:0;top:0;width:80px;position:fixed;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{cursor:pointer}.mobile-inner-header-icon span{position:absolute;left:19px;top:calc((100% - 1px)/2);width:34px;height:3px;background-color:#002855}.mobile-inner-header-icon span:nth-child(1){z-index: 1;background-color: #002855;transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2){z-index: 1;background-color: #002855;transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2),.topnavR.click span i:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1),.topnavR span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2),.topnavR span i:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}
.mobile-inner-header-icon-click span{ background-color:#fff;}
.mobile-inner-header-icon-out span:nth-child(1){top: calc((100% - 4px)/2);}
.mobile-inner-header-icon-out span:nth-child(2){top: calc((100% + 3px)/2);}
.mouse{ position:absolute;bottom:80px;width:100%;}
.banner_mouse{ position:absolute; z-index:9;top: 26px;left:50%;margin-left:-11px;width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
@-webkit-keyframes colorSlide {0% {height:0;}90%{height:40px;}}
@keyframes colorSlide {0% {height:0;}90%{height:40px;}}
@-webkit-keyframes trackBallSlide {
    0% {opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}
    34% {opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);}
    68% {opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);}
    100% {opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);} 
  }
@keyframes trackBallSlide {
    0% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(-8px);
              transform: scale(1) translateY(-8px);
    }
    34% {
      opacity: 1;
      -webkit-transform: scale(0.9) translateY(4px);
              transform: scale(0.9) translateY(4px);
    }
    68% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(16px);
              transform: scale(0.4) translateY(16px);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(-8px);
              transform: scale(0.4) translateY(-8px);
    }
  }
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  } 
}
@keyframes nudgeMouse {
 0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
}
.h_scrollnewtitle a:hover{ background-color:#004a9c;}
.h_scrollnewtitle a{ display:block; color:#fff;padding:0 20px;background-color:#f1b879;line-height:60px;font-size:20px;}
.scroll_vertical{float:right; width:calc(100% - 210px);}
.scroll_vertical .box{overflow:hidden; width:100%; height:60px; }
/*.scroll_vertical .plus,.scroll_vertical .minus{ float:right;width:10px;height:10px;cursor:pointer;}
.scroll_vertical .plus{ float:left; background:url(../images/top.png) no-repeat bottom; margin-top:8px; }
.scroll_vertical .minus{ float:left; background:url(../images/dow.png) no-repeat top; margin-top:23px;margin-left:-10px;}*/
.scroll_vertical ul{ float:left; width:100%;}
.scroll_vertical li{ float:left; width:50%; padding-right:6%;}
.scroll_vertical li a{color: #656565;line-height:60px; position:relative; display:block;}
.scroll_vertical li h5{ width:82%;float:left;}
.scroll_vertical li a:after{ position:absolute;right:-6%;top:20px;height:20px;width:1px; background-color:#333; content:''; display:inline-block;}
.scroll_vertical li a:before{ content:'';width:6px;height:6px; display:inline-block; border-radius:50%; background-color:#f1b879;float:left;margin:27px 15px 0 0;}
.h_title h2{font-size:40px; color:#222;}




@font-face {
    font-family: 'CTFangSongSF';
    src: url('../fonts/CTFangSongSF.eot');
    src: url('../fonts/CTFangSongSF.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CTFangSongSF.woff2') format('woff2'),
        url('../fonts/CTFangSongSF.woff') format('woff'),
        url('../fonts/CTFangSongSF.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
.h_title p{display: inline-block;font-family: 'CTFangSongSF';font-weight: bold;margin-top: 10px;font-size:24px;text-transform:uppercase;/*background: linear-gradient(to right, #004a9c, #f1b879);*/background: linear-gradient(135deg, #004a9c 50%, #f1b879 0);-webkit-background-clip: text; color: transparent;}
.h_title.white h2,.h_title.white,.h_title.white a,.ys_classC dl a:hover dd h5,.addnewcase:hover{color:#fff;}
.h_newC dl{margin-bottom:40px;}
.h_newC dl a{ display:block; background-color:#f7f7f7; overflow:hidden;}
.h_newC dl a dt{ float:right;width:50%;}
.h_newC dl a dd{ float:left;width:50%;padding:9% 4% 0;}
.h_newC dl a dd h4{ background-color:#f1b879;color:#fff; display:inline-block; padding:5px 14px;}
.h_newC dl a dd h5{ font-size:17px;margin-top:10px; color:#333;line-height: 26px;height:52px; overflow:hidden;}
.h_newC dl a dd p{font-size: 14px;margin-top:10px;line-height:22px;height:44px; overflow:hidden;color:#939393;}
.h_newC dl a dd span{display:inline-block;margin-top:20px;color:#f1b879;padding-bottom:10px;position:relative;}
.h_newC dl a dd span:after{height:1px; }
.h_newC dl a:hover{ box-shadow:0 5px 30px rgba(0, 0, 0, 0.1);}
.h_newC dl a:hover dt img ,.hoverImg dt:hover img{transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);}
.h_about{background:url(../images/bg1.jpg) no-repeat top center;background-size:cover; padding-bottom:60px;}
.h_aboutCL{ float:left;width:58%;}
.h_aboutCL a{ display:block;height:732px;}
.h_aboutCR{ float:right;width:56%;margin-left:-20%; background-color:#fff;padding:60px 40px;margin-top:4.5%;}
.h_aboutCR h4{ font-size:30px; text-transform:uppercase;}
.h_aboutCR h5{font-size:24px;color:#333;margin-top:10px;}
.h_aboutCR h5:after{content:''; width:60px;height:4px;background-color:#dea86d;display:block;margin-top:25px;}
.h_aboutCR article{margin-top:25px; color:#898989;font-size:17px;line-height:32px;height:224px;overflow-y:scroll;} 
.h_aboutCR article::-webkit-scrollbar { width:4px;  height: 3px; background-color: #d3d3d3;}  
.h_aboutCR article.h_aboutCR article::-webkit-scrollbar-track{ background-color: #d3d3d3;}
.h_aboutCR article::-webkit-scrollbar-thumb  {background-color: #959595;}
.h_aboutCR div{ margin-top:30px;}
.h_aboutCR div dl{display:inline-block;width:46%; position:relative;color:#333;}
.aboutB2 dl{display:inline-block;width:33%; position:relative;color:#333;}
.h_aboutCR div dl dt, .aboutB2 dl dt{margin-bottom:10px;}
@font-face {
    font-family: 'UntitledTTF';
    src: url('../fonts/UntitledTTF.eot');
    src: url('../fonts/UntitledTTF.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UntitledTTF.woff2') format('woff2'),
        url('../fonts/UntitledTTF.woff') format('woff'),
        url('../fonts/UntitledTTF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.h_aboutCR div dl dt span,.aboutB2 dl dt span{font-weight:bold;font-family: 'UntitledTTF'; display:inline-block;margin-right:10px; color:#f1b879;font-size:40px;}
.h_aboutCR div dl em{ position:absolute;right:8%;bottom:5px;color:#eeeeee;font-size: 33px;}
.h_duoyuan{ background:#eeeeee;padding-top:60px;}
.h_duoyuanC #sync1{ background:url(../images/bg2.jpg) repeat-y; background-size:100% 100%;padding:60px 7.5%;}
.h_duoyuanC #sync2 .item{ cursor:pointer;}
.h_duoyuanC #sync2 p{width:56px;height:56px; overflow:hidden; margin:auto;}
.h_duoyuanC #sync2 p img{ width:112px;}
.h_duoyuanC #sync2 .item:hover p img,.h_duoyuanC #sync2 .synced img{ margin-left:-56px;}
.h_duoyuanC #sync2 h5{ margin-top:10px;font-size:17px;}
.h_duoyuanC #sync2 h5:after{ content:''; display:block;margin:15px auto 0;width:70%; background-color:transparent;height:4px;}
.h_duoyuanC #sync2 .synced h5:after{background-color:#f1b879;height:4px;}
.h_duoyuanC #sync2 .synced{color:#f1b879;}
.h_duoyuanL h5{font-size:24px;}
.h_duoyuanL article{margin-top: 25px;color: #898989;font-size: 17px;line-height: 32px;height:230px; overflow:hidden;}
.h_duoyuanL{ padding:30px 4% 0 0;}
.h_duoyuanR{ padding:0;}
.h_duoyuanL .more{ display:block; color:#f1b879;margin-top:30px;}
.h_duoyuanC .owl-prev{background:url(../images/icon10.png) no-repeat;width:50px;height:30px;left:1%;top:50%;}
.h_duoyuanC .owl-next{background:url(../images/icon11.png) no-repeat;width:50px;height:30px;right:1%;top:50%;}
.h_honorC{ background-color:#f7f7f7;}
footer{ background:#222222 url(../images/bg3.png) no-repeat center center; background-size:auto 90%;}
.footT{padding:60px 0 40px;}
.footL{width:66%;float:left;}
.footL dl{ float:left;margin-right:8%;}
.footL dl dt{ font-size:18px; font-weight:bold;}
.footL dl dd a{ display:block;margin:20px 0;}
.footR{width:32%;float:right;font-size:18px;}
/*.footR ul{ width:65%;float:left;}*/
.footR .code{ width:27%;float:right;font-size:16px;}
.footR .code img{ width:80%; display:block;margin:0 auto 23px;}
.footR li{ margin:20px 0; overflow:hidden;}
.footR li p{float:right;width:calc(100% - 40px);}
.footR li:first-child{color:#f1b879; font-size:24px;font-weight:bold; font-style:oblique;}
.bq{padding:15px;color:#fff;border-top:1px solid #fff;}
.bq span{ display:inline-block;margin:0 10px; }
.bq span a{color:#fff;}
.fixedright{ position:fixed;right:10px;top:50%; z-index:12;}
.fixedright p {margin-bottom:1px;width:51px;}
.fixedright p img{ width:102px;}
.fixedright p a:hover img{margin-left:-51px;}
.h_newC dl:nth-child(even) a dt {float: left;}
.h_aboutCL img{ display:none;}
.footL dl:last-child{ margin-right:0;}

/*服务业乔*/
.font{
  width: 100%;
  padding: 0 3%;
  text-align: center;
  position:absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}

.trans{
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.mb60{
  margin-bottom: 3.3%;
}

.font h1{
  font-size: 50px;
  color: #fff;
  margin-bottom: 20px;
}

.fonts{
  position: initial;
  transform:initial;
  margin-top: 14.3%;
  margin-bottom: 110px;
}

.font p{
  font-size: 16px;
  vertical-align: middle;
}

.font img{
  margin-right: 10px;
}

.s_content{
  margin-top: 60px;
  margin-bottom: 145px;
}

.s_content .contentBox{
  position: relative;
}

.s_content .contentBox +.contentBox{
  margin-top: 8.6%;
}

.s_content .contentBox .title{
  display: inline-block;
  font-size: 30px;
  color: #222;
  vertical-align: top;
  margin-top: 2.3%;
    margin-left: 4%;
}

.s_content .contentBox .title p{
  font-family: 'CTFangSongSF';
  color: rgba(0,0,0,.3);
  text-transform:uppercase;
  margin-top: 5%;
}

.s_content .contentBox dt{
  display: inline-block;
  width: 54%;
}

.s_content .contentBox1 dt{
  float: right;
}

.s_content .contentBox dt img{
  width: 100%;
}

.s_content .contentIntro{
  width: 52%;
  background-color: #f7f7f7;
  display: inline-block;
  padding: 3.8%;
  border-bottom: 4px solid #f1b879;
  
  position: absolute;
  right: 0;
  bottom: -60px;
}

.s_content .contentBox1 .contentIntro{
  right: initial;
  left: 0;
}

.s_content .contentIntro h3{
  font-size: 24px;
  color: #222;
  margin-bottom: 5%;
}

.s_content .contentIntro h3::before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 3px;
  background-color: #f1b879;
  vertical-align: middle;
  margin-right: 23px;
}

.s_content .contentIntro p{
  font-size: 18px;
  color: rgba(34,34,34,.8);
  line-height: 36px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.s_content .contentIntro a{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 90%;
  background-color: #fff;
  border: 1px solid #f1b879;
  text-align: center;
  line-height: 33px;
  margin-top: 9.5%;
}

/*线下服务*/
.flex{
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
}

.flexBetween{
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.flexStart{
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}

.flexWrap{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flexAuto,.wodelist .listLeft{ line-height:38px;}
.listLeft img,.u_contentS img{ max-width:100%;}
.bc255{
  background-color: rgba(255,255,255,.9);
  padding-bottom:50px;
}

.navList{
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 5%;
}

.navList li{
  display: inline-block;
  font-size: 20px;  
  position: relative;
}

.navList li a{
  display: inline-block;
  padding: 22px 20px;
}

.navList li::after{
  content: '';
  width: 0;
  height: 5px;
  background-color: #f3b272;
  
  position: absolute;
  left: 0;
  bottom: 0;
}

.navList li.hover::after,
.u_contentBox .u_contentR img{
  width: 100%;
}

.navList li+li{
  margin-left: 47px;
}

.on_contentList{
  padding: 0 2.8%;
}

.on_content .listLeft{
  width: 80.3%;
}

.on_content .listLeft h1{
  font-size: 30px;
  color: #222;
  margin-bottom: 60px;
  padding-left: 23px;
  position: relative;
  border-bottom: 1px solid #c7c9cb;
  line-height: 66px;
}

.on_content .listLeft h1::before{
  content: '';
  display: inline-block;
  width: 3px;
  height: 25px;
  background-color: #f1b879;
  
  position: absolute;
  left: 0;
  top: 50%;
  
  transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
}

/*.on_content .listLeft ul{
  
  padding-top: 37px;
}*/

.flexAuto img{
  width: 100%;
}

.flexAuto li{
  width: 31.6%;
  margin-left: 2.6%;
  margin-bottom: 2.1%;
  
  position: relative;
}

.flexAuto li:first-child{
  margin-left: 0;
}

.flexAuto li:nth-child(3n+1){
  margin-left: 0;
}

.flexAuto li p{
  width: 100%;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 12px 0;
  
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.5);
}

.on_content .listRight{
  margin-left: 3%;
  width: 19.6%;
}

.on_content .listRight h3{
  font-weight: bold;
  font-size: 24px;
  color: #f1b879;
  margin-bottom: 35px;
}

.on_content .listRight li{font-size: 14px;
  border-top: 1px solid #c7c9cb;
  padding: 20px 0;
}

.on_content .listRight li::before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 17px;
  background-color: #f1b879;
  margin-right:10px;
  font-size: 16px;
}

.on_content .listRight li:hover,
.on_content .listRight li.hover{
  padding-left: 8px;
}

.on_content .listRight li:hover::before,
.on_content .listRight li.hover::before{
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.on_content .listRight li a{
  color: #222;
}

.on_content .listRight li:hover a,
.on_content .listRight li.hover a{
  color: #f1b879;
}

/*了解业乔*/


.u_contentBox .u_contentS{
  padding: 0 2.9%;
  margin-bottom: 5.8%;
}

.u_contentBox .u_contentL{
  margin-right: 3.3%;
  width: 29%;
}

.u_contentBox .u_contentR{
  width: 71%;
}

.u_contentBox .u_contentL li{
  background-color: #fff;
  border:1px solid #ebebeb;
  padding: 6px 5px;
  text-align: center;
}

.u_contentBox .u_contentL li+li{
  margin-top: -2px;
}

.u_contentBox .u_contentL h1{
  font-size: 40px;
  color: #f1b879;
  font-weight: bold;
}

.u_contentBox .u_contentL h1 span{
  margin-left: 14px;
}

.u_contentBox .u_contentL h1 span,
.u_contentBox .u_contentL p{
  font-size: 16px;
  color: #222;
  font-weight: initial;
}

.u_contentBox .u_contentL .liBox{
  background-color: #fafafa;
  padding: 60px 0 70px 0;
}

.u_contentBox .u_contentR P,.content_c p{
  
  font-size: 16px;
  color: #222222;
  line-height: 36px;
}
.content_c{ float:left; width:100%; padding-bottom:50px;line-height:38px;/* background:url(../images/go_pic1.png) right bottom no-repeat;*/}

.news_title{border-bottom: 1px solid #e1e1e1;
    margin-bottom: 5%;
  text-align:center;
  width:100%;
  padding-top:40px;
}
.news_title h1{ line-height:50px; font-size:32px;}
.news_title p{ line-height:50px;}
.news_title p span{ display:inline-block; margin:0 15px;}
.news_cont{ display:block; line-height:38px;}
.news_cont img{max-width:100%;}
.link{padding: 35px 0;display:block;line-height:30px;border-top: 1px solid #DCDCDC;}
.link p{width:50%;font-size: 16px;color: #6b6b6b;}
.link p:nth-child(2){ text-align:right;}
.link p a{color: #6b6b6b;}
.hr_sou{ width:100%; text-align:center; line-height:40px; padding-bottom:30px;}

.hr_sou select{ width:200px; line-height:40px; height:40px; border:1px solid #CCC; margin-right:10px; padding:0 5px;}
.hr_sou_input{ width:300px; height:40px; line-height:40px; border:1px solid #CCC; margin-right:10px; padding:0 10px;}
.sousuo{ width:100px; background:#f1b879; padding:12px 20px; color:#fff;}


/****首页****/
      .width100 {
        width: 100%
      }
      
      .height100 {
        height: 100%
      }
      
      .logo-31-big {
        width: 40%;
        opacity: 1;
        z-index: -1;
        animation: opacity02 2s ease-in forwards 0s;
        -moz-animation: opacity02 2s ease-in forwards 0s;
        -webkit-animation: opacity02 2s ease-in forwards 0s;
        -o-animation: opacity02 2s ease-in forwards 0s
      }
      
      .drawingbox {
        width: 1280px;
        height: 294px;
        bottom: 5%;
        animation: toleft01 1.5s linear forwards 4.2s;
        -moz-animation: toleft01 1.5s linear forwards 4.2s;
        -webkit-animation: toleft01 1.5s linear forwards 4.2s;
        -o-animation: toleft01 1.5s linear forwards 4.2s
      }
      
      @keyframes toleft01 {
        0% {
          left: 0;
        }
        100% {
          left: -1500px;
        }
      }
      
      @-moz-keyframes toleft01 {
        0% {
          left: 0;
        }
        100% {
          left: -1500px;
        }
      }
      
      @-webkit-keyframes toleft01 {
        0% {
          left: 0;
        }
        100% {
          left: -1500px;
        }
      }
      
      @-o-keyframes toleft01 {
        0% {
          left: 0;
        }
        100% {
          left: -1500px;
        }
      }
      
      .mainline {
        stroke-width: 2;
        stroke: #FFC107;
        animation: lineMove 4s ease-in forwards;
        -moz-animation: lineMove 4s ease-in forwards;
        -webkit-animation: lineMove 4s ease-in forwards;
        -o-animation: lineMove 4s ease-in forwards
      }
      
      @keyframes lineMove {
        0% {
          stroke-dasharray: 0, 4800;
        }
        100% {
          stroke-dasharray: 4800, 4800;
          opacity: 1;
        }
      }
      
      @-moz-keyframes lineMove {
        0% {
          stroke-dasharray: 0, 4800;
        }
        100% {
          stroke-dasharray: 4800, 4800;
          opacity: 1;
        }
      }
      
      @-webkit-keyframes lineMove {
        0% {
          stroke-dasharray: 0, 4800;
        }
        100% {
          stroke-dasharray: 4800, 4800;
          opacity: 1;
        }
      }
      
      @-o-keyframes lineMove {
        0% {
          stroke-dasharray: 0, 4800;
        }
        100% {
          stroke-dasharray: 4800, 4800;
          opacity: 1;
        }
      }
      
      .line01 {
        stroke-width: 2;
        stroke: #FFC107;
        animation: lineMove01 4s ease-in forwards;
        -moz-animation: lineMove01 4s ease-in forwards;
        -webkit-animation: lineMove01 4s ease-in forwards;
        -o-animation: lineMove01 4s ease-in forwards
      }
      
      @keyframes lineMove01 {
        0% {
          stroke-dasharray: 0, 0;
          opacity: 0;
        }
        40% {
          stroke-dasharray: 0, 220;
          opacity: 1;
        }
        45%,
        100% {
          stroke-dasharray: 220, 220;
          opacity: 1;
        }
      }
      
      @-moz-keyframes lineMove01 {
        0% {
          stroke-dasharray: 0, 0;
          opacity: 0;
        }
        40% {
          stroke-dasharray: 0, 220;
          opacity: 1;
        }
        45%,
        100% {
          stroke-dasharray: 220, 220;
          opacity: 1;
        }
      }
      
      @-webkit-keyframes lineMove01 {
        0% {
          stroke-dasharray: 0, 0;
          opacity: 0;
        }
        40% {
          stroke-dasharray: 0, 220;
          opacity: 1;
        }
        45%,
        100% {
          stroke-dasharray: 220, 220;
          opacity: 1;
        }
      }
      
      @-o-keyframes lineMove01 {
        0% {
          stroke-dasharray: 0, 0;
          opacity: 0;
        }
        40% {
          stroke-dasharray: 0, 220;
          opacity: 1;
        }
        45%,
        100% {
          stroke-dasharray: 220, 220;
          opacity: 1;
        }
      }
      
      .line02,
      .line03,
      .line04,
      .line05,
      .line06 {
        stroke-width: 2;
        stroke: #FFC107;
        animation: lineMove02 4s ease-in forwards;
        -moz-animation: lineMove02 4s ease-in forwards;
        -webkit-animation: lineMove02 4s ease-in forwards;
        -o-animation: lineMove02 4s ease-in forwards
      }
      
      @keyframes lineMove02 {
        0% {
          stroke-dasharray: 0, 0;
          opacity: 0;
        }
        98% {
          stroke-dasharray: 0, 220;
          opacity: 1;
        }
        100% {
          stroke-dasharray: 220, 220;
          opacity: 1;
        }
      }
      
      @-moz-keyframes lineMove02 {
        0% {
          stroke-dasharray: 0, 0;
          opacity: 0;
        }
        98% {
          stroke-dasharray: 0, 220;
          opacity: 1;
        }
        100% {
          stroke-dasharray: 220, 220;
          opacity: 1;
        }
      }
      
      @-webkit-keyframes lineMove02 {
        0% {
          stroke-dasharray: 0, 0;
          opacity: 0;
        }
        98% {
          stroke-dasharray: 0, 220;
          opacity: 1;
        }
        100% {
          stroke-dasharray: 220, 220;
          opacity: 1;
        }
      }
      
      @-o-keyframes lineMove02 {
        0% {
          stroke-dasharray: 0, 0;
          opacity: 0;
        }
        98% {
          stroke-dasharray: 0, 220;
          opacity: 1;
        }
        100% {
          stroke-dasharray: 220, 220;
          opacity: 1;
        }
      }
      
      .kwicksbox {
        position: relative;
        top: 0;
        left: 100%;
        opacity: 1;
        animation: toleft02 .5s linear forwards 1s;
        -moz-animation: toleft02 .5s linear forwards 1s;
        -webkit-animation: toleft02 .5s linear forwards 1s;
        -o-animation: toleft02 .5s linear forwards 1s
      }
      
      @keyframes toleft02 {
        0% {
          opacity: 1;
          left: 100%;
        }
        100% {
          opacity: 1;
          left: 0;
        }
      }
      
      @-moz-keyframes toleft02 {
        0% {
          opacity: 1;
          left: 100%;
        }
        100% {
          opacity: 1;
          left: 0;
        }
      }
      
      @-webkit-keyframes toleft02 {
        0% {
          opacity: 1;
          left: 100%;
        }
        100% {
          opacity: 1;
          left: 0;
        }
      }
      
      @-o-keyframes toleft02 {
        0% {
          opacity: 1;
          left: 100%;
        }
        100% {
          opacity: 1;
          left: 0;
        }
      }
.fwll_c{  text-align:center; width: 100%; background:#f0c492;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;  line-height:50px; color:#fff; padding:2px 3%;}
.fwll_c1{ width:48%; text-align:center;}
.fwll_c2{ width:48%; height:50px; text-align:center;}
.fwll_c1 span{ font-size:26px; font-weight:bold;}
.apple a{display:block; text-decoration:none;}
.apple{height:50px; overflow:hidden;}
.apple a{ width:100%; height:50px; line-height:50px; text-indent:20px; color:#1B96EE;}


.chegj_top,.chegj_bot{ width:100%;}
.chegj_topl{ width:35%; margin-right:4%;}
.chegj_topr{ width:60%; line-height:40px;}
.chegj_topl img{ width:100%;}

.chegj_bot{ background:#f8f8f8; border:1px solid #e6e6e6; padding:60px 20%; margin:50px 0px;}
.chegj_bot span{ float:left; width:25%; margin-right:20px;}
.chegj_bot p{ float:left; width:70%; line-height:40px; margin-top:20px;}
.chegj_bot span img{ width:100%;}
.chegj_bot p strong{ font-size:26px; line-height:50px; float:left; width:100%;}
.chegj_topr p{ font-size:36px; line-height:50px; width:100%; padding:15px 0;}
.chegj_topr ul { float:left; width:100%; padding-top:20px;}
.chegj_topr ul li{ float:left; width:50%; line-height:60px; margin:15px 0; font-size:20px;}
.chegj_topr ul li input,.chegj_topr ul li select{ width:70%; height:40px; line-height:40px; padding:2px 5px; font-size:16px; border:1px solid #bfbfbf;border-radius: 3px;    color: #666666;}
.chegj_topr span{ margin-left:72px;}
.chegj_topr span input{ margin-top:20px; margin-right:30px; width:150px; line-height:40px; height:40px; text-align:center;border-radius: 3px; background:#f2b879; color:#fff; font-size:16px;}

/*----write by wangxue--*/  
.icon-add:before { content: ""; background:url(../images/icon19.png) no-repeat;width:38px;height:38px; display:inline-block;}
.kwicks {display: block;list-style-type: none;list-style: none;position: relative;padding: 0;}
.kwicks > * {display: block;overflow: hidden;padding: 0;margin: 0;}
.kwicks.kwicks-processed > * {margin: 0;position: absolute;}
.kwicks-horizontal > * {float: left;}
.kwicks-horizontal > :first-child {margin-left: 0;}
.kwicks-vertical > :first-child {margin-top: 0;}    
.scollpic{ display:block;}
.wodelist .owl-theme .owl-controls .owl-buttons div{width:43px;height:68px; position:absolute; top:50%;margin-top:-34px;}
.wodelist .owl-theme .owl-controls .owl-buttons .owl-prev{ background:url(../images/2.png) no-repeat right top; background-size:86px;left:3%; opacity:1;}
.wodelist .owl-theme .owl-controls .owl-buttons .owl-next{ background:url(../images/1.png) no-repeat left top; background-size:86px;right:3%; opacity:1;}
.wodelist .owl-theme .owl-controls .owl-buttons .owl-prev:hover{ background:url(../images/2.png) no-repeat left top; background-size:86px;}
.wodelist .owl-theme .owl-controls .owl-buttons .owl-next:hover{ background:url(../images/1.png) no-repeat right top; background-size:86px;}
.wodelist .listLeft { width: 78%;}
.wodelist .listRight {margin-left:0;}
.font p a{color:#fff;}
.wodenewlist1{padding-bottom:60px;}
.wodenewlist1 .listRight{margin-left:0;margin-right:2%;}
/*.wodenewlist1C{border-top: 1px solid #c7c9cb;padding-top: 37px;}*/
.wodenewlist1C dl a{ display:block; overflow:hidden;border:1px solid #ededed;}
.wodenewlist1C dl a dt{ width:220px;float:left;}
.wodenewlist1C dl a dd{ float:right;width:calc(100% - 220px);padding:18px 25px;}
.wodenewlist1C dl{ margin-bottom:30px;}
.wodenewlist1C dl dd h5{font-size:18px;}
.wodenewlist1C dl dd p{ line-height:22px;height:44px; overflow:hidden;margin-top:12px;color:#888787;font-size:14px;}
.wodenewlist1C dl dd div{margin-top:12px; overflow:hidden;}
.wodenewlist1C dl dd div time{font-size:12px;color:#888787;} 
.wodenewlist1C dl dd div span{background-color:#f3b272;color:#fff;padding:5px 15px;float:right;font-size:14px;} 
.wodenewlist1C dl a:hover dt img,.about3C dl a:hover dd img,.about5C dl a:hover dt img{transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);}
.wodenewlist1C dl a:hover{ box-shadow:0 0 10px #ccc;}
.pagelist {margin:40px 0 0;}
.pagelist ul{ border-top:0 !important;padding-bottom:30px;}
.pagelist li{ display:inline-block;margin:0 3px;}
.pagelist li a,.pagelist li span{padding: 5px 12px; display:block;border:1px solid #dcdcdc;color:#929292;}
.pagelist li a:hover,.pagelist li a.cur,.pagelist li.active span{border-color:#f1b879;  background-color:#f1b879;color:#fff;}
.other1{ background:url(../images/otherbanner2.jpg) no-repeat center center; background-size:cover;}
.title2 p:after,.aboutB1R h5:after{ content:'';width:60px;height:4px; background-color:#dea86d; display:block;margin-top:30px;}
.about1 article{ padding-top: 30px;line-height: 32px; padding-right: 20%; background: url(../images/go_pic1.png) right bottom no-repeat;background-size: auto 100%;}
.about1 .more,.aboutB1R .more,.about3 .more,.about4C .more{width:144px;height:40px; line-height:40px; text-align:center; border:1px solid #f09450; display:block;margin-top:30px;display: inline-block;}
.about2{ background:url(../images/bg4.jpg) no-repeat center center; background-size:cover;}
.title2.text-center p:after{margin: 30px auto 0;}
.aboutB2{ background-color:#fff;padding:30px;}
.aboutB1L{ width:33%;float:left;}
.aboutB1R{ width:65%;float:right;}
.aboutB1R h5{ font-size:22px; font-weight:bold;color:#333;}
.aboutB1R h5:after{ margin-top:15px;}
.aboutB1R .article{line-height: 32px;margin-top:15px;height:200px; overflow:hidden;}
.aboutB2 dl{border-right:1px solid #ededed;}
.aboutB2 dl:last-child{border:0;}
.about3C{padding:10px 5px;}
.about3C dl a{ display:block; box-shadow:0px 4px 12px #eaeaea;padding:20px 10px;}
.about3C dl a dt{ font-size:24px; margin-bottom:20px;}
.about3C dl a dd p{ margin-top:20px;font-size:16px;color:#666666;line-height: 28px;height: 84px;}
.about4{ background:url(../images/bg5.jpg) no-repeat  center center; background-size:cover;}
.about4C{padding: 0 3%;}
.about4C dl dt div{border:4px solid #205fa2; border-radius:50%; overflow:hidden;margin:0 10px; display:inline-block;height:24px;width:24px;background-color: #dbd7d4;}
.about4C dl dt{padding-top:45%;}
.about4C:after{ content:''; width:94%; height:3px; background-color:#205fa2; display:block; position:absolute;top:25%;}
.about4C dl dt div img{width:16px; opacity:0;height:16px;}
.about4C dl dt h5{ font-size:26px;margin-top:10px;}
.about4C dl dd{ padding:0 10px; border-right:1px solid #ccc;border-left: 1px solid #ccc;margin-top:20px;min-height:90px;}
.about4C .swiper-slide-active dl dt div{width:auto;height:auto; opacity:1;}
.about4C .swiper-slide-active dl dt div img{width:100%;height:auto; opacity:1;}
.about4C .swiper-slide-active dl dt{padding-top:0;}
.about4C .swiper-button-prev{width:18px;height:36px; background:url(../images/icon23.png) no-repeat;left:0;}
.about4C .swiper-button-next{width:18px;height:36px; background:url(../images/icon24.png) no-repeat;right:0;}
.about4C .swiper-button-prev:before,.about4C .swiper-button-next:before{content:'';}
.about5C dl{ padding:0;}
.about5C dl a dd{ position:relative;padding:0 15px;}
.about5C dl a dt{margin:0 15px;}
.about5C dl a dd time{color:#999999; display:block;}
.about5C dl a dd h5{font-size:23px;margin-top:20px;}
.about5C dl a dd p{ margin:5px 0 20px;font-size:16px;color:#a2a2a2;height:21px;}
.about5C dl a{ display:block;}
.about5C dl a dd:before{ position:absolute;width:3px;height:0;left:0;top:0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;content:''; background-color:#f1b879;}
.about5C dl a:hover dd:before{height:100%;}
.other2{ background:url(../images/otherbanner3.jpg) no-repeat center center; background-size:cover;}
.zeren{ background:url(../images/bg6.jpg) no-repeat bottom center;}
.zeren1C{ display: flex; padding: 5px;}
.zeren1C .left{ width:56%;float:left;}
.zeren1C .right,.zeren2C .right{ width:42%;float:right;padding:30px; box-shadow:0 0 10px #ccc;margin-left:2%; background-color:#fff;}
.zeren1C .right h5,.zeren2C .right h5{ font-size:24px; font-weight:bold;}
.zeren1C .right .article,.zeren2C .right .article{ margin:30px 0;line-height:32px;overflow:hidden;}
.zeren2{ margin-top:60px;}
.zeren2C .left{width:50%;float:left; z-index:1;}
.zeren2C .right{width:55%;float:right;margin:40px 0 0 -5%;padding:5% 30px 5% 8%;}
.zeren2C dl{ margin:50px 0;}
.zeren2C dl:nth-child(2) dt{float:right;margin: 5% 0 0 -5%;}
.zeren2C dl:nth-child(2) dd{float:left;margin: 0 0 0 0;padding:5% 8% 5% 30px;}
.zeren3C{ padding:0 9%;}
.zeren3C p{ margin:20px 0;font-size:16px;}
.zeren3C p span{ width:100px; display:inline-block; vertical-align:middle;}
.zeren3C p input,.zeren3C p textarea { width:calc(100% - 110px);border:1px solid #dcdcdc; padding:5px 10px; border-radius:3px;height:40px;line-height:50px; display:inline-block; vertical-align:middle;font-size:16px;}
.zeren3C p textarea{ height:200px; vertical-align:top;}
.zeren3C div button{width:150px;height:43px; border-radius:5px; color:#fff; background-color:#f1b879; font-size:16px;}
.other3{ background:url(../images/otherbanner4.jpg) no-repeat center center; background-size:cover;}
.other4{ background:url(../images/app_banner.jpg) no-repeat center center; background-size:cover;}
.yeqiaoren{ background-color:#f7f7f7;}
.yeqiaorenC dl{ margin:25px 0;}
.yeqiaorenC dl a{ display:block;background-color:#fff;padding:25px;}
.yeqiaorenC dl dt h5{ display:inline-block;font-size:26px;}
.yeqiaorenC dl dt span{color:#f3b272;}
.yeqiaorenC dl dd{height:240px; text-align:center;color:#fff;font-size:22px;display: flex;align-items: center;justify-content: center;line-height: 37px;}
.yellow{ color:#f1b879;}
.hrtitle h1 span{ font-size:16px;margin:4px 0 0 20px; display:inline-block;} 
.hrC dl{ margin-bottom:30px;}
.hrC dl a{ display:block;border:1px solid #d5d6d6;padding:40px 30px; background-color:#fff;}
.hrC dl dd{ color:#656565;margin-top:40px;}
.hrC dl dt h5{ font-size:20px; display:inline-block;max-width:60%;margin-right:5px; vertical-align:middle;}
.hrC dl a:hover{ box-shadow:0 0 10px #ccc;border-color:transparent;}
.honor{margin-top:150px;}
.floatrightscroll{ float:right;width:60%;margin-left:20px;}
#map{width:100%;height:650px;border:#ccc solid 1px;font-size:12px;}
.floatleft{float:left;padding:0 30px 30px 0;max-width:50%;}
.phoneshow{ display:none;}
.news_cont iframe{width:80%;margin:auto;display: block;height: 500px;}

@media(max-width:1550px){
  .h_aboutCR {width: 62%;margin-top: 3%;}
  .h_aboutCL a{height:670px;}
}
@media(max-width:1470px){
  .h_aboutCR {width: 67%;margin-left: -30%;padding: 40px 40px;}
  .h_aboutCL a{height:623px;}
  .footR .code { font-size: 15px;}
  .footR .code { width: 32%;}
  h3, .h3 { font-size: 24px;}
  .swiper-container-v h1 { font-size: 4.6rem !important;}
}
@media(max-width:1366px){
  .logo{width:180px;}
  nav{font-size: 17px;margin-top:14px;}
  nav li>a{padding-bottom: 26px;}
  nav li div{padding: 40px 10px 40px 3%;}
  .h_title h2 {font-size: 35px;}
  .h_title p {margin-top: 9px; font-size: 21px;}
  .h_newC dl a dd {padding: 5% 4% 0;}
  html, body {font-size: 15px !important;}
  .h_newC dl a dd span {margin-top: 5px;}
  .footR,.h_newC dl a dd h5,.h_aboutCR h5,.scroll_vertical li h5{font-size: 16px;}
  .h_scrollnewtitle a{ font-size:16px; line-height:50px;}
  .h_scrollnewtitle a img{ width:25%;}
  .scroll_vertical li{ width:100%;}
  .scroll_vertical .box{ line-height:50px;}
  .h_newC dl a dd p{ display:none;}
  .h_aboutCR h4{ font-size:20px;}
  .h_aboutCR article{ font-size:14px;}
  .hrC dl a{padding: 40px 15px;}
  .hrC dl dt h5 {font-size: 18px;}
  .chegj_bot p{margin-top: 0;}
  nav li article .left {width: 62%;}
  nav li article .right {width: 38%;}
  .footL dl {margin-right: 6%;}
}
@media(max-width:1199px){
  .s_content .contentBox .title{
    margin-top: 0;
    font-size: 24px;
  }
  .s_content .contentIntro h3{
    font-size: 22px;
  } 
  
  .s_content .contentIntro p{
    font-size: 16px;
  }
  nav{font-size: 15px;margin-top:14px;}
  nav li>a{padding-bottom: 20px;}
  .scroll_vertical {width: calc(100% - 159px);}
  .h_scrollnewtitle a {padding: 0 10px;font-size: 18px;}
  .scroll_vertical li time{ font-size:14px;}
  .h_aboutCR {width: 85%;margin-left: -55%; padding:20px;margin-top: 6%;}
  .h_aboutCL a { height: 606px;}
  .h_aboutCR div dl em {right: 1%;}
  .h_aboutCR div dl, .aboutB2 dl{ font-size:12px;}
  h3, .h3 { font-size: 22px;}
  .swiper-container-v h1 { font-size: 3.6rem !important;}
  .about3C dl a dd p{font-size: 15px;line-height: 20px;height:60px;}
  .about3C dl a dt,.about5C dl a dd h5{ font-size: 20px;} 
  .footL {width: 68%;}
  .footR {font-size: 15px;width: 31%;}
  .footR ul { width: 100%;}
  .footR li { margin: 0 0 13px;}
  .footR .code {width: 100%; overflow:hidden;line-height: 80px;text-align: left;}
  .footR .code img {width:34%;margin: 0 20px 0 0;float: left;}
  .about4C:after{top: 22%;}
  .font h1{font-size: 38px;}
  .news_title h1 {font-size: 27px;}
  .zeren1C .right .article{ margin: 20px 0;}
  .chegj_topr p{font-size: 30px;}
  .chegj_topr ul li{line-height: 44px;}
  .chegj_bot p strong {font-size: 23px;}
  .chegj_bot p{line-height: 27px;}
  .footL dl {margin-right: 6%;}
  .news_cont iframe{height:450px;}
  nav li article .right {width: 46%;}
  
}
@media(max-width:991px){
  nav li article .right a span,nav em,.scroll_vertical li a:after,.footT{ display:none;}
  .bq{border:0;}
  .phoneshow{ display:block;}
  .pcshow{ display:none !important;}
  nav li:hover article {display: initial !important;}
  nav li article .right a:hover{color:#fff;}
  .floatleft{float:none;padding:0 0 30px 0;max-width:100%;}
  .news_title h1 {font-size: 22px;}
  .font h1{font-size: 26px;}
  .zeren1C .right{ padding: 10px 23px;}
  .zeren1C .right .article{margin: 9px 0; line-height: 24px;}
  .floatrightscroll{ float:none;width:100%;margin-bottom:20px;margin-left:0;}
  .s_content{
    margin-top: 5%;
    margin-bottom: 10%;
  }
  
  .navList li a{
    font-size: 16px;
  }
  
  .s_content .contentBox dt,
  .on_content .listLeft{width: 100%;}
  .fwll_c1,.fwll_c2{width:97%;}
  .fwll_c1 span { font-size: 23px;}
  .s_content .contentIntro{
    position: initial;
    width: 100%;
  }
  
  .s_content .contentBox .title,
  .on_content .listRight{
    display: none;
  }
  .on_content .listLeft h1,
  .on_content .listRight h3{
    font-size: 22px;
  }
  
  .flexAuto li p{
    font-size: 16px;
  }
  
  .u_contentBox .u_contentS{
    display: block;
    padding: 0 ;
    
  }
  
  .u_contentBox .u_contentL{
    margin-right: 0;
    width: 100%;
  }
  
  .u_contentBox .u_contentL .liBox{
    padding: 20% 0; 
  } 
  
  .u_contentBox .u_contentR{
    margin-top: 3%;
    width: 100%;
  }
  
  .u_contentBox .u_contentL h1{
    font-size: 30px;
  }
  
  .u_contentBox .u_contentL li+li{
    margin-top: 0;
  }
  
  .u_contentBox .u_contentL ul{
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  
  .u_contentBox .u_contentL ul li{
    width: 48.9%;
  }
  
  .font p,.footT ,.site,nav,.enter,.hzjz2L img,.h_exhibitionC .content li .article1,.bannerb,.mouse,.clicktab:before, .clicktab2:before,.clicktab a:before, .clicktab2 a:before,.search button img,.xunyi1 .floatright,.tj{ display:none;}
  .mobile-inner,.mobile-inner-header-icon,.h_exhibitionC .content li .article2,.banners{ display:block;}
  nav{ position:fixed;width:100%;height:100vh;top:0;left:0; background-color:#fff; z-index:99;border:10px solid #ccc;margin-top: 0;}
  nav ul li{ width:100%;margin:0;}
  nav ul li>a{padding-bottom:0 !important; line-height:50px;height:50px; display:block;border-bottom:1px solid #ededed;color:#333;text-align: left;padding-left: 34px;}
  nav ul li div{ position: initial;margin:0;width:100%;padding:0; background-color:#209ce4;color:#fff;border:0;}
  nav ul li div a{line-height:40px;height:40px; display:block;border-bottom:1px solid #ededed;color:#fff;
padding: 0 10px 0 30px; text-align:left;}
  nav ul {padding-top: 40px;height: 100%;overflow-y: scroll;}
  .scollfox nav { margin-top: 0;}
  @keyframes fadedown {
    from { transform: translateY(0); opacity: 1; }
    to { transform: translateY(0); opacity: 1; }
  }
  .enter {margin-top: 16px;position: absolute;top: 40px;z-index: 223;width: 80%;background-color: #fff;    left: 10%; text-align: center;}
  header { padding: 5px 0;}
  .enter a { padding: 10px 48px;font-size: 16px;}
  nav ul {padding-top: 97px; font-size: 16px;}
  nav li>a i{ background:url(../images/icon13.png) no-repeat;float: right;margin: 28px 20px 0 0;}
  .floatright,.floatleft { float:none; padding:0;margin-bottom:20px;}
  .floatright img,.clickcontent, .clickcontent2,.ysnewmainL{ width:100%;}
  .publiccontactR {width: 70%; margin-left: 30%;}
  nav li>a i { margin: 20px 20px 0 0;}
  #d_tab29 {height: 312px;}
  .hzjz2L,.hzjz2R,.h_teamT .h_title,.h_teamTR,.h_witnessL,.h_witnessR,.h_witnessL article,.qkzz1_1CL,.qkzz1_1CR,.qkzz1_3CL,.qkzz1_3CR,.perR{width: 100%;}
  .hzjz2R{ margin-top:30px;}
  .h_teamB dl dd { font-size: 15px;}
  .h_teamB dl {width: 23%;}
  .h_witness{ padding:60px 20px;}
  .h_problemC dl dt h5 { font-size: 16px;margin-top: 5px;}
  .h_problemC dl {padding: 15px;}
  .h_problemC dl dd{margin-top: 15px;padding-top: 15px;font-size: 15px;line-height: 25px;height: 65px;}
  #owl-demo2 .owl-pagination {bottom: 20px;}
  .product1C iframe { min-height: 428px; width: 88%;}
  .product2R {width:80%;}
  .clicktab, .clicktab2 ,.topzhuanjiamainTopR {width: 100%; margin-left: 0;height: auto;}
  .clicktab a, .clicktab2 a { display: inline-block;margin: 5px 10px;}
  .clicktab a.on, .clicktab2 a.on{color:#24a9ff;}
  .clicktab a div:before, .clicktab2 a div:before{background-color: rgba(0,0,0,0.5);}
  .topzhuanjiaC dl dd article { height: 150px;}
  .topzhuanjiachose {padding: 24px 20px; font-size: 16px;}
  .topzhuanjiachose p a { margin-right: 2px;padding: 7px 16px; font-size: 14px;}
  .topzhuanjiamainTopR{ margin-top:20px;}
  .topzhuanjiamain{padding:0}
  .topzhuanjiamainTopL{width:50%;margin-left:25%;}
  .topzhuanjiamainTopR h2 span { font-size: 27px;}
  .topzhuanjiamainTopR h2 { font-size: 16px;}
  .qkzz1_2 li img{width:90px;}
  .qkzz1_2 li h5,.yeqiaorenC dl dd{ font-size:20px;}
  .qkzz3 .floatright,.chose1C .floatright{width:50%;margin-left:25%;}
  .chose3liucheng img { width: 110px;}
  .line1, .line2 {width: 106px; height: 195px;margin-right: 68px;}
  .jycx2_1 h2 {padding-top: 30px;}
  .searchL select { min-width: 95px;}
  .search button{font-size: 16px;}
  .search button { width: 14%;}
  .searchL{width: 85.5%;}
  .search2{ bottom:20px;}
  .ys_h_peixunC #d_tab29 .d_img li .left p { line-height: 20px; height: 40px;}
  .ys_h_peixunC #d_tab29 .d_img li .left h5 { font-size: 17px;} 
  .ys_h_starclinicL { margin-top: 4px;}
  .ys_h_starclinicR .next,.ys_h_starclinicR .prev {bottom: 62px;}
  .ys_classC dl dd h5 {font-size: 20px; padding-bottom: 16px; margin-bottom: 14px;}
  .ys_classC dl dd p {height: 48px;margin-top: 12px;}
  .head2R { margin: 17px 66px 0 0;}
  .headerh2 {height: 64px;}
  .perR{margin-left: 0;}
  .perRC { min-height: auto;}
  .perRC h2{padding-top: 11%;}
  .perR { min-height: calc(100vh - 64px);}
  .nav2 {top: 0;height: 100%;border: 0;width:100%;}
  .mobile-inner-header-icon-click span { background-color: #142547;}
  .nav2 li>a{border-bottom: 0;color: #fff;padding: 0 20px;}
  nav li>a i { background: url(../images/icon4.png) no-repeat;}
  .nav2 li>a i {margin: 24px 0 0 0;}
  .designcase div textarea { width: 400px;height: 100px;}
  .designcompletecasetable{ background-color:#fff;overflow-x:scroll}
  .designcompletecasetableC{width:750px; }
  body {background-size:100% auto !important;}
  nav li article{position: initial;}
  nav li article .left{ float:none; display:none;}
  nav li article .right{ float:none;width: 100%;padding: 10px 4%;background-color: #f3b272; display:block !important;}
  .h_duoyuanC #sync2 h5{font-size: 15px;}
  .h_duoyuanC #sync2 p {width: 40px;height:40px;}
  .h_duoyuanC #sync2 .item:hover p img, .h_duoyuanC #sync2 .synced img {margin-left: -40px;}
  .h_duoyuanC #sync2 p img {width: 80px;}
  .h_duoyuanL article{max-height: 230px;}
  .h_duoyuanR{margin-top: 20px;}
  .h_duoyuanC .owl-prev,.h_duoyuanC .owl-next{top: 5%;}
  .font h1 { font-size: 35px;}
  .ppln dl{ margin:20px 0;}
  .about3C dl a dt, .about5C dl a dd h5 {font-size: 17px;}
  .link p{width:100%;}
  .link p:nth-child(2){ text-align:left;}
  #map{height:550px;}
  .chegj_topr p {font-size: 27px;padding: 0 0 15px;}
  .chegj_topr ul li {line-height:33px;margin: 9px 0;font-size: 16px;}
  .chegj_topr ul{padding-top: 0;}
  .chegj_bot{padding: 60px 8%;}
  .about3C dl a dd p {height: auto;}
  .news_cont iframe{height:400px;}
}
@media(max-width:767px){
  .container2 { width: 100%;}
  .container1{
    padding: 0 3%;
  }
  .zeren1C {display: block;padding: 0 20px;}
  .zeren1C .left,.zeren1C .right {width: 100%;margin:10px 0;}
  .zeren2C dl { margin: 0 20px;}
  .on_content .listLeft h1::before{top: 33px;}
  .on_content .listLeft h1 p{float: none;display: block;margin:-14px 0 17px -20px;line-height: 20px;}
  .product3L,.product3:after,.ys_h_peixunC #d_tab29 .d_img li.cur .left article,.ys_h_peixunC #d_tab29 .d_img li.cur .left h5:after,.othernav img,.ys_classC dl dd span,.wodenewlist1C dl dd div span,.chegj_topl{ display:none;}
  .headerh{ display:block;height:78px;}
  .h_title2 h2,.xunyi1 h2 {font-size: 25px;}
  .about,.hzjz2,.hzjz1,.h_team,.h_exhibition,.product1,.product2,.product3,.star,.topzhuanjiamain .container, .stardetailC,.qkzz1_3,.qkzz3,.chose1C,.chose3C,.xunyi1,.ys_h_new,.ys_h_honor,.ys_h_starclinic .container,.ysnewmainL{ padding:40px 20px;}
  .publiccontactR {width: 80%;margin-left: 18%;}
  .h_title2 p {font-size: 15px;margin-top: 4px;}
  #d_tab29 img { width: 29px;}
  #d_tab29 .d_img li:nth-child(2) {width: 70%; left:15%; top:0; }
  #d_tab29 { height: 386px;}
  .h_title h2 {font-size: 26px;}
  .h_teamB dl {width: 31%;}
  .h_witnessLC iframe { height: 230px;}
  .h_witnessR ul li:after {height: 20px;left: 26px;top: 56px;}
  .h_witnessR { padding: 20px 10px; font-size: 17px;}
  .h_witnessR ul li p {width: 50px; height: 50px;}
  .h_witnessR ul li p span { height: 39px;line-height: 39px;}
  .h_witnessR ul li {padding-bottom: 33px;}
  .h_problem { margin-top: 0;padding: 60px 20px;}
  .h_problem .h_title { margin-left: 0;}
  .stardetail {padding-bottom: 0;}
  .product1C iframe { min-height: 312px;}
  .product2R,.product3R,.zeren2C .left,.zeren2C .right{ width: 100%;}
  .zeren3C p {margin: 8px 0;padding: 0;}
  .zeren3C p textarea { height: 150px;}
  .zeren3C p span {width: 86px;}
  .zeren3C p input, .zeren3C p textarea{width: calc(100% - 86px);}
  .zeren3C { padding: 0 20px;}
  .product2R h2, .product3R h2,.product3 h2{ font-size: 24px;}
  .qkzz1_2{padding:0 20px 40px;}
  .chose1{ padding-top:40px;}
  .chose3liucheng {font-size:14px;line-height:22px; }
  .chose3liucheng img { width: 70px;margin: 87px auto;}
  .chose3liucheng ul li.li1 { top: 3%;}
  .chose3liucheng ul li.li1,.chose3liucheng ul li.li2,.chose3liucheng ul li.li4{margin-left: 50px;}
  .chose3liucheng ul li h5,.ys_h_newC dl dd h5{font-size:16px;}
  .line1, .line2 {width: 93px;height: 154px;}
  .chose3liucheng ul li.li3 { top: 12%;}
  .chose3liucheng ul li.li5 { top: 69%;}
  .line1, .line2 {margin-right: 49px;}
  .jycx2_2 { padding: 60px 20px 0;}
  .qkzz1_2 li {padding: 0 20px;}
  .qkzz1_2 li h5 { font-size: 19px;}
  .search {width: 92%;left: 4%;}
  .searchL { padding: 6px;}
  .search button{line-height: 45px;height: 45px;}
  .otherbanner2 img{width:160%;margin-left:-30%;}
  .ys_h_newC dl,.ys_honorC dl{padding:0 4px;}
  .ys_h_newC dl dd {padding: 20px 8px 20px;}
  .ys_h_newC dl dd time { margin: -33px auto 11px;}
  .ys_h_peixunC #d_tab29 .d_img li.cur .left,.ys_h_peixunC #d_tab29 .d_img li.cur img,.ys_h_starclinicL,.ys_h_starclinicR,.ys_classC dl dd,.ys_classC dl dt,.chegj_topr,.chegj_topr ul li{width:100%;}
  .chegj_topr span {margin-left: 0;display: block;text-align: center;}
  .chegj_topr span input{margin: 20px 10px;width: auto;padding: 0 20px;}
  .ys_h_peixunC #d_tab29 .d_img li.cur .left h5{ border:0; text-align:center;margin-bottom:0;padding-bottom:0;font-size:14px;}
  .ys_h_peixunC #d_tab29 .d_img li .left { padding: 16px 15px;}
  .ys_h_peixunC #d_tab29 .d_img li:nth-child(2){width:70%; left:15%; top: 0;}
  .ys_h_peixunC #d_tab29 .d_img li:nth-child(1),.ys_h_peixunC #d_tab29 .d_img li:nth-child(3){width:60%;}
  .ys_h_peixunC #d_tab29 { height: 463px;}
  .ys_h_starclinic .container { margin-top:0;}
  .ys_h_starclinic,.ysnewmainbodyC {padding:0;}
  .ys_h_starclinicR{ margin-top:20px;}
  .ys_h_starclinicR .prev,.ys_h_starclinicR .next {position: initial;margin-top:30px; display:inline-block;}
  .othernav a,.ys_honorC dl dd h5{font-size:16px;}
  .ys_classC dl dd { margin: 0 !important;padding: 20px 15px;border: 1px solid #dcdcdc;}
  .prenext div { position: initial; text-align: center;margin-top:30px;}
  .prenext div a{width:50%;margin:auto;}
  .ys_honorC dl dt { padding: 3px;}
  .ys_honorC dl dd span {width: 24px;height: 24px;}
  .ys_honorC dl dd span img{width:48px;}
  .ys_honorC dl a:hover dd span img{margin-left:-24px;}
  .ys_honorC dl dd { padding: 15px;}
  .topzhuanjiaC dl,.ys_honorC dl,.ys_h_newC dl{margin-bottom:20px;}
  .loginC {width: 80%;right: 10%;top: 100px;}
  .registerC{margin-top: 30px;margin-bottom: 30px;}
  .login{min-height: calc(100vh - 115px);}
  .perRC h2 { font-size: 20px;padding-top: 17%;}
  .designcase div textarea {width: 330px;}
  table th, table td { padding: 11px 6px;font-size:14px;}
  .popC{width:80%;left:10%;margin-left:0;}
  .beizhu textarea { width: 330px;}
  .font h1 { font-size: 23px;}
  .navList li a {font-size: 14px;padding: 22px 3px;}
  .navList li::after{height: 3px;}
  .navList li+li {margin-left: 15px;}
  .content_c{background-size: 30% !important;}
  .ppln dl {margin: 10px 0;padding: 0 5px;}
  .navList {margin-bottom: 10px;}
  .on_content .listLeft h1{margin-bottom: 30px;}
  .wodenewlist1C dl a dt {width: 120px;}
  .wodenewlist1C dl a dd {width: calc(100% - 120px);padding: 10px 14px 0;}
  .wodenewlist1C dl dd h5 { font-size: 16px;}
  .wodenewlist1C dl dd p{margin-top: 4px;line-height: 20px;height: 40px;font-size: 13px;}
  .wodenewlist1C dl dd div { margin-top: 3px;}
  .wodenewlist1{padding-bottom: 0;}
  .bc255{padding-bottom:30px;}
  .news_title h1 { font-size: 21px;line-height: 35px;}
  .news_title p span{font-size:12px;margin:0 5px;}
  .news_title p span img{width:20px;}
  .news_title p { line-height: 27px;margin-top:10px;padding-bottom:10px;}
  .hrC dl {margin-bottom: 20px;adding: 0 8px;}
  .hrC dl dd {margin-top: 24px;}
  .sousuo {width: 80px;}
  .hr_sou_input {width: 180px;margin-right: 0px;}
  #map{height:500px;}
  .chegj_bot span {float: none; width: 50%; margin: 0 auto;display: block;}
  .chegj_bot p{width:100%;margin-top: 20px;}
  .chegj_bot p strong {font-size: 18px; display:block;}
  .chegj_topr ul li em{display: inline-block;width: 60px;}
  .chegj_topr ul li input, .chegj_topr ul li select {width: calc(100% - 65px);float: right;display: block;}
  .pad60 { padding: 30px 0;}
  .news_cont iframe{height:300px;width:100%;}
  
}
@media(max-width:640px){
  .flexAuto li{
    width: 48.6%;
  }
  
  .flexAuto li:nth-child(3n+1){
    margin-left: 2.6%;
  }
  
  .flexAuto li:nth-child(2n+1){
    margin-left: 0;
  }
  
  .topzhuanjiaC dl dd article,.h_aboutCR div dl em{ display:none;}
  .enter a {padding: 10px 28px;}
  #d_tab29 {height: 329px;}
  #d_tab29 .d_img li div,.h_title p{font-size: 16px;}
  .topzhuanjiaC dl dt { width: 120px;}
  .topzhuanjiaC dl dd { width: calc(100% - 120px);}
  .topzhuanjiaC dl dd h5 { font-size: 18px;}
  .topzhuanjiaC dl {margin-bottom: 20px;}
  .qkzz1_2 li img {width: 69px;}
  .qkzz1_2 li h5 { font-size: 18px;}
  .qkzz1_2 li { padding: 0 2%;width:100%; background:none;margin-bottom:10px;}
  .jycx2_1 { padding: 20px 20px 50px;margin: 0 20px;width: auto;}
  .ys_h_peixunC #d_tab29 { height: 414px;}
  .perRCcon { padding: 40px 20px;margin: 40px 10px 0;}
  .userhonor dl{padding:0 5px; font-size:14px;}
  .userhonor dl dt {padding: 3px;}
  .h_duoyuanL h5 { font-size: 20px;}
  .h_aboutCL { width: 100%;}
  .h_aboutCR {width: 95%;margin-left: -95%;background-color: rgba(255,255,255,0.86);}
  .h_aboutCR div dl{width: 47%;margin-right: 2%;vertical-align: top;}
  .h_duoyuanL article {font-size: 15px;line-height: 28px;height: 224px;}
  .logo { width: 144px;}
  .headerh {height: 65px;}
  .h_scrollnewtitle a { padding: 0 1px; font-size: 14px;}
  .h_scrollnewtitle a img { width: 19%;}
  .scroll_vertical { width: calc(100% - 113px);}
  .scroll_vertical li h5,.hrtitle h1 span{ font-size: 14px;}
  h4, .h4 { font-size: 15px;  }
  body {background-size: auto 50% !important;}
  .honor { margin-top: 80px;}
  .fonts{margin-bottom: 60px;}
  .aboutB2 dl { width: 48%;vertical-align: top;}
  
}
@media(max-width:500px){
  .h_problemC dl dt span{ display:none !important;}
  .bq {font-size: 12px;}
  .enter a { padding: 10px 0; width: 45%; display: inline-block;}
  #d_tab29 {height: 267px;}
  #d_tab29 .d_img li.cur a { padding: 15px;}
  .h_problemC dl dt time {border-right: 0;padding: 5px 0 0 0;margin-right: 0;}
  .h_exhibitionC .tab a{padding: 7px 27px;}
  .clickcontent dl a, .clickcontent2 dl a,.stardetailC { padding: 20px;}
  .clicktab, .clicktab2{font-size: 16px;}
  .topzhuanjiamainBottom .tab a{padding: 0 32px;}
  .topzhuanjiamainBottom .tab a.on {font-size: 17px;}
  .qkzz3 li .left img,.chose1C li .left img{width:58px;}
  .qkzz3 li .left,.chose1C li .left { margin-right: 7px;}
  .qkzz3 .floatright,.chose1C .floatright{width: 60%;margin-left: 20%;}
  .otherbanner1  img{width:136%;margin-left:-20%;}
  .chose3liucheng img { width: 50px;}
  .chose3liucheng ul li.li1, .chose3liucheng ul li.li2, .chose3liucheng ul li.li4 {margin-left: 34px;}
  .chose3liucheng ul li.li1 { top: -1%;}
  .chose3liucheng ul li.li2 { top: 27%;}
  .chose3liucheng ul li.li3 { top: 8%; width: 40%;left: 0;}
  .chose3liucheng ul li.li5 { width: 40%;left: 0;}
  .line1, .line2 {width: 81px;height: 143px;top: 4%;}
  .line2 {top:65%;}
  .chose3liucheng {font-size: 12px;line-height: 19px;}
  .search {bottom: 24%;}
  .xunyi1C li .left {margin-right: 11px;}
  .xunyi1C li {padding:0;}
  .ys_h_peixunC #d_tab29 { height: 334px;}
  .othernav a{padding:15px 0;}
  .ystitle p { font-size: 14px;}
  .ys_classC dl dd h5{font-size: 16px;}
  .ysnewmainL time span { margin: 0 7px;font-size: 12px;}
  .ysnewmainL h1{ font-size:20px;}
  .loginB {padding: 30px 20px 50px;}
  .head2R {font-size: 12px;}
  .modifyuser div b { display: block; width: 100%; text-align: left;line-height:43px;}
  .modifyuser input {width: 100%;margin-left: 0;}
  .xx,.userhonorsc,.designcase div textarea,.xx2{ margin-left: 0 !important;width:100%;}
  .modifyuser .address,.designcase .tip,.designcase .tijiao{margin-left: 0 !important;}
  .per_uploadcase div .red{ display:none;}
  .per_uploadcase div b .red{ display:inline-block;}
  .xxdz .tip,.beizhu .tip,.uploadcasetijiao{ margin-left: 0;}
  .beizhu textarea,.u_contentBox .u_contentL ul li{width:100%;}
  .flexAuto li p {font-size: 14px;padding:6px 0;    line-height: 20px;}
  .u_contentBox .u_contentL ul{display: block;}
  .u_contentBox .u_contentL .liBox{padding: 8% 0;}
  .news_title h1 {font-size: 18px;line-height: 26px;}
  .on_content .listLeft h1{padding-left: 12px;}
  .fwll_c1 {line-height: 25px;margin-top: 10px;}
  h4, .h4 {  font-size: 16px;}
  .news_cont video{width:100% !important;}
}
@media(max-width:400px){
  .ys_honorC dl dd span{ display:none;}
  .h_title2 h2 { font-size: 21px;}
  #d_tab29 .d_prev, #d_tab29 .d_next { top: 27%;}
  #d_tab29 .d_prev { left: 0;}
  #d_tab29 .d_next { right: 0;}
  #d_tab29 { height: 195px;}
  .hzjz2LC { padding: 20px;}
  .product1C iframe { min-height: 232px;}
  .line1, .line2 {margin-right: 35px;}
  .searchL input {width: 58%;padding: 0 5px;}
  .search button { font-size: 14px;}
  .ys_h_peixunC #d_tab29 { height: 279px;}
  body {background-size: 150% auto !important;}
  .yeqiaorenC dl dt span {margin-top: 10px;}
  .yeqiaorenC dl dt h5{font-size:23px;}
  .on_content .listLeft h1{font-size: 19px;}
  .hrtitle h1 span {font-size: 14px;margin-top: -1px;}
  .news_cont iframe{height:250px;}
  
}

/*@media(max-width:360px){
  .flexAuto li{
    width: 100%;
    margin-left: 0 !important;
  }
}*/