@charset "utf-8";

*{ margin:0; padding:0; -webkit-text-size-adjust:none; word-wrap:break-word; word-break:normal;}

body{font-family: Microsoft YaHei;}

ul{margin:0; padding:0;}

ul li{list-style:none;}

a{color:#333;text-decoration:none;transition:0.3s}

a:hover{color:#1279ba;}







*{    font-family: Microsoft YaHei !important;}

.show_case span,.show_case p,.show_case{ font-family:"雅黑" !important; color:#333 !important;}



/*头部*/

.header-top{display:none;}

.header-top{background:url(../images/hearder_bg.png) repeat; height:60px; position:fixed; top:0px; width:100%; z-index:999; max-width:1600px;left:0px;right:0px; margin:0 auto;}

.header{height:60px;}

.header .logo{height:60px; margin-left:10px; float:left;}

.header .logo img{height:60px;}

.header-m{float:right; width:100px; height:60px;}

.m_search{width:50px; text-align:center; padding:19px 0px; float:left;cursor: pointer;}

.m_menu{width:50px; text-align:center; padding:17px 0px; float:right;cursor: pointer;}

.navbox{display:none;}

.nav_m {position: relative;width: 100%; display:block;}

.nav_m .n_icon{display: block;width:20px;height:20px;background: url(../images/search.png) no-repeat;position: absolute;right:58px; top:-40px;z-index: 9999;cursor: pointer;}

.nav_m .n_icon:hover{background: url(../images/search_hover.png) no-repeat;}

.nav_m ul {width: 100%;display: none; background:url(../images/search_bg.png) repeat; height:1080px;}	

.nav_m ul li{width:90%; margin:0 auto; max-width:471px; padding:30px 0px;}

.nav_m ul li .close3{ text-align:center; padding:20px 0px 40px;cursor: pointer; width:60px; margin:0 auto;}

.nav_m ul li .searchbox{  position:relative; height:42px;}

.nav_m ul li .searchbox .input{width:98%;border:1px solid #fff; background:none; line-height:26px; padding:0.4em 0.4em;color:#fff;  margin-top:2px; margin-left:1px;}

.nav_m ul li .searchbox .s_btn{ position:absolute; background: url(../images/search2.png) no-repeat; top:10px; right:18px; border:none; width:20px; height:20px;}

.navigation-up{display:none;}

.sitemapArea{display:none;}

.section {overflow: hidden; position: relative !important;background-attachment: fixed;}

.section img{width:auto; max-width:100%;}

.section1{ }

.section2{}

.section3{}

#fp-nav{position:fixed;z-index:100000;top:50%;opacity:1;}

#fp-nav.right{right:17px;}

#fp-nav.left{left:17px;}

#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:0px 7px;position:relative; margin-bottom:12px;}

.fp-slidesNav ul li{display: inline-block;}

#fp-nav ul li a,.fp-slidesNav ul li a{display: block;position:relative;z-index:1;width:100%;height: 100%;cursor: pointer;text-decoration: none;}

#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {background:#1279ba;}

#fp-nav ul li a span,.fp-slidesNav ul li a span{top:2px;left:2px;width:10px;height:10px;border:1px solid #1279ba;background:#fff;border-radius:50%;position:absolute;z-index:1;}

.about_Area{padding-top:30px;}

.about{background:#1279ba; width:auto; margin:0px 15px; max-width:1600px; color:#fff; overflow:hidden;}

.about a{color:#fff;}

.about .left .about_title{ padding:30px 20px 0px;}

.about .left .about_title p{font-size:16px; margin-bottom:0px; line-height:24px;}

.about .left .about_title h3{font-size:18px; font-weight:bold; margin:5px 0px 10px;}

.about .left .about_content{padding:0px 20px 20px;}

.about .left .about_content h3{font-size:18px; font-weight:bold}

.about .left .about_content p{font-size:14px;}

.about .right{display:none;}

.classicbox{ padding:20px 15px 0px; width:auto; margin:0 auto; max-width:1630px;}

.classic_title{text-align:center;}

.classic_title p{ font-size:18px; color:#d9d9d9;}

.classic_title h3{margin:0 auto; font-size:24px; font-weight:bold; color:#1279ba; line-height:30px; padding-bottom:20px;}

.classic{overflow:hidden;}

.classic .box4{ width:100%; overflow:hidden;}

.classic .box4 .class1ic1{width:50%; float:left; position:relative;}

.classic .box4 .class1ic2{ position:relative;}

.classic .box4 .titles{position:absolute; z-index:100; top:0px; right:10px; color:#fff; width:85%;}

.classic .box4 .titles h3{text-align:right;} 

.classic .box4 .titles h3 a{font-size:16px; text-align:right; color:#fff; font-weight:bold;}

.newsbox{ padding:20px 15px 0px; width:auto; margin:0 auto; max-width:1630px;}

.news_title{ padding-left:20px;}

.news_title p{ margin-bottom:0px; font-size:18px; color:#d9d9d9;}

.news_title h3{margin:0 auto; font-size:24px; font-weight:bold; color:#1279ba; line-height:30px; padding-bottom:20px;}

.news{width:auto; padding:0px;}

.news .row{margin:0px auto;}

.news .left{ padding:0px;}

.news .right{ padding-right:0px;}

.news .pic img{width:100%;min-width:110px}

.news1{overflow:hidden; background:#f4f4f4; margin-top:14px;}

.news1 .info h3{ font-size:16px; margin:0px; padding:15px 0px 10px; }

.news1 .info h3 a{color:#1279BA;}

.news1 .info p{font-size:12px; color:#838282; line-height:18px; height:55px; overflow:hidden;}

.news1 .date{padding:0px;width:100px; text-align:right; padding-top:15px;}

.news1 .date .color2{ width:28px; height:24px; background:#9bbe22; margin-left:56px; margin-bottom:5px;}

.news1 .date p{ font-size:14px; color:#1279BA; margin-bottom:0px;}

.news2{overflow:hidden;background:#f4f4f4; margin-top:14px;}

.news2 .info h3{ font-size:14px; margin:0px; padding:15px 0px 10px; }

.news2 .info h3 a{color:#1279BA; font-weight:bold;}

.news2 .info p{font-size:12px; color:#838282; line-height:18px;height:55px; overflow:hidden;}

.news2 .pic{padding:0px; max-width:190px; float:right;}

.partnerbox{width:auto; margin:0px 15px; padding-top:20px; max-width:1600px; padding-bottom:30px;}

.partner_title h4{ margin:0px;font-size: 18px;color: #d9d9d9; line-height:24px;}

.partner_title h3{margin:0 auto; font-size:24px; font-weight:bold; color:#1279ba; line-height:30px; padding-bottom:10px;}

.partner_title p{font-size:12px; color:#838282; line-height:20px; padding-bottom:20px; margin-bottom:0px;}

.partner ul{overflow:hidden;}

.partner ul li{ width:100%;width:50%; float:left; position:relative; overflow:hidden;}

.partner ul li .title3{position:absolute;left: 0px;top: 0px;text-align: center;padding-top:32%; width:100%; height:100%; background:url(../images/p_bg.png) repeat; color:#fff;}

.partner ul li .title3 h3{margin:0px; font-size:20px; font-weight:bold; padding-bottom:8px;}

.partner ul li .title3 p{font-size:14px;}

.footerbox{width:100%;}

.footerbox .img{ background:#f2f2f2; text-align:center; padding:15px 0px;}

.footerbox .footer{background:#cdd1db; text-align:center; color:#333; padding:20px 0;}

.footerbox .footer .ewm{padding:15px 0px 15px;}

.footerbox .footer .ewm img{}

.footerbox .footer p{line-height:24px; margin-bottom:0px;}

.list_classbox{width:100%; padding:60px 0px 30px; overflow:hidden;max-width: 1200px; margin: 0 auto;}

.list_classbox li{width:50%; float:left; position:relative; overflow:hidden;}

.list_classbox li .title2{position:absolute; bottom:15%; color:#fff; width:95%; padding:0px 2.5%; text-align:center; z-index:2;}

.list_classbox li .title2 h3{font-size:18px; font-weight:bold;} 

.list_classbox li .title2 p{font-size:12px; margin-bottom:0px;}

.box{position:absolute; top:-640px; width:100%; height:100%; /*background:url(../images/class_bg.png) repeat;*/ z-index:1;}

.list_newsbox{width:100%; padding-top:60px; position:relative; background:url(../images/p9.jpg) no-repeat  center 60px; background-size: cover;background-attachment: fixed;}

.list_newsbox ul{width:auto; max-width:1600px; padding:0px 20px; overflow:hidden;}

.list_newsbox ul li{background:#fff; padding:10px; margin-top:15px; overflow:hidden;} 

.list_newsbox ul li .news_left{}

.list_newsbox ul li .news_left .news_title2 h3{margin:0px; font-size:14px; padding-bottom:10px; color:#433F40;}

.list_newsbox ul li .news_left .news_title2 p{font-size:12px; margin-bottom:0px; color:#838282;}

.list_newsbox ul li .pic{float:right; width:40%; margin-left:8px; max-width:343px;}

.pagebox{padding:30px 20px; overflow:hidden;}

.pagebox .page{ width:45%; float:left; text-align:center;}

.pagebox .page2{float:right;}

.pagebox .page a{color:#838282;background: #e4e4e4;padding:8px 30%;margin: 0px auto;font-size:14px; font-weight:bold; display:block;}

.pagebox .page a:hover{background:#00a0ea; color:#fff; text-decoration:none;}

.show_box{width:auto; max-width:1800px; padding:0px 20px 20px; overflow:hidden; }

.show_box .title h3{ font-size:16px; margin:0px; padding:30px 0px 20px; color:#433F40; font-weight:bold;}

.show_box .title p{font-size:12px; background:#e4e4e4; line-height:20px; padding:0px 3px; line-height:24px; color:#838282;}

.show_box .title p span{padding-left:20px;color:#838282;}

.show_box .show_content{font-size:12px !important; line-height:24px; color:#333; padding:20px 0px; max-width:1200px; margin:0 auto;}

.show_box .show_content p,span{font-size:12px; line-height:24px; color:#333;}

.show_box .show_content img{ padding:8px 0px;}

.close4{width:auto; text-align:center; padding-bottom:10px;}

.close4 img{width:50px;}

.share{ position:relative; width:235px; margin:0 auto; font-size:16px; line-height:24px; padding:10px 0px;}

.bdsharebuttonbox{position:absolute; top:9px; left:65px;}

.up_down{width:auto; max-width:1800px; margin:0 auto; overflow:hidden; font-size:12px; padding-bottom:20px;}

.up_down a{color:#433F40;}

.up_down .pre{ background:#e4e4e4; color:#433F40; line-height:30px;padding:0px 5px; height:30px; overflow:hidden;margin-top:15px;}

.up_down .nex{ background:#e4e4e4; color:#433F40; line-height:30px;padding:0px 5px; height:30px; overflow:hidden; margin-top:15px;}



.list_casebox{ padding:0px 20px; overflow:hidden; max-width:1800px; margin:0px auto;}

.part{ margin-left:-15px; margin-right:-15px; overflow:hidden;}

.list_case{ padding:20px 15px;}

.list_case .pic{position:relative; overflow:hidden;}

.list_case .pic .img2{position:absolute; top:0px; left:0px; z-index:2;}

.list_case .case_info{position:relative; overflow:hidden; text-align:center; height:52px;}

.list_case:hover .case_info h3{color:#fff;}

.list_case:hover .case_info p{color:#fff;}

.list_case .case_info h3{margin:0px; font-size:14px; color:#433F40; padding:10px 0px 5px; position:relative; z-index:3;}

.list_case .case_info p{font-size:12px; color:#838282; margin-bottom:5px; position:relative; z-index:3;}

.color {position: absolute;top:-52px; width: 100%; height: 100%; background:#6f3e8d; height:52px;}

.more{background:#e4e4e4; text-align:center;font-size: 16px;color: #838282; font-weight:700; padding:15px 0px; margin:20px 0px 40px;}

.banner1{ background:#1279ba; margin-top:60px; height:180px;}

.banner1 img{padding-top:60px; padding-left:20px; width:260px;}

.banner1 h3{font-weight: 700;font-style: normal;font-size:32px;color: #FFFFFF; margin-left:20px;margin-top: 7px;}

.case_info2{color:#fff; padding-top:55px; text-align:center;}

.banner2{ background:#1279ba; margin-top:60px; height:180px;}

.case_info2 h4{font-size:20px; font-weight:bold;}

.case_info2 p{font-weight: 700;}

.show_case{ padding:30px 20px;}

.show_case .left .case_logo{text-align:center; padding-bottom:30px;}

.show_case .left p,span{ font-size:14px; color:#666666; line-height:26px;}

.show_case .left a{color:#1279BA;}

.show_patner{ padding:30px 20px; margin:0 auto;}

.show_patner .parner_logo{text-align:center; padding-bottom:20px;}

.show_patner p,span{font-size:14px; line-height:26px; color:#666666;}

.show_patner a{color:#1279ba;}

.show_patner .fanhui{width:50px; margin:0 auto; padding:30px 0px;}

.banner3{ margin-top:60px;}

.gbookbox{padding:30px 0px;}

.gbookbox .title{border-bottom:1px solid #ccc; text-align:center;}

.gbookbox .title p{ padding:0px 20px; max-width:405px; margin:0 auto; padding-bottom:30px; font-size:14px; color:#838282; line-height:24px;}

.gbook{ padding:40px 20px; margin:0 auto; max-width:350px;}

.gbook p{ padding:6px 0px; overflow:hidden; font-size:14px; color:#838282; margin-bottom:0px;} 

.gbook p .sp1{width:45px; float:left;}

.gbook p .sp2{float:left;}

.gbook p .sp2 .input{ border:1px solid #ccc; padding:0.3em; line-height:20px;width:200px;}

.submit{border:1px solid #ccc; margin:0 auto; width:100px; height:36px; background:#fff; border-radius:18px; margin-left:60px;}

.show_class{margin-top:60px;}

.show_class img{width:auto; max-width:100%;}

.show_class .part1{margin:0 auto; background:#f2f2f2; margin-bottom:40px;}

.show_class .part1 .left{padding:10px 0 20px; position:relative; background:#f2f2f2; text-align:center;}

.show_class .part1 .left h3{font-size:24px; color:#1279ba; font-weight:bold; padding-bottom:4px;}

.show_class .part1 .left p{font-size:18px; color:#333;}

.show_class .part1 .right{padding:0;}

.show_class .part2{padding:0px 20px 40px; margin:0 auto; overflow:hidden;}

.show_class .part2 .left{ background:#1279ba; font-size:14px; color:#fff; line-height:30px; font-weight:bold;}

.show_class .part2 .left .content{ padding:20px 15px 40px;}

.footerbox img{width:auto; max-width:100%;}

.show_patner img{width:auto; max-width:100%;}

.list_classbox img{width:auto; max-width:100%;}

.banner3 img{width:auto; max-width:100%;}

.show_case img{width:auto; max-width:100%;}

.list_casebox img{width:auto; max-width:100%;}

.show_box img{width:auto; max-width:100%;}

.list_newsbox img{width:auto; max-width:100%;}

.contactbox{margin-top:60px; background:#1279ba; overflow:hidden;}

.contact2{ padding:30px 20px 40px; color:#fff;}

.contact2 h3{font-size:18px; font-weight:bold; padding-bottom:10px;}

.contact2 p{line-height:20px; padding:2px 0 2px 28px;}

.contact2 .p1{background:url(../images/address.png) no-repeat left 0px;}

.contact2 .p2{background:url(../images/phone.png) no-repeat left 0px;}

.contact2 .p3{background:url(../images/tel.png) no-repeat left 0px;}

.contact2 .p4{background:url(../images/email.png) no-repeat left 0px;}

.contact2 .p6{background:url(../images/p6.png) no-repeat left 0px;}

.contact2 .p5{background:url(../images/fax.png) no-repeat left 0px;}

.contact2 a{color:#fff;}

.contact2 a:hover{text-decoration:underline;}

.map{width:100%; height:300px;}

.recruitbanner{height:300px; background:url(../images/p16.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;}

.recruitArea{padding:0px 20px;}

.recruitArea .title{line-height:24px;font-size: 14px;color: #838282; text-align:center; padding:20px 0px; max-width:435px; margin: 0 auto;}

.recruitArea .title p{margin-bottom:0px;}

.recruit{ background:#f2f2f2; margin-bottom:25px; padding:15px 0px 15px 30px;}

.ask{text-align:center; padding-bottom:10px; padding-top:20px; color:#838282;}

.ask a{color:#838282;}

.r_more{ padding:10px 0px; background:#f2f2f2; color: #838282; text-align:center; font-weight:bold; font-size:16px;}

.sitemapbanner img{width:auto; max-width:100%;}

.sitemap2{padding:20px;}

.sitemap2 .title{ font-size:18px; color:#1279ba; font-weight:bold; padding-bottom:18px;}

.sitemap2 .title span{ font-weight:normal; padding-left:5px;}

.sitemap2 ul li{border-top:1px solid #edecec; padding-top:15px;overflow: hidden;}

.sitemap2 ul li h3{ margin:0 auto; font-size:15px; font-weight:bold;}

.sitemap2 ul li h3 a{background:#1279ba; color:#fff; width:100px; height:30px; text-align:center; line-height:30px; display:block; border-radius:5px; margin-bottom:10px;}

.sitenav{padding:2px 0px 12px; overflow:hidden;}

.sitenav a{padding:5px 10px; font-size:14px; display:block; width:auto; float:left;}

.aboutusbox{/*background:url(../images/about_bg.jpg) no-repeat center center;*/ background-size: cover; background-attachment: fixed; margin-top:60px; background:#1279ba;}

.aboutusbox img{width:auto; max-width:100%;}

.aboutus{padding:40px 20px 80px; max-width:1300px; overflow:hidden; margin:0 auto;}

.aboutus .right{background:#1279ba; color:#fff;}

.aboutus .right .content2{padding:20px 15px 40px;}

.aboutus .right .content2 h3{font-size:24px; font-weight:bold; text-align:right; margin:0px; padding-bottom:15px;}

.aboutus .right .content2 h4{font-size:18px; font-weight:bold; text-align:right; margin:0px; padding-bottom:15px;}

.aboutus .right .content2 h4 span{font-family: 'Times New Roman Negreta cursiva', 'Times New Roman';font-weight: 700;font-style: italic; color:#fff; padding-right:2px;}

.aboutus .right .content2 h5{font-size:16px; font-weight:bold; text-align:right; margin:0px; padding-bottom:20px;}

.aboutus .right .content2 p{font-size:13px; line-height:26px;}

.teamboxArea{ padding=bottom:20px;}

.teambox{padding:20px 0px 40px 20px; margin:0 auto; max-width:1300px;}

.teambox .title{ height:40px;}

.teambox .teamtitle{width:45%; min-width:180px; float:left; background:#333; text-align:center; color:#fff; padding:20px 0px; max-width:410px;margin-top: -80px;}

.teambox .teamtitle p{ font-size:16px; margin-bottom:0px; padding-bottom:10px;}

.teambox .teamtitle h3{font-weight:bold; font-size:20px; margin:0px;}

.team ul{overflow:hidden;}

.team ul li{ width:12%; min-width:88px; margin-left:10px; float:left; max-width:160px;}

.team ul li a{color:#fff; display:block;}

.team ul li p{margin-bottom:15px;text-align:center; line-height:30px;}

.team ul .li1 {margin-left:0px; margin-top:68px;}

.team ul .li3 { margin-top:116px;}

.team ul .li1 p{background:#059ceb;  }

.team ul .li2 p{ background:#c7a065;}

.team ul .li3 p{ line-height:26px; background:#f69601;line-height:26px;}

.partnerbanner{height: 360px;/*background: url(../images/parnter.jpg) no-repeat center center;*/background-size: cover;background-attachment: fixed;}

.partnerArea{padding:20px; margin:0 auto; max-width:1900px;}

.partnerArea img{width:auto; max-width:100%;}

.p_nav{border-bottom:1px solid #ccc; padding-bottom:10px;}

.p_nav a{font-size:14px;padding-left:10px; line-height:20px;}

.list_pbox{padding:20px 0px; overflow:hidden;}

.list_partner{ overflow:hidden; position:relative;}

.list_partner .title4{position: absolute;left: 0px;top: 0px;text-align: center; padding-top:26%;width: 100%; height: 100%; /*background: url(../images/p_bg.png) repeat*/;color: #fff; font-size:20px; font-weight:bold; display:none;}

.casebox{padding:30px 20px;}

.casebox img{width:auto; max-width:100%;}

.casebox .casetitle h4 { margin: 0px; font-size: 18px; color: #d9d9d9; line-height: 24px;}

.casebox .casetitle h3 { margin: 0 auto; font-size: 24px;font-weight: bold; color: #1279ba; line-height: 30px; padding-bottom: 10px;}

.casebox .casetitle p {font-size: 12px; color: #838282; line-height: 20px;padding-bottom: 20px; margin-bottom: 0px; padding-right:10px;}

.casebox .case{overflow:hidden;}

.caseimg{width:50%; float:left; position:relative; overflow:hidden;}

.caseimg .title5{ position: absolute;left: 0px;top: 0px; text-align: center; padding-top: 32%; width: 100%; height: 100%;background: url(../images/p_bg.png) repeat; color: #fff; display:none;}

.caseimg .title5 h3{font-size:14px; padding:0px 10px;}

.gengduo{color:#fff; text-align:center; position:absolute; top:45%; margin:0 auto; width:100%; left:0px;}

.gengduo a{color:#fff;}

.gengduo a:hover{text-decoration:underline;}

.date2{float:right;}

.sitemap2 h2{font-size:18px; margin-top:0px;}

.parttitle{ width:auto; max-width:690px; padding-top:100px; margin:0 auto; text-align:center;}

.parttitle h3{font-size:24px; color:#1279BA; padding-bottom:24px; font-weight:bold;}

.parttitle p{font-size:14px;color: #433F40; line-height:24px;}



.leftfixed{position:relative;padding: 0px 20px; max-width:1600px; margin:0 auto; padding-top:30px;}

.leftfixed a{display:inline-block; margin-bottom: 6px; line-height: 20px; color: #fff; padding:7px 20px; background:#1279ba; border-radius: 3px; text-decoration:none; text-align:center; margin-right:6px;}



@media screen and (min-width:480px){

.classic .box4 .titles{ top:20px;}

.classic .box4 .titles h3 a{font-size:18px;}

.list_classbox li .title2{bottom:24%;}	

.list_classbox li .title2 h3{ font-size:24px;}

.list_classbox li .title2 p{ font-size:16px;}

.list_case{width:50%; float:left;}

.gbook p .sp2 .input{ width:265px;}

.submit{margin-left:115px;}

.team{width:480px; margin:0 auto;}

.team ul li{ width:125px; margin-left:25px;}

.team ul li p{line-height:40px;}

.team ul .li1{margin-top:82px;}

.team ul .li3 {margin-top:148px;}

.team ul .li3 p{line-height:32px;}

.teambox .title{height:60px;}

.list_partner{width:50%; float:left;}

.caseimg{width:33.3333%;}





}

@media screen and (min-width:640px){

.list_newsbox ul li .news_left .news_title2 h3 { font-size:18px;line-height: 26px;height: 28px; overflow: hidden;}

.list_newsbox ul li .news_left .news_title2 p{font-size:14px; line-height:24px;max-height:72px; overflow:hidden;}

.list_newsbox ul li{padding:15px 15px 20px;}

.list_newsbox ul li .pic{margin-left:20px;}

.list_newsbox ul li{margin-top:30px;}

.show_box .title{text-align:center;}

.show_class .part2 .left{font-size:16px;}

.show_class .part2 .left .content{ padding:40px 30px 80px;}

}

@media screen and (min-width:768px){

.nav_m ul li{padding-top:100px;}

.nav_m ul li .close{padding-bottom:50px;}

.about_Area{padding-top:42px;}

.about .left .about_title{ padding:30px 48px 0px;}

.about .left .about_title p{font-size:32px; margin-bottom:0px; line-height:36px;}

.about .left .about_title h3{font-size:40px; font-weight:bold; margin:5px 0px 10px;}

.about .left .about_content{padding:0px 20px;}

.about .left .about_content h3{font-size:24px; font-weight:bold; padding-top:30px;}

.about .left .about_content p{font-size:16px; line-height:24px; padding-top:10px;}

.classicbox{padding-top:30px;}

.classic_title p{ font-size:28px;}

.classic_title h3{font-size:36px; line-height:40px;}

.news_title p{ font-size:28px;}

.news_title h3{font-size:36px; line-height:40px;}

.news1 .date .color2{ width:38px; height:31px; margin-left:60px;}

.news1 .info h3{font-size:20px;}



.news2 .info h3{font-size:18px;}

.news1 .info p{font-size:14px; line-height:24px; height:72px;}

.news2 .info p{font-size:14px; line-height:24px; height:48px;}

.partner ul li{width:25%;}

.partner ul li .title3{padding-top:36%;}

.partnerbox{padding-top:40px;}

.partner_title h4{ font-size:28px; line-height:32px;}

.partner_title h3{font-size:36px; line-height:40px; padding-bottom:15px;}

.partner_title p{font-size:14px; line-height:22px; max-width:700px; padding-bottom:30px;}

.footerbox .img{padding:24px 0px;}

.list_classbox li{width:33.333333333%;}

.list_classbox li .title2 h3{ font-size:28px; padding-bottom:10px;}

.list_classbox li .title2 p{ font-size:18px;}

.list_newsbox ul li{padding:20px 20px 30px;}

.list_newsbox ul li .news_left .date h3 { font-size:40px; margin:0px; font-weight:bold;}

.list_newsbox ul li .news_left .date p{font-size: 18px;color: #1279BA; margin-bottom:20px;}

.pagebox .page a{padding:15px 40%; font-size:16px;}

.show_box .title h3{ font-size:24px; padding:40px 0px 30px;}

.show_box .title p{font-size:14px;}

.show_box .show_content{font-size:16px !important;}

.show_box .show_content p,span{font-size:16px;line-height: 30px;}

.show_box .show_content img{ padding:15px 0px;}

.up_down{padding-bottom:30px; padding-top:10px;}

.up_down .pre{width:49%; float:left; text-align:right; font-size:16px; line-height:40px; height:40px; padding:0px 10px;}

.up_down .nex{width:49%; float:right; font-size:16px;line-height:40px; height:40px; padding:0px 10px;}

.list_case{width:33.333333333%; float:left;}

.banner1{height:260px;}

.banner1 img{padding-top:80px; padding-left:50px; width:350px;}

.banner1 h3{font-size:42px; margin-left:50px;}

.banner2{height:260px;}

.case_info2{color:#fff; padding-top:120px; text-align:left; padding-left:20px;}

.case_info2 h4{font-size:36px; font-weight:bold;}

.case_info2 h4 span{ font-size:14px; color:#fff; padding-left:5px;}

.case_info2 p{font-weight:400;font-size: 20px;}

.banner3{ height:500px; background:url(../images/book.png) no-repeat top left;background-size:center center; background-attachment: fixed;}

.contact2{ /*padding:50px 20px 100px;*/padding:10px 20px 50px;}

.contact2 h3{font-size:22px; padding-bottom:35px;}

.contact2 p{font-size:16px; margin-bottom:15px;}

.map{ height:520px;}

.recruitArea{padding:0px;}

.recruit2{ background:#f2f2f2; margin-bottom:25px; color:#626363; padding-top:15px; padding-bottom:15px;}

.recruit2:hover span{color:#fff;}

.recruit2:hover{ background:#1279ba; color:#fff;}

.recruit2:hover a{color:#fff;}

.recruitArea .title{padding:40px 0px;} 

.ask{padding:40px 0px;}

.r_more{width:750px; margin:0 auto; padding:15px 0px;}

.teambox .teamtitle{padding:42px 0px; margin-top:-90px; margin-right:20px; width:410px;}

.teambox .teamtitle p{font-size:33px; padding-bottom:0px;}

.teambox .teamtitle h3{font-size:40px;}

.aboutus{padding-bottom:150px;}

.teambox .title {height:145px;}

.team {width:525px;}

.team ul li { width:150px; margin-left:30px;}

.team ul li p{line-height:45px; font-size:16px;}

.team ul .li1 { margin-top: 90px;}

.team ul .li3 p{line-height:38px;}

.team ul .li3 {margin-top: 160px;}

.list_partner{width:33.333333%; }

.p_nav{padding:50px 0px 20px;}

.p_nav a{font-size:16px; padding-left:20px;} 

.partnerArea{padding:60px 20px 40px;} 

.partnerArea .title{text-align:center; max-width:756px; margin: 0 auto; line-height:26px; color:#838282;}

.list_pbox{padding:40px 0px;}

.casetitle{width:50%; float:left;}

.caseimg{width:25%;}

.casebox .casetitle h4 { font-size: 28px;line-height: 32px;}

.casebox .casetitle h3 {font-size: 36px; line-height: 40px; padding-bottom: 15px;}

.casebox .casetitle p {font-size: 14px; line-height: 22px; max-width: 700px; padding-bottom: 30px;max-height: 66px;overflow: hidden;}

.caseimg .title5 h3{font-size:20px; padding:0px 10px;}



}



@media screen and (min-width:970px){

.header-top{height:80px;}

.header{ height:80px;}

.header .logo{height:80px; margin-left:33px;}

.header .logo img{height:80px;}

.m_search{}

.m_menu{display:none;}

.header-m{float:none; position:absolute; width:80px; height:80px; top:0px; right:0px;}

.m_search{padding:38px 0px 34px;}

.navbox{width:640px; float:right; height:80px; display:block; margin-right:80px;}

.navigation-up{ display:block; height:94px;}

.navigation-up .navigation-v3{}

.navigation-up .navigation-v3 ul{margin:0px;}

.navigation-up .navigation-v3 li{float:left; padding:33px 9px 30px;width:91px;line-height: 18px; font-size:14px; text-align:center;}

.navigation-up .navigation-v3 li a{color:#433F40;display:block;}

.navigation-up .navigation-v3 li .active{color:#1279ba;}

.navigation-up .navigation-v3 li a:hover{ color:#1279ba;text-decoration:none;}

.navigation-down{position:absolute;top:80px;left:0px;width:100%; z-index:999; }

.navigation-down .nav-down-menu{width:100%;margin:0;position:absolute;top:0px; height: 39px; background:url(../images/hearder_bg.png) repeat; border-top:1px solid #f2f2f2;}

.navigation-down .nav-down-menu .navigation-down-inner{  width:715px;position:relative;height:39px; line-height:39px;float: right; padding-right:80px;}

.navigation-down #li3 .navigation-down-inner{width:805px;}

.navigation-down .nav-down-menu dl{float:left; line-height:39px; padding-right:48px;}

.navigation-down .nav-down-menu dl{ line-height:39px; padding-right:14px;}

.navigation-down .nav-down-menu dd a{color:#636262; font-size:14px;line-height: 39px;}

.navigation-down .nav-down-menu dd a:hover{color:#1279ba; text-decoration:none;}

.nav_m ul li{padding-top:220px;}

.sitemapArea{ background:url(../images/search_bg.png) repeat; height:1080px; position:relative; padding-top:75px;}

.sitemapArea .close2{position:absolute; right:50px; top:75px;cursor: pointer;}

.sitemap{width:95%; margin:0 auto; max-width:1200px; color:#fff;}

.sitemap a{ color:#fff;}

.sitemap .site_title{padding-bottom:40px;}

.sitemap .site_title p{ font-size:32px; line-height:42px;}

.sitemap .site_title h3{ font-size:40px;}

.sitemap ul{ overflow:hidden;}

.sitemap li{width:140px; float:left; text-align:center; line-height:40px;}

.sitemap li h3{ font-size:16px; font-weight:normal;}

.sitemap li p{font-size:14px;}

.nav_m .n_icon{top:-46px;}

.about .left{width:43.57%; float:left;}

.about .right{ width:56.43%; float:right; display:block;}

.classic_title p{ font-size:40px;}

.classic_title h3{font-size:48px; line-height:48px; padding-bottom:30px;}

.newsbox{ padding-top:40px;}

.news_title p{ font-size:40px;}

.news_title h3{font-size:48px; padding-top:5px; line-height:48px; padding-bottom:30px;}

.classic .box4{width:50%; float:left;}

.new3{ margin-top:0px;}

.news1{height:170px;}

.news .left{ width:42.75%;}

.news .right{ width:57.25%;}

.partnerbox { padding-top:70px;} 

.partner_title h4{ font-size:40px;} 

.partner_title h3{font-size:48px; padding-top:16px; line-height:48px; padding-bottom:22px;}

.partner_title p{padding-bottom:70px;}

.news2 .pic img{min-height:170px; width:auto; max-width:190px;}

.news .left .pic img{width:auto; min-height:355px;max-width:684px;}

.news .pic{overflow:hidden;}

.body-wrap{display:none;}

.header-top{display:block;}

.list_classbox{ padding:80px 0px 80px;}

.list_classbox li{width:20%;}

.list_classbox li .title2{bottom:110px;}

.list_classbox li .title2 h3{ font-size:22px;}

.list_classbox li .title2 p{ font-size:18px;}

.list_newsbox{padding-top:80px; background-position:center 80px;}

.leftfixed{padding:40px 50px 0;}

.list_newsbox ul{padding:0px 50px;}

.list_newsbox ul li{width:45%; float:left; max-width:740px;}

.list_newsbox ul .li2{float:right;}

.pagebox { padding:50px 50px 80px;max-width: 1700px;margin: 0 auto;}

.pagebox .page{width:45%; max-width:740px;}

.pagebox .page a{display:block;}

.pagebox .page2{float:right;}

.show_box{padding:0px 50px 60px;}

.show_box .show_content img{ padding:24px 0px;}

.show_box .title h3{padding:60px 0px 40px;}

.close4 img{width:80px;}

.close4{ padding-bottom:20px;}

.banner1{margin-top:80px;}

.list_case{width:20%; float:left;}

.list_casebox{padding:0px 50px;}

.more{ padding:18px 0px; margin:40px 0px 65px;}

.banner1{height:330px;}

.banner1 img{padding-top:180px; padding-left:50px; width:auto;}

.banner1 h3{font-size:48px; margin-left:50px;}

.banner2{margin-top:80px;}

.case_info2{ padding-top:120px; padding-left:50px;}

.case_info2 h4{font-size:48px; font-weight:bold;}

.case_info2 h4 span{ font-size:16px;}

.case_info2 p{font-size: 20px;}

.show_case { padding:50px 50px; overflow:hidden; max-width:1900px;}

.show_case .left{width:45%; float:left;}

.show_case .right{width:49.444%; float:right; position:relative;display: block !important;}

.show_case .right .fanhui{position:absolute; top:50%; left:-25px; width:50px; margin-top:-25px;}

.show_patner .fanhui{width:80px;}

.banner3{ height:600px; margin-top:80px;}

.gbookbox{padding:70px 0px;}

.gbookbox .title p{padding-bottom:55px;}

.gbook{padding:50px 0px 60px;}

.show_class{margin-top:80px;}

.show_class .part2{ padding:40px 0px;}

.show_class .part2 .left{width:36.3445%; /*float:left; margin-left:8.1407%;*/margin:0 auto; }

.show_class .part2 .right{ width:50%; float:right; position:relative;}

.show_class .part1 .left{padding:0px;}

.show_class .part1 .left h3{font-size:34px; padding-bottom:15px; margin-top:16%;}

.show_class .part1 .left hp{font-size:20px;}

.contactbox{margin-top:80px;}

.contact{/*float:left; width:28.414%;*/}

.contact2{padding-left:30%;/* padding-top:110px;*/}

.map{  /*height:768px; width:71.586%;*/}

.r_more{width:970px;}

.recruitArea .title {padding: 60px 0px; line-height:26px;}

.ask{padding:60px 0px 100px;}

.show_case .team{padding-top:10px; width:55%;}

.show_case .team_img{width:38%;}

.aboutusbox{margin-top:80px; padding:60px 0px;}

.aboutus .left{width:45%; float:left; padding-top:15px;}

.aboutus .right{width:55%; float:left;}

.teambox .intro{font-size:13px; color:#828383; line-height:26px; max-width:1000px;padding-top: 20px;}

.team{width:880px; height:520px;}

.gj{position:relative; padding-top:30px;}

.pic1{position:absolute; top:-58px; left:430px;}

.pic2{position:absolute; top:140px; left:175px;}

.pic3{position:absolute; top:216px; left:332px;}

.pic4{position:absolute; top:216px; left:596px;}

.pic5{position:absolute; top:216px; left:768px;}

.pic6{position:absolute; top:440px; left:-15px;}

.pic7{position:absolute; top:440px; left:105px;}

.partnerArea{padding:0px 50px 40px;} 

.partnerbanner{height:200px;}

.show_patner{padding:30px 50px; max-width:1100px;}

.show_class .part2 .right .fanhui{position:absolute; top:50%; left:-25px; width:50px; margin-top:-25px;}

.casebox {padding:60px 50px 20px;}

.casebox p{padding-right:20px;}

.casebox .casetitle h4{font-size: 40px;}

.casebox .casetitle h3{ font-size: 48px; padding-top: 16px;line-height: 48px; padding-bottom: 22px;}

.sitemap2 h2{font-size:24px; margin-top:0px;}

.sitemap2{padding:30px 50px; max-width:1300px; margin:0 auto;}

.parttitle{  padding-top:240px;}

.parttitle h3{font-size:60px; color:#1279BA; padding-bottom:40px;}

.parttitle p{font-size:18px;color: #433F40; line-height:26px;}

}

.pages{



     background: #e4e4e4;

    text-align: center;

    padding: 15px 0;

    }

    

 .pages a {

    border: 1px solid #1065bb;

    padding: 2px 6px;

    margin: 0px 3px;

    background: #1065bb;

    color: #fff;

}

@media screen and (min-width:1200px){

.header-top{ height:94px;}

.header{ height:94px;}

.header .logo{height:94px;}

.header .logo img{height:94px;}

.navbox{ width:712px; height:94px;}

.navigation-up .navigation-v3 li{ padding: 39px 21px 38px;}

.navigation-down{top:94px;}

.nav_m .n_icon{ top:-55px;}

.navigation-up .navigation-v3 li{ width:100px;}

.about .left .about_title{ padding:48px 48px 0px;}

.about .left .about_title p{font-size:40px; margin-bottom:0px; line-height:45px;}

.about .left .about_title h3{font-size:48px; font-weight:bold; margin:5px 0px 10px;}

.about .left .about_content{padding:0px 48px;}

.about .left .about_content h3{font-size:26px;padding-top:48px;}

.newsbox{ padding-top:60px;}

.classic .box4 .titles{top:30px; right:24px;}

.classic .box4 .titles h3{margin-bottom:22px;}

.classic .box4 .titles h3 a{font-size:24px;}

.news1 .info{padding-right:0px;}

.news2 .info{padding:0px 0px 0px 32px;}

.news1 .info h3{font-size:30px;max-height: 84px; overflow:hidden; line-height:30px;}

.news2 .info h3{font-size:20px; padding:24px 0px 15px;}

.list_classbox{ padding:94px 0px 120px;}

.list_classbox ul{overflow:hidden;}

.list_newsbox{padding-top:94px; background-position:center 94px;}

.list_newsbox ul li .news_left .date h3{font-size:48px;}

.up_down .pre{height:60px; line-height:60px;}

.up_down .nex{height:60px; line-height:60px;}

.banner1{margin-top:94px;}

.banner2{margin-top:94px;}

.show_case { padding:80px 50px; font-size:16px !important;}

.show_case .right .fanhui{position:absolute; top:50%; left:-40px; width:80px; margin-top:-40px;}

.banner3{margin-top:94px;}

.show_class{margin-top:94px;}

.contactbox{margin-top:94px;}

.recruit2{padding:24px 0px; font-size:16px;}

.recruit2 strong{padding-left:15px;}

.recruit2 .xq{padding-left:40px;}

.r_more{width:1170px; padding:24px 0px;}

.aboutusbox{margin-top:94px; padding:50px 0px 20px;}

.aboutus .right .content2{padding:0 32px 0px 20px; }

.aboutus .right .content2 h3 {font-size:36px;}

.aboutus .right .content2  h4{font-size:28px;}

.aboutus .right .content2  h4 span{font-size:30px;}

.aboutus .right .content2  h5{ font-size:20px; padding-bottom:30px;}

.list_partner{width:25%;}

.show_class .part2 .right .fanhui{position:absolute; top:50%; left:-40px; width:80px; margin-top:-40px;}

.casetitle{ width:33.33333%;}

.caseimg{width:16.6666666%;}

.casebox {padding:100px 50px 40px;}

.recruitbanner{height:600px;}

}

@media screen and (min-width:1600px){

.sitemap .site_title p{ font-size:40px; line-height:42px;}

.sitemap .site_title h3{ font-size:48px;}

.sitemap li h3{ font-size:16px; font-weight:normal; padding-bottom:5px;}

.sitemap li p{font-size:14px; padding-bottom:5px;}

.about{margin:0 auto;}

.partnerbox{margin:0 auto;}

.map{ height:850px;}

.casebox{max-width:1700px; margin:0 auto;} 

}

@media screen and (min-width:1900px){

.list_newsbox ul{margin:0 auto; padding:0px;}

.leftfixed{padding:40px 0 0;}

.show_box{margin:0 auto; padding:0px; padding-bottom:60px;}

.list_casebox{padding:0px;}



}



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



.news2 .info h3{overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;}

  .news2 .info p {

  font-size: 12px;

  color: #838282;

  line-height: 18px;

  height: 35px;

  }







}
.navactive{display:block; right: 0;}