/* CSS Document */
.menu{border-bottom:1px solid #ccc;  }
#container{ width:90%; margin:0 auto; position:relative; overflow:hidden ;  }

.lei{ width:100%;/* margin-left:10%;*/ height:30px; position:relative; text-align:right; margin-bottom:15px; margin-top:20px;}
.lei img{ position:relative;  height:30px;}
.lei a{ margin-left:10px; display:block; width:30px; float:right;}
.lei2{ width:200px; position:absolute; right:0; top:0;height:30px; z-index:33; text-align:right; line-height:30px;  }
.lei2 img{ height:28px; margin-left:10px; position:relative; top:-2px; }


.case{ height:99%; position:relative;}
.tit{ width:100%; height:30px; position:relative; overflow:hidden; line-height:30px; color:#666; font-size:16px;}
.leileft{ width:600px; float:left; height:30px; line-height:30px;}
.leileft h2{ width:200px; float:left; font-size:16px; text-align:left;line-height:30px; position:relative;}
.leileft h2 span{ height:20px; position:relative; margin-left:10px; top:3px;}
.leileft h2 span img{ height:20px; margin-top:}
.leileft ul{ width:400px; float:left; height:30px; position:relative; overflow:hidden;}
.leileft ul li{ float:left; font-size:14px; margin-right:20px; line-height:30px; height:30px;}
.leileft ul li a{ width:auto !important;}

.caseleft{ width:80%; float:left; height:100%;}
.caseleft li img{ width:100%; vertical-align:middle;}
.caselei{ width:19%; float:right; position:relative; height:95%; margin-top:30px;}
.caselei .tit{ font-size:16px; height:30px; line-height:30px; position:absolute; left:0; top:-30px;}
.caselei ul{ height:100%; position:relative; overflow:hidden;}
.caselei li{ width:100%; margin-bottom:; position:relative; height:32%; margin-bottom:5.4%; }
.caselei li p{ width:90%; padding:0 5%; height:30px; position: absolute; left:0; bottom:0; overflow:hidden; line-height:30px; color:#000; background:url(../images/bgc4.png); text-align:center;}
.caselei li img{ width:100%; vertical-align:middle; height:100%; }

.casepic{ width:100%; position:relative; overflow:hidden; height:95%;}
.casepic .flex-viewport{ width:100%;vertical-align:middle; position:relative; height:100%;}
.casepic .slides{ width:100%; vertical-align:middle; height:100%;}
.casepic .slides li{ width:100%;vertical-align:middle;  height:100%; position:relative;}
.casepic .slides li img{ width:100%; vertical-align:middle; height:100%;}
.casepic .flex-control-nav{ display:none}
.casepic .flex-direction-nav a{ display:block; z-index:33; width:30px; height:30px; text-indent:-999em; position:absolute; top:50%; margin-top:-15px; background-size:100% 100%;   }
.pacepictxt{ width:; height:40px; padding:10px 20px; font-size:13px; line-height:20px; background:url(../images/bgc4.png); left:20px; bottom:20px; position:absolute; z-index:11; color:#000;}
.pacepictxt p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.flex-prev{ left:20px; background:url(../images/left1.png) center no-repeat;}
.flex-next{ right:20px; background:url(../images/right1.png) center no-repeat;}

.caselist{ width:100%; position:relative; /*margin-left:10%;*/ overflow:hidden;}
.caselist ul{ width:102%; margin-left:-2%; overflow:hidden;}
.caselist ul li{ width:18%; margin-left:2%; float:left; position:relative; margin-bottom:25px;}
.caselistpic{ width:100%; position:relative; overflow:hidden;}
.caselist ul li img{ width:100%; vertical-align:middle;transition: all 0.6s }
.caselist li:hover img{ transform: scale(1.1); }

.casetxt{ width:92%; height:40px; padding:5px 4%;position:relative; font-size:12px; color:#000;}
.casetxt p{ line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:none;}
.caselist ul li:hover .casetxt{ background:url(../images/bgc1.png);  } 
.caselist ul li:hover .casetxt p{ display:block;  } 

.caseinfo{ width:90%; position:relative; margin-left:10%; overflow:hidden;}



.caseinfo1{ width:90%; position:relative; margin-left:10%; overflow:hidden; height:100%; position:relative;}
.caseinfo1 ul{ width:4.9%; margin-left:0.9%; float:left; margin-bottom:10px;}
.caseinfo1 ul li{ width:100%; margin-bottom:10px ;}
.caseinfo1 ul li a{ display:block; width:100%;}
.caseinfo1 ul li img{ width:100%; vertical-align:middle;}


 #container .caseinfo1 ul li.w1 {
            top: 595px;
        }

        #container .caseinfo1 ul li.w2 {
            top: 535px;
        }

        #container .caseinfo1 ul li.w3 {
            top: 475px;
        }

        #container .caseinfo1 ul li.w4 {
            top: 415px;
        }

        #container .caseinfo1 ul li.w5 {
            top: 355px;
        }

        #container .caseinfo1 ul li.w6 {
            top: 295px;
        }

        #container .caseinfo1 ul li.w7 {
            top: 235px;
        }

        #container .caseinfo1 ul li.w8 {
            top: 175px;
        }

        #container .caseinfo1 ul li.w9 {
            top: 115px;
        }

        #container .caseinfo1 ul li.w10 {
            top: 55px;
        }
.caseintit{ width:100%; position:relative; color:#8b8b8b; margin-bottom:10px;}
.caseintit h2{ width:100%; font-size:16px; line-height:30px;}
.caseintit p{ width:100%; font-size:14px; line-height:24px; display:none;}
.back1{ position:absolute; left:0; padding-left:25px; background:url(../images/back.png) left center no-repeat; line-height:30px; font-size:13px; color:#fff; top:45px; z-index:33;}
.caseinpp{ width:100%; position:relative;}
.caseinpp #slider{ width:100%; position:relative;}
.caseinpp #slider .flex-viewport{ width:100%;  position:relative;}
.caseinpp #slider .flex-viewport li{ width:100%; position:relative;}
.caseinpp #slider .flex-viewport li img{ width:100%; vertical-align:middle;}
.caseinpp #slider .flex-prev{ background:url(../images/left1.png) center no-repeat; left:30px;}
.caseinpp #slider .flex-next{ background:url(../images/right1.png) center no-repeat; right:30px;}
.caseinpp #slider .flex-direction-nav a{ position:absolute; width:30px; height:30px; display:block; text-indent:-999em; top:50%; margin-top:-15px;background-size:100% 100%;}

.caseinpp #carousel{ width:98%;display:none;  height:130px; background: ; position: relative; margin-top:20px; overflow:hidden; margin-left:1%; }
.caseinpp #carousel .flex-viewport{ width:100%; height:100%; position:relative; }
.caseinpp #carousel .flex-viewport li{height:128px; width:256px !important;  float:lef; cursor:pointer; margin-right:20px; position:relative; overflow:hidden;}
.caseinpp #carousel .flex-viewport li img{ height:100%;  display:block; margin:0 auto;}
.caseinpp #carousel .flex-prev{ background:url(../images/left.png) center no-repeat; left:30px;}
.caseinpp #carousel .flex-next{ background:url(../images/right.png) center no-repeat; right:30px;}
.caseinpp #carousel .flex-direction-nav a{ position:absolute; width:35px; height:65px; display:none; text-indent:-999em; top:50%; margin-top:-30px; z-index:22; }

.cab{ width:30px; height:30px; position: relative; float:right; right:30px; top:-50px; z-index:33; cursor:pointer;}
.caseinteext{ width:98%; margin:0 auto; position:relative; display:none; margin-top:30px; overflow:hidden; color:#848484; margin-bottom:10px;}
.casetoptit1{ width:18%; float:left; font-size:16px;}
.caseintxt1{ width:80%; float:right; font-size:13px; line-height:21px;}

.caseinfo1{ width:75%; position:relative; margin-left:10%; overflow:hidden; height:100%; position:relative;}
.caseinfo1 img{ max-width:100%;}
/*ABOUT*/
.about{ width:90%; position:relative; margin-left:10%; overflow:hidden; height:100%; position:relative;}
.aboutleft{ width:53%; float:left; height:95%; padding-top:2%;}
.aboutpic{ width:41%; float:right; height:95%; padding-top:2%;}
.aboutpic img{ width:100%; margin-top:50px; }
.abouttit{ width:100%; height:30px; font-size:18px; margin-bottom:20px;}
.aboutboxtext{ width:95%; padding-right:5%; height:90%; font-size:13px; line-height:30px; color:#848484}


/*team*/
.team{ width:90%; position:relative; padding-left:10%;  height:100%; position:relative;}
.team .abouttit{ margin-top:25px;}
.teamlist{ height:88%;  position:relative;}
.teamlist .bx-wrapper{ width:100%;max-width:100%;}
.teamlist  .slide{ width: !important;} 
.teamlist  .slide img{ width:100%; vertical-align:middle; margin-bottom:15px;filter: grayscale(1);  filter: gray;
	-webkit-filter: grayscale(1);  
   -moz-filter: grayscale(1);  
   -ms-filter: grayscale(1);  
   -o-filter: grayscale(1);      
 
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

.teamlist  .slide .teamname{ width:100%; font-size:14px; line-height:24px; color:#666;}
.teamlist  .slide .teamzhiwei{ width:100%; font-size:14px; line-height:24px; color:#666; white-space:nowrap; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #ccc;}
.teamtxt{ width:95% !important; padding-right:5%; margin-top:25px; font-size:12px; line-height:24px; color:#848484; height:290px;}

.bx-pager .bx-default-pager{ display:none;}
.bx-controls .bx-default-pager{ display:none;}
.teamlist  .slide:hover .teamzhiwei{border-bottom:5px solid #ac0611; padding-bottom:6px;}
.teamlist  .slide:hover  img{-webkit-filter: grayscale(0); filter: grayscale(0);filter:none}
.teamlist .bx-controls-direction a{ width:40px; height:40px; display:block; position:absolute; top:90px; text-indent:999em; z-index:33;}
.teamlist .bx-prev{ background:url(../images/left1.png) center no-repeat; left:-50px;}
.teamlist .bx-next{ background:url(../images/right1.png) center no-repeat; right:-50px;}
 .teamlist .disabled{ display:none !important;}

/*news*/
.newsleft{ width:45%; float:left; margin-top:2%; height:95%;}
.newsright{ width:35%; margin-left:4%; float:left; height:95%; padding-top:2%;}
.newslist{ width:95%; padding-right:5%; position:relative; height:90%;}
.newslist li{ width:100%; margin-bottom:20px;  position:relative;  height:115px;}
.newslist .newstxt{ padding-left:125px; position:relative; height:100px; color:#848484;border-bottom:1px solid #ccc;padding-bottom:15px;}
.newslist .newstxt h2{ width:100%; height:30px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslist .newstxt p{ width:100%; height:45px; line-height:24px; font-size:12px; margin-bottom:5px; overflow:hidden;}
.newslist .newstxt span{ font-size:12px;}
.newslist .newstxt i{ font-size:12px; float:right; font-style:normal;}
.newslist li:hover{ }
.newslist li:hover .newstxt h2{ color: #ac0611;}

.newslist li img{ width:100px; height:100px; position:absolute; left:0; top:0; padding-bottom:15px; border-bottom:1px solid #fff; z-index:11; padding-right:25px;}
.newspic{ width:100%; height:85%; position:relative; overflow:hidden;}
.newspic .slides li img{ width:100%; vertical-align:middle;}
.newspic .flex-viewport{ width:100%; height:100%; vertical-align:middle;}
.newspic .slides{ width:100%; height:100%; vertical-align:middle;}
.newspic .slides li{ width:100%; height:100%; vertical-align:middle; background-size:cover;}
.newspic .slides li img{ width:100%; vertical-align:middle;}
.newspic .flex-control-nav{ position:absolute;opacity:0.6;  bottom:25px; width:90%; height:20px; right:20px; z-index:22; text-align: right;}
.newspic .flex-control-nav li{ width:10px; height:10px; margin-top:10px; position:relative; display:inline-block; border:1px solid #fff; border-radius:50%; cursor:pointer; margin-left:10px; overflow:hidden;}
.newspic  .flex-control-nav li a{ text-indent:999em; width:10px; height:10px;position:relative; display:block;}
.newspic  .flex-active{ background:#ac0611;}
.newspic .flex-direction-nav{ display:none;}
.newspic  .flex-control-nav li:hover a{ background:#ac0611;}

.newsinfo{ width:90%; position:relative; margin-left:10%; overflow:hidden; height:100%; position:relative;}
.newsinleft{ width:35%; float:left; margin-top:2%; height:92%;}
.newsinleft img{ width:100%; max-height:100%; vertical-align:middle;}
.newsinright{ width:58%;/* margin-left:6%;*/ float:left; height:92%; padding-top:2%;}
.newsintit{ margin-top:50px; width:100%; margin-bottom:10px;}
.newsintit h2{ font-size:16px; width:100%; line-height:30px;}
.newsintit p{ font-size:14px; width:100%; line-height:21px;}

.newsintext{ width:95%; height:75%; padding-right:5%; font-size:14px; line-height:24px;}
.nepage{ text-align:right; width:95%; line-height:30px; margin-top:20px;}


/*job*/
.jobleft{ width:35%; float:left; margin-top:2%; height:95%; }

.jobright{ width:58%; margin-left:3%; float:left; height:95%; padding-top:2%;}
.jobpic { width:90%; padding-left:1%; position:relative;height:90%; overflow:hidden;}
.jobpic .slides{ width:100%; position:relative;}
.jobpic .slides li img{ width:100%; position:relative; vertical-align:middle; margin-bottom:10px;}
.jobtit{ width:100%; position:relative; overflow:hidden; font-size:18px; font-weight:; line-height:30px; margin-top:45px;}
.joblist{ width:90%; height:86%; position:relative; padding-right:10%;}
.joblist li{ width:100%; margin:20px 0; overflow:hidden; color:#9e9e9e;}
.joblist li .jobtt{ width:100%; font-size:16px; font-weight:; margin-bottom:20px;}
.jobtxt{ width:100%; font-size:13px; line-height:24px;}
.joblist li:hover  .jobtt{ color:#ac0611}

.faqleft{ width:25%; float:left; margin-top:2%; height:95%;}
.faqleft .slides li img{ width:100%; position:relative; vertical-align:middle;}
.faqright{ width:65%; margin-left:6%; float:left; height:95%; padding-top:2%;}
.faqright .jobtit{ font-size:18px;}
.faqright .jobtt{ font-weight:500 !important; text-decoration:underline;}
.jobtxt .jobtt{  text-decoration: none;}
.faqright .joblist{ height:80% !important;}
.faqxx{ width:100%; height:20px; margin-top:15px; font-size:12px; line-height:20px; text-align:left; color:#808080;}
.faqxx a{ color:#808080;}

.jobleft .flex-control-nav,.jobleft .flex-direction-nav{ display:none;}
.nicescroll-rails div{ background:#ccc !important;}

/*contact*/
.contleft{ width:38.5%; float:left;margin-top:2%; height:95%;}
.contpic{ width:46%; margin-left:11.5%; float:left; height:92%; padding-top:2%;}
.contpic img{ width:100%; max-height:100%;}
.contbox{ width:100%; position:relative; color:#a4a4a4;}
.contbox h2{ font-size:16px;}
.contbox .name{ font-size:18px; margin-bottom:15px; line-height:30px;color:#666666;}
.contbox .name1{ font-size:18px; margin-bottom:10px; line-height:30px;color:#666666; border-bottom:1px solid #ccc}
.contbox .dizi{ font-size:17px; margin-bottom:15px; line-height:30px;color:#666666;}
.message{ width:100%; margin-top:40px; position:relative;}
.message textarea{ width:440px; padding:5px; font-size:14px; line-height:24px; color:#a4a4a4; height:180px; border:1px solid #ccc; margin:10px 0;}
.message input{ width:80px; cursor:pointer; height:30px; border:1px solid #ccc; background:none; text-align:center; line-height:28px; border-radius:5px; }

@media(max-width:1460px){
	
#container{ width:90%; }
.caselist ul li{ margin-bottom:10px;}
.lei{  margin-bottom:10px; margin-top:10px;}
.teamlist{ height:85%; overflow:hidden;}
.teamlist  .slide img{ margin-bottom:10px;}
.teamtxt{margin-top:15px; height:260px; }



}

@media(max-width:1260px){
.teamtxt{ height:180px; }



}