/*头部*/
body{min-width:1200px;background:#f8f8f8;position: relative;}
.header{height:96px;}
.logo{margin-top: 28px;}
.header-nav{margin-left: 40px;margin-top: 50px;}
.nav-item{padding: 0 16px;color: #434343;font-size: 16px;height: 46px;z-index: 99}
.nav-item.on .arrow{display: block;}
.nav-item .arrow{left: 50%;margin-left: -7px;bottom: 0;display: none;}
.nav-item ul{padding: 0 8px;border: 1px solid #e5e5e5;background-color: #fff;position: absolute;left: 0;top: 46px;display: none;overflow: hidden;min-width:80px;}
.nav-item ul li{border-bottom: 1px solid #e5e5e5;cursor: pointer;text-align: center;display:block;width: 100%;height: 30px;}
.nav-item ul li a{display:inline-block;line-height: 30px;padding: 0 8px;color: #434343;font-size: 14px;white-space: nowrap;}
.nav-item.on>a,.nav-item ul li a:hover{color: #e4007f;}
.nav-item ul li a:visited{color: #434344;}
.header-search input{border: 1px solid #bfbfbf;width: 203px;height: 30px;line-height: 30px;text-indent: 10px;color: #333;}
.header-tips{line-height: 46px;color:#434343;text-align: right;}
.search_btn{width: 46px;height: 32px;background-color: #e4007f;position: absolute;right: 0;top: 0;border: none;border-left:1px solid #bfbfbf;cursor: pointer;}
.search_btn img{display: block;margin: 0 auto;}

/*超出省略号*/
.ellipsis{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*底部*/
.footer{background-color: #eeeeee;padding-top: 43px;}
.fotlan{width: 180px;float: left;height: 270px;}
.topl{font-size: 14px;font-weight: bold;color: #434343;}
.fotlan ul{margin-top: 14px;}
.fotlan li a{color: #7d7d7d;font-size: 14px;line-height:24px; }
.fotlan li a:hover{color: #e4007f}
.fotlogo{width: 264px;height: 220px;border-left: 1px solid #e5e5e5;padding-left:35px; color: #7d7d7d;font-size: 14px;line-height: 30px;}
.fotlogo img{margin-bottom: 34px;}
.fotlogo span{font-size: 30px;}
.aut{height: 44px;border-top: 1px solid #e5e5e5;line-height: 44px;color: #a0a0a0;font-size: 14px;}
.aut span{float: right;}


.nav{ margin-top: 23px;text-align: left;}
.nav a{margin-right: 9px; width: 38px; height: 38px;cursor: pointer; position: relative;border:1px solid #e1e1e1;background:#ffffff;color:#999999;display: block;float: left;}
.nav div{float: left;width: 38px; height: 38px;line-height: 34px; text-align: center;}
.nav a .nav_1{ width: 38px; height: 38px; line-height: 38px; text-align: center;}
.nav a:hover .nav_1,.nav a.nav_on .nav_1{ color: #fff;background:#e4007f;}

/*垂直居中*/
.tian{width: 208px;height: 83px;position: relative;display: table-cell;text-align: center;vertical-align: middle;}
.tian span{top: 50%;position: static;*position: absolute;}
.tian img{top: -50%;left: -50%;position: static;*position: relative;}


.mbx{height: 64px;line-height: 64px;color: #7d7d7d;font-size: 14px;}
.mbx a{color: #7d7d7d;}
.mbx a:hover{color: #e4007f}



.menufenlei{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding:57px 0;}
.menufenlei ul{width:1420px;}
.menufenlei ul li{width:354px;margin-bottom:9px;}
.menufenlei ul li a{color:#2f2f2f;font-size:20px;border-radius:4px;border:1px solid #bfbfbf;width:132px;height:50px;line-height:50px;}
.menufenleibot{margin-top:67px;padding-top:67px;border-top:2px dashed #ddd;}
.menufenleibot ul{padding-bottom:70px;}
.menufenleibot li{width:298px;height:297px;background:url("../images/pro/probg.png") left top no-repeat;margin-bottom:30px;margin-right:1px;}
.menufenleibot li img{border:0;}
.menufenleibot li span{font-size:20px;color:#2f2f2f;height:60px;line-height:60px;}


.bander{width: 100%; overflow: hidden;padding-bottom:35px;}
.bander li{float: left;}
.bander li img.lbth{width:100%;height:auto;}
.bander .imgFocusOper {width:100%;position:absolute;bottom:0;text-align:center;right:0}
.bander .imgFocusOper span {height:9px;margin:0 10px;overflow:hidden;width:9px;display:inline-block;cursor: pointer;background: #bfbfbf;border-radius:50%;}
.bander .imgFocusOper span.on {background:#e4007f;}

.neilan{padding-top:80px;background: #f8f8f8;padding-bottom:30px;}
.neilan .prot{}
.neilan .prot ul{width:1250px;}
.neilan .prot li{float: left;overflow: hidden;transition: 0.6s all;margin-right:21px;}
.neilan .prot li img{margin-bottom:15px;}

.tit{font-size: 30px;color: #434343;line-height: 60px;height: 80px;}

.search-list{width: 1200px;}
.search-list ul{width: 1202px;}
.search-list li{width: 398px;float: left;height: 420px;background-color: #fff;margin-right: 2px;}
.search-list li .imgbox{width: 398px;height: 266px;overflow: hidden;}
.search-list li:hover{box-shadow:0 5px 3px #a9a9ab;}
.search-list li .imgbox {position:relative;display:table-cell;text-align:center;vertical-align:middle}
.search-list li .imgbox img {position:static;+position:relative;top:-50%;left:-50%;transition: 0.6s all;width: 100%;height: 100%;}
.search-list li:hover .imgbox img{transform: scale(1.1);}
.search-list li h2{color: #333333;font-size: 18px;line-height: 20px;padding: 0 20px;height: 20px;margin-top: 5px}
.search-list li p{line-height: 24px;font-size: 14px;height: 48px;color: #999999;margin-top: 5px;padding: 0 20px;overflow:hidden;}
.search-list li .time{font-size: 14px;color: #999999;margin-top: 10px;text-indent: 20px;}

.nesd{text-align: center;font-size: 24px;color: #434343;line-height: 26px;}
.need{margin-top: 50px;}
.need li{width: 235px;padding-left: 65px;float: left;}
.omer{margin-left: 16px;font-size: 16px;line-height: 24px;color: #434343;}
.omer span{color: #e4007f;font-size: 12px;}


.intit{border-top:1px solid #dcdcdc;padding-bottom:50px;margin-top:130px;}
.intit .icon-down{position:absolute;top:-115px;left:50%;margin-left:-25px;display:block;width:50px;height:50px;
    background: url("../images/index_icon_down3.png") top center no-repeat;background-size: 100% 100%;
    animation-name:towndown;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-delay:2s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    /* Firefox: */
    -moz-animation-name:towndown;
    -moz-animation-duration:1s;
    -moz-animation-timing-function:linear;
    -moz-animation-delay:2s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    /* Safari and Chrome: */
    -webkit-animation-name:towndown;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    /* Opera: */
    -o-animation-name:towndown;
    -o-animation-duration:1s;
    -o-animation-timing-function:linear;
    -o-animation-delay:2s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
}
/**red:d6080c,gray:h3 c8c8c8,span 666**/
.intit h3{font-size:36px;left:50%;width:200px;margin-left:-100px;top:-45px;line-height:36px;color:#d6080c;background:#f8f8f8;}
.intit h3 span{font-size:24px;line-height:56px;}
.innewlist ul{width:1300px;margin-top:50px;}
.innewlist li{padding-left:243px;height:176px;width:327px;margin-right:60px;margin-bottom:40px;padding-top: 27px;}
.innewlist li a.abs{width:222px;height:203px;left:0;top:0;overflow:hidden;}
.innewlist li a.abs img{width: 100%;height: 100%;}
.innewlist li h3 a{color:#333;}
.innewlist li p{color:#666;height:3.6em;line-height:1.8em;overflow:hidden;margin-top:18px;}
.innewlist li div.abs{bottom:27px;left:243px;}

.news-info{width: 852px;}
.news-info h1{font-size: 24px;color: #333333;line-height: 24px;}
.news-info .time{font-size: 14px;color: #999999;margin-top: 26px;line-height: 14px;}
.news-info .time span i{font-size: 14px;color: #999999;}
.news-body{padding: 34px 0px;font-size: 14px;line-height: 28px;color: #666;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;margin-top: 30px;}
.news-body img{display: block;margin: 10px auto;max-width:100%;}
.news-body p{text-indent:2em;margin-bottom:20px;}
.news-bottom{height: 40px;line-height: 40px;font-size: 14px;color: #666666;margin-top: 30px;}
.news-bottom .bit a{color: #666;}
.news-bottom .bit a:hover{color: #e4007f;}
.news-bottom a .goback{width: 106px;height: 40px;line-height: 40px;text-align: center;color: #fff;background-color: #e4007f}


.but{top:50%;margin-top:-30px;width:40px;height:61px;}
#prev33{left:0;background:url("../images/prev33.png") left top no-repeat;}
#next33{right:0;background:url("../images/next33.png") left top no-repeat;}

.inpro{width:1200px;height:228px;padding-top:50px;}
.inprolist{width:1200px;height:228px;overflow:hidden;}
.inprolist li{float: left;height:228px;width:228px;margin-right:15px;background:#fff;position:relative;}
.inprolist li span{left:0;bottom:17px;width:228px;}
.inprolist li a{display: block;width: 220px;height: 220px;padding: 4px;}
.inprolist li img{width: 100%;height: 100%;}
.inprobut{top:50px;width:48px;height:228px;}
#prev{left:-62px;background:url("../images/inprol.jpg") left top no-repeat;}
#next{right:-62px;background:url("../images/inpror.jpg") left top no-repeat;}

.info{margin-bottom: 20px}
.info .bander{width: 100%;height: 450px;background-position: center center;background-repeat: no-repeat;}
.info .celan{width: 268px;border-left: 1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
.info .about{text-align: center;line-height: 60px;height: 60px;font-size: 18px;font-weight: bold;color: #3a383a;text-align: center;background: #d2d2d2}
.info .celan li{text-indent: 30px;line-height: 40px;height: 40px;font-size: 16px;color: #3a383a;border-bottom: 1px solid #d2d2d2;}
.info .celan li.on{color: #e4007f}
.info .jieshao{width: 887px;padding-bottom: 60px;}
.info .jieshao img{margin-bottom: 20px}
.info img{max-width: 100%}
.info .jieshao p{line-height: 30px;text-indent: 2em;font-size: 14px;color: #434343}

.product-list{width: 896px;}
.product-list ul{width:900px;}
.product-list li{width:230px;float: left;margin-right: 4px;margin-bottom: 4px;border-radius: 4px;background-color: #fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2); -moz-box-shadow:0 0 10px rgba(0,0,0,.2); box-shadow:0 0 10px rgba(0,0,0,.2); height: 276px;text-align: center;color: #333333;font-size: 16px;padding: 0 33px;padding-top:20px;}
.product-list li .tian{width: 230px;height: 230px;margin:0 auto;}
.product-list li .tian img{max-height:230px;max-width: 230px;}

.news-list{width: 900px;}
.news-list ul{width: 903px;}
.news-list li{width: 299px;float: left;height: 420px;background-color: #fff;margin-right: 2px;margin-bottom: 30px;transition: 0.3s all;cursor: pointer;}
.news-list li .imgbox{width: 299px;height: 239px;overflow: hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;padding: 8px;}
.news-list li .imgbox img {position:static;+position:relative;top:-50%;left:-50%;transition: 0.6s all;width: 100%;height: 100%;}
.news-list li:hover .imgbox img{transform: scale(1.1);}
.news-list li h2{color: #333333;font-size: 18px;line-height: 20px;padding: 0 20px;height: 20px;margin-top: 5px}
.news-list li p{line-height: 24px;font-size: 14px;height: 48px;color: #999999;margin-top: 5px;padding: 0 20px;overflow:hidden;}
.news-list li .time{font-size: 14px;color: #999999;margin-top: 10px;text-indent: 20px;}
.news-list li:hover{box-shadow:0 5px 3px #a9a9ab;}

.album-list{width: 910px;}
.album-list ul{width: 916px;}
.album-list li{width: 300px;height:244px;float:left;margin-right:5px;margin-bottom:5px;overflow:hidden;}
.album-list li a span{bottom:-30px;width:270px;height:30px;line-height:30px;padding:0 15px;left:0;background:rgba(0,0,0,0.3);color:#fff;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.album-list li a img{width: 100%;height: 100%;}
.album-list li a:hover span{bottom:0;}

.contact{width:900px;}
.contact ul{width: 1100px;}
.contact li{width: 210px;float: left;margin-right:30px;text-align: center;line-height:24px;font-size:14px;color: #434343;}
.contact li img{margin-bottom:13px;}

.contact .ditu{background-color: #fff;padding:25px 0 110px;}
.contact .map{margin-top:60px;}

.gbook{padding: 16px 55px;width: 810px;}
.gbook .intdor{height: 32px;line-height: 32px;font-size: 14px;color: #3a383a;margin-top: 15px;}
.gbook .intdor input{width: 290px;height: 30px;line-height: 30px;border: 1px solid #bfbfbf;text-indent: 10px;font-size: 14px;background-color: #f8f8f8}
.gbook .intdor span{color: #e4007f;margin-left:10px;}
.gbook input.but{width: 164px;height: 40px;text-align: center;line-height: 40px;color: #fff;font-size: 16px;background-color: #e4007f;border:none;margin-top: 15px;cursor: pointer;}
.gbook .yping{margin-top: 30px;line-height:36px;color: #e4007f; }
.gbook input.yanzheng{width: 140px;height: 35px;background-color: #f8f8f8;border: 1px solid #ccc;line-height: 35px;text-indent: 10px;}

@keyframes towndown
{
    0%   {
        transform:translate(0px,2px);
        -ms-transform:translate(0px,2px); /* IE 9 */
        -moz-transform:translate(0px,2px); /* Firefox */
        -webkit-transform:translate(0px,2px); /* Safari and Chrome */
        -o-transform:translate(0px,2px); /* Opera */
    }
    25%  {
        transform:translate(0px,6px);
        -ms-transform:translate(0px,6px); /* IE 9 */
        -moz-transform:translate(0px,6px); /* Firefox */
        -webkit-transform:translate(0px,6px); /* Safari and Chrome */
        -o-transform:translate(0px,6px); /* Opera */
    }
    50%  {
        transform:translate(0px,12px);
        -ms-transform:translate(0px,12px); /* IE 9 */
        -moz-transform:translate(0px,12px); /* Firefox */
        -webkit-transform:translate(0px,12px); /* Safari and Chrome */
        -o-transform:translate(0px,12px); /* Opera */
    }
    75%  {
        transform:translate(0px,-6px);
        -ms-transform:translate(0px,6px); /* IE 9 */
        -moz-transform:translate(0px,6px); /* Firefox */
        -webkit-transform:translate(0px,6px); /* Safari and Chrome */
        -o-transform:translate(0px,6px); /* Opera */
    }
    100% {
        transform:translate(0px,-12px);
        -ms-transform:translate(0px,12px); /* IE 9 */
        -moz-transform:translate(0px,12px); /* Firefox */
        -webkit-transform:translate(0px,12px); /* Safari and Chrome */
        -o-transform:translate(0px,12px); /* Opera */
    }
}


@-moz-keyframes towndown /* Firefox */
{
    0%   {
        transform:translate(0px,2px);
        -ms-transform:translate(0px,2px); /* IE 9 */
        -moz-transform:translate(0px,2px); /* Firefox */
        -webkit-transform:translate(0px,2px); /* Safari and Chrome */
        -o-transform:translate(0px,2px); /* Opera */
    }
    25%  {
        transform:translate(0px,10px);
        -ms-transform:translate(0px,10px); /* IE 9 */
        -moz-transform:translate(0px,10px); /* Firefox */
        -webkit-transform:translate(0px,10px); /* Safari and Chrome */
        -o-transform:translate(0px,10px); /* Opera */
    }
    50%  {
        transform:translate(0px,20px);
        -ms-transform:translate(0px,20px); /* IE 9 */
        -moz-transform:translate(0px,20px); /* Firefox */
        -webkit-transform:translate(0px,20px); /* Safari and Chrome */
        -o-transform:translate(0px,20px); /* Opera */
    }
    75%  {
        transform:translate(0px,-10px);
        -ms-transform:translate(0px,10px); /* IE 9 */
        -moz-transform:translate(0px,10px); /* Firefox */
        -webkit-transform:translate(0px,10px); /* Safari and Chrome */
        -o-transform:translate(0px,10px); /* Opera */
    }
    100% {
        transform:translate(0px,-20px);
        -ms-transform:translate(0px,20px); /* IE 9 */
        -moz-transform:translate(0px,20px); /* Firefox */
        -webkit-transform:translate(0px,20px); /* Safari and Chrome */
        -o-transform:translate(0px,20px); /* Opera */
    }
}

@-webkit-keyframes towndown /* Safari and Chrome */
{
    0%   {
        transform:translate(0px,2px);
        -ms-transform:translate(0px,2px); /* IE 9 */
        -moz-transform:translate(0px,2px); /* Firefox */
        -webkit-transform:translate(0px,2px); /* Safari and Chrome */
        -o-transform:translate(0px,2px); /* Opera */
    }
    25%  {
        transform:translate(0px,10px);
        -ms-transform:translate(0px,10px); /* IE 9 */
        -moz-transform:translate(0px,10px); /* Firefox */
        -webkit-transform:translate(0px,10px); /* Safari and Chrome */
        -o-transform:translate(0px,10px); /* Opera */
    }
    50%  {
        transform:translate(0px,20px);
        -ms-transform:translate(0px,20px); /* IE 9 */
        -moz-transform:translate(0px,20px); /* Firefox */
        -webkit-transform:translate(0px,20px); /* Safari and Chrome */
        -o-transform:translate(0px,20px); /* Opera */
    }
    75%  {
        transform:translate(0px,-10px);
        -ms-transform:translate(0px,10px); /* IE 9 */
        -moz-transform:translate(0px,10px); /* Firefox */
        -webkit-transform:translate(0px,10px); /* Safari and Chrome */
        -o-transform:translate(0px,10px); /* Opera */
    }
    100% {
        transform:translate(0px,-20px);
        -ms-transform:translate(0px,20px); /* IE 9 */
        -moz-transform:translate(0px,20px); /* Firefox */
        -webkit-transform:translate(0px,20px); /* Safari and Chrome */
        -o-transform:translate(0px,20px); /* Opera */
    }
}

@-o-keyframes towndown /* Opera */
{
    0%   {
        transform:translate(0px,2px);
        -ms-transform:translate(0px,2px); /* IE 9 */
        -moz-transform:translate(0px,2px); /* Firefox */
        -webkit-transform:translate(0px,2px); /* Safari and Chrome */
        -o-transform:translate(0px,2px); /* Opera */
    }
    25%  {
        transform:translate(0px,10px);
        -ms-transform:translate(0px,10px); /* IE 9 */
        -moz-transform:translate(0px,10px); /* Firefox */
        -webkit-transform:translate(0px,10px); /* Safari and Chrome */
        -o-transform:translate(0px,10px); /* Opera */
    }
    50%  {
        transform:translate(0px,20px);
        -ms-transform:translate(0px,20px); /* IE 9 */
        -moz-transform:translate(0px,20px); /* Firefox */
        -webkit-transform:translate(0px,20px); /* Safari and Chrome */
        -o-transform:translate(0px,20px); /* Opera */
    }
    75%  {
        transform:translate(0px,-10px);
        -ms-transform:translate(0px,10px); /* IE 9 */
        -moz-transform:translate(0px,10px); /* Firefox */
        -webkit-transform:translate(0px,10px); /* Safari and Chrome */
        -o-transform:translate(0px,10px); /* Opera */
    }
    100% {
        transform:translate(0px,-20px);
        -ms-transform:translate(0px,20px); /* IE 9 */
        -moz-transform:translate(0px,20px); /* Firefox */
        -webkit-transform:translate(0px,20px); /* Safari and Chrome */
        -o-transform:translate(0px,20px); /* Opera */
    }
}