@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.five_bg{background: #fafafa; padding:75px 0 50px;}
.five{ padding:0 0 35px; border-bottom:#cecece 1px solid;}
.five_l{font-size: 30px;color: #009a44;width: 310px; background:url(../images/five_ico.gif) no-repeat 15px 0; padding:25px 0 0 10px;}
.five_l span{display: block;font-size: 20px;color: #fff;width: 295px;height: 42px;line-height: 42px;background: #009a44; margin:15px 0 0 -10px; padding:0 0 0 10px;}
.iflow{width: 830px;}
.iflow .item{float:left;width:166px;text-align:center;font-size: 18px;color:#000;}
.iflow .item .icon{display:block;width:76px;height:85px;margin:0 auto 8px;position:relative;}
.iflow .item .icon i:before{content:'';}
.iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0; background-image:url(../images/five_ico.png);}
.iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.iflow .item .icon i.hover{background-position:0 -85px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.iflow .item.i1 .icon i:before{background-position:0 -170px;}
.iflow .item.i2 .icon i:before{background-position:0 -255px;}
.iflow .item.i3 .icon i:before{background-position:0 -340px;}
.iflow .item.i4 .icon i:before{background-position:0 -425px;}
.iflow .item.i5 .icon i:before{background-position:0 -510px;}
.iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

/**/
.four{ padding:40px 0 0;}
.ibrand-num li{float:left;width:250px;height:60px;margin-left:66px;}
.ibrand-num li:first-child{margin-left:0;}
.ibrand-num li span{font-size:52px;color: #fecb00;display: block;float: left; font-family:"Times New Roman", Times, serif; padding:10px 0 0;font-weight: bold;}
.ibrand-num li b{display:block;float: left;font-size: 16px;color: #333; padding:0 0 0 10px;}
.ibrand-num li b i{font-weight: normal;font-size: 18px;color: #6c6c6c;display: block;}

/*解决方案*/
.plan{ padding:60px 0 45px;}
.plan_bt{height: 155px;text-align: center;}
.plan_t{width: 1200px;height: 95px;position: relative;}
.plan_t ul li{width: 261px;float: left;height: 50px;margin-left:-2px; margin-bottom:5px;}
.plan_t ul li a{font-size: 16px;color: #333;display: block;width: 257px;height: 46px;text-align: center;line-height: 46px; border:#c5c5c5 2px dotted; }
.plan_t ul li a:hover,.plan_t ul li.on a{background: #009a44;color: #fff;border:#009a44 2px solid;z-index: 50;position: relative;}
.plan_t span{display: block;width: 162px;height: 46px;text-align: center;line-height: 46px; border:#c5c5c5 2px dotted; margin-left:-2px;position: absolute;top: 0;right: 0;}
.plan_t span a{font-size: 16px;color: #333;}
.plan_m dl dt{width: 555px;height: 420px;float: left;overflow: hidden;}
.plan_m dl dt img,.news_m dt img{width: 555px;height: 420px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.plan_m dl dt img:hover,.news_m dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.plan_m dl dd{width:580px;float: left; padding:20px 0 0 45px;}
.plan_m dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.plan_m dl dd h5 a{font-size: 26px;color: #009a44;font-weight: normal;}
.plan_m .plan_desc{font-size: 16px;color: #666;line-height: 26px;height: 100px;overflow: hidden;width:530px; padding:20px 0 0;}
.plan_m dl dd span{display: block;width: 130px; padding:25px 0 0;}
.plan_m dl dd span a{font-size: 14px;color: #009a44;display: block;width: 128px;height: 28px;text-align: center;line-height: 28px; border:#009a44 1px solid;}
.plan_m dl dd span a:hover,.ban01 p em a:hover,.honor_l span a:hover,.news_m dd span a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.2s linear;}
.plan_pic { padding:20px 0}
.plan_pic li{ float:left; width:30%; height:200px; margin:5px; overflow:hidden}
.plan_pic li p{width:100%; height:127px;overflow:hidden}
.plan_pic li img{ width:100%; height:100%; display:block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.plan_pic li h6{ display:block; color:#666; text-align:center; font-weight:normal; line-height:25px;}
.plan_pic li:hover h6{ color:#000; font-weight:bold;}
.plan_pic li:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*流程*/
.liuc{ padding: 0 0 55px;
margin-top: 66px;
margin-bottom: 36px;}
.liuc .tit {
color: #009a44;
font-size: 36px;
height: 72px;
width: 100%;
text-align: center;
font-weight: bold;
}
.liuc ul li{font-size: 22px;color: #333;float: left;width: 240px;text-align: center; background:url(../images/liuc_line.gif) no-repeat right 70px;}
.liuc ul li em{display: block;width: 45px;height: 45px;line-height: 0; margin:0 auto 12px;overflow: hidden;}
.liuc ul li em img{width: 45px;height: 90px;}
.liuc ul li:hover em img{ margin-top:-45px;}
.liuc ul li:hover{color: #009341;}
.liuc .nobor{ background:none;}

/**/
.cp_bg{ background:url(../images/cp_bg.jpg) no-repeat center 0;height: 800px; padding:66px 0 0;font-size: 0;overflow: hidden;}
.cp_t{ padding:10px 0 0;position: relative;}
.cp_t ul li{float: left;width: 162px; padding:0 40px;}
.cp_t ul li em,.cp_t span em{display: block;width: 45px;height: 45px;line-height: 0; margin:0 auto 12px;overflow: hidden;}
.cp_t ul li em img,.cp_t span em img{width: 45px;height: 90px;}
.cp_t ul li a:hover em img,.cp_t span a:hover em img,.cp_t ul li.on em img{ margin-top:-45px;}
.cp_t ul li a,.cp_t span a{font-size: 16px;color: #fff; background:url(../images/cp_k01.png) no-repeat;width: 162px;height: 126px;text-align: center;line-height: 26px; padding:15px 0 0;display: block;}
.cp_t ul li a:hover,.cp_t span a:hover,.cp_t ul li.on a{color: #009341;background:url(../images/cp_k02.png) no-repeat;}
.cp_t ul li i{display: block;width: 70px; margin:0 auto;}
.cp_t span{display: block;width: 162px;height: 141px;position: absolute;top: 10px;right: 25px;}

.cp_m ul li{width: 227px;float: left; padding:35px 6px 0;overflow: hidden;}
.cp_m ul li img{width: 225px;height: 127px; border:#009a44 1px solid;display: block;}
.cp_m ul li a:hover img{border:#fff 1px solid;}
.cp_m ul li span{font-size: 18px;color: #a1b2d1; width:225px; display:block; text-align:center; height:25px; line-height:25px; padding:10px 0 0; overflow:hidden;}

/*广告条*/
.ban01{ background:#e5e5e5; height:156px; border-top:#fff 1px solid; overflow:hidden;}
.ban01 p{position: absolute;top: 25px;left: 245px;}
.ban01 p span{ display:block; font-size:24px; color:#009a44;float: left; padding:0 0 15px 102px; background:url(../images/ban_tel.gif) no-repeat 0 0;line-height: 36px;}
.ban01 p span b{font-size: 32px;display: block; font-family:Arial, Helvetica, sans-serif;}
.ban01 p em{ display:block;float: left; padding:5px 0 0 115px;width: 184px;}
.ban01 p em a{display: block;font-size: 20px;color: #fff;font-weight: bold; background:url(../images/ban_btn.gif) no-repeat;width: 184px;text-align: center;height: 70px;line-height: 64px;overflow: hidden;}

/*经典案例*/
.case_bg{ padding:75px 0 55px;}
.case_t{background: #fbfbfb;height: 94px;}
.case_t ul li{width: 261px;
float: left;
height: 50px;
margin-left: -2px;}
.case_t ul li a{font-size: 16px;
color: #333;
display: block;
width: 257px;
height: 46px;
text-align: center;
line-height: 46px;
border: #C5C5C5 2px dotted;}
.case_t ul li a:hover,.case_t ul li.on a{background: #009a44;color: #fff;}
.case_t ul li em,.case_t span em{display: block;font-size: 20px;}
.case_t span{display: block;
width: 162px;
height: 46px;
text-align: center;
line-height: 46px;
border: #C5C5C5 2px dotted;
margin-left: -2px;
position: absolute;
top: 0;
right: 0;}

.case_qie01{ background:url(../images/case_picbg01.jpg) no-repeat center 0;height: 500px;}
.case_qie02{ background:url(../images/case_picbg02.jpg) no-repeat center 0;height: 500px;}
.case_qie03{ background:url(../images/case_picbg03.jpg) no-repeat center 0;height: 500px;}
.case_qie04{ background:url(../images/case_picbg04.jpg) no-repeat center 0;height: 500px;}

.case_a{width: 1200px;height: 500px;position: absolute;top: 0;left: 0;}
.case_wen{width: 1120px;height: 85px; padding:4px 40px 18px 10px; background:rgba(255,255,255,0.8);position: absolute;top: 400px;left: 0;}
.case_wen p{font-size: 14px;color: #0b0b0b;line-height: 24px;}

.case01{ }
.case01 ul li{width: 288px;float: left;line-height: 0; margin-left:16px;}
.case01 ul li img{width: 286px;height: 214px;display: block; border:#ddd 1px solid;}
.case01 ul li span{font-size: 14px;color: #333; width:263px; display:block; height:50px; line-height:50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
background:url(../images/case_k01.gif) no-repeat; padding:0 25px 0 0;}
.case01 ul li a:hover span{color: #009a44;background:url(../images/case_k02.gif) no-repeat;}
.case01 ul li:first-child{margin: 0;}

/*资质证书*/
.honor_bg{background: #fafafa; padding:75px 0;}
.honor_l{width: 440px; padding:70px 0 0;}
.honor_l ul li{height: 38px;line-height: 38px;overflow: hidden; background:url(../images/honor_ico01.gif) no-repeat 0 16px;}
.honor_l ul li a{font-size: 22px;color: #666; padding:0 0 0 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.honor_l ul li a:hover{color: #009341;}
.honor_l span{display: block;width: 170px; padding:30px 0 0 35px;}
.honor_l span a,.news_m dd span a{display: block;font-size: 14px;color: #fff;width: 170px;text-align: center;height: 40px;line-height: 40px;background: #009341;overflow: hidden;border-radius:50px;}
.honor_r{width: 720px; padding:40px 0 0;}

/*优势*/
.ys_bg{ background:url(../images/ys_bg.jpg) no-repeat center 0;height: 845px;}
.ys_l{width: 600px;height: 845px;}
.ys_t{width: 130px;position: absolute;top: 195px;right: -65px;z-index: 20;}
.ys_t ul li{width: 130px;height: 130px; padding:0 0 90px;}
.ys_t ul li em{display: block;width: 130px;height: 130px;overflow: hidden;line-height: 0;}
.ys_t ul li em img{width: 130px;height: 260px;}
.ys_t ul li:hover em img,.ys_t ul li.on em img{ margin-top:-130px;}
.ys_qie{position: absolute;top: 0;right: 0;width: 960px;height: 845px;}
.ys_r{width: 510px;}
.ys_r span{display: block; margin:40px 0 0 -40px;height: 125px;}
.ys_r span img{width: 513px;height: 78px;}
.ys01{ border-bottom:#fff 1px dashed; padding:25px 0;}
.ys01 b{display: block;font-size: 22px;color: #fff;height: 40px;}
.ys01 p{font-size: 16px;color: #fff;line-height: 32px;}
.ys_hz{ padding:10px 0 0;}

/*走进同心科技*/
.ab_bg{ background:#eeeeee;height: 610px; padding:125px 0 0;font-size: 0; position:relative;}
.ab_l{width: 680px;}
.ab_l b{display: block;width: 400px;height: 110px;}
.ab_l b img{width: 450px;height: auto;}
.ab_l h5{ padding:50px 0 0;line-height: 24px;}
.ab_l h5 a{font-size: 24px;color: #009341;}
.ab_l h5 i{display: block;font-size: 19px;color: #333;font-weight: normal;}
.ab_desc{font-size: 16px;color: #666;line-height: 38px;height: 152px;overflow: hidden; padding:20px 0 0;width: 680px;}
.ab_l span{display: block;line-height: 32px; margin:-35px 0 0 461px;}
.ab_l span a{font-size: 18px;color: #009341;}
.ab_l ul{ display:inline-block;width: 600px; padding:40px 0 0;}
.ab_l ul li{width: 100px;height: 100px;float: left; padding:0 35px 0 0;}
.ab_l ul li em{display: block;width: 60px;height: 45px;line-height: 0;overflow: hidden; margin:0 auto 8px;}
.ab_l ul li em img{width: 60px;height: 90px;}
.ab_l ul li a{font-size: 16px;color: #009341;display: block;width: 100px;height: 85px; padding:15px 0 0;background: #fff;border-radius:5px;text-align: center;overflow: hidden;}
.ab_l ul li a:hover{background: #5d5d5d;color: #fff;}
.ab_l ul li a:hover em img{ margin-top:-45px;}
.ab_r{width: 600px; float:right; position:absolute; right:100px;}


/*新闻中心*/
.news_bt{text-align: center;height: 140px; padding:125px 0 0;}
.news{ width:655px; padding:0 0 30px;}
.news_t ul li{ float:left;width: 180px; padding:0 5px 0 0;}
.news_t ul li a{ font-size:18px; color:#666; display:block; width:178px; height:58px; border:#cecece 1px solid;text-align: center;line-height: 58px; border-radius:5px;}
.news_t ul li.cur a,.news_t ul li a:hover{ color:#fff; background:#009341;  border:#009341 1px solid;}
.news_m dl{ width:655px; padding:20px 0 10px; display:inline-block;}
.news_m dt{ width:300px; height:220px;overflow: hidden;float: left;}
.news_m dt img{ width:300px; height:220px;}
.news_m dd{width:310px; padding:10px 0 0 25px;float: left;}
.news_m dd h3{ height:30px; line-height:30px; overflow:hidden;font-weight: normal;}
.news_m dd h3 a{ font-size:18px; color:#333;display: block;float: left;width: 200px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dd h3 a:hover,.news_m ul li a:hover,.wd dt a:hover,.wd_t a:hover{color: #009341;}
.news_m dd h3 em{display: block;float: right;font-size: 16px;color: #333;width: 110px; text-align:right;}
.news_m .news_desc{ font-size:15px; color:#666; height:78px; line-height:26px;overflow: hidden; padding:10px 0 0;}
.news_m dd span{display: block;width: 170px; padding:20px 0 0;}
.news_m ul li{ height:76px;width: 650px; overflow:hidden; background:url(../images/news_k01.gif) no-repeat; margin-bottom:15px;}
.news_m ul li:hover{ background:url(../images/news_k02.gif) no-repeat;}
.news_m ul li a{height: 76px;line-height: 76px; font-size:16px; color:#333; padding:0 0 0 40px;display: block;float: left;width: 420px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m ul li span{display: block;float: left;font-size: 16px;color: #aaa; font-family:Arial, Helvetica, sans-serif;width: 115px;text-align: center;line-height: 24px;}
.news_m ul li span i{display: block;font-size: 24px;color: #333; padding:12px 0 0;}

/*常见问答*/
.wd{ width:475px;}
.wd_t{height: 58px; border-bottom:#cecece 1px solid; border-top:#cecece 1px solid;line-height: 58px;overflow: hidden;}
.wd_t a{ font-size:18px; color:#666;}
.wd_t i{font-size: 16px;color: #5d5d5d; padding:0 0 0 15px;text-transform: uppercase;}
.wd_t span{display: block;float: right;width: 27px;line-height: 0; padding:16px 0 0;}
.wd_t span img{width: 27px;height: 27px;}
.wd_m{ padding:25px 0 0;overflow: hidden;}
.wd dl{ width:475px; height:105px; border-bottom:#ebebeb 1px dashed; padding:20px 0 0;}
.wd dt{ height:30px; line-height:26px; overflow:hidden; background:url(../images/wen.gif) no-repeat 0 0; padding:0 0 0 45px;}
.wd dt a{ font-size:15px; color:#333;}
.wd dd{font-size:15px; color:#666; line-height:28px; height:56px; overflow:hidden;padding:0 0 0 45px;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}