@charset "utf-8";
/*选中背景色*/
::selection {background:#4a4a4a;color:white;}
::-moz-selection {background:#4a4a4a;color:white;}
/*全局控制*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div,dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1,h2,h3,h4,h5,h6,
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p,blockquote,th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化
*/
table,td,tr,th{font-size:12px;}
caption,th {text-align:left;}
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
li{list-style-type:none;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-weight:normal; font-style:normal;}
del,ins{text-decoration:none;}
/** 重置文本格式元素 **/
a {color:#333;text-decoration:none;outline:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {color:#4a4a4a;text-decoration:none;}
a:active {color:#4a4a4a;}
/** 重置表单元素 **/
legend { color: #666; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; position: absolute; }
/** 清除浮动 **/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body{background:#fff;font:12px/20px microsift yahei,Tahoma,Arial,Helvetica,sans-serif;color:#333;}
input[type="text"],textarea{-webkit-appearance:none;}
input{_background:#fff;}
textarea{background:#fff;}
select{*background:#fff;}
.clearfix:before,.clearfix:after{content:"";display:table;border-bottom:1px dotted}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;overflow:hidden;display:block;background:#fff;}
.fl{float:left;}
.fr{float:right;}
.bl1 {clear:both; height:1px; overflow:hidden; display:block; background:#fff;}
.lines {clear:both; height:1px; overflow:hidden; display:block; background:#f1f1f0;}
.bl5 {clear:both; height:5px; overflow:hidden; display:block;}
.bl10 {clear:both; height:10px; overflow:hidden; display:block;}
.bl15 {clear:both; height:15px; overflow:hidden; display:block;}
.bl20 {clear:both; height:20px; overflow:hidden; display:block;}
.bl30 {clear:both; height:30px; overflow:hidden; display:block;}
.bl40 {clear:both; height:40px; overflow:hidden; display:block;}
.bl50 {clear:both; height:50px; overflow:hidden; display:block;}
.bl60 {clear:both; height:60px; overflow:hidden; display:block;}
.bl80 {clear:both; height:80px; overflow:hidden; display:block;}
.bl100 {clear:both; height:100px; overflow:hidden; display:block;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}
.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.pzr{ position: relative;}
.wrap{width:1115px;margin:0 auto;min-width:1115px;}
.iwrap{width:1115px;margin:0 auto;min-width:1115px;}
.index-copy{width:100%;margin:0 auto;min-width:100%;text-align:center;padding:3% 0 0;}


.img-fill {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.img-fill img {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    display: inline-block;
    max-width: none;
}

.Grid1k {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto;
}
.blocks-box,
.slick-slider {
    margin: 0;
    padding: 0 !important;
}
.slick-slide {
    /* If RTL Make This Right */

    float: left;
    padding: 0;
    /* ==== Slider Style === */
}
.Modern-Slider .item .img-fill {
    height: 100vh;
}
.Modern-Slider .item .img-fill .pc {
    display: block;
}
.Modern-Slider .item .img-fill .m {
    display: none;
}
.Modern-Slider .item .img-fill .info {
    position: absolute;
    width: 60%;
    height: 100%;
    top: 0px;
    left: 0px;
    line-height: 100vh;
    text-align: center;
    color:#333;
}
.Modern-Slider .item .img-fill img {
    width:100%;height:auto;
}
.Modern-Slider .item .info > div {
    display: inline-block !important;
    vertical-align: middle;
}
.Modern-Slider .NextArrow {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 45px;
    height: 45px;
    background:url(../images/right.png) no-repeat center center rgba(0, 0, 0, .50);background-size:20px auto;
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font: 20px/45px FontAwesome;
    color: #fff;
    z-index: 5;
}

.Modern-Slider .PrevArrow {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 45px;
    height: 45px;
    background:url(../images/left.png) no-repeat center center rgba(0, 0, 0, .50);background-size:20px auto;
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font: 20px/45px FontAwesome;
    color: #fff;
    z-index: 5;
}
.Modern-Slider .slick-dots {
    position: absolute;
    height: 5px;
    background: rgba(255, 255, 255, .20);
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.Modern-Slider .slick-dots li button {
    display: none;
}
.Modern-Slider .slick-dots li {
    float: left;
    width: 0px;
    height: 5px;
    background: #999;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.Modern-Slider .slick-dots li.slick-active {
    width: 100%;
    -webkit-animation: ProgressDots 11s both;
    animation: ProgressDots 5s both;
}
.Modern-Slider .item h1 {
    font:30px/40px RalewayB;
    text-transform: uppercase;
    color: #3a5862;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
    margin: 0;
    padding: 20px 0 10px;
}
.Modern-Slider .item h2 {
    font:30px/40px RalewayB;
    text-transform: uppercase;
    color: #40a6bf;
    animation: fadeOutRight 1s both;
    margin: 0;
    padding:10px 0 10px;
}
.Modern-Slider .item h3 {
     font:50px/50px RalewayB;
     text-transform: uppercase;
     color: #333;
     border-top:1px solid #babcbe;
     -webkit-animation: fadeOutRight 1s both;
     animation: fadeOutRight 1s both;
     margin: 0;
     padding: 20px 0 10px;
 }
.Modern-Slider .item h4 {
    font:50px/50px RalewayB;
    text-transform: uppercase;
    color: #333;
    line-height: 150%;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
    margin: 0;
    text-align: left;
    padding: 20px 0 10px;
}
.Modern-Slider .item h5 {
    margin: 0;
    padding: 0;
    font: 40px/45px RalewayR;
    color: #333;
    max-width: 600px;
    overflow: hidden;
    height: 60px;
    -webkit-animation: fadeOutLeft 1s both;
    animation: fadeOutLeft 1s both;
}
.Modern-Slider .item h6 {
    margin: 0;
    padding: 0;
    font:18px/45px RalewayR;
    color: #fff;
    background:#e40e12;
    max-width:100px;
    overflow: hidden;
    -webkit-animation: fadeOutLeft 1s both;
    animation: fadeOutLeft 1s both;
}
.Modern-Slider .item h6 a{color:#fff}
.Modern-Slider .item p {
    margin: 0;
    padding: 0;
    font: 30px/50px RalewayR;
    color: #666;
    border-top:1px solid #babcbe;
    max-width: 600px;
    overflow: hidden;
    height: 60px;
    -webkit-animation: fadeOutLeft 1s both;
    animation: fadeOutLeft 1s both;
}

.Modern-Slider .item info2 h3 {
    font:40px/40px RalewayB;
    text-transform: uppercase;
    color: #3f5d65;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
    margin: 0;
    padding: 20px 0 10px;
}

.Modern-Slider .item.slick-active h1 {
    -webkit-animation: fadeInDown 1s both 1s;
    animation: fadeInDown 1s both 1s;
}
.Modern-Slider .item.slick-active h2 {
    -webkit-animation: fadeInLeft 1s both 1.5s;
    animation: fadeInLeft 1s both 1.5s;
}
.Modern-Slider .item.slick-active h3 {
    -webkit-animation: fadeInDown 1s both 1s;
    animation: fadeInDown 1s both 1s;
}
.Modern-Slider .item.slick-active h4 {
    -webkit-animation: fadeInDown 1s both 1s;
    animation: fadeInDown 1s both 1s;
}
.Modern-Slider .item.slick-active h5 {
    -webkit-animation: fadeInLeft 1s both 1.5s;
    animation: fadeInLeft 1s both 1.5s;
}
.Modern-Slider .item.slick-active h6 {
    -webkit-animation: fadeInLeft 1s both 1.5s;
    animation: fadeInLeft 1s both 1.5s;
}
.Modern-Slider .item.slick-active p {
    -webkit-animation: fadeInLeft 1s both 2s;
    animation: fadeInLeft 1s both 2s;
}
.Modern-Slider .item.slick-active {
    -webkit-animation: Slick-FastSwipeIn 1s both;
    animation: Slick-FastSwipeIn 1s both;
}
.Modern-Slider {
    background: #fff;
    /* ==== Slider Image Transition === */
}
@-webkit-keyframes Slick-FastSwipeIn {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
        transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
        transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
    }
}
@keyframes Slick-FastSwipeIn {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
        transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
        transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
    }
}
@-webkit-keyframes ProgressDots {
    from {
        width: 0px;
    }
    to {
        width: 100%;
    }
}
@keyframes ProgressDots {
    /* ==== Slick Slider Css Ruls === */

    from {
        width: 0px;
    }
    to {
        width: 100%;
    }
}
.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    /* If RTL Make This Right */

    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
/*头部区域*/
.head{width:100%;background:#fff;border-bottom:1px solid #f1f1f1;height:85px;clear:both;margin:0 auto;position:relative;z-index:10;left:0;top:0;}
.headbg{border-bottom:1px solid #ccc;}
.head .menu{display:none;}
.head .logo{float:left;width:169px;height:40px;overflow:hidden;margin:17px 0 0;}
.head .logo h1{float:left;width:169px;height:40px;}
.head .logo h1 img{height:100%;}
.head .tel{float:right;height:50px;margin:17px 0 0;}
.head .tel a{height:30px;display:block;padding:15px 0 0 30px;background:url(../images/tel.png) no-repeat left center;background-size:auto 30px;font-size:24px;color:#4a4a4a;font-family:"Bahnschrift"}

.navbg{float:left;height:85px;margin:0 0 0 100px;position:relative;z-index:10;left:0;top:0;margin:0 0 0 30px;font-size:12px;}
.navs{height:85px;line-height:85px;}
.navs li{float:left;margin:0;width:100px;}
.navs li a{display:block;text-align:center;font-size:1.1em;height:85px;color:#9b9b9b;margin:0px;}
.navs li a:hover,.navs li.on a{color:#000;text-decoration:none;}
.navs li:hover.on,.navs li:hover a{color:#000;text-decoration:none;}
.navs li ul{display:none;position:absolute;z-index:9999;border:1px solid #ccc;}
.navs li ul li{float:none;display:block;width:100px;border-bottom:1px solid #f1f1f1;position:relative;height:40px;_display:inline;}
.navs li ul li:last-child{border:none;}
.navs li ul li .s{position:absolute;top:0;left:100px;}
.navs li ul li .s li{float:none;}
.navs li ul li a{display:block;width:100px;height:40px;line-height:40px;padding:0;background:#fff;text-align:center;font-weight:normal;font-size:1em;color:#000;}

.navs li ul li a:hover{color:#fff; background:#e50112;}

/* banner */
.banners {height:100vh;width:100%;margin:0 auto;clear:both;background:#fff;position:relative;max-width:100%;z-index:0;}
.banner{position:relative;bottom:0;left:0;width:100%;height:100vh;}
.detail-pic{position:relative;bottom:0;left:0;width:100%;height:100%;}
.banner a{display:block;background-repeat:no-repeat;background-position:center top;height:100vh}
.banner .slick-dots button,.detail-pic .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px;}
.banner .slick-arrow,.detail-pic .slick-arrow{position: absolute;border:none;top:46%; cursor:pointer;height:50px;width:50px;z-index:100;text-indent:-9999px;background:url(../images/pcontrol.png) 0px 0px no-repeat #fff;border-radius:50%;cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.banner .slick-prev,.detail-pic .slick-prev{left:5%;}
.banner .slick-next,.detail-pic .slick-next{right:5%;background-position:-50px 0px;}
.banner .slick-arrow:hover,.detail-pic .slick-arrow:hover{background-color:#333;}
.banner .slick-dots,.detail-pic .slick-dots{position:absolute;left:50%;bottom:30px;transform:translateX(-50%); z-index: 1000;}
.banner .slick-dots li,.detail-pic .slick-dots li{width:8px;height:8px;background:#f1f1f1;float:left;margin:0 5px;border-radius:50%;}
.banner .slick-dots li.slick-active,.detail-pic .slick-dots li.slick-active{background:#333;}

.sbanner{height:400px;width:100%;float:left;background-size:cover;}
.sbannertxt{text-align:center;}
.sbannertxt h3{font-size:48px;color:#000;padding:220px 0 0;}
.sbannertxt p{font-size:48px;color:#999;padding:40px 0 0;}
.sbannertxt h5{font-size:24px;color:#333;padding:185px 0 0;letter-spacing:5px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px  1px 0 #fff,1px  1px 0 #fff;}

.bannerm{display:none;}
/*首页样式*/
.page_scroll{width: 100%;height: 100vh;background: #fff;}
.pageSection, .banner .swiper-slide, .banner{width:100%;display:flex;justify-content:center;align-items:center;height:100vh;}
.pageSection{}
.banner .swiper-slide{-webkit-animation-name: centerBig; animation: centerBig 5s linear;
    transition: transform 0.5s ease; /* 添加过渡效果 */
    transform: scale(1); /* 初始缩放 */}
.banner .swiper-slide img{position: relative;display: block;width: 100%;height:auto;}
.banner .swiper-slide-active{transform: scale(1.2); /* 激活状态的缩放 */}


.section2{background:url(../images/bg1.png) no-repeat #fff;background-size:cover;}
.section3{background:url(../images/bg2.png) no-repeat #fff;background-size:cover;}
.section4{background:url(../images/bg2.png) no-repeat #fff;background-size:cover;}
.section5{background:url(../images/bg4.png) no-repeat #fff;background-size:cover;}
.section6{background:url(../images/bg5.png) no-repeat #fff;background-size:cover;}

.section2 .wrap,.section3 .wrap,.section4 .wrap,.section5 .wrap,.section6 .wrap{padding:85px 0 0;}


.indVideo{width:100%; height:calc(100vh - 80px); max-height:700px;background:url(../images/about.jpg) center no-repeat; background-size:cover; position:relative; text-align:center}
.indVideo span{width:1px; display:inline-block; height:100%; vertical-align:middle}
.btnVideo{display:inline-block; vertical-align:middle}
.btnVideo i{height:97px; background:url(../images/icoVideo.png) center no-repeat; background-size:auto 100%; display:block; margin-bottom:20px;}
.btnVideo h1{ font-size:40px; display:inline-block; border-bottom:4px solid #d70c19; padding-bottom:10px; line-height:40px; color:#fff}
.btnVideo h2{ font-size:20px; font-weight:bold; color:#fff; line-height:20px; padding:10px 0 0 0;}
.btnVideo:hover i{background:url(../images/icoVideoHover.png) center no-repeat;background-size:auto 100%;}

.myVideo{ background:#000; position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none}
.myVideo video{width:100%; height:100%;}
.closeVideo{ display:block;width:60px; height:60px; border-radius:50%; background:url(../images/closeMenu.png) center no-repeat; background-size:100% 100%; background-color:#d70c19;position:absolute; top:20px; right:20px;transition:transform 0.4s ease-out;z-index:1000;}
.closeVideo:hover{transform:rotateZ(180deg)}


.index-area-2-left{width:40%;float:left;padding:20px 0 0;}
.index-area-2-left span{font-size:32px;color:#333;position:relative;padding:30px 0 30px;margin:0 0 30px;}
.index-area-2-left span:after{content:"";position:absolute;bottom:8px;left:0;border-bottom:3px solid #333;width:100%;}
.index-area-2-left p{color:#9b9b9b;font-size:18px;line-height:30px;margin:50px 0 0;}
.index-area-2-right{width:50%;float:right;}
.index-area-2-right img{width:100%;}


.index-area-3-left{width:45%;float:left;padding:20px 0 0;}
.index-area-3-left span{font-size:32px;color:#333;position:relative;padding:30px 0 30px;margin:0 0 30px;}
.index-area-3-left span:after{content:"";position:absolute;bottom:8px;left:0;border-bottom:3px solid #333;width:100%;}
.index-area-3-left p{color:#9b9b9b;font-size:18px;line-height:30px;margin:50px 0 0;}
.index-area-3-right{width:40%;float:right;}
.index-area-3-right img{width:100%;}

.index-area-4-left{width:45%;float:right;padding:20px 0 0;}
.index-area-4-left span{font-size:32px;color:#333;position:relative;padding:30px 0 30px;margin:0 0 30px;}
.index-area-4-left span:after{content:"";position:absolute;bottom:8px;left:0;border-bottom:3px solid #333;width:100%;}
.index-area-4-left p{color:#9b9b9b;font-size:18px;line-height:30px;margin:50px 0 0;}
.index-area-4-right{width:40%;float:left;}
.index-area-4-right img{width:100%;}



.server_list,.news_list{width:1135px;margin:10px auto;position:relative;float:left;left:-10px;padding:0 0 10px;}
.server_list .slick-slide{padding:10px;}

.news_list .slick-slide{margin:10px;}
.server_list .slick-arrow,.news_list .slick-arrow{width:35px;height:35px;border:none;border-radius:50%; z-index: 1;top:35%;position: absolute; text-indent:-9999px; cursor: pointer;}
.server_list .slick-prev,.news_list .slick-prev{left:-35px;background:url(../images/left.png) no-repeat center center #666;background-size:20px auto;}
.server_list .slick-next,.news_list .slick-next{right:-35px;background:url(../images/right.png) no-repeat center center #666;background-size:20px auto;}
.server_list .slick-dots,.news_list .slick-dots{position:absolute;left: 50%;bottom:10px;transform: translateX(-50%); z-index: 1000;}
.server_list .slick-dots li,.news_list .slick-dots li{width:10px;height:10px;background:#ccc;float:left;margin:0 5px;border-radius:50%;cursor: pointer}
.server_list .slick-dots li.slick-active,.news_list .slick-dots li.slick-active{background:#333;}
.server_list .slick-dots button,.news_list .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px; }
.news_list .slick-dots{bottom:-30px;}

.server_pic{background:#fff;margin:0 0 20px;}
.server_pic .pic{width:150px;height:150px;margin:0 auto;display:block;vertical-align:middle;text-align:center;overflow:hidden;}
.server_pic .pic img{vertical-align:middle;height:100%;width:100%;object-fit:cover;}
.server_pic h3{font-size:14px;padding:10px 0 20px;text-align:center;}
.server_pic p{padding:0 15% 30px;line-height:30px;font-size:14px;text-align: center}
.server_list a:hover h3,.server_list a:hover p{color:#666}

.news_pic{background:#fff;margin:0 0 20px;border-radius:10px;}
.news_pic .pic{width:100%;height:240px;border-top-left-radius:10px;border-top-right-radius:10px;display:block;vertical-align:middle;text-align:center;overflow:hidden;}
.news_pic .pic img{vertical-align:middle;height:100%;width:100%;object-fit:cover;}
.news_pic .txt{padding:4%;}
.news_pic h3{font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.news_pic p{padding:10px 0;line-height:24px;font-size:12px;color:#999;}
.news_pic span{padding:10px 0;line-height:24px;font-size:12px;padding:0 0 0 16px;color:#999;background:url(../images/time.png) no-repeat left center;background-size:auto 12px;}
.news_pic a:hover h3,.news_pic a:hover p{color:#333}



.index-title{border-bottom:1px solid #e6e6e6;padding:10px 0;position:relative;height:30px;line-height:30px;}
.index-title h4{float:left;font-size:24px;}
.index-title .arrowbox {position:absolute;width:80px;bottom:10px;right:0px;z-index:2;}
.index-title .arrowbox .center{width:80px;position:relative;margin:0 auto;height:40px;z-index:2;}
.index-title .arrowbox .center .slick-arrow {width:40px;margin:0;height:40px;float:left;background:url(../images/lefta.png) no-repeat center center;background-size:auto 20px;border:none;text-indent:-9999px;cursor: pointer;}
.index-title .arrowbox .center .slick-arrow:hover{background:url(../images/leftb.png) no-repeat center center;background-size:auto 20px;}
.index-title .arrowbox .center .slick-next{background:url(../images/righta.png) no-repeat center center;background-size:auto 20px;}
.index-title .arrowbox .center .slick-next:hover{background:url(../images/rightb.png) no-repeat center center;background-size:auto 20px;}
.index-title .arrowbox .center .slick-disabled{cursor:not-allowed;!important; }
.index-title span{float:right;font-size:12px;}

.index-area-3 img{width:100%;}
.index-area-5{padding:2% 0;}

.indexpic{width:1420px;margin:0 auto;position:relative;float:left;left:-10px;display:none}
.indexpic .slick-slide{padding:10px;}
.indexpic .slick-arrow{width:20px;height:35px; border:none; z-index: 1;top:35%;position: absolute; text-indent:-9999px; cursor: pointer;}
.indexpic .slick-prev{left:-20px; background:url(../images/left.png) no-repeat center center;}
.indexpic .slick-next{right:-20px; background:url(../images/right.png) no-repeat center center;}
.ipic{width:100%;height:100%;position: relative;overflow: hidden;text-align: center;}
.ipic .pic{height:195px;width:100%;overflow:hidden;}
.ipic .pic img{width:auto;height:100%;object-fit: cover;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.ipic p{padding:10px 0;background:#FCFCFC;width:100%;}
.ipic:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.1);display: block;}
.ipic a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}


/*Plugin CSS*/
.str_wrap {
    overflow:hidden;
//zoom:1;
    width:100%;
    font-size:12px;
    line-height:16px;
    position:relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    background:#f6f6f6;
    white-space:nowrap;
}

.str_wrap.str_active {
    background:#f1f1f1;
}
.str_move {
    white-space:nowrap;
    position:absolute;
    top:0;
    left:0;
    cursor:move;
}
.str_move_clone {
    display:inline-block;
//display:inline;
//zoom:1;
    vertical-align:top;
    position:absolute;
    left:100%;
    top:0;
}
.str_vertical .str_move_clone {
    left:0;
    top:100%;
}
.str_down .str_move_clone {
    left:0;
    bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
    white-space:normal;
    width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
    cursor:inherit;
}
.str_wrap img {
    max-width:none !important;
}
.str4{margin:20px 0;}
.str4 img {width:auto;height:200px;display:inline-block;margin:0 2px;}
.str4.str_wrap.str_active {background:#fff;}

.str5 img {width:auto;height:200px;display:inline-block;margin:0 2px;}

/*内页样式*/
.cobg{width:100%;background:#fff;display:flex;flex-wrap:wrap;float:left;padding:0 0 50px;}
.local{height:72px;line-height:72px;width:100%;color:#666;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.local span{background:url(../images/local.png) no-repeat 0px center;background-size:auto 16px;padding:0 0 0 20px;}
.local a{color:#666;}.local a:hover{color:#e50112;}
.co{width:100%;margin:0 auto;min-width:100%;background:#fff;display:block;}

.pnav{width:100%;text-align:center;padding:0 0 20px;}
.pnav a{background:#999;color:#fff;padding:5px 20px;font-size:12px;display: inline-block;margin:0 1%;}
.pnav a:hover,.pnav a.on{background:#e50112;}




/*图片列表*/
.piclists{width:100%;clear:both;margin:10px auto 20px;float:left;}
.piclists ul{width:100%;float:left;}
.piclists ul li{float:left;height:auto;width:32%;margin:0 2% 2% 0;visibility: visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.piclists ul li:nth-child(3n){margin-right:0;}
.piclists ul li a{display:block;width:100%;float:left;position:relative;transform-style:preserve-3d;perspective:1000px;}
.piclists ul li a .front{padding:5%;z-index:1;position:relative;background-color:#fff;transition:1s;backface-visibility: hidden;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.piclists ul li a .img{overflow:hidden;height:322px;background: #fff url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center;}
.piclists ul li a .img img{width:100%;height:100%;object-fit:cover;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.piclists ul li a .txt{width:100%;overflow:hidden;}
.piclists ul li a h2{margin:10px 0;width:100%;font-size:14px;text-align:center;overflow:hidden;height:30px;line-height:30px;}
.piclists ul li a p{padding:5px 0 15px;height:20px;overflow:hidden;text-align:center;font-size:16px;}
.piclists ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.piclists ul li a .back{position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding:5%;background-color: #fff;transform: rotateY(-180deg);transition: 1s;backface-visibility: hidden;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.piclists ul li a .back h3{color:#000;padding:0 20px;font-size:18px;margin-bottom:30px;border-left:4px solid #B60A0A;line-height:25px;font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.piclists ul li a:hover .front{transform: rotateY(180deg);}
.piclists ul li a:hover .back{transform: rotateY(0);}
/*新闻列表*/
.newslist{width:100%;overflow:hidden;margin:10px auto 20px;float:left;}
.newslist ul{width:100%;float:left;}
.newslist ul li{width:100%;float:left;margin:0 0 20px 0;visibility: visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.newslist ul li a{background:#fff;display: block;height:200px;border:1px solid #f3f3f3;}
.newslist ul li .img{float:right;width:300px;height:200px;overflow: hidden;}
.newslist ul li .img img{width:300px;height:200px;object-fit: cover;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.newslist ul li .txt{padding:20px 0 0 20px;width:650px;float:left;}
.newslist ul li .txt h2{color:#333;font-size:16px;padding:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.newslist ul li .txt h2 span{color:#fff;background:#f00;padding:5px;border-radius:5px;margin:0 0 0 5px;}
.newslist ul li .txt h2 span.over{background:#999;}
.newslist ul li .txt p{color:#999;font-size:12px;height:90px;line-height:24px;overflow:hidden;}
.newslist ul li .txt span{background:#0082ab;color:#fff;padding:10px 20px;font-size:12px;}
.newslist ul li .time{float:left;background:#0082ab;width:80px;height:80px;padding:10px;font-family:arial;font-size:14px;color:#fff;text-align:center;}
.newslist ul li .time h4{font-size:24px;line-height:45px;display:block;}
.newslist ul li a:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);background:rgba(0,0,0,.02);}
.newslist ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.newslist ul li a:hover h2{color:#0082ab;}
.toplist{border-top:2px solid #ddd;margin:97px 0 0;}
.toplist ul li{border-bottom:1px solid #ddd;height:42px;line-height:42px;}
.toplist ul li span{color:#73AC53;font-size:12px;padding:0 5px 0 0}
.toplist ul li a{display:block;-webkit-transition:padding-left .8s;-moz-transition: padding-left .8s;-o-transition: padding-left .8s;}
.toplist ul li a:hover{background:#D2E9C5;color:#73AC53;padding-left:10px;}
/*搜索列表*/
.cname{width:100%;float:left;display:block;text-align:center;font-size:24px;padding:20px 0;}
.newsli{width:100%;float:left;display:block;}
.newsli ul li{width:100%;float:left;display:block;border-bottom:1px solid #ccc;}
.newsli ul li a{display:block;width:100%;padding:20px 0;height:30px;line-height:30px;}
.newsli ul li h2{float:left;width:70%;font-size:18px;}
.newsli ul li span{float:right;color:#999;}
.newsli ul li a:hover{background:#f1f1f1;}

/*作品列表*/
.worklists{width:100%;clear:both;margin:10px auto 20px;float:left;}
.worklists ul{width:100%;float:left;}
.worklists ul li{float:left;height:auto;width:32%;margin:0 2% 2% 0;visibility: visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.worklists ul li:nth-child(3n){margin-right:0;}
.worklists ul li a .imgk{float:left;width:50%;}
.worklists ul li a .img{width:224px;height:300px;box-shadow:0 2px 10px rgba(0,0,0,.15);transform:skewY(2deg);display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;background: #fff url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center;}
.worklists ul li a .img img{vertical-align:middle;max-width:100%;max-height:100%;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.worklists ul li a .txt{width:50%;float:left;padding:30px 20px 0 20px;min-height:300px;box-sizing: border-box;background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.15);transform: skewY(-2deg);transition: 0.5s;overflow:hidden;}
.worklists ul li a .txt h2{font-size:24px;margin-bottom:25px;line-height:32px;font-weight:bold;transform:skewY(2deg);transition: 0.3s;}
.worklists ul li a .txt p{font-size:16px;margin-bottom:5px;color:#999;transform:skewY(2deg);transition: 0.3s;}
.worklists ul li a .txt p span{font-weight:bold;color:#333}
.worklists ul li a:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1)}
/*详情内容页*/
.listConts{line-height:32px;color:#000;width:100%;padding:20px 0 0;float:left;background:#fff;}
.listConts .titles{font-size:18px;color:#333;text-align:center;padding:10px 0;width:100%;line-height:40px;height: auto}
.listConts .desc{width:100%;text-align:center;padding:10px 0 15px;color:#999;margin:0 auto;height:40px;line-height:40px;float:left;}
.listConts .desc span{margin:0 10px 0 0;}
.listConts .times{width:100%;text-align:center;float:left;padding:0 0 20px;}
.listConts .times span{background:#f00;color:#fff;padding:10px 15px;border-radius:10px;font-size:16px;}

.listConts .time{background:url(../images/time.png) no-repeat left 2px;padding:0 0 0 15px;background-size:auto 12px;}
.listConts .hits{background:url(../images/views.png) no-repeat left 0px;padding:0 0 0 20px;background-size:auto 15px;}
.listConts .code{background:url(../images/code.png) no-repeat left 2px;padding:0 0 0 15px;background-size:auto 12px;position:relative;cursor:pointer;}
.listConts .zihao{background:url(../images/zihao.png) no-repeat left 2px;padding:0 0 0 15px;background-size:auto 12px;}
.listConts .zihao a{margin:0 5px;}
.listConts .zihao a.small_size{font-size:12px;}
.listConts .zihao a.normal_size{font-size:14px;}
.listConts .zihao a.big_size{font-size:16px;}
.listConts .code .vm{position:absolute;top:25px;left:0px;background-color:#fff;height:170px;width:150px;display:none;padding:20px;border:1px solid #ccc;}
.listConts .code .vm p{font-size:12px;line-height:15px;}
.listConts .code:hover .vm{display:block}
.listConts .share{float:left;width:200px;}
.listConts .share span{float:left;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}
.listConts .post{padding:10px 0 20px;width:100%;float:left;}
.listConts .post p{line-height:2;}
.listConts .post img{max-width:100%;}
.listConts .post table td{border:1px solid #ccc;}
.listConts .detailpic{width:100%;}
.listConts .detailpic img{width:100%;height:auto;}
#qrcode{text-align:center;display:block;float:left;width:100%;padding-bottom:35px;position:relative;}
#qrcode canvas{margin:auto;width:15%;}
#qrcode span{position:absolute;bottom:0;left:0;right:0;}

/*关于我们*/
.about{line-height:26px;width:100%;padding:20px 0 0;float:left;}
.about .title{font-size:18px;text-align:center;border-bottom:1px solid #f1f1f1;padding:0 0 20px;}
.about .aboutcon{padding:10px 0 20px;width:100%;float:left;}
.about .aboutcon img{max-width:100%;}
.about .aboutcon table td{border:1px solid #ccc;}
.ditu{height:500px;width:100%;margin:20px 0 0;float:left;display:block;position:relative;background:#fff;z-index:0;}


/*联系我们*/
.contact{line-height:26px;width:90%;padding:20px 5% 0;float:left;}
.contact .img{width:40%;float:right;}
.contact .img img{width:100%;height:auto;}
.contact .txt{width:50%;float:left;padding:5% 0 0;}
.contact .txt h2{font-size:24px;padding:10px 0 30px;}
.contact .txt p{padding:5px 0 5px 24px;font-size:18px;margin:10px 0 0}
.contact .txt p.address{background:url(../images/address.png) no-repeat left 7px;background-size:20px auto;}
.contact .txt p.tel{background:url(../images/telm.png) no-repeat left 9px;background-size:20px auto;}

/*产品详情*/
.product{line-height:32px;width:100%;padding:20px 0 0;float:left;background:#fff;font-size:12px;}
.product .detailpic{width:43%;float:left;border-right:1px solid #f1f1f1;padding:0 0 0 7%;}
.product .detailpic img{width:100%;height:auto;}
.product .product-txt{padding:0 0 0 5%;float:left;width:44%;}
.product .product-txt h1{font-size:24px;color:#333;padding:34px 0 0;width:100%;position:relative;}
.product .product-txt h1:before{content:"";position:absolute;bottom:-20px;left:0;width:95px;height:2px;background:#000;}
.product .product-txt h4{font-size:35px;color:#0082ab;margin-top:50px;}


.product .detailtxt{width:100%;float:left;border:1px solid #f5f5f5;margin:30px 0 0;}
.product .detailtxt ul li{border-bottom:1px solid #f1f1f1;color:#999;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.product .detailtxt ul li span{color:#333;padding:0 0 0 20px;margin:0 20px 0 0;border-right:1px solid #f1f1f1;width:100px;display:inline-block;background:#f9f9f9;}
.product .detailtxt ul li:last-child{border:none;}
.product .post-li{width:100%;float:left;}
.product .post-li dl{width:48%;float:left;}
.product .post-li dl:last-child{float:right;}
.post-title{font-size:16px;border-bottom:1px solid #f1f1f1;padding:20px 0;position:relative;}
.post-title:after{content:"";position:absolute;bottom:-1px;left:0;border-bottom:2px solid #000;width:90px;}

.product .post{padding:20px 0;width:100%;float:left;}
.product .post p{line-height:2;}
.product .post img{max-width:100%;}
.product .post table td{border:1px solid #ccc;}


/*活动提交表单*/
.feedback{padding:20px 0 50px;width:100%;float:left;}
.feedback ul li{float:left;width:100%;padding:5px 0;}
.feedback ul li label{float:left;width:100px;padding:10px;font-size:16px;text-align: right}
.feedback ul li input{float:left;width:480px;padding:10px;border:1px solid #C8C8C8;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;}
.feedback ul li textarea{float:left;width:480px;padding:10px;height:150px;border:1px solid #C8C8C8;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;}
.feedback ul li button{background: #e50112;border: 1px solid #e50112;-moz-border-radius: 2px 2px 2px 2px;-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;-webkit-border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;border-radius: 2px 2px 2px 2px;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;color: #FFFFFF;display:inline-block;font-size:16px;height:42px;line-height:42px;padding:0 60px;cursor: pointer;}
.feedback ul li input.finput{width:120px;}
.baomings{text-align:center;width:100%;float:left;padding:20px 0;}
.baomings a{background:#E00B10;color:#fff;cursor:pointer;border:0;padding:15px 30px;border-radius:10px;font-size:24px;}
.baomings a:hover{background:#f60;}
.baomingk{width:700px;height:600px;padding:0;background:#fff;border-radius:10px;margin-left:-350px;margin-top:-300px;position:fixed;top:50%;left:50%;display: block;}
.baomingk .btitle{text-align:center;padding:40px 0 20px;font-size:24px;}
.baomingk .close{position:absolute;top:-20px;right:-20px;border-radius:50%;width:50px;height:50px;line-height:50px;z-index:10;cursor:pointer;background:url(../images/x.png)no-repeat center center #000;background-size:20px auto;color:#fff;text-align:center;font-size:24px;font-family:Arial;}
.baomingk .close:hover{background-color:#333;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform 0.5s linear;transition:transform 0.5s linear;}
.baomingk-shadow{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:10000;background:rgba(0,0,0 ,.5);opacity:0;}


/*会员中心*/
.baoming{text-align:center;width:100%;padding:20px 0 50px;}
.baoming button{background:#E00B10;color:#fff;cursor:pointer;border:0;padding:15px 30px;border-radius:10px;font-size:24px;}
.baoming button:hover{background:#f60;}
.reg{width:50%;margin:0 auto;}
.reg h2{font-size:24px;text-align:center;padding:20px 0;height:30px;line-height:30px;}
.reg .control-group{margin:0 0 20px;}
.reg .inputs{width:97.5%;background-color:#fff;border:1px solid #bbb;padding:6px 0 6px 2%;text-indent:1px;display: inline-block;*display: inline;margin-bottom:0;vertical-align: middle;transition:border linear .2s,box-shadow linear .2s;height:36px;font-size:18px;min-height:1px;}
.reg img{height:auto;max-width:100%;vertical-align:middle;border:0;}
.reg .codeinput{width:50%;}
.reg .btn{width:100%;color:#fff;display:block;background-color:#357ebd;padding:7px 0;cursor: pointer;border:0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;font-size:18px;line-height:36px;text-align: center;}
.reg .error{color:#222;border-color:#ff0039;}

.member-center{width:50%;margin:0 auto;}
.member-center h3{font-size:24px;text-align:center;padding:20px 0;height:30px;line-height:30px;}
.member-center .control-label{font-weight:bold;float:left;width:90px;line-height:48px;}
.member-center .control-group{padding:20px 0;border-bottom:1px solid #ccc;}
.member-center .controls{line-height:48px;}
.member-center .btn{width:100%;color:#fff;display:block;background-color:#357ebd;padding:7px 0;cursor: pointer;border:0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;font-size:18px;line-height:36px;text-align: center;}
.member-center input{background-color:#fff;border:1px solid #bbb;padding:6px 0 6px 2%;text-indent:1px;display: inline-block;*display: inline;margin-bottom:0;vertical-align: middle;transition:border linear .2s,box-shadow linear .2s;height:36px;font-size:18px;min-height:1px;}
.member-center select{background-color:#fff;border:1px solid #bbb;padding:6px 0 6px 2%;text-indent:1px;display: inline-block;*display: inline;margin-bottom:0;vertical-align: middle;transition:border linear .2s,box-shadow linear .2s;height:36px;font-size:18px;min-height:1px;}

.baoming-list{width:80%;margin:0 auto;}
.baoming-list ul li{width:100%;float:left;border-bottom:1px solid #ccc;padding:20px 0;}
.baoming-list ul li h3{float:left;font-size:18px;}
.baoming-list ul li span{float:right;color:#999;font-size:12px;}
/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:12px;margin:20px 0 0;}
.page_list li{display:inline-block;}
.page_list a{display:inline-block;color:#333;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 3px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list .active span{color:#333;border:1px solid #ccc;background:#ccc;text-align:center;padding:0 8px;margin:0 1px;display: inline-block;}

/*页脚区域*/
.copyright{border-top:1px solid #f1f1f1;text-align:center;padding:20px 0;width:100%;float:left;display:block;position:relative;}
.copyright a{}
.copyright a:hover{color:#ccc;}
.footnav{display:none;}

@media (max-width:1366px) {

}
@media (max-width:1280px) {

}
@media (max-width:960px) {
    .wrap{width:100%;min-width:100%;}
}
@media (max-width:768px) {
    .bl10 {height:0px;}
    .bl20 {height:5px;}
    .bl30 {height:5px;}
    .bl40 {height:5px;}
    .bl50 {height:10px;}
    body{font:12px/20px microsift yahei,Tahoma,Arial,Helvetica,sans-serif;}
    .iwrap{width:94%;min-width:94%;}
    .head{height:60px;}
    .navbg{display:none;}
    .head .logo{margin:15px 0 0 10px;}
    .head .logo h1{width:211px;height:30px;}
    .head .tel{height:30px;margin:15px 50px 0 0;}
    .head .tel a{height:30px;width:30px;padding:0px;background:url(../images/telm.png) no-repeat left center;background-size:auto 30px;text-indent:-9999px;}
    .head .menu{background:url(../images/menu.png) no-repeat center center;text-indent:-9999px;display:block;width:40px;height:40px;position:absolute;top:10px;right:0px;background-size:auto 15px;}
    #menua{ display:block;}

    /* banner */
    .banners {height:200px;position:relative;}
    .banner a{height:200px;background-size:auto 200px;}
    .sbanner{height:150px;}
    /*首页样式*/
    .section2 .wrap,.section3 .wrap,.section4 .wrap,.section5 .wrap,.section6 .wrap{padding:60px 0 0;}
    .Modern-Slider{}

    .Modern-Slider .item .img-fill .pc {
        display: none;
    }
    .Modern-Slider .item .img-fill .m {
        display: block;
    }
    .Modern-Slider .item .img-fill img {
        width:auto;height:100vh;
    }
    .Modern-Slider .item .img-fill .info {width:80%;padding:0 10%;line-height:60vh;}
    .Modern-Slider .item h1 {font:20px/30px RalewayB;}
    .Modern-Slider .item h2 {font:18px/25px RalewayB;}
    .Modern-Slider .item h3 {font:24px/30px RalewayB;}
    .Modern-Slider .item h4 {font:24px/30px RalewayB;}
    .Modern-Slider .item h5 {font:20px/25px RalewayR;height:40px;}
    .Modern-Slider .item h6 {font:14px/30px RalewayR;}
    .Modern-Slider .item p {font:16px/20px RalewayR;max-width:100%;}


    .bannerm{position:relative;bottom:0;left:0;width:100%;height:100vh;display:none;}
    .bannerm a{display:block;background-repeat:no-repeat;background-position:center top;height:100vh}







    .section2{background:url(../images/bg1.png) no-repeat right top;background-size:cover;}
    .index-area-2-left{width:90%;padding:20px 5% 0;}
    .index-area-2-right{width:90%;padding:0 5% 0;margin:10% 0 0;}
    .index-area-2-left span{font-size:24px;padding:10px 0 20px;margin:0 0 0px;}
    .index-area-2-left span:after{}
    .index-area-2-left p{font-size:18px;line-height:30px;}

    .index-area-3-left{width:90%;padding:10px 5% 0;}
    .index-area-3-left span{font-size:20px;padding:10px 0 20px;margin:0 0 0px;}
    .index-area-3-left span:after{}
    .index-area-3-left p{font-size:14px;line-height:20px;margin:20px 0 0;}
    .index-area-3-right{width:80%;padding:5px 10% 0;}

    .index-area-4-left{width:90%;padding:5px 5% 0;margin:10px;}
    .index-area-4-left span{font-size:20px;padding:10px 0 20px;margin:0 0 0px;}
    .index-area-4-left span:after{}
    .index-area-4-left p{font-size:14px;line-height:20px;margin:20px 0 0;}

    .index-area-4-right{width:80%;padding:5px 10% 0;}

    .server_list,.news_list{width:100%;margin:20px auto;left:0px;padding:0 0 10px;}
    .server_list .slick-slide{padding:10px;}
    .news_list .slick-slide{}
    .index-title{padding:10px 3%;width:94%;}
    .index-title h4{font-size:24px;}

    .server_pic .pic{height:150px;}
    .server_pic h3{font-size:14px;padding:10px 0;}

    .index-area-5{width:90%;padding:5px 5% 0;}


    /*图片列表*/
    .piclists ul li,.worklists ul li{width:100%;margin:0 0 5% 0;}



    .newslist ul li{margin:0 0 10px 0;}
    .newslist ul li a{padding:2%;width:96%;height:auto;}
    .newslist ul li .img{float:left;width:100%;height:auto;margin:0 0 10px;}
    .newslist ul li .img img{width:100%;height:auto;float:left;}
    .newslist ul li .time{width:15%;height:50px;padding:2%;font-size:14px;}
    .newslist ul li .time h4{font-size:18px;line-height:25px;}
    .newslist ul li .txt{padding:0 0 0 2%;width:78%;}
    .newslist ul li .txt h2{font-size:14px;padding:5px 0 0;}
    .newslist ul li .txt p{font-size:12px;height:36px;line-height:18px;}
    .newslist ul li .txt span{display:none;}


    /*搜索列表*/
    .cname{font-size:16px;padding:10px 0;}
    .newsli ul li h2{font-size:12px;}
    .newsli ul li a{padding:5px 0}
    /*内页样式*/
    .cobg{width:94%;padding:0 3% 50px;}
    .local{height:40px;line-height:40px;font-size:12px;}
    .local span{background-size:auto 14px;}

    .pnav{width:100%;text-align:center;padding:0 0 20px;}
    .pnav ul li{width:32%;float:left;margin:0 2% 2% 0;}
    .pnav ul li:nth-child(3n){margin-right:0;}
    .pnav a{padding:5px 20px;font-size:12px;}

    .pnav{width:100%;text-align:center;padding:0 0 20px;}
    .pnav a{width:49%;margin:0 2% 2% 0;padding:5px 0;font-size:12px;float:left;}
    .pnav a:nth-child(2n){margin-right:0;}

    /*联系我们*/
    .contact{line-height:26px;}
    .contact .img{width:80%;float:right;}
    .contact .img img{width:100%;height:auto;}
    .contact .txt{width:100%;}
    .contact .txt h2{font-size:18px;padding:10px 0 0px;}
    .contact .txt p{padding:5px 0 5px 24px;font-size:14px;margin:10px 0 0}

    /*详情内容页*/
    .listConts{padding:0;font-size:12px;}
    .listConts .titles{font-size:14px;padding:10px 0;line-height:18px;}
    .listConts .desc{font-size:10px;height:30px;line-height:30px;padding:2px 0 5px}
    .listConts .desc span{padding:0 2% 0 15px;}
    .listConts .time{background-size:auto 10px;}
    .listConts .times span{font-size:12px;}
    .listConts .hits{background-size:auto 10px;}
    .listConts .code{display:none;}
    .listConts .zihao{background-size:auto 10px;}
    .listConts .zihao a{margin:0 2px;}
    .listConts .zihao a.small_size{font-size:8px;}
    .listConts .zihao a.normal_size{font-size:10px;}
    .listConts .zihao a.big_size{font-size:12px;}
    .listConts .post img{width:100%;height:auto;}


    /*产品详情*/
    .product .detailpic{width:100%;border:none;padding:0;}
    .product .product-txt{padding:0 0 0 0%;width:100%;}
    .product .product-txt h1{font-size:16px;padding:5px 0 0;}
    .product .product-txt h1:before{bottom:-10px;}
    .product .product-txt h4{font-size:24px;margin-top:30px;}
    .product .detailtxt{margin:10px 0 0;}
    .product .detailtxt ul li span{padding:0 10px;width:50px;margin:0 10px 0 0;}
    .product .post-li dl{width:100%;}

    .post-title{font-size:16px;padding:10px 0;}
    .post-title:after{width:90px;}


    .copyright{padding:10px 5%;width:90%;}

}
@media (max-width:576px) {

}
@keyframes slideInLeft {
    from {
        transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}
@keyframes slideInUp {
    from {
        transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}