﻿
/*-------- body --------*/
body {color:#333;font-family:'Microsoft YaHei';font-size:14px;}
form,div,body,img,p,a,img,dl,dd,dt,table,tr,td,th,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;border:0;font-weight:normal;}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#C00;text-decoration:none;}
a:focus {-moz-outline-style: none;}
a:active{outline:none;text-decoration:underline;}

ul,li{list-style:none;margin:0;padding:0;}
input,textarea,select{color:#333;margin:0;padding:0;font-size:12px;font-family:"Microsoft YaHei";vertical-align:middle;}
input:focus,textarea:focus{outline:0;}
em, i {font-style: normal;}

a.link1{ color:#fff; text-decoration:none;}
a.link1:hover{color:#77852e;}

.clear {clear:both;height:0px;overflow:hidden;}
.clear5 {clear:both;height:5px;overflow:hidden;}
.clear10 {clear:both;height:10px;overflow:hidden;}
.clear20 {clear:both;height:20px;overflow:hidden;}
.clear30 {clear:both;height:30px;overflow:hidden;}

.fl {float:left;}
.fr {float:right;}


.wrap {width:1100px; margin:0  auto;}
.w1000 {width:1000px; margin:0  auto;}

.header , .content , .footer { width:1200px; margin:0 auto;  }

/* top */

.header_top {width:100%;height:110px; position:fixed; background:#fff; top:0; z-index:1000;}
.header_top h1{ float:left; margin-top:12px;}
/*
.nav{width:800px;float:right;}
.nav ul{}
.nav li{ float:left;}
.nav li a{display:block; height:110px;line-height:110px;font-size:16px;color:#333;padding:0 20px;}
.nav li a:hover,.nav li.cur a{color:#f66c0c;}
*/

.nav{width:800px;float:right;position:relative;z-index:1; margin-top:40px;}
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{display:block;font-size:16px;color:#333;margin:0 20px;font-weight:normal;border-top:1px solid #fff;height:42px;line-height:42px;}

.nav .sub{ display:none; width:120px; left:0; top:42px;  position:absolute; background:#fff; line-height:34px;box-shadow: 0 10px 10px #999;}
.nav .sub li{ zoom:1; text-align:center; font-size:12px;}
.nav .sub a{ display:block; padding:0 10px;}
.nav .sub a:hover{ background:#f66c0c; color:#fff;}

.nav .on h3 a{color:#f66c0c;border-top:1px solid #f66c0c;}
.nav .cur h3 a{color:#f66c0c;border-top:1px solid #f66c0c;}



/* banner */

.banner{ margin-top:110px;}

.fullSlide {width:100%;position:relative;height:600px;}
.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:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:600px;}

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; text-align:center;}	
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }	
.fullSlide .hd ul li{ cursor:pointer;display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; overflow:hidden;line-height:9999px;background:#FFF;margin: 15px 5px 0px 5px;border-radius: 10px;}	
.fullSlide .hd ul .on{background:#F60;}

.fullSlide .prev,
.fullSlide .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:3%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }


/*search*/

.search { overflow:hidden; width:100%; height:30px; padding:20px 0; background-color:#f4f4f4;}
.search p{ float:left; font-size:13px; color:#333; line-height:30px;}
.search p a{ color:#333;padding: 0 8px;}
.search p a:hover{ text-decoration:underline;}
.search .sbox{ overflow:hidden; float:right; width:290px; height:30px; line-height:30px;}
.search input{ display:block; float:left; width:208px; height:28px; line-height:28px; border:1px solid #e5e5e5; font-size:13px; color:#333; border-right:none; padding:0 10px;}
.search span{ display:block; width:60px; height:30px; float:right; cursor:pointer; background:#C00; text-align:center; font-size:13px; color:#fff;}

.h-ti{text-align:center; padding:40px 0;}
.h-ti div{color:#333;font-size:40px; font-weight: normal;}
.h-ti p{font-size:16px;color:#666;margin-top:10px;text-transform:uppercase;}
.h-ti p span{display:inline-block;padding:0 70px;position:relative;z-index:1;}
.h-ti p span:before,.h-ti p span:after{content:'';position:absolute;width:60px;height:1px;background-color:#f66c0c;top:50%;}
.h-ti p span:before{left:0;}
.h-ti p span:after{right:0;}
.h-ti i{ font-size:14px; padding-top:20px; display:block; line-height:30px;}


/****  我们能做什么  ****/

.i-service {}
.i-service ul li { width:280px;float:left; margin:0 8px 30px 8px;background:#fff;box-shadow:0 0 10px 4px rgba(0,0,0,.05);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out; overflow:hidden;}
.i-service ul li:hover {box-shadow:0 0 10px 4px rgba(0,0,0,.1);}
.i-service ul li .t1 img{width:280px; height:160px;transition: all 0.3s linear 0s;}
.i-service ul li .t2 { padding:15px 15px 15px 15px; font-size:16px; font-weight:bold;}
.i-service ul li .t3 { padding:0px 15px 15px 15px;}
.i-service ul li .t1:hover img{transform: scale(1.08);}


/****  选择我们的理由  ****/

.reasonBox{background:url(../images/zuo9.jpg) no-repeat top center; height:420px;}
.reasonBox li {width: 210px;float: left; margin:0 40px;}

.reasonBox li .line { height:60px; width:1px; background:#ff5b00; margin:0 auto;}
.reasonBox li .s-main {width: 210px;cursor:pointer;height:290px; background:#fff; text-align:center;box-shadow:0 10px 10px 5px rgba(0,0,0,.1);}
.reasonBox li .bg { background:#333;}
.reasonBox li .t1 { padding-top:50px; padding-bottom:30px;}
.reasonBox li .t1 img{width:60px;}
.reasonBox li p{ line-height:30px;}

.reasonBox li .bg p { color:#fff;}


/****  秦智轩案例  ****/

.i-case {}

.i-case .hd{ height:65px; background:#eee;}
.i-case .hd .bg { width:1000px; margin:0 auto;}
.i-case .hd ul{}
.i-case .hd ul li{ float:left;width:500px; cursor:pointer; text-align:center;height:62px; line-height:62px; font-size:18px;color:#333; border-top:3px solid #eee;letter-spacing:10px;}
.i-case .hd ul li.on{border-top:3px solid #f66c0c;background:#b9b9b9; color:#f66c0c;}

.i-case .bd .bg { width:1000px; margin:0 auto;box-shadow:0px 8px 10px 5px rgba(0,0,0,.1); background:#fff;}

.i-case .bd .bg ul { padding:20px;}
.i-case .bd .bg ul label { padding:0 25px; line-height:36px; }


.i-case .bd .bg ul .i-btn{ width:120px; margin:0 auto; background:#FFF; display:block; height:36px; line-height:36px; text-align:center; border:1px solid #f66c0c; border-radius:36px; color:#f66c0c; cursor:pointer;}
.i-case .bd .bg ul .i-btn:hover{ background:#f66c0c;color:#fff;}


.i-case .i-c-bd ul{ margin-top:40px;}
.i-case .i-c-bd li{width:270px;height:224px;float:left; margin:0 13px 20px 13px;overflow: hidden;background:#fff;box-shadow:0 0 10px 4px rgba(0,0,0,.05);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out; overflow:hidden;}
.i-case .i-c-bd li:hover {box-shadow:0 0 10px 4px rgba(0,0,0,.1);}
.i-case .i-c-bd li img{display: block;width:270px;height:170px;transition: all 0.3s linear 0s;}
.i-case .i-c-bd li span{font-size:14px;display: block;text-align: center;line-height:54px;}


/****  about  ****/

.i-about {background:url(../images/zuo14.jpg) no-repeat top center; height:530px;}

.i-about-l { width:620px; float:left;}

.i-about-l {}
.i-about-l .hd{margin-top:30px;}
.i-about-l .hd ul {}
.i-about-l .hd ul li{ float:left; cursor:pointer; background:#333; height:60px; color:#fff; width:310px; text-align:center;box-shadow:0 10px 10px 5px rgba(0,0,0,.1); font-size:20px; padding-top:10px; line-height:24px;}
.i-about-l .hd ul li span{font-size:12px;text-transform: uppercase;}
.i-about-l .hd ul li.on{background:#ff5b00; }

.i-about-l .bd {height:320px;margin-top:50px;background:#fff;box-shadow:0 10px 10px 5px rgba(0,0,0,.1);}
.i-about-l .bd li img{width:620px; height:320px;}


.i-about-r { width:480px; float:right; padding-top:90px;}
.i-about-r div { text-align:center;}
.i-about-r p { font-size:18px; line-height:40px; margin-top:40px; text-indent:2em;}

/****  知名合作企业  ****/

.i-partner {}
.i-partner .cd { width:70px;float:left;}
.i-partner .cd .next{margin-top:130px; display:block; width:70px; height:70px; background:url(../images/icon38.png) no-repeat;cursor:pointer;}

.i-partner .bd { width:1060px; float:left;}
.i-partner .bd ul{}
.i-partner .bd ul li{width:149px;float:left;margin:0 10px 20px 15px;overflow: hidden;border:1px solid #ddd;}
.i-partner .bd ul li img{display: block;width:149px;height:149px;transition: all 0.3s linear 0s; }
.i-partner .bd ul li:hover img{transform: scale(1.08);}
.i-partner .gd {width:70px;float:left;}
.i-partner .gd .prev{margin-top:130px; display:block; width:70px; height:70px; background:url(../images/icon39.png) no-repeat;cursor:pointer;}


.i-news { padding-bottom:50px;}
.i-news ul li { width:580px; float:left; margin:0 10px;}
.i-news dl{ font-weight:normal; height:110px;}
.i-news dl dt { width:80px; float:left; background:#eee; text-align:center; padding:20px 0; margin-right:10px;}
.i-news dl dt .t1{ font-size:18px;}
.i-news dl dt .t2{ font-size:14px;font-weight:normal;}
.i-news dl dd {float:left;width:80%;}
.i-news dl dd .t1{ font-size:18px; padding-bottom:10px;}
.i-news dl dd .t1 a{ color:#333;}
.i-news dl dd .t1 a:hover{ color:#C00;}
.i-news dl dd .t2{ font-size:14px;font-weight:normal;color:#999;}


.i-news .i-btn a{ width:120px; margin:0 auto; display:block; height:36px; line-height:36px; text-align:center; border:1px solid #f66c0c; border-radius:36px; color:#f66c0c;}
.i-news .i-btn a:hover{ background:#f66c0c;color:#fff;}




.footWrap{ background:url(../images/foota.jpg) no-repeat top center;height:400px;}

.fnr{ width:380px; padding-top:140px; text-align:center; font-size:22px; line-height:36px;}
.fnr span{ color:#F00;}

.code {width:260px;overflow:hidden; margin-top:50px;}
.code img{ display:block; width:260px; height:260px;}


.f_wz{ font-size:16px; line-height:32px; color:#fff; padding-top:110px; width:520px;overflow:hidden;}
.f_wz .t1 {background:url(../images/ico01.png) no-repeat ; text-indent:45px; margin-bottom:20px;}
.f_wz .t2 {background:url(../images/ico02.png) no-repeat ; text-indent:45px;margin-bottom:20px; width:50%;float:left;}
.f_wz .t3 {background:url(../images/ico03.png) no-repeat ; text-indent:45px;margin-bottom:20px; width:50%;float:left;}
.f_wz .t4 {background:url(../images/ico04.png) no-repeat ; text-indent:45px;margin-bottom:20px; width:50%;float:left;}
.f_wz .t5 {background:url(../images/ico05.png) no-repeat ; text-indent:45px;margin-bottom:20px; width:50%;float:left;}


.copy { width:800px; margin:0 auto; text-align:center; border-top:1px solid #666; padding-top:20px; color:#fff;}
.copy a{color:#fff; text-decoration:underline;}

.i-c-bd form{ padding-top:30px;}

.sou-s { width:320px;float:left; margin:0 8px 20px 8px;background:#fff;box-shadow:0 0 10px 4px rgba(0,0,0,.05);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out; overflow:hidden; padding:25px 20px;}
.sou-s .title h2 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;    display: block;}

.sou-s:hover {box-shadow:0 0 10px 4px rgba(0,0,0,.1);}
.sou-s .info { font-size:12px; padding:8px 0; color:#999;}