﻿*{margin: 0px;padding: 0px;}
body {
    font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif !important;
    font-size:16px;
    background:#FFFFFF;
    margin:0px;
    padding:0px;
}
ul {list-style: none;clear: both;}
img {border-width: 0px;vertical-align: middle;}
ul, li{list-style: none;}
h5 {font-size:1em;font-weight:500;width:100%;display:block}
h6 {font-size:0.8em;font-weight:500;width:100%;display:block;}
a {text-decoration: none;color:#3b6caa;}
.mp_show {display: none;}
.mp_none {}
.disp_none {display: none;}
.disp_block {display: block;}


.marginauto {margin-left:auto;margin-right:auto;}
.vmblock {position: absolute;top: 50%;transform: translateY(-50%);display:block;opacity:1;}
.whitecolor {color:#fff;}
.blackcolor {color:#000000;}
.bluecolor {color:#3b6caa}
.color80 {color:#808080}
/*==========================    手机导航    ===============================*/
.mp_Menu {position:fixed;left:0px;top:50px;width:100%;min-height:100%;box-sizing:border-box;overflow-x:hidden;padding:0px;text-align:center;display:none;padding-left:10px;padding-right:10px;z-index:999;background:rgba(255,255,255,0.97);}
.mp_MenuContent {position:relative;margin-left:0px;margin-right:0px;
              font-size:1em;
              width:25%;float:left;
              box-sizing:border-box;
              height:auto;
              margin-left:auto;margin-right:auto;
              overflow:hidden;
              border-left:solid 1px #d1d1d1;
              border-right:solid 1px #d1d1d1;
              border-bottom:solid 1px #d1d1d1;
              border-top:none;
              
}
 .mp_HeadTitle {
            width: 100%;
            height: 3em;
            line-height: 3em;
            text-align: left;
            padding-left: 10px;
            box-sizing: border-box;
            overflow: hidden;
            background: linear-gradient(#f1f1f1 10%,#d1d1d1 50%,#f1f1f1 90%);font-weight:bold;
            font-size:1em;letter-spacing:2px;
            cursor:pointer;
        }
.mp_HeadTitle > .Expand { font-size:1.5em;color:#3b6caa;float:right;margin-right:10px;font-weight:bold;  }
.mp_ItemContent {width:100%;padding-left:30px;position:relative;display:block;text-align:left;line-height:2em;}
.mp_ItemContent > span {width:100%;display:block;display:block;overflow:hidden;height:2.5em;line-height:2.5em; position:relative;float:left; list-style:none; cursor:pointer;    }
/*==========================    顶部菜单    ===============================*/
#mobile_header {position:fixed;width:100%;height:50px;top:0px;left:0px;z-index:999;background:linear-gradient(#f1f1f1 10%,#FFFFFF 90%);border-bottom:solid 1px #f1f1f1;box-sizing:border-box;overflow:hidden;}
#header {
    position:fixed;
    width: 100%;
    height: 60px;
    background:linear-gradient(rgba(220,220,220,0.85) 10%,rgba(255,255,255,0.85) 90%);
    z-index: 100;
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
    transition: top ease-in-out 0.2s;
}
.headercontent {
    position:relative;
    width: 100%;
    max-width: 1200px;
    padding-left: 0px;
    height:60px;
    margin: 0px auto;
    display: block;
    text-align:center;
    -moz-perspective:1500px;
    -webkit-perspective:1500px;
    perspective: 1500px;
}
.logo {
    width: 80px;
    height: 60px;
    margin-top: 10px;
    display: inline-block;
}
.headermenu {
    display:inline-block ;
    position:relative;
    cursor: pointer;
    height: 60px;
    vertical-align:top;
    padding-top:30px;
    margin-left:30px;
   
}
.headermenu span {
    position:relative;
    display: block;
    font-size:16px;
    margin-top: 0px;
    vertical-align:text-bottom;
    line-height:0px;
    padding-top:0px;
    text-shadow:#d1d1d1 1px 1px 2px;

}
.headshow {top: 0px;}
.headhidden {top: -80px;}
 .underline {
            position:relative ;
            display: block;
            width: 0%;
            height: 3px;
            background: #3b6caa;
            margin-top: 12px;
            transition:width ease-in-out 0.2s;
        }

/*==========================    顶部子菜单    ===============================*/
.chdmemuP {
    position: absolute;
    top: 40px;
    right: 0px;
    width: 0;
    height: 0px;
    display: block;
    
    background:linear-gradient(rgba(220,220,220,0.85) 10%,rgba(255,255,255,0.85) 90%);
    border: solid 1px #d1d1d1;
    border-top-color: rgba(255,255,255,0.95);
    border-top-width:0px;
    box-sizing: border-box ;
    z-index: 100;
    display: block;visibility:hidden;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin:0 0% 0;
    -ms-transform-origin:0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin:0 0 0;

    -webkit-transform: scaleY(0);
    -moz-transform:scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform:scaleY(0);
   
}

.headermenu:hover > .underline {width:100%;}
/*关于皇窑*/
#aboutHY:hover > #aboutHYMenuChd {
    width: 160px;
    height: 120px;
    top: 60px;
    left: -40px;
    display: block;
    visibility:visible;
    transform:scaleY(1); 
     transition: height linear 0.1s,transform linear 0.1s;
     overflow:hidden;
}
#aboutHYMenuChd > p:hover {color:#3b6caa;}
/*研学旅游*/
#yxly:hover > #yxlyMenuChd {
    width: 160px;
    height: 120px;
    top: 60px;
    left: -40px;
    display: block;
    visibility:visible;
    transform:scaleY(1); 
     transition: height linear 0.1s,transform linear 0.1s;
     overflow:hidden;
}
#yxlyMenuChd > p:hover {color:#3b6caa;}
/*文化产业*/
#wh:hover > #whMenuChd {
    width: 160px;
    height: 120px;
    top: 60px;
    left: -40px;
    display: block;
    visibility:visible;
    transform:scaleY(1); 
     transition: height linear 0.1s,transform linear 0.1s;
     overflow:hidden;
}
#whMenuChd > p:hover {color:#3b6caa;}


#hyp:hover > #hypMenuChd {
    width:600px;
    height:210px;
    top:60px;
    right:-20px;
    display:block;
    transform:scaleY(1); 
    visibility:visible;
     transition: height linear 0.1s,transform linear 0.1s;
     overflow:hidden;
}
/*淘宝*/
#taobao:hover > #taobaoMenuChd {
    width: 160px;
    height: 192px;
    top: 60px;
    right: 0px;
    display: block;
    visibility:visible;
    transform:scaleY(1); 
    transition: height linear 0.1s,transform linear 0.1s;
    overflow:hidden;
}
/*==========================    微信分享等    ===============================*/
.shareWX {
    background: #808080;
    width: 60px;
    height: 30px;
    border-radius: 4px;
    position: absolute;
    right: 10px;
    bottom: 2px;
    cursor:pointer;
    z-index:99
}
    .shareWX:hover {background: #079405;}
    .shareWX .topContent { width:160px;height:200px;display:block;position:absolute;box-shadow:0px 0px 8px rgba(0,0,0,0.9);bottom:-210px;right:0px;background:#FFFFFF;display:none;}
        .shareWX .topContent:before {
            content: "";
            position: absolute;
            top: -20px;
            right:20px;
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right:10px solid transparent;
            border-top: 10px solid transparent;
            border-bottom:10px solid #d1d1d1;
        }
    .shareWX:hover > .topContent {display:block }

.wximg {width:120px;height:120px;margin-top:3px;display:inline-block;}
  .shareWX .bottomContent { width:160px;height:200px;display:block;position:absolute;box-shadow:0px 0px 8px rgba(0,0,0,0.9);bottom:40px;right:0px;background:#FFFFFF;display:none;}
        .shareWX .bottomContent:before {
            content: "";
            position: absolute;
            bottom: -20px;
            right:20px;
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right:10px solid transparent;
            border-top: 10px solid #FFFFFF;
            border-bottom:10px solid transparent;
        }
   .shareWX:hover > .bottomContent {display:block }

/*==========================    全屏轮播    ===============================*/
.slideshow {position:relative;width: 100%;height: 60vh;overflow: hidden;box-sizing:border-box;margin-top:60px;}
.slideshow-image {position: absolute;width: 100%;height: 100%;top:0px;left:0px;background: no-repeat 50% 50%;background-size: cover; z-index:0;opacity:1;filter: alpha(opacity=1);}
.slideshow-animation {
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear;
             -webkit-animation-iteration-count: 1;
             animation-iteration-count: 1;
             -webkit-animation-duration: 8000ms;
             animation-duration: 8000ms;
                opacity: 1;
                /*
             -webkit-transform: scale(1);
                transform: scale(1);*/
            animation-name:imgScale;
        }
@keyframes imgScale {
            0% {
                opacity: 1;
                /*transform: scale(1);*/
                z-index:9
            }
            60% {
                /*transform: scale(1.1);*/
            }
            90% {opacity: 1;
               /*transform: scale(1.1);*/
            }
            100% {
               opacity: 0;
               filter:alpha(opacity=0);
               /*transform: scale(1.3);*/
            }
}
        /*  全屏轮播计数器*/
.slideshowNumBox {position:absolute;width:100%;left:0px;bottom:10px;z-index:10;text-align:center;display:block;z-index:99;}
.slideshowNum {
     width:14px;height:14px;background:rgba(59,108,170,0.3);border:solid 1px #3b6caa;
     display:inline-block;margin-left:5px;margin-right:5px; cursor:pointer;box-sizing:border-box;border-radius:10px;box-shadow:rgba(255,255,255,0.8) 0 0 3px;
        }
.slideshowNumActive{background:rgba(59,108,170,0.8);border-width:2px;}
.slidershowNumBlue {background:rgba(59,108,170,0.8);border-width:2px;border-color:rgba(230,230,230,0.9)}
        /*前后页*/
.slideshowTool {position:absolute;height:100%;width:100%;left:0px;top:0;z-index:98;text-align:center;display:block;box-sizing:border-box;overflow:hidden}
 .slideshowTool>.vmblock>span {display:block;height:40px;width:40px;line-height:40px;background:rgba(59,108,170,0.3);font-size:20px;cursor:pointer;border:solid 1px #3b6caa;box-sizing:border-box;color:#3b6caa;box-sizing:border-box;overflow:hidden }
 .slideshowTool > .vmblock > span:hover {background: rgba(59,108,170,0.8);color:#FFFFFF;transition: all linear 0.2s;}
/*==========================    模块    ===============================*/
.container {
    width: 100%;
    min-height:30vh;
    margin-top: 60px;
    position:relative;
    box-sizing:border-box
}
.aticlebody {
        position: relative;
        max-width: 800px;
        box-sizing: border-box;
        overflow: hidden;
        margin: 5px auto;
    }
.models {width:100%;height:auto;position:relative;margin:0px;overflow-x:hidden;box-sizing:border-box;}
.model_bkColor {background:linear-gradient(90deg,#f1f1f1 5%,#FFFFFF 10%,#FFFFFF 90%,#f1f1f1 100%)}
.modelImg {width:100%;height:45vh;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-image:url()    }
.modelContent {
    width: 95%;height:auto;
    min-width:1024px;
    max-width: 1500px;
    position: relative;
    margin-left:auto;margin-right:auto;
    padding-top:5px;padding-bottom:10px;
    height: auto;
    display: block;
    box-sizing:border-box;
    overflow:hidden
}

.model_title {
   width:100%;position:relative;font-size:1.1em;font-weight:600;display:block;box-sizing:border-box;overflow:hidden ;
   height:2em;line-height:2em;
   padding-left:10px;padding-right:10px;
   letter-spacing:2px;
   box-sizing:border-box;position:relative;
}
.model_title:before {
        content:"|";
        color:#b70f18;
        font-size:1.1em;
        font-weight:bold;
    }
    .model_title > span {letter-spacing: 1px;}

.model_body_title_black {font-size:1.2em;font-weight:bold;color:#333;text-shadow:rgba(0,0,0,0.5) 2px 2px 5px;letter-spacing:4px;display:block;position:relative}
    .model_body_title_black111:after { content:"";position:absolute;width:48px;height:2px;box-sizing:border-box;background:#3b6caa;left:50%;margin-left:-24px;bottom:-5px;   }


.div_col {
    position: relative;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
}
.div_col_main {
    position: absolute;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display:block
    
}
.div_col_h {
    position: relative;
    display:block;
    width: 100%;
}
/*模版页*/
#pageContent {position:relative;width:100%;min-height:50vh;height:auto;box-sizing:border-box;margin-top:0px;}
/*水平及垂直padding*/

.h_padding {padding-top: 5px;padding-bottom: 5px;}
.w_padding {padding-left: 10px;padding-right: 10px;}
.left_padding {padding-left: 10px;}
.right_padding {padding-right: 10px;}
.width_100 {width:100%;}
.width_60 {width: 60%;}
.width_50 {width: 50%;}
.width_40 {width: 40%;}
.width_33 {width: 33.3333%;}
.width_30 {width:25%}
.width_70 {width: 75%;}
.width_90 {width: 90%;}
.margin-left30 {margin-left: 30px;}
.col_25 {
    width: 25%;
    height: 100%;
    float: left;
    box-sizing:border-box;
    overflow: hidden;
    position: relative;
    display:block;
}
.col_20to50 {position:relative;display:block;width:15%;float:left;box-sizing:border-box;overflow-x:hidden;text-align:center;margin-top:3px;margin-bottom:3px;margin-left:0;margin-right:0;}
.margintop20 {margin-top:20px;}
/*==========                   快捷链接               ===================*/
.ql_view {width:90%;box-sizing:border-box;margin-left:auto;margin-right:auto;}
.ql_content{width:180px;box-sizing:border-box;margin-left:auto;margin-right:auto;position:relative;display:inline-block;padding:5px;overflow:hidden;cursor:pointer;  }
.ql_imgcontent {width:50%;text-align:center;margin-left:auto;margin-right:auto; }
    .ql_imgcontent > img {width:100%;}
.ql_text {text-align:center;height:2em;line-height:2em;letter-spacing:2px;margin-top:3px;width:100%; }
.ql_content:hover > .ql_text {font-weight:bold;}
.ql_content:hover > .ql_text:after {content:"";border-bottom:solid 2px #3b6caa;position:absolute;bottom:0px;left:60px;width:60px;}
/*==========                   资讯列表               ===================*/
.newsitem {padding-top:8px;padding-bottom:8px;border-bottom:solid 1px #d1d1d1;cursor:pointer;padding-left:5px;padding-right:5px;width:100%; box-sizing:border-box;overflow:hidden;position:relative;}
   .newsitem:hover>.news_title { color:#3b6caa}
.news_date{font-size:0.8em;left:10px;bottom:5px;right:auto;position:absolute;}
.news_title{font-size:1em;width:auto;position:relative;float:left;height:3.6em;line-height:1.2em;max-width:80%;}
.news_img {position:relative;float:right;display:block;box-sizing:border-box;overflow:hidden;width:80px;height:50px;overflow:hidden;}
    .news_img > img {width:100%    }
/*更多资讯*/
.newslist_itemContent {width:90%;height:100%;position:relative;margin-left:auto;margin-right:auto;
             box-sizing:border-box;overflow:hidden;display:block;
             border:solid 1px #d1d1d1;cursor:pointer;padding:1px;background:#FFFFFF;
}
  .newslist_itemContent:hover { border-color:#4178be;box-shadow:#3b6caa 0 0 5px;     }
  .newslist_itemContent > .newslist_img {position:relative;width:100%;padding-top:75%;box-sizing:border-box;overflow:hidden;      }
      .newslist_itemContent > .newslist_img > img {width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;      }
      .newslist_itemContent > .newslist_info {width:100%;padding-left:10px;padding-right:10px;padding-top:15px;padding-bottom:15px;position:relative;box-sizing:border-box;overflow:hidden;  }
          .newslist_itemContent > .newslist_info > .newslist_title {font-size:1em;line-height:1.5em;height:4.5em;          }
          .newslist_itemContent > .newslist_info > .newslist_date {position: absolute;right: 10px;bottom: 5px;color: #808080;font-size: 0.8em;text-align:center }


/*==========                    button               ===================*/
.button_black{text-align:center;padding-left:20px;padding-right:20px;border-radius:3px;font-size:1em;height:2.5em;line-height:2.5em;box-sizing:border-box;color:#808080;background:rgba(0,0,0,0.3);cursor:pointer;border:solid 1px #585858;display:inline-block}
.button_black:hover {color:#f8f8f8;background:rgba(0,0,0,0.5);transition:background linear 1s;    }

.button_blue_more {
    color: #3b6caa;
    padding-top:0px;padding-left:0px;
    font-size: 1em;
    height:2.5em;
    line-height:2.5em;
    padding-left:15px;padding-right:15px;
    text-decoration: none !important;
    cursor:pointer;
    position: relative;
    border: 1px solid #3b6caa;
    box-sizing:border-box;
    display: inline-block;
    background: none;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;

}
    .button_blue_more:after {
        content: '';
        position: absolute;
        left: -100%;
        top: -1px;
        width: 100%;
        height: 110%;
        box-sizing:border-box;
        overflow:hidden;
        background:#4178be ;
        overflow: hidden;
         transition: all linear 1s ;
        -moz-transition: all 0.25s linear;
        -webkit-transition: all 0.25s linear 0s;
        -ms-transition: all 0.25s linear 0s;
        -o-transition: all 0.25s linear 0s;
    }
    .button_blue_more span{
    color: #3b6caa;
    position: relative;
    z-index: 3;
}
.button_blue_more:hover span{color: #fff;}
.button_blue_more:hover:after{left: 0;}

.button_org_more {
    font-size: 1em;
    height:2.5em;
    line-height:2.5em;
    padding-left:15px;padding-right:15px;
    text-decoration: none !important;
    cursor:pointer;
    position: relative;
    border: 1px solid #e87d09;
    box-sizing:border-box;
    display: inline-block;
    background: none;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;

}
    .button_org_more:after {
        position: absolute;
        left: -100%;
        top: 0;
        content: '';
        width: 100%;
        height: 100%;
        background:#e87d09;
        overflow: hidden;
         transition: all linear 1s ;
        -moz-transition: all 0.25s linear;
        -webkit-transition: all 0.25s linear 0s;
        -ms-transition: all 0.25s linear 0s;
        -o-transition: all 0.25s linear 0s;
    }
    .button_org_more span{
    color: #e87d09;
    position: relative;
    z-index: 3;
}
.button_org_more:hover span{color: #fff;}
.button_org_more:hover:after{left: 0;}



.button_black_more {
    font-size: 0.95em;
    height:2.5em;
    line-height:2.5em;
    padding-left:20px;padding-right:20px;
    text-decoration: none !important;
    cursor:pointer;
    position: relative;
    border:solid 1px #4a83ca;
    box-sizing:border-box;
    display: inline-block;
    background: rgba(59,108,170,0.5);
    box-shadow:rgba(255,255,255,0.9) 0px 0px 3px;
    text-align: center;
    overflow: hidden;
    

}
    .button_black_more span{
    color: #f1f1f1;
    position: relative;
    z-index: 3;
}
.button_black_more:hover span{color: #fff;}
.button_black_more:hover{background:#366094}

.button_hui{display:block;border:solid 1px #d1d1d1;font-size:0.8em;color:#808080;cursor:pointer;
            padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;border-radius:5px;
            background:linear-gradient(#f8f8f8 20%,#F1F1F1 50%,#F8F8F8 80%)}
    .button_hui:hover {color:#F8F8F8;background:#07901f;}
.input_hui {border:solid #808080 1px;padding:5px;color:#282828;font-size:1em;}
    .input_hui:hover {border:solid 1px #07901f; }
    .input_hui:focus {border:solid 1px #07901f;    }
/*  hyp slider */
.slide_box {width:80%;box-sizing:border-box;overflow:hidden;margin-left:auto;margin-right:auto;position:relative;}
.slide_item {position:absolute;width:100%;box-sizing:border-box;overflow:hidden;top:0px;left:0px;}
.slide_item_img {width:80%;height:80%;margin:10% auto;z-index:1}
.slide_item_context {z-index: 3; margin-top:0%;}
.slide_item_hide {left:100%}
.slide_item_goodstitle {font-size:1.2em;font-weight:bold;color:#333;text-shadow:rgba(0,0,0,0.5) 2px 2px 5px;letter-spacing:4px;display:block;position:relative}
    .slide_item_goodstitle:after {
      content:"";position:absolute;width:48px;height:4px;box-sizing:border-box;background:#808080;left:50%;margin-left:-24px;bottom:-20px;
    }
.slide_item_goodstitle_white {font-size:1.2em;font-weight:bold;color:#f8f8f8;text-shadow:rgba(0,0,0,0.5) 2px 2px 5px;letter-spacing:4px;display:block;position:relative}
    .slide_item_goodstitle_white:after {
        content: "";
        position: absolute;
        width: 48px;
        height: 4px;
        box-sizing: border-box;
        background: #e9e9e9;
        left: 50%;
        margin-left: -24px;
        bottom: -20px;
    }   
.slide_item_goodsinfo {font-size:0.9em;color:#747474;letter-spacing:2px;text-indent:1.6em;width:100%;margin-top:40px;line-height:1.6em;text-align:left;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;box-sizing:border-box}
.slide_item_button {margin-top: 40px;}

.slide_item_Prev {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: rgba(200,200,200,0.8);
    font-size: 20px;
    cursor: pointer;
    border: solid 1px #d1d1d1;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    transform: scaleY(-50%);
    top: 50%;
    text-align: center;
}
.slide_item_Next {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: rgba(200,200,200,0.8);
    font-size: 20px;
    cursor: pointer;
    border: solid 1px #d1d1d1;
    box-sizing: border-box;
    position: absolute;
    right: 0px;
    transform: scaleY(-50%);
    top: 50%;
    text-align: center;
}
.hypContent > .slide_box > .div_col_h {padding-top:50%}
/*==========                    皇窑产品               ===================*/
.goods_view {width:95%;position:relative;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px;}
.goods_view_item_content {width:80%;box-sizing:border-box;overflow:hidden;position:relative;display:block;border:solid 1px #d1d1d1;padding:1px;background:#FFFFFF;}
    .goods_view_item_content:hover {border:solid 1px rgba(59,108,170,0.8);box-shadow:#3b6caa 0 0 5px;   }
    .goods_view_item_content > .goods_img_content {width:100%;padding-top:100%;position:relative;display:block;box-sizing:border-box;overflow:hidden;background:transparent;}
    .goods_view_item_content > .goods_title_content {width:100%;position:relative;margin-top:5px;height:3em;line-height:1.5em;text-align:left;padding-left:10px;padding-right:10px;font-size:1em;text-shadow:#d1d1d1 0 0 2px;letter-spacing:1px;box-sizing:border-box;overflow:hidden;}
    .goods_view_item_content > .goods_info_content {width:100%;position:relative;text-align:left;padding-left:10px;padding-right:10px;box-sizing:border-box;overflow:hidden;font-size:1em;color:#808080;height:6em;line-height:1.5em;overflow-x:hidden;overflow-y:hidden ;}
    .goods_view_item_content > .goods_tool_content {width:100%;position:relative;box-sizing:border-box;overflow:hidden;padding-right:10px;padding-top:5px;padding-bottom:5px;text-align:right; }
    
/*==========                    公司荣誉               ===================*/
.aboutus_content {width:90%;position:relative;overflow:hidden;box-sizing:border-box;margin-left:auto;margin-right:auto;}
.aboutus_itemcontent{width:100%;height:100%;position:relative;box-sizing:border-box;border-radius:100%;cursor:pointer}
    .aboutus_itemcontent:hover{border:solid 10px #808080;background:rgba(0,0,0,0.3);color:#FFFFFF }
/*==========                     Footer                ===================*/
.footer{
    width: 100%;
    position: relative;
    margin-top:0px;
    margin-bottom:0px;
    background:#ececec;
    border-top:solid #d1d1d1 1px;
    overflow:hidden;
    
}
.footerul {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
    text-align: center;
    padding-top:10px;
    padding-bottom:10px;
}
.footerul>li {
    width: 100%;
    display: inline-block;
    text-align: center;
}
.footerul > li > span {font-size:0.8em;}

/* ============================  左右动画  ================================================= */
.rightshow{animation:an_showfromright 500ms linear;}
.righthide{animation:an_hidefromright 500ms linear;}
.leftshow {animation:an_showfromleft 500ms linear;}
.lefthide {animation:an_hidefromleft 500ms linear;}

@keyframes an_showfromleft {
    0% {
        left:-100%;
    }
    100% {
        left:0px;
    }
}
@keyframes an_hidefromleft {
    0% {
        left:0%;
    }
    100% {
        left:100%;
    }
}

@keyframes an_showfromright {
    0% {
        left:100%;
    }
    100% {
        left:0px;
    }
}
@keyframes an_hidefromright {
    0% {
        left:0;
    }
    100% {
        left:-100%;
        opacity:0;
    }
}
 .rotate_always {
            transform-origin:50% 50%;
            animation-name:an_rotate_always;
            animation-duration: 20s;
            animation-timing-function:linear;
            animation-iteration-count:infinite;
            animation-delay: 0;
        }
 @keyframes an_rotate_always {
      0% {transform:rotateZ(0deg)       }
      100% {transform:rotateZ(360deg)            }
        }
.flash_always {
            transform-origin:50% 50%;
            animation-name:an_flash_always;
            animation-duration: 4s;
            animation-timing-function:linear;
            animation-iteration-count:infinite;
            animation-delay: 0;
}
 @keyframes an_flash_always {
      0% {opacity:1;}
      50% {opacity:0.2 }
      100% {opacity:1; }
        }

@media screen and (max-width:600px) {
    .mp_MenuContent {width:100%;margin-left:auto;margin-right:auto; }
    .slideshow {height:50vw;margin-top:50px;}
    .slideshowTool {display: none;}
    .slideshowNum {width:12px;height:12px;    }
    .modelContent {width:100%; min-width:100%;max-width:100%;padding-bottom:5px;padding-top:5px;margin-top:0px;height:auto;}
    .model_bkColor {background:none}
     .modelImg {height:30vh;}
    .aboutus_content {width:100%}
    .aboutus_itemcontent:hover{border:solid 1px #808080;background:none; }
    .width_100 {width:100%;}
    .width_90 {width:100%;}
    .width_60 {width: 100%;}
    .width_50 {width: 100%;}
    .width_40 {width: 100%;}
    .width_33 {width:100%;}
    .width_70 {width:100%;}
    .col_25 {width:50%; }
        .col_25 > div_col_main {padding:0px;}
    .margintop20 {margin-top:0px;}
    .container {margin-top:50px;}
    /*快链*/
    .ql_view {width:100%;margin:0px;}
    .col_20to50 {width:50%;display:block;float:left;overflow:hidden;text-align:center}
    .ql_text {text-align:center;height:1.2em;line-height:1.2em;letter-spacing:0.5px;width:100%; }
    /*资讯*/
    .newsitem {display:block;box-sizing:border-box;overflow:hidden;    }
    .news_title {left:0;top:0;margin-top:0;width:65%;padding:5px;padding-top:0px;padding-bottom:10px;position:relative;float:left;    }
    .news_date {left:10px;bottom:5px;right:auto;position:absolute;        }
    .news_img { max-width:30%;width:30%;position:relative;float:right;margin-right:0px;height:100%;overflow:hidden; }
    .aticlebody {position: relative;width: 100%;box-sizing: border-box;overflow: hidden;margin: 5px auto;  } 
    
    .newslist_itemContent {width:100%;border:none;border-bottom:solid 1px #d1d1d1;  }
      .newslist_itemContent:hover { border-color:#4178be;box-shadow:#3b6caa 0 0 0px;     }
          .newslist_itemContent > .newslist_info {width:75%;float:left;padding-left:9px;padding-right:3px;padding-top:8px;padding-bottom:16px;}

          .newslist_itemContent > .newslist_info > .newslist_date {left:10px;bottom: 3px;right:auto; }
          .newslist_itemContent > .newslist_img {width:22%;float:right;padding-top:15%;margin-top:5px; }   
    /* HYP */
     /* hyp slider */
    .slide_item_img {margin:0px auto;}  
    .slide_item_context {margin-top: -30%;}
    .slide_item_goodstitle {letter-spacing:2px;}
        .slide_item_goodstitle:after {bottom:-10px;}
    .slide_item_goodstitle_white {letter-spacing:2px;}
    .slide_item_goodstitle_white:after {bottom:-10px;}
    .slide_item_goodsinfo {margin-top:20px;    }
    .slide_item_button {margin-top:20px;}
    .slide_item_Prev {display:none; }
    .slide_item_Next {top:15% }
    .hypContent > .slide_box > .div_col_h {padding-top:180%}
    /*产品*/
    .goods_view {width:100%;padding-top:0;padding-bottom:0;    }
    .goods_view_item_content { width:95%;margin-top:10px;  }
        .goods_view_item_content > .goods_info_content {height:6em; overflow-x:hidden;overflow-y:auto;}
    .aboutus_itemcontent {width:100%;height:100%;    }
    .footerul > li > span {width:100%;display:block;    }
    .mp_show {display: block;}
    .mp_none {display:none;visibility:hidden;}

}