/* CSS Document */



*{margin:0; padding:0;}



body{font-family:"Microsoft YaHei",Tahoma,Arial,SimSun,sans-serif; font-size:12px; line-height:1.5; color:#333333; background:#ffffff;}



img{border:none;}



ul li{list-style:none;}



a{text-decoration:none;color:#333}



a:hover{text-decoration:none;color:#01479d;}







.header-wrap{ width:100%; position:fixed; left:0; top:0; height:130px; background:#ffffff; z-index:999;}



.header{ height:110px; width:1200px; margin:auto;}



.logo{float:left; width:170px; padding-top:10px; overflow:hidden; margin-right:25px;}



.logo a{display:inline-block;}



.logo a img{width:auto;}







.nav{ float:left; height:130px; font-size:15px;}



.nav li{float:left;}



.nav li a{color:#000000; display:inline-block; height:130px; line-height:130px; padding:0 35px;}



.nav li a:hover, .nav li.on a{color:#ffffff; background:#01479d;}







.hd-contact{float: right;

height: 60px;

width: 250px;

background: url(../images/hd-contact.png) no-repeat right bottom;

margin-top: 20px;

text-align: center;

padding-top: 10px;}

.hd-contact a{padding: 0 20px;

color: #01479d;}







.fullSlide{width: 100%;position: relative;height: 805px; padding-top:70px;}



.fullSlide .bd{margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}



.fullSlide .bd ul{width: 100% !important;}



.fullSlide .bd li{width: 100% !important;height: 805px;overflow: hidden;text-align: center;}



.fullSlide .bd li a{display: block;height: 805px;}



.fullSlide .hd{width: 1200px; margin:auto; height: 7px;line-height: 7px; margin-bottom:-7px;}



.fullSlide .hd ul{text-align: center;}



.fullSlide .hd ul li{cursor: pointer;display: inline-block; width: 400px;height: 7px;overflow: hidden;background: #434343; text-indent:-999px; float:left;}



.fullSlide .hd ul .on{background: #01479d;}







.news{width:1208px; margin:auto; margin-top:40px; margin-bottom:40px;}



.news ul li{margin:0 1px; float:left; width:300px; position:relative;}



.news ul li a img{width:300px; height:195px; margin-bottom:1px; display:block;}



.news ul li a em{position:absolute; left:0; top:0; width:300px; height:195px; display:block; background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fffffff,endcolorstr=#7Fffffff); color:#ffffff; font-style:normal; font-size:20px; display:block;}



.news ul li a:hover em{display:none;}



.news ul li a .news-info{padding:20px; background:#f5f6fa; color:#a7a7a7;}



.news ul li a .news-info h3{color:#000000; font-weight:normal; margin-bottom:5px; font-size:14px;}



.news ul li a:hover .news-info{background:#313131;}



.news ul li a:hover .news-info h3{color:#ffffff;}







.about{ padding-bottom:60px; text-align:center; color:#000;}



.about h2{font-size:31px; font-weight:normal;}



.about p{margin-top:15px;font-size:16px;}



.about .abitem{width:1208px; margin:auto; margin-top:50px; margin-bottom:40px;}



.about .abitem li{width:294px; position:relative; margin:0 4px; float:left;}



.about .abitem li a{}



.about .abitem li a em{position:absolute; left:0; top:0; width:294px; height:100px; line-height:100px; display:block; background: rgba(211,172,17,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fd3ac11,endcolorstr=#7Fd3ac11); color:#ffffff; font-style:normal; font-size:20px; display:none;}



.about .abitem li a:hover em{display:block;}



.about .abitem li a img{width:294px; height:100px; display:block;}



.about .abitem li a span{display:block; text-align:center; font-size:15px; color:#ffffff; margin-top:15px;}



.about a.more{border:1px solid #3b3b3b; font-size:16px; color:#000; padding:10px 35px; border-radius:10px; display:inline-block;}



.about a:hover.more{border:1px solid #01479d;color:#01479d}

.about .abitem li a:hover div{position:absolute;display:block;width:294px;height:100px;background:#000;opacity:0.5;top:0}









.cases{padding-bottom:50px;margin-bottom:30px; text-align:center;background:#f5f5f5;}



.cases h2{font-size:31px; font-weight:normal; color:#1f2229;}



.cases p{margin-top:15px; color:#a9a9a9;font-size:14px;}

.cases p span{color:#00489d;font-size:16px;}



.casea-tabs{ font-size:12px;  margin:0px auto;margin-bottom:30px; text-align:left;width:750px;}



.casea-tabs a{color:#343434; padding:0 15px; height:36px; line-height:36px; display:inline-block;background:#eee; border-radius:5px;margin:0 5px;}



.casea-tabs a:hover{background: #000; color:#ffffff;}



.cases-show{ margin:auto;}



.cases-show li{width:16.666%; height:244px; float:left; position:relative;}



.cases-show li a{width:100%; }



.cases-show li a div{position:absolute; left:0; top:0; width:100%; height:100%; background: #000; color:#ffffff; font-size:12px; display:none; cursor:pointer;opacity: 0.8; border-radius:5px;

}



.cases-show li a div p{ display:table;text-align:center; width:100%; overflow:hidden; margin-top:80px;font-weight:bold;line-height:200%;}



.cases-show li a div p span{display:table-cell; vertical-align:middle;}



.cases-show li a div p span em{ font-style:normal; color:#ffffff;}







/* IE7 Hooks */



.cases-show li a div p{+position:relative;}



.cases-show li a div p span{+position: absolute; +top: 50%;}



.cases-show li a div p span em{+position: relative; +top:-50%; +left:-50%}







.cases-show li a:hover div{display:block;}



.cases-show li a table{position:absolute; left:0; top:0; width:240px; height:135px; background: #d30404; color:#ffffff; font-style:normal; font-size:12px; display:none;}



.cases-show li a table td{vertical-align:middle; text-align:center; width:240px; height:135px;}



.cases-show li a:hover table{display:block;}



.cases-show li a img{width:99%;height:170px; border-radius:5px; }



.cases-more{margin-top:40px;text-align:center;}



.cases-more a{border:1px solid #717171; font-size:16px; color:#717171; padding:10px 35px; border-radius:10px; display:inline-block;}



.cases-more a:hover{border:1px solid #01479d; color:#01479d;}







.filters { margin:auto;}



.filters .casea-tabs .active{background: #222222; color:#ffffff;}



.filters .container {width:100%;position:relative;}



.filters .container a {	display:block;}







.cases-page{padding:60px 0; background:#f8f8f8; text-align:center;}



.cases-page p{margin-top:10px; color:#1e1e1e; font-size:19px;}



.cases-page-tabs{ font-size:12px; width:1200px; margin:auto; margin-top:50px; margin-bottom:40px; text-align:left; padding-bottom:10px; border-bottom:1px solid #d9d9d9;}



.cases-page-tabs a{color:#343434; padding:0 15px; height:30px; line-height:30px; display:inline-block; margin-right:7px;}



.cases-page-tabs a:hover{background: #d71212; color:#ffffff;}



.cases-page-show{width:1220px; margin:auto;}



.cases-page-show li{width:222px; float:left; position:relative; margin:0 10px 10px;}



.cases-page-show li a{width:222px; background:#ffffff;}



.cases-page-show li a img{width:222px; height:125px;}



.cases-page-show li a p{ font-size:14px; display:block; padding:12px 10px 20px; margin-top:0; color:#3f3f3f;}



.cases-page-show li a p em{ font-size:12px; color:#909090;}



.cases-page-show li a:hover{width:222px; background:#313131;}



.cases-page-show li a:hover p{color:#ffffff;}



.cases-page-show li a:hover p em{ color:#ffffff;}



.cases-page-show li a span{position:absolute; left:0; top:0; width:222px; height:125px; display:block; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); color:#ffffff; font-style:normal; font-size:20px; display:none;}



.cases-page-show li a span img{width:26px; height:24px; padding-top:52px;}



.cases-page-show li a:hover span{display:block;}







.filters2 {width:1220px; margin:auto;}



.filters2 .cases-page-tabs .active{background: #d71212; color:#ffffff;}



.filters2 .container {width:100%;position:relative;}



.filters2 .container a {display:block;}







.page-nav{ margin-top:35px; text-align:center;}



.page-nav a{display:inline-block; padding:8px 15px; background:#ffffff; color:#d71212; margin:0 3px;}



.page-nav a:hover, .page-nav a.on{display:inline-block; padding:8px 15px; background:#d71212; color:#ffffff;}







.process{background:#222328; padding:60px 0; text-align:center; color:#ffffff;}



.process h2{font-size:31px; font-weight:normal;}



.process p{margin-top:15px;}



.process-box{background:url(../images/process-bg.png) no-repeat left bottom; padding-bottom:65px; color:#ffffff; width:1200px; height:135px; +height:155px; overflow:hidden; margin:auto; margin-top:50px;}



.process-box ul li{float:left; padding:0 25px 0 85px; text-align:left; overflow:hidden;}



.process-box ul li h3{font-size:20px; font-weight:normal; margin:10px 0;}



.process-box ul li p{ line-height:2.7;}



.process-box ul li.one{ width:317px;}



.process-box ul li.two{ width:310px;}



.process-box ul li.three{ width:241px;}



.process-box2{color:#ffffff; width:1200px; overflow:hidden; margin:auto;}



.process-box2 ul li{float:left; padding:0 25px 0 85px; text-align:left; overflow:hidden;}



.process-box2 ul li h3{font-size:20px; font-weight:normal; margin:10px 0;}



.process-box2 ul li p{ line-height:2.7;}



.process-box2 ul li.one{ width:317px;}



.process-box2 ul li.two{ width:310px;}



.process-box2 ul li.three{ width:241px;}







.client{background:#222328; padding:0 0 60px 0; text-align:center; color:#ffffff;}



.client h2{font-size:31px; font-weight:normal;}



.client p{margin-top:15px;}



.client-box{ margin-top:50px;}



.client-box img{ margin-bottom:50px;}







.about-page{}



.about-box1{padding:60px 0; height:500px; background:#ffffff; color:#333333;}



.about-box1 .w1200{width:600px; margin:auto; position:relative; padding-right:600px;}



.about-box1 video{ position:absolute; right:0; top:40px; width:550px;}



.about-box1 h2{font-size:26px; font-weight:normal; margin-bottom:10px;}



.about-box1 h3{font-size:19px; font-weight:normal; margin-bottom:60px;}



.about-box1 p{font-size:12px; font-weight:normal; line-height:3.5; text-indent:2em;}







.about-box2{padding:60px 0; height:400px; background:#f8f8f8; color:#333333;}



.about-box2 .w1200{width:550px; margin:auto; position:relative; padding-left:650px; text-align:right;}



.about-box2 img{ position:absolute; left:0; top:60px;}



.about-box2 h2{font-size:26px; font-weight:normal; margin-bottom:10px;}



.about-box2 h3{font-size:19px; font-weight:normal; margin-bottom:30px;}



.about-box2 p{font-size:12px; font-weight:normal; line-height:3.5; text-indent:2em;}







.about-box3{padding:60px 0; background:#ffffff; color:#333333;}



.about-box3 .w1200{width:1200px; margin:auto; text-align:center;}



.about-box3 h2{font-size:26px; font-weight:normal; margin-bottom:10px;}



.about-box3 h3{font-size:19px; font-weight:normal; margin-bottom:40px;}







.about-box4{padding:60px 0; background:#f8f8f8; border-top:1px solid #ebebeb; color:#333333;}



.about-box4 .w1200{width:1204px; margin:auto; text-align:center;}



.about-box4 h2{font-size:26px; font-weight:normal; margin-bottom:10px;}



.about-box4 h3{font-size:19px; font-weight:normal; margin-bottom:40px;}



.about-box4 ul{width:1204px; margin:auto;}



.about-box4 ul li{ float:left; width:297px; margin:0 2px;}



.about-box4 ul li a{}



.about-box4 ul li a img{ width:297px; height:195px;}



.about-box4 ul li a span{ display:block; text-align:center; color:#333333; font-size:19px; margin-top:15px;}







.case-item{background:#222328; margin-top:70px; padding:110px 0; color:#ffffff;}



.case-item .w1200{width:400px; min-height:400px; margin:auto; padding-right:800px; position:relative;}



.case-item .case-show{ position:absolute; right:0; top:0; background:#000000; width:600px; height:365px; overflow:hidden;}



.case-item .case-show video{width:600px; height:365px;}



.case-item h3{font-size:19px; font-weight:normal; margin-bottom:15px;}



.case-item p{font-size:12px; font-weight:normal; margin-bottom:10px; line-height:3;}



.case-item a.back{font-size:14px; height:57px; width:57px; line-height:57px; border-radius:57px; font-weight:normal; background:#d40000; color:#ffffff; display:inline-block; text-align:center; margin-top:15px;}







.footer{border-top:5px solid #bf0a24; padding:40px 0; text-align:center;display:block;overflow:hidden; background:#222222; color:#626262;}



.footer p{margin:5px 0;}



.footer p a{ color:#626262;}



.footer p a:hover{ text-decoration:underline;}



.ft-contact{font-size:17px;}



.ft-info{font-size:21px;}



.ft-icp{}







.fudong{position:fixed; right:0; top:200px; z-index:999;}



.fudong ul li{margin-bottom:1px; position:relative;}



.fudong ul li a{display:block;}



.fudong ul li a img{ width:90px; height:90px; display:block; overflow:hidden;}



.fd-weixin{}



.fd-weixin a img.qrcode{ display:none; width:146px; height:134px; position:absolute; right:100px; top:-22px;}



.fd-weixin a:hover img.qrcode{ display:block;}



.fd-tel{}



.fd-tel a img.telpic{ display:none; width:258px; height:72px; position:absolute; right:95px; top:9px;}



.fd-tel a:hover img.telpic{ display:block;}







.clearfix:before,



.clearfix:after{content: '';display: table;}



.clearfix:after{clear: both;}



.server{margin:50px;}

.server img{display:block;margin:0px auto;}



h1 {font-size: 30px;letter-spacing: 3px;color: #01479d;font-weight:normal;text-transform: uppercase;margin-bottom: 15px;text-align:center;}

.section-title h3{font-size: 20px;letter-spacing:1px;color: #00a1e9;font-weight:normal;text-transform: uppercase;text-align:center;margin-bottom:10px;}

.section-title h1{margin-bottom:15px;}

.section-title{padding:35px 0 15px 0;}

.section-title .border {

background: none repeat scroll 0 0 #999999;

display: block;

height: 2px;

margin: 0 auto;

width: 200px;

margin-bottom: 20px}

.seporject{width:1219px;margin:0 auto;display:block;margin-bottom:60px;overflow:hidden;}

.seporject div{width:313px;height:284px;border-bottom:1px solid #ccc;float:left;margin-right:140px;}

.seporject div h4{font-size:20px;color:#000;border-bottom:3px solid #ccc;line-height:40px;margin-bottom:20px;padding-left:10px;}

.seporject div.sdiv3{margin-right:0;}

.seporject div li{float:left;text-align:center;line-height:33px;margin:0 10px 10px 0;font-size:14px;}

.seporject div li a{display:block;width:90px;height:33px;}

.seporject div li a:hover{background:#eee;}







.news_list{width: 1180px;margin: 0 auto;padding:30px  0px;}

.news_img{display:block;overflow:hidden;}

.news_img li{float:left;margin-right:10px;background:url(../images/bg.jpg) no-repeat ;padding: 8px 8px 10px 8px;

}

.news_img img{width:166px;height:166px;}

.news-slider{padding-top:20px;}

.news-slider h3, .news-slider h3 a {color: #123b51;text-transform: uppercase;margin-top: 20px;text-align: center;font-size: 24.5px;font-weight:normal;}

.news-slider p {margin: 20px auto;text-align: center;width: 65%;font-size:15px}

.news_list .cases-more{width:170px;margin:20px auto;}



.Customer{width:100%;display:block;overflow:hidden;}

.Customer li{border:1px solid #ccc;text-align:center;float:left;width:16.6%;margin-right:-1px;margin-bottom:-1px;}

.Customer li img{width:100%;}



.footer_center{width:1500px;margin:0 auto;}

.footer_center h4{font-size:20px;border-bottom:2px solid #626262;line-height:40px;text-align:left;}

.about_us{float:left;width:400px;margin-right:150px;text-align:left;font-size:16px;}

.about_us p{line-height:200%;}

.contact_us{float:left;width:400px;}

.contact_us li{text-align:left;padding-left:30px;line-height:25px;font-size:18px;}



.messages{float:right;width:400px;text-align:left;}

.messages h4{margin-bottom:15px;}

.messages input{height:40px;border:none;background:#303030;margin-bottom:10px;vertical-align:middle;}

.messages .text1{width:215px;margin-right:10px}

.messages .text2{width:150px;}

.messages .text3{width:383px;}

.messages textarea.text4{height:80px;width:380px;margin-right:10px;background:#303030;border:none;vertical-align:middle;margin-bottom:10px;}

.messages input.text5{height:40px;width:90px;color:#fff;}

.messages  img{height:40px;margin-bottom:10px;margin-left:10px;}

.messages   a{color:#fff;}



#BDBridgeWrap{display:none;}





.bg_border{background:url(../images/defaultpic.gif);display: block;overflow: hidden;}





.friendlink {width:1180px;margin:0 auto;display:block;overflow:hidden;padding-bottom:20px;}

.friendlink h4{text-align:center;font-size:30px;}

.friendlink li{float:left;font-size:14px;margin:0 20px 20px 0;}