@charset "utf-8";
/**/


@media(max-width:899px) {
#top{ width:100%; background:#fff; position:fixed; top:0; left:0;  z-index:20;}
#top .k{ width:100%; margin:0 auto; overflow:hidden; height:3rem;}
#top1{ width:100%; height:3rem; overflow:hidden;}
#logo{ float:left; margin-left:0.8rem; margin-top:0.2rem;}
#logo img{ height:2.6rem;}

#m_btn{ float:right; cursor:pointer;}
#m_btn img{ height:3rem;}

#menu{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); display:none;}
#menu ul{ width:60%; height:100%; background:#eee; float:left; margin-left:-60%; transition:all 0.5s;}
#menu ul li{ width:100%; border-bottom:solid 1px #f7f7f7;}
#menu ul li a{ display:block; text-align:center; color:#0b1f3c; background:#fff; font-size:1rem; line-height:3rem;}
#menu ul li a:hover{ background:#0b1f3c; color:#fff;}

#menu ul li .zmenu{ position:absolute; z-index:20; background:rgba(11,31,60,0.8); display:none;}
#menu ul li .zmenu a{ line-height:50px; color:#fff;}
#menu ul li .zmenu a:hover{ background:#118ccf;}

#close{ width:4rem; height:4rem; background:#118ccf; float:left;}
#close img{ width:100%;}

#search_btn{ float:right; cursor:pointer; padding:11px; margin:32px 0 0 50px; display:none;}

#search{ position:fixed; z-index:15; width:100%; left:0; top:100px; background:rgba(11,31,60,0.8); display:none;}
#search .ka{ width:900px; margin:40px auto;}
#search .ka input{ width:748px; background:none; border:solid 1px #00a1e9; color:#fff; height:38px; text-indent:10px;}
#search .ka input::placeholder{ color:#00a1e9;}
#search .ka button{ width:150px; line-height:40px; text-align:center; color:#fff; background:#00a1e9; float:right; cursor:pointer; font-size:15px;}


/*banner*/
.swiper-container {	width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {	text-align: center;	font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-box-pack: center;-ms-flex-pack: center;	-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
.swiper-slide{ overflow:hidden;}
.swiper-slide img {	width:140%;}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}

#ind_news{ width:100%; background:url(image/di1.jpg) no-repeat center top/auto 100%; overflow:hidden;}

.title{ width:100%; text-align:center; overflow:hidden; margin:2rem 0 1rem 0;}
.title p.tt{ font-size:1.6rem; line-height:2rem; color:#0b1f3c; font-weight:900;}
.title p.tt1{ font-size:1.2rem; line-height:1.6rem; color:rgba(11,31,60,0.2); text-transform:uppercase; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#news_list{ width:90%; margin:0 auto; overflow:hidden;}
#news_list ul{ width:100%;}
#news_list ul li{ width:100%; margin-bottom:1rem;}
#news_list ul li a{ display:block; border-top-left-radius:50px;border-bottom-right-radius:50px; overflow:hidden; background:rgba(255,255,255,0.8);}
#news_list ul li a p.pic{ overflow:hidden;}
#news_list ul li a p.pic img{ width:100%; transition:all 0.5s;}
#news_list ul li a p.date{ position:absolute; margin:-40px 0 0 65%; border-top-left-radius:20px;border-bottom-right-radius:20px; z-index:10; background:rgba(17,140,207,0.8); color:#fff; width:76px; height:80px; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#news_list ul li a p.date span{ display:block; font-size:30px; font-weight:900; line-height:30px; margin-top:15px;}
#news_list ul li a p.tt{ margin:20px 0 0 1rem; font-size:1rem; width:60%;}
#news_list ul li a p.con{ margin:15px auto 0 auto; font-size:13px; line-height:18px; width:90%;}
#news_list ul li a p.more{ background:url(image/bit.png) no-repeat center; width:57px; height:25px; margin:1rem 0 1rem 1rem; border:solid 2px rgba(17,140,207,0.1); border-radius:2px; transition:all 0.5s;}
#news_list ul li a:hover p.pic img{ overflow:hidden; transform:scale(1.15);}
#news_list ul li a:hover p.more{ width:80px; border:solid 2px rgba(17,140,207,0.9); }

#list{ width:100%; overflow:hidden;}
#list ul{ list-style:none}
#list ul li{ width:50%; float:left; text-align:center;  cursor:pointer; transition:all 0.5s;}
#list ul li.a1{background:url(image/1.jpg) no-repeat center top/100% auto;}
#list ul li.a2{background:url(image/2.jpg) no-repeat center top/100% auto;}
#list ul li.a3{background:url(image/3.jpg) no-repeat center top/100% auto; width:100%;}
#list ul li.a4{background:url(image/4.jpg) no-repeat center top/100% auto;}
#list ul li.a5{background:url(image/5.jpg) no-repeat center top/100% auto;}
#list ul li a{ display:block; margin-top:3rem; color:#fff; font-size:18px; line-height:70px;}
#list ul li a img{ width:4rem;}

#ind_case{ width:100%; overflow:hidden; background:#d7eaff;}


#ind_spro{ width:90%; margin:0 auto; padding-bottom:2rem; overflow:hidden;}
/*ind_pic*/
.ind_app {width:100%; margin-left:auto; margin-right:auto; }
.ind_app .swiper-slide {text-align: center;font-size: 18px;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.ind_app .swiper-slide{ overflow:hidden; text-align:center; background:none;}
.ind_app .swiper-slide a{ display:block; font-size:18px; text-align:center; transition:all 0.5s;}
.ind_app .swiper-slide a div{ overflow:hidden; background:#fff; padding:10px;}
.ind_app .swiper-slide a p.pic{ width:100%; overflow:hidden;}
.ind_app .swiper-slide a img{width:100%; transition:All 0.35s;}
.ind_app .swiper-slide a:hover img{transform:scale(1.15);}
.ind_app .swiper-slide a p.k1{line-height:50px; font-size:14px; color:#333; background:#fff; transition:all 0.35s;}
.ind_app .swiper-slide a:hover p.k1{ background:#118ccf; color:#fff;}
.ind_app .swiper-slide a:hover p.k2 img{ transform:none;}
.ind_app .swiper-button-next{ display:inherit;}
.ind_app .swiper-button-prev{ display:inherit;}

#index_page{ text-align:center; overflow:hidden; width:100%; padding-bottom:5px;}
#index_page ul{ display:inline-block;}
#index_page ul li{ float:left; margin:0 5px;}
#index_page ul li a{ display:block; background:#fff; border-radius:3px; box-shadow:0px 3px 3px rgba(0,0,0,0.05)}
#index_page ul li.a1 a{ width:68px; height:40px; background:url(image/bbt1.png) no-repeat 0 center #fff;}
#index_page ul li.a1 a:hover{ background:url(image/bbt1.png) no-repeat -68px center #118ccf;}

#index_page ul li.a2 a{ width:88px; height:40px; background:url(image/bbt2.png) no-repeat 0 -40px #fff;}
#index_page ul li.a2 a:hover{ background:url(image/bbt2.png) no-repeat 0 0 #118ccf;}

#index_page ul li.a3 a{ width:68px; height:40px; background:url(image/bbt3.png) no-repeat -68px center #fff;}
#index_page ul li.a3 a:hover{ background:url(image/bbt3.png) no-repeat 0 center #118ccf;}


#ind_saenet{ width:100%; background:url(image/di2.jpg) no-repeat center top/auto 100%; overflow:hidden; }
#ind_saenet .tt{ width:100%; text-align:center; overflow:hidden; margin:2rem 0 1rem 0;}
#ind_saenet .tt p.ta{ font-size:1.4rem; line-height:2rem; color:#fff; font-weight:900;}
#ind_saenet .tt p.tb{ font-size:1.2rem; line-height:1.4rem; color:#fff; text-transform:uppercase; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#ind_saenet .pic{ text-align:center; overflow:hidden; width:95%; margin:0 auto; padding-bottom:2rem;}
#ind_saenet .pic img{ width:100%;}

#ind_partner{ width:100%; background:url(image/di3.jpg) no-repeat center top/auto 100%; overflow:hidden;}

#ind_partner_list{ width:95%; margin:0 auto; overflow:hidden;}
#ind_partner_list ul{}
#ind_partner_list ul li{ float:left; width:50%; margin-bottom:1rem;}
#ind_partner_list ul li a{ display:block; margin:0 auto; width:95%;}
#ind_partner_list ul li a img{ width:100%;}

#more{ overflow:hidden; width:100%; margin-top:20px; padding-bottom:3rem;}
#more a{ display:block; width:116px; line-height:36px; transition:all 0.5s; background:#118ccf; border-radius:30px; color:#fff; margin:0 auto; text-align:center;}
#more a:hover{ width:140px;}

#bottom{ background:url(image/bottom.jpg) no-repeat center top; width:100%; overflow:hidden; height:353px; display:none;}

#bottom1{ width:1260px; margin:0 auto; overflow:hidden;}
#bottom1 ul li{ width:160px; float:left; margin-top:50px;}
#bottom1 ul li p.tt{ padding-bottom:20px;}
#bottom1 ul li p.tt a{ font-size:16px;}
#bottom1 ul li p a{ color:#fff;}
#bottom1 ul li.code{ float:right; width:260px;}
#bottom1 ul li.code div{ float:left; text-align:center; color:#fff; margin-left:20px; line-height:50px;}

#bottom2{ width:1260px; margin:30px auto 0 auto; padding-top:20px; overflow:hidden; border-top:solid 1px rgba(255,255,255,0.3); text-align:center; color:#fff; }

#mbottom{ width:100%; position:fixed; left:0; bottom:0; background:#0b1f3c; overflow:hidden; z-index:10;}
#mbottom ul li{ width:25%; float:left;}
#mbottom ul li a{ display:block; text-align:center;}
#mbottom ul li a img{ height:3rem;}
#mbottom1{ width:100%; height:3rem; overflow:hidden;}

#about_banner{ width:100%; overflow:hidden;}
#about_banner img{ width:120%; margin-left:-5%;}

#aboutmenu{ width:100%;background:#0b1f3c; overflow:hidden; text-align:center;}
#aboutmenu ul{}
#aboutmenu ul li{ width:25%; float:left;}
#aboutmenu ul li a{ display:block; line-height:3rem; font-size:0.9rem; color:#fff; border-left:solid 1px rgba(255,255,255,0.1);}
#aboutmenu ul li a:hover{ background:#118ccf; color:#fff;}

#title{ width:90%; margin:0 auto; overflow:hidden; text-align:center;}
#title p.tt{ font-size:30px; line-height:40px; font-weight:900; color:#000; padding-top:40px;}
#title p.bread{ color:#ccc; font-size:12px; background:url(image/line.jpg) repeat-x center/100% 1px;}
#title p.bread a{ color:#ccc;}
#title p.bread a:hover{ color:#000;}
#title p.bread span{ background:#fff; padding:0 20px;}

#content{ width:90%; margin:20px auto 2rem auto; overflow:hidden;}
#content img{ width:100%;}
/*#content span{ font-size:1rem; color:#ff8e00; font-weight:900;}*/

#history_con{ width:90%; margin:1rem auto; overflow:hidden; background:url(image/line2.jpg) center repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(image/btn1.png) center 30px no-repeat; overflow:hidden; padding-top:30px; margin-bottom:0px; }
#history_con dl dd span{ width:45%; float:left; text-align:right; font-size:1rem; color:#000; font-weight:900; line-height:1.2rem;}
#history_con dl dd p{ float:right; width:45%; text-align:left; border-bottom:solid 1px #ddd; line-height:20px; font-size:.8rem; padding-bottom:1.2rem;}

#history_con dl dd.myit span{ width:45%; float:right; text-align:left;}
#history_con dl dd.myit p{ float:left; width:45%; text-align:right; border-bottom:solid 1px #ddd;}

#workshop{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#workshop ul{ width:100%;}
#workshop ul li{ width:100%; margin-right:30px; float:left; margin-bottom:20px;}
#workshop ul li a{ display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#workshop ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#workshop ul li a img{ width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#workshop ul li a img:hover{transform:scale(1.15);}
#workshop ul li a:hover{ background:#ff8e00; color:#fff;}

#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 2rem auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li.p{ display:none;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; border:solid 1px #eee;}
#page ul li a:hover{ background:#ff8e00; color:#fff;}
#page ul li a.it{ background:#ff8e00; color:#fff;}

#culture{ width:90%; margin:0 auto 1rem auto; overflow:hidden;}
#culture dl{ width:100%; overflow:hidden; margin-bottom:30px;}
#culture dl dt{ font-size:18px; font-weight:900; line-height:50px; border-bottom:solid 1px #eee; color:#000; margin-top:20px; overflow:hidden;}
#culture dl dd{ width:50%; float:left; margin-top:32px;}
#culture dl dd a{ display:block; overflow:hidden;}
#culture dl dd a img{ width:100%; transition:all 0.5s;}
#culture dl dd a img:hover{ transform:scale(1.15);}
#culture dl dd.more a{ display:block; background:#f7f7f7; border:solid 1px #eee; font-size:14px; text-align:center; line-height:173px;  transition:all 0.5s;}

#newsmenu{ width:100%;background:#0b1f3c; overflow:hidden; text-align:center;}
#newsmenu ul{}
#newsmenu ul li{ width:33.33%; float:left;}
#newsmenu ul li a{ display:block; line-height:3rem; font-size:0.9rem; color:#fff; border-left:solid 1px rgba(255,255,255,0.1);}
#newsmenu ul li a:hover{ background:#118ccf; color:#fff;}

#news{ width:90%; margin:0 auto 40px auto; overflow:hidden;}
#news ul li{ border-bottom:solid 1px #eee; margin-top:30px;}
#news ul li a{ display:block; overflow:hidden; padding-bottom:30px;}
#news ul li a div{ overflow:hidden;}
#news ul li a img{ width:100%;}
#news ul li a p.tt{ font-size:1rem; color:#000; line-height:20px; padding:1rem 0; font-weight:900;}
#news ul li a p.con{ color:#666;}
#news ul li a p.more{ width:120px; background:#eee; border-radius:5px; margin-top:20px; text-align:center; color:#ff8e00; line-height:40px; transition:width 0.5s,background 0.5s,color 0.5s;}
#news ul li a p.time{ font-size:14px; color:#999; line-height:40px;}
#news ul li a:hover p.more{background:#118ccf; color:#fff; width:150px;}

#video{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#video ul{ width:100%;}
#video ul li{ width:100%; margin-right:30px; float:left; margin-bottom:20px;}
#video ul li a{ display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#video ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#video ul li a p.btn{ position:absolute; width:30px; height:30px; border-radius:50%; background:rgba(11,31,60,0.9); z-index:10; margin:20px 0 0 76%;}
#video ul li a p.btn img{ width:100%;}
#video ul li a img{ width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}

#jobmenu{ width:100%;background:#0b1f3c; overflow:hidden; text-align:center;}
#jobmenu ul{}
#jobmenu ul li{ width:50%; float:left;}
#jobmenu ul li a{ display:block; line-height:3rem; font-size:0.9rem; color:#fff; border-left:solid 1px rgba(255,255,255,0.1);}
#jobmenu ul li a:hover{ background:#118ccf; color:#fff;}

#joba{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#joba ul li{ width:90%; background:#f7f7f7; float:left; padding:20px 5%;}
#joba ul li.k1{ margin-top:0px; background:#0b1e3c; color:#fff;}
#joba ul li.k2{ margin-top:0px; background:#00a1e9; color:#fff;}

#joba ul li img{ width:100%;}
#joba ul li p.tt{ text-align:center; font-size:20px; font-weight:900; line-height:60px;}
#joba ul li p.cc{ padding-top:20px;}

#job{ width:90%; margin:1rem auto 0px auto; overflow:hidden;}
#job p{ border-bottom:solid 1px #eee; padding-bottom:20px; margin-bottom:30px;}
#job p span{ font-size:18px; color:#000; font-weight:900; line-height:50px;}

#job1{ width:94%; margin:0 auto 1rem auto; overflow:hidden;}
#job1 .tt{ text-align:center; width:100%; font-size:24px; font-weight:900; line-height:50px; padding-bottom:20px; color:#0b1f3c;}

#job1 ul{ width:100%}
#job1 ul li{ width:46%; float:left; margin:0 2% 1rem 2%; overflow:hidden;}
#job1 ul li a{ display:block; background:rgba(11,31,60,0.7); text-align:center; color:#fff; line-height:40px; padding:50px 0 30px 0; transition:all 0.5s;}
#job1 ul li a img{ width:4rem;}
#job1 ul li:hover a{ background:rgba(11,31,60,0.4);}

#job1 ul li.a1{ background:url(image/1.jpg) no-repeat center top/100% auto #0b1f3c; transition:all 0.5s;}
#job1 ul li.a1:hover{ background:url(image/1.jpg) no-repeat center -50px/100% auto #0b1f3c;}

#job1 ul li.a2{ background:url(image/2.jpg) no-repeat center top/100% auto #0b1f3c; transition:all 0.5s;}
#job1 ul li.a2:hover{ background:url(image/2.jpg) no-repeat center -50px/100% auto #0b1f3c;}

#job1 ul li.a3{ background:url(image/3.jpg) no-repeat center top/100% auto #0b1f3c; transition:all 0.5s; width:96%}
#job1 ul li.a3:hover{ background:url(image/3.jpg) no-repeat center -50px/100% auto #0b1f3c;}

#job1 ul li.a4{ background:url(image/4.jpg) no-repeat center top/100% auto #0b1f3c; transition:all 0.5s;}
#job1 ul li.a4:hover{ background:url(image/4.jpg) no-repeat center -50px/100% auto #0b1f3c;}

#job1 ul li.a5{ background:url(image/5.jpg) no-repeat center top/100% auto #0b1f3c; transition:all 0.5s;}
#job1 ul li.a5:hover{ background:url(image/5.jpg) no-repeat center -50px/100% auto #0b1f3c;}

#job_list{ width:90%; margin:0 auto 1rem auto; overflow:hidden;}
#job_list ul{ list-style:none;}
#job_list ul li{ border-bottom:solid 1px #eee; margin-top:1rem;}
#job_list ul li p{width:100%; overflow:hidden;}
#job_list ul li p.aa{ width:50%; float:left; border-bottom:solid 1px #f7f7f7; line-height:2rem;}
#job_list ul li p span{ color:#000; font-weight:bold;}
#job_list ul li p.beiz{ width:100%; padding-top:10px;}
#job_list ul li p a{ float:right; display:block; background:#eee; width:100px; color:#000; transition:width 0.5s,color 0.5s,background 0.5s; text-align:center; line-height:36px; border-radius:5px; margin:1rem 0 2rem 0;}

#partner_list{ width:90%; margin:0 auto 1rem auto; overflow:hidden; padding-top:1rem;}
#partner_list ul li{ width:50%; float:left; text-align:center; margin-bottom:1rem;}
#partner_list ul li a{ display:block; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1); width:94%; border-radius:5px; margin:0 auto; transition:all 0.5s;}
#partner_list ul li a img{ width:100%}
#partner_list ul li a:hover{box-shadow:0 12px 10px rgba(0,0,0,0.1);}

#contact_btn{ width:90%; margin:1rem auto 0 auto; overflow:scroll; }
#contact_btn ul{ border-bottom:solid 2px #0b1f3c; width:702px; overflow:hidden;}
#contact_btn ul li{ padding:0 1.5rem;float:left; text-align:center; font-size:0.8rem; color:#000; background:#eee; line-height:3rem; margin-right:1px; cursor:pointer;}
#contact_btn ul li.it{ background:#0b1f3c; color:#fff;}

.contact_li{ width:90%; margin:0 auto 0 auto; overflow:hidden;border:solid 0px #eee; padding:2rem 5%;}
.contact_li .left{ float:left; width:100%;}
.contact_li .left p{ line-height:1.2rem; padding:1rem 0; border-bottom:solid 1px #eee;}
.contact_li .left p.tt{ font-size:24px; font-weight:900; color:#0b1f3c;}

.contact_li .right{ float:right; width:100%; margin-top:1rem;}
.contact_li .right img{ width:100%}

#feedback{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#feedback p{ padding-top:20px;width:100%;}
#feedback p.content{ width:98.2%;}
#feedback p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#feedback p textarea{ border:solid 1px #ddd; width:91%; line-height:24px; height:8rem; padding:10px 5%; font-family:"微软雅黑";}
#feedback p a{ display:block; background:#118ccf; color:#fff; transition:background 0.5s; line-height:46px; width:100%; text-align:center; border-radius:5px; font-size:14px;}

#case_detail{ width:90%; margin:1rem auto 1rem auto; overflow:hidden;}
#case_detail .left{ width:100%; }
#case_detail .left img{ width:100%;}
#case_detail .right{ width:100%; float:right;}
#case_detail .right p.tt{ line-height:1.3rem; padding:1rem 0; font-size:1rem; color:#000; font-weight:900; border-bottom:solid 1px #eee; margin-bottom:1rem;}
#case_detail .right p.more{ border-top:solid 1px #eee; margin-top:20px;}
#case_detail .right p.more a{ display:block; width:100px; line-height:2.4rem; background:#eee; color:#0b1f3c; text-align:center; border-radius:5px; margin:1rem auto;}
#case_detail .right p.more a:hover{ background:#118ccf; width:120px; color:#fff;}

#pro_detail{ width:90%; margin:1rem auto 1rem auto; overflow:hidden;}
#pro_detail .left{ width:100%; }
#pro_detail .left img{ width:100%;}
#pro_detail .right{ width:100%; float:right;}
#pro_detail .right p.tt{ line-height:1.3rem; padding:1rem 0; font-size:1rem; color:#000; font-weight:900; border-bottom:solid 1px #eee; margin-bottom:1rem;}
#pro_detail .right p.more{ border-top:solid 1px #eee; margin-top:20px;}
#pro_detail .right p.more a{ display:block; width:100px; line-height:2.4rem; background:#eee; color:#0b1f3c; text-align:center; border-radius:5px; margin:1rem auto;}
#pro_detail .right p.more a:hover{ background:#118ccf; width:120px; color:#fff;}


#pro_title{ width:90%; margin:0 auto; overflow:hidden; font-size:16px; line-height:36px; color:#0b1f3c; text-align:center; font-weight:900; background:#eee;}

#pro_con{ width:90%; margin:30px auto 1rem auto; overflow:hidden;}
#pro_con img{ width:100%;}

#companymenu{ width:100%;background:#0b1f3c; overflow:scroll; text-align:center;}
#companymenu ul{ width:660px;}
#companymenu ul li{ width:110px; float:left;}
#companymenu ul li a{ display:block; line-height:3rem; font-size:0.9rem; color:#fff; border-left:solid 1px rgba(255,255,255,0.1);}
#companymenu ul li a:hover{ background:#118ccf; color:#fff;}

#company1{ width:90%; margin:1rem auto 2rem auto; overflow:hidden; background:#f7f7f7;}
#company1 .left{ width:100%; float:left;}
#company1 .left img{ width:100%;}
#company1 .right{ float:right; width:100%;}
#company1 .right div{ padding:1rem 1rem 1rem 1rem;}
#company1 .right div p.tt{ font-size:1.1rem; color:#000; line-height:1.4rem; padding-bottom:10px; font-weight:900; text-align:center;}

#company2{ width:90%; margin:0 auto 1rem auto; overflow:hidden; }
#company2 .left{ width:100%; float:left;}
#company2 .left p{ line-height:3rem; border-bottom:solid 1px #eee;}
#company2 .right{ width:100%;}
#company2 .right img{ width:100%;}

.botbox{height:auto; float:left; margin-bottom:50px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%}

#content .news_title{ font-size:1.5rem;padding: 10px; line-height:1.5rem;}

#mycul{ width:90%; margin:1rem auto 1rem auto; overflow:hidden;}
#mycul ul{ width:100%;}
#mycul li{ background:#eee; width:100%; margin:0 0 10px 0; float:left; height:200px; overflow:hidden; text-align:center; transition:all 0.5s;}
#mycul li p.tt{ font-size:24px; line-height:60px; margin-top:50px; transition:all 0.5s; color:#fff;}
#mycul li p.cc{ padding:0 0; display:; line-height:18px;}
#mycul li.a0{ display:;}
#mycul li.a1{ background:url(culture/culture1.jpg) no-repeat center/100%; color:#fff; cursor:pointer;}
#mycul li.a2{ background:url(culture/culture4.jpg) no-repeat center/100%; color:#fff; cursor:pointer;}
#mycul li.a3{ background:url(culture/culture3.jpg) no-repeat center/100%; color:#fff; cursor:pointer;}
#mycul li.a4{ background:url(culture/culture2.jpg) no-repeat center/100%; color:#fff; cursor:pointer;}

#salnet_name{ display:none;}

.culture_class{ text-align:center;margin: 30px;}
#select_class{border: solid 1px #eee;height: 40px;font-size:16px;}

#canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:scroll}
#canshu table{width:100%; } 
#canshu table img{width:auto} 
#canshu table td{ padding:5px; white-space:nowrap;} 
#cs-d{display:block;}




}