/* CSS Document */

#container{ width:690px; margin:0 auto; overflow:hidden; margin-top:110px;}
.lei{ width:100%; height:45px; position:relative; overflow:hidden; margin-bottom:20px;}
.lei h2{ width:300px; float:left; line-height:45px; font-size:28px; color:#1a1a1a; height:45px;}
.lei ul{ float:right;}
.lei ul li{ float:left; height:45px; line-height:45px; margin-left:20px;}
.lei ul li img{ height:40px; vertical-align:middle;}
.l1 img{ height:22px !important; vertical-align:middle; padding-top:20px;}

.caselist{ width:100%; position:relative; overflow:hidden;}
.caselist ul{ width:720px; margin-left:-30px; overflow:hidden;}
.caselist li{ width:210px; float:left; padding-left:30px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #c2c2c2;}
.caselist li img{ width:100%; height:210px; vertical-align:middle;}
.caselist li h2{ width:100%; height:40px; font-size:21px; color:#1a1a1a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.casetit{ width:100%; height:45px; margin-bottom:10px; position:relative; font-size:26px; line-height:45px;}
.casetit a{ color:#1a1a1a;}
.casetit span{ position:absolute; right:5px; top:0; line-height:35px; font-size:40px;}
.page{ width:100%; position:relative; overflow:hidden;}
.page ul{ width:720px; margin-left:-30px; overflow:hidden;}
.page li{ width:210px; float:left; padding-left:30px; margin-bottom:20px; padding-bottom:10px;}
.page li img{ width:100%; height:210px; vertical-align:middle;}
.page li h2{ width:100%; height:40px; font-size:21px; color:#1a1a1a;border-left:1px solid #c2c2c2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:15px;}

.casein{ width:100%; position:relative; overflow:hidden;}
.caseinpic{}
.caseinpic{ width:100%; position:relative; overflow:hidden;  }
.flex-viewport{ width:100%; height:100%; vertical-align:middle;}
.caseinpic .slides{ width:100%; height:100%; vertical-align:middle;}
.caseinpic .slides li{ width:100%; height:100%; vertical-align:middle; background-size:cover;}
.caseinpic .slides li img{vertical-align:middle; height:500px; width:auto !important;}
.caseinpic .flex-control-nav{ display:none;}
.caseinpic .flex-direction-nav a{ display:block; width:25px; height:45px; text-indent:-999em; position:absolute; top:50%; margin-top:-12.5px; z-index:33;}
.flex-prev{ left:20px; background:url(../images/left.png) center no-repeat;}
.flex-next{ right:20px; background:url(../images/right.png) center no-repeat;}

.caseintxt{ width:100%; position:relative; font-size:24px; line-height:35px; margin:15px 0; padding-bottom:20px; border-bottom:1px solid #c2c2c2; color:#1a1a1a; margin-bottom:30px;}	

.caseinfo{width:100%;  margin-top:10px; position:relative;}


.casintit{ width:100%; font-size:24px; line-height:45px; color:#1a1a1a;margin-bottom:15px;border-bottom:1px solid #c2c2c2;}
.caseinpic{ width:100%; position:relative; overflow:hidden;}
.caseinpic img{ width:100%; margin-bottom:20px; vertical-align:middle;}

.casetext{ width:100%; height:100%; vertical-align:middle;}
.casetoptit{ width:100%; position:relative; height:40px; font-size:28px; overflow:hidden; line-height:40px; margin-bottom:10px;}
.casetoptit  i{ position: absolute; display:block; width:30px; font-style:normal; height:40px; font-weight:500; left:180px; top:0; line-height:40px; font-size:36px}
.casetoptit .i2{ font-size:55px; font-weight:200 ;line-height:30px;}
.casinbox{ padding-bottom:20px;}
.caseintxt{ width:100%; height:100%; position:relative;color:#666666; overflow:hidden; padding-bottom:50px; border-bottom:1px solid #bfbfbf; }
.caseintxt .casgg{ width:200px; float:left; position:relative; font-size:21px; }
.caseintxt .caseinright{ width:450px; float:right; position:relative; font-size:21px; }

.fx{ width:100%; position:relative; overflow:hidden; margin-top:20px;}
.fx ul{ width:720px; margin-left:-30px; overflow:hidden;}
.fx ul li{ width:210px; height:45px; background:#fff; margin-left:30px; float:left; text-align:center;}
.fx ul li span{ padding-left:40px; line-height:45px;}
.fx1 span{ background:url(../images/icon4.png) left center no-repeat;}
/*.fx2 span{ background:url(../images/icon5.png) left center no-repeat;}*/
.fx2 div a{ background:url(../images/icon5.png) left 10px center no-repeat;margin-left:55px; height:35px;}
.fx3 span{ background:url(../images/icon6.png) left center no-repeat;}
.bdshare-button-style0-16 a{ margin:0 !important;margin-left:55px !important; height:45px !important; }


.caseinlist{ width:100%; margin-top:20px; overflow:hidden; border-top:1px solid #c2c2c2; padding-top:10px;}
.caseinlist ul{ width:720px; margin-left:-30px; overflow:hidden;}
.caseinlist li{ width:210px; float:left; padding-left:30px; position:relative; margin-bottom:20px; padding-bottom:10px;}
.caseinlist li img{ width:100%; height:210px; vertical-align:middle;}
.caseinlist li h2{ width:190px; position:absolute; left:30px; top:0; padding:65px 10px; height:80px; line-height:40px; font-size:21px; color:#1a1a1a;  overflow:hidden; text-overflow:ellipsis; display:none;}
.caseinlist li:hover h2{ display:block;}

.about{width:100%;  margin-top:10px; position:relative; margin-bottom:40px;}
.abouttit{ font-size:28px; margin-bottom:15px; line-height:45px; color:#1a1a1a;}
.about img{ width:100%; vertical-align:middle; margin-bottom:20px;}
.abouttxt{ font-size:24px; color:#828282; height:100%;}

.news{width:100%;  margin-top:10px; position:relative; margin-bottom:40px;}
.newslist{ width:100%;}
.newslist li{ width:100%; padding-bottom:20px; margin-bottom:20px; overflow:hidden; border-bottom:1px solid #bfbfbf;}
.newslist li img{ width:140px; float:left; height:140px; margin-right:20px;}
.newslist ul li:nth-last-child(1){ border:none ;}

.newtxt{ width:530px; float:left;}
.newtxt h2{ font-size:26px; line-height:40px; height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;}
.newtxt p{ width:100%; font-size:21px; line-height:35px; max-height:70px;overflow:hidden; text-overflow:ellipsis; color:#919191; }
.newtxt span{ width:100%; font-size:21px; line-height:35px; color:#919191; }

.newsinfo{ width:100%; position:relative; overflow:hidden; height:100%;}
.newsinfo img{ width:100%; vertical-align:middle; margin-bottom:20px;}
.newsintit{ width:100%; position:relative; overflow:hidden; font-size:21px; color:#ababab;}
.newsintit h2{ font-size:26px; line-height:45px; color:#333;}
.newsintxt{ width:100%; font-size:21px; color:#4d4d4d; }


.teamlist{ width:100%; position:relative;}
.teamlist li{ width:100%; padding-bottom:20px; margin-bottom:20px; overflow:hidden; border-bottom:1px solid #bfbfbf;}
.teamlist ul li:nth-last-child(1){ border:none ;}
.temapic{ width:230px; float:left; margin-right:40px; color:#666; text-align:center;}
.temapic img{ width:100%; height:230px; vertical-align:middle; margin-bottom:15px;}
.temapic  h2{ width:100%; font-size:21px; line-height:35px;}
.temapic span{ border-bottom:3px solid #d6d6d6;font-size:21px; }
.teamlist li .teamright{ width:420px; float:left;font-size:21px; line-height:35px;}
.teamlist li:hover span{ border-bottom:3px solid #fe0100; }

.job{ width:100%; position:relative;}
.jobpic{ width:100%; position:relative; margin-bottom:15px;}
.jobpic img{ width:100%; vertical-align:middle;}

.jobright{ width:100%; height:100%;}
.jobtit{ width:100%; position:relative; overflow:hidden; font-size:28px;  line-height:45px;color:#4d4d4d;}

.joblist{ width:100%; height:86%; position:relative; padding-right:10%;}
.joblist li{ width:100%; margin:20px 0; overflow:hidden; color:#9e9e9e;  border-bottom:1px solid #bfbfbf; padding-bottom:20px; margin-bottom:20px;}
.joblist ul li:nth-last-child(1){ border:none ;}

.joblist li .jobtt{ width:100%; font-size:24px; line-height:30px; color:#333333; margin-bottom:20px;}
.joblist li .jobtxt{ width:100%; font-size:21px; line-height:34px ; color:#828282;}
.joblist li:hover  .jobtt{ color:#ac0611}

.faq{ width:100%; height:100%; margin-top:40px;}
.faq li{ width:100%; margin-bottom:20px;}
.faq .jobtt{ width:100%; font-size:28px; line-height:40px; color:#9e9e9e; margin-bottom:20px; text-decoration:underline;}
.faq .jobtxt{   color:#ababab}
.faq .jobtxt  .jobtt{  text-decoration: none; }

.faq .faqright .joblist{ height:80% !important;}
.faq .faqxx{ width:100%; height:20px; margin-top:15px; font-size:12px; line-height:20px; text-align:right; color:#ababab;}
.faq .faqxx a{ color:#808080;}

.contact{width:100%; position:relative;  margin-bottom:30px;}
.contact .abouttit{color:#666;}
.contleft{ width:100%; }
.contbox{ width:100%; position:relative; color:#666; font-size:21px;height:100%;}
.contbox .name{ font-size:26px; margin-bottom:15px; line-height:40px;color:#666666;}
.contbox .name1{ font-size:26px; margin-bottom:10px; line-height:40px;color:#666666; border-bottom:1px solid #ccc}
.contbox .dizi{ font-size:26px; margin-bottom:15px; line-height:40px;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; background:#f3f3f3}
.message input{ width:80px;  cursor:pointer; height:30px; border:1px solid #ccc; background:none; text-align:center; line-height:28px; border-radius:5px; position:relative; top:-10px; }
.message img{ width:100px; position:absolute; bottom:65px; left:480px;}
.map{ width:100%; position:relative; overflow:hidden; margin-top:30px;}
.map img{ width:100%; vertical-align:middle;}
.weixin{ width:80px; height:80px; display:none;}
.weixin img{ width:80px; height:80px;}