/*首页案例*/
.syy_case{ width:100%; background:#fff; margin:85px 0 0 0; padding:0;}
.CasesList{ overflow:hidden; width:100%; position:relative;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-opacity:0; background:#fff;}
.CasesList ul{ width:100%; position:relative;}
.CasesList ul li{ display:block; overflow:hidden; width:25%; float:left;}
.CasesList .CaseImg{ margin:0; overflow:hidden; position:relative;}
.CasesList .CaseImg img{transition:all 2.8s linear;-moz-transition:all 2.8s linear;-webkit-transition:all 2.8s linear;-o-transition:all 2.8s linear; width:100%; display:block;}
.isotope, .isotope-item{ transition-property:transform, opacity; transition-duration:0.8s; }
.CasesList .CaseImg .overlayout{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:#0a80e9;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-opacity:0;}

.CasesList .CaseImg .imageText{ width:98%; height:50.6%; position:absolute; left:1%; top:24.7%; color:#FFF; display:none;}
.CasesList .CaseImg .imageText .text{ position:absolute; top:58px; width:100%; left:0px; text-align:center; line-height:28px;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-opacity:0;}
.CasesList .CaseImg .imageText b{ color:#fff; font-size:24px;}
.CasesList .CaseImg .imageText p{ color:#fff; font-size:18px; padding-top:10px; height:25px; overflow:hidden;}
.CasesList .CaseImg .imageText a{ display:block; color:#FFF; width:50%; height:33.33%; position:absolute; bottom:0px; left:25%; border:2px solid #FFF; font-size:16px; text-transform:uppercase;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-opacity:0; transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
.CasesList .CaseImg .imageText a em{ position:absolute; width:94px; height:18px; top:50%; left:50%; margin-top:-11px; margin-left:-47px; list-style:none;}

.CasesList ul li:hover .overlayout{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80);-webkit-opacity:.8;}
.CasesList ul li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2); transform:scale(1.2);}
.CasesList .CaseImg .imageText a:hover{border-radius:18px; background:#FFF;color:#0a80e9; box-shadow:0px 0px 12px #0a80e9 inset;}
.CasesList ul li:hover .imageText{ display:block;}



/*首页关于我们*/
.h_about{ width:100%; overflow:hidden;}
.h_about .h_about01{padding:50px 0 260px 0; background-color:#f5f5f5;}
.h_ab_tit{ text-align:center;}
.h_ab_tit h3{ font-size:36px;}
.h_ab_tit span{ width:80px; height:3px; display:inline-block; background-color:#0a80e9; margin:20px 0;}
.h_ab_tit dd{font-size:15px; color:#808080; line-height:30px; width:60%; margin:0 auto;}

.h_about02{ width:100%; z-index:6; margin-top:-170px;}
.h_about02_list{width:100%; height:auto; overflow:hidden; background-color:#fff; box-shadow: 0 1px 3px #c5c5c5; padding:50px 0 50px 0; margin-bottom:10px;}
.h_about02_list ul{}
.h_about02_list ul li{ float:left; width:25%; text-align:center; position:relative; overflow:hidden;}
.h_about02_list ul li dd{ font-size:16px; color:#808080;}
.h_about02_list ul li span{ font-size:45px; padding:50px 0 30px 0; display:inline-block;}
.h_about02_list ul li span i{ color:#808080; font-size:16px; margin-right:10px;}
.h_about02_list ul li dt{}
.h_about02_list ul li dt img{ transition: all .5s ease;}
.h_about02_list ul li:hover dt img{transform:rotatey(180deg);}


/*首页我们的服务*/
.h_service{ width:100%; overflow:hidden; position:relative; background:url(../image/h_ser_bj.jpg) center no-repeat; padding:120px 0 140px 0; margin:80px 0 0 0;}
.active_list{ float:left; width:40%;}
.active_list h5{ font-size:40px; color:#fff; width:80%;}
.active_list h5 p{ padding-top:20px;}
.active_list dd{font-size:16px; color:#fff; overflow:hidden; line-height:30px; padding:50px 0 80px 0; max-height:310px;}
.active_list span{ }
.active_list span a{font-size:16px; color:#fff; display:block;transition: all .35s ease;}
.active_list span a:hover{ margin-left:10px;}

.active_tab{ float:right; width:50%;}
.active_tab ul{}
.active_tab ul li { float:left; width:33.3%; text-align:center;}
.active_tab .box{ border:1px solid #fff; padding:65px 0; transition: all .25s ease; text-align:center;}
.active_tab .box img{ padding-bottom:20px;transition: all .5s ease;}
.active_tab .box .ser02{ display:none;transition: all 5s ease;}
.active_tab .box p{ font-size:20px; color:#fff;}
.active_tab ul li:nth-child(2) .box,.active_tab ul li:nth-child(5) .box{ border-left:none; border-right:none;}
.active_tab ul li:nth-child(1) .box,.active_tab ul li:nth-child(2) .box,.active_tab ul li:nth-child(3) .box{ border-bottom:none;}
.active_tab ul li:hover .box{ background:rgba(10,128,233,1);/*background:rgba(0,0,0,0.2);*/background-color:#046dca;}
.active_tab ul li:hover .box img{/*transform: scale(1.1);*/}
.active_tab ul li:hover .box .ser02{ display:inline-block;}
.active_tab ul li:hover .box .ser01{ display:none;}
.active_tab ul li:hover .box p{ font-size:20px;}



/*内页案例*/
.h_case{ width:100%; overflow:hidden; background-color:#f5f5f5; padding:85px 0 0 0;}
.h_case_tit{ text-align:center; margin-bottom:50px;}
.h_case_tit h3{ font-size:36px;}

.h_case_list{ overflow:hidden; width:100%;}
.h_case_list ul{ overflow:hidden;}
.h_case_list ul li{ float:left; width:25%; margin-bottom:2px;}
.h_case_list ul li a{ display:block; width: calc(100% - 1px); }

.caseImg{ width:100%; overflow:hidden; position:relative; transition: all .5s ease;}
.caseImg .imgBg{ transition: all .5s ease;}
.caseImg .imgBg img{ max-width:100%;}
.caseImg .caseBrief{ position:absolute; bottom:-50px; height:50px; line-height:50px; width:100%;background:rgba(0,0,0,0.5); z-index:9; transition: all .5s ease;}
.caseImg .caseBrief dd{ width:90%; margin:0 auto; font-size:14px; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }

.caseText{ background-color:#fff;}
.caseText h3{ height:70px; line-height:70px; font-size:16px; text-align:center;}
.h_case_list ul li a:hover .caseText h3{ color:#fff; }
.h_case_list ul li a:hover .imgBg {transform:scale(1.1);}
.h_case_list ul li a:hover {box-shadow:0 0 15px rgba(0,0,0,.15)}
.h_case_list ul li a:hover .caseBrief {bottom:0;}
.h_case_list ul li a:hover .caseText{ background-color:#0a80e9;}

.h_caseMore{ width:100%; overflow:hidden; text-align:center; padding:70px 0;}
.h_caseMore dd{ overflow:hidden; display:inline-block; width:202px; height:52px; position:relative;}
.h_caseMore dd a{ display:block; width:200px; height:50px; line-height:50px; text-align:center; background-color:#fff; color:#666;border:1px solid #ddd; font-size:18px;}
.h_caseMore dd .a01{ position:absolute; top:0;transition: all 0.8s ease;}
.h_caseMore dd .a02{ position:absolute; top:52px; background-color:#0a80e9; color:#fff; transition: all 0.8s ease;}
.h_caseMore dd:hover .a01{ top:-52px;}
.h_caseMore dd:hover .a02{ top:0;}

.title-comm{ text-align:center; overflow:hidden; padding-top:50px}
.title-comm .par01{ font-size:40px; color:#222; line-height:70px;}
.title-comm .par02{ font-size:18px; color:#555}
.title-comm .par03{ font-size:14px; color:#999}



/*首页项目流程*/
.h_process{width:100%; overflow:hidden; margin:-5px 0 60px 0; height:auto; background:url(../image/liucheng_bj.jpg) center no-repeat;}
.process_tit{ text-align:center; margin-bottom:50px; margin-top:60px;}
.process_tit h3{ font-size:36px; padding-bottom:20px; color:#fff;}
.process_tit dd{ font-size:16px; color:#fff; width:80%; margin:0 auto; line-height:30px;}
.process_img{ width:100%; overflow:hidden; padding-bottom:50px;}
.process_img span{ text-align:center; width:100%; display:block;}
.process_img span img{ max-width:100%; height:auto;}



/*首页专家团队*/
.h_team{width:100%; overflow:hidden; margin:60px 0;}
.team_tit{ text-align:center; margin-bottom:50px;}
.team_tit h3{ font-size:36px; padding-bottom:20px;}
.team_tit dd{ font-size:16px; color:#717171; width:80%; margin:0 auto; line-height:30px;}

.sy_product{ width:100%; overflow:hidden;  margin:20px 0 0 0; padding:20px 0 80px 0;} 
.hotPic2{}
.hotPic2 .JQ-slide{ position:relative; height:480px; margin-top:30px;}
.hotPic2 .JQ-slide .wrap { width:100%; height:480px; overflow:hidden; position:relative; margin-top:15px;}
.hotPic2 .JQ-slide-content{ position:absolute; margin-left:-8px; margin-top:20px;}
.hotPic2 .imgList li { width:379px; height:480px; background:#fff; margin:0 0 0 8px; }
.hotPic2 .JQ-slide-nav a{ display:block; z-index:2; width:39px; height:40px; overflow:hidden; text-indent:-999em; text-decoration:none; position:absolute; top:45%;  border-radius:3px;}
.hotPic2 .JQ-slide-nav a.prev { left:0px; background:url(../image/prev03.jpg) left center no-repeat;}
.hotPic2 .JQ-slide-nav a.next{ right:1px; background:url(../image/next03.jpg) left center no-repeat;}

.imgList { float:none; overflow:hidden;	zoom:1}
.imgList li { float:left; display:inline; overflow:hidden;position:relative; width: 360px; height: 509px;}
.imgList li .text-desc{position: absolute; left: 0; top: 0; background:rgba(0,0,0,0.7); height: 100%; width: 100%; top: auto; bottom: -100%;transition: all .5s ease;}
.imgList li:hover .text-desc{bottom: 0;}

.text-desc .jj{ margin:25px 20px; display:block; overflow:hidden;}
.text-desc h3{ font-size:22px; font-weight:normal; line-height:30px; color:#fff;}
.text-desc dd{ font-size:14px; line-height:25px; color:#fff; text-align:left;padding:5px 0;}
.text-desc  b{ font-size:16px; display:block; color:#fff; font-weight:normal;}
.text-desc  span{ font-size:14px; color:#fff; padding-right:20px;}
.team_rw i img{ max-width:100%; height:auto;}





/*.imgList li a { display:block;}
.imgList li .txt { text-align:center; overflow:hidden;}

.team_rw{ width: calc(100% - 20px); border:1px solid #ddd; padding:30px 0 40px 0; text-align:center;transition: all .3s ease;}
.team_rw i{ display:inline-block; width:160px; height:160px;}
.team_rw i img{width:160px; height:160px;border-radius:50%;transition: all .5s ease;}
.team_rw h3{ font-size:18px; color:#000; padding-top:40px;}
.team_rw span{font-size:14px; color:#555; padding:20px 0 40px 0; display:block;}
.team_rw dd{font-size:14px; width:90%; margin:0 auto; color:#777; line-height:26px;}

.hotPic2 .imgList li:hover .team_rw{ box-shadow: 0 2px 8px #c5c5c5;cursor:pointer; }
.hotPic2 .imgList li:hover .team_rw i img{transform:scale(1.1);}*/



/*首页新闻*/
.h_news{ width:100%; overflow:hidden; padding-bottom:50px;}
.h_news_list{ width:100%; margin:0 auto; overflow:hidden;}
.web-bg-list2{ width:100%; overflow:hidden; text-align:center; margin-bottom:50px;}
.web-bg-list2 ul{ max-width:800px; margin:0 auto; display:inline-block;}
.web-bg-list2 ul li{ float:left;cursor:pointer; font-size:14px; padding:6px 30px; border:1px solid #ddd;border-radius:30px; margin:0 10px;}
.web-bg-list2 ul li.on{ background-color:#0a80e9; color:#fff; border:1px solid #0a80e9;}

.km-sub-lit2{ width:100%; overflow:hidden;}
.km-lit-kn2 { width:100%; margin:0 auto;}

.mews_tj{ width:33%; float:left; background-color:#f5f5f5; padding-bottom:10px;}
.mews_tj .tj_img { height:240px; overflow:hidden;}
.mews_tj .tj_img img{width:100%;transition: all .5s ease;}
.mews_tj .tj_tit{ margin:14px 20px; overflow:hidden;}
.tj_tit .tj_tit_fl{ float:left; overflow:hidden; width:90px; padding:10px 0; background-color:#0a80e9; text-align:center; margin-right:20px;}
.tj_tit .tj_tit_fl dd{ font-size:36px; color:#fff; font-style:italic; padding-bottom:5px;}
.tj_tit .tj_tit_fl p{ font-size:15px; color:#fff;}
.tj_tit .tj_tit_fr{ overflow:hidden; padding-top:20px;}
.tj_tit .tj_tit_fr h5{ overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width:100%; padding-bottom:10px;}
.tj_tit .tj_tit_fr h5 a{font-size:18px;}
.tj_tit .tj_tit_fr span{ font-size:12px; color:#555;}
.mews_tj .tj_wz{ margin:0 20px; line-height:24px; height:55px; overflow:hidden; font-size:12px; color:#555;}

.news_qt{ overflow:hidden; width:65%; float:right;}
.news_qt ul{ margin-left:-3%;}
.news_qt ul li{ float:left; width:47%; margin:0 0 20px 3%;}
.news_qt_lb{ background-color:#f5f5f5; width:90%; padding:5%;transition: all .5s ease;}
.news_qt_lb .ne_rq{ float:left; overflow:hidden; width:90px; padding:13px 0; background-color:#afafaf; text-align:center;transition: all .5s ease;}
.news_qt_lb .ne_rq dd{ font-size:32px; color:#fff; padding-bottom:5px;}
.news_qt_lb .ne_rq p{ font-size:12px; color:#fff;}
.news_qt_lb .ne_ms{ overflow:hidden; padding-top:15px; padding-left:20px;}
.news_qt_lb .ne_ms h5 {overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width:100%; padding-bottom:10px;}
.news_qt_lb .ne_ms h5 a{ color:#000; font-size:14px;transition: all .3s ease; font-weight:bold}
.news_qt_lb .ne_ms span{ font-size:12px; color:#555; line-height:20px; height:36px; overflow:hidden; display:block;transition: all .3s ease;}

.news_qt ul li:hover .news_qt_lb{background-color:#0a80e9;}
.news_qt ul li:hover .news_qt_lb .ne_rq{ }
.news_qt ul li:hover .news_qt_lb .ne_ms h5 a{ color:#fff; }
.news_qt ul li:hover .ne_ms span{ color:#fff;}
.mews_tj:hover .tj_img img{transform:scale(1.1);}



/*首页合作伙伴*/
.h_cooperation{ width:100%; overflow:hidden; margin:80px 0; background:url(../image/hezuo_bj.jpg) top center no-repeat;}
.cooTit{ float:left; width:35%; padding:80px 0; background:url(../image/cooTit_bj.jpg) bottom right no-repeat #0a80e9; margin-top:100px;}
.cooTit .cooTit_jj{ padding-left:80px;}
.cooTit .cooTit_01{}
.cooTit .cooTit_01 h3{ font-size:45px; color:#fff; padding-bottom:10px;}
.cooTit .cooTit_01 p{ font-size:25px; color:#fff;}
.cooTit .cooTit_01 span{ display:block; width:30px; height:3px; background-color:#fff; margin:50px 0;}
.cooTit .cooTit_02{}
.cooTit .cooTit_02 li{font-size:50px; color:#fff;}
.cooTit .cooTit_02 li i{font-size:12px; color:#fff;}
.cooTit .cooTit_03 { overflow:hidden; padding:88px 0 60px 0;}
.cooTit .cooTit_03 dd{ background-color:#fff; width:58px; height:38px;border-radius:30px; text-align:center;}
.cooTit .cooTit_03 dd img{ margin-top:10px;}

.cooList{ float:right; width:62%; margin-top:350px;}
.cooList ul{ width:calc(100% - 1px);border-right:1px solid #f2f2f2; overflow:hidden;}
.cooList ul li{ float:left; width:25%; text-align:center; background-color:#fff; position:relative; overflow:hidden;}
.cooList ul li dt{border:1px solid #eee; width:calc(100% - 1px); background-color:#eee;}
.cooList ul li dt img{ width:100%; height:100%;transition: all .3s ease;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.cooList ul li dd{ display:none; position:absolute; width:100%; height:100%; bottom:-150px; color:#fff; background:rgba(0,0,0,0.4); z-index:2;transition: all .5s ease;}
.cooList ul li dd i{ padding-top:50px; color:#fff; display:block;}
.cooList ul li:hover img{transform:scale(0.92,0.9);cursor:pointer;}
.cooList ul li:hover dd{ bottom:0;cursor:pointer;}
.cooList ul li:hover img {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:none;}

/*首页提交需求*/
.h_message{ width:100%; overflow:hidden; padding:100px 0 70px 0; background-color:#ebebeb;}
.messTit h3{ font-size:40px; color:#000;}
.messCont{ padding:50px 0;}
.messCont .mess_form{ display:inline-block;}
.messCont .mess_form { width:100%;}
.messCont .mess_form div{ overflow:hidden; width:100%;margin-bottom:40px; background-color:#FFF; padding:0 15px;}
.messCont .mess_form .mes01{ float:left; width:200px; margin-right:20px;}
.messCont .mess_form .mes02{ float:left;width:200px; margin-right:20px;}
.messCont .mess_form .mes03{ float:left;width:40%; margin-right:20px; overflow:hidden;}
.messCont .mess_form .mes04{ float:left; width:145px; padding:0;}
.messCont .mess_form input{ height:60px; width:100%; line-height:60px; border:none;outline:none;}
.messCont .mess_form textarea{ width:100%; border:none; height:60px; line-height:60px; float:left; outline:none; resize:none;overflow-y:auto;overflow-x:hidden;}
.messCont .mess_form input[type="submit"] { float:left;width:145px;height:60px;line-height:60px;text-align:center;border:none;cursor:pointer;background:#0a80e9;color:#fff; transition: all .5s ease;}
.messCont .mess_form input[type="submit"]:hover {background:#0a80e9;color:#fff}
.messWz{ font-size:12px; color:#757575;}
/* WebKit browsers */.messCont input::-webkit-input-placeholder {color:#C0C0C0;font-size:14px;}
/* Mozilla Firefox 4 to 18 */.messCont input:-moz-placeholder {color:#C0C0C0;opacity:1;font-size:14px;}
/* Mozilla Firefox 19+ */.messCont input::-moz-placeholder {color:#C0C0C0;opacity:1;font-size:14px;}
/* Internet Explorer 10+ */.messCont input:-ms-input-placeholder {color:#C0C0C0;font-size:14px;}
.mes03 textarea::-webkit-input-placeholder {/* WebKit browsers */  color:#C0C0C0;}
.mes03 textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */  color:#C0C0C0;}
.mes03 textarea::-moz-placeholder {/* Mozilla Firefox 19+ */  color:#C0C0C0;}
.mes03 textarea::-ms-input-placeholder {/* Internet Explorer 10+ */  color:#C0C0C0;}

.solutions,.app,.product,.title-comm,.ny_banner,.ny_banner{ margin-top:75px;}
/*解决方案*/
.solutions{ width:100%; overflow:hidden; padding-bottom:50px; background-color:#f1f1f1;}
.solutions_list{width: 100%; margin: 0 auto; overflow:hidden;}
.solutions_list ul{}
.solutions_list ul li{ width:25%; float:left; background-color:#fff;}
.solutions_list .itme{}
.itme .itme_img{ overflow:hidden;}
.itme .itme_img img{ width:100%; transition: all .5s ease;}
.itme .itme_wz{ width:90%; margin:0 auto; padding:46px 0 30px 0;} 
.itme .itme_wz h5 a{ font-size:16px; color:#000;} 
.itme .itme_wz span{ display:block; width:30px; height:1px; background-color:#999;margin:46px 0 30px 0;} 
.itme .itme_wz p{ line-height:28px; font-size:14px; color:#666; padding-bottom:30px;} 
.itme .itme_wz dd{} 
.itme .itme_wz dd a{ color:#1a1a1a; font-size:14px; text-transform:capitalize; display:inline-block; border-bottom:3px solid #fff; padding-bottom:10px;} 
.solutions_list ul li:hover .itme .itme_wz dd a{ color:#0a80e9; border-bottom:3px solid #0a80e9;}
.solutions_list ul li:hover .itme .itme_wz h5 a{ font-size:16px; color:#0a80e9;} 
.solutions_list ul li:hover .itme_img img{transform:scale(1.1)}



/*APP定制*/
.app{ width:100%; overflow:hidden;}
.app_list{ overflow:hidden}
.app_list ul{ overflow:hidden}
.app_list ul li{ width:25%; float:left; position:relative;}
.app_list ul li span{display: block;position: absolute; background:#0a80e9;z-index: 2; width: 0;height:8px;bottom: 0;left:0;transition: all .5s ease;}
.app_list ul li:hover span{ width:100%;}
.app_list_img{font-size:0;overflow:hidden; position:relative; }
.app_list_img dd{ display:block; width:100%; height:100%;background:rgba(0,0,0,0.6); position:absolute; top:0;transition: all .5s ease;}
.app_list_img img{width:102%!important;z-index:999;transition: all .5s ease; z-index:-10;}

.app_list_tit { position:absolute;left:0;top:60%;color:#fff;z-index:2;width:100%;overflow:hidden;text-align:center;transition:all 0.2s linear;transition: all .5s ease;}
.app_list_tit h5{display:inline-block;/*border-bottom: solid 2px #fff;border-top: solid 2px #fff;*/color:#fff; font-size:32px; padding:10px 0;}
.app_list_tit p{width:80%;margin:0 auto;margin-top:15px; line-height:26px; height:50px;}
.app_list ul li:hover .app_list_tit{top:55%;}
.app_list ul li:hover .app_list_img img{ transform:scale(1.2);}
.app_list ul li:hover .app_list_img dd{ top:-500px;}


/*产品体验*/
.product{ width:100%; overflow:hidden;}
.product ul li{ width:100%; overflow:hidden;}

.product_img{ width:50%; float:left; overflow:hidden;}
.product_img img{ max-width:100%; transition: all 0.8s ease;}
.product ul li:hover img{ transform: scale(1.15, 1.15);}
.product_wz{ width:50%; float:right;}
.product_wz .jianju{padding:10% 0 0 60px; width:69%;}
.product_wz .jianju h3{height:auto;min-height:59px;border-bottom:1px solid #eeeeee;line-height:36px;margin-bottom:15px;}
.product_wz .jianju h3 a{color:#333;font-size:36px;font-weight:bold;transition: all 0.25s ease;}
.product_wz .jianju h3 a:hover{ color:#0a80e9;}
.product_wz .jianju span{ display:block;line-height:36px;color:#868686;font-size:16px; text-align:justify;}
.product_wz .jianju .wz02{ margin-bottom:50px;}

.wz03{ overflow:hidden; width:100%;}
.wz03 .wz_ice01{ width:142px; float:left; margin-right:20px;}
.wz03 .wz_ice02{ width:142px; float:left;}
.wz03 dd{ overflow:hidden; height:52px; position:relative;}
.wz03 dd a{ display:block; width:140px; height:50px; line-height:50px; text-align:center; background-color:#0a80e9; color:#fff;border:1px solid #0a80e9; font-size:14px;}
.wz03 dd .a01{ position:absolute; top:0;transition: all 0.5s ease;}
.wz03 dd .a02{ position:absolute; top:52px ;background-color:#fff; color:#0a80e9; transition: all 0.5s ease;}
.wz03 dd:hover .a01{ top:-52px;}
.wz03 dd:hover .a02{ top:0;}
.product ul li:nth-child(2n+1) .product_img{float:right;}



/*客户案例*/
.case{ overflow:hidden; width:100%; padding:0;}
.case .n_tit{ padding-bottom:20px;}

.pagination {padding:20px 0 0 0;text-align:center;overflow:hidden; margin:10px 0 30px 0;}
.pagination a {font-size:12px;line-height:36px;display:inline-block;height:36px;padding:0 22px;text-align:center;color:#666;border:1px solid #eee;background:#ddd;margin-left:10px;}
.pagination a.a1 {line-height:36px;height:36px;margin-top:0;padding:0 12px;}
.pagination a:hover {text-decoration:none;color:#fff;background:#0a80e9; border:1px solid #0a80e9;}
.pagination span {line-height:36px;display:inline-block;height:36px;padding:0 22px;text-align:center;color:#fff;margin-left:10px;background:#0a80e9;color:#fff;border:1px solid #0a80e9;}



/*案例详情*/
.casexx{ width:100%; overflow:hidden; padding:0 0 180px 0; background-color:#fff; margin-top:120px;}
.casexx_jj{ width:80%; margin:0 auto; background-color:#fff;}

.casexx_fl{ float:left;width:60%; overflow:hidden;}
.casexx_fl h3{ font-size:32px; color:#333; margin-bottom:50px;}
.casexx_fl dd{ line-height:30px;}
.casexx_fl dd img{ max-width:100%; height:auto;}

.casexx_fr{ float:right; margin-left:6%; width:34%; position:relative;}
.casexx_fr h3{ font-size:30px; color:#444; margin-bottom:30px;}
.casexx_fr dd{ margin-bottom:50px; color:#6a6a6a; line-height:24px; padding-bottom:30px; border-bottom:1px solid #ccc;}

.mydiv {height:auto;margin:20px 0;background-color:#fff; max-width:520px !important;}

.casexx_fr h5{ font-size:16px; color:#989898; margin-bottom:36px; background-color:#f5f5f5; width:140px; height:46px; line-height:46px; text-align:center;border-radius:5px;}
.casexx_fr ul{ margin-left:-5%;}
.casexx_fr ul li{ float:left; width:45%; margin-left:5%; margin-bottom:30px;}
.casexx_fr ul li img{ max-width:100%; height:auto;border-radius:10px; transition: all .25s ease;}
.casexx_fr ul li p{ padding:10px 0 0 0; text-align:center; font-size:14px; color:#666; transition: all .25s ease;}
.casexx_fr ul li:hover p{color:#0a80e9;}
.casexx_fr ul li:hover img{transform:scale(1.05);}



/*新闻资讯*/
.news{ width:100%; overflow:hidden; background-color:#f1f1f1; padding-bottom:60px;}
.n_tit{ width:100%; overflow:hidden; height:60px; background-color:#fff;}
.n_tit_list{text-align:right;}
.n_tit_list ul{ margin:0 auto; display:inline-block;}
.n_tit_list ul li{ float:left; line-height:60px; padding:0 20px;}
.n_tit_list ul li a{ font-size:15px; padding-bottom:18px; border-bottom:2px solid #fff;transition: all .5s ease; color:#666}
.n_tit_list ul li .cur{ color:#0a80e9; border-bottom:2px solid #0a80e9;}
.n_tit_list ul li a:hover{ color:#0a80e9; border-bottom:2px solid #0a80e9;}

.news_list{width:95%; margin: 0 auto; overflow:hidden; padding-top:50px;}
.news_list ul{ margin-left:-2%; overflow:hidden;}
.news_list ul li{ float:left; background-color: #fff;width:23% ; margin:0 0 2% 2%;}
.news_list ul li div{padding: 1.2vw;}
.news_list ul li em{display: block; height: 30px; line-height: 30px; font-size: 14px; color: #555; font-style:normal;}
.news_list ul li h5{display: block; line-height: 1.5vw; padding: 1rem 0;}
.news_list ul li h5 a{display: block; font-size: 18px; color: #222; height:55px; overflow:hidden; font-weight:bold}
.news_list ul li i{display: block;height: 30px; line-height: 30px; font-size: 12px; color: #999; }
.news_list ul li span{display: block; overflow: hidden;background: #000; height:198px;}
.news_list ul li span img{ height:198px; width:100%;transition: all .5s ease; }
.news_list ul li p{display: block; padding: 1rem 0px;line-height:30px; color:#777; max-height:100px; overflow:hidden}
.news_list ul li:hover{background: #0a80e9; color: #fff;}
.news_list ul li:hover h5 a{ color: #fff;}
.news_list ul li:hover em{ color: #fff;}
.news_list ul li:hover i{ color: #fff;}
.news_list ul li:hover p{ color: #fff;}
.news_list ul li:hover span img{transform: scale(1.2, 1.2);}
.news_list .pagination{margin:0;}


/*新闻详细*/
.newsxx { overflow:hidden; width:86%; margin-top: 53px; padding:5% 7% 10% 7%; background: #fff }
.newsxx .newsxx_tit { padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; }
.newsxx .newsxx_tit h3 { font-size: 24px; color: #010101; padding-bottom: 25px }
.newsxx .newsxx_tit p { font-size: 14px; color: #888; margin-bottom:10px; }
.weizhi { color:#888;}
.weizhi b{ color:#888; font-size:12px;}
.weizhi a{ font-size:12px; color:#888;}
.weizhi a:hover{ color:#0a80e9;}
.newsxx .newsxx_wz { width: 100%;border-bottom: 1px solid #d9d9d9; overflow:hidden; margin-bottom:30px;}
.newsxx .newsxx_wz dd{ padding: 30px 0px 80px 0;line-height: 30px; text-align:justify; }
.newsxx .newsxx_wz dd img {max-width: 100%; height:auto; }
.newsxx .page{ width:100%; overflow:hidden;}
.newsxx .page ul{ width:50%; float:left;}
.newsxx .page ul li{ float:left; width:100%; line-height:40px; font-size:14px; color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsxx .page ul li a{ font-size:14px;}
.newsxx .page ul li a:hover{ color:#0a80e9;}
.newsxx .fanhui{ float:right; height:50px;overflow:hidden; width:130px;position:relative;margin-top:25px;}
.newsxx .fanhui a{ display:block; width:130px; height:50px; line-height:50px; background-color:#999; color:#fff; font-size:16px; text-align:center;transition: all .5s ease;}
.newsxx .fanhui .fh01{ position:absolute; top:0;transition: all 0.5s ease;}
.newsxx .fanhui .fh02{ position:absolute; top:50px ;transition: all 0.5s ease;}
.newsxx .fanhui dd:hover .fh01{ top:-50px;}
.newsxx .fanhui dd:hover .fh02{ top:0;background-color:#0a80e9;}


/*关于我们*/
.about{ width:100%; overflow:hidden; padding-bottom:0; margin-bottom:0;}
.about .n_tit{ background-color:#f1f1f1;}
.about .n_tit_list ul li a{border-bottom:2px solid #f1f1f1;}
.about .n_tit_list ul li .cur{ color:#0a80e9; border-bottom:2px solid #0a80e9;}
.about .n_tit_list ul li a:hover{ color:#0a80e9; border-bottom:2px solid #0a80e9;}

.ab_itm{width:100%; margin: 0 auto; overflow:hidden; background-color:#fff;}
.ab_itm01 {}
.ab_itm01 .itm_jj{ padding:50px 10%; overflow:hidden;}
.ab_itm01 .itm_jj .imt_jj_img{ float:left; width:47%;}
.ab_itm01 .itm_jj .imt_jj_img img{ max-width:100%;}
.ab_itm01 .itm_jj .imt_jj_wz{ float:right; width:50%;}
.ab_itm01 .itm_jj .imt_jj_wz h3{ width:100%; font-size:30px; text-align:center; line-height:32px;color:#444;}
.ab_itm01 .itm_jj .imt_jj_wz span{text-align:center; display:block; width:100%; margin:10px 0 30px 0; color:#989898;text-transform : uppercase; letter-spacing:1px;}
.ab_itm01 .itm_jj .imt_jj_wz dd{font-size:15px; line-height:30px; text-align:justify; color:#555}

.ab_itm02{ background-color:#0a80e9;}
.ab_itm02_list{padding:80px 10% 50px 10%; overflow:hidden;}
.ab_itm02_list ul{}
.ab_itm02_list ul li{ float:left; width:25%; text-align:center;}
.ab_itm02_list ul li h5{ font-size:55px; font-weight:bold; line-height:50px; color:#fff; border-right:1px solid #fff; height:80px;}
.ab_itm02_list ul li dd{font-size:16px; color:#fff; padding-top:10px;}
.ab_itm02_list ul li:nth-child(4) h5{border-right:none;}

.ab_itm03{ background-color:#f5f5f5; overflow:hidden; width:100%;}
.ab_itm03 .add{padding:50px 10% 80px 10%; overflow:hidden;}
.ab_itm03_tit { text-align:center; margin-bottom:50px;}
.ab_itm03_tit h5{ color:#555; font-size:30px; font-weight:bold;} 
.ab_itm03_tit span{ display:inline-block; width:110px; height:2px; background-color:#555; margin:10px 0 20px 0;}
.ab_itm03_tit dd{ color:#555; line-height:24px; font-size:16px;}

.ab_itm03_list{ max-width:1200px; margin:0 auto;}
.ab_itm03_list ul{ margin-left:-3%;}
.ab_itm03_list ul li{ float:left; width:22%; text-align:center; transition: all .5s ease; background-color:#fff;  margin-left:3%;cursor:pointer;}
.ab_itm03_list ul li .ab_itm03_list_bj{ background-color:#fff;padding:60px 0;border-radius:5px;transition: all .5s ease; text-align:center;}
.ab_itm03_list ul li span{ display:inline-block; height:100px; line-height:100px; width:100px;}
.ab_itm03_list ul li span .tu02{ display:none; }
.ab_itm03_list ul li dd{font-size:16px; color:#555; padding-top:40px;}

.ab_itm03_list .about_on01{ background:url(../image/ab_fw011.png) center no-repeat;}
.ab_itm03_list .about_on02{ background:url(../image/ab_fw021.png) center no-repeat;}
.ab_itm03_list .about_on03{ background:url(../image/ab_fw031.png) center no-repeat;}
.ab_itm03_list .about_on04{ background:url(../image/ab_fw041.png) center no-repeat;}

.ab_itm03_list ul li:hover dd{ color:#fff;}
.ab_itm03_list ul li:hover .ab_itm03_list_bj{ background-color:#0a80e9;}

.ab_itm03_list li:hover .about_on01{ background:url(../image/ab_fw01.png) center no-repeat;}
.ab_itm03_list li:hover .about_on02{ background:url(../image/ab_fw02.png) center no-repeat;}
.ab_itm03_list li:hover .about_on03{ background:url(../image/ab_fw03.png) center no-repeat;}
.ab_itm03_list li:hover .about_on04{ background:url(../image/ab_fw04.png) center no-repeat;}







.ab_itm04{ background:url(../image/ab_fw_bj.jpg) top center no-repeat; overflow:hidden; width:100%;}
.ab_itm04 .adk{width:80%; margin:0 auto; overflow:hidden; padding:50px 0 80px 0;}
.ab_itm04_tit { text-align:center; margin-bottom:50px; width:100%; overflow:hidden;}
.ab_itm04_tit h5{ color:#fff; font-size:30px; font-weight:bold; line-height:30px;} 
.ab_itm04_tit span{ display:inline-block; width:110px; height:2px; background-color:#fff; margin:10px 0 20px 0;}
.ab_itm04_tit dd{ color:#fff; line-height:24px; font-size:16px;}

.ab_itm04_list{ max-width:1400px; margin:0 auto;}
.ab_itm04_list ul{ margin-left:0;}
.ab_itm04_list ul li{ float:left; width:31%; margin-right:2.33%; text-align:center; background-color:#fff; height:430px; transition: all .5s ease;}
.ab_itm04_list ul li span{ display:block; width:100%; text-align:center; padding:50px 0; border-bottom:1px solid #ddd;}
.ab_itm04_list ul li span img{ max-height:60px; width:auto;}
.ab_itm04_list ul li dd{ font-size:24px; padding:20px 0 20px 0; font-weight:bold}
.ab_itm04_list .ico_ys{ width:90%; margin:0 5%;}
.ab_itm04_list .ico_ys dt{ line-height:28px; color:#777}
.ab_itm04_list ul li:hover{ margin-top:-15px;}



/*关于我们单页*/
.about_dy{ overflow:hidden; width:100%; padding:50px 0 120px 0; background-color:#f1f1f1;}
.about_dy_wz{ width:80%; margin:0 auto; overflow:hidden; background-color:#fff;}
.about_dy_wz_jj{ overflow:hidden; padding:5%;}
.about_dy_wz_jj h3{ font-size:30px; text-align:center; padding-bottom:50px;}
.about_dy_wz_jj dd{ line-height:30px; padding-bottom:10px;}
.about_dy_wz_jj dd img{ max-width:100%;}

.about_dy_wz_jj ul{ margin-left:-2%;}
.about_dy_wz_jj ul li{ float:left; width: calc(23% - 2px); margin:0 0 2% 2%; border:1px solid #eee;}
.about_dy_wz_jj ul li img{ max-width:100%; height:auto;}
.about_dy_wz_jj ul li dd{ text-align:center; padding-top:10px;}



/*联系我们*/
.contact{}
.contact_lx{ overflow:hidden; width:100%; padding:0px 0 120px 0; background-color:#f1f1f1;}
.contact_lx .lxfs{ overflow:hidden; width:100%; margin-top:50px;}

.contact .con_dh {width:100%;float:left; overflow:hidden;}
.contact .con_dh .con_dh_jj{padding:0 0 50px 0; overflow:hidden;}
.contact .con_dh .title {padding:0 0 20px 0;position:relative}
.contact .con_dh .title h3 {display:block;font-size:36px;}
.contact .con_dh .title span {display:block;font-size:30px;font-weight:lighter}
.contact .con_dh .title:after {content:'';display:block;width:80px;height:2px;line-height:2px;background:#333;position:absolute;left:0;bottom:0}

.contact .con_dh .des {margin:0 0 0 0;}
.contact .con_dh .des ul{ margin-left:-1%;}
.contact .con_dh .des li{ float:left; width:32.33%; background-color:#fff; height:250px; margin-left:1%;cursor:pointer; text-align:center;transition: all .5s ease;}
.contact .con_dh .des li dd{ width:80%; margin:0 auto; font-size:18px; font-weight:bold; transition: all .5s ease;}
.contact .con_dh .des li:hover{ background-color:#0a80e9;}
.contact .con_dh .des li:hover dd{ color:#fff;}
.contact .con_dh .des li span {background-image:url(../image/on_bj.png);background-position:0px 0px;background-repeat:no-repeat;width:33px;height:33px;display:block;margin:0px auto 35px;margin-top:80px;}
.contact .con_dh .des li span.a_b_span1 {background-position:0px 0px;}
.contact .con_dh .des li:hover span.on01,.contact .con_dh .des li:active span.on01 {background-position:-36px 0px;}
.contact .con_dh .des li span.on02 {background-position:0px -33px;}
.contact .con_dh .des li:hover span.on02,.contact .con_dh .des li:active span.on02 {background-position:-36px -33px;}
.contact .con_dh .des li span.on03 {background-position:0px -66px;}
.contact .con_dh .des li:hover span.on03,.contact .con_dh .des li:active span.on03 {background-position:-36px -66px;}




.contact_dt{ width:100%; overflow:hidden;}



.message{ width:100%; overflow:hidden;float:right; background:url(../image/mes_bj.png) center no-repeat #fff;}
.message .message_jj{ margin:75px 100px 0 100px;}
.message .message_jj .title {padding:0 0 20px 0;position:relative; text-align:right;}
.message .message_jj .title h3 {display:block;font-size:36px;color:#333}
.message .message_jj .title span {display:block;font-size:30px;color:#333;font-weight:lighter}
.message .message_jj .title:after {content:'';display:block;width:80px;height:2px;line-height:2px;background:#333;position:absolute;right:0;bottom:0}

.message .mess_form{ display:inline-block; padding:45px 0 45px 0;}
.message .mess_form { width:100%;}
.message .mess_form div{ overflow:hidden; width:100%;margin-bottom:40px;}
.message .mess_form .mes01{ float:left; width:50%;}
.message .mess_form .mes02{ float:right;width:50%;}
.message .mess_form .mes03{ float:right;width:100%;}

.message .mess_form input[type="text"]{ width:90%; height:49px;}
.message .mess_form input[type="tel"]{ width:100%; height:49px;}
.message .mess_form input[type="email"]{ width:100%;  height:49px; float:left;}
.message .mess_form textarea{ width:100%; margin-bottom:20px; border:none !important; border-bottom:#e4e4e4 solid 1px !important; height:108px; float:left; outline:none;background-color:transparent;}
.message .mess_form input[type="submit"] {width:120px;height:40px;line-height:40px;text-align:center;border:none;cursor:pointer;background:#ebebeb;color:#222; transition: all .5s ease;}
.message .mess_form input[type="submit"]:hover {background:#0a80e9;color:#fff}
.message .mess_form input{ border:none; outline:none; border-bottom:#e4e4e4 solid 1px; background-color:transparent;}

.message .mess_form input.btns{width:120px;height:40px;line-height:40px;text-align:center;border:none;cursor:pointer;background:#ebebeb;color:#222; margin-left:20PX; transition: all .5s ease;}
.message .mess_form input.btns:hover {background:#0a80e9;color:#fff}



/*人才招聘*/
.job{ overflow:hidden; width:100%; padding:50px 0 120px 0; background-color:#f1f1f1;}
.job_bj{ background-color:#fff; overflow:hidden; width:80%; margin:0 auto;}
.dkk{ width:90%; margin:0 auto;}
.job_jj{ padding:5% 0; overflow:hidden; border-bottom:1px dotted #999; margin-bottom:80px;}
.job_jj ul{ margin-left:-5.3%;}
.job_jj ul li{ width:28%; margin:0 0 0 5.3%; float:left;}
.ibox .icon-outer {overflow:hidden}
.ibox h5 {color:#000;margin:30px 0 12px 0;text-align:left; font-size:24px;}
.ibox i{ display:block;color:#7d7d7d;font-family:'Arial';text-align:left; font-size:16px;}
.ibox span {width:99px;height:1px; display:block; background-color:#333; margin:30px 0}
.ibox dd{color:#7d7d7c;line-height:30px;text-align:left; font-size:16px;}

.job_list{ padding-bottom:120px; overflow:hidden;}
.job_list_fl{ float:left; width:40%; overflow:hidden;}
.job_list_fl h5{ font-size:24px; color:#000;}
.job_list_fl span{width:99px;height:1px; display:block; background-color:#333; margin:30px 0}
.job_list_fl dd{ font-size:16px; color:#7d7d7d; line-height:36px;}

.job_list_fr{float:right; width:58%; overflow:hidden; border-left:1px solid #ddd;}
.body_c{ max-height:430px; overflow-y:auto;}
.zp_list{ width:90%; margin:0 auto;}
.zp_list li{ border-bottom:1px solid #f2f2f2;}
.zp_Ltop{ height:48px; cursor:pointer; padding:10px 0;}

.zp_jobName{}
.zp_jobName dd{ line-height:48px; float:left; font-size:16px; color:#000; padding-right:20px;}
.zp_jobName i{ line-height:48px; float:left;font-size:14px; display:block; color:#999;}
.zp_jobName em{ height:16px; width:16px; float:right; margin-top:17px; background:url(../image/job04.png) center no-repeat; transition: all .5s ease; }
.zp_list li.zp_cur .zp_jobName em{transform: rotate(90deg);}

.zp_Ldown{ color:#333; background-color:#f1f1f1; font-size:14px; height:auto; margin-top:20px; overflow:hidden; line-height:30px; padding:30px 0 50px 50px; border-top:1px solid #e0e0e0; display:none;}
.zp_list li.zp_cur .zp_jobName table tr span{ color:#333; background:url(http://www.yuendong.com/Public/home/images/zp_ho.png) no-repeat left;}
.zp_jobName .job_ljsq a{ padding:10px 25px; background-color:#2a82ee; color:#fff; font-size:16px;border-radius:5px; }


/*滚动条*/
.body_c::-webkit-scrollbar-track-piece {
 width:3px;
 background-color:#ddd;
}
.body_c::-webkit-scrollbar {
 width:3px;
 background-color:#2882e8;
}
.body_c::-webkit-scrollbar-thumb {
 width:3px;
 background-color:#aeaeae;
}
.body_c::-webkit-scrollbar-thumb:hover {
 width:3px;
 background-color:#111;
}



@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){

/*  head  */
.head{height:70px; position:relative;}
.logo{ height:70px; width:100%;}
.logo img{ margin:15px 0 0 3%; height:44px;}
.cl_nav{ position:absolute; float:right; right:3%; display:block; z-index:100; background:url(../image/t_tcimg.png) right center no-repeat; background-size:26px 19px; width:26px; height:28px; top:20px; cursor:pointer;}
.allnav_left{position:fixed;height:100% !important; background:rgba(0,0,0,0.9) !important;z-index:100;width:100%;padding:0;top:-1500px; left:0; z-index:999}
.allnav_left .nav_sj{ margin-top:100px;width:90%; margin:60px auto 0 auto;}
.allnav_left ul{ margin-left:-5%; margin-top:50px;}
.allnav_left li{ float:left; width:44% !important; height:30px !important; line-height:30px !important; border:1px solid #333 !important; padding:8px 0 !important; margin:0 0 5% 5% !important}
.allnav_left li a{ font-size:14px !important; float:left; width:100% !important; height:30px !important; line-height:30px !important; border:none !important; border:none !important;border-radius:0 !important;  padding:0 !important; margin:0 !important; text-align:center; color:#999 !important;padding:8px 23px; }
.theclose{ display:block; position:absolute; top:0; right:0; width:40px; height:40px; line-height:50px; text-align:center; background-color:#333; }
.theclose img{ width:20px; height:20px; margin-top:10px;}
.bk_gray{background:#000;opacity:0.5;position:fixed;width:100%;height:100%;z-index:5;display:none;top:0}
.head_nav .tel{ display:none;}
.nav_sj h5{ display:block; text-align:center;}

/* banner */
.banner{ height:200px; margin-top:0;}
.banner .flexslider{  height:200px;}
.banner .slides{ height:200px;}
.banner .slides li{ height:200px; background-size: auto 100% !important; }
.banner .flex-control-nav{ bottom:10px; }
.banner .flex-direction-nav{ display:none;}
.banner .index_news{ display:none;}
.banner .flex-control-nav a{width:30px;height:3px;}
.banner .flex-control-nav .flex-active{ height:3px;}
.banner .flex-control-nav li{display:inline-block; margin:0 2px; *display:inline;zoom:1; cursor:pointer}
.ab_banner { height: 260px; background-size: auto 100% !important; overflow: hidden;}
.ny_banner { height: 160px; background-size: auto 100% !important; overflow: hidden;}

.solutions,.app,.product,.title-comm,.ny_banner,.ny_banner,.news{ margin-top:0;}

/*首页关于我们*/
.h_about .h_about01{ padding:20px 0 20px 0;}
.h_ab_tit h3{ font-size:24px;}
.h_ab_tit span{ width:60px; height:2px; margin:10px 0;}
.h_ab_tit dd{font-size:13px; line-height:26px; width:94%; text-align:justify;}

.h_about02{ margin-top:20px;}
.warp{ width:94%; margin:0 3%;}
.h_about02_list{width:100%; box-shadow:none; padding:0 0 20px 0; margin-bottom:10px;}
.h_about02_list ul li{width: calc(50% - 2px); border:1px solid #eee; padding:20px 0;}
.h_about02_list ul li dd{ font-size:14px;}
.h_about02_list ul li span{ font-size:30px; padding:20px 0 10px 0;}
.h_about02_list ul li span i{ font-size:14px;}
.h_about02_list ul li:nth-child(1){ border-right:none; border-bottom:none;}
.h_about02_list ul li:nth-child(2){ border-bottom:none;}
.h_about02_list ul li:nth-child(4){ border-left:none;}


/*首页我们的服务*/
.h_service{ background:url(../image/h_ser_bj.jpg) top center no-repeat; padding:30px 0 40px 0; margin:0;}
.active_list{width:100%;}
.active_list h5{ font-size:24px;}
.active_list h5 p{ padding-top:10px;}
.active_list dd{font-size:14px; line-height:24px; padding:20px 0 20px 0;}
.active_list span{ display:none;}

.active_tab{width:100%; margin-bottom:20px;}
.active_tab .box{padding:20px 0;}
.active_tab .box img{ padding-bottom:15px; max-height:40px; width:auto;}
.active_tab .box p{ font-size:14px;}
.active_tab ul li:hover .box img{transform: scale(1);}
.active_tab ul li:hover .box p{ font-size:14px;}


/*首页案例*/
.syy_case{ margin-top:30px;}
.case{ margin:30px 0 0 0;}
.case .h_case_tit{ margin-bottom:10px;}

.CasesList ul li{ width:50%;}
.CasesList .CaseImg .imageText b{ font-size:14px;}
.CasesList .CaseImg .imageText p{  display:none;}
.CasesList .CaseImg .imageText a{ height:25px;font-size:12px; }
.CasesList .CaseImg .imageText a em{ height:25px; line-height:25px;display:inline-block;}





/*内页案例*/
.h_case{ padding:30px 0 30px 0;}
.h_case_tit{ margin-bottom:20px;}
.h_case_tit h3{ font-size:24px;}
.h_case_list ul li{ width:50%; margin-bottom:1px;}
.caseImg .caseBrief{ bottom:-40px; height:40px; line-height:40px;}
.caseImg .caseBrief dd{font-size:12px; }
.caseText h3{ height:40px; line-height:40px; font-size:13px;}
.h_caseMore{ padding:20px 0;}
.h_caseMore dd{ width:142px; height:46px;}
.h_caseMore dd a{ width:140px; height:45px; line-height:45px; font-size:14px;}
.h_caseMore dd .a02{top:45px;}
.h_caseMore dd:hover .a01{ top:-45px;}

.title-comm{ padding-top:20px; padding-bottom:30px;}
.title-comm .par01{ font-size:30px;}

/*首页项目流程*/
.h_process{margin:0 0 30px 0;}
.process_tit{ text-align:center; margin-bottom:30px; margin-top:30px;}
.process_tit h3{ font-size:24px; padding-bottom:10px; color:#fff;}
.process_tit dd{ font-size:14px;width:100%; margin:0 auto; line-height:24px;}
.process_img{ padding-bottom:30px;}



/*首页专家团队*/
.h_team{margin:30px 0;}
.team_tit{ margin-bottom:30px;}
.team_tit h3{ font-size:24px; padding-bottom:10px;}
.team_tit dd{ font-size:14px; width:100%; margin:0 auto; line-height:24px;}

.hotPic2{ width:94%; margin:0 3%;}
.hotPic2 .JQ-slide{ position:relative; height:480px; margin-top:30px;}
.hotPic2 .JQ-slide .wrap { width:100%; height:480px; overflow:hidden; position:relative; margin-top:15px;}
.hotPic2 .JQ-slide-content{ position:absolute; margin-left:-8px;}
.hotPic2 .imgList li { width:382px; height:480px; }
.hotPic2 .JQ-slide-nav a{  top:230px;}
.team_rw dd{font-size:14px; width:80%; margin:0 auto;}





/*首页新闻*/
.h_news{ width:100%; overflow:hidden;}
.h_news_list{ width:100%;}
.web-bg-list2{ margin-bottom:20px;}
.web-bg-list2 ul{ max-width:100%; margin:0 auto;}
.web-bg-list2 ul li{ width:50%; font-size:14px; padding:0; border:none;border-radius:0; margin:0 0 20px 0; display:inline-block;}
.web-bg-list2 ul li dd{ display:inline-block; width:150px; height:30px; line-height:30px; border:1px solid #ddd;border-radius:30px;}
.web-bg-list2 ul li.on dd{ background-color:#0a80e9; color:#fff; border:1px solid #0a80e9;}
.web-bg-list2 ul li.on{ background-color:#fff; color:#fff; border:none;}
.mews_tj{ width:100%; margin-bottom:10px;}
.mews_tj .tj_img { max-height:200px;}
.news_qt{width:100%;}
.news_qt ul{ margin-left:0;}
.news_qt ul li{ width:100%; margin:0 0 10px 0;}
.news_qt_lb .ne_ms{ padding-top:0;}



/*首页合作伙伴*/
.h_cooperation{ margin:20px 0 30px 0; background:url(../image/hezuo_bj.jpg) top right no-repeat;}
.cooTit{ width:100%; padding:20px 0; background:url(../image/cooTit_bj.jpg) bottom right no-repeat #0a80e9; margin-top:50px;}
.cooTit .cooTit_jj{ padding-left:60px;}
.cooTit .cooTit_01{}
.cooTit .cooTit_01 h3{ font-size:26px; padding-bottom:10px;}
.cooTit .cooTit_01 p{ font-size:14px;}
.cooTit .cooTit_01 span{width:30px; height:3px; background-color:#fff; margin:20px 0;}
.cooTit .cooTit_02 li{font-size:32px;}
.cooTit .cooTit_02 li i{font-size:12px;}
.cooTit .cooTit_03 {padding:30px 0 10px 0;}
.cooTit .cooTit_03 dd img{ margin-top:10px;}
.cooList{ width:100%; margin-top:20px;}
.cooList ul li{ width:50%; }


/*首页提交需求*/
.h_message{padding:30px 0 80px 0;}
.h_message .w1200{ width:94%; margin:0 3%;}
.messTit h3{ font-size:24px; text-align:center;}
.messCont{ padding:30px 0 0 0;}
.messCont .mess_form{ display:inline-block;}
.messCont .mess_form { width:100%;}
.messCont .mess_form div{ margin-bottom:15px; padding:0 2%;}
.messCont .mess_form .mes01{ width:96%; margin-right:0;}
.messCont .mess_form .mes02{width:96%; margin-right:0;}
.messCont .mess_form .mes03{width:96%; margin-right:0;}
.messCont .mess_form .mes04{ width:120px; padding:0;}
.messCont .mess_form input{ height:40px; width:100%; line-height:40px; }
.messCont .mess_form textarea{ height:80px; line-height:24px;}
.messCont .mess_form input[type="submit"] {width:120px;height:40px;line-height:40px;}
.messWz{ font-size:12px; color:#757575;}


/*解决方案*/
.solutions_list{ width:94%;}
.solutions_list ul li{ margin-top:30px; width:100%;}
.itme .itme_wz{ padding:20px 0;} 
.itme .itme_wz h5 a{ font-size:16px;} 
.itme .itme_wz span{margin:20px 0;} 
.itme .itme_wz p{ line-height:26px;} 


/*APP定制*/
.app_list ul li{ width:50%;}
.app_list_tit h5{border-bottom: solid 1px #fff;border-top: solid 1px #fff;color:#fff; font-size:18px;}
.app_list_tit p{ display:none;}



/*产品体验*/
.product{ margin:0;}
.product ul li{margin-bottom:30px;}
.product_img{ width:100%;}
.product_wz{ width:100%;}
.product_wz .jianju{padding:20px 0 0 0; width:94%; margin:0 auto; border-bottom:1px solid #eee; padding-bottom:20px;}
.product_wz .jianju h3{min-height:49px;}
.product_wz .jianju h3 a{font-size:24px;}
.product_wz .jianju span{line-height:24px;font-size:14px;}
.product_wz .jianju .wz02{ margin-bottom:20px;}

.wz03 .wz_ice01{ width:122px; margin-right:20px;}
.wz03 .wz_ice02{ width:122px;}
.wz03 dd{height:42px;}
.wz03 dd a{ width:120px; height:40px; line-height:40px;}
.wz03 dd .a02{top:42px ;}
.wz03 dd:hover .a01{ top:-42px;}


/*客户案例*/
.case .n_tit{ margin-bottom:30px;}


/*案例详情*/
.casexx{padding:0 0 50px 0; margin-top:30px;}
.casexx_jj{ width:94%; margin:0 auto;}
.casexx_fl{ width:100%;}
.casexx_fl dd{ line-height:24px;}
.casexx_fl dd img{ max-width:100%; height:auto;}
.casexx_fr{ margin-left:0; width:100%;}
.casexx_fr h3{ font-size:24px; margin-bottom:10px;}
.casexx_fr dd{ margin-bottom:30px; font-size:12px; padding-bottom:12px; border-bottom:1px solid #eee;}
.casexx_fr h5{ display:none;}
.casexx_fr ul{ display:none;}



/*新闻资讯*/
.news{ width:100%; overflow:hidden; background-color:#f1f1f1; padding-bottom:80px;}
.n_tit{ width:100%; overflow:hidden; height:auto; background-color:#fff;}
.n_tit w1400{ width:94%; margin:0 3%;}
.n_tit_list{text-align:center;}
.n_tit_list ul{ margin:0 auto; display:block; width:100%;}
.n_tit_list ul li{ float:left; line-height:60px; padding:0; width:25%;}
.n_tit_list ul li a{ font-size:16px; padding-bottom:18px; border-bottom:2px solid #fff;transition: all .5s ease; }
.n_tit_list ul li .cur{ color:#0a80e9; border-bottom:2px solid #0a80e9;}
.n_tit_list ul li a:hover{ color:#0a80e9; border-bottom:2px solid #0a80e9;}

.news_list{width:94%; margin: 0 auto; padding-top:20px;}
.news_list ul{ margin-left:0;}
.news_list ul li{width:100% ; margin:0 0 20px 0;}
.news_list ul li div{padding: 15px;}
.news_list ul li h5{line-height: 36px; padding:0; }
.news_list ul li h5 a{width:100%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_list ul li span{ height:auto;}
.news_list ul li span img{ height:auto; max-width:100%;}


/*新闻详细*/
.xwxx .w1400{ width:94%; margin:0 auto;}
.newsxx { width:90%; margin-top: 30px; padding:5% 5% 30px 5%;}
.newsxx .newsxx_tit { padding-bottom: 10px;}
.newsxx .newsxx_tit h3 { font-size: 16px; padding-bottom: 15px }
.newsxx .newsxx_tit p { font-size: 12px; margin-bottom:10px; }
.weizhi { color:#888;}
.weizhi b{ color:#888; font-size:12px;}
.weizhi a{ font-size:12px; color:#888;}
.newsxx .newsxx_wz {margin-bottom:30px;}
.newsxx .newsxx_wz dd{ padding: 20px 0px 30px 0;line-height: 26px; font-size:13px;}
.newsxx .page ul{ width:100%;}
.newsxx .page ul li{line-height:30px; font-size:14px;color:#444;}
.newsxx .page ul li a{ font-size:14px; color:#444;}
.newsxx .page ul li a:hover{ color:#0a80e9;}
.newsxx .fanhui{height:40px;width:100%;margin-top:20px;}
.newsxx .fanhui a{width:120px; height:40px; line-height:40px;font-size:14px; }
.newsxx .fanhui .fh02{ top:40px ;}
.newsxx .fanhui dd:hover .fh01{ top:-40px;}



/*关于我们*/
.about{ width:100%; overflow:hidden; padding-bottom:0; margin-bottom:0;}
.about .n_tit{ background-color:#f1f1f1;}
.about .n_tit_list ul li a{border-bottom:2px solid #f1f1f1;}
.about .n_tit_list ul li .cur{ color:#0a80e9; border-bottom:2px solid #0a80e9;}
.about .n_tit_list ul li a:hover{ color:#0a80e9; border-bottom:2px solid #0a80e9;}

.ab_itm{width:94%; margin: 0 auto;}
.ab_itm01 .itm_jj{ padding:30px 0;}
.ab_itm01 .itm_jj .imt_jj_img{ width:100%; margin-bottom:30px;}
.ab_itm01 .itm_jj .imt_jj_img img{ height:auto;}
.ab_itm01 .itm_jj .imt_jj_wz{ width:100%;}
.ab_itm01 .itm_jj .imt_jj_wz h3{font-size:24px;}
.ab_itm01 .itm_jj .imt_jj_wz span{ font-size:12px; margin:5px 0 15px 0;}

.ab_itm02_list{padding:50px 0 0 0;}
.ab_itm02_list ul li{ width:50%; margin-bottom:50px;}
.ab_itm02_list ul li h5{ font-size:36px; line-height:36px;height:auto;}
.ab_itm02_list ul li dd{font-size:14px; }
.ab_itm02_list ul li:nth-child(2) h5{border-right:none;}

.ab_itm03 .add{padding:30px 0 20px 0;}
.ab_itm03_tit { margin-bottom:30px;}
.ab_itm03_tit h5{ font-size:24px;} 
.ab_itm03_tit span{ width:60px; height:2pxmargin:10px 0 20px 0;}
.ab_itm03_tit dd{line-height:24px; font-size:14px;}
.ab_itm03_list{ max-width:100%;}

.ab_itm03_list{ max-width:94%; margin:0 auto;}
.ab_itm03_list ul{ margin-left:-2%;}
.ab_itm03_list ul li{ float:left; width:48%; text-align:center; transition: all .5s ease; background-color:#fff;  margin-left:2%; margin-bottom:2%;cursor:pointer;}
.ab_itm03_list ul li .ab_itm03_list_bj{ background-color:#fff;padding:30px 0;border-radius:5px;transition: all .5s ease; text-align:center;}
.ab_itm03_list ul li span{ display:inline-block; height:80px; line-height:80px; width:80px;}
.ab_itm03_list ul li span .tu02{ display:none; }
.ab_itm03_list ul li dd{font-size:16px; color:#555; padding-top:20px;}

.ab_itm03_list .about_on01{ background:url(../image/ab_fw011.png) center no-repeat;}
.ab_itm03_list .about_on02{ background:url(../image/ab_fw021.png) center no-repeat;}
.ab_itm03_list .about_on03{ background:url(../image/ab_fw031.png) center no-repeat;}
.ab_itm03_list .about_on04{ background:url(../image/ab_fw041.png) center no-repeat;}

.ab_itm03_list ul li:hover dd{ color:#fff;}
.ab_itm03_list ul li:hover .ab_itm03_list_bj{ background-color:#0a80e9;}

.ab_itm03_list li:hover .about_on01{ background:url(../image/ab_fw01.png) center no-repeat;}
.ab_itm03_list li:hover .about_on02{ background:url(../image/ab_fw02.png) center no-repeat;}
.ab_itm03_list li:hover .about_on03{ background:url(../image/ab_fw03.png) center no-repeat;}
.ab_itm03_list li:hover .about_on04{ background:url(../image/ab_fw04.png) center no-repeat;}
.ab_itm03_list ul li dd{ width:100% !important; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ab_itm03_list .about_on01,.ab_itm03_list .about_on02,.ab_itm03_list .about_on03,.ab_itm03_list .about_on04{ background-size:80% auto;}







.ab_itm04{ background:none; background-color:#f1f1f1; }
.ab_itm04 .adk{width:94%; margin:0 auto; padding:30px 0 80px 0;}
.ab_itm04_tit {margin-bottom:30px;}
.ab_itm04_tit h5{ color:#555; font-size:24px; } 
.ab_itm04_tit span{  width:60px; height:2px; background-color:#555; margin:10px 0 20px 0;}
.ab_itm04_tit dd{ color:#555; line-height:24px; font-size:14px;}

.ab_itm04_list{ max-width:100%; margin:0 auto;}
.ab_itm04_list ul{ margin-left:0;}
.ab_itm04_list ul li{  width:100%; margin:0 0 20px 0;height:auto;}
.ab_itm04_list ul li span{padding:50px 0;}
.ab_itm04_list ul li dd{ font-size:24px; padding:20px 0 20px 0;}
.ab_itm04_list .ico_ys{ padding-bottom:50px;}
.ab_itm04_list ul li:hover{ margin-top:0;}



/*关于我们单页*/
.about_dy{ width:100%; padding:30px 0 80px 0;}
.about_dy_wz{ width:94%;}
.about_dy_wz_jj h3{ font-size:24px;padding-bottom:30px;}
.about_dy_wz_jj ul{ margin-left:-2%;}
.about_dy_wz_jj ul li{ float:left; width:48%; margin:0 0 2% 2%;}
.about_dy_wz_jj ul li img{ width:100%; height:auto;}



/*联系我们*/
.contact_lx{ padding:30px 0 80px 0;}
.contact_lx{ width:100%;}
.contact_lx .lxfs{ margin-top:0;}
.contact .con_dh .con_dh_jj{padding:0;}
.contact .con_dh .title {padding:0 0 10px 0;position:relative}
.contact .con_dh .title h3 {font-size:24px;}
.contact .con_dh .title span {font-size:16px;}
.contact .con_dh .des li{ height:200px;}
.contact .con_dh .des li span {margin:0px auto 20px;margin-top:50px;}


.contact .con_dh {width:94%; margin:0 3%;}
.contact .con_dh .des ul{ margin-left:0%;}
.contact .con_dh .des li{ width:100%;  margin:0 0 20px 0;}



.ditu img{ max-width:100%; height:auto;}
.message { width:94%; margin:0 3%;}
.message .message_jj{ margin:35px 20px 0 20px;}
.message .message_jj .title {padding:0 0 20px 0;text-align:center;}
.message .message_jj .title h3 {font-size:24px;color:#333}
.message .message_jj .title span {font-size:16px;color:#666;}
.message .message_jj .title:after { display:none;}
.message .mess_form{ padding:20px 0 45px 0;}
.message .mess_form div{margin-bottom:20px;}
.message .mess_form textarea{ margin:20px 0;}



/*人才招聘*/
.job{ padding:30px 0 80px 0;}
.job_bj{width:94%;}
.dkk{ width:90%;}
.job_jj{ padding:5% 0; margin-bottom:30px;border-bottom:none;}
.job_jj ul{ margin-left:0;}
.job_jj ul li{ width:100%; margin:10px 0 20px 0; float:left; text-align:center; border-bottom:1px dotted #ccc; padding-bottom:20px;}
.ibox .icon-outer {overflow:hidden}
.ibox h5 {color:#000;margin:10px 0;text-align:center; font-size:24px;}
.ibox i{ display:block;text-align:center; font-size:14px;}
.ibox span {width:99px;height:1px; display:inline-block; background-color:#333; margin:10px 0}
.ibox dd{color:#7d7d7c;line-height:30px;text-align:center; font-size:14px;}

.job_list{ padding-bottom:80px; overflow:hidden;}
.job_list_fl{ float:left; width:100%; overflow:hidden; margin-bottom:20px;}
.job_list_fl h5{ font-size:24px; color:#000;}
.job_list_fl span{width:99px;height:1px; display:block; background-color:#333; margin:10px 0}
.job_list_fl dd{ font-size:14px; color:#7d7d7d; line-height:28px;}

.job_list_fr{float:right; width:100%; overflow:hidden; border-left:none;}
.body_c{ max-height:450px; overflow-y:auto;}
.zp_list{ width:95%; margin:0 5% 0 0;}
.zp_list li{ border-bottom:1px solid #f2f2f2;}
.zp_Ltop{ height:48px; cursor:pointer; padding:10px 0;}

.zp_jobName{}
.zp_jobName dd{ line-height:48px; float:left; font-size:16px; color:#000; padding-right:20px;}
.zp_jobName i{ line-height:48px; float:left;font-size:14px; display:block; color:#999; display:none;}
.zp_jobName em{ height:16px; width:16px; float:right; margin-top:17px; background:url(../image/job04.png) center no-repeat; transition: all .5s ease; }
.zp_list li.zp_cur .zp_jobName em{transform: rotate(90deg);}

.zp_Ldown{ color:#333; background-color:#f1f1f1; font-size:14px; height:auto; margin-top:20px; overflow:hidden; line-height:30px; padding:30px 10px 50px 10px; border-top:1px solid #e0e0e0; display:none;}
.zp_list li.zp_cur .zp_jobName table tr span{ color:#333; background:url(http://www.yuendong.com/Public/home/images/zp_ho.png) no-repeat left;}
.zp_jobName .job_ljsq a{ padding:10px 25px; background-color:#2a82ee; color:#fff; font-size:16px;border-radius:5px; }





/*footer*/
.footer {overflow:hidden; width:100%; padding:65px 0 25px 0; background-color:#333;}
.footer_itm{ width:100%; overflow:hidden;}
.footer_itm h5{ color:#fff; font-size:16px; border-bottom:1px solid #4c4c4c; margin-bottom:20px; padding-bottom:10px;}

.f_nav{ float:left; overflow:hidden; width:100%; margin-bottom:10px;}
.f_nav ul{}
.f_nav ul li{ float:left; width:25%; margin-bottom:20px; text-align:center;}
.f_nav ul li a{ font-size:12px; color:#999;}
.f_nav ul li a:hover{ color:#0a80e9;}

.f_about{float:left; overflow:hidden; width:38%; margin:0 4%; display:none;}
.f_about dd{font-size:12px; color:#999; line-height:28px; text-align:justify;}

.f_contact{float:right; overflow:hidden; width:100%;}
.f_contact ul{ float:left;}
.f_contact ul li{font-size:12px; color:#999 !important; line-height:26px;}
.f_contact ul li a{ color:#999 !important; }
.f_contact dd{ float:right;}
.f_contact dd img{ padding-top:8px;}

.f_link{ width:100%; overflow:hidden; margin:60px 0 30px 0; padding:20px 0 30px 0; border-top:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c;}
.f_link h3{font-size:16px; color:#fff; padding-bottom:10px;}
.f_link ul{}
.f_link ul li{ float:left; margin-right:20px;}
.f_link ul li a{ font-size:12px; color:#cdcdcd;}
.f_link ul li a:hover{ color:#0a80e9;}

.footer_bt{ width:100%; overflow:hidden; text-align:center;}
.footer_bt dd{ font-size:12px; color:#cdcdcd; padding-bottom:8px;}
#map{ width:100% !important; height:450px !important;}
}



@media (min-width:375px) and (max-width:410px){
	
/*首页专家团队*/
.hotPic2 .imgList li { width:348px; height:480px; }
.f_contact dd{ width:100%; text-align:center; margin-top:10px;}
#map{ width:100% !important; height:450px !important;}

	
}


@media (max-width:340px) {
/* banner */
.banner{ height:160px; }
.banner .flexslider{  height:160px;}
.banner .slides{ height:160px;}
.banner .slides li{ height:160px;}
.banner .flex-control-nav a{width:20px;height:2px;}
.banner .flex-control-nav .flex-active{ height:2px;}
.ny_banner { height: 130px; background-size: auto 100% !important; overflow: hidden;}

.caseText h3{ font-size:12px; color:#555;}
.h_caseMore dd{ width:122px; height:41px;}
.h_caseMore dd a{ width:120px; height:40px; line-height:40px; font-size:12px;}
.h_caseMore dd .a02{top:40px;}
.h_caseMore dd:hover .a01{ top:-40px;}


/*首页专家团队*/
.h_team{margin:30px 0;}
.team_tit{ margin-bottom:30px;}
.team_tit h3{ font-size:24px; padding-bottom:10px;}
.team_tit dd{ font-size:12px; width:100%; margin:0 auto; line-height:24px;}

.hotPic2{ width:94%; margin:0 3%;}
.hotPic2 .JQ-slide{ position:relative; height:480px; margin-top:30px;}
.hotPic2 .JQ-slide .wrap { width:100%; height:480px; overflow:hidden; position:relative; margin-top:15px;}
.hotPic2 .JQ-slide-content{ position:absolute; margin-left:-10px;}
.hotPic2 .imgList li { width:300px; height:480px; }
.hotPic2 .JQ-slide-nav a{  top:200px;}
.team_rw dd{font-size:14px; width:80%; margin:0 auto;}
.team_rw span{ padding:10px 0 20px 0;}


/*首页新闻*/
.web-bg-list2 ul li dd{width:140px;}
.mews_tj .tj_img { max-height:180px;}

.f_contact dd{ width:100%; text-align:center; margin-top:10px;}

.h_case .n_tit_list ul li{ width:50% !important;}
.pagination{ margin:30px 0;}
.footer{padding: 35px 0 25px 0;}
.n_tit_list ul li a{ font-size:14px;}
#map{ width:100% !important; height:450px !important;}
.job_jj{ margin-bottom:10px;}
	

	}
	
	

@media (min-width:1024px) and (max-width:1366px){
.warp{ width:90%;}
.h_ab_tit dd{ width:80%;}
.banner{ height:500px !important; }
.banner{ height:500px\9; }
*html .banner{ height:500px; }
*+ html .banner{ height:500px; }




.banner .flexslider{  height:500px;}
.banner .slides{ height:500px;}
.banner .slides li{ height:500px;}
.banner .slides li{ height:500px; background-size: auto 100% !important; }


.ny_banner { height: 360px; background-size: auto 100% !important; overflow: hidden;}

.hotPic2 .JQ-slide .wrap{ height:424px;}
.hotPic2 .JQ-slide{ height:450px;}
.hotPic2 .imgList li { width:300px !important; height:424px; }
.caseText h3{ height:70px; line-height:70px; font-size:16px;}
.solutions_list{ width:100%;}
.solutions_list ul li{ width:50%;}
.product_img{ width:50%;}
.product_wz{ width:50%;}
.product ul li{ margin-bottom:0;}
.h_case_list ul li{ width:25%;}
.pagination{margin: 20px 0 50px 0;}
.news_list ul li {float: left; background-color: #fff;width: 23%; margin: 0 0 2% 2%;}
.news_list ul li p{ height:220px; overflow:hidden;}


.ab_itm03_list ul{ margin-left:-3%;}
.ab_itm03_list ul li{ float:left; width:22%; text-align:center; transition: all .5s ease; background-color:#fff;  margin-left:3%;cursor:pointer;}

.casexx_jj{ width:90%;}
.mydiv {max-width:408px !important;}

.ab_itm04_list ul li{width: 31%; margin-right: 2.33%;}
.ab_itm04_list .ico_ys dt{ height:196px; overflow:hidden;}
.ab_itm02_list ul li:nth-child(2) h5{border-right:1px solid #fff;}
.about_dy_wz_jj ul { margin:0 auto;}
.about_dy_wz_jj ul li {float: left;width: 48%; margin: 0 0 2% 1%;}
#map{ width:100% !important; height:520px !important;}
.ibox .icon-outer{ height:71px;}
.job_jj ul li { width: 28%; margin: 0 0 0 5.3%;}
.ibox dd{ overflow:hidden; height:150px;}
.web-bg-list2 ul{ width:80%; margin:0 0 0 -1%;}
.web-bg-list2 ul li{width: 24%; margin: 0 0 20px 1%;}

.mews_tj{ width:33%; margin-bottom:20px;}
.mews_tj .tj_img{ height:214px;}
.mews_tj .tj_img img{ max-height:214px;}

.news_qt{ width:65.5%;}
.news_qt ul{ margin-left:-2%;}
.news_qt ul li{ width:48%;margin: 0 0 20px 2%;}
.cooList ul li{ width:25%;}


/*首页提交需求*/
.messCont{ padding:50px 0;}
.messCont .mess_form{ display:inline-block;}
.messCont .mess_form { width:100%;}
.messCont .mess_form div{ overflow:hidden; width:100%;margin-bottom:40px; background-color:#FFF; padding:0 15px;}
.messCont .mess_form .mes01{ float:left; width:200px; margin-right:20px;}
.messCont .mess_form .mes02{ float:left;width:200px; margin-right:20px;}
.messCont .mess_form .mes03{ float:left;width:40%; margin-right:20px;}
.messCont .mess_form .mes04{ float:left; width:145px; padding:0;}
.messCont .mess_form input{ height:60px; width:100%; line-height:60px; border:none;outline:none;}
.messCont .mess_form textarea{ width:100%; border:none; height:60px; line-height:60px; float:left; outline:none; resize:none;}
.messCont .mess_form input[type="submit"] { float:left;width:145px;height:60px;line-height:60px;text-align:center;border:none;cursor:pointer;background:#0a80e9;color:#fff; transition: all .5s ease;}
.messCont .mess_form input[type="submit"]:hover {background:#0a80e9;color:#fff}
.messWz{ font-size:12px; color:#757575;}
.contact .con_dh .des ul{ margin-left:-1%;}
.contact .con_dh .des li{ float:left; width:32.33%; background-color:#fff; height:250px; margin-left:1%;cursor:pointer; text-align:center;transition: all .5s ease;}
.contact .con_dh .des li span {margin:0px auto 35px;margin-top:80px;}
.product_wz .jianju .wz02{ margin-bottom:20px}
.product_wz .jianju .wz02 span{ line-height:30px}


/*首页我们的服务*/
.CasesList ul li{}
.h_about02_list ul li span{ font-size:35px;}
.h_service{ width:100%; overflow:hidden; position:relative; background:url(../image/h_ser_bj.jpg) center no-repeat; padding:120px 0 140px 0; margin:80px 0 0 0;}
.active_list{ float:left; width:40%;}
.active_list h5{ font-size:38px; color:#fff; width:100% !important;}
.active_list h5 p{ padding-top:20px;}
.active_list dd{font-size:16px; color:#fff; overflow:hidden; line-height:30px; padding:50px 0 30px 0; height:200px;}
.active_list span{ }
.active_list span a{font-size:16px; color:#fff; display:block;transition: all .35s ease;}
.active_list span a:hover{ margin-left:10px;}

.active_tab{ float:right; width:50% !important;}
.active_tab ul{}
.active_tab ul li { float:left; width:33.3%; text-align:center;}

.active_tab .box{ border:1px solid #fff; padding:35px 0; transition: all .25s ease; text-align:center;}
.active_tab .box img{ padding-bottom:20px;transition: all .5s ease;}
.active_tab .box .ser02{ display:none;transition: all 5s ease;}
.active_tab .box p{ font-size:20px; color:#fff;}
.active_tab ul li:nth-child(2) .box,.active_tab ul li:nth-child(5) .box{ border-left:none; border-right:none;}
.active_tab ul li:nth-child(1) .box,.active_tab ul li:nth-child(2) .box,.active_tab ul li:nth-child(3) .box{ border-bottom:none;}
.active_tab ul li:hover .box{ background:rgba(10,128,233,1);/*background:rgba(0,0,0,0.2);*/background-color:#046dca;}
.active_tab ul li:hover .box img{/*transform: scale(1.1);*/}
.active_tab ul li:hover .box .ser02{ display:inline-block;}
.active_tab ul li:hover .box .ser01{ display:none;}
.active_tab ul li:hover .box p{ font-size:20px;}

.CasesList .CaseImg .imageText b{ font-size:18px; line-height:20px;}
.CasesList .CaseImg .imageText p{ font-size:14px; padding-top:3px; padding-bottom:10px;}
.CasesList .CaseImg .imageText a{ font-size:14px;}
.web-bg-list2 ul li{width: 15%; margin: 0 0 20px 1%;}
.cooTit_03{ display:none;}
.cooTit .cooTit_02 li{ padding-bottom:20px;}
.cooTit{padding: 80px 0 110px 0;}

.app_list_tit {top:50%;}
.app_list ul li:hover .app_list_tit{top:45%;}
.news_list ul li h5{ line-height:26px; padding:10px 0;}
.news_list ul li h5 a{ font-size:16px;}
.news_list ul li span{ height:160px;}
.news_list ul li span img{ height:160px;}
.news_list ul li p{ height:80px;}





}

@media (min-width:1366px)and (max-width:1440px){
.h_news .warp{ width:90%;}	
.cooTit_03{ display:none;}
.CasesList .CaseImg .imageText b{ font-size:18px; line-height:20px;}
.CasesList .CaseImg .imageText p{ font-size:14px; padding-top:3px; padding-bottom:10px;}
.CasesList .CaseImg .imageText a{ font-size:14px;}
.active_list dd{font-size:16px; color:#fff; overflow:hidden; line-height:30px; padding:50px 0 30px 0; height:200px;}
.active_tab .box{ border:1px solid #fff; padding:35px 0; transition: all .25s ease; text-align:center;}
.cooTit{padding: 80px 0 150px 0;}
	
	}


/*平板竖屏*/
@media (min-width:768px) and (max-width:1023px){	
.banner{ height:360px; }
.banner .flexslider{  height:360px;}
.banner .slides{ height:360px;}
.banner .slides li{ height:360px;}
.ny_banner {height: 260px;}
.hotPic2 .JQ-slide{height:350px;}
.hotPic2 .JQ-slide .wrap { width:100%; height:350px;}
.hotPic2 .imgList li { width:225px !important; height:350px; }
.caseText h3{ height:70px; line-height:70px; font-size:16px;}
.solutions_list{ width:100%;}
.solutions_list ul li{ width:50%;}
.app_list ul li{ width:33.3%;}
.product_img{ width:50%;}
.product_wz{ width:50%;}
.product ul li{ margin-bottom:0;}
.product_wz .jianju .wz02{ height:70px; overflow:hidden;}
.product_wz .jianju h3 a{ font-size:18px;}

.ab_itm03 .add{ width:94%; margin:0 auto;}


.wz03 dd a{ height:40px; line-height:40px;}
.wz03 dd .a02{ top:42px ;}
.wz03 dd:hover .a01{ top:-42px;}
.h_case_list ul li{ width:25%;}
.news_list ul li {float: left; background-color: #fff;width: 47%; margin: 0 0 2% 2%;}
.news_list ul li p{ height:120px; overflow:hidden;}
.ab_itm03_list ul{ margin-left:-3%;}
.ab_itm03_list ul li{ float:left; width:22%; text-align:center; transition: all .5s ease; background-color:#fff;  margin-left:3%;cursor:pointer;}


.ab_itm04_list ul li{width: 31%; margin-right: 2.33%;}
.ab_itm04_list .ico_ys dt{ height:196px; overflow:hidden;}
.ab_itm04_list ul li span img { height:auto; max-width: 90%;}
.ab_itm02_list ul li:nth-child(2) h5{border-right:1px solid #fff;}
.about_dy_wz_jj ul { margin:0 auto;}
.about_dy_wz_jj ul li {float: left;width: 48%; margin: 0 0 2% 1%;}
#map{ width:100% !important; height:520px !important;}
.ibox .icon-outer{ height:71px;}
.job_jj ul li { width: 31%; margin: 0 0 0 2.3%;}
.ibox dd{ overflow:hidden; height:180px;}
.web-bg-list2 ul{ width:100%; margin:0 0 0 -1%;}
.web-bg-list2 ul li{width: 15%; margin: 0 0 20px 1%;}
.mews_tj{ width:100%;}
.mews_tj .tj_img{ height:300px; float:left;}
.mews_tj .tj_img img{ max-height:300px;}
.news_qt ul{ margin-left:-2%;}
.news_qt ul li{ width:48%;margin: 0 0 20px 2%;}
.cooList ul li{ width:25%;}

.hotPic2 .JQ-slide-nav a{  top:160px;}


/*首页提交需求*/
.messCont{ padding:50px 0;}
.messCont .mess_form{ display:inline-block;}
.messCont .mess_form { width:100%;}
.messCont .mess_form div{ overflow:hidden; width:100%;margin-bottom:40px; background-color:#FFF; padding:0 15px;}
.messCont .mess_form .mes01{ float:left; width:170px; margin-right:20px;}
.messCont .mess_form .mes02{ float:left;width:170px; margin-right:20px;}
.messCont .mess_form .mes03{ float:left;width:30%; margin-right:20px;}
.messCont .mess_form .mes04{ float:left; width:145px; padding:0;}
.messCont .mess_form input{ height:60px; width:100%; line-height:60px; border:none;outline:none;}
.messCont .mess_form textarea{ width:100%; border:none; height:60px; line-height:60px; float:left; outline:none; resize:none;}
.messCont .mess_form input[type="submit"] { float:left;width:145px;height:60px;line-height:60px;text-align:center;border:none;cursor:pointer;background:#0a80e9;color:#fff; transition: all .5s ease;}
.messCont .mess_form input[type="submit"]:hover {background:#0a80e9;color:#fff}
.messWz{ font-size:12px; color:#757575;}
.contact .con_dh .des ul{ margin-left:-1%;}
.contact .con_dh .des li{ float:left; width:32.33%; background-color:#fff; height:200px; margin-left:1%;cursor:pointer; text-align:center;transition: all .5s ease;}
.news_qt{ width:100%; margin-top:20px;}
}