/* 頭部導航*/
* { margin: 0;padding: 0;}
::-webkit-scrollbar
{
width: 10px;
height:10px;
}

::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 0px;
background: rgba(0,0,0,0.1);
}

::-webkit-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:hover
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.4);
}

::selection
{
  background:#FF0000;
  color:#fff;
}

::-moz-selection
{
  background:#FF0000;
  color:#fff;
}

::-webkit-selection
{
  background:#FF0000;
  color:#fff;
}

html {overflow-x:hidden;}
body, html {margin:0px; width:100%; background:#fff; margin:0 auto; }
body, html, table, th, td, div, input, select, textarea, option {font-family:Arial, tahoma, Verdana, Helvetica, sans-serif; font-size:13px; }
body, html, table, th, td, div, input, select, textarea, option, font, a {font-family:Arial, "Microsoft YaHei" ! important;}

em      {font-size:12px; font-style:normal; color:#AAA;}
small   {font-size:10px; color:#AAA;}
strong    {color:#000;}
p     {padding-bottom:10px;}
blockquote    {padding:6px 20px; margin:0 0 20px; border-left:5px solid #eee;}
.content blockquote p {padding-bottom:0;}
input, textarea, select {font-family:"Hiragino Sans GB",Helvetica,Arial,"Microsoft Yahei";}
input, textarea   {font-size:14px; padding:8px 10px; border:1px solid #D9D9D6; border-radius:4px; outline:0; width:100%;}
button    {padding:6px 10px; background-color:#de3b8a; color:white; font-size:14px; border-radius:4px; cursor:pointer; outline:0; border:none;}
label   {display:block; clear:both; color:#AAA; padding-bottom:5px;}
ul{list-style:none;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1  {font-size:28px; padding:0 0 20px;}
h2  {font-size:22px; padding:0 0 12px;}
h2 em {font-size:18px; color:#CCC;}
h3  {font-size:20px; margin:0 0 15px;}
h5  {font-size:16px; padding:0 0 15px;}
hr {
    clear: both;
    border: 0px;
    margin: 20px 0px 20px 0px;
    padding: 0px;
    height: 1px;
    line-height: 1px;
    font-size: 0px;
    border-bottom: 1px solid #ccc;
}

.img-responsive{width:100%;position:relative;}

.l    {float:left;}
.r    {float:right;}
.nf   {float:none;}
.clear  {clear:both; overflow:hidden;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mb50 {margin-bottom:50px;}
.ml60 {margin-left:60px;}
.pd10 {padding:10px;}
.pd14 {padding:14px;}
.none {background-color:#F3F3F3; padding:10px; color:#AAA; margin:30px;}
.ml64 {margin-left:64px;}
.f12 {font-size:12px;}
.f15 {font-size:15px;}
.f26{font-size:26px;}
.lh180    {line-height:180%;}
.readonly {background-color:#EEE; border:none; color:#999;}
.redlink  {color:#b94a48;}
.gray   {color:#999;}
.nodisplay {display:none;}
.btn-large  {padding:10px 16px; font-size:16px;}
.oh     {overflow:hidden;}
.bg-white   {background-color:#fff;}
.text-center{text-align:center;}
.times { animation-delay: 200ms;-webkit-animation-delay: 200ms;}
.maincolor,.mc{color:#8e8e8e;}
.unline{text-decoration:underline }

a {
    color: inherit;
    color: expression(this.parentNode.currentStyle.color);
    text-decoration: none;
    &:focus {
        outline: thin dotted;
    }
    &:active,
    &:hover {
        outline: 0;
    }
}
a:hover{ color:#E60039; }
.ffclear{height:1px; clear:both;}


.more{margin:80px auto; text-align:center;}
.more a, a.more {
    line-height: 100%;
    font-size: 16px;
    text-decoration: none;
    padding: 15px 60px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #C7C7C7;
    background: #fff;
    color: #ABABAB;
}
.more a:hover, a:hover.more{color:#fff; background-color:#000;}
.ease_in_out, .ease_in_out:hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.item_image{margin:0;margin-top:150px;}
.item_image .col-md-4,.item_image .col-md-6, .item_image .col-sm-12,.item_image .col-md-12{padding:0px; overflow:hidden}
.item_image img{width:100%;display: block;}

.showcontent a{ text-decoration: underline; }



.sitelogo{width:600px;height:400px;position:absolute;left:0px;top:-101%;z-index:-1;}
.bigao { position: relative; padding-left:50px; padding-right:50px; margin:0 auto; max-width:1750px ! important; *width:expression(this.offsetWidth < 1750 ? 'auto' : '1750px');}
.showarticle{width:792px;}
.page_width {
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1500px ! important;
    *width: expression(this.offsetWidth < 1500 ? 'auto' : '1500px');
}
.page_head {margin-top:0px; width:100%; height:80px; padding-top:20px; display: block; left:0px; top:0px; z-index:500; background:#fff; position:fixed; *position:absolute; box-shadow:0px 0px 6px rgba(0, 0, 0, .2); -webkit-box-sizing:none;-moz-box-sizing:none;box-sizing:none}

.page_head {*top:expression(eval(document.documentElement.scrollTop));}
.page_head_fix {width:100%; height:100px;}

#headbox{position:relative;z-index:1;}
.headbgstyle{float:right;position:relative;z-index:1;text-align:right;padding-top:5px;}
.web_logo {cursor:pointer;margin-top:3px;float:left;position:relative;z-index:2;}
.web_logo img {width:160px; max-width:100%; height:auto; display:block;}

.logo_slogan {float:left;position:relative;z-index:2;font-size:16px;letter-spacing:4px;margin-left:10px;margin-top:15px;}
.bg15th {width:177px;position:absolute;top:-20px; right:0px;}
.bg15th img {display:block;width:100%;height:auto;}


.slogan {font-size:15px;color:#666;padding-top:6px;float:right;text-align:right;padding-right: 200px;position:relative;line-height:150%;}
.slogan b {font-weight:normal;}
.slogan a {font-size:17px;}
.slogan span {display:block;position:relative;cursor:pointer;}
.slogan span img {display:none;position:absolute;top:60px;right:0px;width:168px;height:auto;}
.slogan span:hover img {display:block;}


.logo_foot {width:235px; height:32px; cursor:pointer; background:url(../image/logo.png) center center no-repeat;}
.logo_foot img {max-width:100%; display:block; visibility:hidden;}



.nav-black{display:none;}

/**nav_menu_button**/
.NavMenu{position:absolute;top:25px;left:0px;width:100%;}
.m_nav_menu_start {display:none;}
.m_nav_menu_close {top:25px;right:0px;background:none;}
.nav_menu_button {display:none;position:relative;z-index:600;float:right;cursor:pointer;padding:15px 0px 15px 10px;}
.nav_menu_button div {position:relative;width:30px;height:21px;}
.nav_menu_button span {display:block;cursor:pointer;position:absolute;width:100%;height:3px;background:#000;left:0px;top:0px;}
.nav_menu_button span.bar_mid {top:50%;margin-top:-2px;}
.nav_menu_button span.bar_down {top:auto;bottom:0px;}

.nav_menu_button.close span.bar_up, .nav_menu_button.close span.bar_down {opacity:0;*filter: Alpha(opacity=0);}
.nav_menu_button.close span.bar_mid {background:#fff;}
.nav_menu_button.close span.bar_mid.mid_up {transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.nav_menu_button.close span.bar_mid.mid_down {transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
/**nav_menu_button**/


.nav_menu_show_mask {position:absolute;z-index:20;left:0px;top:0px;width:100%;height:1000px;}

/* banner */
.fullSlide{ position:relative; background:#fff; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  }
.fullSlide .hd{position:relative; bottom:60px; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ position:relative; cursor:pointer; display:inline-block; *display:inline; zoom:1; margin:5px;  overflow:hidden;width: 85px;
height: 3px;    opacity: 1;    border-radius: 0;    background-color: #fff; box-shadow: 0 0 5px rgba(129, 129, 129, .3); overflow:hidden  }

.fullSlide .hd ul li:after {
    content: "";
    width: 0;
    height: 100%;
    background: #ffec00;
    position: absolute;
    top: 0;
    left: 0;
}
.fullSlide .hd ul .on{ background-color: #ffffff }

.fullSlide .hd ul .on:after {
    animation: width100 .5s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-animation: width100 .5s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}

@keyframes width100 {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes width100 {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}



.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:85px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(../image/arrow-l.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{  background:url(../image/arrow-r.png) 0 0 no-repeat; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

.fullSlide .item {}
.fullSlide .bd li{position: relative; width: 100%;   }


/* End banner */

/* tongjibox */
.tongjibox{text-align:center;padding-top:108px;/* padding-top:168px */}
.tjtxt{ animation-delay: 100ms;-webkit-animation-delay: 100ms;}
.tjimg{ animation-delay: 300ms;-webkit-animation-delay: 300ms;}
.tjsj{ color: #b2b2b2; animation-delay: 400ms;-webkit-animation-delay: 400ms;}
.tjcenter{margin-top: 63px;margin-bottom:28px;}
.tjcenter .suzitongzi{border-right:2px solid #ABABAB; height:130px; padding: 20px; }
.tjcenter .suzitongzi .nmb, .tjcenter .suzitongzi .nmbs{font-size:70px; text-align:left;font-weight:600;letter-spacing:0.1px; }
.tjcenter .suzitongzi .nmb span{position:relative; font-weight: 600;  }
.tjcenter .suzitongzi .nmb span em{font-weight:600; font-size:53px;color: #000; width: 30px;  vertical-align: top; position: absolute; top: 1px; right: 20px; }
.tjcenter .suzitongzi p{text-align:left;font-size:18px;color:#666666; line-height:28px;}
.tjcenter .suzitongzi:hover p span{color:#D7A034}
.tjcenter .suzitongzi.noright{border-right:none;}
.tjcenter .container{width:1273px;}
.tjcenter .row{padding-right: 15px;padding-left: 15px;}
.tjcenter .suzitongzi .nmb span::after{ display: table;content: " ";width: 24px; height: 4px; color: #FCF62F; background-color: #FCF62F; position:absolute; right: -30px;top: 25px; }
.tjcenter .suzitongzi .nmb span::before{ display: table;content: " ";width: 4px; height: 24px; color: #FCF62F; background-color: #FCF62F; position:absolute; right: -20px;top: 16px; }
.tjcenter .suzitongzi .nmbs em::after{ display: table;content: " ";width: 24px; height: 4px; color: #FCF62F; background-color: #FCF62F; position:absolute; right: -30px;top: 25px; }
.tjcenter .suzitongzi .nmbs em::before{ display: table;content: " ";width: 4px; height: 24px; color: #FCF62F; background-color: #FCF62F; position:absolute; right: -20px;top: 16px; }

/* End tongjibox */

/* Home service */
.homeservice{
    overflow: hidden;
    padding: 50px 0px 0 0;
}
.TableEvenly{width:100%;margin:0px ! important;padding:0px ! important;border:0px;text-align:justify;text-justify:inter-ideograph\9;}
.TableEvenly li{margin:0px;padding:0px;border:0px;display:inline-block ! important;width_:200px;height_:100px;padding-bottom:2px;vertical-align:top;}
.TableEvenly li{*display:inline ! important;}
.TableEvenly li.last{visibility:hidden;margin:0px;padding:0px;border:0px;width:100%;height:0px;*line-height:0px;*font-size:0px;overflow:hidden;clear:both;}

.TableEvenly li ul {float:none;display:;list-style:disc;margin:0px;padding:0px;}
.TableEvenly li ul li {float:none;display:list-item;list-style-type:disc;margin:0px;padding:0px;margin-left:13px;vertical-align:none;}

.works_class li, li.works_class {width:16.3%;margin:0px;border:0px !important;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:30px;background:#FFF418;text-align:center;}
.works_class li .title, li.works_class .title {display:block;width:100%;text-decoration:none;}
.works_class li .title h2, li.works_class .title h2 {font-size:22px;line-height:160%;display:block;word-wrap:break-word;word-break:break-all;}
.works_class li .title .icon, li.works_class .title .icon {display:block;width:92px;height:92px;overflow:hidden;position:relative;z-index:1;margin:30px auto 10px auto;}
.works_class li .title .icon img, li.works_class .title .icon img {display:block;position:absolute;left:0px;top:0px;width:100%;height:auto;}
.works_class li .title .icon img.hover, li.works_class .title .icon img.hover {z-index:2;top:auto;bottom:0px;opacity:0;*filter:Alpha(opacity=0);}
.works_class li .div, li.works_class .div {color:#8e8e8e; font-size:18px; line-height: 30px; }
.works_class li hr, li.works_class hr {width:72px;margin: 10px auto 20px auto;border-bottom:1px solid #fff;}

.works_class li:hover, li.works_class:hover, li.works_class.li_hover {background:#000;}
.works_class li:hover h2, li.works_class:hover h2, li.works_class.li_hover h2 {color:#fff;}
.works_class li:hover .title .icon img, li.works_class:hover .title .icon img, li.works_class.li_hover .title .icon img {opacity:0;*filter:Alpha(opacity=0);}
.works_class li:hover .title .icon img.hover, li.works_class:hover .title .icon img.hover, li.works_class.li_hover .title .icon img.hover {opacity:1;*filter:Alpha(opacity=100);}
.works_class li:hover .div, li.works_class:hover .div {color:#8e8e8e;}
.works_class li:hover hr, li.works_class:hover hr {width:80px;border-color:#fff;}

.ease_in_out_fast, .ease_in_out_fast:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* End service */


/* Home casetj */

.casetj{margin-top:108px;}
.home_content{color:#8e8e8e; text-align:center;}
.home_content li{font-size:40px; height: 58px; line-height: 58px; text-align:center;padding-bottom:5px;}
.home_content li.on{font-size:58px; text-align:center;padding:4px 0; color:#000;}

.indexcase{margin-top:130px; /* padding-bottom: 104px; */ border-bottom: 1px solid #B8B8B8;  }
.indexcase .row{margin-right: -28px;margin-left: -28px;}
.indexcase .col-md-4{padding-right: 28px;padding-left: 28px;}
.indexcase .col-sm-6{padding-right: 28px;padding-left: 28px;}

.caselist{width:100%; margin-bottom:60px;}
.caselist a{width:100%; height: 100%; overflow:hidden;display:block}
.caselist img{width:100%;}
.caselist .title{margin-top:30px; font-weight:500; font-size:23px; display: block; width: 99%; height: 25px; line-height: 25px; overflow: hidden;margin-bottom: 7px; padding-bottom: 0; }
.caselist .ftitle{font-size:20px;font-weight:300; height: 25px; line-height: 25px; padding-bottom: 0; overflow: hidden; color:#000;margin-bottom: 12px;}
.caselist .ftitle:hover{color:#000;}
.caselist .txt{font-size:18px;font-weight:300; color:#7c7c7c; padding-bottom: 0; height: 25px; line-height: 25px; overflow:hidden}
.caselist .txt span{margin-right:30px;}
.caselist .imgbox{width:100%;height:460px; overflow:hidden; position:relative; background-color: #000; }
.caselist .imgbox img{width:100%; height:100%; object-fit: cover; text-decoration: none; position: absolute;left: 0px;top: 0px; }
.caselist:hover .imgbox img{transform: scale(1.05); opacity:0.4;filter:alpha(opacity=40); transition: all 1s ease 0.1s; }
.caselist a:hover .txt {color:#000;}
.caselist a:hover .ftitle {color:#7c7c7c;}

/* End casetj */


.home_title{margin:0 auto; text-align:center;font-size:45px; margin-bottom:73px;}
.home_title a {font-size:45px;text-decoration:none;}
.home_title b {padding:10px 25px 10px 0px;background-image:url(../image/home_cyj.png);background-position:left center;background-repeat:no-repeat;}
.home_title b i {visibility:hidden;}


/* Home gzdesign */

.gzdesign{ margin-top: 80px;margin-bottom:106px; }
.gzdesignIn{ border-bottom: 2px solid #B8B8B8;  }

.cases .row {width:100%;margin:0;}
.cases .col-md-4, .cases .col-md-3, .cases .col-sm-6{padding-left:0; padding-right:0;}
.cases .kongjian {width:100%;margin-right:0%;margin-bottom:0px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;position:relative;}
.cases .kongjian .div {width:100%;padding-bottom:83%;overflow:hidden;position:relative;}
.cases .kongjian a, .cases .kongjian img {display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;text-decoration:none;}
.cases .kongjian .hover, .cases .kongjian .describe {opacity:0;*filter:Alpha(opacity=0);z-index:2;}
.cases .kongjian .hover {background-color:#000;}
.cases .kongjian .describe {z-index:3;font-size:17px;left:10%;top:auto;right:auto;bottom:0%;width:auto;height:auto;max-width:80%;line-height:180%;color:#fff;}
.cases .kongjian .describe b {display:block;font-weight:normal;font-size:20px;}
.cases .kongjian .describe b br {display:none;}
.cases .kongjian .describe b hr {display:inline-block;*display:inline;*zoom:1;width:0px;height:0px;margin:10px 0px 3px 0px;border-bottom:3px solid #fff;}

.cases .kongjian:hover .hover {opacity:0.8;*filter:Alpha(opacity=80);}
.cases .kongjian:hover .describe {opacity:1;*filter:Alpha(opacity=100);bottom:15%;}
.cases .kongjian:hover .describe hr {width:100%;width:80px;}


.seokeybox{background-color:#fff; padding: 0px 0 30px 0; }
.seokeybox .caseslike{padding:30px 20px;}
.seokeybox .caseslike h4{font-weight:600; font-size:16px;margin-bottom:15px;}
.seokeybox .caseslike p{width:48%;padding-right:2%;  line-height: 20px;padding-bottom: 10px; display:inline; float:left;}
.seokeybox .caseslike p a{color: #898989;}
.seokeybox .caseslike p a:hover{color: #000000;}

/* End gzdesign */

.VIdesign{}
.VIdesignIn{width:100%; background-color: #fff; padding: 0px 0; }
.VIdesignIn .ViKehu{margin-bottom:20px; height: 200px; overflow:hidden;  cursor:pointer;}
.VIdesignIn .ViKehu img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity:0.7;

}

.VIdesignIn .ViKehu:hover img{transform: scale(1.05);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(10%);
    filter: grayscale(0%);
    opacity:1;
    cursor:hand;
}
.linebottom{padding-bottom: 19px; border-bottom: 2px solid #B8B8B8; }


/* Home brandMing */
.brandMing{margin-top: 80px;}
.brandMing ul li{width:25%;}


/* End brandMing */

/* Index news */
.indexnews{margin-top:160px; text-align:center;}
.indexnews h4{font-size:34px; color:#000;}
.indexnews .titleh5{font-size:20px; color:#808080;margin-top: 10px; margin-bottom:83px;}
.indexnews .news{ border-bottom: 2px solid #B8B8B8; }

.news .row{margin-right: -10px;margin-left: -10px;}
.news .col-md-4,.news .col-sm-6{padding-right: 10px;padding-left: 10px;}
.newsli{text-align:left; margin-bottom: 20px; height: 528px; overflow: hidden; }
.newsli .title {position:relative;z-index:2;  height: 150px; background-color: #F2F2F2; color:#666;}
.newsli .title h3 {font-size:25px;color:#666;line-height:150%;margin:10px 0px;}
.newsli .title h3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.newsli .title h3 a {text-decoration:none;}
.newsli .title .div {position:absolute;z-index:1;left:0px;top:0px;width:100%;}
.newsli .title .div div {font-size:16px;padding:30px;position:relative;z-index:3;}
.newsli .title .div div span {display:block;font-size:16px;visibility:hidden;width:100%;line-height:150%;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.newsli .title .div div span b {font-weight:normal;}
.newsli .title .div div span a{margin-right:20px}
.newsli .image {position:relative;overflow:hidden;z-index:1;height: 376px; }
.newsli .image a img {width:100%;height:100%;max-width:none;z-index:1;}

.newsli .hover {z-index:-1;opacity:0;position:absolute;left:0px;top:0px;width:100%;min-height:100%;background-color:#FFF418;}
.newsli:hover .hover {z-index:1;opacity:1;}

.newsli:hover .title {z-index:3;background-color:#FFF418;color:#000;}
.newsli:hover .title h3 {color:#000;}
.newsli:hover .title h3 {overflow:visible;text-overflow:clip;display:block;}
.newsli:hover .title .div div {color:#000; background-color:#FFF418;}
.newsli:hover .title .div div span {visibility:visible;color:#000;overflow:visible;word-break:normal;white-space:normal;text-overflow:clip;}
.newsli:hover .image a img {transform:scale(1.05);}



.home_about {background:#fff;margin: 0 auto; margin-top: 126px;}
.home_about .home_title {color:#333333;font-size:25px;text-align:center;margin-bottom:0px;font-weight:bold; line-height: 45px;}
.home_about .home_content {padding-top: 20px;padding-bottom: 30px; width:90%;text-align:center;font-size:20px;margin:0 auto;font-weight: 300; color: #4d4d4d; line-height: 35px;
}
.home_about .home_content h2 {font-size:28px;}

 .about_menu {text-align:center;margin:20px 0px;}
 .about_menu a {background:#fff;color:#999;text-decoration:none;display:inline-block;*display:inline;*zoom:1;margin:10px 10px;padding:5px 18px;border:1px solid #ccc;}
.about_menu a:hover {color:#fff;background:#000;border-color:#000;}

.home_about .pictures{margin-top:70px;}
.home_about .pictures img {display:block;float:left;width:100%;height:auto;border:2px solid #fff; margin:-2px;}
.home_about .pictures div {float:left;}

.home_about .pictures div.max {width:50%;}
.home_about .pictures div.A {width:50%;}
.home_about .pictures div.A img,.home_about .pictures div.B img, .home_about .pictures div.C img, .home_about .pictures div.D img{height:335px;}
.home_about .pictures div.B {width:50%;}
.home_about .pictures div.mid,.home_about .pictures div.mid2 {width:26.5%;}
.home_about .pictures div.mid img{ height: 419px; }
.home_about .pictures div.D {width:26.5%;}
.home_about .pictures div.large, .home_about .pictures div.C{width:23.5%;}
.onefood{display:block;overflow:hidden;}
.home_about .pictures div.large img{height:100%; height:752px;}
.rimg img{ height: 419px;width: 100%; display: block; }
.img11{width:100%;}
.home_about .pictures div.mid2 img{ height: 335px; }
.home_about .pictures div.img11 img{ height: 419px; }

/* End Home_about */


.subbanner{width:100%; padding:20px 0 0 0; margin:0 auto; text-align:center;  }
.subbanners{width:100%; padding:0; margin:0 auto; text-align:center; position: relative;  }
.subbanner img, .subbanners img{width:100%;}
.subbannerTxt{text-align:center;font-size: 35px;color: #000;font-weight: normal; padding: 50px 0; }
.subbannerabc{width:100%; padding:0; margin:0 auto; text-align:center; position: relative; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.subbannerabc .txt{height:118px;  margin:0 auto; padding:150px 0;font-size:51px; color: #fff; }
.subbannerabc .txt p{margin-bottom:0;padding:0}

.subnavbox {text-align:center;margin:0px 0px 20px 0;border-bottom: 1px solid #B8B8B8; margin: 0 auto;padding-top: 50px; padding-bottom: 55px; }
.subnavbox a {background:#fff;color:#767676;text-decoration:none;display:inline-block;*display:inline;*zoom:1;margin:10px 10px;padding:6px 32px;border:1px solid #979797;font-size: 17px; height: 25px; line-height: 25px; }
.subnavbox a:hover, .subnavbox .active {color:#808080;background:#ffe400;border-color:#ffe400;}

.kouhaoshow{text-align:center;font-size: 30px;color: #000;margin-top:50px;}


/* case show */
.maincontent{background-color:#F2F2F2;}
.casesbox .indexcase{margin-top:84px}
.casesbox .gzdesignIn{margin-top:84px; padding-bottom:80px;border-bottom: 1px solid #B8B8B8; }
.casesbox .VIdesignIn{margin-top:84px}

.crumbs{display:none;}
.showtitle{padding:90px 0 60px 0; }
.showtitle h2{font-size:42px;font-weight:600;padding-bottom:8px;}
.showtitle h1{font-size:42px;font-weight:600;padding:0;margin:0}

.cansu{width:100%; font-size: 22px; border-top:1px solid #B8B8B8; border-bottom:1px solid #B8B8B8; padding:20px 0;}
.cansu ul li{font-size: 22px; font-weight:400; float:left; display:inline-block; margin-right:50px; color:#808080;}
.cansu ul li span{color:#000;}

.showtag{border-top:none; color: #808080; font-size: 18px;  }

.showcontent{padding:55px 0;}
.showcontent img, .img-box img{width:100%;height:auto;}
.img-box{padding:55px 0 0 0;}

.show_pages{width:100%;height: 58px;line-height: 58px; padding:52px 0; background-color: #F2F2F2; text-align:center;}
.show_pages .container{ height: 58px;line-height: 58px;display: block; }
.show_pages span{width:59px; height: 58px; line-height: 58px; overflow: hidden; background-color:#fff;font-size: 18px; color: #808080;margin: 0 10px; text-align: center;display:inline-block; position:relative;}
.show_pages span.nextpage{  padding: 0;background-color:#fff;overflow: hidden;  z-index: 0;   }
.show_pages span.nextpage::before, .show_pages span.prevpage::before{
        content: '←';
        width:59px; height: 58px;
        text-indent: 0;
        position: absolute;
        background-color: #fff;
        z-index: 1;
        left: 0;
        top: 0;
    }
.show_pages span.prevpage::before{content: '→';}
.show_pages span.nextpage a, .show_pages span.prevpage a{width:100%; height:100%; position: absolute; z-index: 5; text-indent: 20em;  }
.show_pages span.gebacksort{width:200px;}


.othercase{width:100%; background-color: #E6E6E6; padding: 99px 0; }
.othercase h3{display:none;}
.othercase .indexcase{margin-top:0; border-bottom:none;}
.othercase .caselist{margin-bottom:0}

/*   end case show */




/* About us */
.aboutcontent{background-color:#fff;}
.aboutsub{width:100%; padding-top: 0px; }
.aboutsub .subnavbox{padding-bottom:50px;}
.item_title{margin-top:94px;text-align: center; margin-bottom: 0px;}
.item_title h1 {font-size: 15px;font-weight: normal;color: #999;}
.item_content{text-align:center; margin:0 auto;}
.item_content p {
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 800px ! important;
    *width: expression(this.offsetWidth < 800 ? 'auto' : '800px');
}
.item_content div {font-size: 24px;line-height: 200%;}

.kouhao{width:100%;padding:0px ! important; margin-top: 117px; border:0px;text-align:justify;text-justify:inter-ideograph\9;}
.kouhao .li{font-size:24px;padding:10% 12% 6% 12%;margin: 0 20px; text-align:center;min-height:270px;background:#FFF418;color:#000;}
.kouhao .li{*display:inline ! important;}
.kouhao .li ul {float:none;display:;list-style:disc;margin:0px;padding:0px;}
.kouhao .li ul li {float:none;display:list-item;list-style-type:disc;margin:0px;padding:0px;margin-left:13px;vertical-align:none;}
.kouhao .li h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 160%;
    padding-bottom: 0;
}
.kouhao .li h3{line-height:160%;font-size: 25px;}



.txtbox {margin:0 auto;text-align: center; margin-top:120px;}
.txtbox h4{font-size:36px;font-weight:600;}
.txtshow{font-size:17px;padding-top:50px; line-height:30px; color: #4D4D4D; }
.foodimg2{margin-top:100px;}

.tongzi {padding:140px 0 0px 0;text-align:center;}

.about_h5{font-size:30px; font-weight:600; line-height: 190%; }

.fazelist{margin-top:50px;}
.fazelist .col-md-6{padding:0 30px;}
.fazelist .txts{
    font-size: 20px;
    padding: 5% 3% 5% 6%;
    border: 1px solid #000;
    line-height: 200%;
    text-align: left;
    margin-bottom: 20px;
    font-weight: 400;
}
.fazelist .txts b{font-weight:600;}

.foodimg4{margin-top:110px;}

.linkline{height:1px; display: block; }

.lstxt{padding-top:28px;}


.foodimg5{margin-top:109px;}
.item_content h2 {
    font-size: 32px;
    font-weight: normal;
    line-height: 160%;
    font-weight: 300;
}
.item_content h1 {
    font-size: 35px;
    font-weight: normal;
    line-height: 160%;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 10px;

}

div.txt_ze{font-size:18px;}
div.txt_ze p{font-size:18px;}
.foodimg6{margin-top:130px;}
.foodimg6 img{height:760px;}

/* gongri news */
.gongrinews{margin-top:30px}
.gongrinews .swiper-container {
      width: 100%;
      height: 100%;
      z-index: 0;
    }
.gongrinews .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      color: #fff;
      overflow: hidden;
    }


.gongrinews .swiper-slide .imgbox{width:100%; height:100%; z-index: 1; display: block; }
.gongrinews .swiper-slide:hover img{transform: scale(1.05); transition: all 1s ease 0.1s; }
.gongrinews .swiper-slide  .txt{ display: none; position: absolute; left: 0;top: 0; z-index: 2; width: 100%; height: 100%; background-color:rgba(241,0,48,0.8); overflow: hidden;  }

.gongrinews .swiper-slide  .txt .txtin{padding:8% 20%; overflow: hidden; text-align:left;}
.gongrinews .swiper-slide  .txt .txtin a{z-index: 1;width: 100%; height: 100%; }
.gongrinews .swiper-slide:hover .txt{display:block;background-color:rgba(241,0,48,0.8);transition: all 0.5s ease 0.1s; }
.gongrinews .swiper-slide  .txt .grtitle{font-size:30px; color:#fff;margin-bottom:8px; }
.gongrinews .swiper-slide  .txt .tagli{color:#e6e4e4; font-size:20px; margin-bottom:20px;font-weight:400;}
.gongrinews .swiper-slide  .txt .tagli a{margin-right:20px;}
.gongrinews .swiper-slide  .txt .tagli a:hover{color:#fff;}
.gongrinews .swiper-slide  .txt .tagli b{font-weight:normal;}
.gongrinews .swiper-slide  .txt p{font-size:20px;font-weight:400;}

.gongrinews .swiper-slide  .linkss{width:100%; height:100%; }


  .gongrinews .swiper-slide img{
    width:100%;
    height: 500px;
    }
  .gongrinews .swiper-slide .title{
    position:absolute;
    transform:rotate(90deg);
    transform-origin:left top;
    left:-3px;
    font-size:11px;
    color: rgb(102, 102, 102);}

  .gongrinews .swiper-button-next, .gongrinews .swiper-button-prev{
    width:140px;
    height:140px;
    background-size:100% 100%;
    margin-top:-70px;
    outline:none;
    background-color: #f00;
    left: 10%;
  }
 .gongrinews .swiper-button-prev{right: 10%;left: auto; }

 .gongrinews .swiper-button-next{    background-image:url(../image/Arrow_Left.gif);}
 .gongrinews .swiper-button-prev{    background-image:url(../image/Arrow_Right.gif);}


/* news page */
.newspagenav{border-top: 1px solid #B8B8B8; border-bottom:none; padding-top:45px; padding-bottom:0}
.newspage{margin-top:100px;border-bottom:none; padding-bottom: 100px; }
.newstitle{padding:40px 0; margin: 0 auto;    max-width: 1024px ! important;
    *width: expression(this.offsetWidth < 1024 ? 'auto' : '1024px');}

.newstitle h1{font-size: 46px;color: #000;font-weight: bold; text-align: center; }

.newscontent{padding: 40px 0; line-height: 30px; }
.newscontent img{max-width:100%;height: auto;}


.othernews{width:100%; background-color: #E6E6E6; padding: 90px 0  90px 0; }
.othernews h3{font-size:38px;margin-bottom:50px;}
.othernews h3 span{float:right;text-align:right;}
.othernews h3 span a{float:right;margin-top:18px;font-size:18px;}

.show_news_pages{width:100%;height: 58px;line-height: 58px; padding:52px 0; background-color: #fff; text-align:center;}
.show_news_pages .container{ height: 58px;line-height: 58px;display: block; }
.show_news_pages span{width:59px; height: 58px; line-height: 58px; overflow: hidden;border: 1px solid #000; background-color:#fff;font-size: 18px; color: #808080;margin: 0 10px; text-align: center;display:inline-block; position:relative;}
.show_news_pages span.nextpage{  padding: 0;background-color:#fff;border: 1px solid #000; overflow: hidden;  z-index: 0;   }
.show_news_pages span.nextpage::before, .show_news_pages span.prevpage::before{
        content: '←';
        width:59px; height: 58px;
        text-indent: 0;
        position: absolute;
        background-color: #fff;
        z-index: 1;
        left: 0;
        top: 0;
    }
.show_news_pages span.prevpage::before{content: '→';}
.show_news_pages span.nextpage a, .show_news_pages span.prevpage a{width:100%; height:100%; position: absolute; z-index: 5; text-indent: 20em;  }
.show_news_pages span.gebacksort{width:200px;}
.show_news_pages span.gebacksort a{width:100%; height:100%; display:block;}


.page_share a {margin-right:15px;}
.page_share a.bds_sqq {background:url(../image/icon_share_qq.png) center center no-repeat;}
.page_share a.bds_weixin {background:url(../image/icon_share_weixin.png) center center no-repeat;}
.page_share a.bds_tsina {background:url(../image/icon_share_weibo.png) center center no-repeat;}
.page_share a.bds_qzone {background:url(../image/icon_share_qzone.png) center center no-repeat;}
.page_share a.bds_more {background:url(../image/icon_share_more.png) center center no-repeat;}
.page_share a.email {background:url(../image/icon_share_email.png) center center no-repeat;}

.leftbox{width:100%;height:500px; position:relative;}

.keyword_l{position:absolute; top:50px; padding-bottom:30px; }
.aticleshow{  }
 .aticleshow .tagkey{ margin-bottom: 30px; line-height: 30px;  }
 .tagkey span{margin-right:6px; line-height: 25px; }
 .tagkey span a, .aticleshow .tagkey p a{color:#898989}
 .tagkey span a:hover, .aticleshow .tagkey p a:hover{color:#000000}
 .tagkey p{line-height:20px;   margin-top:8px; padding-bottom: 0; }
.keytitle{font-size:16px;font-weight:500; color:#393939;}



/* End news page */

/* contact */
  .contact div {font-size:16px;color:#000;}
  .contact .content {padding:90px 90px 100px 90px;margin-bottom:40%;background:rgba(255,255,255,0.9);}



  .contact .content h2 {font-size:30px;color:#666;font-weight:bold;margin-bottom:20px;margin-right: -15px;
    margin-left: -15px;}
  .contact .content h2 b {font-size:35px;color:#ff0000;}
  .contact .content h2 a {text-decoration:none;}
  .contact .content h3 {font-size:20px;margin-bottom:0}

  .contact .contact_1 {background:#fff;padding:100px 0px 70px 0px;}
  .contact .contact_2 {background:#fff;padding:80px 0px 70px 0px; line-height: 28px; }

  .contact .col-md-3{padding-left:0; line-height:23px;}
  .contact .col-md-3


/* End contact */

/*  teams */
.teams_box01{margin-top:0px;}
.teams_box01 img{width:100%;}
.teamssub{margin-top:50px;}
.teamssub .subnavbox{border-bottom:none; padding-bottom:50px;}

.txt_sizan{margin-top:-120px;line-height:42px;}

.teamslist{margin-top:60px; margin-right: -2px; }

.teamsbox{border-right:1px solid #fff; border-top:1px solid #fff; position: relative; font-size: 24px; }
.teamsbox a{width:100%; height:100%; display: block;  }
.teamsbox img{z-index:1; display:block;}

.teamsbox .txt{ z-index: 5; position: absolute; left: 0; top: 0; color: #fff;  padding:10% 10% 0% 10%; text-shadow:3px 3px 5px rgba(0, 0, 0, 1);}
.teamsbox .txt h1{font-size:100px; margin-bottom: 0; }
.teamsbox .txt h5, .teamsbox .txt h5 strong{
    font-size: 18px;
    line-height: 170%;
    color: #fff;
}
.teamsbox .txt h2{color: #fff; margin:0px;line-height:160%;font-size:60px;cursor:pointer;font-weight:normal !important;font-family:'SimSun' !important;}

.teamsbox:hover h2{ color: #ffe400 }

.jobbox{position: relative; margin: 0 auto; text-align: center;font-size: 24px; }
.jobbox hr {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 80px;
    border: 0px;
    border-top: 1px solid #ccc;
    margin: 40px 0px;
    text-align: center;
}
.txtjob h4{ font-size: 38px;
    text-align: center;
    font-weight: bold; }
.txtjob p{text-align:center;font-size: 24px;line-height: 180%;}

.txtjob_p{margin-top:40px;}
.txt_zixin{color:red; padding:20px 0; font-weight:600;line-height: 150%;font-size: 30px;}

.jobimg01{margin-top:50px;}

.jobimg01 img{ height: 386px; }

.tdjianli .item_title h1 {
    border-top: 1px solid #ccc;
    font-size: 24px;
    color: red;
    padding-top: 50px;
    font-weight: bold;
}

.tdjianli .item_content p{width:100%; min-width: 100%; }
.szearn{text-align:center;}
.szearn p{width:100%; min-width: 100%; }

.joblist{}
.gangwei{margin-top: 60px;padding-top: 10px;    position: relative;  cursor:pointer;  border-top: 1px solid #000; }
.gangwei .title span{float:right; font-weight:normal; color:#999999;}
.gangwei .title{font-size: 38px;    text-align: left;    font-weight: bold;}
.gangwei .txt{font-size: 18px;}

/* End teams */

/* reading start */
.readingcontent .item_content h2 {
    font-size: 35px;
    text-align: center;
    font-weight: bold;

}

.bannerTxts{ position: absolute; bottom: 80px; width: 100%; text-align: center; font-size: 26px;color: #fff;line-height: 180%;text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);}
.bannerTxts hr {width: 50px;margin: 30px auto 0px auto;height: 3px;    background: #fff;    border: 0px;}
.readingsub{margin-top:0px;}
.readingsub .subnavbox{padding:30px 0; border-bottom:none;}

.readingfood1 .item_content h1 {margin: 0;  font-size: 60px;font-family: "SimSun" !important;}
.readingfood1 .item_content p{font-size: 20px;line-height: 180%; margin-bottom:10px}

.readingfood2 .item_content h1 { margin-top:0;   font-size: 45px;    text-align: center;    font-weight: bold;}
.readingfood2 .item_content p {    font-size: 30px;}

.readingfood2 .lisilist, .readingfood2 .lisilist:hover, .readingfood2 .lisilist h3, .readingfood2 .lisilist:hover h3 {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}
.readingfood2 .lisilist {
    width: 60%;
    padding: 20px 10px;
    margin: auto;
    margin-bottom: auto;
    border: 1px solid #000;
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 20px;
}
.readingfood2 .lisilist h3{margin:0;font-weight:bold;font-size: 30px;}
.readingfood2 .lisilist:hover{background-color:#000; color:#fff;}

.readingfood3{margin-top:0px; background-color: #F5F5F5; }

.readingfood3 .item_content p{font-size:20px;line-height: 180%;}
.readingfood3 .item_content h2 {    font-size: 35px;    text-align: center;    font-weight: bold;}
.fuhuazihua{margin-top:80px; position:relative;}
.fuhuazihua .fhtxt{position:absolute;width:100%; bottom:80px;text-align: center; font-size: 18px;color: #fff;text-shadow: 2px 2px 3px rgba(0, 0, 0, .6); }
.fuhuazihua .fhtxt h1 { margin: 0;  padding-bottom: 10px; font-size: 45px;    color: #fff;    font-weight: bold;    line-height: 180%;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);}

.fuhuazihua .fhtxt  h2 {    font-size: 30px;    color: #fff;    font-weight: normal;    line-height: 180%;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);
}

.fuhuazihua .fhtxt div.arrow {
    width: 70px;
    height: 40px;
    margin: 40px auto 0px auto;
    background: transparent;
    background: url(../image/Arrow_Banner.png) center bottom no-repeat;
    cursor: pointer;

}
.zybox{margin-top:50px; margin-bottom:150px;}
.zybox hr{margin:50px 0;}
.zybox  .slideTxtBox{ width:100%;  text-align:left;  }
.zybox .slideTxtBox .hd{ height:100px; line-height:30px;  padding:0 10px 0 20px;  position:relative; }

.zybox .slideTxtBox .hd ul{width:100%; height:32px;   }
.zybox .slideTxtBox .hd ul li{
    width: 9%;
    position: relative;
    background: #fff;
    color: #000;
    font-size: 18px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 100%;
    margin: 10px 0.5%;
    padding: 10px 1% 10px 1%;
    border: 1px solid #999;
    cursor: pointer;

}
.zybox .slideTxtBox .hd ul li span {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../image/page_sub_Arrow_Down.png) center center no-repeat;
    z-index: 4;

}

.zybox .slideTxtBox .hd ul li.on{ background: #000;color: #B7852E;border-color: #000; }

.zybox .slideTxtBox .bd .headtxt{text-align:center;}
.zybox .slideTxtBox .bd .headtxt h2 {
    font-size: 35px;
    text-align: center;
    font-weight: bold;

}
.zybox .slideTxtBox .bd .headtxt p {
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 800px !important;
    *width: expression(this.offsetWidth < 800 ? 'auto' : '800px');
    font-size: 20px;
    margin-top: 20px;

}

.zybox .slideTxtBox .bd .row{ margin-top: 0px; zoom:1;  }
.gonglist{width: 80%;margin:0 auto;background: #fff;box-shadow: -2px 2px 8px rgba(0, 0, 0, .1);border: 1px solid #ccc;    border-top-color: rgb(204, 204, 204);border-right-color: rgb(204, 204, 204);border-bottom-color: rgb(204, 204, 204);border-left-color: rgb(204, 204, 204);padding: 30px;margin-top: 40px;font-size: 18px; line-height:25px;}
.gonglist img{width:100%;}
.gonglist h4{font-size: 22px;margin:8px 0;}
.gonglist .downtxt{height:150px;width:100%; overflow:hidden;font-size: 18px; }


.readingfood4{background-color:#fff;padding:80px 0;}
.readingfood4 .item_content h2 {    font-size: 48px;    font-weight: bold;}
.readingfood4 .item_content h1 {
    font-size: 48px;
    font-weight: bold;
    color: #ff0000;
    border: 3px solid #ff0000;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 10px 30px;
    font-family: "SimSun" !important;
    margin-top: 16px;
}
.readingfood4 .item_content h1 strong{ color: #ff0000; }

.readingfood4 .item_content h1:hover {
    background-color: #ff0000;
     color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.readingfood4 .item_content h1:hover strong{color:#fff;}

.readingfood4 .item_content h4 {    font-size: 30px;    font-weight: normal;}
.readingfood4 .item_content h3 {    font-size: 36px;    font-weight: bold;}
.readingfood4 .row{text-align:center;}
.readingfood4 .row .col-md-2{text-align:center;margin-right:1.6%; margin-left: 1.6%;}
.readingfood4 .row .col-md-2 img{max-width:100%;}
.readingfood4 a:hover.more{ color: #fff; }

.readingfood4 .item_content{margin-top:80px;}
.readingfood4 .item_content p{font-size:20px;}

.readingfood5{margin-top:80px;}
.readingfood5 h3 { font-weight: bold;   font-size: 20px;    margin: 0 0 15px;}


.fuhuacompany{margin-top:30px}

    .picScroll-left{ width:100%; position:relative;   }
    .picScroll-left .hd{ overflow:hidden;   }
    .picScroll-left .hd .prev,.picScroll-left .hd .next{     display: block;
    cursor: pointer;
    position: absolute;
    left: -40px;
    top: 0px;
    width: 40px;
    height: 100%;
    text-align: left;
    background: url(../image/Arrow_Banner_Gray.png) left center no-repeat;}

    .picScroll-left .prev_next .next {
    position: absolute;
    left: auto;
    right: 0%;
    top: 0px;
    text-align: right;
    background-position: right center;

}
    .picScroll-left .hd .next {
    position: absolute;
    left: auto;
    right: -40px;
    top: 0px;
    text-align: right;
    background-position: right center;

}



    .picScroll-left .bd{ padding:10px;   }
    .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
    .picScroll-left .bd ul li{ width: 25%;  float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picScroll-left .bd ul li .joinlist{border:1px solid #CCCCCC;margin:10px 10px;}
    .picScroll-left .bd ul li .pic{ text-align:center; }
    .picScroll-left .bd ul li .pic img{ width:100%; display:block; }
    .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
    .picScroll-left .bd ul li .txt{  padding: 20px; height: 200px; overflow: hidden; text-align: left;  }
     .picScroll-left .bd ul li .txt .title{font-weight: bold;font-size: 20px;margin-bottom: 5px;line-height:130%;}
     .picScroll-left .bd ul li .txt .suluan{font-size: 16px;line-height: 170%; color: #999;}
    .picScroll-left .bd ul li .txt .suluan span{margin-right:15px;}
    .picScroll-left .bd ul li .txt hr{margin:10px 0;}
    .picScroll-left .bd ul li .txt .desc{ font-size: 16px; line-height: 150%; }


.readingfood6 .item_content{margin-top:80px;}


.readingfood6 {border-bottom:1px solid #ccc;padding-bottom:0px;margin-bottom:30px;}
  .readingfood6 .difficult {width:80%;margin:50px auto 80px auto;}
  .readingfood6 .difficult h2, .readingfood6 .difficult h3, .readingfood6 .difficult h4, .readingfood6 .difficult h5 {font-weight:bold;background:url(../image/difficult_bg.png) center center no-repeat;background-size:100% 100%;cursor:pointer;display:inline-block;*display:inline;*zoom:1;padding:50px 50px 100px 50px;margin:0px 20px;}
  .readingfood6 .difficult h2:hover, .readingfood6 .difficult h3:hover, .readingfood6 .difficult h4:hover, .readingfood6 .difficult h5:hover {color:#B7852E;background-image:url(../image/difficult_bg_hover.png);}
  .readingfood6 .difficult h2 {font-size:28px;}
  .readingfood6 .difficult h3 {font-size:26px;}
  .readingfood6 .difficult h4 {font-size:22px;}
  .readingfood6 .difficult h5 {font-size:18px;}

.readingfood6 .difficult .no1, .readingfood6 .difficult .no3, .readingfood6 .difficult .no5, .readingfood6 .difficult .no6 {background-image:url(../image/difficult_left_bg.png);}
  .readingfood6 .difficult .no1:hover, .readingfood6 .difficult .no3:hover, .readingfood6 .difficult .no5:hover, .readingfood6 .difficult .no6:hover {background-image:url(../image/difficult_left_bg_hover.png);}

  .readingfood6 .difficult .no1 {margin-left:-150px;}
  .readingfood6 .difficult .no5 {margin-top:20px;vertical-align:top;}
  .readingfood6 .difficult .no6 {margin-right:-150px;}


.readingfood6 .item_content .color:hover {

    background: #B7852E;
    color: #fff;

}
.readingfood6 .item_content .color {
    font-size: 45px;
    padding: 10px;
    margin: 60px auto 30px auto;
    background: #ff0000;
    color: #fff;
    font-family: "SimSun" !important;

}
.jisuyin{ background-color: #F5F5F5; padding: 40px 0  80px 0; }

.jisuyin .row{text-align:center;font-size: 18px;}
.jisuyin .row .col-md-2{text-align:center;margin-right:1.6%; margin-left: 1.6%;}
.jisuyin .row .col-md-2 img{max-width:100%;}
.jisuyin .row div{font-size: 16px;}

.kaisou{background-color:#F5F5F5; padding:20px 0  80px 0;}
.kaisou .row{margin-top:40px;}
.kaisou .imgbb{border:1px solid #CCCCCC; margin-bottom: 40px; }
.kaisou .imgbb:hover{border:1px solid #000000;}
.kaisou .imgbb img{width:100%;display:block;}

.jisuhuisi{padding:0px 0 50px 0;font-size: 20px;}


.jisuluicheng{padding:50px 0;font-size: 20px;}
.jisuluicheng p{font-size: 20px;}

.jisuluicheng .item_content hr {
    width: 60px;
    margin: 20px auto;
}



.jisuluicheng .item_content h1{font-size:45px;}

.jisuluicheng .item_content .lusenlist {
    width: 70%;
    font-size: 30px;
    margin: auto;
    margin-bottom: 10px;
    border: 1px solid #666;
    padding: 10px;
}


/* End reading */


/* Tag page */
.searchbread{margin-top:50px; font-size:30px; }
.searchbread span{color:#E60033;font-weight:600}
.tagboxlist{margin-top:20px;border-top:1px solid #CCCCCC; padding-top:20px;margin-bottom:20px;}
.tagboxlist p{font-size:16px;font-weight:400;}
.tagboxlist span{font-size: 14px;margin-right:12px;}
.tagboxlist span a{color:#909090}
.tagboxlist span a:hover{color:#E60033}

.tagtop{margin-top:30px;}
.tagh2{margin-top:50px;}
.jiesuo{}
.jiesuo .jiesuoin {background-color:#F2F2F2;padding:30px 20px;border-left: 2px solid #E6004D; text-indent:2em; line-height:22px; color:#666666;}

/*footer*/

.foot_contact {padding:0px 0px 30px 0px; padding-top: 100px;position:relative;z-index:2;}
.foot_contact.white {background:#fff;}
.foot_contact.white .clear {height:100px;}
.foot_contact .contact_tel {text-align:center;margin-bottom:0px;}
.foot_contact .contact_tel a {text-decoration:none;}
.foot_contact .contact_tel .h1, .foot_contact .contact_tel .h1 a {font-size:54px;color:#000;font-weight:300;line-height:120% !important;}
.foot_contact .contact_tel .h2 {font-size:54px;padding:20px 0 20px 0; color:#000; font-weight: bold;}
.foot_contact .contact_tel .tel,.foot_contact .contact_tel .tel a{font-size: 64px; font-weight: 600;color:#000;}
.foot_contact .contact_tel .h4 {font-size:16px;line-height:100%;color:#fff;background:url(../image/contact_tel.png) left center no-repeat #000;padding-left:50px;font-weight:normal;display:inline-block;*display:inline;*zoom:1;margin-top:0px;}
.foot_contact .contact_tel .h4 a {display:block;padding:8px 30px;}
.foot_contact .contact_tel .h4:hover,.foot_contact .contact_tel .h4:hover a {color:#000;background-color:#FFF418;   }
.foot_contact .contact_tel .h4, .foot_contact .contact_tel .h4:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.foot_contact div, .foot_contact div a {font-size:16px; color:#afafaf; line-height:180%;}

.foot_contact .contact_left {width:45%;float:left;font-size:21px;}
.foot_contact .contact_left .div {width:160%;}
.foot_contact .contact_left .div div {float:left;margin-right:7%;}
.foot_contact .contact_left .div div b {font-weight:normal;font-family:Arial !important;}

.foot_contact .contact_right {width:50%;float:right;position:relative;}
.foot_contact .contact_right div {position:absolute;top:0px;right:0px;}
.foot_contact .contact_right div img {}


.foot_cartoon {background:#fff;}
.foot_cartoon .div {position:relative;z-index:1;overflow:hidden;margin-bottom:0px;height:76px; display: block;margin-top:30px;}
.foot_cartoon .div img {cursor:pointer;position:absolute;margin-left:-60px;left:50%;bottom:-82px;display: block;}


.footer{padding:60px 0; background-color: #000; color: #fff; z-index: 10 }
.footer{font-size: 14px; line-height: 22px;}
.footer h5{font-size: 20px;font-weight: 300; line-height: 35px;}
.footer a:hover{color: #D7A034; }
#frelinks{margin-top: 50px; padding: 10px 0; line-height: 22px;}
#frelinks span{margin-right: 8px;}
#frelinks a{color: #808080;}

#copyright,#copyright a{text-align: left; color: #808080; line-height: 22px;}

.footertxt{color: #fff;}
.footimg{text-align: right;width: 100%; height: 100%; position: absolute;left:0; bottom:0;}
.footimg img{width: 42%;margin-left: 3%;}
#copyright .txtright{text-align: right;}

/* QQ online */
.suspension{position:fixed;z-index:55;right:0;bottom:115px;width:65px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#000;margin-bottom:1px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#FFF418;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../image/OnlineServices1.png); background-size: 202px auto; background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{background-position: 0px -51px;}
.suspension .a-service:hover .i{background-position: -44px -51px;}

.suspension .a-service-phone .i{ background-position: 0px -181px;}
.suspension .a-service-phone:hover .i{background-position: -44px -181px;}

.suspension .a-qrcode .i{background-position: 0px -358px;}
.suspension .a-qrcode:hover .i{background-color:#FFF418;background-position: -44px -358px;}
.suspension .a-search .i{background-position:0px -225px;}
.suspension .a-search:hover .i{background-position:-44px -225px;}

.suspension .a-top .i{background-position:0px -6px;}

.suspension .a-top{background:#FFF418;display:none;}
.suspension .a-top:hover{background:#000000;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:57px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../image/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:58px;}
.suspension .d-search{top:118px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../image/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../image/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.search{padding-right:20px;}
.search .btn_sub{margin-top:10px; width:180px;}
.d-search .inner-box{padding-top:20px; padding-bottom:20px;}

/*End footer*/

.load_more_none  {
	display: none;
}



@media (min-width: 360px) and (max-width: 639px) {
html,body{width:100%; overflow-x:hidden;}
.page_width{padding-left:10px; padding-right:10px;}
.bigao{padding-left:15px; padding-right:15px; }
.logo_slogan{display:none;}
.bg15th{display:none;}
.NavMenu{display:none;}
.page_head_fix {width: 100%;height: 80px;}
.f15 {font-size: 12px;}
.fullSlide .bd li{}
.tongjibox{padding-top:50px;}
.f26 {font-size: 16px;padding-bottom:0;}
.tjimg img{width:65%; margin-top:0}
.tjcenter {margin-top: 40px;margin-bottom: 8px;}
.tjcenter .container {width: auto;}
.tjcenter .col-sm-6{width:50%; float:left; padding-right: 5px;padding-left: 5px; }
.tjcenter .suzitongzi p{font-size:14px; line-height:22px;padding-bottom:0}
.tjcenter .suzitongzi{margin-bottom:20px; height: auto; padding: 10px; padding-left: 20px; padding-bottom: 0; }
.tjcenter .suzitongzi .nmb, .tjcenter .suzitongzi .nmbs{font-size:50px;}
.tjcenter .col-sm-6:nth-child(2) .suzitongzi{border-right:none;}

.tjcenter .suzitongzi .nmb span em{font-size:39px;top:-1px}

.tjcenter .suzitongzi .nmb span::before {right: -20px;top: 10px;}
.tjcenter .suzitongzi .nmb span::after {right: -30px;top: 20px;}

.works_class li, li.works_class{width:32.333%; margin-bottom:7.5px;}
.TableEvenly p{display:none;}
.works_class li .title h2, li.works_class .title h2{font-size:14px;}
.works_class li hr, li.works_class hr{display:none;}

.home_content li{font-size:18px;height: 24px; line-height: 30px; overflow: hidden; }
.home_content li.on{font-size:24px;}
.casetj {margin-top: 48px;}
.indexcase {margin-top: 80px; padding-bottom: 1px; }
.caselist{margin-bottom:40px;}
.mt20 {margin-top: 10px;}


.more {margin: 40px auto;}

.home_title b{background-size:auto 32px;}
.home_title a{font-size:33px;}
.home_title{margin-bottom:50px;}

.VIdesign .col-sm-4{width:33.33333333%;float: left;}
.VIdesignIn .ViKehu{width:auto; height:auto;}
.VIdesignIn .ViKehu img{width:100%}

.home_about{margin-top:80px;}
.home_about .home_title {font-size: 22px;line-height: 35px;}
.home_about .home_content{font-size:18px;}

.home_about .pictures div.max{width:100%;}
.home_about .pictures div.img11 img{height:auto;}
.home_about .pictures div.A img, .home_about .pictures div.B img, .home_about .pictures div.C img, .home_about .pictures div.D img {
    height: 190px;}
.home_about .pictures div.large{width:100%;}
.home_about .pictures div.large img{height:auto;}
.home_about .pictures div.mid, .home_about .pictures div.mid2{width:50%;}
.home_about .pictures div.mid img,.home_about .pictures div.mid2 img{height:190px;}
.home_about .pictures div.C, .home_about .pictures div.D{width:50%;}

.onefood{margin-top:2px;}

.teams_box01 .col-md-12{margin:0; padding:0}

.caselist .imgbox{height:auto; background-color:#fff;}
.caselist .imgbox img{position:static;}

.seokeybox .caseslike{clear:both; height: 100%; }
.seokeybox .caseslike p{width:100%;}
.seokeybox .caseslike h4{margin-top:0px;}

.othercase .caselist {
    margin-bottom: 30px;
}

.indexnews{margin-top:100px;}
.indexnews h4 {font-size: 22px;font-weight:600}
.indexnews .titleh5 {font-size: 20px;margin-bottom: 63px;}
.newsli .image{height:auto;}
.newsli{height:auto;}
.disshow{display:none;}
#frelinks{display:none;}
#copyright{margin:40px auto; text-align:center;}
#copyright .txtright{display:none;}
.foot_contact .contact_tel .h1, .foot_contact .contact_tel .h1 a {font-size: 24px;}
.foot_contact .contact_tel .h2 {font-size: 30px; padding:10px 0}
.foot_contact .contact_tel .tel, .foot_contact .contact_tel .tel a {font-size: 38px;}


.showtitle h2,.showtitle h1{font-size:26px;}
.cansu ul li{font-size:18px;}
.subbannerabc{background-size:auto 100%;}
.subbannerabc .txt{font-size:30px; padding:80px;}
.item_content p{padding-left:10px; padding-right:10px; line-height:40px; }
.kouhao{margin-top:60px;}
.kouhao .li{ margin:0 auto;margin-bottom:30px;}
.foodimg6 img{height:auto;}
.subbannerTxt{font-size:20px;}

.tdjianli img{width:100%;}

.teamscontent .item_content img{width:100%;}
#newlist .col-sm-4{width:33.33333333%;float:left;}
#newlist .col-sm-4 .ViKehu {height: 100px;}

.kouhaoshow { font-size: 25px;}
.bannerTxts {bottom: 20px;font-size: 16px;line-height: 150%;}
.bannerTxts hr {width: 30px;margin: 10px auto 0px auto;}
.item_title{margin-top:60px;}
.readingfood1 .item_content h1{font-size:40px;}
.readingfood1 .item_content p {font-size: 16px;}
.readingfood2 .item_content h1 {font-size: 25px;}
.readingfood2 .item_content p{font-size:18px;}
.readingfood2 .lisilist{width:80%;font-size:18px;line-height:200%;}
.readingfood2 .lisilist h3{font-size:22px;}
.readingfood3 .item_content h2 {font-size: 28px;}
.fuhuazihua .fhtxt div.arrow {width: 20px; height: 20px; margin: 0px auto 0px auto;}
.fuhuazihua .fhtxt h2 {font-size: 16px;line-height: 160%;}
.fuhuazihua .fhtxt{bottom:20px;}
.fuhuazihua .fhtxt h1 {padding-bottom: 10px;font-size: 25px;}

.zybox .slideTxtBox .hd ul li span{display:none;}
.zybox .slideTxtBox .hd ul li{text-align:center;width: 10%;}
.zybox .slideTxtBox .hd{height: 200px;}
.zybox .slideTxtBox .bd .headtxt h2{font-size:25px;}
.zybox .slideTxtBox .bd .headtxt p{font-size: 18px;margin-top: 0px;}
.readingfood4 .item_content {margin-top: 0px;}
.readingfood4 .item_content h1 {font-size: 28px;}
.readingfood4 .item_content h4 {font-size: 18px; line-height: 25px; }
.readingfood4 .item_content p {font-size: 20px; line-height: 28px;}
.readingfood4 .row .col-md-2{width:33.33333333%;float:left; margin:0 auto;}
.readingfood4 .col-sm-4 img{width:100%;}
.readingfood4 .item_content h2 {font-size: 30px;}
.readingfood5 {margin-top: 30px;}
.readingcontent .item_content h2 {font-size: 20px;margin-top: 0px;}
.readingfood5 .item_content p{line-height:25px;font-size:18px;}

.contact .content{padding:50px 20px 30px 40px;}
.contact .content h2{font-size:25px;}
.contact .content h2 b{width:100%; display:block;}

.foodimg2{margin-top:60px;}
.item_content h1{font-size:22px;}
.jisuluicheng .item_content h1 {font-size: 30px;}

.jisuluicheng .item_content .lusenlist{width:80%;font-size: 20px;}

.readingfood6 .difficult{width:95%; clear:both;}
.readingfood4 .item_content h3 {font-size: 25px; line-height: 30px; }
.readingfood6 .item_content .color {font-size: 25px; }

.readingfood6 .difficult h2, .readingfood6 .difficult h3, .readingfood6 .difficult h4, .readingfood6 .difficult h5{padding: 20px 20px 50px 20px;font-size:18px; line-height: 30px; }
.readingfood6 .difficult .no1 {margin-left: -10px;}
.readingfood6 .difficult .no3 {margin-right: -10px; margin-top: 10px; margin-left: 0;  float:right}
.readingfood6 .difficult .no4{float:left;}
.readingfood6 .difficult .no5{float:left;margin-left: -10px; padding-top: 28px;width: 140px;  }
.readingfood6 .difficult .no6 {  margin-right: -10px; width: 140px; }

.teamsbox .txt h2{font-size:40px;}
.jisuyin .row{margin-top:35px;}
.jisuyin .row .col-md-2 img{width:120px; float:left;margin-left: 25px; margin-right:25px;}
.jisuyin .row .col-md-2{text-align:left; margin-bottom:40px;}

 .gongrinews .swiper-slide img{height: auto; }

.txt_sizan {margin-top: -50px;}
.item_content div{font-size:18px;line-height: 200%;}
.jobimg01 img {height: auto;}
.about_h5 {font-size: 25px;}
.item_content h2{font-size:24px;}
.txtjob h4 {font-size: 30px;}
.txtjob_p {margin-top: 30px;}
.txtjob p {font-size: 18px;}
.txt_zixin {font-size: 20px;}
.gangwei {margin-top: 30px;}

.aticleshow .col-md-2{display:none;}
.newstitle h1 {font-size: 30px;}

.page_head_fix {width: 100%;height: 70px;}
.page_head{height: 70px;padding-top: 10px;}
.slogan{ position: absolute; left: 185px; top: 2px; padding-right: 0; text-align: left; font-weight: 500; }
.slogan b{width:100%; display:inline-block}
.slogan span{display:none;}

.teamsbox .txt h1{font-size:60px;}

.gongrinews .swiper-button-next, .gongrinews .swiper-button-prev {width: 50px;height: 50px;margin-top: -25px;}

.gongrinews .swiper-slide .imgbox{}

.picScroll-left .bd ul li{width:100%;}
.picScroll-left .hd .prev{left: -5px;width: 20px;}
.picScroll-left .hd .next {
    position: absolute;
    left: auto;
    right: -5px;width: 20px;
    top: 0px;
    text-align: right;
    background-position: right center;

}
.item_image{margin-top:60px;}
.jisuyin .row div{font-size:15px;}


.nav-black {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 498;
    display: none;
}

.nav-black .m_bg15th{width:120px; position:absolute; left:50%; top:80px; margin-left:-60px;}
.nav-black .m_bg15th img{width:100%;}

.nav_show{display:block;}

.nav-black-list {
    width: 70%;
    position: absolute;
    top: 30%;
    margin-top: -42px;
    left: 15%;
}

.nav-black-list li {
    width: 100%;
    margin-right: 0%;
    float: left;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}

.nav-black-list li:last-child {
    margin-right: 0;
}

.nav-black-list .nav-hover a {
    color: #fff;
}

.nav-black-list li a {
    color: #9d9d9c;
    font-size: 34px;
    position: relative;
    z-index: 1;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.nav-black-list li span {
    display: inline-block;
    position: relative;
}

.nav-black-list li span:after {
    content: "";
    position: absolute;
    bottom: 11px;
    left: 0;
    height: 8px;
    width: 0;
    background: #fcda31;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.nav-black-list .nav-hover span:after {
    position: absolute;
    bottom: 5px;
    left: 0;
    height: 8px;
    width: 100%;
    background: #fcda31;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.nav-black-list li:hover a {
    color: #fff;
}

.nav-black-list li:hover span:after {
    width: 100%;
}

.header-bq {
    width: 100%;
    font-size: 14px;
    position: absolute;
    bottom: 30px;
    text-align: center;
    color: #ffffff;
}


/* saidan */

.header-nav-button {
    position: absolute;
    right: 20px;
    top: 28px;
    cursor: pointer;
    display: block;
    z-index: 9999999;

}

.header-nav-button span {
    width: 34px;
    height: 5px;
    margin-bottom: 5px;
    background: #000;
    display: block;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.header-nav-button2 {
    top: 20px;
    width: 40px;
    height: 40px;
}

.header-nav-button2 span {
    margin-bottom: -3px !important;
    top: 20px;
    position: relative;
    height: 3px !important;
    width: 40px !important;
}

.header-nav-button2 span:nth-of-type(1) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);

}

.header-nav-button2 span:nth-of-type(2) {
    opacity: 0;

}

.header-nav-button2 span:nth-of-type(3) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.fullSlide .prev, .fullSlide .next{display:none;}
.fullSlide .hd ul li{width:20px;}
.fullSlide .hd{bottom:20px;}

.item_26_15th li div h1{font-size:30px;}
.item_26_15th li .describe div {font-size: 14px;padding: 20px 0px 15px 15px;}
.item_26_15th li div h3 {font-size: 20px;}


}


@media (min-width: 640px) and (max-width:1023px ) {

.bigao{padding-left:10px; padding-right:10px;}
.logo_slogan{display:none;}
.bg15th{display:none;}
.nav_menu {text-align: right;}
.slogan{display:none;}
.fullSlide .bd li{}
.nav_menu .nav_menu_head h4{padding: 5px 8px;}

.tjimg img{height:80px;}
.tjcenter{margin-bottom:5px;}
.tjcenter .suzitongzi .nmb, .tjcenter .suzitongzi .nmbs {font-size: 50px;}
.tjcenter .suzitongzi p{font-size:16px;}
.tjcenter .suzitongzi .nmb span em{font-size:38px; top:0px;}
.tjcenter .container{width:auto;}
.tjcenter .col-sm-6{width:25%;}
.tjcenter .suzitongzi{height:106px;padding: 10px;}

.tjcenter .suzitongzi .nmb span::after {width: 18px;height: 4px;right: -19px;top: 15px;}
.tjcenter .suzitongzi .nmb span::before {width: 4px;height: 18px;color: #FCF62F;right: -12px;top: 8px;}


.works_class li, li.works_class {width: 32.3%;margin-bottom:15px;}
.casetj {margin-top: 68px;}
.home_content li{font-size:28px;height: 38px; line-height: 48px;}
.home_content li.on{font-size:40px;}
.indexcase{margin-top:78px;}
.indexcase .row{margin-right:-10px; margin-left:-10px;}
.indexcase .col-sm-6{padding-right: 10px;padding-left: 10px;}
.caselist{margin-bottom:20px;}
.caselist .imgbox {height: 420px;}
.caselist .title {margin-top: 10px;margin-bottom: 1px; font-weight: 500;font-size: 18px;height: 22px;line-height: 22px;}
.caselist .ftitle {font-size: 15px;margin-bottom:3px}
.caselist .txt {font-size: 12px;}
.caselist .txt span {margin-right: 15px;}
.more {margin: 50px auto;}
.more a, a.more{padding:10px 60px;}
.home_title b{background-size:auto 32px;}
.home_title a{font-size:33px;}
.home_title{margin-bottom:50px;}
.cases .kongjian .describe b{font-size:16px;}
.cases .kongjian .describe{font-size:12px;}
.cases .kongjian:hover .describe hr {width: 40px;}
.VIdesign .col-md-2 {width: 25%;}
.VIdesign .home_title{margin-bottom:10px;}
.VIdesignIn .ViKehu img{width:90%; text-align:center; margin:0 auto;}
.VIdesignIn .ViKehu {margin-bottom: 0px;height: 160px;}
.cases .kongjian .describe .txtbb{display:none;}
.home_about{margin-top:100px;}
.home_about .pictures {margin-top: 40px;}
.home_about .pictures div.img11 img, .home_about .pictures div.mid img {height: 230px;}
.home_about .pictures div.A img, .home_about .pictures div.B img, .home_about .pictures div.C img, .home_about .pictures div.D img, .home_about .pictures div.mid2 img{height: 180px;}
.home_about .pictures div.large img {height: 410px;}
.onefood{margin-top:2px;}
.indexnews h4 {font-size: 30px;}
.indexnews {margin-top: 100px;}
.indexnews .titleh5 {margin-bottom: 53px;}
.newsli .image{height:256px;}
.newsli{height:388px;}
.newsli .title h3{font-size:17px;line-height: 135%;}
.newsli .title .div div{padding:20px;font-size:15px;}
.newsli .title{height:130px;}
.foot_contact .contact_tel .h1, .foot_contact .contact_tel .h1 a {font-size: 44px;line-height: 120% !important;}
.foot_contact .contact_tel .h2{font-size:45px; padding: 10px 0; }
.foot_contact .contact_tel .tel, .foot_contact .contact_tel .tel a {font-size: 54px;}
.foot_cartoon .div{margin-top:0}
.disshow{}
.footer .container{padding-left: 10px;padding-right: 10px;width:auto;}
.footertxt .col-md-9{width:100%;}
.footertxt .disshow{width:20%;display:none;}
.footimg img{margin-top:56px;}

.kouhaoshow{font-size:25px;}
.casesbox .indexcase {margin-top: 54px;}
.subnavbox a{margin: 10px 10px;padding: 4px 22px;font-size:15px;}

.subbannerabc .txt {height: 112px;padding: 55px 0;font-size: 35px;}
.item_image{margin-top:90px;}
.kouhao{margin-top:67px;}
.kouhao .li {font-size: 20px;padding: 10% 8% 6% 8%;margin: 0px;min-height: 270px;}
.kouhao .li h3{line-height: 160%;font-size: 20px;}
.kouhao .li h2{font-size:30px;}
.item_content div {font-size: 20px;line-height: 200%;}
.foodimg2{margin-top:80px;}
.txtbox h4 {font-size: 30px;font-weight: 600;}

.aboutcontent .tongzi{padding-top:50px}
.about_h5{font-size:25px;}
.fazelist .txts {font-size: 18px;}
.item_content h2 {font-size: 26px;}
.item_content h1 {font-size: 28px;}
div.txt_ze p {font-size: 16px;}
.foodimg6{margin-top:50px;}
.foodimg6 img{height:400px;}
.gongrinews .swiper-slide img {height: 260px;}
.gongrinews .swiper-button-next, .gongrinews .swiper-button-prev {width: 50px;height: 50px;margin-top: -25px;}
.gongrinews .swiper-slide .txt .txtin {padding: 8% 5%;}
.gongrinews .swiper-slide .txt .grtitle {font-size: 18px;font-weight:bold;}
.gongrinews .swiper-slide .txt .tagli {font-size: 14px;}
.gongrinews .swiper-slide .txt p {font-size: 12px;}

.subbannerTxt {font-size: 25px;}
.jobimg01 img{height:240px;}
.tdjianli img{width:100%;}
.fuhuazihua .fhtxt h1{font-size:25px;}
.fuhuazihua .fhtxt h2 {font-size: 16px;}
.fuhuazihua .fhtxt {bottom: 50px;}
.fuhuazihua .fhtxt div.arrow {width: 40px;}
.zybox .slideTxtBox .hd ul li{margin: 10px 0.4%;}
.zybox .slideTxtBox .hd ul li span{display:none;}

.gangwei .title {font-size: 25px;}
.teamsbox .txt h1 {font-size: 60px;}

.contact .col-md-3{width:50%;}
.contactico img{margin-top:36px;}

.readingfood2 .lisilist{width:80%;}
.readingfood1 .item_content h1 {font-size: 45px;}
.readingfood1 .item_content p{font-size:16px }
.readingfood2 .item_content h1 {font-size: 35px;}
.readingfood4 .item_content h1 {font-size: 40px;}
.readingfood4 .item_content h4 {font-size: 22px;}
.readingfood4 .item_content h3 {font-size: 30px;}
.picScroll-left .bd ul li .txt .desc{font-size:12px;}
.picScroll-left .bd ul li .txt .suluan{display:none;}
.readingcontent .item_content h2 {font-size: 26px;}
.jisuluicheng .item_content .lusenlist{font-size:22px;}

.showtitle h2,.showtitle h1{font-size:35px;}
.showtitle{padding:60px 0 30px 0}
.cansu ul li{font-size:18px;}

}

@media (min-width: 1024px) and (max-width:1199px ) {

.bigao{padding-left:20px; padding-right:20px;}
.logo_slogan{display:none;}
.bg15th{display:none;}
.nav_menu {text-align: right;}
.slogan{display:none;}
.fullSlide .bd li{}
.tjimg img{height:80px;}
.tjcenter{margin-bottom:5px;}
.tjcenter .container{width:auto;}
.tjcenter .col-sm-6{width:25%;}
.tjcenter .suzitongzi{height:126px;padding: 10px;}
.works_class li, li.works_class {width: 32.3%;margin-bottom:15px;}
.casetj {margin-top: 68px;}
.home_content li{font-size:28px;height: 38px; line-height: 48px;}
.home_content li.on{font-size:40px;}
.indexcase{margin-top:78px;}
.indexcase .row{margin-right:-10px; margin-left:-10px;}
.indexcase .col-sm-6{padding-right: 10px;padding-left: 10px;}
.caselist{margin-bottom:20px;}
.caselist .imgbox {height: 310px;}
.caselist .title {margin-top: 10px;margin-bottom: 4px; font-weight: 500;font-size: 20px;}
.caselist .ftitle {font-size: 17px;margin-bottom:8px}
.caselist .txt {font-size: 14px;}
.caselist .txt span {margin-right: 15px;}
.more {margin: 50px auto;}
.more a, a.more{padding:10px 60px;}
.home_title b{background-size:auto 32px;}
.home_title a{font-size:33px;}
.home_title{margin-bottom:50px;}
.cases .kongjian .describe b{font-size:16px;}
.cases .kongjian .describe{font-size:12px;}
.cases .kongjian:hover .describe hr {width: 40px;}
.VIdesign .col-md-2 {width: 25%;}
.VIdesign .home_title{margin-bottom:10px;}
.VIdesignIn .ViKehu img{width:90%; text-align:center; margin:0 auto;}
.VIdesignIn .ViKehu {margin-bottom: 0px;height: 160px;}
.cases .kongjian .describe .txtbb{display:none;}
.home_about{margin-top:100px;}
.home_about .pictures {margin-top: 50px;}
.home_about .pictures div.img11 img, .home_about .pictures div.mid img {height: 250px;}
.home_about .pictures div.A img, .home_about .pictures div.B img, .home_about .pictures div.C img, .home_about .pictures div.D img, .home_about .pictures div.mid2 img{height: 205px;}

.home_about .pictures div.large img {height: 455px;}
.onefood{margin-top:2px;}
.indexnews h4 {font-size: 30px;}
.indexnews {margin-top: 100px;}
.indexnews .titleh5 {margin-bottom: 53px;}
.newsli .image{height:276px;}
.newsli{height:428px;}
.newsli .title h3{font-size:20px;}
.newsli .title .div div{padding:20px;}
.newsli .title{height:130px;}
.foot_contact .contact_tel .h1, .foot_contact .contact_tel .h1 a {font-size: 44px;line-height: 120% !important;}
.foot_contact .contact_tel .h2{font-size:45px; padding: 10px 0; }
.foot_contact .contact_tel .tel, .foot_contact .contact_tel .tel a {font-size: 54px;}
.foot_cartoon .div{margin-top:0}
.disshow{}
.footer .container{padding-left: 50px;padding-right: 50px;width:auto;}
.footertxt .col-md-9{width:80%;}
.footertxt .disshow{width:20%;}
.footimg img{margin-top:56px;}
.contactico{margin-top: 75px;}
.contactico img{width:120px;}
.contact .content h3 { font-size: 16px; font-weight: bold; }
.contact .col-md-3{width:50%;}

}

@media (min-width: 1200px) and (max-width:1439px ) {
.logo_slogan{display:none;}
.bg15th{right:-60px; width: 55px; }
.logo_slogan{display:none;}
.slogan{padding-right:0}
.more {margin: 50px auto;}
.fullSlide .bd li{}
.home_content li{font-size:28px;height: 38px; line-height: 48px;}
.home_content li.on{font-size:40px;}
.casetj {margin-top: 78px;}
.indexcase {margin-top: 80px;}
.caselist .imgbox{height:391px;}
.caselist .title{margin-top:20px;font-size: 20px;margin-bottom:2px;}
.caselist .ftitle, .caselist .txt{font-size:16px;margin-bottom:5px;}

.indexcase .col-sm-6 {padding-right: 18px;padding-left: 18px;}
.caselist {margin-bottom: 40px;}
.VIdesignIn .ViKehu{height:130px;}
.VIdesignIn .ViKehu img{width:100%}
.home_title b{background-size:auto 32px;}
.home_title a{font-size:33px;}
.cases .kongjian .describe b{font-size:16px;}
.cases .kongjian .describe{font-size:12px;}

.home_about .pictures div.img11 img {height: 319px;}
.home_about .pictures div.mid img {height: 319px;}
.home_about .pictures {margin-top: 50px;}
.home_about .pictures div.A img, .home_about .pictures div.B img, .home_about .pictures div.C img, .home_about .pictures div.D img {
    height: 245px;}
.home_about .pictures div.mid2 img {height: 245px;}
.home_about .pictures div.large img {height: 564px;}
.home_about .pictures .onefood{margin-top:2px;}

.indexnews {margin-top: 100px;}
.indexnews h4 {font-size: 33px;   color: #000;}
.newsli .title h3 {font-size: 23px;}
.jisuyin .row div {font-size: 14px;}
.item_content div {font-size: 20px;line-height: 180%;}
.subbannerabc .txt {padding: 95px 0;}
.foodimg6 img {height: 560px;}
.contactico{margin-top: 75px;}
.contactico img{width:120px;}
.contact .content h3 { font-size: 16px; font-weight: bold; }
.contact .col-md-3{width:50%;}
.gongrinews .swiper-slide{overflow:hidden;}
.gongrinews .swiper-slide img {height: 320px;}
.gongrinews .swiper-button-next, .gongrinews .swiper-button-prev {width: 50px;height: 50px;margin-top: -25px;}
.gongrinews .swiper-slide .txt .txtin {padding: 8% 5%;}
.gongrinews .swiper-slide .txt .grtitle {font-size: 18px;font-weight:bold}
.gongrinews .swiper-slide .txt .tagli {font-size: 14px;}
.gongrinews .swiper-slide .txt p {font-size: 12px;}
.tdjianli img{width:100%;}
.tdjianli .item_content p{width:auto;min-width:auto;}
.newsli .image {height: 266px;}
.newsli {height: 408px;}
.newsli .title h3 {font-size: 20px; line-height: 25px;}
.picScroll-left .bd ul li .txt .suluan{display:block;}
.picScroll-left .bd ul li .txt .desc{font-size:16px;}

}

@media (min-width: 1440px) and (max-width:1620px ) {

.logo_slogan{display:none;}
.bg15th{right:-60px; width: 55px; }
.logo_slogan{display:none;}
.slogan{padding-right:0}
.more {margin: 50px auto;}
.fullSlide .bd li{}
.home_content li{font-size:28px;height: 38px; line-height: 48px;}
.home_content li.on{font-size:40px;}
.casetj {margin-top: 78px;}
.indexcase {margin-top: 80px;}
.caselist .imgbox{height:391px;}
.caselist .title{margin-top:20px;font-size: 20px;margin-bottom:2px;}
.caselist .ftitle, .caselist .txt{font-size:16px;margin-bottom:5px;}

.indexcase .col-sm-6 {padding-right: 18px;padding-left: 18px;}
.caselist {margin-bottom: 40px;}
.VIdesignIn .ViKehu{height:130px;}
.VIdesignIn .ViKehu img{width:100%}
.home_title b{background-size:auto 32px;}
.home_title a{font-size:33px;}
.cases .kongjian .describe b{font-size:16px;}
.cases .kongjian .describe{font-size:12px;}

.home_about .pictures div.img11 img {height: 319px;}
.home_about .pictures div.mid img {height: 319px;}
.home_about .pictures {margin-top: 50px;}
.home_about .pictures div.A img, .home_about .pictures div.B img, .home_about .pictures div.C img, .home_about .pictures div.D img {
    height: 245px;}
.home_about .pictures div.mid2 img {height: 245px;}
.home_about .pictures div.large img {height: 564px;}
.home_about .pictures .onefood{margin-top:2px;}

.indexnews {margin-top: 100px;}
.indexnews h4 {font-size: 33px;   color: #000;}
.newsli .title h3 {font-size: 23px;}
.jisuyin .row div {font-size: 14px;}
.item_content div {font-size: 20px;line-height: 180%;}
.subbannerabc .txt {padding: 95px 0;}
.foodimg6 img {height: 560px;}
.contactico{margin-top: 75px;}
.contactico img{width:120px;}
.contact .content h3 { font-size: 16px; font-weight: bold; }
.contact .col-md-3{width:50%;}
.gongrinews .swiper-slide{overflow:hidden;}
.gongrinews .swiper-slide img {height: 320px;}
.gongrinews .swiper-button-next, .gongrinews .swiper-button-prev {width: 50px;height: 50px;margin-top: -25px;}
.gongrinews .swiper-slide .txt .txtin {padding: 8% 5%;}
.gongrinews .swiper-slide .txt .grtitle {font-size: 18px;font-weight:bold}
.gongrinews .swiper-slide .txt .tagli {font-size: 14px;}
.gongrinews .swiper-slide .txt p {font-size: 12px;}
.tdjianli img{width:100%;}
.tdjianli .item_content p{width:auto;min-width:auto;}
.newsli .image {height: 266px;}
.newsli {height: 408px;}
.newsli .title h3 {font-size: 20px; line-height: 25px;}
.picScroll-left .bd ul li .txt .suluan{display:block;}
.picScroll-left .bd ul li .txt .desc{font-size:16px;}

}