
/*效果过渡*/
._ea{-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s;  }
/*超过行数溢出隐藏*/
._el{overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._el3{overflow:hidden;word-break: break-all;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
    audio:not([controls]) {
        display: none;
        height: 0;
    }
[hidden]{
    display: none;
}
a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}
legend {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}
@media print {
    *,
    *:before,
    *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
        a[href]:after {
            content: " (" attr(href) ")";
        }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }
        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}


table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after
{
  display: table;
  content: " ";
}
.container:after,
.container-fluid:after,
.row:after{
  clear: both;
}


/*banner*/
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1320px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*通用样式*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0; outline: none;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:Arial;color:#666666;}
code, kbd, pre, samp {font-family:Arial;}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
a{ text-decoration:none; 
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{ cursor:pointer;}
img{border:0; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal;font-family:Arial;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0;font-family:Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}
.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.clearfix:after{content:'';display:block;height:0;overflow:hidden;clear:both;zoom:1;}
*{font-family:"Arial";}
a{color:#666666;}
/*字母大写*/
.D1{text-transform:uppercase;}
/*字母小写*/
.D2{text-transform:lowercase;}
/*字母首字母大写*/
.D3{text-transform:capitalize;}

/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff center center no-repeat;
}
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
}
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    left:40px;
    top: 50%;
    display: block;
    width: 52px;
    height: 100px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index:100;
}
.slick-next{
    left:auto;
    right:40px;
}
@media  screen and (max-width:991px){
.slick-prev,
.slick-next
{
    width: 30px;
    height: 58px;
    background-size:30px 58px;
}
.slick-next{
    background-size:30px 58px;
}
}
@media  screen and (max-width:767px){
.slick-prev,
.slick-next
{
    left:15px;
    width: 26px;
    height: 50px;
    background-size:26px 50px;
}
.slick-next{
    left:auto;
    right:15px;
    background-size:26px 50px;
}    
}

.slick-dots
{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: ' ';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.margin_pc{ float:left; width:100%;}
.margin_mobile{ float:left; width:100%; display:none;}
@media  screen and (max-width:991px){
.margin_pc{ display:none;}
.margin_mobile{ display:block;}
}


@media screen (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}

  ._pimg {
            width: 100%;
            overflow: hidden;
        }

            ._pimg ._div {
                position: relative;
                overflow:hidden;
            }

            ._pimg ._img {
                width: 100%;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
            }
._pop{ background:rgba(0,0,0,0.6); float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:16; display:none;}
._pop video{ width:100%;}
._col{ float:left; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); text-align:center; cursor:pointer; position:absolute; right:-40px; top:0; width:40px; height:40px; color:#fff; line-height:30px; font-size:50px;}
._htm{ float:left; width:800px; font-size:14px; line-height:26px; color:#fff; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
._html_con{ float:left; width:100%;overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:80vh;
}
._html_con::-webkit-scrollbar {
 width:3px
}
._html_con::-webkit-scrollbar-track
{
background-color:#e5e5e5;
 border-radius:3px
}
 
._html_con::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#C01;
 border-radius:3px
}



@media  screen and (max-width: 767px){
._col{ right:-5px; top:-30px; width:30px; height:30px; color:#fff; line-height:20px; font-size:36px;}
._htm{width:90%;}
	
}




img{ max-width:100%; }
._mw940{ max-width:940px; margin: 0 auto;}
._mw1106{max-width:1106px;margin: 0 auto;}
._mw1140{max-width:1140px;margin: 0 auto;}
._mw1400{max-width:1400px;margin: 0 auto;}
._mw1532{max-width:1532px;margin: 0 auto;}
._mw1200{max-width:1200px;margin: 0 auto;}
._mw1250{max-width:1250px;margin: 0 auto;}


#obtn .ctext{ float:left; width:100%; padding-left:5%; padding-right:5%;}

@media screen and (max-width:992px ){
#obtn .ctext{ padding-left:15px; padding-right:15px;}
}


#obtn .head ._mw1106{ padding-right:3%;}
#obtn .ctext .logo{ float:left; margin:7px 0 9px 0; line-height:0;}
#obtn .ctext .logo img{ height:98px;}
#obtn .ctext .tel{ float:right; color:#1c1c1c; font-size:14px; line-height:30px; margin:50px 5.3% 0 0;}
#obtn .ctext .tel img{ display:inline-block; vertical-align:top; height:30px; margin-right:7px;}

/*menu*/
#obtn .menuBg{ background:#f39801;}
#obtn .menu{float:left; width:100%; }
#obtn .menu ul{float:left; width:100%; display:flex; justify-content: space-between; }
#obtn .menu .nli{ float:left; display: flex;}
#obtn .menu .nli span a{ float:left; display: flex; color:#fff; font-size:20px; line-height:60px; font-weight:bold; position:relative;}
#obtn .menu .nli span a:after{ float:left; width:0; height:1px; position:absolute; left:50%; top:45px;  content:''; background:#fff; opacity:0.2;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);
}
#obtn .menu .nli:hover span a:after{ width:100%;}
#obtn .menu .nli i{ position: absolute; width:23px; height: 23px; left: 0; obtn:50%; margin-top: -11px;}

@media screen and (max-width:1200px ){	
#obtn .menu .nli span a{ font-size:18px;}

}
@media screen and (max-width:992px ){
#obtn .head{ position:relative; z-index:16; background:#fff;}	
#obtn .head ._mw1106{ padding-right:0;}
#obtn .ctext .logo{ margin:5px 0;}
#obtn .ctext .logo img{ height:56px;}
#obtn .ctext .tel{ display:none;}

#obtn .menu{ display:none;}

}

/*手机导航按钮*/
#obtn .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:22px 0;}
#obtn .menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
#obtn .menuph .point:hover .navbtn,
#obtn .menuph .point:hover .navbtn::after,
#obtn .menuph .point:hover .navbtn::before {  width: 28px;  }
#obtn .menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #f39801;  }
#obtn .menuph .navbtn::after,
#obtn .menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #f39801;  }
#obtn .menuph .navbtn::after {  top: -11px;  }
#obtn .menuph .navbtn::before {  top: 10px;  }
#obtn .menuph .point.active .navbtn{  background: transparent;  }
#obtn .menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
#obtn .menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }
@media screen and (max-width:992px ){
#obtn .menuph{ display:block;}
}

/*手机导航*/
#obtn .xialaph{ position:absolute; right:0; top:0; float:left; width:100%; padding:66px 0 0 0;  display: none;  z-index:15;}
#obtn .xialaph ul{ float:right; width:170px; background:#f39801; position:relative; z-index:15; padding:0 5px; box-shadow:0 5px 10px rgba(0,0,0,0.2);} 
#obtn .xialaph .nli{ float:left; width:100%; padding:0 8px; border-bottom:1px solid rgba(255,255,255,0.2);}
#obtn .xialaph .nli span a{ float:left; width:100%; line-height:44px; color:#fff; font-size:16px; font-weight:bold;}

/*手机底部导航*/
#obtn .pf_hei{width:100%; float:left; height:50px;}
#obtn .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#f39801; z-index:13; box-shadow:0 -4px 7px rgba(0,0,0,0.15);}
#obtn .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);}
#obtn .pf_down li .ico{ width:100%; float:left; height:20px;}
#obtn .pf_down li .ico img{ height:20px;}
#obtn .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}


/*底部*/
#obtn .footer{ background:#f1f1f1; padding-top:21px; padding-bottom:17px; }
#obtn .footer ._mw1200{ padding-left:3%;}
#obtn .footer .nav{ float:left; color:#000000; font-size:20px; line-height:46px;}
#obtn .footer .nav a{ float:left; color:#000000; position:relative; margin-right:36px;}
#obtn .footer .nav a:after{ float:left; width:2px; height:100%; position:absolute; right:-19px; top:0; content:''; background:#949494;}
#obtn .footer .nav a:last-child:after{ display:none;}
#obtn .footer .nav a:hover{ color:#f39801;}
#obtn .footer .Copyright{ float:right; color:#000000; font-size:20px; line-height:30px; margin:8px 0;}
#obtn .footer .Copyright a{ color:#000000;}
#obtn .footer .Copyright a:hover{ color:#f39801;}

@media screen and (max-width:1200px ) {

}
@media screen and (max-width:992px ) {
#obtn .footer ._mw1200{ padding-left:0;}
#obtn .footer .nav{ font-size:16px; line-height:28px;}
#obtn .footer .nav a{ margin-right:30px;}
#obtn .footer .nav a:after{ height:80%; top:10%; right:-16px;}
#obtn .footer .Copyright{ font-size:16px; line-height:26px; margin:1px 0;}

}
@media screen and (max-width:768px ) {
#obtn .footer{ padding-bottom:70px;}	
#obtn .footer .nav{ width:100%; text-align:center;}	
#obtn .footer .nav a{ display:inline-table; float:none; margin:0 15px;}
#obtn .footer .nav a:after{ width:1px; height:60%; top:20%; right:-16px;}
#obtn .footer .Copyright{ width:100%; text-align:center;}

}

/*banner*/
#obtn .slide_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden; text-align:center;}
#obtn .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;}
#obtn .slide_banner img{ width:100%;}

@media screen and (max-width:992px){

}


#obtn .ctext1{ padding-top:68px; padding-bottom:60px;}
#obtn .ctext1 .left{ float:left; width:65%; padding-left:1.4%;}
#obtn .ctext1 .left h1{ float:left; width:100%; color:#333333; font-size:46px; line-height:56px; font-weight:bold; text-transform:uppercase;}
#obtn .ctext1 .left h1 span{ float:left; padding-bottom:3px; border-bottom:3px solid #f39800;}
#obtn .ctext1 .left .p{ float:left; width:100%; color:#333333; font-size:24px; line-height:36px; /*word-break:break-all;*/overflow:hidden;/*word-break: break-all;*/display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:8; margin:20px 0 44px 0; }
#obtn .ctext1 .left .btn{ display:flex; margin:0 auto; justify-content: center; width:167px; height:39px; line-height:39px; color:#fff; font-size:26px; text-align:center; background:#f39801; border-radius:39px;}
#obtn .ctext1 .left .btn:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#obtn .ctext1 .right{ float:right; width:26.6%; padding-right:2.3%; margin-top:10px;}
#obtn .ctext1 .right h1{ float:left; width:100%; color:#333333; font-size:20px; line-height:50px; border-bottom:3px solid #f39800;}
#obtn .ctext1 .right h1 img{ height:50px; margin-right:18px;}
#obtn .ctext1 .right form{ float:left; width:100%; margin-top:8px;}
#obtn .ctext1 .right .fv{ float:left; width:100%; margin-top:9px; height:42px; line-height:24px; border:1px solid #c4c4c4; color:#333333; border-radius:5px; font-size:14px; padding:8px 16px;}
#obtn .ctext1 .right .fv1{ float:left; width:100%; margin-top:9px; margin-bottom:13px; height:150px; line-height:24px; border:1px solid #c4c4c4; color:#333333; border-radius:5px; font-size:14px; padding:8px 16px;}
#obtn .ctext1 .right .sub{ display:flex; margin:0 auto; justify-content: center; width:116px; height:39px; line-height:39px; color:#fff; font-size:26px; text-align:center; background:#f39801; border-radius:39px;}
#obtn .ctext1 .right .sub:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#obtn .ctext1 .right ::-webkit-input-placeholder{color:#333333}
#obtn .ctext1 .right :-moz-placeholder{color:#333333}
#obtn .ctext1 .right ::-moz-placeholder{color:#333333}
#obtn .ctext1 .right :-ms-input-placeholder{color:#333333}
@media screen and (max-width:1200px){
#obtn .ctext1 .left{ padding-left:0;}
#obtn .ctext1 .right{ padding-right:0;}
	
}

@media screen and (max-width:992px){
#obtn .ctext1{ padding-top:25px; padding-bottom:30px;}
#obtn .ctext1 .left h1{ font-size:24px; line-height:34px;}
#obtn .ctext1 .left h1 span{ border-bottom:2px solid #f39800;}
#obtn .ctext1 .left .p{ font-size:16px; line-height:30px; margin:20px 0 40px 0; }
#obtn .ctext1 .left .btn{ font-size:18px; height:32px; line-height:32px; width:130px; }
#obtn .ctext1 .right{ margin-top:6px;}
#obtn .ctext1 .right form{ margin-top:4px;}
#obtn .ctext1 .right .sub{ font-size:18px; height:32px; line-height:32px; width:100px; }
#obtn .ctext1 .right .fv{ height:36px; padding:5px 12px; margin-top:8px; }
#obtn .ctext1 .right .fv1{ height:108px; padding:5px 12px; margin-bottom:12px; }
#obtn .ctext1 .right h1{ font-size:18px; line-height:36px; border-bottom:2px solid #f39800;}
#obtn .ctext1 .right h1 img{ height:28px; margin-right:10px;}	


}
@media screen and (max-width:768px){
#obtn .ctext1 .left{ width:100%;}	
#obtn .ctext1 .left .p{ font-size:16px; line-height:26px; margin:10px 0 15px 0; -webkit-line-clamp:6;}
#obtn .ctext1 .right{ width:100%; margin-top:20px;}

	
}

#obtn .ctext2{ background:#f1f1f1; padding-top:30px; padding-bottom:56px;}
#obtn .ctext2 ._title{ float:left; width:100%; color:#333333; font-size:50px; line-height:60px; text-align:center; font-weight:bold; text-transform:uppercase; display: flex; justify-content: center;}
#obtn .ctext2 ._title span{ display:flex; padding-bottom:3px; border-bottom:3px solid #f39800;}
#obtn .ctext2 .list{ float:left; width:100%; margin-top:38px; overflow:hidden;}
#obtn .ctext2 .list ul{ margin:0 -59px;}
#obtn .ctext2 .list li{ float:left; width:33.33%; margin-bottom:45px; padding-left:59px; padding-right:59px;}
#obtn .ctext2 .list li a{ float:left; width:100%; background:#fff; text-align:center; padding-top:13px;}
#obtn .ctext2 .list li h5{ float:left; width:100%; color:#333333; font-size:22px; line-height:32px; padding:11px 11px; border-bottom:2px solid #b7b7b7; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
#obtn .ctext2 .list li i{ float:left; width:100%; line-height:0; overflow:hidden;}
#obtn .ctext2 .list li i img{ width:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#obtn .ctext2 .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#obtn .ctext2 .list li span{ float:left; width:100%; color:#fff; font-size:32px; line-height:58px; background:#f39801;}
#obtn .ctext2 .list li a:hover{ background:#f39801; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#obtn .ctext2 .list li a:hover h5{ color:#fff;}
#obtn .ctext2 .list li a:hover span{ background:#f1f1f1;color:#666;}

#obtn .ctext2 .btn{ float:left; width:100%; margin-top:36px; display: flex; justify-content: center;}
#obtn .ctext2 .btn a{ display:flex; width:552px; background:#f39800; color:#fff; font-size:28px; line-height:42px; border-radius:12px; justify-content: center; flex-direction:column; text-align:center; }
#obtn .ctext2 .btn a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#obtn .ctext2 .btn a i{ line-height:0; margin:9px 0 4px 0;}
#obtn .ctext2 .btn a i img{ display:block; margin:0 auto; width:42px; height:42px;}
#obtn .ctext2 .btn a span{ display:inline-table;  width:100%;}
@media screen and (max-width:1200px){
#obtn .ctext2 .list ul{ margin:0 -30px;}
#obtn .ctext2 .list li{ padding-left:30px; padding-right:30px;}	
}
@media screen and (max-width:992px){
#obtn .ctext2{ padding-top:25px; padding-bottom:30px;}	
#obtn .ctext2 ._title{ font-size:26px; line-height:36px;}
#obtn .ctext2 ._title span{ border-bottom:2px solid #f39800;}
#obtn .ctext2 .list{ margin-top:20px;}
#obtn .ctext2 .list ul{ margin:0 -6px;}
#obtn .ctext2 .list li{ padding-left:6px; padding-right:6px; margin-bottom:15px;}	
#obtn .ctext2 .list li a{ padding-top:6px;}
#obtn .ctext2 .list li h5{ font-size:16px; line-height:26px; padding:6px 6px; border-bottom:1px solid #b7b7b7;}
#obtn .ctext2 .list li span{ font-size:18px; line-height:38px;}
#obtn .ctext2 .btn{ margin-top:10px;}
#obtn .ctext2 .btn a{ width:270px; font-size:16px; line-height:28px; border-radius:8px; }
#obtn .ctext2 .btn a i{margin:7px 0 0px 0;}
#obtn .ctext2 .btn a i img{ width:26px; height:26px;}

}
@media screen and (max-width:768px){
#obtn .ctext2 .list li{ width:50%;}	
}







#obtn .ctext3{ padding-top:46px; padding-bottom:64px;}
#obtn .ctext3 ._title{ float:left; width:100%; color:#333333; font-size:50px; line-height:60px; text-align:center; font-weight:bold; text-transform:uppercase; display: flex; justify-content: center;}
#obtn .ctext3 ._title span{ display:flex; padding-bottom:3px; border-bottom:3px solid #f39800;}
#obtn .ctext3 ._info{ float:left; width:100%; color:#333333; font-size:46px; line-height:56px; text-align:center; font-weight:bold; font-style:italic;}
#obtn .ctext3 ._info span{ color:#f39801; font-size:66px;}
#obtn .ctext3 .list{ float:left; width:100%; margin-top:51px; margin-bottom:45px; overflow:hidden;}
#obtn .ctext3 .list ul{ margin:0 -23px;}
#obtn .ctext3 .list li{ float:left; width:50%; margin-bottom:24px; padding-left:23px; padding-right:23px;}
#obtn .ctext3 .list li a{ float:left; width:100%; border:1px solid #979797; position:relative; min-height:250px; padding:25px 0 15px 250px;}
#obtn .ctext3 .list li .p{ float:left; width:100%; color:#333333; font-size:14px; line-height:20px;overflow:hidden;word-break: break-all;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:10; padding:0 20px; }
#obtn .ctext3 .list li i{ float:left; width:250px; height:250px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;}
#obtn .ctext3 .list li i img{ width:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#obtn .ctext3 .list li a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#obtn .ctext3 .list li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}

@media screen and (max-width:1200px){
#obtn .ctext3 .list li a{ padding:15px 0 15px 182px; min-height:182px;}	
#obtn .ctext3 .list li i{ width:182px; height:182px;}
#obtn .ctext3 .list li .p{-webkit-line-clamp:8; padding:0 16px;}
#obtn .ctext3 ._info{ font-size:36px; line-height:46px;}
#obtn .ctext3 ._info span{ font-size:56px;}
}
@media screen and (max-width:992px){
#obtn .ctext3{ padding-top:25px; padding-bottom:30px;}	
#obtn .ctext3 ._title{ font-size:26px; line-height:36px;}
#obtn .ctext3 ._title span{ border-bottom:2px solid #f39800;}
#obtn .ctext3 ._info{ font-size:24px; line-height:34px;}
#obtn .ctext3 ._info span{ font-size:34px;}
#obtn .ctext3 .list{ margin-top:20px; margin-bottom:10px;}
#obtn .ctext3 .list ul{ margin:0 -6px;}
#obtn .ctext3 .list li{ padding-left:6px; padding-right:6px; margin-bottom:15px;}	
#obtn .ctext3 .list li .p{ font-size:14px; line-height:17px;}

}
@media screen and (max-width:768px){
#obtn .ctext3 .list li{ width:100%;}	
#obtn .ctext3 .list li a{ padding:15px 0 15px 132px; min-height:132px;}	
#obtn .ctext3 .list li i{ width:132px; height:132px;}
#obtn .ctext3 .list li .p{-webkit-line-clamp:6; padding:0 15px;}	
#obtn .ctext3 ._info{ font-size:20px; line-height:30px;}
#obtn .ctext3 ._info span{ font-size:30px;}

}

#obtn .banner{ float:left; width:100%; line-height:0; }
#obtn .about{ padding-top:102px; padding-bottom:110px;}
#obtn .about  h1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; font-weight:bold; }
#obtn .about  h1 span{ float:left; padding-bottom:9px; border-bottom:3px solid #f39800;}
#obtn .about .p{ float:left; width:100%; color:#333333; font-size:24px; line-height:36px; margin:40px 0 62px 0; }
#obtn .about .img{ float:right; width:41.66%; line-height:0; margin:-36px 20px 10px 5%; position:relative;}
#obtn .about .img:after{ float:left; width:100%; height:100%; position:absolute; right:-20px; top:-20px; content:''; border:1px solid #7d7d7d; z-index:3;}
#obtn .about .img img{ position:relative; z-index:4;}

#obtn .about h1 span{display:flex;align-items:flex-end}
#obtn .about h1 span h2{color:#333333;font-size:16px;line-height:18px;padding-right:30px;}

@media screen and (max-width:992px){
#obtn .about{ padding-top:25px; padding-bottom:30px;}
#obtn .about h1{ font-size:24px; line-height:34px;}
#obtn .about h1 span{ border-bottom:2px solid #f39800; padding-bottom:4px;}
#obtn .about .p{ font-size:16px; line-height:26px; margin:20px 0 40px 0; }
#obtn .about .img{ margin:0 15px 10px 15px; position:relative;}
#obtn .about .img:after{ top:-15px; right:-15px;}

}
@media screen and (max-width:768px){

#obtn .about h1 span h2{font-size:14px;line-height:16px;padding-right:15px;}
#obtn .about .p{ margin:15px 0 20px 0; }
#obtn .about .img{ margin:12px 8px 10px 8px; position:relative;}
#obtn .about .img:after{ top:-8px; right:-8px;}
	
}

#obtn .FAQS ul{ float:left; width:100%; margin:41px 0;}
#obtn .FAQS ul li{ float:left; width:100%; padding:52px 9.8%; position:relative; }
#obtn .FAQS ul li:after{ float:left; width:100%; height:2px; position:absolute; left:0; bottom:0; content:'';
background-image: -webkit-linear-gradient(right, rgba(255,255, 255, 0) 0%, rgba(243,154, 4, 1) 50%, rgba(255,255, 255, 0) 100%);
background-image: -moz-linear-gradient(right, rgba(255,255, 255, 0) 0%, rgba(243,154, 4, 1) 50%, rgba(255,255, 255, 0) 100%);
background-image: -o-linear-gradient(right, rgba(255,255, 255, 0) 0%, rgba(243,154, 4, 1) 50%, rgba(255,255, 255, 0) 100%);
background-image: linear-gradient(right, rgba(255,255, 255, 0) 0%, rgba(243,154, 4, 1) 50%, rgba(255,255, 255, 0) 100%);
}
#obtn .FAQS ul li:last-child:after{ display:none;}
#obtn .FAQS ul li a{ float:left; width:100%; background:#f1f1f1; padding:29px 20px 29px 404px; position:relative; min-height:391px;}
#obtn .FAQS ul li a i{ float:left; width:313px; height:313px; line-height:0; overflow:hidden; position:absolute; left:47px; top:40px; }
#obtn .FAQS ul li a i img{ width:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#obtn .FAQS ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#obtn .FAQS ul li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#obtn .FAQS ul li a .text{ float:left; width:100%;}
#obtn .FAQS ul li a h1{ float:left; width:100%; color:#333333; font-size:36px; line-height:44px;}
#obtn .FAQS ul li a .p{ float:left; width:100%; color:#333333; font-size:20px; line-height:28px; overflow:hidden; white-space:pre-wrap;
                        display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:11; margin-top:36px;}
#obtn .FAQS ul li a:hover h1{ color:#f39802;}
@media screen and (max-width:1200px){
#obtn .FAQS ul li{ padding:52px 3%;}
#obtn .FAQS ul li a{ min-height:340px; padding:29px 20px 29px 340px;}
#obtn .FAQS ul li a i{ width:260px; height:260px; left:40px; top:40px; }
#obtn .FAQS ul li a h1{ font-size:30px; line-height:38px;}
#obtn .FAQS ul li a .p{ font-size:16px; line-height:20px; margin-top:20px;}

}

@media screen and (max-width:992px){
#obtn .FAQS ul{ margin:15px 0;}	
#obtn .FAQS ul li{ padding:20px 0;}
#obtn .FAQS ul li a{ min-height:230px; padding:15px 15px 15px 230px;}
#obtn .FAQS ul li a i{ width:200px; height:200px; left:15px; top:15px; }
#obtn .FAQS ul li a h1{ font-size:20px; line-height:28px;}
#obtn .FAQS ul li a .p{ font-size:16px; line-height:20px; margin-top:10px;}

}
@media screen and (max-width:767px){
#obtn .FAQS ul{ margin:15px 0;}	
#obtn .FAQS ul li{ padding:20px 0;}
#obtn .FAQS ul li a{ min-height:142px; padding:12px 10px 12px 142px;}
#obtn .FAQS ul li a i{ width:122px; height:122px; left:10px; top:10px; }
#obtn .FAQS ul li a h1{ font-size:18px; line-height:24px; overflow:hidden; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
#obtn .FAQS ul li a .p{-webkit-line-clamp:3;}

}

#obtn .contact{ padding-top:44px; padding-bottom:53px;}
#obtn .contact .form{ float:left; width:100%; padding:0 8.5% 0 6.9%;}
#obtn .contact .form h1{ float:left; width:100%; color:#333333; font-size:30px; line-height:50px; border-bottom:3px solid #f39800;}
#obtn .contact .form h1 img{ height:50px; margin-right:18px;}
#obtn .contact .form h2{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; margin:22px 0 28px 0;}
#obtn .contact .form form{ float:left; width:100%; margin-top:8px;}
#obtn .contact .form .fv{ float:left; width:100%; margin-top:10px; height:49px; line-height:25px; border:1px solid #c4c4c4; color:#333333; border-radius:5px; font-size:14px; padding:11px 19px;}
#obtn .contact .form .sub{ float:right; width:179px; height:60px; line-height:60px; color:#fff; font-size:40px; text-align:center; background:#f39801; border-radius:18px; margin-top:64px;}
#obtn .contact .form .sub:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#obtn .contact .form .inL{ float:left; width:68.8%;}
#obtn .contact .form ::-webkit-input-placeholder{color:#333333}
#obtn .contact .form :-moz-placeholder{color:#333333}
#obtn .contact .form ::-moz-placeholder{color:#333333}
#obtn .contact .form :-ms-input-placeholder{color:#333333}
#obtn .contact .map{ float:left; width:100%; margin-top:68px; padding:0 19px 0 28px;}
#obtn .contact ._mapbox{ float:right; width:46.5%; height:357px;}
#obtn .contact .left{ float:left; width:48.5%;}
#obtn .contact .left .tit1{ float:left; width:100%; color:#000000; font-size:28px; line-height:38px; font-weight:bold; margin:14px 0 14px 0;}
#obtn .contact .left .p1{ float:left; width:100%; color:#000000; font-size:24px; line-height:34px; position:relative; padding:5px 0 0 64px; min-height:48px; margin:11px 0;}
#obtn .contact .left .p1 img{ float:left; width:42px; height:42px; position:absolute; left:0; top:0;}

@media screen and (max-width:1200px){
#obtn .contact .form{ padding:0;}
#obtn .contact .map{ padding:0;}

}

@media screen and (max-width:992px){
#obtn .contact{ padding-top:25px; padding-bottom:30px;}
#obtn .contact .form .sub{ font-size:20px; height:42px; line-height:42px; width:120px; margin-top:47px; border-radius:10px; }
#obtn .contact .form .fv{ height:36px; padding:5px 12px; margin-top:8px; }
#obtn .contact .form h1{ font-size:20px; line-height:38px; border-bottom:2px solid #f39800;}
#obtn .contact .form h1 img{ height:28px; margin-right:10px;}	
#obtn .contact .form h2{ font-size:16px; line-height:26px; margin:12px 0 0 0;}
#obtn .contact .map{ margin-top:20px;}
#obtn .contact .left .tit1{ font-size:18px; line-height:28px;}
#obtn .contact .left .p1{ font-size:16px; line-height:26px; padding:0 0 0 38px; min-height:26px; margin:8px 0;}
#obtn .contact .left .p1 img{ width:26px; height:26px;}
#obtn .contact ._mapbox{ height:300px;}

}
@media screen and (max-width:768px){
#obtn .contact .form .inL{ width:100%; margin-bottom:20px;}
#obtn .contact .form .sub{ float:none; display:flex; text-align:center; margin:0 auto; font-size:20px; height:40px; line-height:40px; width:120px; justify-content: center;}
#obtn .contact .left{ width:100%;}
#obtn .contact .left .tit1{ margin:5px 0;}
#obtn .contact ._mapbox{ width:100%; margin-top:10px;}

	
}




#obtn .food1{ padding-top:73px; padding-bottom:11px;}
#obtn .food1 h1{ float:left; width:100%; color:#333333; font-size:46px; line-height:56px; font-weight:bold; text-transform:uppercase; padding:0 15px;}
#obtn .food1 h1 span{ float:left; padding-bottom:3px; border-bottom:3px solid #f39800;}
#obtn .food1 .p{ float:left; width:100%; color:#333333; font-size:24px; line-height:36px; margin:40px 0 22px 0;padding:0 15px; }
#obtn .food1 .tit1{ float:left; width:100%; color:#ff0000; font-size:40px; line-height:50px; padding:15px 15px; margin-top:20px; }
#obtn .food1 .info{ float:left; width:100%; color:#005ba3; font-size:26px; line-height:65px; margin-bottom:36px;}
#obtn .food1 .info .ml{ margin-right:-30px;}
#obtn .food1 .info .s{ float:left; border:1px solid #f39801; border-radius:65px; padding:0 30px; margin:0 30px 27px 0;}
#obtn .food1 .info .s:hover{ color:#f39801;}

@media screen and (max-width:1200px){
#obtn .food1 h1{ padding:0;}
#obtn .food1 .p{ padding:0;}
#obtn .food1 .tit1{ padding:15px 0;}	
	
}
@media screen and (max-width:992px){
#obtn .food1{ padding-top:25px;}
#obtn .food1 h1{ font-size:24px; line-height:36px;}
#obtn .food1 h1 span{ border-bottom:2px solid #f39800; padding-bottom:4px;}
#obtn .food1 .p{ font-size:16px; line-height:26px; margin:15px 0 10px 0; }
#obtn .food1 .tit1{ font-size:20px; line-height:30px; padding:10px 0; margin-top:0;}
#obtn .food1 .info{ font-size:14px; line-height:30px; margin-bottom:0;}
#obtn .food1 .info .ml{ margin-right:-8px;}
#obtn .food1 .info .s{ padding:0 12px; margin:0 8px 12px 0;}
}
@media screen and (max-width:768px){
#obtn .food1{ padding-bottom:25px;}

}



#obtn .list2{ margin-top:75px; margin-bottom:106px; background:#f1f1f1; padding-top:13px; padding-bottom:16px;}
#obtn .list2 ul{ margin:0 -27px; display: flex; flex-wrap: wrap;}
#obtn .list2 li{ float:left; width:33.33%; padding:26px 27px;}
#obtn .list2 li a{ float:left; width:100%; background:#fff; border-radius:18px; padding:15px 15px 0 15px; text-align:center;}
#obtn .list2 li a i{ float:left; width:100%; line-height:0; overflow:hidden;}
#obtn .list2 li a i img{ width:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#obtn .list2 li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#obtn .list2 li h5{ float:left; width:100%; min-height:123px; color:#333333; font-size:32px; line-height:38px; margin-top:11px;display: flex;  align-items: center;  justify-content: center; padding:4px 0;}
#obtn .list2 li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#obtn .list2 li a:hover h5{ color:#f39801;}
#obtn .inTitle{ float:left; width:100%; display: flex;  align-items: center;  justify-content: center;}
#obtn .inTitle span{ float:left; display: flex;  align-items: center;  justify-content: center; text-align:center; min-width:436px; min-height:154px; color:#333333; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; border:1px solid #f39801; padding:17px 20px; position:relative; background:#fff;}

#obtn .inTitle span:after,
#obtn .inTitle span:before,
#obtn .inTitle span i:after,
#obtn .inTitle span i:before{ float:left; width:1px; height:102px; position:absolute; content:''; background:#f39801; transform:translate(0,-40%) rotate(50deg); -moz-transform:translate(0,-40%) rotate(50deg); -ms-transform:translate(0,-40%) rotate(50deg); -o-transform:translate(0,-40%) rotate(50deg); -webkit-transform:translate(0,-40%) rotate(50deg); z-index:-1;}
#obtn .inTitle span:after{ top:100%; left:0; margin-top:-10px;}
#obtn .inTitle span:before{ top:0; right:0; margin-top:-10px;}
#obtn .inTitle span i{ float:left; width:100%; height:100%; position:absolute; left:0; top:0;}
#obtn .inTitle span i:after{ top:100%; right:27.5%; margin-top:-10px;}
#obtn .inTitle span i:before{ top:0; left:27.5%; margin-top:-10px;}

@media screen and (max-width:992px){
#obtn .inTitle span{ min-width:220px; min-height:56px; font-size:22px; line-height:28px; padding:8px 15px;}
#obtn .inTitle span:after,
#obtn .inTitle span:before,
#obtn .inTitle span i:after,
#obtn .inTitle span i:before{ height:46px; }	
#obtn .inTitle span:after{ top:100%; left:0; margin-top:-4px;}
#obtn .inTitle span:before{ top:0; right:0; margin-top:-4px;}
#obtn .inTitle span i:after{ top:100%; right:27.5%; margin-top:-4px;}
#obtn .inTitle span i:before{ top:0; left:27.5%; margin-top:-4px;}

	
#obtn .list2{ margin-top:35px; margin-bottom:40px;}
#obtn .list2 ul{ margin:0 -6px;}
#obtn .list2 li{ padding:7px 6px;}
#obtn .list2 li a{ border-radius:8px; padding:8px 8px 0 8px;}
#obtn .list2 li h5{ font-size:16px; line-height:22px; min-height:52px; margin-top:3px;}


}
@media screen and (max-width:768px){
#obtn .list2 li{ width:50%;}	
#obtn .list2 li h5{ word-break:break-all;}
	
}


#obtn .flower1{ margin-top:121px; margin-bottom:87px;}
#obtn .list1{ float:left; width:100%; margin-top:87px;}
#obtn .list1 ul{ float:left; width:100%; display: flex; flex-wrap: wrap;}
#obtn .list1 li{ float:left; width:50%; background:#f7f7f7; position:relative; margin:30px 0; padding:0 55px 0 236px;}
#obtn .list1 li i{ float:left; position:absolute; left:24px; top:50%; border:1px solid #f39801; background:#fff; width:154px; height:207px; margin-top:-103px;-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;  
}
#obtn .list1 li i img{ float:left; position:absolute; left:0; top:50%; width:213px; height:207px; max-width:none; z-index:3; margin-top:-103px;}
#obtn .list1 li .text{ float:left; width:100%; min-height:168px;}
#obtn .list1 li .text h5{ float:left; width:100%; color:#005ba3; font-size:36px; line-height:42px; font-weight:bold;margin-top:20px;}
#obtn .list1 li .text .p{ float:left; width:100%; color:#666666; font-size:18px; line-height:24px; margin-top:3px;}
#obtn .list1 li:hover i{ box-shadow:5px 5px 15px rgba(0,0,0,0.2);}
#obtn .list1 li:hover h5{ color:#f39801;}


@media screen and (max-width:1600px){
#obtn .list1 li{ padding:0 20px 0 232px;}	
#obtn .list1 li i{ left:20px;}
	
}
@media screen and (max-width:1200px){
#obtn .list1 li .text h5{ font-size:24px; line-height:30px;margin-top:10px;}		
#obtn .list1 li .text .p{ font-size:14px; line-height:20px;}	
	
}
@media screen and (max-width:992px){
#obtn .flower1{ margin-top:40px; margin-bottom:40px;}
#obtn .list1{ margin-top:30px;}
#obtn .list1 li{ padding:0 12px 0 152px; margin:15px 0;}	
#obtn .list1 li i{ left:12px; width:102px; height:158px; margin-top:-79px;}
#obtn .list1 li i img{ width:142px; height:138px; margin-top:-69px;}
#obtn .list1 li .text{ min-height:140px;}
#obtn .list1 li .text h5{ font-size:20px; line-height:26px;}	
}
@media screen and (max-width:768px){
#obtn .list1 li{ width:100%;}
	
}



#obtn .list3{ float:left; width:100%; margin-top:92px; margin-bottom:65px;}
#obtn .list3 ._l1{ float:left; width:33.33%; border:1px solid #918b8a; border-bottom:none; border-right:none; margin:-1px 0 0 -1px;}
#obtn .list3 dl{ float:left; width:100%; color:#fff; font-size:28px; line-height:36px; background:#106fb8; font-weight:bold; border-bottom:1px solid #918b8a; display: flex; flex-wrap: wrap; }
#obtn .list3 dl dd{ float:left; min-height:46px;  display: flex;  align-items: center;  justify-content: center; border-right:1px solid rgba(0,0,0,0.5); padding:7px 5px; }
#obtn .list3 ul{ float:left; width:100%; color:#080404; font-size:22px; line-height:30px; text-align:center; border-bottom:1px solid #918b8a; display: flex;  flex-wrap: wrap; }
#obtn .list3 ul:nth-child(2n+1){ background:#dbeaf4;}
#obtn .list3 ul li{ float:left; min-height:46px; display: flex;  align-items: center;  justify-content: center; border-right:1px solid #918b8a; padding:7px 5px; }
#obtn .list3 .l1{ width:36%;}
#obtn .list3 .l2{ width:64%;}
#obtn .list3 ul .l2{ justify-content:flex-start; text-align:left; padding-left:5%;}

#obtn .list4{ display: flex;  justify-content:center; flex-wrap:wrap;}


@media screen and (max-width:1600px){
#obtn .list3 dl{ font-size:18px; line-height:26px;}	
#obtn .list3 ul{ font-size:16px; line-height:24px;}

}
@media screen and (max-width:992px){
#obtn .list3{ margin-top:30px; margin-bottom:40px;}

}
@media screen and (max-width:768px){
#obtn .list3{word-break: break-all;}	
#obtn .list3 dl{ font-size:12px; line-height:20px;}	
#obtn .list3 dl dd{ padding:4px 6px; min-height:32px;}
#obtn .list3 ul{ font-size:12px; line-height:20px;}
#obtn .list3 ul li{ padding:4px 6px; min-height:32px;}
#obtn .list3 ul .l2{ padding-left:10px;}
#obtn .list3 ._l1{ width:100%;}




}



#obtn .list5{ margin-top:72px; margin-bottom:83px; background:#f1f1f1; padding-top:58px; padding-bottom:29px;}
#obtn .list5 h1{ float:left; width:100%; color:#333333; font-size:40px; line-height:50px; position:relative; padding-left:28px;}
#obtn .list5 h1:after{ float:left; width:18px; height:18px; border-radius:50%; content:''; background:#f39801; position:absolute; left:0; top:50%; margin-top:-9px;}
#obtn .list5 .mt0{ margin-top:96px;}
#obtn .list5 .ul{ float:left; width:100%; margin-top:-54px;}
#obtn .list5 ul{ margin:0 -10px; display: flex; flex-wrap: wrap;}
#obtn .list5 li{ float:left; width:33.33%; padding:0 10px;  margin-top:72px;}
#obtn .list5 li a{ float:left; width:100%; text-align:center;}
#obtn .list5 li a i{ float:left; width:100%; line-height:0; overflow:hidden;}
#obtn .list5 li a i img{ width:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#obtn .list5 li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#obtn .list5 li h5{ min-width:143px; background:#f8a201; color:#fff; font-size:40px; line-height:57px; border-radius:57px; margin-top:3px;display:inline-flex;  align-items: center;  justify-content: center; padding:0 10px;}
#obtn .list5 li a:hover h5{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}


@media screen and (max-width:992px){
#obtn .list5{ margin-top:35px; margin-bottom:40px; padding-top:20px; padding-bottom:20px;}
#obtn .list5 h1{ font-size:24px; line-height:34px; padding-left:16px;}
#obtn .list5 h1:after{ width:10px; height:10px; margin-top:-5px;}
#obtn .list5 .mt0{ margin-top:25px;}
#obtn .list5 .ul{ margin-top:-25px;}
#obtn .list5 ul{ margin:0 -6px;}
#obtn .list5 li{ margin-top:20px;}
#obtn .list5 li h5{ font-size:20px; line-height:36px; margin-top:3px; min-width:100px;}
}
@media screen and (max-width:768px){
#obtn .list5 li{ width:50%;}	
}

#obtn .FAQS_Det{ float:left; width:100%; margin-top:95px; margin-bottom:62px; }
#obtn .FAQS_Det .tit{ float:left; width:100%;display: flex;  align-items: center;  justify-content: center; }
#obtn .FAQS_Det .tit h1{ float:left; color:#fff; font-size:40px; line-height:90px;background:#F39801;width:75%;justify-content:center;
                          font-weight:bold; border-radius:32px; text-align:center;display: flex;}
#obtn .FAQS_Det .info{ float:left; width:100%; color:#333333; font-size:28px; line-height:34px; margin:77px 0 70px 0; padding:0 2.2%;}
#obtn .FAQS_Det ._btn{ float:left; width:100%;display: flex;  align-items: center;  justify-content: center; }
#obtn .FAQS_Det ._btn a{ float:left; width:227px; border:1px solid #f39801; color:#f39801; font-size:36px; line-height:80px; font-weight:bold;  border-radius:80px; display: flex; justify-content: center;}
#obtn .FAQS_Det ._btn a:hover{ background:#f39801; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#obtn .FAQS_Det .sx_fy{ float:left; width:100%; margin-top:55px;}
#obtn .FAQS_Det .sx_fy a{ float:left; max-width:48%; color:#333333; font-size:30px; line-height:38px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; position:relative; padding-left:25px;}
#obtn .FAQS_Det .sx_fy a.r{ float:right;}
#obtn .FAQS_Det .sx_fy a:hover{ color:#f39801;}
#obtn .FAQS_Det .sx_fy a:after{ float:left; width:11px; height:11px; content:''; background:#f39801; border-radius:50%; position:absolute; left:0; top:14px;}



#obtn .newn{ float:left; width:100%; margin-top:95px; margin-bottom:62px; }
#obtn .newn .tit{ float:left; width:100%;display: flex;  align-items: center;  justify-content: center; }
#obtn .newn .tit h1{ float:left; color:#333; font-size:36px; line-height:48px;font-weight:bold; border-radius:32px; text-align:center;display: flex;}

#obtn .newn .info{ float:left; width:100%; color:#333333; font-size:28px; line-height:34px; margin:77px 0 70px 0; padding:0 2.2%;}
#obtn .newn ._btn{ float:left; width:100%;display: flex;  align-items: center;  justify-content: center; }
#obtn .newn ._btn a{ float:left; width:227px; border:1px solid #f39801; color:#f39801; font-size:36px; line-height:80px; font-weight:bold;  border-radius:80px; display: flex; justify-content: center;}
#obtn .newn ._btn a:hover{ background:#f39801; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#obtn .newn .sx_fy{ float:left; width:100%; margin-top:55px;}
#obtn .newn .sx_fy a{ float:left; max-width:48%; color:#333333; font-size:30px; line-height:38px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; position:relative; padding-left:25px;}
#obtn .newn .sx_fy a.r{ float:right;}
#obtn .newn .sx_fy a:hover{ color:#f39801;}
#obtn .newn .sx_fy a:after{ float:left; width:11px; height:11px; content:''; background:#f39801; border-radius:50%; position:absolute; left:0; top:14px;}
#obtn .newn .xinx{font-size:16px;line-height:18px;color:#BCBCBC;text-align:center;margin-top:25px;float:left;width:100%}
@media screen and (max-width:992px){
#obtn .FAQS_Det{ margin-top:30px; margin-bottom:30px; }	#obtn .FAQS_Det .tit h1
#obtn .FAQS_Det .tit h1{ font-size:20px; line-height:50px;width:100%}
#obtn .FAQS_Det .info{ font-size:16px; line-height:26px; margin:20px 0 20px 0;}
#obtn .FAQS_Det ._btn a{ width:120px; font-size:20px; line-height:42px; border-radius:42px;}
#obtn .FAQS_Det .sx_fy{ margin-top:20px;}
#obtn .FAQS_Det .sx_fy a{ font-size:16px; line-height:26px; padding-left:20px;}
#obtn .FAQS_Det .sx_fy a:after{ width:8px; height:8px; top:9px;}

#obtn .newn{ margin-top:30px; margin-bottom:30px; }	
#obtn .newn .tit h1{ font-size:20px; line-height:50px;}
#obtn .newn .info{ font-size:16px; line-height:26px; margin:20px 0 20px 0;}
#obtn .newn ._btn a{ width:120px; font-size:20px; line-height:42px; border-radius:42px;}
#obtn .newn .sx_fy{ margin-top:20px;}
#obtn .newn .sx_fy a{ font-size:16px; line-height:26px; padding-left:20px;}
#obtn .newn .sx_fy a:after{ width:8px; height:8px; top:9px;}

#obtn .newn .xinx{font-size:14px;line-height:16px;color:#BCBCBC;text-align:center;margin-top:15px;float:left;width:100%}



}








.ce {position: fixed;top: 20%;z-index: 999;width: 69px;background: #eeeeee;right: 0px;padding: 3px 0px;}

.ce li {margin: 0px 10px;border-bottom: 1px solid #aaaaaa;padding-bottom: 2px;text-align: center;padding-bottom: 6px;list-style: none;}

.ce li.noborder {border: none;}

.ce li img {margin-top: 6px;max-width: 100%;}

.weixin {position: relative;cursor: pointer;}

.ewm {position: absolute;top: -999999px;max-width: 100px !important;}

.weixin:hover .ewm {top: -25px;right: 58px;}

.ce li:last-child,.ce li.pcshow{border: none;}

.wapshow{display: none;}

@media(max-width:767px) {

	.ce{bottom:50px;top: auto;width: 155px;z-index: 999999; }

	.ce li{float: left;border-right:1px solid #aaaaaa; border-bottom: none;margin: 0;padding: 0 10px;}

	.wapshow{display: block;}

	.pcshow{display: none;}

}


#obtn .inTitle span.span9{flex-direction:column}
#obtn .inTitle span h2{font-size:24px;color:#333333;line-height:30px;margin-top:10px;}
@media(max-width:992px){
    #obtn .inTitle span h2{font-size:16px;line-height:24px;margin-top:5px;}
    .wailian{display:none}
}










.wailian{float:right;margin: 50px 0 0 0;font-size:16px;color:#333}
