/*
 * jQuery FlexSlider v2.6.2
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
 @font-face {
    font-family: 'flexslider-icon';
    src: url('fonts/flexslider-icon.eot');
    src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  /* ====================================================================================================================
   * RESETS
   * ====================================================================================================================*/
  .flex-container a:hover,
  .flex-slider a:hover {
    outline: none;
  }
  .slides,
  .slides > li,
  .flex-control-nav,
  .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .flex-pauseplay span {
    text-transform: capitalize;
  }
  /* ====================================================================================================================
   * BASE STYLES
   * ====================================================================================================================*/
  .flexslider {
    margin: 0;
    padding: 0;
  }
  .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
  }
  .flexslider .slides img {
    width: 100%;
    display: block;
  }
  .flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  html[xmlns] .flexslider .slides {
    display: block;
  }
  * html .flexslider .slides {
    height: 1%;
  }
  .no-js .flexslider .slides > li:first-child {
    display: block;
  }
  /* ====================================================================================================================
   * DEFAULT THEME
   * ====================================================================================================================*/
  .flexslider {
    /*margin: 0 0 60px;*/
    background: #fff;
    /*border: 4px solid #fff;*/
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .flexslider .slides {
    zoom: 1;
  }
  .flexslider .slides img {
    height: auto;
    -moz-user-select: none;
  }
  .flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  .loading .flex-viewport {
    max-height: 300px;
  }
  .carousel li {
    margin-right: 5px;
  }
  .flex-direction-nav {
    *height: 0;
  }




/*banner*/
.banner-box{ position:relative;max-height: 600px;}
.banner{ position:relative; overflow:hidden;}
.banner li img{ display:block; width:100%; height:auto;}.banner { position: relative; overflow: hidden; }
.banner li { height: 100%; line-height: 0; opacity:0; transition:opacity 1300ms linear; -webkit-transition:opacity 1300ms linear; float:left;}
.banner li a > img { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner li.imgIn{ opacity:1; z-index:10; display:block;}
/* .banner li.imgIn a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); } */
.banner-box .flex-control-nav{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; z-index:20;}
.banner-box .flex-control-nav li{ display:inline-block; margin-right:20px;}
.banner-box .flex-control-nav li:last-child{ margin-right:0;}
.banner-box .flex-control-nav li a{ display:block; width:40px; height:6px; border-radius:5px; border:2px solid #fff; text-indent:9999px; overflow:hidden; transition:0.34s;background-color: #fff;}
.banner-box .flex-control-nav li a.flex-active{ background:#f6fe0f;border-color:#f6fe0f}
.banner-box .flex-direction-nav li a{ display:block; width:81px; height:81px;  position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; border-radius:5px; z-index:99; transition:0.45s;}
.banner-box .flex-direction-nav li a:before{ content:""; width:81px; height:81px; position:absolute; left:0px;}
.banner-box .flex-direction-nav li a.flex-prev{ left:58px;}
.banner-box .flex-direction-nav li a.flex-next{ right:58px;}
.banner-box .flex-direction-nav li a.flex-prev:before{ background:url(../image/left.png) center no-repeat;}
.banner-box .flex-direction-nav li a.flex-next:before{ background:url(../image/right.png) center no-repeat;}
.banner-box .flex-direction-nav li a:hover{  background:url(../image/hover.png) center no-repeat;}

.flex-control-paging li  a{ display:block; width:40px; height:6px; border-radius:5px; border:2px solid #fff; text-indent:9999px; overflow:hidden; transition:0.34s;background-color: #fff;}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
}
.flex-control-paging li a.flex-active {
    background:#f6fe0f;border-color:#f6fe0f;
    cursor: default;
}
.flex-control-paging li a:hover {
    background: #f6fe0f;
    border: 2px solid #f6fe0f;
}
.flex-direction-nav li a{ display:block; width:81px; height:81px;  position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; border-radius:5px; z-index:99; transition:0.45s;}
.flex-direction-nav li a:before{ content:""; width:81px; height:81px; position:absolute; left:0px;}
.flex-direction-nav li a.flex-prev{ left:58px;}
.flex-direction-nav li a.flex-next{ right:58px;}
.flex-direction-nav li a.flex-prev:before{ background:url(../image/left.png) center no-repeat;}
.flex-direction-nav li a.flex-next:before{ background:url(../image/right.png) center no-repeat;}
.flex-direction-nav li a:hover{  background:url(../image/hover.png) center no-repeat;}

  .flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
  }
  
  .flex-pauseplay a:hover {
    opacity: 1;
  }
  .flex-pauseplay a.flex-play:before {
    content: '\f003';
  }
  
  .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
 
 
  .flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
  }
  .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
  }







.home-title {
    text-align:center;
    margin-top:30px;
}
.home-title .info{
        font-size:46px !important;
        color: #fff;
}
    .home-title .chose {
        color:#008ee5;
    }
.home-info {
    margin-top:30px;
    font-size:14px;
    color:#808080;
    line-height:24px;
    text-align:center;
}
.type {
    width:1050px;
    margin:0 auto;
    margin-top:40px;
    display:flex;
    justify-content:space-between;
    padding-bottom: 40px;
}
.type-item {
    text-align:center;
}
    .type-item p {
        margin-top:30px;
        font-size:20px;
        font-weight:bold;
    }
    .type-item span {
        display:block;
        margin-top:10px;
        color:#808080;
        line-height:20px;
    }
    .type-item  .img1{display: block; margin: 0 auto;
	-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;
}
    /*.type-item .img1:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
    .type-item .img2:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
    .type-item .img3:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
    .type-item .img4:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
    .type-item .img5:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
    .type-item .img6:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}*/

.anli-title {
    display:flex;
    justify-content:center;
}

#explore-nav li#ex-featured a.current, ul#featured li a:hover {
    background-color: #f2af54;
    border:solid 1px #f2af54;
    color: white;
}
#explore-nav li#ex-core a.current, ul#core li a:hover {
    background-color: #f2af54;
    color: white;
    border:solid 1px #f2af54;
}
#core {
    display: none;
}

/*切换*/
.clear{clear:both;}
.container{
	width:1200px;
	margin:38px auto 0;
}
.container .nav{display:flex;justify-content:center;}
.container .nav span{display: block; /*width:100px;*/height:20px; text-align:center; line-height:20px; color:#ccc;font-size:16px; float:left; cursor:pointer;margin:0 10px ;    padding: 0 20px;}
.container .nav span.active{/*background:#008ee5; color:#fff;border-radius:40px;*/color: #ff4c4c;}
.container .nav span:hover{color: #ff4c4c;}
.container .nav span:first-child{border:0px}

.content{ margin-top:20px; width:1200px;position:relative; overflow:hidden;height:700px;} /*定位一般设置为relative，overflow设置为hidden来隐藏外面的内容*/
.content .box{position:absolute;width:1200px;} /*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/
.content ul{float:left; width:1200px;}
.content ul li{display:flex;    -webkit-flex-wrap: wrap;flex-wrap: wrap;/*display: block; height:198px; width:219px; float:left; border:1px solid #aaa; text-align:center; line-height:218px;*/}
.content ul li+li{margin-left:-1px;}

/*切换中的内容*/
.anli-item {
    width:370px;
    height:366px;
    margin: 0 28px  28px 0;
    position:relative;
    overflow: hidden;
}
.anli-item-img {
    height:310px;
    width:100%;
}
    .anli-item-img img {
        width:100%;
        cursor: pointer;
        transition: all 0.6s;
    }
.anli-item .intro {
    display:block;
    font-size:18px;
       bottom: -70px;
    text-align:center;
    position:absolute;
    width:370px;
    background:#fff;
}
    .anli-item .intro h4 {
        display:block;
        font-size:18px;
       margin: 20px 0 10px;
    }
    .anli-item .intro p {
        font-size:14px;
        margin-bottom:12px;
    }


.content ul li a:hover span ,.content ul li a:hover h4 .content ul li a:hover p{
    background-color:#008ee5;
    color:white;
}
.content ul li a:hover .intro {
    bottom:0px;
}
.content ul li a:hover, .content ul li, .content ul li a,.content ul li a:hover .intro, .content ul li a .intro{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/*图片缩放*/
    .content ul li a:hover .anli-item-img img {
        transform: scale(1.04);  
    }
     .anli-info a:hover .anli-item-img img {
        transform: scale(1.04);  
    }
.indexnews {
    margin:20px 0 20px;
    display:flex;
    justify-content:space-between;
   
}
    .indexnews .item {
        width:370px;
    }
        .indexnews .item .title {
            display:flex;
            justify-content:space-between;
            line-height: 40px;
        }
            .indexnews .item .title p {
                width:100px;
                font-size:24px;
                border-bottom: solid 2px #008ee5;
            }
            .indexnews .item .title span {
                text-align: right;
                width: 270px;
                margin-top: 30px;
                line-height: 0;
                border-bottom: solid 1px #d9d9d9;
            }
        .indexnews .item .title  a{
            color:#808080;
        }
                .indexnews .item .title span a:hover {
                      color: #008ee5;
                }
        .indexnews .item .info {
            width:370px;
            margin-top:12px;
        }
        .indexnews .item .info li{}
            .indexnews .item .info a{
                color: #333;
                float: left;
                width: 370px;
                height: 24px;
                line-height: 24px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-size: 14px;
                padding-top: 8px;
                border-bottom: 1px dashed #e5e5e5;
            }
                .indexnews .item .info a:hover div{
                    color: #008ee5;
                    /* text-decoration: underline; */
                }
.indexnews .item .info .infotitle{float: left;width: 70%;color: #333;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.indexnews .item .info span{text-align: right;float: right;width: 24%;font-size: 12px;color: #b2b2b2;    margin-top: 2px;}

.bacimgchose {
    /* padding: 20px 0 40px;    */
   background-image: url(../image/bacchose.jpg);
   /* margin-top: 30px; */
}
.bacimganli {
   background:url(../image/cream_pixels.png);
   /* margin: 42px 0; */
   padding-top:50px;
}




/* 案例 */
.anlibac{background: url(../image/anlibac.jpg) no-repeat 0 0}
.mBox2List .swiper-slide a{ display:block; height:100%; position:relative; overflow:hidden;}
.mBox2Img{ position:relative; overflow:hidden;}
.mBox2Img > img{ vertical-align:middle; width:100%; margin:0 auto; transform:scale(1,1); -webkit-transform:scale(1,1); transition:All 0.4s ease-in-out; -webkit-transition:All 0.6s ease-in-out;}
.mBox2Line{ position:absolute; left:50%; bottom:0; width:0; height:6px; background:#ff4c4c; transition:all 0.6s ease-out 0.2s; -webkit-transition:all 0.6s ease-out 0.2s;}
.mBox2Shadow{ position:absolute; left:0; bottom:0; width:100%; /*height:70px; */transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); /* Firefox 3.6 - 15 */
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); /* 标准的语法（必须放在最后） */
}

.mBox2Conbg{ position:absolute; left:0; bottom:0; width:100%; height:10px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox2_name{ text-align:center; color:#FFFFFF; width:100%; overflow:hidden;}
.mBox2_name h4{ font-size:16px; line-height:40px; margin:0 auto; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox2Brief{ width:100%; font-size:14px; color:#ffffff; line-height:26px;  transform:translateY(100px); -webkit-transform:translateY(100px);}
.mBox2Ico{ margin:0 auto; text-align: center; width:88px; height:26px; transform:translateY(100px); -webkit-transform:translateY(100px);
color: #fff;border: 1px solid #fff;    line-height: 26px;
}
.mBox2Brief p{padding: 6px 0;font-size: 16px;}
.mBox2List .swiper-slide a:hover .mBox2Img > img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.mBox2List .swiper-slide a:hover .mBox2Line{ width:100%; left:0;}
.mBox2List .swiper-slide a:hover .mBox2Shadow{ height:100%; background:rgba(46,159,230,0.9);}
.mBox2List .swiper-slide a:hover .mBox2Conbg{ height:100%;
	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;
}
.mBox2List .swiper-slide a:hover .mBox2_name h4{ font-size:20px;}
.mBox2List .swiper-slide a:hover .mBox2Brief{ transform:translateY(0px); -webkit-transform:translateY(0px); transition:all 0.3s ease-out 0.2s; -webkit-transition:all 0.3s ease-out 0.2s;}
.mBox2List .swiper-slide a:hover .mBox2Ico{ transform:translateY(0px); -webkit-transform:translateY(0px); transition:all 0.3s ease-out 0.3s; -webkit-transition:all 0.3s ease-out 0.3s;}

.mBox2List .swiper-container{ margin:0 -1px;}
.mBox2List .swiper-wrapper{ display:block;}
.mBox2List .swiper-slide{ float:left; width: 388px;
    height: 230px;
    padding: 0 6px 14px; text-align:center;
	transition:All 0.4s ease-in-out 0.3s;
	-webkit-transition:All 0.4s ease-in-out 0.3s;
	-moz-transition:All 0.4s ease-in-out 0.3s;
	-o-transition:All 0.4s ease-in-out 0.3s;
	transform:translateY(-100px) scale(0.5,0.5);
	-webkit-transform:translateY(-100px) scale(0.5,0.5);
	opacity:0;
	-webkit-opacity:0;
}
 .mBox2List .swiper-slide{
	transform:translateY(0px) scale(1,1);
	-webkit-transform:translateY(0px) scale(1,1);
	opacity:1;
	-webkit-opacity:1;
}
.mBox2List .swiper-slide:first-child{
	transition-delay: 0s;
}
 .mBox2List .swiper-slide:first-child + .swiper-slide{
	transition-delay: 0.3s;
}
.mBox2List .swiper-slide:first-child + .swiper-slide + .swiper-slide{
	transition-delay: 0.6s;
}
 .mBox2List .swiper-slide:first-child + .swiper-slide + .swiper-slide + .swiper-slide{
	transition-delay: 0.9s;
}
.mBox2List .swiper-slide:first-child + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{
	transition-delay: 1.2s;
}
 .mBox2List .swiper-slide:first-child + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{
	transition-delay: 1.5s;
}

/* 首页底部按钮 */
.bottommenu{margin-bottom: 20px;}
.bottommenu ul{display: flex;justify-content:space-between;color: #666;font-size: 16px;height: 46px;}
.bottommenu ul li {border: 1px solid #e6e6e6;width: 300px;border-right: none;text-align: center;}
.bottommenu ul li span{font-size: 12px;}
.bottommenu ul li a{color: #666;line-height: 46px;width: 300px;}
.bottommenu .bottmen1{border-top: 2px solid #ff4c4c}
.bottommenu .bottmen2{border-top: 2px solid #008ee6}
.bottommenu .bottmen3{border-top: 2px solid #c311fe}
.bottommenu .bottmen4{border-top: 2px solid #ff6e03;border-right: 1px solid #e6e6e6;}
.bottommenu ul li a:hover{color: #008ee5;}


.colblack{color: #000000 !important;}
.indexLink li h4 .fixindexLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

/* 首页底部友情链接 */
.friendship{display: flex;justify-content: space-between;margin-bottom: 20px;}
.friendship .title{font-size:20px; border-right:1px solid #e6e6e6;padding-right:34px;}
.friendship .title p{ color: #008ee5;}
.friendship .title span{color: #a2a2a2;}
.friendship .title:after {
    content: "";
    width: 30px;
    height: 2px;
    background: #cccccc;
    position: absolute;
   
}
.friendship .linkurl{width: 976px; padding-left: 20px;}
.friendship .linkurl a{display: inline-block;font-size: 14px;color: #808080;padding: 4px 14px;}
.friendship .linkurl a:hover{color: #008ee5;}