/* CSS Document */
body{}

.mTop {
   border-bottom:2px solid #e8e8e8;
}
.footNav {

    border-top: #e8e8e8 2pt solid;}

.w1160{margin: 0 auto;  width: auto;
    max-width: 1160px;}
	
	.mpageimg{display:none}
	.pageimg{width: 1160px; height: 571px; margin: 40px auto 0 auto; display: block; background: #ccc;}
	.pageimg img{width:100%;height: 100%; display:block}
/*案例*/

/*案例分类*/

.pagelist{margin:30px auto; padding:30px 0px; padding-bottom:60px;}
.pagelist li{float:left; margin:8px;border:1px solid #dedede; padding:10px 20px; font-size:16px;}
.pagelist li.thisclass a,.pagelist li.thisclass {color: #ffd200;}
.pagelist li a{ display:block; font-size:16px;}
.pagelist li a:hover{color: #fff; background:#ffd200;}


/*案例栏目*/
.casesort{ width: 1160px; margin: 100px auto 0;}
.casesort ul{ border-top:1px solid #e8e8e8; padding-top:20px;}
.casesort li{ float:left;}
.casesort li a{margin-left:20px;  color:#929292;}
.casesort li a:hover{color:#F90}





.pcase{border-bottom:2px solid #e8e8e8; padding:50px 0px}
.pcase_type{ width: 1160px; margin: 0 auto; overflow: hidden; position: relative;}
.pcase_type ul{ position: relative; width: 98%; overflow: hidden; font-size: 12px; line-height: 22px; height: 22px;}
.pcase_type span{ float: left; color: #000;  width:250px; font-size:20px; cursor:pointer;}
.pcase_type span.opens:hover{color: #ffd200;}


.pcase_type .box{float:left; width:250px;  padding-top:20px;}
.pcase_type .box a{display:block; font-size:18px; color:#858889; line-height:35px}
.pcase_type a:hover{ text-decoration: underline;}
.pcase_type i{ position: absolute; top: 0px; right: 5px; width:22px; height: 22px; cursor: pointer; background: url("imgs/arrow_c.png") no-repeat center;}
.pcase_type.open ul{ height: auto;}
.pcase_type.open i{ background: url("imgs/close.png") no-repeat center;}
.pcase_type .more{ color: #000; text-decoration: underline;}

.clist i{ position: absolute; top: 0px; right: 5px; width:22px; height: 22px; cursor: pointer; background: url("imgs/close.png") no-repeat center;}
.clist.open i{ background: url("imgs/close.png") no-repeat center;}

/*案例详细介绍*/

.pcaseinfo{  position: relative; padding:42px  0px}

.casesinfo{overflow:hidden}
.casesinfo .casetitle{width:30%}
.casesinfo .casetitle h1{ font-size:30px; line-height:56px}
.casesinfo .casetitle h2{font-size:22px; line-height:44px;}
.casesinfo .casestitle{width:70%}
.casesinfo .casestitle h3{font-size:22px; line-height:56px}
.casesinfo .casestitle .box{font-size:18px; color:#858888;line-height:36px; padding-top:6px;}



.caseinfo{padding:45px 0px; padding-bottom:20px;}

.caseinfo .case-info{ width:50%;}

.sharetitle{float:left}



.cmore{ padding:115px 0px; }
.cmore .bntnext{ position:relative;}
.cmore .bntnext .bntall{position:absolute; left:50%; margin-left:-12.55%}

.bntnext .moreBtn {
   
    width: 200px;
}
.bntnext .bntall .moreBtn {
   
    width: 288px;
}

.cnt {
   
    display: block;
    width: 292px;
    height: 54px;
    font-size: 22px;
    line-height: 54px;
    text-align: center;
    background-color: #ffd200;
     margin:0 auto; margin-top:22px;
}
.cnt:hover{ color: #fff;}
.glike{ padding:60px 0px;  border-top:2px solid #e8e8e8; background:#fff;}
.glike h1{ font-size:24px;}
.glike .listPic{margin-top:60px;}


/*案例列表*/


.listPic{ width: 1160px; margin: 0 auto 0;}
.listPic ul{ width: 1210px; overflow: hidden;}
.listPic ul li{ position: relative; float: left; overflow: hidden; height: 374px; margin: 0 40px 40px 0; display:block;}
.listPic ul li img{width:560px;}

.listPic ul li .ols{ position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; color: #000; font-size: 21px; line-height: 36px; background-color:#ffd200; white-space: nowrap; opacity:0;
-webkit-transform: scale(0.25);	transform:  scale(0.25);
transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.listPic ul li .ol1{ position: absolute; top: 45px; left: 45px;}
.listPic ul li .ol1 h5{ font-size: 30px;}
.listPic ul li .ol1 h6{ font-size: 21px;}
.listPic ul li .ol2{ position: absolute; bottom:70px; left: 45px; }
.listPic ul li i{ position: absolute; top: 45px; right: 45px; width: 25px; height: 25px; background: url("imgs/arrow_r.png") no-repeat center; -webkit-transition: all 100ms linear 0ms; -moz-transition: all 100ms linear 0ms; transition: all 100ms linear 0ms;}
.listPic ul li i:hover,.listPic ul li i:focus{ background:url("imgs/arrow_r_1.png") no-repeat center;}
.listPic ul li:hover .ols{ opacity: 1;
-webkit-transform: scale(1); transform: scale(1);}
.listPic .moreBtn{ margin: 135px auto 215px;}


/*优势*/

.advant {background:#f7f7f7; padding:210px 0px; font-size:30px; line-height:54px; color:#858889; padding-bottom:140px;}


.advant .column001{}
.advant .column001 li{float:left; width:50%; font-size:18px; line-height:40px;}
.advant .column001 li .box1{padding-right:30px;}
.advant .column001 li .box2{padding-left:30px;}
.advant h1{ font-size:36px; line-height:86px; color:#000;}
.advant #column1{ padding-bottom:210px;}

.advant_business { padding:95px 0px; font-size:24px; line-height:46px; color:#858889; padding-bottom:10px; background:#fff;}
.advant_business h1{ font-size:36px; line-height:86px; color:#000; padding-bottom:70px;}

.advant_adtxt {padding-top:80px; font-size:24px; line-height:54px;margin-bottom:120px; text-align:center;}
.advant_adtxt p{ color:#9a9999;}
.advant_adtxt span{background: url("imgs/arrow_r_2.png") right no-repeat; width:26px; height:23px; padding:10px; margin-left:20px;}
.advant_adtxt a{ color:#9a9999;}
.advant_adtxt a:hover{color:#ffd200;}


.advant_list{ padding-top:50px;}
.advant_list h1{ font-size:36px; line-height:40px; padding-bottom:60px;}
.advant_list h2{font-size:30px;line-height:40px; padding:40px 0px; text-align:center;}
.advant_list .tbox{ padding-bottom:80px;}
.advant_list .tbox p{ font-size:18px; color:#858889; padding:20px 0px;}
.advant_list .ibox{padding-top:60px;padding-bottom:80px;}

.advant_list .cbox{ width:1350px; border-bottom:2px solid #e8e8e8; padding-bottom:140px; margin-bottom:120px;}

.advant_list .cbox li{ float:left; width:198px; text-align:center; font-size:24px; position:relative}
.advant_list .cbox li A .imgs{border-radius: 50%;width: 120px;height: 120px; background:#e8e8e8;}
.advant_list .cbox li A:hover .imgs{ background:#ffd200;}
.advant_list .cbox li .imgs img{margin-top:30px;}
.advant_list .cbox li .txt{padding:35px 0px;}
.advant_list .cbox li i{background:url("../images/a_a.png") no-repeat; width:12px; height:13px; display:block; position: absolute; right:32px; top:55px;}
.advant_list .cbox p{font-size:18px; color:#858889; padding:20px 0px;}

.advant_list .part2{ width:1290px;}

.advant_list .part2 li{ float:left; width:135px; text-align:center; font-size:24px; position:relative; margin-right:120px; padding-bottom:80px;}
.advant_list .part2 li .imgs{ padding-bottom:20px;}
.advant_list .part2 li .txt{}

.advant_list .abox{font-size:30px; background:#ffd200; padding:45px 0px; text-align:right; padding-right:85px; margin-bottom:115px;}
.advant_list .abox b{  text-decoration:underline; font-weight:normal;}
.advant_list .abox span{background: url("imgs/arrow_r.png") right no-repeat; width:26px; height:23px; padding:10px; margin-left:20px;}



.advant_list003{background:#fff; text-align:center; padding:80px 0px;}

.advant_list003 .txt1{ padding:50px 0px 20px 0px;}
.advant_list003 .txt1 h1{ font-size:50px; color:#000; line-height:50px;}
.advant_list003 .txt1 h2{ color:#ffd200; font-size:68px; line-height:60px; padding:30px 0px;}
.advant_list003 .txt1 h3{ color:#595757; font-size:20px; line-height:40px;}
.advant_list003 .txt1 h4{ color:#727171; font-size:20px; line-height:40px;}
.advant_list003 .txt1 .img{padding:60px 0px;}

.advant_list003 .txt2{ padding:100px 0px 20px 0px;}
.advant_list003 .txt2 h1{ font-size:50px; color:#000; line-height:50px;}
.advant_list003 .txt2 h2{ color:#ffd200; font-size:68px; line-height:60px; padding:30px 0px;}
.advant_list003 .txt2 h3{ color:#595757; font-size:20px; line-height:40px;}
.advant_list003 .txt2 h4{ color:#727171; font-size:20px; line-height:40px;}
.advant_list003 .txt2 .img{padding:60px 0px;}

/*4I系统*/
.pSystem{ width: 1160px; margin: 30px auto 0;}
.pSystem h3{ margin-bottom:70px; font-size: 36px; }
.pSystem ul{ position: relative; width:100%; height: 510px;}
.pSystem ul li{ width:252px; float:left; margin-left:50px;}
.pSystem ul .li1{ margin-left:0px;}
.pSystem ul .li2{transition:left 1.15s ease-in-out; -webkit-transition:left 1.15s ease-in-out; -o-transition:left 1.15s ease-in-out;}
.pSystem ul .li3{transition:left 1.25s ease-in-out; -webkit-transition:left 1.25s ease-in-out; -o-transition:left 1.25s ease-in-out;}
.pSystem ul .li4{transition:left 1.35s ease-in-out; -webkit-transition:left 1.35s ease-in-out; -o-transition:left 1.35s ease-in-out;}
.pSystem ul .li1.trans{ left: 0;}
.pSystem ul .li2.trans{}
.pSystem ul .li3.trans{ }
.pSystem ul .li4.trans{ }
.pSystem ul li .img{ display: block; position: relative;}
.pSystem ul li img{ width: 255px; height: 186px;}
.pSystem ul li .img2{ position: absolute; top: 0; left: 0; opacity: 0; width: 255px; height: 186px;
-webkit-transform: scale(0.25);	transform:  scale(0.25);
transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.pSystem ul .img:hover .img2{  opacity: 1;
-webkit-transform: scale(1);	transform:  scale(1);}
.pSystem ul li .ttl{ display: block; margin: 55px 0 40px; font-size: 18px; white-space: nowrap;}
.pSystem ul li .ttl:hover{ color: #ffd200;}
.pSystem ul li p{ font-size: 18px; line-height: 34px; color: #858889;}
.pSystem .moreBtn{ margin:125px auto 150px;}

.pSystem ul li p a{text-decoration:underline;}
.pSystem ul li p a:hover{color: #ffd200;}

.pSystem ul li a.ttl { text-decoration:none;}



/*麦奇*/

.about{ padding-top:80px;}
.about h1{ font-size:36px; color:#000; line-height:50px; display:none}
.about .imgs{ padding:40px 0px;}

.about .abouttxt{}
.about .abouttxt li{float:left; width:50%; color:#595757; line-height:40px; font-size:18px;}
.about .abouttxt li .txt01{padding-right:30px;}
.about .abouttxt li .txt02{padding-left:30px;}

.about .txt1{ color:#888888; line-height:36px; border-bottom:2px solid #e8e8e8; padding-bottom:50px; font-size:18px;}
.about .txt1 h2 { font-size:30px;color:#000; padding:45px 0px;}

.about .txt2{ color:#888888; line-height:36px; border-bottom:2px solid #e8e8e8; padding-bottom:50px; font-size:18px;}
.about .txt2 h2 { font-size:30px;color:#000; padding:45px 0px;}
.about .txt2 h3{font-size:18px;color:#000;padding:20px 0px; padding-top:45px;}

.about .about_team{ padding:60px 0px; background:#f7f7f7;}
.about .about_team a.aboutcase{ text-decoration:underline}
.about .about_team a:hover.aboutcase {color: #ffd200;}
.about .about_team h1{ padding-top:40px;}
.about .about_team .box{ }
.about .about_team .box li{padding:20px;color:#888888;font-size:16px;background:#fff; margin-bottom:40px;}
.about .about_team .box li .left{ width:560px; overflow:hidden}
.about .about_team .box li .right{width:530px; }
.about .about_team .box li .right .txt{line-height:26px;}
.about .about_team .box li .right h2{font-size:24px;color:#000;}
.about .about_team .box li .right h3{color:#000;font-size:16px;line-height:26px; padding-bottom:35px; padding-top:10px;}

.about .about_jobs{  padding:50px 0px; padding-bottom:100px; background:#fff}
.about .about_jobs  ul{margin:65px 0px;}
.about .about_jobs li{ float:left; width:560px; margin-right:20px; background:#ffd200}
.about .about_jobs li.box2{margin-right:0px;}
.about .about_jobs li .box{ padding:80px; font-size:18px; line-height:36px;}
.about .about_jobs li .box h1{ padding-bottom:30px;}




/*动态*/
.news {}
.news .type{background:#f7f7f7;padding:80px 0px; font-size:30px; line-height:60px; color:#858889;overflow: hidden; }
.news .type .left{}
.news .type .right{ width:47.2%;}
.news .type li{}
.news .type li span{ padding-left:495px}
.news .type li a{color:#000;}

.news .box{ padding:120px 0px;}
.news .box{}
.news .box li{ padding:0px;color:#888888;font-size:16px; background:#fff; margin-bottom:30px;}
.news .box li .left{ width:520px; overflow:hidden}


.news .box .left{ position: relative; overflow: hidden; }
.news .box .left .ols{ position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; color: #000; font-size: 21px; line-height: 36px; background-color:#ffd200; white-space: nowrap; opacity:0;
-webkit-transform: scale(0.25);	transform:  scale(0.25);
transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.news .box .left .ol1{  width:100%;padding-top:150px;}
.news .box .left .ol1 h5{ font-size: 30px; text-align:center; margin-bottom:20px; }

.news .box .left .ol1 i{width: 33px; height: 33px; background: url("imgs/zoom.png") no-repeat center; -webkit-transition: all 100ms linear 0ms; -moz-transition: all 100ms linear 0ms; transition: all 100ms linear 0ms; margin:0 auto; display:block;}
.news .box .left:hover .ols{ opacity: 1;
-webkit-transform: scale(1); transform: scale(1);}




.news .box li .right{width:550px; }
.news .box li .right .txt{line-height:26px;}
.news  a{color:#858889;}
.news .box li .right h1{font-size:30px;color:#000; padding-top:22px; padding-bottom:50px;}
.news .box li .right h1 span{background:#ffd200; text-decoration:underline;line-height:45px;}
.news .box li .right h2{font-size:24px;color:#000; padding-top:105px;}

 .news_more{  margin:0 auto; padding-bottom:30px;}
 

.news_more li{float:left; margin:8px 8px 0 0;border:1px solid #dedede; padding:10px 20px; font-size:16px;}
.news_more li.thisclass a,.news_more li.thisclass {color: #ffd200;}
.news_more li a{ display:block; font-size:16px;}
/*.news_more li a:hover{color: #fff; background:#ffd200;}*/



  
  .news .news_more{20px auto;overflow:hidden;}
  

.news_more .moreBtn {
 display: none;
    width: 230px;
  margin: 0 auto;}


.news_more .cnt {
    display: none;
    width: 230px;
    height: 54px;
    font-size: 22px;
    line-height: 54px;
    text-align: center;
    background-color: #ffd200;
    margin: 0 auto;
}


.news_info{ padding:130px 0px; font-size:16px; color:#858889; padding-bottom:20px; width:50%;}
.news_info .title h1{ font-size:36px; color:#000; line-height:50px;}
.news_info .title { padding-bottom:60px;}



/*联系*/
.contact{ padding:125px 0px;    overflow: hidden;}
.contact .left{ width:605px; font-size:24px;color:#595757; line-height:45px;}
.contact .left h1{ font-size:48px; line-height:70px;color:#000; padding-bottom:18px;}
.contact .left h1 span{ background:#ffd200;}
.contact .right{width:555px; }
.contact .right h1{ color:#595757; font-size:30px; padding-bottom:25px;}
.contact .right .box{}
.contact .right .box li{/* background:url("../images/contactimgs.jpg") no-repeat; padding-left:28px;*/ height:40px;  font-size:18px;
color:#595757; line-height:30px;}
.contact .right .box li.c1{background-position:0px 3px}
.contact .right .box li.c2{background-position:0px -33px}
.contact .right .box li.c3{background-position:0px -70px}
.contact .right .box li.c4{background-position:0px -105px}
.contact .right .box li.c5{background-position:0px -142px}
.contact .right .box li.c6{background-position: 0px -180px;
}


.contact_info{background:#fff; padding:60px 0px 110px 0; margin-bottom:100px;overflow: hidden;}
.contact_info li{width:25%; float:left; text-align:center; font-size:18px;}
.contact_info li .imgs{ padding-bottom:25px;}
.contact_info li .imgs img{width:125px; height:125px;}
.contact_info li .txt{ }
.contact_info li.last .txt{}
.contact_info li .txt h1{ font-size:30px; padding:2px 0px 7px 0px;}

.contact_info li .c_qq a{display:block; width:125px; height:33px; background:#fff; text-align:center; margin:0 auto; line-height:33px;
 font-size:14px; margin-top:30px;
}
.contact_info li .c_qq a:hover{ color:#ffd200}


.contact_map{ padding:150px 0px;}
.contact_map h1{ background:url("../images/Locate.png") left no-repeat; padding-left:50px; font-size:24px; margin-bottom:40px; line-height:30px;}


/*隐私条款*/
.privacy{ padding:120px 0px;}
.privacy .box{width:900px; color:#858889; line-height:30px; font-size:18px;}
.privacy .box h1{font-size:36px; padding-bottom:80px; color:#000;}
.privacy .box h2{ font-size:24px; padding-top:90px; padding-bottom:45px;color:#000;}




/*友情链接*/
.links{ padding:65px 0px;}
.links .box {border:1px solid #e8e8e8; padding-bottom:40px; }
.links .box h1{ background:#e8e8e8; font-size:18px; height:50px; line-height:50px; padding-left:40px;}
.links .box ul{padding:40px;}
.links .box li{ width:20%; border-bottom:1px solid #e8e8e8;height:50px; line-height:50px; float:left; font-size:18px; color:#858889;}
.links .box li a{color:#858889;}

.links_apply{ padding:45px 0px; color:#858889;}
.links_apply .box {padding:40px; font-size:18px; line-height:36px;}
.links_apply  h1{ background:#e8e8e8; font-size:18px; height:50px; line-height:50px; padding-left:40px;color:#000}

.links_apply .box h2{ font-size:24px; color:#000}
.links_apply .box h3{font-size:14px; line-height:22px;}

.links_apply .box .abox{padding:40px 0 0 0; width:725px;}
.links_apply .box .abox input{width:100%; background:#f7f7f7; line-height:42px; border:none; font-size:18px; text-indent:5px; margin:6px 0px;}
.links_apply .box .abox .sbnt {padding-top:40px;}
.links_apply .box .abox .sbnt input{width:220px; text-align:center; line-height:42px; border:1px solid #e8e8e8; background:#fff; display:block;}

.textarea{width:100%; height:120px; background:#f7f7f7; text-indent:5px; border:none;font-size:18px; margin:6px 0px;}