body { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 14px;min-width:1300px; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { width: 1200px; margin: 0 auto; position: relative; }

img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; transition: background 0.5s,color 0.5s,padding 0.5s,top 0.5s;-o-transition: background 0.5s,color 0.5s,padding 0.5s,top 0.5s;-webkit-transition: background 0.5s,color 0.5s,padding 0.5s,top 0.5s;-moz-transition: background 0.5s,color 0.5s,padding 0.5s,top 0.5s;-ms-transition: background 0.5s,color 0.5s,padding 0.5s,top 0.5s; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; } 
.header { position: relative; z-index: 1000; }
.header.fixed .head { padding: 15px 0; position: fixed; top: 0; left: 0; z-index: 100000; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.head_top { line-height: 34px; color: #ccecff; background: #0186d5; }
.head_top ul li { float: left; margin-top: 10px; line-height: 14px; border-left: 1px solid #1b9fed; padding: 0 20px; }
.head_top ul li:first-child { border-left: 0; }
.head_top ul li span { display: block; padding-left: 25px; }
.head_top ul li span.span1 { background: url(../img/icon1.png) no-repeat left center; }
.head_top ul li span.span2 { background: url(../img/icon2.png) no-repeat left center; }
.head_top ul li span.span3 { background: url(../img/icon3.png) no-repeat left center; }
.head { position: absolute; top: 34px; transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s; left: 0; width: 100%; z-index: 1000; padding: 25px 0; background: #fff; }
.nav ul li { line-height: 32px; float: left; font-size: 16px; margin: 0 20px; }
.nav { margin-top: 4px; }
.nav ul li a { display: inline-block; padding: 0 20px; color: #000; border-radius: 2px; }
.nav ul li.on a, .nav ul li a:hover { background: #0186d5; color: #fff; }
img { max-width: 100%; }
.banner .text { padding: 220px 0 280px 0; text-align: center; color: #fff; }
.banner .owl { transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s; }
.banner h2 { font-size: 52px; font-weight: normal; letter-spacing: 2px; }
.banner_cur { position: absolute; left: 5%; right: 5%; height: 0; top: 50%; z-index: 1000; margin-top: -35px; cursor: pointer; }
.banner_cur span { display: block; width: 69px; height: 69px; background: url(../img/cur1.png) no-repeat top center; background-size: 100% auto; }
.banner_cur span.next { background: url(../img/cur2.png) no-repeat top center; background-size: 100% auto; }
.banner_cur span:hover { background-position: bottom center; }
.banner p { line-height: 1.5em; font-size: 30px; padding: 30px 0; text-shadow: 0 2px 5px rgba(0,0,0,0.2); margin-bottom: 15px; }
.banner { position: relative; }
.banner .img { width: 140px; margin: 0 auto; margin-bottom: 30px; }
.banner_bg { z-index: 100; position: absolute; left: 0; width: 100%; bottom: 0; }
.banner_bg img { display: block; }
a.a_more { display: inline-block; margin: 0 auto; line-height: 46px; font-size: 16px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0facef,endColorStr=#4bded7); background: -ms-linear-gradient(left, #0facef, #4bded7); background: -moz-linear-gradient(left,#0facef,#4bded7); background: -webkit-gradient(linear, 0% 0%, 100% 100%,from(#0facef), to(#4bded7)); background: -webkit-linear-gradient(left, #0facef, #4bded7); background: -o-linear-gradient(top, #0facef, #4bded7); color: #fff; padding: 0 40px; border-radius: 30px; color: #fff; }
a.a_more span { display: inline-block; padding-right: 30px; background: url(../img/icon4.png) no-repeat right center; }
a.a_more:hover { padding: 0 50px; }
.banner .owl-theme .owl-controls { bottom: 10%; }
.banner .owl-theme .owl-dots .owl-dot span { width: 21px; height: 21px; background: url(../img/cur.png) no-repeat center center; }
.banner .owl-theme .owl-dots .owl-dot.active span, .banner .owl-theme .owl-dots .owl-dot:hover span { background: url(../img/cur-on.png) no-repeat center center; }
.page { padding: 60px 0; }
.page1_cont .img { margin-left: 5px; width: 497px; overflow: hidden; padding-top: 77px; padding-left: 89px; background: url(../img/bg1.jpg) no-repeat top left; float: left; margin-right: 88px; }
.page1_cont .text { overflow: hidden; padding-top: 50px; }
.page1_cont .text .tit p { padding-left: 35px; font-family: Arial; font-weight: bold; letter-spacing: 1px; margin-bottom: 30px; background: url(../img/icon5.png) no-repeat left center; font-size: 24px; color: #0facef; text-transform: uppercase; }
.page1_cont .text .tit h3 { font-size: 38px; margin-bottom: 30px; line-height: 1.5em; }
.page1_cont .text .desc { line-height: 33px; max-height: 132px; overflow: hidden; }
.page1_cont .text .tips { float: left; padding: 0 25px; line-height: 42px; background: #e5f3fb; color: #0186d5; font-weight: bold; margin-top: 40px; }
.page1_list ul { overflow: hidden; margin: 0 -1%; padding: 15px 0; margin-top: 30px; }
.page1_list ul li { width: 31.333%; float: left; margin: 0 1%; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.page1_list ul li .list { padding: 20px 25px; padding-bottom: 35px; line-height: 28px; position: relative; }
.page1_list ul li .list label { position: absolute; top: 0; left: 50%; display: block; width: 47px; height: 3px; background: #0186d5; margin-left: -23px; }
.page1_list ul li .list .tit { padding: 15px 0; }
.page1_list ul li .list h3 { font-size: 22px; font-weight: normal; line-height: 1.5em; margin-bottom: 10px; }
.page1_list ul li .list .text { height: 84px; overflow: hidden; margin-bottom: 20px; text-align: left; color: #748799; }
.page1_list ul li .list .a_more { padding: 0; padding-left: 25px; padding-right: 3px; font-size: 14px; line-height: 40px; box-shadow: 0 3px 15px rgba(48,200,226,0.42); }
.page1_list ul li .list .a_more span { background: url(../img/icon6.png) no-repeat right center; display: block; padding-right: 50px; }
.page1_list ul li .list .a_more:hover { padding-left: 40px; }
.page2 { background: url(../img/bg2.jpg) no-repeat center center; background-size: cover; }
.page_tit { text-align: center; padding-bottom: 60px; color: #fff; }
.page_tit.on { color: #000; }
.page_tit h3 { font-size: 38px; font-weight: normal; }
.page_tit p { margin-top: 30px; font-size: 28px; font-family: Arial; text-transform: uppercase; }
.page2_list ul { margin: 0 -1%; overflow: hidden; }
.page2_list ul li { width: 48%; margin: 0 1%; background: #fff; border-radius: 7px; overflow: hidden; float: left; }
.page2_list ul li .item { display: table; }
.page2_list ul li .item .img { width: 239px; }
.page2_list ul li .item img { display: block; }
.page2_list ul li .item .cell { display: table-cell; vertical-align: middle; }
.page2_list ul li .item .text { padding: 0 30px; line-height: 30px; color: #3d3d3d; }
.page2_list ul li .item .text h3 { font-size: 26px; font-weight: normal; color: #000; }
label.lbl_line { display: block; width: 40px; height: 3px; margin: 20px 0; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0facef,endColorStr=#4bded7); background: -ms-linear-gradient(left, #0facef, #4bded7); background: -moz-linear-gradient(left,#0facef,#4bded7); background: -webkit-gradient(linear, 0% 0%, 100% 100%,from(#0facef), to(#4bded7)); background: -webkit-linear-gradient(left, #0facef, #4bded7); background: -o-linear-gradient(top, #0facef, #4bded7); }
.page3 { background: url(../img/bg3.jpg) no-repeat center center; background-size: cover; }
.link_list ul { overflow: hidden; margin: 0 -10px; }
.link_list ul li { float: left; width: 20%; float: left; }
.link_list ul li a { display: block; margin: 10px; }
.foot { padding: 50px 0; border-bottom: 1px solid #d9dde2; }
.foot2 { line-height: 20px; padding: 8px 0; text-align: center; font-size: 12px; color: #738a94; }
.foot2 span { color: #86898c; display: inline-block; margin-left: 20px; }
.footer { background: #f2f6f9; }
.f_logo { float: left; margin-right: 80px; }
.gotop { position: absolute; left: 100%; top: -72px; width: 40px; height: 40px; background: #fff; border: 1px solid #0facef; background: url(../img/icon7.png) no-repeat center center #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.15); cursor: pointer; }
.gotop:hover { top: -82px; }

.f_list {margin: 0 auto;display: table;overflow: hidden;line-height: 32px;}
.f_list .item1 {display: table-cell;width: 30%; vertical-align: top;padding-left: 80px;}
.f_list .item1:last-child { padding-right: 0; width: 40%; }
.f_list .item1 a:hover { color: #0186d5; }
.f_list .item1 .span_tit { font-size: 15px; }


.f_list .item {display: table-cell;width: 30%; border-left: 1px solid #dbe3e8; vertical-align: top;padding-left: 80px;}
.f_list .item:last-child { padding-right: 0; width: 40%; }
.f_list .lbl_line { margin: 5px 0; width: 26px; }
.f_list .item a:hover { color: #0186d5; }
.f_list .item .span_tit { font-size: 15px; }

.banner_about { padding-top: 96px; }
.banner_about .item { background: url(../img/banner1.jpg) no-repeat center center; background-size: cover; height: 430px; }
.banner_about .img { text-align: center; padding-top: 70px; }
.page4 { background: url(../img/banner2.jpg) no-repeat bottom center; background-size: cover; }
.page4_text { background: #fff; width: 95%; margin: 0 auto; padding: 60px 0; max-width: 1100px; box-shadow: 0 3px 15px rgba(0,0,0,0.1); text-align: center; margin-top: -140px; margin-bottom: 100px; }
.page4_text h3 { font-size: 40px; font-weight: normal; text-transform: uppercase; margin-bottom: 15px; }
.page4_text h4 { display: inline-block; height: 20px; line-height: 40px; border-bottom: 1px solid #444748; padding: 0 30px; font-size: 24px; font-weight: normal; margin-bottom: 50px; }
.page4_text h4 span { display: inline-block; padding: 0 20px; background: #fff; }
.page4_text .text { width: 70%; margin: 0 auto; line-height: 36px; font-size: 16px; }
.page5 { background: url(../img/bg4.jpg) no-repeat center center; background-size: cover; }
.page5_list .item { width: 480px; text-align: center; color: #fff; }
.page5_list .item p { margin: 20px 0; font-size: 20px; }
.page5_list .item h3 { font-size: 24px; font-weight: normal; }
.team_list ul li { width: 33.333%; float: left; margin-bottom: 30px; }
.team_list ul li .list { margin: 10px; border: 1px solid #ededed; padding: 20px; line-height: 28px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); position: relative; }
.team_list ul li .list label { display: block; position: absolute; top: -25px; left: 20px; width: 50px; height: 50px; background: #1496e3; color: #fff; line-height: 50px; text-align: center; font-size: 28px; }
.team_list ul li .list h3 { padding-top: 20px; font-size: 22px; font-weight: normal; margin-bottom: 10px; }
.page7 { background: #f8fafb; }
.join_list ul li {width: 50%;float: left;}
.join_list ul { margin: 0 -10px; }
.join_list ul .item { margin: 10px 10px; border: 1px solid #e5eaed; background: #fff; padding: 20px; }
.join_list .tit { line-height: 42px; padding: 0 10px; border: 1px solid #d3e7f7; background: #dfedf8; }
.join_list .tit h3 { display: inline-block; color: #000; font-size: 20px; letter-spacing: 1px; vertical-align: middle; }
.join_list .tit h3 span { font-weight: normal; font-size: 18px; color: #000; }
.join_list a:hover { text-decoration: underline; }
.join_list .tit a { float: right; color: #2696dd; font-size: 16px; font-weight: bold; display:block;position:relative;}
.join_list .tit .lbl_drop{display:none; position:absolute; top:30px;right:-10px; }
.join_list .tit .lbl_drop span{display:block;min-width: 180px;padding:10px;border:1px solid #e0e0e0;font-size:14px;font-weight:normal;line-height:20px;color:#04153a;background:#fff;clear:both;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,0.1);}
.join_list .tit .lbl_drop i { display: block; width:0;height:0; border:6px solid #fff;border-top-color:transparent; border-left-color:transparent; border-right-color:transparent;float:right;margin-right:20px; margin-bottom:-1px;}
.join_list .text { padding: 10px; overflow-y: auto; height: 160px; line-height: 32px; color: #333; }
.join_list .text h4 { font-size: 16px; font-weight: normal; margin-bottom: 0px; color: #000; }
.join_list .item2 .text { height: 420px; }
.join_list .btn a { display: inline-block; color: #2696dd; font-size: 16px; font-weight: bold; }
.join_list .btn { padding: 6px 10px; }
.join_list ul li .item:hover .tit { background: #2696dd; }
.join_list ul li .item:hover .tit h3, .join_list ul li .item:hover .tit h3 span, .join_list ul li .item:hover .tit a { color: #fff; }
.page8 { background: url(../img/bg5.jpg) no-repeat center center; background-size: cover; }
.news_list ul { margin: 0 -10px; }
.news_list ul li { width: 50%; float: left; }
.news_list .list { margin: 10px; padding: 15px; background: #fff; }
.news_list .list .img { float: left; margin-right: 15px; }
.news_list .list .text { overflow: hidden; }
.news_list .list h3 { margin-top: 5px;  font-size: 20px; font-weight: normal; line-height: 40px; }
.news_list .list h3 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_list .list .p_time { line-height: 35px; padding-left: 20px; background: url(../img/icon10.png) no-repeat left center; color: #7c7c7c; margin-bottom: 5px; }
.news_list .list .p_text { height: 140px; overflow: hidden; margin-bottom: 5px; line-height: 28px; }


.banner_studio { margin-top: 96px; background: url(../img/banner3.jpg) no-repeat center center; background-size: cover; }
.banner_studio .img { position: absolute; width: 40%; left: 0; bottom: 0; text-align: center; }
.banner_studio .img img { display: block; margin: 0 auto; }
.banner_studio .text { padding: 140px 0; width: 50%; float: right; }
.banner_studio .text h2 { font-size: 70px; letter-spacing: 10px; color: #fff; font-weight: normal; text-shadow: 0 3px 15px rgba(0,0,0,0.25); }
.banner_studio .text label { display: block; margin: 40px 0 25px; width: 70px; height: 5px; background: #fff; }
.banner_studio .text { }
.banner_studio .text p { line-height: 46px; font-size: 20px; color: #fff; width: 80%; }
.page9_text .img { width: 50%; float: right; }
.page9_text .text { overflow: hidden; }
.page9_text .text h2 { margin-top: 30px; font-size: 44px; font-weight: normal; color: #20252a; }
.page9_text .text ul li { padding: 10px; margin-top: 50px; padding-left: 90px; color: #3d4a54; font-size: 16px; }
.page9_text .text ul li.li1 { background: url(../img/icon11.png) no-repeat left center; }
.page9_text .text ul li.li2 { background: url(../img/icon12.png) no-repeat left center; }
.page9_text .text ul li h3 { font-size: 20px; font-weight: normal; color: #3d4a54; margin-bottom: 20px; }

.page_num_list { width: 95%; position: absolute; z-index: 100; top: 95%; margin: 0 2.5%; float: left; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.page_num_list ul { width: 90%; margin: 0 auto; }
.page_num_list ul li { padding: 30px 0; font-size: 20px; color: #2b2f32; width: 24%; float: left; min-height: 10px; text-align: center; }
.page_num_list ul li.li_dian { width: 10%; margin: 0 2%; border-bottom: 10px dotted #e6e6e6; }
.page_num_list ul li h3 { font-size: 62px; color: #0186d5; font-weight: normal; margin-bottom: 15px; }
.page10 { background: url(../img/banner5.jpg) no-repeat center center; text-align: center; }
.page10 h2 { padding-top: 100px; font-size: 50px; font-weight: normal; color: #fff; margin-bottom: 50px; }
.page10 .ewm .img { width: 138px; padding: 2px; background: #fff; margin: 0 auto; }
.page10 .ewm span { display: block; font-size: 16px; color: #fff; line-height: 45px; }


.banner_kfpt { padding-top: 96px; }
.banner_kfpt .item { height: 550px; background: url(../img/banner4.jpg) no-repeat center center; background-size: cover; display: table; width: 100%; }
.cell { display: table-cell; vertical-align: middle; }
.banner_kfpt .img { }
.banner_kfpt .img img { display: block; margin: 0 auto; }
.banner_kfpt .web { text-align: center; padding: 0 60px; margin-top: 50px; }
.banner_kfpt .web p { font-size: 20px; line-height: 46px; color: #fff; }

.page_kfpt { background: url(../img/bg6.jpg) no-repeat center center; background-size: cover; }
.page_kfpt .web { padding: 150px 0; width: 42%; padding-left: 5.5%; }
.page_kfpt .web h3 { font-size: 44px; font-weight: normal; color: #fff; }
.page_kfpt .web .list { padding-top: 20px; }
.page_kfpt .web .list ul li { margin-top: 40px; }
.page_kfpt .web .list ul li span { display: block; float: left; width: 77px; height: 77px; margin-right: 24px; }
.page_kfpt .web .list ul li span.sp1 { background: url(../img/icon13.png) no-repeat center center; }
.page_kfpt .web .list ul li span.sp2 { background: url(../img/icon14.png) no-repeat center center; }
.page_kfpt .web .list ul li .text { overflow: hidden; }
.page_kfpt .web .list ul li .text h4 { font-size: 20px; font-weight: normal; color: #fff; margin-bottom: 17px; }
.page_kfpt .web .list ul li .text p { font-size: 16px; line-height: 31px; color: #fff; }
.page_kfpt .img { width: 50%; position: absolute; bottom: 0; right: -8%; }
.page_kfpt .img img { display: block; width: 100%; }

.kfpt_more { background: url(../img/bg7.jpg) no-repeat center center; background-size: cover; padding: 70px 0; text-align: center; }
.kfpt_more h3 { font-size: 40px; font-weight: normal; color: #23417e; margin-bottom: 40px; }
.kfpt_more p { font-size: 28px; color: #23417e; }
.kfpt_more p span { margin: 0 20px; }

.banner_studio.banner_studio2 { }
.banner_studio.banner_studio2 .item { background: url(../img/banner6.jpg) no-repeat center center; background-size: cover; }
.banner_studio.banner_studio2 .text { padding: 120px 0 175px; }
.banner_studio.banner_studio2 .text h2 { font-size: 52px; }
.banner_studio.banner_studio2 .text label { margin: 27px 0 20px; }
.banner_studio.banner_studio2 .text p { font-size: 18px; line-height: 35px; width: 100%; }
.banner_studio.banner_studio2 .text .list { padding-top: 18px; }
.banner_studio.banner_studio2 .text .list ul li { margin-top: 40px; }
.banner_studio.banner_studio2 .text .list ul li span { display: block; float: left; margin-right: 20px; width: 69px; height: 69px; }
.banner_studio.banner_studio2 .text .list ul li span.sp1 { background: url(../img/icon15.png) no-repeat center center; }
.banner_studio.banner_studio2 .text .list ul li span.sp2 { background: url(../img/icon16.png) no-repeat center center; }
.banner_studio.banner_studio2 .text .list ul li .web { overflow: hidden; line-height: 32px; }
.banner_studio.banner_studio2 .text .list ul li .web h3 { font-size: 20px; font-weight: normal; color: #fff; }
.banner_studio.banner_studio2 .text .list ul li .web p { font-size: 16px; color: #fff; }

.page.page11 { padding: 0; height: 350px; }
.page11 .page_num_list { top: -68px; }
.page_num_list .web { text-align: center; padding-top: 60px; }
.page_num_list .web h3 { font-size: 40px; font-weight: normal; color: #000; text-transform: uppercase; }
.page_num_list .web p { font-size: 24px; margin-top: 15px; }
.page_num_list .web p span { display: inline-block; background: url(../img/icon17.png) repeat-x left center; padding: 0 26px; }
.page_num_list .web p em { font-style: normal; display: inline-block; padding: 0 15px; background: #fff; }

.page.page12 { background: #0186d5; padding: 0; }
.page12 .web { padding: 115px 0 115px 45px; }
.page12 .web h3 { font-size: 54px; color: #fff; }
.page12 .web p { font-size: 26px; color: #fff; margin-top: 40px; }
.page12 .web .ewm_img { display: inline-block; position: relative; margin-top: 43px; }
.page12 .web .ewm_img img { display: block; }
.page12 .web .ewm_img span { display: block; padding: 15px 9px; background: #0164a0; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; position: absolute; left: 100%; top: 50%; margin-top: -57px; }
.page12 .img { position: absolute; bottom: 0; right: 115px; }
.page12 .img img { display: block; }


@media only screen and (max-width: 750px){
body{ min-width:initial;}
.header{ z-index:10000}
.wrap{width:95%; margin:0 auto;}
.head_top{display:none;}
.head{ top:0;padding:15px 0;position:fixed;background:#fff;z-index:100;}
.logo img{height:30px;}
.logo{ position:relative;z-index:1;}
.menu_wap{z-index:100; position:fixed; top:10px;right:10px;width:40px;height:40px;background:url(../img/menu.png) no-repeat center center #0186d5;background-size:25px auto;}
.nav{ position:fixed; top:62px;margin-top:0; left:-100%;width:100%; height:100%; display:table;   background:rgba(0,0,0,0.8);z-index:9999999;}
.header.on .nav{ left:0}
.nav ul{  display:table-cell; vertical-align:middle;}
.nav ul li a{ color:#fff;line-height:40px;}
.nav ul li{margin:20px 0; float:none; text-align:center;}
.banner .text{ padding:60px 0;padding-top:150px;}
.banner .img{ width:100px;margin-bottom:10px;}
.banner h2{ font-size:25px; line-height:1.2em;}
.banner_cur span{width:40px;height:40px;}
.banner p{ font-size:18px;}
.banner .owl-theme .owl-controls{ bottom:3%;}
.banner_cur{display:none;}
.page1_cont .img{ width:auto;margin:0;background: url(../img/bg1.jpg) no-repeat top left;background-size:95% auto;padding-left:50px;padding-top:50px; float:none;}
.page1_cont .text{ padding-top:25px;}
.page1_cont .text .tit p{ margin-bottom:10px;}
.page1_cont .text .tit h3{ font-size:24px; margin-bottom:10px;}
.page1_cont .text .desc{ line-height:25px;max-height:initial;}
.page1_list ul li{ width:95%; float:none; margin:10px auto;}
.page_tit h3{ font-size:30px;}
.page_tit p{ font-size:24px;margin-top:15px;}
.page2_list ul li{ width:98%; margin:10px 0;box-sizing:border-box; padding:10px;}
.page_tit{ padding-bottom:30px;}
.page{ padding:30px 0;}
.link_list ul li{width:33.333%;}
.link_list ul{ margin:-5px;}
.gotop{ left:auto;right:10px;}
.f_list .item{display:block;width:50%;padding-left:10px; float:left;box-sizing:border-box; margin-top:25px;line-height:25px; border-left:0;}
.f_list .item1{display:block;width:50%;padding-left:10px; float:left;box-sizing:border-box; margin-top:25px;line-height:25px; border-left:0;}
.foot{padding:30px 0;}
.f_list .item:last-child{width:100%;}
.f_list .item1:last-child{width:100%;}
.link_list ul li a{ margin:5px;}
.page2_list ul li .item .cell.img{width:30%;float:left;margin-right:20px;}
.page2_list ul li .item .text{ overflow:hidden;padding:0;line-height:24px;}
.page2_list ul li .item .text h3{ font-size:20px;}
label.lbl_line{ margin:10px 0;}
.page2_list ul li .item .cell{ display:block;}
.banner_about .img{width:60%; margin:0 auto;padding-top:20px;}
.banner_about{ padding-top:62px;}
.banner_about .item{  height:200px;}
.page4_text{margin-top:-50px;padding:30px 0;margin-bottom:50px;}
.page5_list .item{width:100%;float:none;margin-bottom:20px;}
.page4_text h3{ font-size:25px;}
.page4_text h4{ margin-bottom:30px;}
.page4_text .text{width:90%; line-height:30px;}
.team_list ul li{width:50%;}
.team_list ul li:nth-child(2n+1){ clear:both;}

.team_list ul li .list{ margin:5px;line-height:25px;}
.team_list ul { margin:-5px;}
.team_list ul li .list h3{ font-size:18px;}
.join_list ul li{width:100%; float:none;}
.join_list .item2 .text,.join_list .text{ height:auto;}
.news_list ul li{width:100%;}
.news_list .list .img{width:100px;}
.news_list .list .p_text{ display:none;}
.gotop{ top:-50px;}
.banner_studio{ margin-top:62px;}
.banner_studio .text{ float:none;width:90%; margin:0 auto; padding:30px 0;}
.banner_studio .text h2{ font-size:50px;}
.banner_studio .text p{ width:100%;line-height:30px; font-size:16px;}
.banner_studio .img{ display:none;}
.page9_text .img{ float:none;width:100%;}
.page9_text .text h2{ margin-top:15px; font-size:30px;}
.page9_text .text ul li{  margin-top:20px;}
.page_num_list ul{display:flex;}
.page_num_list ul li:nth-child(3){ flex:1;}
.page10 h2{ font-size:20px;}
.page10 h2{  margin-bottom:20px; padding-top:70px;}
.f_logo{ width:30%; margin:0 auto; float:none;}
.page_num_list ul li{font-size :14px;width:auto;}
.page_num_list ul li.li_dian{width:auto;}
.page_num_list ul li h3{ font-size:30px;}
.banner_studio.banner_studio2 .text h2{ font-size:35px;}
.banner_studio.banner_studio2 .text{padding-top:70px;}
.page_num_list .web h3{ font-size:30px;}
.page_num_list .web{ padding-top:30px;}
.page.page11{ height:200px;}
.page12 .web{padding:35px 20px;}
.page12 .web h3{ font-size:35px;}
.page12 .img{ width:35%; right:0}
.page12 .web p{ font-size:20px; margin-top:15px;}
.banner_kfpt .web{ padding:0 30px;line-height:}
.banner_kfpt .web p{ line-height:30px; font-size:16px;}
.banner_kfpt .item{ height:350px;}
.banner_kfpt{ padding-top:62px;}
.page_kfpt .web{ width:90%; margin:0 auto;padding:30px 0;}
.page_kfpt .web h3{ font-size:30px;}
.page_kfpt .web .list ul li .text h4{ margin-bottom:10px;}
.page_kfpt .web .list ul li span{ margin-right:15px;}
.page_kfpt .img{ opacity:0.2;right:0;}
.kfpt_more h3{ font-size:25px;margin-bottom:15px;}
.kfpt_more p{ font-size:18px;}
}

.m_logo{
    width: 500px;
    height: 114px;
    position: absolute;
    left: 0;
    top: -10px;
}
.m_logo img{
    width: 60px;
    display: inline-block;
    vertical-align: middle;
}
.m_logo span{
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    /* padding-top: 30px; */
}
.head{
    padding: 20px 0;
}
.header.fixed .head {
    padding: 20px 0;
}