@charset "utf-8";



#bannrnav{z-index:900;text-align:center; width:200px;height:22px;line-height:22px;position:fixed;left:50%; margin-left:-100px; bottom:100px;}
#bannrnav ul {list-style:none; text-align:center;}
#bannrnav ul li{margin-right:5px;display:inline;list-style-type:none; overflow:hidden}
#bannrnav ul li a{background:url("../images/bannerbtn.png") no-repeat 0px 1px; padding:1px 8px 0px 8px; vertical-align:middle;}
#bannrnav ul li.showPage a{background:url("../images/bannerbtn.png") no-repeat 0px -18px;}

#wrap{overflow:hidden;width:100%;position:relative;}
#wrap .special{ position:absolute; left:0px; top:21px; width:70px; height:107px;}
#wrap .top{height:104px;padding-top:19px;text-align:left;width:980px; margin:0 auto; overflow:hidden;}
#wrap .nav{width:100%; height:90px; padding-top:40px; width:1000px; margin:0 auto; overflow:hidden;}
#wrap .nav a{font-family:Arial;font-size:25px; float:left; text-align:left; }
#wrap .nav i{display:block; float:left; width:4px; height:24px; margin:0px 46px; background:url("../images/blackicon.jpg") no-repeat center center;}
#wrap .nav a .ch{ display:block;font-family:"Microsoft YaHei"; font-size:12px; margin-top:2px;}
#wrap .banner{width:100%;height:110px; background:#000;padding-top:51px;overflow:hidden}
#wrap .banner .conbox{width:1000px;margin:0 auto;color:#fff;text-align:left;font-family:"Microsoft YaHei"; display:none}
#wrap .banner .conbox h2{ font-size:30px; margin-bottom:22px; font-weight:normal;}
#wrap .banner .conbox h3{font-size:12px;font-weight:normal;display:none}
#wrap .banner .conbox h3 .en{font-family:Arial;margin-left:5px;}
#wrap .footer{width:100%;height:139px;overflow:hidden;background:#000; padding-top:35px;}
#wrap .footer .inner{width:980px;margin:0 auto;overflow:hidden;height:113px;text-align:left;color:#fff;}
#wrap .footer .inner .txt1{width:478px; height:113px;float:left}
#wrap .footer .inner .txt1 a{ color:#fff;font-family:Arial; float:left }
#wrap .footer .inner .txt1 i.slits{ display:block;width:1px; height:22px;float:left; background:url("../images/splits.jpg") no-repeat left center; margin:0 12px;}
#wrap .footer .inner .txt1 span{ font-size:10px;font-family:Arial; line-height:16px}
#wrap .footer .inner .txt1 span.grays{color:#4d4d4d; margin-top:12px; display:block; margin-bottom:7px; }
#wrap .footer .inner .txt1 .shares a{ margin-right:4px;}
#wrap .footer .inner .txt1 .shares img{ height:23px; width:23px;}
#wrap .footer .inner .txt2{ margin-top:15px;width:191px; font-size:16px;height:65px;padding-right:51px;float:right;text-align:right;background:url("../images/footicon.png") no-repeat right top;}
#wrap .footer .inner .txt2 .tqq,#wrap .footer .inner .txt2 .temail{display:block;font-family:Arial;}
#wrap .footer .inner .txt2 .tqq{margin-bottom:15px;}
#wrap .footer .inner .txt2 span.grays{font-size:12px; text-align:right; }
#wrap .footer .inner .txt2 span.grays a{color:#4d4d4d;}
#wrap .solid{background:url("../images/solid.gif") repeat-x; height:1px; width:100%;}
 

#wrap .abouttype{width:100%;height:270px;overflow:hidden;background:#f4f4f4; padding-top:45px;}
#wrap .abouttype .inner{ width:980px; margin:0 auto; overflow:hidden; height:232px}
#wrap .abouttype .inner .web,#wrap .abouttype .inner .mobile,#wrap .abouttype .inner .illustration{width:161px;height:232px; float:left; text-align:left;}
#wrap .abouttype .inner .split{height:232px;width:1px;background:url("../images/abouttypeicon.gif") no-repeat; margin:0 120px; float:left;}
#wrap .abouttype .inner .web .webicon,#wrap .abouttype .inner .mobile .mobileicon,#wrap .abouttype .inner .illustration .illustrationicon{background:url("../images/about-icon.png") no-repeat;width:100%; height:130px;}
#wrap .abouttype .inner .mobile .mobileicon{background-position:center -130px;}
#wrap .abouttype .inner .illustration .illustrationicon{background-position:center -260px;}
#wrap .abouttype .inner .title{font-size:14px;margin:8px 0px 5px 0px;}
#wrap .abouttype .inner .subtitle{font-size:12px;color:#8e8e8e}
#wrap .abouttxt1{width:980px;margin:0 auto; text-align:left; overflow:hidden; height:380px; padding-top:50px;background:url("../images/abouttxt1bg.jpg") no-repeat 626px 140px;}
#wrap .abouttxt1 h2{font-weight:normal; font-size:25px; color:#1da979; margin-bottom:18px;}
#wrap .abouttxt1 h3{font-weight:bold; font-size:20px;text-transform:uppercase;color:#4e4e4e}
#wrap .abouttxt1 p{font-size:14px;color:#666; margin-top:30px;}
#wrap .abouttxt2{width:980px;margin:0 auto; text-align:left; overflow:hidden; height:357px;padding-top:47px;background:url("../images/coockue.jpg") no-repeat right 118px;}
#wrap .abouttxt2 h2{font-weight:normal; font-size:18px; color:#1da979; margin-bottom:20px;}
#wrap .abouttxt2 p{font-size:14px;color:#111;}
#wrap .custom{width:100%;height:auto;background:#f4f4f4;padding-top:37px;overflow:hidden;}
#wrap .custom .inner{width:980px;margin:0 auto;text-align:left;overflow:hidden; margin-bottom:43px}
#wrap .custom .inner .title{font-size:20px; margin-bottom:23px;color:#2d2d2d}
#wrap .custom .inner .custom-ul li{ float:left;width:188px; height:81px;background:url("../images/customborder.png") no-repeat; margin-bottom:10px; margin-right:8px;}
#wrap .custom .inner .custom-ul li a{display:block;width:186px;height:79px;overflow:hidden;text-align:center;padding:1px}
#wrap .custom .inner .custom-ul li img{width:186px;height:79px;}


#wrap .contactus{width:100%;height:730px;background:#001551 url("../images/contactbg.jpg") center top; overflow:hidden}
#wrap .inner{width:980px;margin:0 auto;text-align:left;overflow:hidden;} 
#wrap .inner .times{ margin-top:80px; font-size:75px; color:#fff; margin-bottom:300px;}
#wrap .inner .txtbox{ width:484px;height:190px; background:url("../images/contacticon.png") no-repeat left 6px;padding-left:52px;}
#wrap .inner .txtbox .emailbox{ margin:16px 0px;}
#wrap .inner .txtbox .txtfont1{color:#00b3ff; display:block; font-size:12px;}
#wrap .inner .txtbox .txtfont2{color:#fff;display:block;font-size:24px;}


#wrap .news{width:1000px;margin:0 auto;text-align:left;overflow:hidden; height:auto; padding:45px 0px 85px 0px;}
#wrap .news ul li{height:218px;width:100%;display:block;background:#ededed;overflow:hidden}
#wrap .news ul li .imgs{position:relative;height:218px;width:300px;float:left;color:#fff}
#wrap .news ul li .imgs a{ display:block; color:#fff;height:218px;width:300px;}
#wrap .news ul li .times{position:absolute;top:42px;left:44px;font-size:35px;}
#wrap .news ul li .author{position:absolute;top:82px;left:44px;font-size:12px;}
#wrap .news ul li .txt{height:218px;width:590px;float:left; margin:53px 0px 0px 50px;}
#wrap .news ul li .txt h3{ font-size:24px;font-weight:normal; margin-bottom:24px;}
#wrap .news ul li .txt p{ color:#505050;}
#wrap .news ul li.changebg{background:#f9f9f9}


.pageing{width:100%;text-align:left;margin-top:60px;}
.pageing a,.pageing span{width:46px;height:46px;display:block;background:#e5e5e5;color:#5c5c5c;margin-right:5px; float:left; text-align:center; line-height:46px;}
.pageing a:hover,.pageing span{background:#000;color:#fff;}


#wrap .cases{width:665px;margin:0 auto;text-align:left;overflow:hidden;height:650px;position: relative;}
#wrap .cases .case-list{ width:9999px; overflow:hidden; position:absolute; left:0; top:47px;}
#wrap .cases .cases-ul{ width:666px; overflow:hidden; float:left;}
#wrap .cases .cases-ul li{width:333px;height:313px; float:left;position:relative;overflow:hidden}
#wrap .cases .cases-ul li .img{width:333px;height:313px;position:absolute;top:0px;left:0px;}
#wrap .cases .cases-ul li .imgbg{position:absolute;top:0px;left:0px;display:none}
#wrap .cases .cases-ul li.act .imgbg{display:block; cursor:pointer}
.btns{ text-align:center; width:100%; position:absolute; left:0; top:670px; z-index:999;}
.btns li{display:inline-block; background:url(../images/li_bg.png) no-repeat left center; width:14px; height:14px; margin:0 5px;}
/*#wrap .cases .btns .cur{ background-position:-25px 0px;}*/
.btns .cur{display:inline-block; background:url(../images/cur.png) no-repeat left center; width:14px; height:14px;}