@import url(global.css);
/*--------------------------*/
.flexslider{position:relative;height:600px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; }
.slides{position:relative;z-index:1;left: 50%; margin: 0 auto 0 -960px;overflow: hidden; text-align: center; width: 1920px;}
.slides li{height:600px; z-index:10;}
.slides li img{ z-index:10;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center; z-index:10;}
.flex-control-nav li{ height:600px; display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot2.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; z-index:10;}
.flex-direction-nav li a.flex-prev{left:130px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{left:130px;background:url(../images/prev2.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:130px;background:url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a.flex-next:hover{right:130px;background:url(../images/next2.png) center center no-repeat;}
/*------------分类--------------*/
.proclass{width:1200px;height:auto;margin:0 auto;padding-top:50px; overflow:hidden;}
.proclass ul{width:1200px; display:block; height:100%; overflow:hidden;}
.proclass ul li{width:49.5%; height:300px; float:left; overflow:hidden; display:block; position:relative; margin-bottom:15px;}
.proclass ul li img{width:100%;}
.proclass ul li:hover img{opacity:0.6; transition: all 0.6s ease;}
.proclass ul li:nth-child(1){ width:100%;}
.proclass ul li:nth-child(3),.proclass ul li:nth-child(5){ float:right;}

.proclass ul li a{ width:100%; height:100%; overflow: hidden; display:block;}
.proclass ul li .con{ width:50%; height:100%; overflow:hidden; position:absolute; top:0; left:5%; text-align:center;}

.proclass ul li h2{ width:100%; display:block; position:absolute; top:110px; display: block; text-align:center;}
.proclass ul li h2 span{ display:block; width:100%; font-size: 16px;font-weight: normal; color: #47322a; margin-bottom:10px;}
.proclass ul li h2 p{ font-size: 24px;font-weight: normal; color: #47322a; }
.proclass ul li .text {width: 100%; height: auto; position: absolute; left: 0;bottom:12px; }
.proclass ul li .imgtext {width:97%; padding:20px 0 20px 0;  float: left;color: #FFF; font-size: 14px;line-height:150%;text-align: center; }
.proclass ul li .imgtext span{ width:33.33%; float:left; color:#f60; font-size:12px; color:#47322a; transition: all 0.6s ease; text-align:center;}
.proclass ul li .imgtext:after{display: block;content: '';width: 6em;margin: 25px auto 0; height: 1px; background-color: #47322a;}

.proclass ul li .more{width:100%;position: absolute; bottom:32px; left:0; text-align: center;font-size: 11px;color: #47322a;transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s ease;}
.proclass ul li .more:after{display: block;content: '';width: 7em;margin: 0.5em auto 0; height: 1px; background-color: #47322a;}
.proclass ul li:hover .more{ display:none;transition: all 0.6s ease;}


/*------------产品--------------*/
.product{width:100%;height:500px;margin:0 auto; overflow:hidden; margin-top:90px; position:relative;}
.product .bg{ position:absolute; top:0; text-align:center; z-index:1;}
.product .top{ width:100%; position:absolute; top:0; z-index:2;}
.product h1{ text-align:center; padding-top:80px; color: #4d3f3e; font-size: 24px; letter-spacing: 0.25em;}
.product ul{width:1200px; margin:0 auto; padding-top:20px;}
.product ul li{width:300px;height:300px; position:relative; float:left; text-align:center;text-align:center;}
.product ul li .box{ width:286px; height:286px; border:1px solid transparent;}
.product ul li img{ width:100%; text-align:center; z-index:1;}
.product ul li h3{color:#333;margin-top:15px; font-weight:normal;}
.product ul li p{ color:#666; font-size:16px; margin-bottom:8px;}
.product ul li a{ display:block; width:288px; height:288px; padding:6px; color:#fff; font-size:12px;}
.product ul li a:hover{ background:#fff;background-color: rgba(255, 255, 255, 0.9);box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.1); transition: all 0.6s ease;}
.product ul li .con{ width:100%; position:absolute; bottom:25px; z-index:2; text-align:center; line-height:30px;}
.product ul li .con span{ width:80px; display:block; margin:0 auto; border-bottom:1px solid #dedede; color:#aaa;}
.product ul li:hover .con span{ color:#333; border-bottom:1px solid #2b2d4d; transition: all 0.6s ease;}
.product ul li:hover .box{ width:286px; height:286px; border:1px solid #2b2d4d; transition: all 1.2s ease;}
/*------------服务--------------*/
.service{width:1200px;height:auto;margin:0 auto; overflow:hidden; padding:100px 0;}
.service ul{width:810px; margin:0 auto;}
.service ul li{width:250px;height:250px; float:left; position:relative; margin:10px; float:left; background:#ffffff; text-align:center;text-align:center;}
.service ul li a{ width:230px; height:230px; margin:9px; border:1px solid #dedede; display: block; z-index:2;  position:absolute; top:0; left:0;}
.service ul li a:hover{ border:1px solid #2b2d4d;transition: all 1.2s ease;}
.service ul li img{width:250px;height:250px; position:absolute; top:0; left:0; z-index:1;}
.service ul li:hover img{opacity:0.6;     transition: all 0.6s ease;}
.service ul li strong {display: block; font-size:22px; font-weight: normal; margin:50px 0 5px 0; text-transform: uppercase;color:#fff;}
.service ul li span {font-size: 12px;display: block;color:#fff;}
.service ul li .text {width: 100%; height: auto; position: absolute; left: 0;bottom:80px;}
.service ul li .imgtext {width:100%;padding:0px 0;  float: left;color: #FFF;line-height: 150%;text-align: center; color:#333; font-size:12px;}
.service ul li .imgtext font{width:36%; text-align:center; margin:0 auto; display:block; padding-bottom:5px; border-bottom:1px solid #2b2d4d;}
.service ul li p{ display:none;}
.service ul li:hover p{ display:block; width:100%; position:absolute; bottom:10px; line-height:18px; text-align:center; color:#333; z-index:100; transition: all 1.2s ease;}
.service ul li:hover strong,.service ul li:hover span{ color:#333; transition: all 0.6s ease;}
/*-------------客户-------------*/
.customer{ width:70%; height:100%; overflow:hidden; margin:0 auto;padding-bottom:100px;}
.customer .title{ width:100%; text-align:center; font-size:24px; margin-bottom:20px; position: relative;line-height:50px;text-align:center; color:#2b2d4d;}
.customer .title h3{ width:180px; background:#fff; display:block; margin:0 auto; font-size:24px;  letter-spacing: 0.25em;}
.customer .title:after {position:absolute; content:''; left:0; right:0; top:26px; height:1px; background:#2b2d4d; z-index: -1;}
.customer img{width:100%; pointer;transition: all 0.8s;}   
.customer img:hover{ transform: scale(1.2); }
.customer .box{ width:100%; height:100%; overflow:hidden;}
.customer .box .left { width:24.2%;height: 100%; float:left; overflow:hidden;}
.customer .box .left a{ width:100%; overflow:hidden; display:block; margin-bottom:15px;}
.customer .box .center {width:49.5%; height:100%; float:left; margin:0 1%;}
.customer .box .center a{ width:100%; float:left; overflow:hidden; display:block;}
.customer .box .center .share-top img{ width:100%; float:left;}
.customer .box .center .share-top a{ width:49%; float:left; overflow:hidden; display:block; margin-bottom:15px;}
.customer .box .right {width:24.2%; height: 100%; float:right;}
.customer .box .right a{ width:100%;overflow:hidden; display:block;}