@charset "utf-8";
/* CSS Document */
.banner
{
	width:100%;
	background:url(../image/shutter_1.jpg) no-repeat center top;
	min-height:598px;
}

.lanrenzhijia {
	
}
.nivo-caption span {
	font-family:'PT Sans Narrow', sans-serif;
	font-size:20px
}
::selection {
 background:#d7efff
}

::-moz-selection {
 background:#d7efff
}
.nivo-caption, .proj-img i {
	background-color:#34739f
}
.lanrenzhijia2 img {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
}
.lanrenzhijia2 {
	overflow:hidden;
	position:relative
}
#slider, .lanrenzhijia2 img {
	width:100%;
	height:auto
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5
}

.nivo-caption {
	height:46px;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
	font-size:14px;
	z-index:8
}
.nivo-caption p {
	margin:0;
}
.nivo-caption span {
	float:left;
	padding:0 50px 0 20px;
	color:#fff;
	line-height:46px;
}
.nivo-caption a {
	display:block;
	float:right;
	width:78px;
	height:46px;
	background:url(../images/caption-link.png) no-repeat left 50%;
}
.nivo-html-caption {
	display:none
}
.nivo-directionNav {
	position:absolute;
	background:#fff;
	bottom:16px;
	right:1%;
	overflow:hidden;
	z-index:9;
	width:78px;
}
.nivo-prevNav, .nivo-nextNav {
	text-indent:9999px;
	float:left;
	width:39px;
	height:39px;
	cursor:pointer
}
.nivo-prevNav {
	background:url(../images/slider-arrows.png) no-repeat left top;
}
.nivo-nextNav {
	background:url(../images/slider-arrows.png) no-repeat right top;
}
.nivo-prevNav:hover {
	background-position: left bottom
}
.nivo-nextNav:hover {
	background-position: right bottom
}

.nivo-controlNav {
	position:absolute;
	overflow:hidden;
	z-index:20;
	height:8px;
	left:20px;
	bottom:22px
}
.nivo-controlNav a {
	line-height:10em;
	display:inline-block;
	margin:0 11px 0 0;
	width:8px;
	height:8px;
	background:url(../images/nivo-controls.png) no-repeat left top;
	cursor:pointer
}
.nivo-controlNav a.active {
	background:url(../images/nivo-controls.png) no-repeat right top
}
#preloader {
	position:relative;
	z-index:51;
	background:url(../images/shutter_1.jpg)no-repeat 100% 100%;
	width:100%;
	height:auto;
	
}



.wapper{width:100%;}

.diffle{ width:100%; position:relative; top:-30px; z-index:100;  }
.main{width:1252px; margin:0 auto;}

.difece{background-color:#FFF;box-shadow: 10px 10px 10px #d7d7d7;}
.search{ width:1128px; margin-left:68px; float:left; height:64px; padding-top:13px; padding-bottom:13px;}

.keing{ width:70%; border-right:1px dashed #bfbfbf;height:64px;}
.top4{width:365px; float:left; margin-top:10px;}
.top4 input{border:none;}
.top4 .btn_ss{float:left;width:310px;height:43px;line-height:43px;text-indent:1em;background:none;color:#666666;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.top4 .tijiao{width:53px;height:44px;float:left;}
.keing a{ font-size:14px; color:#888888; line-height:64px; padding-left:5px;}
.conserver{ width:242px; float:left; margin-left:34px; background:url(../images/tell.jpg) no-repeat center left; height:64px;}
.conserver span{width:204px; padding-left:50px;}
.tellrx{ font-size:14px; color:#898989; margin-top:10px;}
.tellnumer{ font-size:26px; color:#cb0a17; font-weight:bold; line-height:20px;}


.mian{width:1252px; margin:0 auto;}



.about_ti{ width:615px; min-height:109px; margin:0 auto; background:url(../images/abou_ti.png) no-repeat center 15px; padding-top:25px;}
.about_ti .abt_ti1{ width:615px; float:left; line-height:30px;  text-align:center; font-size:16px; color:#7d7d7d;}
.about_ti .abt_ti1 a{ color:#7d7d7d;}
.about_ti .abt_ti2{ width:615px; float:left; text-align:center;font-size:24px;color:#363636;}
.about_ti .abt_ti2 a{font-size:26px; color:#363636;}
.about_ti .abt_ti3{ width:615px; float:left; tex  t-align:center; font-size:24px; color:#717171;}
.hr{width:70px; float:left; margin-left:80px; margin-top:15px; margin-bottom:15px;}

.aboutcen{ width:100%; min-height:429px; background:url(../images/aboutbg.jpg) no-repeat center top;}

.about{width:1252px; float:left; margin-bottom:30px;}
.aboufl{ width:600px; float:left; margin-top:5px; margin-left:40px;}
.aboufl p{ width:600px; line-height:22px; float:left; text-indent:2em; margin-bottom:10px; font-size:14px; color:#363636;}
.aboufl p .blor{ font-size:15px; color:#363636;}
.aboufr{ width:568px; margin-right:30px;}
.tre { width: 568px; height:340px; position: relative;
    overflow: hidden;
    cursor: pointer;}
.zoom {
    /* 缩放的元素 */
    width: 568px; height: 340px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.tre:hover .zoom {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}


.categories{ width:100%; background:url(../images/categories.jpg) no-repeat center top; min-height:569px;}
section {
    padding: 1em;
    text-align: center
}

.t_show{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.6);
    top: 0;
    z-index: 100;
    cursor: pointer;
}
.t_img,.t_images{
    width: 1200px;
    height: 760px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 200;
}
.t_images{
    z-index: 300;
}
#grid li:hover a img{
     transition: all ease 1s;
     transform:scale(1.4);
}

.grid-wrap {
    clear: both;
    margin: 0 auto;
    padding: 0;
    max-width: 1260px
}

.grid {
    margin: 10px auto;
    padding: 0;
    list-style: none;
   
}


.grid li {
    display: inline-block;
   
    width:301px;
    text-align: left;
    vertical-align: top
}

.js .grid li {
    display: none;
    float: left
}

.js .grid.loaded li {
    display: block
}

.title-box h2 {
    display: block;
    margin: 7px;
    padding: 20px;
    background:url(../images/geatbg.png) no-repeat center top;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300
}

.title-box h2 a {
    display: block;
    font-weight: 900
}

.title-box h2 a:hover {
    color: #d3eee2
}

.grid li>a,
.grid li img {
    border-radius: 2px;
    display: block;
    outline: 0;
    border: 0
}

.grid li>a {
    position: relative;
    overflow: hidden;
    margin: 7px
}

.grid .curtain {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: #333
}

.grid.swipe-right .curtain {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.grid.swipe-down .curtain {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.grid.swipe-rotate .curtain {
    width: 200%;
    height: 200%;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.grid .curtain::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: ''
}

.grid.swipe-right .curtain::after,
.grid.swipe-rotate .curtain::after {
    left: -100%
}

.grid.swipe-down .curtain::after {
    top: -100%
}

.grid li h3 {
	z-index:99999;
    position: absolute;
    bottom:-60px;
    left: 0;
    margin: 0;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
    width: 100%;
    background:url(../images/geatbg.png) no-repeat center top;
    color: #fff;
	height:106px;
    text-align:center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 1em;
	font-size:20px;
    -webkit-transition: -webkit-transform .2s, color .2s;
    transition: transform .2s, color .2s
}
.grid li h3 a{ color: #fff; font-size:15px; width:150px; padding-left:80px; float:left;}
.grid li>a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100.5%;
    height: 100.5%;
    border: 0;
    background: transparent;
    content: '';
    -webkit-transition: border-width .2s, border-color .2s;
    transition: border-width .2s, border-color .2s
}

.grid li.shown:hover h3 {
    color: #fff;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
}

.grid li.shown:hover>a::before {
    border-width: 14px;
    border-color: #2e3444
}

.grid.swipe-right li.animate .curtain {
    -webkit-animation: swipeRight 1.5s cubic-bezier(.6, 0, .4, 1) forwards;
    animation: swipeRight 1.5s cubic-bezier(.6, 0, .4, 1) forwards
}

@-webkit-keyframes swipeRight {
    0% {  -webkit-transform: translate3d(0, 0, 0)}
    50%,
    60% {  
      
    }
    100% {
      -webkit-transform: translate3d(100%, 0, 0)
    }
}

@keyframes swipeRight {
    0% {   -webkit-transform: translate3d(0, 0, 0);
        transform: translate(0)}
    50%,
    60% {
		    
     
    }
    100% {
    -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.grid.swipe-down li.animate .curtain {
    -webkit-animation: swipeDown 1.5s cubic-bezier(.6, 0, .4, 1) forwards;
    animation: swipeDown 1.5s cubic-bezier(.6, 0, .4, 1) forwards
}

@-webkit-keyframes swipeDown {
    0% {  -webkit-transform: translate3d(0, 0, 0)}
    50%,
    60% {
       
    }
    100% {
      -webkit-transform: translate3d(0, 100%, 0) 
    }
}

@keyframes swipeDown {
    0% {    -webkit-transform: translate(0);
        transform: translate(0)}
    50%,
    60% {
     
    }
    100% {
       transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.grid.swipe-rotate li.animate .curtain {
    -webkit-animation: swipeRotate 1.5s ease forwards;
    animation: swipeRotate 1.5s ease forwards
}

@-webkit-keyframes swipeRotate {
    0% {  -webkit-transform: rotate3d(0, 0, 1, 0deg)}
    50%,
    60% {
      
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -90deg)
    }
}

@keyframes swipeRotate {
    0% {  -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)}
    50%,
    60% {
        
    }
    100% {
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg)
    }
}

.grid li.animate .curtain::after {
    -webkit-animation: fadeOut 1.5s ease forwards;
    animation: fadeOut 1.5s ease forwards;
    -webkit-animation-delay: inherit;
    animation-delay: inherit
}

@-webkit-keyframes fadeOut {
    0% {  opacity: 1}
    50%,
    60% {
      
    }
    100% {
       opacity: 0 
    }
}

@keyframes fadeOut {
    0% { opacity: 1}
    50%,
    60% {
       
    }
    100% {
        opacity: 0
    }
}

.js .grid li img,
.js .grid li h3 {
    visibility: hidden
}

.grid li.animate img,
.grid li.animate h3 {
    -webkit-animation: showMe 1.5s step-end forwards;
    animation: showMe 1.5s step-end forwards
}

@-webkit-keyframes showMe {
    from {
        visibility: hidden
    }
    60%,
    100% {
        visibility: visible
    }
}

@keyframes showMe {
    from {
        visibility: hidden
    }
    60%,
    100% {
        visibility: visible
    }
}

.grid li.shown img,
.grid li.shown h3 {
    visibility: visible
}

owMe {
    from {
        visibility: hidden
    }
    60%,
    100% {
        visibility: visible
    }
}

.grid li.shown img,
.grid li.shown h3 {
    visibility: visible
}

/*产品推荐*/
.produshow{ width:100%; min-height:465px;}
.show{width:100%;}
.box1 {width:1252px;position:relative;float:left; margin-top:30px;}
.box1 .leftLoop {overflow:hidden;width:1252px;float:left;}
.box1 .leftLoop .hd .prev,.hd .next {display:block;width:28px;height:53px;cursor:pointer;z-index:98;top:105px;}
.box1 .leftLoop .hd .prev {position:absolute;left:-48px;background:url(../images/profl.jpg) no-repeat;}
.box1 .leftLoop .hd .next {position:absolute;left:1280px;width:28px;height:53px;background:url(../images/profr.jpg) no-repeat;}
.box1.leftLoop .hd ul {float:ri  ght;overflow:hidden;zoom:1;margin-top:10px;}
.box1 .leftLoop .hd ul li {position:relative;_display:inline;float:left;width:260px;height:10px;overflow:hidden;background:#ccc;margin-right:10px;text-indent:-999px;cursor:pointer;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.box1 .leftLoop .bd ul li .pic img {width:290px;height:238px;}
.box1 .leftLoop .hd ul li.on {background:#f00;}
.box1 .leftLoop .bd ul {overflow:hidden;zoom:1;}
.box1 .leftLoop .bd ul li {width:290px; float:left;margin:0 5px;text-align:center;float:left;_display:inline;overflow:hidden;}
.box1 .leftLoop .bd ul li .pic{width:290px; float:left;}
.box1 .leftLoop .bd ul li .titlle a{ width:290px; float:left;color:#FFFFFF; }
.box1 .leftLoop .bd ul li .titlle a img{margin:0 20px;}
.box1 .leftLoop .bd ul li .titlle{width:290px; float:left; height:45px; line-height:45px;border-bottom:2px solid #FFF; background-color:#a0a0a0;}
.box1.leftLoop .bd ul li .titlle a img{ padding-bottom:15px;}
.box1 .tempWrap {
	width:1252px; !important
}
/*产品推荐*/


.wahy{ width:100%;min-height:826px;}
.whyone{ width:1252px; float:left;}
.jinckt{ width:893px; float:left;}
.onefl{ width:460px; height:616px; margin-right:10px; background:url(../images/onefl.jpg) no-repeat center top;}
.pinz{ width:405px; height:616px; background:url(../images/chos2.jpg) no-repeat center top;}
.con_tell{ width:357px; height:616px; background:url(../images/chos3.jpg) no-repeat center top;}
.yo dl{width:330px; float:left;}
.yo dl dt{ width:330px; float:left; font-size:20px; font-weight:bold; color:#ffffff;}
.yo dl dd{ width:330px; float:left; font-size:16px; color:#fefefe;}
.onefl dl{ padding-top:50px; }
.onefl dl dt{padding-left:130px; line-height:25px; margin-bottom:20px;}
.onefl dl dd{padding-left:60px;}

.pinz dl{ padding-top:50px; }
.pinz dl dt{padding-left:120px; line-height:45px; padding-top:455px;}
.pinz dl dd{padding-left:120px; font-size:15px;}

.con_tell dl{ padding-top:50px; }
.con_tell dl dt{padding-left:45px; line-height:45px; padding-top:435px; font-size:16px; font-weight:normal;}
.con_tell dl dd{padding-left:45px; font-size:30px; font-weight:bold;}

.yokhdz{ width:613px; min-height:267px; background:url(../images/chos4.jpg) no-repeat center top;}
.xsfs{ width:625px;min-height:267px; margin-right:2px; background:url(../images/chos5.jpg) no-repeat center top;}

.yokhdz dl{ width:424px;}
.yokhdz dl dt{width:424px; margin-left:140px; margin-top:40px;}
.yokhdz dl dd{width:424px; margin-left:55px; margin-top:10px;}

.xsfs dl{ width:477px;}
.xsfs dl dt{width:477px; margin-left:140px; margin-top:40px;}
.xsfs dl dd{ width:477px;margin-left:65px; margin-top:30px;}

.mag{ margin-top:58px;}

.marking{ width:100%; background:#FFF;}

.features{ width:100%; background:url(../images/features.jpg) no-repeat center top #cb0a17; min-height:548px;}
.fea{ min-height:223px;}
.wap2_cont{ width:1252px; padding-top:65px; padding-bottom:75px;}
.wap3_img { width:673px;}
.wap3_img ul{ width:673px;}
.wap3_img ul li{ width:673px;}
.wap3_img ul li img{ width:673px; height:409px;}

.wap2fr{ width:550px; margin-left:25px;}
.wap2fr ul{ width:550px;}
.wap2fr ul li{ width:550px; height:61px; line-height:61px; font-size:20px;background:url(../images/vitbg_hov.jpg) no-repeat center top; margin-bottom:9px;}
.wap2fr ul li a{ display:block; padding-left:80px;}
.wap2fr ul .on{ background:url(../images/vitbg.jpg) no-repeat center top; color:#FFF;}
.wap2fr ul .on a{color:#FFF;}
.newscont{width:100%; background-color:#f2f2f2;}

.waperfl{ width:1252px; float:left; padding-top:35px; padding-bottom:35px;}
.newsleft{ width:816px; float:left;}

.news_title{ width:394px; border-bottom:1px solid #c1c1c1; margin-bottom:15px; padding-bottom:5px;}
.news_title .tit{ font-size:21px;}
.news_title .more{ font-family:Arial; font-size:17px;}

.mews1{ width:394px;}
.mewimg { width:394px; height:158px; position: relative;overflow: hidden;cursor: pointer;}
.news {
    /* 缩放的元素 */
    width:394px; height:158px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.mewimg:hover .news {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}

.mews1 ul{ width:394px; float: left;}
.mews1 ul li{ width:394px; float:left; line-height:39px; font-size:15px; color:#363636;}
.mews1 ul li a{float:left; font-size:15px; color:#363636;}
.mews1 ul li span{ float:right;}


.newsright{width:408px;}


.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} 
.clearfix{zoom:1;} 
 
#focus{width:408px;height:350px;overflow:hidden;position:relative;} 
#focus ul{height:408px;position:absolute;} 
#focus ul li{float:left;width:408px;height:375px;overflow:hidden;position:absolute;background:#000;} 
#focus ul li div{position:absolute;overflow:hidden;width:408px;height:375px;}