@charset "utf-8";
/*关于我们*/
.company_profile { font-size: 14px; color: #333; overflow: hidden; }
.company_profile .big_title { margin-bottom: 40px; }
.company_profile .fl { width: 660px; }
.company_profile p { padding-bottom: 20px; line-height: 26px; }
.company_culture { width: 100%; height: 446px; background: url(../images/pic002.jpg) center no-repeat; text-align: center; padding-top: 120px; }
.company_culture dl { width: 400px; margin: 0 0% 0 5%; display: inline-block; margin-bottom: 50px; }
.company_culture dl dt { float: left; width: 48px; height: 48px; }
.company_culture dl dd { float: left; width: 320px; margin-left: 20px; text-align: left; color: #fff; }
.company_culture dl dd b { width: 100%; display: block; font-size: 18px; }
.corporate_vision { overflow: hidden; }
.corporate_vision h6 { width: 20px; float: right; margin: 0 30px; color: #333; font-size: 28px; word-wrap: break-word; line-height: 30px; }
.corporate_vision p { width: 20px; float: right; margin-left: 15px; color: #666; font-size: 18px; word-wrap: break-word; line-height: 24px; }
.content .organization .m { display: none; }.content .top .map{width:698px;height:548px;}
.honor { overflow: hidden; text-align: center; }
.honor .big_title { padding-bottom: 30px; text-align: center; }
.honor .m { display: none; }
.picScroll { width: 100%; }
.picScroll .hd { padding: 20px 0; }
.picScroll .hd h2 { color: #00A1E4; font-size: 28px; text-align: center; }
.picScroll .bd { position: relative; }
.picScroll .prev, .picScroll .next { position: absolute; top: 140px; display: block; width: 50px; height: 50px; border-radius: 50%; background: url(../images/icon22.png) center no-repeat; z-index: 9; overflow: hidden; background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.2);background-repeat: no-repeat;background-position: center;transition: all 0.3s;}
.picScroll .prev { left: 80px!important; }
.picScroll .next { right: 80px!important; background-image: url(../images/icon23.png); }
.picScroll .prev:hover {background-image: url(../images/icon24.png);background-color: #00A1E4;}
.picScroll .next:hover {background-image: url(../images/icon25.png);background-color: #00A1E4;}



.picScroll .scrollWrap { width: 1200px; margin: 0 auto; }
.picScroll ul { overflow: hidden; zoom: 1; }
.picScroll li { width: 300px; margin: 15px 0 10px 0; position: relative; float: left; display: inline; text-align: center; }
.picScroll li .pic { position: relative; display: block; overflow: hidden; width: 270px; background: #fff; padding: 20px 0; margin: 0 auto; box-shadow: 0 0 20px rgba(0,0,0,.08); border: 1px solid #EAF4FA; }

.picScroll2 { width: 100%; }
.picScroll2 .hd { padding: 20px 0; }
.picScroll2 .hd h2 { color: #00A1E4; font-size: 28px; text-align: center; }
.picScroll2 .bd { position: relative; }
.picScroll2 .prev, .picScroll2 .next { position: absolute; top: 180px; display: block; width: 50px; height: 50px; border-radius: 50%; background: url(../images/icon22.png) center no-repeat; z-index: 9; overflow: hidden; background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.2);background-repeat: no-repeat;background-position: center;transition: all 0.3s;}
.picScroll2 .prev { left: 80px!important; }
.picScroll2 .next { right: 80px!important; background-image: url(../images/icon23.png); }
.picScroll2 .prev:hover {background-image: url(../images/icon24.png);background-color: #00A1E4;}
.picScroll2 .next:hover {background-image: url(../images/icon25.png);background-color: #00A1E4;}
.picScroll2 .scrollWrap { width: 1280px; margin: 0 auto; }
.picScroll2 ul { overflow: hidden; zoom: 1; }
.picScroll2 li { width: 640px; margin: 15px 0 10px 0; position: relative; float: left; display: inline; text-align: center; }
.picScroll2 li .pic { position: relative; display: block; overflow: hidden; width: 580px; background: #fff; padding: 20px 0; margin: 0 auto; box-shadow: 0 0 20px rgba(0,0,0,.08); border: 1px solid #EAF4FA;}
.picScroll2 li .pic img{ width:506px;}

.honorPic{ position:relative; padding:0 30px;}
.honorPic .slick .imgDiv{ border:1px solid #EAF4FA; padding:15px;}
.honorPic .slick img{ width:100%;}
.honorPic .slick-prev, .honorPic .slick-next{ display:block; position:absolute; top:50%; margin-top:-15px; height: 30px; width:30px; opacity: 0.5; border-radius:50%;box-shadow: 0 0 20px rgba(0,0,0,.2);}
.honorPic .slick-prev{left: 10px!important;background: url(../images/icon22.png) center no-repeat;background-color: #fff;}
.honorPic .slick-next{right: 10px!important;background: url(../images/icon23.png) center no-repeat;background-color: #fff;}
.honorPic .slick-prev:hover{background-image: url(../images/icon24.png);background-color: #00A1E4;}
.honorPic .slick-next:hover{background-image: url(../images/icon25.png);background-color: #00A1E4;}

/*新闻中心*/
.newshot { width: 100%; position: relative }
.newshot .pic { position: relative; background-color: #fff; padding: 3px; box-shadow: 0 0 10px rgba(0,0,0,.15); margin-top: 20px; }
.newshot .pic li { width: 100%; overflow: hidden; float: left; }
.newshot .pic li .fl { width: 470px; overflow: hidden; }
.newshot .pic li .fl img { float: left;width:100%; }
.newshot .pic li .fr { width: 694px; padding: 30px 30px 30px 50px; position:relative;}
.newshot .pic li .fr em { font-size: 14px; font-style: normal; display: block; color:#999;position:absolute; right:30px; top:42px; }
.newshot .pic li .fr h3 { font-size: 18px; color: #333; line-height: 50px; }
.newshot .pic li .fr b { font-size: 14px; background: #00A1E4; border-radius: 100px; font-weight: normal; padding: 10px 30px; color: #fff; float:right;}
.newshot .pic li:hover .fr b { background: #007DC5; }
.newshot .pic li .fr p { font-size: 14px; line-height: 30px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; white-space: inherit; margin-bottom: 35px; }
.newshot .txt { height: 30px; overflow: hidden; margin-top: 20px; }
.newshot .txt ul { text-align: center; }
.newshot .txt ul li { cursor: pointer; display: inline-block; text-align: center; padding: 0 10px; }
.newshot .txt ul li em { width: 8px; height: 8px; display: inline-block; background: #7FD0F1; border-radius: 50%; }
.newshot .txt ul li.on em { background: #00A1E4; }
.newslist { margin-top: 40px; }
.newslist ul li { overflow: hidden; background: #fff; margin-bottom: 40px; }
.newslist ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,.15); }
.newslist ul li .fl { width: 340px; overflow: hidden; transition: all 0.3s; }
.newslist ul li:hover .fl { width: 340px; overflow: hidden; padding: 20px; }
.newslist ul li .fl img { float: left; width: 100%; }
.newslist ul li .fr { width: 824px; padding: 20px 30px;  position:relative; }
.newslist ul li .fr em { font-size: 14px; font-style: normal; display: block; position:absolute; right:30px; top:30px; }
.newslist ul li .fr h3 { font-size: 18px; color: #333; line-height: 50px; }
.newslist ul li .fr b { font-size: 14px; background: #999; border-radius: 100px; font-weight: normal; padding: 10px 30px; color: #fff; float: right; }
.newslist ul li:hover .fr b { background: #00A1E4; }
.newslist ul li .fr p { font-size: 14px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit; margin-bottom: 35px; }
.newslist .load_more { text-align: center; padding: 30px 0; }
.newslist .load_more a { display: inline-block; background: url(../images/icon21.png) center right no-repeat; font-size: 14px; color: #666; padding: 8px 20px; }
.newslist .load_more a:hover { color: #00A1E4; }
.news_view h1 { font-size: 18px; text-align: center; color: #333; line-height: 40px; }
.news_view .info { padding: 5px 0 20px 0; font-size: 12px; text-align: center; color: #666; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.news_view .info span { margin: 0 20px; }
.news_view p { font-size: 14px; color: #333; line-height: 30px; padding-bottom: 30px; }
.news_view .bdsharebuttonbox { float: right; }
.news_view .PNpage { border-top: 1px solid #ddd; width: 100%; float: left; margin-top: 10px; padding: 10px 0 60px 0; position: relative; }
.news_view .PNpage p { padding: 0; margin: 0; }
.news_view .PNpage .back_list { padding: 6px 20px; background: #00A1E4; color: #fff; border-radius: 100px; position: absolute; right: 0; top: 20px; display: inline-block; }
.more_news { width: 1200px; padding: 40px 0; }
.more_news ul { margin-right: -80px; overflow: hidden; }
.more_news ul li { float: left; width: 560px; margin-right: 80px; border-bottom: 1px solid #ddd; line-height: 50px; }
.more_news ul li a { display: block; }
.more_news ul li a p { text-indent: 20px; line-height: 50px; height: 50px; background: url(../images/icon09.png) left center no-repeat; background-size: 8px; padding: 0; width: 80%; float: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; white-space: inherit; }
.more_news ul li a span { float: right; color: #ccc; }
/*商务合作*/
.business_cooperation { overflow: hidden; }
.business_cooperation ul { margin-right: -2px; }
.business_cooperation ul li { float: left; width: 238px; margin-right: 2px; position: relative; }
.business_cooperation ul li i { float: left; width: 100%; }
.business_cooperation ul li i img { float: left; width: 100%; }
.business_cooperation ul li span { position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); display: block; width: 100%; height: 196px; color: #fff; text-align: center; }
.business_cooperation ul li span p { margin-top: 70px; width: 80%; margin-left: 10%; line-height: 30px; }
.business_cooperation ul li:nth-child(odd) span { bottom: 0; top: inherit; }
/*成功案例*/
.case_list { overflow: hidden; }
.case_list ul { margin-right: -16px; }
.case_list ul li { float: left; width: 388px; margin-right: 16px; margin-bottom: 16px; position: relative; }
.case_list ul li i { float: left; width: 100%; }
.case_list ul li i img { float: left; width: 100%; }
.case_list ul li span { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.7); display: block; width: 100%; height: 40px; color: #fff; text-align: center; transition: all 0.6s; }
.case_list ul li span p { line-height: 40px; }
.case_list ul li span em { display: none; margin-top: 120px; width: 80%; margin-left: 10%; float: left; line-height: 30px; font-style: normal; }
.case_list ul li:hover span { position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); display: block; width: 100%; height: 100%; color: #fff; text-align: center; }
.case_list ul li:hover span p { display: none; }
.case_list ul li:hover span em { display: inline-block; }


.sub_page { text-align: center; padding-top: 40px; }
.sub_page a { display: inline-block; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; overflow: hidden; background: #EDF8FF; color: #333; font-size: 14px; background-repeat: no-repeat; background-position: center; background-size: 14px; margin: 0 5px; }
.sub_page a:hover { background-color: #007DC5; color: #fff; }
.sub_page a.cur { background-color: #007DC5; color: #fff; }
.sub_page a.prve, .sub_page a.next { text-indent: -1000px; }
.sub_page a.prve { background-image: url(../images/icon22.png); }
.sub_page a.prve:hover { background-image: url(../images/icon24.png); }
.sub_page a.next { background-image: url(../images/icon23.png); }
.sub_page a.next:hover { background-image: url(../images/icon25.png); }
.case_view { }
.case_view .big_title { width: 100%; float: left; }
.case_view p { color: #666; font-size: 14px; line-height: 26px; padding: 20px 0; border-bottom: 1px solid #ddd; width: 100%; float: left; }
.case_view p img { float: left; margin-right: 15px; }
.case_key { font-size: 14px; color: #666;padding: 20px 0; }
.case_key span { margin-right: 20px; }

.teshuPic{ position:relative; padding:25px 0;}
.teshuPic .slick{ margin:0 8px;}
.teshuPic .slick img{ width:100%;}
.teshuPic .slick-prev, .teshuPic .slick-next{ z-index:5; display:block; position:absolute; top:50%; margin-top:-15px; height: 30px; width:30px; opacity: 0.5; border-radius:50%;box-shadow: 0 0 20px rgba(0,0,0,.2);}
.teshuPic .slick-prev{left: -60px!important;background: url(../images/icon22.png) center no-repeat;background-color: #fff;}
.teshuPic .slick-next{right: -60px!important;background: url(../images/icon23.png) center no-repeat;background-color: #fff;}
.teshuPic .slick-prev:hover{background-image: url(../images/icon24.png);background-color: #00A1E4;}
.teshuPic .slick-next:hover{background-image: url(../images/icon25.png);background-color: #00A1E4;}



.more_case ul { margin-right: -16px; margin-top: 30px; margin-bottom: 50px; overflow: hidden; }
.more_case ul li { float: left; width: 288px; margin-right: 16px; margin-bottom: 16px; position: relative; }
.more_case ul li i { float: left; width: 100%; }
.more_case ul li i img { float: left; width: 100%; }
.more_case ul li span { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.7); display: block; width: 100%; height: 40px; color: #fff; text-align: center; transition: all 0.3s; }
.more_case ul li span p { line-height: 40px; }
.more_case ul li span em { display: none; margin-top: 60px; width: 80%; margin-left: 10%; float: left; line-height: 30px; font-style: normal; }
.more_case ul li:hover span { position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); display: block; width: 100%; height: 100%; color: #fff; text-align: center; }
.more_case ul li:hover span p { display: none; }
.more_case ul li:hover span em { display: inline-block; }
/*产品中心*/

.productList { overflow: hidden; }
.productList .list ul { margin-right: -30px; }
.productList .list li { float: left; width: 380px; height: 600px; margin-right: 30px; margin-bottom: 30px; background: #F8F8F8; position: relative; overflow: hidden; }
.productList .list li .bigBox { width: 100%; height: 100%; position: relative; }
.productList .list li .imgBox { width: 100%; height: 600px; float: left; text-align: center; }
.productList .list li .imgBox img { vertical-align: middle }
.productList .list li .name { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; }
.productList .list li .name p { line-height: 40px; font-size: 20px; width: 100%; color: #00a2e9; }
.productList .list li .name span { line-height: 30px; font-size: 14px; width: 100%; }
.productList .list li .imgBox img { width: auto; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }
.productList .list li .bigBox .border_top { position: absolute; height: 1px; width: 0; font-size: 0; background: #00a2e9; top: 0; left: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.productList .list li .bigBox .border_right { position: absolute; height: 0px; width: 1px; font-size: 0; background: #00a2e9; bottom: 0; right: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.productList .list li .bigBox .border_bottom { position: absolute; height: 1px; width: 0px; font-size: 0; background: #00a2e9; right: 0; bottom: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.productList .list li .bigBox .border_left { position: absolute; height: 0px; width: 1px; font-size: 0; background: #00a2e9; left: 0; top: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.productList .list li .hover .border_top, .productList .list li .hover .border_bottom { width: 380px; }
.productList .list li .hover .border_left, .productList .list li .hover .border_right { height: 600px; }
.pro_introduction { border-top: 1px solid #ddd; padding-top: 50px; }
.pro_introduction .fl { width: 380px; }
.pro_introduction .fr { width: 780px; }
.pro_introduction h1 { color: #00A1E4; font-size: 28px; }
.pro_introduction span { color: #666; font-size: 14px; text-align: center; }
.pro_introduction .txt { background: #f6f6f6; padding: 60px; margin-top: 50px; font-size: 16px; color: #666; line-height: 30px; position: relative; }
.pro_introduction .txt::before { content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid #f6f6f6; border-bottom: 20px solid transparent; position: absolute; top: 50%; margin-top: -20px; left: -20px; }
.pro h3 { color: #00A1E4; font-size: 28px; text-align: center; }
.pro em { color: #666; font-size: 16px; line-height: 30px; text-align: center; display: block; font-style: normal; }
.pro_advantage1 { width: 100%; float: left; padding-top: 50px; }
.pro_advantage1 ul { margin-right: -1px; margin-top: 30px; margin-bottom: 50px; overflow: hidden; }
.pro_advantage1 ul li { float: left; width: 171px; border-right: 1px solid #ddd; position: relative; text-align: center; }
.pro_advantage1 ul li:last-child { border-right: none; }
.pro_advantage1 ul li i { width: 95px; display: inline-block; }
.pro_advantage1 ul li i img { float: left; }
.pro_advantage1 ul li span { display: block; width: 80%; margin-left: 10%; height: 40px; color: #333; text-align: center; float: left; margin-top: 30px; }
.pro_advantage2 { width: 100%; float: left; padding-top: 50px; }
.pro_advantage2 ul { margin-top: 30px; margin-bottom: 50px; overflow: hidden; }
.pro_advantage2 ul li { float: left; width: 400px; height: 230px; background: #EDF8FF; text-align: center; }
.pro_advantage2 ul li:nth-child(odd) { background: #F9FDFF; }
.pro_advantage2 ul li i { width: 100%; display: block; margin-top: 30px; }
.pro_advantage2 ul li i img { }
.pro_advantage2 ul li p { display: block; width: 80%; margin-left: 10%; height: 40px; color: #333; font-weight: bold; float: left; margin-top: 20px; }
.pro_advantage2 ul li span { display: block; width: 80%; margin-left: 10%; height: 40px; color: #333; float: left; margin-top: 10px; font-size: 14px; }
.pro_size { width: 100%; float: left; padding: 50px 0; overflow: hidden; }
.pro_size p { font-size: 16px; color: #666; line-height: 30px; }
.pro_size table { border-collapse: collapse; width: 100%; text-align: center; margin: 40px 0; }
.pro_size table thead { background-color: #EDF8FF; }
.pro_size table thead tr td { font-weight: bold; font-size: 16px; color: #333; line-height: 60px; }
.pro_size table td { border: 1px solid #D2D2D2; height: 50px; font-size: 14px; color: #666; }
.pro_size table tbody tr { background-color: #FAFAFA; }
.pro_size table tbody tr:nth-child(odd) { background-color: #fff; }
.pro_size table tbody tr:hover { background-color: #FFFFE3; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro_size table tbody tr:hover:nth-child(odd) { background-color: #FFFFE3; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
/*解决方案*/

.technical_solution { overflow: hidden; }
.technical_solution ul { margin-right: 0; }
.technical_solution ul li { float: left; width: 300px; height: 400px; margin-right: 0; position: relative; }
.technical_solution ul li i { float: left; width: 100%; height: 200px; position: absolute; top: 200px; left: 0; }
.technical_solution ul li i img { float: left; width: 100%; height: 200px; }
.technical_solution ul li span { position: absolute; top: 0; left: 0; background: #F6F6F6; display: block; width: 100%; height: 200px; color: #333; text-align: left; }
.technical_solution ul li span em { float: left; margin: 60px 0 0 55px; }
.technical_solution ul li span b, .technical_solution ul li span p { float: left; margin-left: 20px; width: 140px; }
.technical_solution ul li span b { margin-top: 70px; }
.technical_solution ul li span p { margin-top: 6px; }
.technical_solution ul li:nth-child(odd) span { bottom: 0; top: inherit; }
.technical_solution ul li:nth-child(odd) i { bottom: 200px; top: inherit; }
.technical_solution.box { width: 100%; float: left; padding: 50px 0; }
.technical_solution.box p { font-size: 14px; line-height: 28px; padding-bottom: 28px; color: #666; }
.industry_solution { overflow: hidden; }
.industry_solution ul { margin-right: 0; }
.industry_solution ul li { float: left; width: 300px; height: 200px; margin-right: 0; position: relative; }
.industry_solution ul li span { background: #EDF8FF; display: block; width: 100%; height: 200px; color: #333; text-align: left; text-align: center; }
.industry_solution ul li span em { float: left; width: 100%; margin-top: 50px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.industry_solution ul li span p { float: left; margin-left: 10%; width: 80%; margin-top: 5px; }
.industry_solution ul li:nth-child(1) span { background: #F9FDFF; }
.industry_solution ul li:nth-child(3) span { background: #F9FDFF; }
.industry_solution ul li:nth-child(6) span { background: #F9FDFF; }
.industry_solution ul li:nth-child(8) span { background: #F9FDFF; }
.industry_solution ul li:hover span em{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.industry_solution_list { overflow: hidden; }
.industry_solution_list ul { margin-right: -16px; }
.industry_solution_list ul li { float: left; width: 388px; margin-right: 16px; margin-bottom: 16px; position: relative; }
.industry_solution_list ul li i { float: left; width: 100%; overflow: hidden; height: 300px; }
.industry_solution_list ul li i img { float: left; width: 100%; }
.industry_solution_list ul li span { background: #F6F6F6; display: block; width: 100%; color: #333; text-align: left; float: left; padding: 20px 20px 40px 20px; }
.industry_solution_list ul li span p { line-height: 40px; font-weight: bold; font-size: 16px; }
.industry_solution_list ul li span em { width: 100%; float: left; line-height: 28px; font-size: 14px; color: #666; font-style: normal; }
.industry_solution_list ul li span b { font-weight: normal; position: absolute; bottom: 20px; right: 20px; width: auto; padding-right: 20px; color: #00A1E4; font-size: 14px; background: url(../images/icon51.png) right center no-repeat; background-size: 12px; }
.industry_solution_list ul li:hover span p{ color:#00A1E4;}
.industry_solution_list ul li:hover span b{ text-decoration:underline}

.industry_solution_profile { font-size: 14px; color: #333; overflow: hidden; }
.industry_solution_profile .big_title { margin-bottom: 40px; }
.industry_solution_profile .fl { width: 500px; }
.industry_solution_profile .fr { width: 650px; }
.industry_solution_profile p { padding-bottom: 20px; line-height: 26px; }
.solution_size { width: 100%; float: left; padding: 50px 0; overflow: hidden; }
.solution_size table { border-collapse: collapse; width: 100%; text-align: center; margin: 40px 0; }
.solution_size table thead { background-color: #EDF8FF; }
.solution_size table thead tr td { font-weight: bold; font-size: 16px; color: #333; line-height: 60px; }
.solution_size table td { border: 1px solid #D2D2D2; height: 50px; font-size: 14px; color: #666; }
.solution_size table tbody tr td:nth-child(1) { background-color: #EDF8FF; font-weight: bold; color: #333; }
.solution_size table tbody tr { background-color: #FAFAFA; }
.solution_size table tbody tr:nth-child(odd) { background-color: #fff; }
.solution_size table tbody tr:hover { background-color: #FFFFE3; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.solution_size table tbody tr:hover:nth-child(odd) { background-color: #FFFFE3; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.company_solution { width: 100%; float: left; padding-top: 50px; }
.company_solution ul { margin-right: -14px; margin-top: 30px; margin-bottom: 50px; overflow: hidden; }
.company_solution ul li { float: left; width: 289px; height: 380px; margin-right: 14px; background: #EDF8FF; text-align: center; }
.company_solution ul li:nth-child(odd) { background: #F9FDFF; }
.company_solution ul li i { width: 100%; display: block; margin-top: 30px; }
.company_solution ul li i img { }
.company_solution ul li p { display: block; width: 90%; margin-left: 5%; color: #333; line-height: 27px; float: left; margin-top: 20px; }
.technical_solution_advantage { width: 100%; float: left; padding: 50px 0; }
.technical_solution_advantage ul { margin-right: 0; margin-top: 30px; }
.technical_solution_advantage ul li { float: left; width: 100%; height: 185px; margin-right: 0; position: relative; }
.technical_solution_advantage ul li i { float: left; width: 50%; height: 185px; position: absolute; top: 0; right: 0; }
.technical_solution_advantage ul li i img { float: left; width: 100%; height: 185px; }
.technical_solution_advantage ul li div { background: #F6F6F6; display: block; width: 50%; height: 185px; color: #333; text-align: left; position: absolute; left: 0; top: 0; }
.technical_solution_advantage ul li div em { float: left; margin: 60px 0 0 55px; }
.technical_solution_advantage ul li div b, .technical_solution_advantage ul li div p { float: left; width: 90%; margin-left: 5%; }
.technical_solution_advantage ul li div b { margin-top: 40px; }
.technical_solution_advantage ul li div p { margin-top: 14px; font-size: 14px; line-height: 24px }
.technical_solution_advantage ul li:nth-child(odd) div { right: 0; left: inherit; }
.technical_solution_advantage ul li:nth-child(odd) i { right: inherit; left: 0; }
.technical_solution_process { width: 100%; float: left; padding: 50px 0; }
.technical_solution_process .pc { padding: 30px 0; }
.technical_solution_process .m { display: none; }
.technical_solution_list { margin-top: 40px; }
.technical_solution_list ul li { overflow: hidden; background: #fff; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ddd; }
.technical_solution_list ul li .fl { width: 340px; overflow: hidden; transition: all 0.3s; }
.technical_solution_list ul li .fl img { float: left; width: 100%; }
.technical_solution_list ul li .fr { width: 830px; padding: 20px 30px; }
.technical_solution_list ul li .fr h3 { font-size: 18px; color: #333; line-height: 50px; }
.technical_solution_list ul li .fr p { font-size: 14px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; white-space: inherit; margin-bottom: 35px; }
.technical_solution_list ul li:hover h3{ color:#00A1E4;}

/*发展历程*/
.history{padding: 50px 0;}
.historyBox{ position:relative;}
.historyBg{ height:120px;}
.historyList {height: 148px; width: 1200px; margin: 0 auto; }
.historyList .slick-list{width:1200px;margin:  0 auto;overflow:  hidden;}
.historyList .slick-slide{text-align:center;height: 150px;line-height: 150px;font-size: 16px;cursor:pointer;color: #999; background: url(../images/bg4.jpg) center 92px repeat-x;padding-bottom: 60px;}
.historyList .slick-current{}
.historyList .slick-current .year{color: #fff; font-size: 18px; background: #007cc2; width: 80px; height: 80px; border-radius: 100%; line-height: 80px; margin:  0 auto; }
.historyBox .slick-prev{position:absolute;z-index:10;left:0px;top: 113px;display:block;background:#fff url(../images/nimg16_left.png) left top no-repeat;width:30px;height: 37px;}
.historyBox .slick-next{position:absolute;z-index:10;right:0px;top: 113px;display:block;background:#fff url(../images/nimg16_right.png) right top no-repeat;width:30px;height: 37px;}
.historyBox .slick-prev:hover{background:#fff url(../images/nimg16_lefton.png) left top no-repeat;}
.historyBox .slick-next:hover{background:#fff url(../images/nimg16_righton.png) right top no-repeat;}
.historyContentDiv{width: 1200px;margin:20px auto;}
.historyContent{ display:none;}
.history .contentBox{ padding-top:70px;}
.history .contentBox li{padding-left: 158px;background: url(../images/line3.png) 116px repeat-y;min-height:100px;padding-bottom: 60px;position:relative;overflow: hidden;}
.history .contentBox li .month{width: 81px;height: 33px;background:url(../images/nimg79_1.png) no-repeat;font-size: 16px;text-indent: 21px;line-height: 33px;position:absolute;left:0px;top:15px;color: #007cc2;}
.history .contentBox li .ico{width: 16px;height: 17px;background:url(../images/nimg12_2.png) no-repeat;position:absolute;left: 110px;top: 28px;}
.history .contentBox li .content{font-size: 14px;color: #666;line-height:30px;padding-bottom: 30px;margin: 0;}
.history .contentBox li .content em{font-size:  18px;font-style: normal;}
.history .contentBox li .imgList{padding-right:60px;padding-bottom: 0px;}
.history .contentBox li .imgList dd{ float:left; width:33.33%;}
.history .contentBox li .imgList dd .box{ margin-right:10%;}
.history .contentBox li .imgList dd img{ width:100%;}
.historyContent .ttt{font-size: 26px;color:#292929;text-align: center;}
.historyContent .iii{width: 50px; height: 2px; background:#ffb202; text-align: center; margin: 20px auto 60px; }

/*团队*/
.team .subNav { margin-bottom: 50px;}
.team .subNav ul { }
.team .subNav li { font-size: 16px; color: #666; width: 20%; height: 58px; background-color: #ededed; text-align: center; line-height: 58px; cursor: pointer; position: relative; float: left; }
.team .subNav li.on, .team .subNav li:hover { background-color: #00a1e4; color: #fff; }
.team .subNav li.on:after, .team .subNav li:hover:after { content: ""; display: block; width: 22px; height: 9px; background-image: url('../images/img20.png'); left: 50%; transform: translateX(-50%); position: absolute; }
.team .list { position: relative; overflow: hidden; }
.team .list .list-content { width: 110%; }
.team .list .thumbs { overflow: hidden; }
.team .list .thumb { cursor: pointer; float: left; margin-right: 30px;margin-bottom: 10px; margin-top: 10px; }
.team .list .thumb .img { width: 380px; height: 260px; overflow: hidden; }
.team .list .thumb .img img { width: 100%; }
.team .list .thumb .text { width: 380px; height: 150px; background-color: #edf8ff; padding: 40px 30px }
.team .list .thumb .text h4 { font-size: 24px; color: #00a1e4; margin-bottom: 14px; }
.team .list .thumb .text p { font-size: 14px; color: #666; }
.team .list .inside-content { width: 1200px; height: 180px; background-color: #999999; padding: 30px; font-size: 14px; color: #fff; margin:0; clear: both; }
.team .list .inside-content p { margin-bottom: 10px; }

/*研发技术*/
.technology h4 { font-size: 28px; color: #00a1e4; margin-top: 40px }
.technology p { font-size: 14px; color: #666; margin: 30px 0; line-height: 30px }
.technology .imgBox { overflow: hidden; }
.technology .imgBox ul { width: 110%; }
.technology .imgBox ul li { width: 390px; height: 290px; overflow: hidden; float: left; margin-right: 15px; }
.technology .imgBox ul li img { width: 100%; }
.technology .info { overflow: hidden; }
.technology .info .text { width: 660px; float: left; }
.technology .info img { float: right; }

/*生产物流*/
.production p { font-size: 14px; color: #666; }
.production ul li { overflow: hidden; margin-top: 40px }
.production ul li .text { width: 590px; }
.production ul li .text h4 { font-size: 28px; color: #00a1e4; margin-top: 40px; margin-bottom: 30px; }

/* 人才招聘 */
.job .top .intro { width: 1200px; height: 450px; background-image: url('../images/img05.png'); background-repeat: no-repeat; background-size: 100% 100%; position: relative; }
.job h4 { font-size: 24px; color: #00a1e4; text-align: center; margin-bottom: 20px; }
.job .top span { font-size: 16px; color: #333; text-align: center; display: block; }
.job .top .intro { overflow: hidden; }
.job .top .intro ul { width: 110%; }
.job .top .intro li { width: 355px; height: 230px; /* background-color: #edf8ff; */
padding: 0 40px; margin-right: 67px; text-align: center; float: left; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; }
.job .top .intro li h5 { font-size: 18px; color: #666; margin-bottom: 30px; margin-top: 20px; }
.job .top .intro li p { font-size: 14px; color: #666; line-height: 24px; }
.job .top .intro li:hover{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.job .top { border-bottom: 1px solid #ccc; padding-bottom: 70px; }
.job .middle { padding-top: 60px; }
.job .middle .subNav { overflow: hidden; }
.job .middle .subNav ul { float: left; }
.job .middle .subNav .btn { display: block; width: 60px; height: 60px; background-color: #edf8ff; border-radius: 2px; text-align: center; line-height: 60px; cursor: pointer; }
.job .middle .subNav .btn.prev { float: left; }
.job .middle .subNav .btn.next { float: right; }
.job .middle .subNav li { width: 164px; height: 60px; text-align: center; margin: 0 8px; line-height: 60px; font-size: 16px; color: #666; background-color: #edf8ff; border-radius: 2px; cursor: pointer; float: left; }
.job .middle .subNav li.on, .job .middle .subNav li:hover { background-color: #00a1e4; color: #fff; }
.job .middle .details { margin-top: 20px; }
.job .middle .details .detail { padding: 30px; background-color: #edf8ff; }
.job .middle .details .detail h5 { font-size: 24px; color: #00a1e4; }
.job .middle .details .detail p { font-size: 16px; color: #666; margin-top: 20px; margin-bottom: 30px; line-height: 26px; }
.job .middle .details .detail h6 { font-size: 20px; color: #333; }
.job .middle .details .detail span{ font-size:18px; padding-right:100px;}
.job .middle .flow { padding-top: 70px; text-align: center; padding-bottom: 60px; border-bottom: 1px solid #ccc; }
.job .middle .flow .flow-content { overflow: hidden; }
.job .middle .flow .flow-content ul { /*width: 110%;*/
overflow: hidden; margin-bottom: 24px; }
.job .middle .flow .flow-content ul li { width: 25%; float: left; }
.job .middle .flow .flow-content ul h6 { font-size: 18px; color: #666; margin-top: 20px; }
.job .middle .flow .flow-content ul img{ -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; transition: .5s all;}
.job .middle .flow .flow-content ul li:hover img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.job .middle .contact-way { padding-top: 70px; }
.job .middle .contact-way ul { text-align: center; }
.job .middle .contact-way li { width: 575px; height: 218px; background-image: url('../images/img15.png'); background-size: 100% 100%; padding: 70px 0; text-align: center; display: inline-block; margin: 0 10px;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; }
.job .middle .contact-way li img { display: inline-block; }
.job .middle .contact-way p { font-size: 24px; color: #2c9dd4; margin-left: 40px; display: inline-block; text-align: left; }
.job .middle .contact-way p span { display: block; }
.job .middle .contact-way li:hover{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}


.jobBox{ position:relative;}
.jobList{ height:60px; padding:0 70px;}
.jobList .slick-slide{ width: 164px; text-align:center; height:60px; margin:0 8px; font-size:16px; cursor:pointer; color:#666; background:#edf8ff; border-radius: 2px;}
.jobList .slick-slide em{ height:60px; line-height:24px; width:164px; font-style:normal; display:table-cell; vertical-align:middle;}
.jobList .slick-current{ background: #00a1e4; color: #fff;}
.jobBox .slick-prev{position:absolute; z-index:10; left:0px; top:0; display:block; background:#edf8ff url(../images/img06.png) center no-repeat; width: 60px; height: 60px; border-radius: 2px;}
.jobBox .slick-next{position:absolute; z-index:10; right:0px; top:0; display:block; background:#edf8ff url(../images/img07.png) center no-repeat;width: 60px; height: 60px; border-radius: 2px;}
.jobBox .detail { padding: 30px; background-color: #edf8ff; }
.jobBox .detail h5 { font-size: 24px; color: #00a1e4; }
.jobBox .detail p { font-size: 16px; color: #666; margin-top: 20px; margin-bottom: 30px; line-height: 26px; }
.jobBox .detail h6 { font-size: 20px; color: #333; }
.jobBox .detail span{ font-size:18px; padding-right:100px;}


.job .middle .subNav .btn { display: block; width: 60px; height: 60px; background-color: #edf8ff; border-radius: 2px; text-align: center; line-height: 60px; cursor: pointer; }
.job .middle .subNav .btn.prev { float: left; }
.job .middle .subNav .btn.next { float: right; }
.job .middle .subNav li { width: 164px; height: 60px; text-align: center; margin: 0 8px; line-height: 60px; font-size: 16px; color: #666; background-color: #edf8ff; border-radius: 2px; cursor: pointer; float: left; }
.job .middle .subNav li.on, .job .middle .subNav li:hover { background-color: #00a1e4; color: #fff; }



/*联系我们 */
.contact .top { overflow: hidden; margin-bottom: 30px; }
.contact .top .left { float: left; width: 460px; }
.contact .top #map { float: right; width: 700px; height: 550px; border: #ccc solid 1px; font-size: 12px }
.contact .top .left li { margin-bottom: 24px; }
.contact .top .left h4 { font-size: 24px; color: #00a1e4; height: 54px; background-color: #edf8ff; font-weight: 100; line-height: 54px; text-indent: 30px; }
.contact .top .left h5 { font-size: 20px; color: #333; }
.contact .top .left li div { padding: 20px 30px; background-color: #f9fdff; }
.contact .top .left li div p { font-size: 18px; color: #666; margin-top: 14px }
.contact .top .left li div p img { padding-right: 4px; }
.contact .middle .tit { font-size: 24px; color: #00a1e4; height: 54px; background-color: #edf8ff; font-weight: 100; line-height: 54px; text-indent: 30px; }
.contact .middle ul { overflow: hidden; background-color: #f9fdff; }
.contact .middle ul li { width: 48%; float: left; margin-right: 20px; padding-bottom:50px;height: 220px;}
.contact .middle .section { margin-bottom: 40px; }
.contact .middle li.border:before { content: ""; display: block; width: 2px; height: 140px; background-color: #d1e6f3; position: absolute; right: 0px; top: 50px; }
.contact .middle li { position: relative; }
.contact .middle li h5 { font-size: 18px; color: #2d9ed5; font-weight: bold; }
.contact .middle li h5 img { vertical-align: middle; padding-right: 4px; }
.contact .middle li div { padding: 40px 0px 0 78px; background-color: #f9fdff; }
.contact .middle li div p { font-size: 18px; color: #666; margin-top: 18px }
.contact .middle li div p img { padding-right: 4px; }

/*计算工具 */
.middle .title { text-align: center; margin-top: 50px; margin-bottom: 30px; }
.middle .title h2 { font-size: 28px; color: #00a1e4; }
.middle .title span { font-size: 18px; color: #666666; }
.section-content { margin: 40px 0 0 }
.centerTab { text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; width: 1100px; }
.product-scene-tab { font-size: 0; text-align: center; margin: auto; width: 650px; overflow: hidden;/*display: inline-block;*/
}
.scene-content { width: 1100px; margin: auto; display: none; }
.scene-content.active { display: block; }
.product-scene-tab .scene-tab { float: left; padding: 0 15px; text-align: center; position: relative; cursor: pointer; margin: 0 30px; height: 50px; line-height: 48px }
.product-scene-tab .scene-tab.active:after { width: 100%; }
.prod-area.example .scene-tab .caption { margin-bottom: 20px; }
.product-scene-tab .scene-tab.active .caption { color: #00a1e4; border-bottom: 2px solid #00a1e4 }
.scene-tab .caption { font-size: 16px; color: #666; border-bottom: 2px solid #fff; padding: 0 10px }
.uhide { display: none }
.box { width: 650px; margin: 40px auto; }
.pt40 { padding-top: 40px }
.calResult { font-size: 30px }
.plr { padding: 0 15px }
.col-md-6 { border-right: 1px solid #eee }
.section-content .col-sm-8 { line-height: 1 }
.section-content .input-group { height: 38px; }
.section-content .form-control { height: 38px; border-color: #4dbdec; background-color: #f9fdff; }
.section-content .input-group-addon { border-color: #4dbdec; background-color: #edf8ff; color: #000; }
.section-content .btn-success { height: 38px; background-color: #00a1e4; border-color: #00a1e4; font-size: 16px; }
.section-content label { font-weight: 100 }

.teamBigBox{ padding:50px 0 80px;}

.team-choose{ padding-bottom:10px;}
.team-choose li{ float:left; width:20%; font-size:16px;}
.team-choose li a{ position:relative; display:block; width:100%; height:58px; line-height:58px; background:#ededed; text-align:center;}
.team-choose li em{ position:absolute; display:none; width:22px; height:9px; left:50%; margin-left:-11px; bottom:-9px; background: url('../images/nimg22_1.png') no-repeat;}
.team-choose li .aNow, .team-choose li a:hover{ background:#00a1e4; color:#fff;}
.team-choose li .aNow em, .team-choose li a:hover em{ display:block;}

.team-main{

	width: 1200px;
	padding-bottom: 50px;
}

.team-main ul{ margin-top: 35px; margin-right: -30px;}

.team-main-ul-li{ height: 410px; float: left; overflow: hidden; width: 410px; margin-top: 18px;}
.team-main-ul-li .dbox{width: 380px; margin-right: 30px; height: 410px;}
.team-main-ul-li img{ display: block; }
.team-main ul li .mxf{position: relative;z-index: 2; height: 150px;background: #edf8ff; padding: 0 30px;}

.team-main ul li .mxf h2 {font-size: 24px; color: #00a1e4;padding-top: 40px;}

.team-main ul li .mxf p{margin-top: 0px;font-size: 14px;line-height: 25px;color: #666666;}

/*.hoverid{cursor: pointer;  transition: all 0.6s;  transform: scale(1.05);  }*/

.des{width: 1200px !important;/*height: 300px!important;*/background: #999!important;margin: 0 !important;float: left;}

.des p{ padding: 50px; width: 1100px;color: white;font-size: 14px;line-height: 30px;/*margin-top: 40px;margin-left: 40px;*/}

.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.team-chooseTel{ border-top:#ede4ea solid 1px; border-bottom:#ede4ea solid 1px; padding:15px 0 5px; margin-top:20px;}
.team-chooseTel ul{ margin-right:-10px;}
.team-chooseTel li{ float:left; width:33.33%; margin-bottom:10px; font-size:14px;}
.team-chooseTel li div{ margin-right:10px;}
.team-chooseTel li a{ display:block; color:#fff; text-align:center; line-height:45px; height:45px; border-radius:4px; -moz-border-radius:4px; background:#999;}
.team-chooseTel li .aNow{ background:#00a1e4;}
.teamListTel{ padding-top:20px; padding-bottom:50px;}
.teamListTel .list{ padding-bottom:20px;}
.teamListTel .list ul{ margin-right:-10px;}
.teamListTel .list li{ float:left; width:50%; margin-bottom:10px;}
.teamListTel .list li .boxbox{ margin-right:10px; position:relative; background:#edf8ff;}
.teamListTel .list li .imgDiv img{ width:100%;}
.teamListTel .list li .botDiv{ padding:12px 8px;}
.teamListTel .list li .name{ font-size: 14px; color:#00a1e4;}
.teamListTel .list li .msg{ line-height:20px; height:40px; overflow:hidden; font-size:12px; color:#666;}
.teamListTel .list li .hideBox{ overflow:hidden; position:absolute; left:0px; top:0px; width:100%; z-index:5; display:none; background:url('../images/bg11.png') repeat;}
.teamListTel .list li .concon{ font-size:12px; color:#fff; padding:10px; line-height:20px;}

.teamwork{ background:#f8f8f8; padding:43px 0 33px;}
.teamwork .imgDiv{ text-align:center;}
.teamwork .imgDivTel{ display:onne;}
.teamwork .imgDivTel img{ width:100%;}

.conditions{ overflow:hidden}
.conditions .leftDiv{ width:600px; padding-left:50px; height:400px; background:#f8f8f8; color:#666;}
.conditions .rightDiv{ width:600px; position:relative}
.conditions .rightDiv .ico{ position:absolute; left:0px; top:50%; margin-top:-14px; width:11px; height:28px; background:url('../images/nimg11_1.png') no-repeat;}
.conditions .txt{ padding:40px 0 18px; font-size:18px; font-weight:bold;}
.conditions .msg{ font-size:14px; line-height:28px;}
.conditions .list{ overflow:hidden}
.conditions .list li{ float:left; width:260px;}

.process .list{ overflow:hidden}
.process .list li{ float:left; width:186px; margin-right:30px; background:url('../images/nimg30_1.png') right 61px no-repeat; color:#666;}
.process .list li .box2{ width:119px;}
.process .list li .name{ padding:26px 0 16px; font-size:18px; text-align:center}
.process .list li .msg{ font-size:14px; line-height:22px; text-align:center}
.process .list li:last-child{ background:none; margin-right:0px; width:119px;}

.support .list{ overflow:hidden}
.support .list li{ height:170px; color:#666; float:left; width:50%;}
.support .list li .box2{ position:relative; height:170px; padding:0 50px 0 184px;}
.support .list li:nth-child(1){ background:#f9fdff;}
.support .list li:nth-child(2){ background:#edf8ff;}
.support .list li:nth-child(3){ background:#edf8ff;}
.support .list li:nth-child(4){ background:#f9fdff;}
.support .list li .ico{ position:absolute; left:43px; top:37px;}
.support .list li .name{ padding:48px 0 15px; font-size:18px; font-weight:bold}
.support .list li .msg{ font-size:14px; line-height:28px;}
.joinLayer{ position:absolute; width:500px; height:325px; background:#393D49; display:none; position:absolute; z-index:20;}
.joinLayer .toutou{ padding:0 30px; height:265px; position:relative;}
.joinLayer .list{ padding-top:30px;}
.joinLayer .list li{ margin-bottom:10px;}
.joinLayer .list li .txt{ font-size:16px; color:#c2c2c2;}
.joinLayer .list li .wen{ font-size:24px; color:#fff;}
.joinLayer .ico{ position:absolute; right:30px; top:45px;}
.joinLayer .botbot{ height:60px; background:#fff;}
.joinLayer .btnDiv{ padding-top:15px; width:90px; margin:0 auto;}
.joinLayer .btnDiv a{ display:block; width:90px; height:28px; line-height:28px; background:#2e8ded; font-size:14px; color:#fff; text-align:center;}

.yzl{-webkit-animation: proRotate 0.3s ease-in-out 10ms alternate none 1;
    animation: proRotate 0.3s ease-in-out 10ms alternate none 1;}

@-webkit-keyframes proRotate { 
    0%{-webkit-transform:perspective(2000px) rotateY(-60deg);} 
    100%{-webkit-transform:perspective(2000px) rotateY(0deg);} 
}
@keyframes proRotate { 
    0%{transform:perspective(2000px) rotateY(-60deg);} 
    100%{transform:perspective(2000px) rotateY(0deg);} 
}

@-webkit-keyframes qroRotate { 
    0%{-webkit-transform:perspective(2000px) rotateY(60deg);} 
    100%{-webkit-transform:perspective(2000px) rotateY(0deg);} 
}
@keyframes qroRotate { 
    0%{transform:perspective(2000px) rotateY(60deg);} 
    100%{transform:perspective(2000px) rotateY(0deg);} 
}

@media screen and (max-width:1024px ) {
.content .organization .m { display: block; }
.content .organization .m img { width: 100%; }
.content .organization .pc { display: none; }
.content .honor .pc { display: none }
.content .honor .m { display: block; }
.content .honor .m img { width: 100%; }
.content .top .map{width:698px;height:548px;}

.technical_solution_process .pc { display: none }
.technical_solution_process .m { display: block; }
.technical_solution_process .m img { width: 100%; }
}

@media screen and (max-width:320px ) {
}