@charset "utf-8";
.banner { width: 100%; height: 526px; overflow: hidden; position: relative;  background:url(../images/about/banner.jpg) center center no-repeat; }
.index_h2line{ width: 37px; height: 3px; background:url("../images/index_line.jpg"); margin: 2px auto 40px; }
@media (min-width: 300px) {
#wrap{ width:100%; top:75px; position:relative; }	
.banner { height: 360px; background:url(../images/about/banner_s.jpg); background-size: 100% 100%; }
.index_h2line{ width: 37px; height: 3px; background:url("../images/index_line.jpg"); margin: 2px auto 20px; }

.about_introduction{ width:100%; margin:0 auto; height:auto; }
.about_introduction_content{ width:300px; height:auto; margin-left:auto; margin-right:auto; overflow: hidden; margin-bottom:35px; }
.about_introduction_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:45px; margin-bottom:0px; }
.about_introduction_content_text{ width:300px; height:auto; padding:0px 12px; }
.about_introduction_content_text p{ font-size:14px; color:#333333; text-indent:2em; }

.about_map{ width:100%; margin:0 auto; height:390px; background:#f5f5f5;  }
.about_map_content{ width:300px; height:390px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_map_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:45px; margin-bottom:0px; }
.about_map_content_text{ width:300px; height:260px; padding:0px 12px; }

.about_concept{ width:100%; margin:0 auto; height:380px; }
.about_concept_content{ width:300px; height:378px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_concept_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:45px; margin-bottom:0px; }
.about_concept_content_text{ width:300px; height:270px; }

.about_service{ width:100%; margin:0 auto; height:410px; }
.about_service_content{ width:300px; height:410px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_service_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:45px; margin-bottom:0px; }
.about_service_content_text{ width:300px; height:270px; }

.about_contact_mo{ width:100%; margin:0 auto; height:250px; background:#f1f2f6; }
.about_contact_mo_content{ width:300px; height:248px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_contact_mo_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:45px; margin-bottom:0px; }
.about_contact_mo_content_text{ width:300px; height:140px; }

.about_develop_mo{ width:100%; margin:0 auto; height:250px; }
.about_develop_mo_content{ width:300px; height:248px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_develop_mo_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:45px; margin-bottom:0px; }
.about_develop_mo_content_text{ width:300px; height:140px; }

.about_honor{ height:1090px; background:#f5f5f5; }
.about_honor_content{ width:300px; height:1008px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_honor_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:40px; margin-bottom:0px; }
.about_honor_content_text{ width:300px; height:560px; }
.about_honor_content_text li{ width:100%; height:auto; font-size:14px; line-height:24px; float:left;  background:url(../images/index/adshonor_ico.jpg) no-repeat; padding-left:28px; color: #333333; margin-bottom:6px; }
.about_honor_content_text1{ width:270px; height:93px; float: left; margin-left:16px; }
.about_honor_content_text2{ width:270px; height:88px; float: left; margin-left:16px; }
.about_honor_content_text3{ width:270px; height:140px; float: left; margin-left:16px; }
.about_honor_content_text4{ width:270px; height:150px; float: left; margin-left:16px; }
}
@media (min-width: 315px) {
.banner { height: 378px; }
}
@media (min-width: 360px) {
.banner { height: 432px; }

.about_introduction{ width:100%; margin:0 auto; height:auto; }
.about_introduction_content{ width:360px; height:auto; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_introduction_content_text{ width:360px; height:auto; padding:0px 18px; }

.about_map{ width:100%; margin:0 auto; height:430px; background:#f5f5f5;  }
.about_map_content{ width:360px; height:430px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_map_content_text{ width:360px; height:310px; padding:0px 18px; }

.about_develop_mo{ width:100%; margin:0 auto; height:280px; }
.about_develop_mo_content{ width:360px; height:276px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_develop_mo_content_text{ width:360px; height:160px; }

.about_honor{ height:1160px; background:#f5f5f5; }
.about_honor_content{ width:360px; height:1080px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_honor_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:40px; margin-bottom:0px; }
.about_honor_content_text{ width:360px; height:980px; }
.about_honor_content_text li{ width:100%; height:auto; font-size:14px; line-height:24px; float:left;  background:url(../images/index/adshonor_ico.jpg) no-repeat; padding-left:28px; color: #333333; margin-bottom:6px; }
.about_honor_content_text1{ width:330px; height:93px; float: left; margin-left:16px; }
.about_honor_content_text2{ width:330px; height:88px; float: left; margin-left:16px; }
.about_honor_content_text3{ width:330px; height:120px; float: left; margin-left:16px; }
.about_honor_content_text4{ width:330px; height:150px; float: left; margin-left:16px; }
}
@media (min-width: 375px) {	
.banner { height: 450px; }

.about_introduction{ width:100%; margin:0 auto; height:auto; }
.about_introduction_content{ width:375px; height:auto; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_introduction_content_text{ width:375px; height:auto; padding:0px 18px; }

.about_concept{ width:100%; margin:0 auto; height:440px; }
.about_concept_content{ width:375px; height:440px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_concept_content_text{ width:375px; height:340px;  }

.about_service{ width:100%; margin:0 auto; height:476px; }
.about_service_content{ width:375px; height:450px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_service_content_text{ width:375px; height:340px; }

.about_contact_mo{ width:100%; margin:0 auto; height:300px; }
.about_contact_mo_content{ width:375px; height:300px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_contact_mo_content_text{ width:375px; height:180px; }

.about_develop_mo{ width:100%; margin:0 auto; height:290px; }
.about_develop_mo_content{ width:375px; height:286px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_develop_mo_content_text{ width:375px; height:170px; }
}
@media (min-width: 390px) {	
.banner { height: 468px; }
}
@media (min-width: 400px) {	
.banner { height: 480px; }
}
/*针对iphone6s plus*/
@media (min-width: 410px) {
.banner { height: 492px; }	

.about_introduction{ width:100%; margin:0 auto; height:auto; }
.about_introduction_content{ width:410px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:30px; overflow: hidden; }
.about_introduction_content_text{ width:410px; height:auto; padding:0px 18px; }

.about_map{ width:100%; margin:0 auto; height:480px; background:#f5f5f5;  }
.about_map_content{ width:410px; height:480px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_map_content_text{ width:410px; height:350px; padding:0px 18px; }

.about_concept{ width:100%; margin:0 auto; height:470px; }
.about_concept_content{ width:410px; height:470px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_concept_content_text{ width:410px; height:370px;  }

.about_service{ width:100%; margin:0 auto; height:500px; }
.about_service_content{ width:410px; height:480px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_service_content_text{ width:410px; height:370px; }

.about_develop_mo{ width:100%; margin:0 auto; height:310px; }
.about_develop_mo_content{ width:410px; height:306px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_develop_mo_content_text{ width:410px; height:190px; }

.about_honor{ height:1220px; background:#f5f5f5; }
.about_honor_content{ width:410px; height:1100px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_honor_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:40px; margin-bottom:0px; }
.about_honor_content_text{ width:410px; height:1020px; }
.about_honor_content_text li{ width:100%; height:auto; font-size:14px; line-height:24px; float:left;  background:url(../images/index/adshonor_ico.jpg) no-repeat; padding-left:28px; color: #333333; margin-bottom:6px; }
.about_honor_content_text1{ width:378px; height:93px; float: left; margin-left:16px; }
.about_honor_content_text2{ width:378px; height:88px; float: left; margin-left:16px; }
.about_honor_content_text3{ width:378px; height:120px; float: left; margin-left:16px; }
.about_honor_content_text4{ width:378px; height:130px; float: left; margin-left:16px; }
}
@media (min-width: 480px) {
.banner { height: 576px; }

.about_introduction{ width:100%; margin:0 auto; height:auto; }
.about_introduction_content{ width:440px; height:auto; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_introduction_content_text{ width:440px; height:auto; padding:0px 18px; }
}
@media (min-width: 500px) {
.banner { height: 600px; }
}
@media (min-width: 600px) {
.banner { height: 720px; }	

.about_introduction{ width:100%; margin:0 auto; height:auto; }
.about_introduction_content{ width:580px; height:auto; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_introduction_content_text{ width:580px; height:auto; padding:0px 18px; }

.about_map{ width:100%; margin:0 auto; height:630px; background:#f5f5f5;  }
.about_map_content{ width:580px; height:630px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_map_content_text{ width:580px; height:500px; padding:0px 18px; }

.about_concept{ width:100%; margin:0 auto; height:640px; }
.about_concept_content{ width:580px; height:640px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_concept_content_text{ width:580px; height:550px;  }

.about_service{ width:100%; margin:0 auto; height:686px; }
.about_service_content{ width:580px; height:680px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_service_content_text{ width:580px; height:550px; }

.about_develop_mo{ width:100%; margin:0 auto; height:390px; }
.about_develop_mo_content{ width:580px; height:380px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_develop_mo_content_text{ width:580px; height:266px; }

.about_honor{ height:1200px; background:#f5f5f5; }
.about_honor_content{ width:580px; height:1100px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_honor_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:40px; margin-bottom:0px; }
.about_honor_content_text{ width:580px; height:1020px; }
.about_honor_content_text li{ width:100%; height:auto; font-size:14px; line-height:24px; float:left;  background:url(../images/index/adshonor_ico.jpg) no-repeat; padding-left:28px; color: #333333; margin-bottom:6px; }
.about_honor_content_text1{ width:480px; height:93px; float: left; margin-left:16px; }
.about_honor_content_text2{ width:480px; height:88px; float: left; margin-left:16px; }
.about_honor_content_text3{ width:480px; height:120px; float: left; margin-left:16px; }
.about_honor_content_text4{ width:480px; height:100px; float: left; margin-left:16px; }
}
@media (min-width: 700px) {
.banner { height: 840px; }	
}
@media (min-width: 767px) {
.about_concept{ width:100%; margin:0 auto; height:256px; }
.about_concept_content{ width:580px; height:250px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_concept_content_text{ width:580px; height:133px; }

.about_service{ width:100%; margin:0 auto; height:266px; }
.about_service_content{ width:580px; height:250px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_service_content_text{ width:580px; height:133px; }

.about_map{ width:100%; margin:0 auto; height:630px; background:#f5f5f5;  }
.about_map_content{ width:700px; height:630px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_map_content_text{ width:700px; height:500px; padding:0px 18px; }

.about_contact_pc{ width:100%; height:600px; margin:0 auto; background:url(../images/about/ct-contact-bg.jpg) repeat-x bottom; }
.about_contact_pc_content{ width:767px; height:360px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_contact_pc_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:46px; margin-bottom:0px; }

.about_develop_pc{ width:100%; height:710px; margin:0 auto; background:url(../images/about/ct-develop-bg.jpg) repeat-x bottom; }
.about_develop_pc_content{ width:767px; height:360px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_develop_pc_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:46px; margin-bottom:0px; }

.about_honor{ height:820px; background:#f5f5f5; }
.about_honor_content{ width:580px; height:750px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_honor_content_text{ width:580px; height:630px; }
}
@media (min-width: 768px) {	
.banner { width: 100%; height: 750px; overflow: hidden; position: relative;  background:url(../images/about/banner.jpg) center center no-repeat; }
}
@media (min-width: 1024px) {
#wrap{ width:100%; height:auto; top:0px; position:relative;  }	
.index_h2line{ width: 37px; height: 3px; background:url("../images/index_line.jpg"); margin: 2px auto 40px; }

.about_introduction{ width:100%; margin:0 auto; height:580px; }
.about_introduction_content{ width:1024px; height:565px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_introduction_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_introduction_content_text{ width:1024px; height:420px; padding:0px 10px; }
.about_introduction_content_text p{ font-size:14px; color:#333333; text-indent:2em; }

.about_map{ width:100%; margin:0 auto; height:910px; background:#f5f5f5;  }
.about_map_content{ width:1024px; height:895px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_map_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_map_content_text{ width:1024px; height:750px; padding:0px; }

.about_concept{ width:100%; margin:0 auto; height:376px; }
.about_concept_content{ width:1024px; height:366px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_concept_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_concept_content_text{ width:1024px; height:246px; }

.about_service{ width:100%; margin:0 auto; height:386px; }
.about_service_content{ width:1024px; height:366px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_service_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_service_content_text{ width:1024px; height:246px; }

.about_contact_pc{ width:100%; height:620px; margin:0 auto; background:url(../images/about/ct-contact-bg.jpg) repeat-x bottom; }
.about_contact_pc_content{ width:1024px; height:360px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_contact_pc_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }

.about_develop_pc{ width:100%; height:744px; margin:0 auto; background:url(../images/about/ct-develop-bg.jpg) repeat-x top; }
.about_develop_pc_content{ width:1024px; height:360px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_develop_pc_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }

.about_honor{ width:100%; height:740px; margin:0 auto; background:#f5f5f5; }
.about_honor_content{ width:1024px; height:720px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_honor_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_honor_content_text{ width:1024px; height:590px; }
.about_honor_content_text li{ width:100%; height:auto; font-size:14px; line-height:24px; float:left;  background:url(../images/index/adshonor_ico.jpg) no-repeat; padding-left:28px; color: #333333; margin-bottom:6px; }
.about_honor_content_text1{ width:210px; height:140px; float: left; margin-left:0px; }
.about_honor_content_text2{ width:180px; height:140px; float: left; margin-left:0px; }
.about_honor_content_text3{ width:300px; height:140px; float: left; margin-left:0px; }	
.about_honor_content_text4{ width:330px; height:140px; float: left; margin-left:0px; }	
}
@media (min-width: 1080px) {
.about_introduction{ width:100%; margin:0 auto; height:580px; }
.about_introduction_content{ width:1080px; height:565px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_introduction_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_introduction_content_text{ width:1080px; height:420px; padding:0px 10px; }
.about_introduction_content_text p{ font-size:14px; color:#333333; text-indent:2em; }

.about_map{ width:100%; margin:0 auto; height:930px; background:#f5f5f5;  }
.about_map_content{ width:1080px; height:915px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_map_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_map_content_text{ width:1080px; height:770px; }

.about_concept{ width:100%; margin:0 auto; height:376px; }
.about_concept_content{ width:1080px; height:366px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_concept_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_concept_content_text{ width:1080px; height:246px; }

.about_service{ width:100%; margin:0 auto; height:386px; }
.about_service_content{ width:1080px; height:366px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_service_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_service_content_text{ width:1080px; height:246px; }

.about_contact_pc{ width:100%; height:620px; margin:0 auto; background:url(../images/about/ct-contact-bg.jpg) repeat-x botton; }
.about_contact_pc_content{ width:1080px; height:360px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_contact_pc_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }

.about_develop_pc{ width:100%; height:744px; margin:0 auto; background:url(../images/about/ct-develop-bg.jpg) repeat-x top; }
.about_develop_pc_content{ width:1080px; height:360px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_develop_pc_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }

.about_honor{ width:100%; height:740px; margin:0 auto; background:#f5f5f5; }
.about_honor_content{ width:1080px; height:720px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_honor_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_honor_content_text{ width:1080px; height:590px; }
.about_honor_content_text li{ width:100%; height:auto; font-size:14px; line-height:24px; float:left;  background:url(../images/index/adshonor_ico.jpg) no-repeat; padding-left:28px; color: #333333; margin-bottom:6px; }
.about_honor_content_text1{ width:230px; height:140px; float:left; }
.about_honor_content_text2{ width:200px; height:140px; float:left; }
.about_honor_content_text3{ width:310px; height:140px; float:left; }	
.about_honor_content_text4{ width:330px; height:140px; float:left; }
}
@media (min-width: 1200px){	
.about_introduction{ width:100%; margin:0 auto; height:538px; }
.about_introduction_content{ width:1200px; height:530px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_introduction_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_introduction_content_text{ width:1200px; height:410px; }
.about_introduction_content_text p{ font-size:14px; color:#333333; text-indent:2em; }

.about_map{ width:100%; margin:0 auto; height:1026px; background:#f5f5f5; }
.about_map_content{ width:1200px; height:1026px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_map_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_map_content_text{ width:1200px; height:906px; }

.about_concept{ width:100%; margin:0 auto; height:396px; }
.about_concept_content{ width:1200px; height:386px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_concept_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_concept_content_text{ width:1200px; height:268px; }

.about_service{ width:100%; margin:0 auto; height:396px; }
.about_service_content{ width:1200px; height:386px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_service_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_service_content_text{ width:1200px; height:268px; }

.about_contact_pc{ width:100%; height:620px; margin:0 auto; background:url(../images/about/ct-contact-bg.jpg) repeat-x bottom; }
.about_contact_pc_content{ width:1200px; height:360px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_contact_pc_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }

.about_develop_pc{ width:100%; height:744px; margin:0 auto; background:url(../images/about/ct-develop-bg.jpg) repeat-x top; }
.about_develop_pc_content{ width:1200px; height:360px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_develop_pc_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }

.about_honor{ width:100%; height:770px; margin:0 auto; background:#f5f5f5; }
.about_honor_content{ width:1200px; height:720px; margin-left:auto; margin-right:auto; overflow: hidden; }
.about_honor_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:46px; margin-bottom:0px; }
.about_honor_content_text{ width:1200px; height:590px; }
.about_honor_content_text li{ width:100%; height:auto; font-size:14px; line-height:24px; float:left;  background:url(../images/index/adshonor_ico.jpg) no-repeat; padding-left:28px; color: #333333; margin-bottom:6px; }
.about_honor_content_text1{ width:260px; height:120px; float:left; }
.about_honor_content_text2{ width:240px; height:120px; float:left; }
.about_honor_content_text3{ width:350px; height:120px; float:left; }	
.about_honor_content_text4{ width:350px; height:120px; float:left; }
}