@import url('icomoon.css'); /* Import Vector Icons Stylesheet */
body{font-family:microsoft yahei,Arial,'微软雅黑'; } 
a{text-decoration:none; } a:hover{text-decoration: none; color:#286efa}
.iwidth{ width:1200px; margin:0 auto} .clear{ clear:both} .ohidd{
overflow:hidden;*zoom:1;} .blue,blue a,.box h5 a,.box h6 a,.box a.more,.crumbs
a{ color:#004499} .keylink,.keylink:link,.keylink:hover,.keylink:active {text-
decoration:underline;width:26px; height:22px; line-height:22px;
background:#fff; border:1px dotted #aaa;  text-align:center}
textarea{border:1px solid #DCDDDD; background:#fff;clear:both;color:#555;font-
size:14px;height:130px;padding:5px 0 0 5px;text-align:left;width:99%; margin-
bottom:8px} .input-text,input.date,input.endDate,.input-focus{border:1px solid
#DCDDDD; height:22px; padding:0 0 0 3px} input.date,input.endDate{background:
#fff url(/statics/css/img/input_date.png) no-repeat right 3px; padding-right:18px;font-
size:12px;}

.pad-6{padding:6px; overflow:hidden}.pad-10{padding:10px; overflow:hidden}.pad_10,.pad-lr-10{padding:0 10px}.pad-lr-6{padding:0 6px}

.ib, .ib-li li, .ib-a a, .ib-span span,.btn,.btn input,.photo-hot li,.Article-Tool a ,.photo-list li,.photo-channel .photo-slide .change i,.photo-channel .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next,.photo-cat .content h5 span.blue a,.submit{display:inline-block;zoom:1;*display:inline;}


/* about */
.main{ width:1000px; margin:0 auto; }
.pagebanner{ height:430px; text-align:center}
.pagebannerdy{ height:230px; text-align:center}
.ncontact{ background:url(../image/contactbg.jpg) repeat;  }
.contactbg{ overflow:hidden;*zoom:1;height:600px;background:url(../image/contact.png) no-repeat 0 0}
.contactbg table{ margin:320px auto 0; width:830px; color:#ff;}
.contactbg table td{ padding:0 0 0 40px; color:#fff; font-size:16px}
.contactbg a,.contactbg a:hover{ color:#fff;}
.contactbg a:hover{ text-decoration:underline}
.newscom{ height:437px; background:#f0f0f0; overflow:hidden;*zoom:1;}
.nxs{ width:515px; margin:81px 0 0; float:left}
.ncom{ height:276px; width:540px; float:left;margin:81px 0 0 21px; }
.ncom h2{ line-height:35px;}
.ncom h2 a{ font-size:18px; color:#333; font-weight:normal;}
.ncom .ndate{ color:#777777; font-family:Verdana;}
.ncom .desc{ height:125px; line-height:26px; color:#929292; margin:25px 0; padding-right:15px;}
 .share{ float:right; line-height:25px; height:25px; font-size:11px; font-family:Verdana;}
 .share a{ margin:0 5px; background:url(../image/share.jpg) no-repeat 0 center; width:16px; display:inline-block; height:25px;}
 .share a.tqq{ background-position:-27px 0;}
 .share i{ display:inline-block; font-style:normal; height:25px; float:left;}
.ncom .cmore{ background:#66c5b4; float:left; height:25px; width:102px; display:block; float:left; line-height:25px; color:#fff; font-family:Verdana; text-align:center;}


/* 头部 */
.header,.topbak{  position:relative; height:80px;}
.header{ width:100%; z-index:1000; background:#fff; opacity:0.9;filter:alpha(opacity=90);    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05);}
.header .logo{float:left; }
.header .logo a{float:left; height:80px; width:96px; background:url(../image/logo.png) no-repeat 0 0; display:block; text-indent:-999em;}
 

/* 导航 */ 
 
 .nav-site { height:80px; overflow:hidden;*zoom:1; float:right;}
 .nav-site li{float:left; height:80px; line-height:80px;color:#fff; width:115px; text-align:center; position:relative ; z-index:9;}
 .nav-site li a{color:#000;  font-size:14px; font-family:'微软雅黑'; text-decoration:none; }
 .nav-site li a span{ font-size:14px; }
 .nav-site li a:hover{text-decoration: none; color:#286efa;}
 .nav-site li font{ font-size:14px; display:none; text-align:center}
.nav-site li:hover span{ display:none}.nav-site li:hover font{ display:block}

 
.nav-site li ol{ width:400px;position:absolute;top:88px; left:0; z-index:99; display:none}
.header .nav-site li ol dd{ float:left; margin:0 3px; line-height:35px;}
.header .nav-site li ol dd a{ line-height:35px; background:url(/statics/css/img/ico.png) no-repeat 0px 3px; padding-left:10px; color:#555; font-size:12px}

.tbody{ overflow:hidden;*zoom:1; padding:0 0 20px}
.iservice{ height:428px; overflow:hidden;}

.itdbg{ margin-top:30px;}

.itit{ margin:52px 0 0px;  overflow:hidden;*zoom:1; text-align:center}
.itit h2 {  display:block; color:#6d6d6d;font-size:18px; font-weight:normal;line-height:30px; height:30px; background:url(../image/titbg.jpg) no-repeat center 0;}
.itit span{ color:#9d9d9d; font-family:"Verdana"; margin-right:3px; line-height:25px; }
.servicelist{ margin:33px 0 0; overflow:hidden}
.servicelist li{ width:250px; margin:0 10px; float:left; text-align:center; border-bottom:4px solid #fff; padding-bottom:25px;}
.servicelist li .serico{ height:120px; background:url(../image/web1.png) no-repeat center 0;}
.servicelist li h3{ color:#747474; font-family:Calibri; font-size:20px; margin:8px 0 12px;}
.servicelist li p{ height:45px; line-height:22px; color:#999999; font-size:14px;}
.servicelist li:hover{ border-bottom:4px solid #91d6c9;}
.servicelist li .s1{ background-image:url(../image/web1.png)}
.servicelist li:hover .s1{ background-image:url(../image/web2.png)}
.servicelist li .s2{ background-image:url(../image/graphic1.png)}
.servicelist li:hover .s2{ background-image:url(../image/graphic2.png)}
.servicelist li .s3{ background-image:url(../image/e-bussiness1.png)}
.servicelist li:hover .s3{ background-image:url(../image/e-bussiness2.png)}
.servicelist li .s4{ background-image:url(../image/mail1.png)}
.servicelist li:hover .s4{ background-image:url(../image/mail2.png)}

.inews{  overflow:hidden;}
.inews dl{ margin:50px 0 60px; overflow:hidden}
.inews dt{ float:left; width:234px; margin-right:2px;}
.inews dd{ float:left; height:196px; width:844px;}
.ilistnews{ overflow:hidden;*zoom:1;}
.ilistnews li{ width:50%; height:74px; margin-bottom:40px; float:left}
.ilistnews li span,.showdate span{ display:block; width:74px; height:74px; text-align:center; border-right:1px solid #e3e3e3; float: left; margin-right:16px;}
.ilistnews li span em,.showdate span em{ font-size:18px; color:#999; display:block; font-style:normal}
.ilistnews li span i,.showdate span i{ font-size:36px; color:#66c5b4; font-weight:bold; display:block; font-style:normal; width:100%; height:50px; line-height:50px;}
.btit{ width:330px; float:left; height:90px; overflow:hidden;}
.btit h3 a{ font-size:14px; color:#666; font-weight:normal}
.btit h3 a:hover{text-decoration:underline;color: #F00}
.btit p{ font-size:12px; color:#a9a9a9; margin-top:10px; line-height:22px;}



/*---banner图---*/
.bannerbox{width:100%;position:relative; overflow:hidden;}
.banner{width:100%;overflow:hidden; height:500px;position:relative;}
.banner ul{margin:0px; padding:0px; position:relative;}
.banner ul li{position:absolute;top:0px;left:0px; width:100%; height:500px;}
.banner ul li img{width:1900px; position:relative; left:50%; margin-left:-950px; display:block;}
.bannerdot{position:absolute; width:100%; text-align:center;z-index:999; bottom:20px;}
.bannerdot a{ display:inline-block; margin:0px 5px; height:6px; width:35px; line-height:1000px;font-size:0;background:#FFF; overflow:hidden;}
.bannerdot a.cur{background:#F00; }
.banner ul li h1{position: absolute; top: 144px; left:50%;margin-left:-215px; color: rgb(255, 255, 255);font-size:73px;display: block;}
.banner ul li h3{position: absolute; top: 270px; color: rgb(255, 255, 255); left:50%;margin-left:-85px;font-size: 28px;}
.banner ul li h5{position: absolute; top: 245px;left:50%;margin-left:-130px;font-size: 19px;color: #FFF;}
.banner ul li .button{font-weight:400;text-decoration: none;cursor: pointer;border: 2px solid #fff; position: absolute; top: 336px; left:50%;margin-left:-75px;font-size: 16px; line-height: 16px; padding:16px 40px;display:block;color:#FFF;border-radius:5px;}

/* 新闻频道 */
.nlist{ margin:50px 0 36px; width:1139px; overflow:hidden;}
.nlist li{ float:left; width:300px; color:#666; margin-bottom:10px; margin-right:60px; border-left: 1px solid #e5e5e5; padding:5px 0  5px 18px;  font-size:12px; overflow:hidden;*zoom:1;}
.nlist li h3 a{ color:#666666; font-size:14px; font-weight:normal}

.ldate{ color:#777777; line-height:30px;}
.nlist li .ldesc{ color:#a9a9a9; line-height:24px; height:50px; margin:10px 0 0px;}

.nlist li span{ float:right; color:#999999;}
.nlist li a{ color:#999999;}
.nlist li a:hover{text-decoration:none}
.npages{ height:30px; color:#999999; font-size:20px; text-align:center; margin:10px 0 55px;}
.npages span{ color:#333333}

.shownews{ background:#f0f0f0; padding:60px 0 70px;}
.showdate{ width:50px; float:left; }
.showcon{ width:646px; margin:0 30px; float:left; overflow:hidden;}
.showcom{ width:300px; border-left:1px solid #82cec0; padding-bottom:29px; float:left; padding-left:18px;}
.showcon h2{ font-size:20px; color:#66c5b4; margin-bottom:20px; margin-top:3px;}
.showcon .con{ line-height:26px; color:#888; margin-bottom:35px;}
.showcon img{width:100%; }
.showcom h3{ color:#66c5b4; font-size:14px;}
.showcom ul{ margin:23px 0 0;}
.showcom ul li{ margin-bottom:15px;}
.showcom ul li h4 a{ color:#666666; font-size:14px; font-weight:normal;}
.showcom li .desc{ color:#a9a9a9; margin:10px 0; line-height:24px;}
.showcom .d{ color:#777;}
.showdate span{ border:0; }
.showdate span i{ font-size:36px;}
.showdate span em{ font-size:16px; color:#999999;}

.s1{ background:url(../image/s1.jpg) no-repeat center 0; height:1080px;}
.s2{ height:524px;  background:url(../image/s2.jpg) no-repeat 0 0;}
.s3{ background:url(../image/s3.jpg) no-repeat center 0 #e7e7e7; height:516px;}
.s4{ height:506px;  background:url(../image/s4.jpg) no-repeat center 0;}
.stxt{ position:absolute; }
.s1 .stxt{ left:20px; top:150px; width:300px; color:#242424;}
.s2 .stxt{ left:68px; top:245px; width:441px; color:#666666;}
.s3 .stxt{ left:522px; top:263px; width:464px; color:#666666;}
.s4 .stxt{ left:51px; top:257px; width:446px; color:#666666;}

.bcf{ background:#fff;padding:10px 10px 20px; width:241px; overflow:hidden;*zoom:1; border-bottom:1px solid #ABDAD2;}
.ncase{ padding:47px 0 0px; background:#ffffff; overflow:hidden;}
#caselist{ margin-bottom:48px;}
.ncase li{ padding:0 0 0px; overflow:hidden;*zoom:1; }
.ncase li .thumb{ width:241px;  margin-bottom:10px; position:relative}
.ncase .ctm{ display:none;position:absolute; width:241px; height:100%; background: #66c5b4;opacity:0.6;filter:alpha(opacity=60); z-index:2; left:0; top:0;}
.ncase span.link{ z-index:3; display:none; background:url(../image/link.png) no-repeat 0 0; width:53px; height:53px; position:absolute; top:50%; left:50%; margin:-22px 0 0 -22px;}
.ncase li h3 a{ color:#313131; font-size:14px;}
.ncase li .desc{ color:#7b7b7b; margin:10px 0; line-height:24px; color:#7b7b7b;}
.ncase li .nmore{ color:#66c5b4; font-size:11px; font-family:Verdana}
.ncase li .nmore:hover{ text-decoration:underline}
.ncase li .jt{ background:url(../image/jt1.jpg) no-repeat 0 0; display:block; width:14px; height:14px; float:right;}
.ncase li .thumb a:hover .ctm,.ncase li .thumb a:hover .link{text-decoration: none; display:block}
.ncase li h3 a:hover{ text-decoration:none}
.ncase li .jt:hover{ background-image:url(../image/jt2.jpg);}

.casecon{ padding:0px 0 30px; overflow:hidden;*zoom:1; background:#ffffff;}
.simg{ height:50px;}
.casetit{ height:66px; line-height:66px; background:#fff; text-align:right;}
.casetit h3{ float: left; font-size:20px; color:#333; }
.casetit span{ background:url(../image/tel.jpg) no-repeat 0 center; padding-left:30px;margin:0 10px;}
.casetit a{ background:url(../image/qq.jpg) no-repeat 0 center; padding-left:25px; }
.casetit a:hover{ text-decoration:none}
.casetit span,.casetit a{ height:66px; display:inline-block;}
.ccon{ margin:30px 100px 55px; overflow:hidden; color:#333; line-height:26px;}
.ccon img{ max-width:100%;}
.cview{ display: block; height:35px; width:215px; font-size:16px; line-height:35px; text-align:center; color:#fff; background:url(../image/xqcur.png) no-repeat 0 0; margin:0 auto}
.cview:hover{ color:#fff;  background-image:url(../image/xqhover.png) ;} 

  
 
/* 分页 */
#pages { padding:14px 0 10px; font-family:Georgia }
#pages a { display:inline-block; height:22px; line-height:22px; color:#999; padding:0 5px}
#pages a.a1 {  padding:0 5px}
#pages a:hover {color:#286efa; text-decoration:underline }
#pages span { display:inline-block; height:22px; line-height:22px; color:#62a8d5;padding:0 5px}


/*link*/
.colli li{display:inline-block;zoom:1;*display:inline;overflow:hidden;vertical-align:middle;}
.links{ background:#f8f8f8; color:#888; height:80px; line-height:30px; padding-top:30px;}
.links a{color:#888; margin:0 3px;}

.itemli{ margin:0px 10px;}
.itemli li{padding:10px 0px;}
.itemli li a{background:url(/statics/css/img/bg_member_1.gif) no-repeat -5px -126px;font-weight:bold; padding-left:14px;color:#004499; font-size:13px;}
.pd_b0{padding-bottom:0px;}
/*内容摘要*/
.summary {background-color:#F6FAFD;border: 1px solid #DCDDDD;font-size: 14px;line-height: 23px;margin: 15px 0 0;padding: 12px 5px 6px;text-align: justify;text-indent: 2em;}

/*copyright*/
.footer1{background:#128ABC; color:#fff; border-top:0;}
.footer1 a{ color:#fff;}
.footer1 .links a{ margin:5px 2px;}

/*---通用版块标题---*/

/*---业务---*/
.CoreBusiness{ width:100%; height:420px;}
.CoreBusinesslist{width:1180px; margin:0px auto; overflow:hidden; padding-top:20px;}
.CoreBusinesslist ul{ margin:0px; padding:0px; width:1182px;}
.CoreBusinesslist ul li{ float:left;width:222px;height:248px;border:1px solid #DDD;overflow:hidden; position:relative; display:inline;margin-right:15px; margin-bottom:10px;text-align:center;border-radius:5px;}
.CoreBusinesslist ul li.last{margin-right:0;}
.CoreBusinesslist ul li img{ display:inline-block; width:190px; height:190px;}
.CoreBusinesslist ul li h3{ position:absolute; bottom:0px; width:100%; font-size:16px; text-align:center;padding:10px 0px; z-index:999;}
.CoreBusinesslist ul li h3 a{color:#999;}
.CoreBusinesslist ul li h3 a:hover{text-decoration: underline; color:#F00;}

/*---合作流程---*/
.cooperation{width:100%; padding:30px 0; position:relative;}
.process-wrap{ width:1180px;margin:0 auto;padding:30px 0 15px;}
.process { border-bottom: 1px dashed #e0e0e0; position: relative; height: 160px; }
.process:before, .process:after, .process-item:after { content: "\e285"; position: absolute; left: -8px; bottom: -4px; font-family: 'icomoon'; font-size: 16px; color: #ccc;}
.process:after { left: auto; bottom: -11px; right: -8px; content: "\e278"; }
.process-item { width: 25%;height: 160px; float: left; position: relative; }
.process-item:before { width: 1px; background: #e5e5e5; height: 82px; float: left; position: absolute; bottom: 0; left: 39px; content: ""; }
.process-item:after { bottom: -12px; left: 60%; content: "\e3b4"; font-size: 16px; background: none; }
.process-item .process-content { position: absolute; left: 85px; overflow: hidden; }
.process-item i { width: 32px; height: 32px; color: #7d7d86; font-size: 32px; float: left; padding: 20px; border-radius: 39px; border: 3px solid #e5e5e5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.process-item:hover i { background: #e84a52; color: #fff; border-color: #f28d93; }
.process-item h5 { font-weight: 400; font-size: 17px; margin: 16px 10px 8px 0; }


/*---我们的客户---*/
.Client{ width:100%;}
.Clientbox{ width:100%; padding:55px 0px 70px;}
.Clientlist{width:1179px; border:1px solid #e6e6e6;margin:0px auto; overflow:hidden; position:relative;}
.Clientlist ul{width:9999px; position:relative;}
.Clientlist ul li{float:left;width:1182px;overflow:hidden;}
.Clientlist ul li dl{width:1182px;}
.Clientlist ul li dl dd{ float:left; width:235px; height:165px; border:1px solid #e6e6e6; margin-left:-1px; margin-top:-1px; margin-bottom:-1px}
.Clientlist ul li dl dd img{ display:block;width:235px; height:165px;}

/*---案例---*/
.Case{ background:#f0eeed; padding:30px 0; width:100%; position:relative;}
.Casebox{width:1180px; margin:0 auto; display:none;}
.Caselist{margin:0px auto; width:92%; padding:0px; position:relative; overflow:hidden;}
.Caselist ul{ width:1180px; position:relative;}
.Caselist ul li{float:left;width:321px;margin-right:50px; padding-bottom:25px; display:inline; position:relative; overflow:hidden;}
.Caselist ul li p{ position:absolute; bottom:67px; background:url(../image/blackbg.png) repeat; width:90%; padding:10px 5%; color:#FFF; font-size:16px;display:none; overflow:hidden;}
.Caselist ul li h3{ font-size:18px; height:22px; overflow:hidden; color:#4c4c4c; padding-top:20px; text-align:center; font-weight:normal;}
.Caselist ul li img{display:block; width:100%;}

/*---底部---*/
.footlogo{width:100%;background:#128ABC;}
.footlogo .wrap{ width:1180px;height:55px; margin:0px auto; padding:15px 0px;}
.footlogo .ftimg{float:left;width:400px;}
.footlogo .ftimg img{float:left;}
.footlogo .ftimg span{ display:inline-block; font-size:15px; color:#FFF; padding-left:15px; padding-top:2px;}
.footlogo .socialnav{ float:right;padding-top:10px;}
.footlogo .socialnav li{ float:left;width:35px;height:35px;margin-right:10px;}
.footlogo .socialnav li a{display:block;font-size:0;width:35px;height:35px;background:url(../image/socialicon.png) 0 0 no-repeat;}
.footlogo .socialnav li a.twitter{background-position:0 0;}
.footlogo .socialnav li a.facebook{background-position:-50px 0;}
.footbg{ width:100%;color:#9b9b9b;}
.Links{width:1180px;margin:0px auto;font-size:12px;padding:5px 0;}
.Links a{ margin-right:16px;color:#9b9b9b; display:inline-block;}
.Links a:hover{text-decoration: underline; color:#286efa;}
/*.footer{width:1180px;margin:0px auto;padding:5px 0 10px;color:#8e8e8e; font-size:13px;}*/
/*.footer span{ float:right;}*/
/*.footer em{ padding:0px 10px;}*/
/*.footer a{ color:#8e8e8e;}*/
/*.footer a:hover{text-decoration: underline; color:#8e8fff;}*/


.body1024{ width:1007px;}
@media screen and (max-width:1250px  ){
.header{width:100%;}
.CoreBusinessbox{ width:100%;}
.CoreBusinesslist{ width:990px;}
.CoreBusinesslist ul{ width:100%;}
.CoreBusinesslist ul li{ width:190px;margin-right:10px;}
.CoreBusinesslist ul li p a{ padding:0px 3px;}
.CoreBusinesslist ul li img{ width:100%;}
.Caselistli{ width:310px; margin-right:29px;}
.Caselist{ width:990px;}
.Line:after{ margin-top:-10px;}
.pingjialist{ width:990px;}
.fanganlist{ width:990px;}
.fanganlist dl{ height:343px; overflow:hidden;}
.fanganlist dl dd span{ width:272px;}
.fanganlist dl dd{ width:272px; margin-right:85px;}
.fanganlist dl dd img{ width:100%; margin-left:-136px;}
.pingjialist dl dd{ width:310px; margin-right:26px;}
.pingjialist dl dd img{ width:100%;}
.Client h3{ width:990px;}
.Clientlist ul li dl dd{ width:243px; height:116px;}
.Clientlist{ width:975px;}
.Clientlist ul li{ width:990px;}
.Clientlist ul li dl dd img{ width:100%; height:116px;}
.newsclass{ width:990px;}
/*.footlogo p{ width:100%;}*/
/*.footlogo p img{ margin-left:10px;}*/
/*.Links{ height:auto; width:990px;border-top: solid 1px #333; margin-top:25px; padding-top:10px;}*/
/*.Links a{ display:inline-block;}*/
/*.footbg{background: url(/statics/css/cr_img7.jpg) repeat-x; height:auto;}*/
/*.footer { width:990px; padding-bottom:15px;border-top: solid 1px #333; margin-top:10px; padding-top:10px;}*/
.Ourcustomers dl{ width:100%;}
.nav dl span{ padding-right:10px;}
.nav ul li{ margin-right:8px; margin-left:0px;}
/*.footlogo p span{ width:500px;}*/
/*.footer span{ font-size:13px;}*/
.commonclass.newsclass span{ margin-right:80px;}
}
.beafter{overflow:hidden;padding:0 30px}
.beafter ul li {
	width: 49%;
	display: inline-block;
	font-size: 16px;
	background-color: transparent;
    border: 1px solid #e4eaec;
    padding: 10px 20px;
    color: #76838f;
    border-radius: 1000px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.beafter ul li a {
	max-width: 100%;
}