@charset "utf-8";
/* CSS Document */
html{}
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:100%; color:#3f3f3f; margin:0px; padding:0px; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px;}
img {border:none;}
a:link, a:visited {color:#4d4d4d; text-decoration: none;outline:none;}
a:hover, a:active {color:#2478c1; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:98%; margin:0 auto; max-width:1300px;}
.kga{ margin:0 auto; max-width:1200px; width:98%;}
.kgb{ width:98%; margin:0 auto; max-width:1920px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:block; padding-top:26px; clear:both;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-align:center;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:url(../images/page_bg01.png) #fff bottom repeat-x;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none;}
.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #2478c1; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #2478c1; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#dituContent{ height:450px; border-top:1px solid #ddd;}
@media screen and (max-width:770px){#dituContent{ height:230px;}}
/*基础配置*/

@font-face {
 font-family:"alternateRegular";
 src: url("../fonts/alternate.eot");
 src: local("alternate Regular"), 
              local("alternate"), 
              url("../fonts/alternate.woff") format("woff"), 
              url("../fonts/alternate.ttf") format("truetype"), 
              url("../fonts/alternate.svg#alternate") format("svg");}

/*首页style开始*/
.top_bg{ background:url(../images/top_bg.png) no-repeat center top; border-bottom:1px solid #c0c0c0; height:135px; width:100%; position:relative; z-index:999; /*box-shadow:0px 1px 5px rgba(0,0,0,0.3);*/ transition:0.5s;}
.top_bg i{ display:block; position:absolute; border-radius:0 2px 2px 0; left:0; bottom:-2px; height:4px; background:#2478c1;}
.logo{ padding-top:11px;}
.logo img{ height:102px; transition:0.5s;}
.top_r{ width:58%;}
.top_s{ height:39px;}
.top_sm{height:39px; line-height:39px; color:#fff; font-size:0.9125rem; overflow:hidden;}
.tel{height:39px; line-height:39px; color:#fff; background:url(../images/top_telpc.png) no-repeat left center; padding-left:40px;}
.tel img{ margin-bottom:-3px;}
.nav i{display:none;}
.mobile-inner-nav{height:95px; transition:0.5s;}
.mobile-inner-nav li{ float:left; width:12.5%;}
.mobile-inner-nav a{display:block; text-align:center; background:url(../images/nav_fg.png) no-repeat right center; font-size:1rem; height:95px; line-height:95px; position:relative; color:#424242; transition:0.5s;}
.mobile-inner-nav a span{ display:block; position:relative; z-index:9;}
.mobile-inner-nav a:hover,.mobile-inner-nav a.cur{color:#0061b0; font-weight:bold;}
.navys{height:100px; transition:0.5s;}
.navys .logo img{ height:78px; transition:0.5s;}
.navys .mobile-inner-nav{height:60px; transition:0.5s;}
.navys .mobile-inner-nav a{height:60px; line-height:60px; transition:0.5s;}
/*banner*/
.banner{height:auto; width:100%; position:relative; height:100%; display:inline-block;}
.slides{position:relative; height:100%;}
.slides li{height:100%; position:relative; width:100%;}
.slides li a{ display:block; width:100%; height:auto;}
.slides li img{display:none;}
@media screen and (max-width:1280px){
.slides li{ background-size:auto 100% !important; height:auto !important;  min-height:680px !important;}
}
@media screen and (max-width:1024px){
.slides li{min-height:550px !important;}
}
@media screen and (max-width:770px){
.slides li{ background:none!important; height:auto !important; min-height:inherit !important;}
.slides li img{ width:100%; display:block;}
}
.flex-control-nav{ position:absolute; bottom:4%; z-index:99; text-align:center; width:100%;}
.flex-control-nav li{ display:inline-block; height:14x; margin:0 4px;}
.flex-control-nav li a{ display:block; overflow:hidden; text-indent:-999px; border:2px solid #fff; width:8px; height:8px; border-radius:6px; cursor:pointer;transition:0.5s;}
.flex-control-nav li a.flex-active{ width:24px; transition:0.5s;}
.flex-direction-nav{position:absolute;z-index:99; width:100%; left:0; margin:0 auto; top:47%;}
.flex-direction-nav li a{display:block;width:15px;height:25px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:1; -khtml-opacity:1; opacity: 1;}
.flex-direction-nav li a.flex-prev{left:2%;background:url(../images/ban_l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:2%;background:url(../images/ban_r.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
/*banner*/
.sous_gjc{ background:url(../images/sous_bg.jpg) no-repeat center; height:105px; position:relative;}
.sous_kj{ position:relative; width:37.923%; margin-top:11px;}
.sous_kj img{ float:right;}
.sous{ top:33px; left:0; height:45px; position:absolute;}
.sous_kg{ height:45px; display:block; float:left; font-family:"微软雅黑"; font-size:0.9125rem; color:#ffbd89; width:260px; padding:0 20px; background:#cf5d03; outline:none; border:none;}
.sous_an{ background:url(../images/sous.png) no-repeat center #cf5d03; height:45px; width:50px; display:block; float:left; border:0; border-left:1px solid #f49042; outline:none; cursor:pointer;}
.gjc{color:#fff; height:105px; line-height:105px;}
.gjc a{ color:#fff; padding-left:4px; padding-right:4px;}
.gjc a:hover{ text-decoration:underline;}
.index_bga{ background:#fff; padding-top:110px; padding-bottom:70px;}
.inda_l{ width:50%;}
.inda_title{ font-size:1.875rem; color:#474747;}
.inda_title p{ padding-bottom:5px;}
.inda_ms{ font-size:1rem; color:#474747; text-indent:32px; line-height:36px; margin-top:36px;}
.inda_zj{ padding-top:30px;}
.inda_zj li{ width:33.333%; float:left;}
.inda_sz{ display:inline-block; font-family:"alternateRegular"; font-size:4.5rem; color:#2478c1; line-height:68px;}
.inda_wb{ display:inline-block; vertical-align:top; padding-left:10px; color:#4e4e4e; font-size:1.125rem; text-align:left;}
.inda_wb p{ font-size:1.5rem; padding-bottom:5px;}
.inda_more{ margin-top:45px;}
.inda_more a{ display:block; width:126px; height:40px; border:2px solid #bfbfbf; text-align:center; line-height:40px; text-align:center; color:#838383; transition:0.5s;}
.inda_more a:hover{ background:#2478c1; color:#fff; border:2px solid #2478c1; transition:0.5s;}
.inda_r{ width:46%;}
.index_bgb{ background:url(../images/index_bgb.jpg) no-repeat center; width:100%; height:1075px; padding-top:75px;}
.indb_title{ text-align:center; font-size:1.25rem; color:#51adfe; letter-spacing:2px;}
.indb_title p{ font-size:2.5rem; color:#fff; font-weight:bold; padding-bottom:3px; letter-spacing:0;}
.indb_fl{ padding-top:45px;}
.indb_fl li{ float:left; width:12.5%; position:relative; text-align:center; margin-left:2.0833%;}
.indb_fl li:nth-child(1){ margin-left:0;}
.indb_fl li a{ position:relative; border:1px solid #fff; color:#fff; height:43px; line-height:43px; display:block; z-index:9;}
.indb_fl li:hover a{ color:#2478c1;}
.indb_fl li i{ position:absolute; width:100%; height:100%; background:#fff; left:0; top:0; transform:scale(0); transition:0.5s;}
.indb_fl li:hover i{transform:scale(1); transition:0.5s;}
.indb_nr{ padding-top:54px;}
.indb_nr li{ float:left; width:32%; margin-bottom:3%;}
.indb_nr li:nth-child(2),.indb_nr li:nth-child(5){ margin:0 2% 3% 2%;}
.indb_nr li a{ display:block; position:relative;}
.indb_kg{ position:relative;}
.bor_left{ width:3px; height:0; background:#f28937; position:absolute; top:0; left:0; transition:0.5s;}
.bor_top{ height:3px; width:0; background:#f28937; position:absolute; top:0; left:0; transition:0.5s;}
.bor_right{ width:3px; height:0; background:#f28937; position:absolute; bottom:0; right:0; transition:0.5s;}
.bor_bom{ height:3px; width:0; background:#f28937; position:absolute; bottom:0; right:0; transition:0.5s;}
.indb_nr li:hover .bor_left,.indb_nr li:hover .bor_right,.pro_nr li:hover .bor_left,.pro_nr li:hover .bor_right{ height:100%; transition:0.5s;}
.indb_nr li:hover .bor_top,.indb_nr li:hover .bor_bom,.pro_nr li:hover .bor_top,.pro_nr li:hover .bor_bom{ width:100%; transition:0.5s;}
.indb_pic{ border:3px solid #fff; overflow:hidden;}
.indb_pic img{ display:block; width:100%; transition:0.5s;}
.indb_nr li:hover .indb_pic img,.pro_nr li:hover .indb_pic img{transform:scale(1.1);}
.indb_wb{ height:60px; background:#fff; line-height:60px; padding:0 3%;transition:0.5s; overflow:hidden;}
.indb_wb span{ display:block; float:right; width:30px; height:30px; background:#e5e5e5; border-radius:50%; line-height:30px; text-align:center; margin-top:15px; font-family:"宋体"; transition:0.5s;}
.indb_nr li:hover .indb_wb,.pro_nr li:hover .indb_wb{ color:#fff; background:#f28937;transition:0.5s;}
.indb_nr li:hover .indb_wb span,.pro_nr li:hover .indb_wb span{ color:#f28937; background:#fff; transition:0.5s;}
.index_bgc{ background:url(../images/index_bgc.jpg) no-repeat center; width:100%; height:720px;}
.indc_nr{ width:39%; padding-top:110px;}
.indc_title{ font-size:3rem; color:#2478c1;}
.indc_title span{ color:#bfbfbf; padding-left:15px; font-family:"alternateRegular";}
.indc_ms{ font-size:1.125rem; color:#5d5d5d; line-height:40px; margin-top:20px;}
.indc_zj{ padding-top:55px;}
.indc_zj p{ color:#6b6b6b; padding-bottom:25px;}
.index_bgd{ background:url(../images/index_bgd.jpg) no-repeat center top; width:100%; padding-top:45px;}
.indd_title{ text-align:center; color:#fff; font-size:1.375rem;}
.indd_title p{ font-size:2.375rem; font-weight:bold; padding-bottom:5px; padding-top:3px;}
.indd_kg{ background:#fff; margin:60px auto 0 auto; max-width:1400px; width:98%; padding-top:45px; position:relative;}
.indd_nr{ overflow:hidden;}
.indd_nr li{ float:left; width:25%;}
.indd_nr li a{ display:block; margin:0 1%;}
.indd_pic{ overflow:hidden;}
.indd_pic img{ display:block; width:100%; transition:0.5s;}
.indd_nr li:hover .indd_pic img{transform:scale(1.1);}
.indd_wb{ height:60px; background:url(../images/indd_jt.png) no-repeat left center; padding-left:50px; line-height:60px; font-size:1.125rem; color:#5f5f5f;}
.indd_nr li:hover .indd_wb{ color:#2478c1;}
.indd_an a{ display:block; width:37px; height:90px; line-height:90px; text-align:center; background:#2478c1; color:#fff; font-family:"宋体";  font-size:1.25rem; font-weight:bold; position:absolute; top:42%; cursor:pointer;}
.indd_an a.prev{ left:-25px;}
.indd_an a.next{ right:-25px;}
@media screen and (max-width:1440px){
.indd_an{ text-align:center; padding-top:30px;}
.indd_an a{ display:inline-block; width:90px; height:37px; line-height:37px; position:relative; top:auto; margin:0 5px;}
.indd_an a.prev{ left:auto;}
.indd_an a.next{ right:auto;}	
}
.index_bgg{ background:#fff; width:100%; padding-top:80px; padding-bottom:110px;}
.indg_title{ font-size:2.25rem; color:#2478c1; font-weight:bold; text-align:center; border-bottom:1px solid #ccc;}
.indg_title p{ margin:10px auto -11px auto; background:#fff; width:220px; font-size:1.125rem; color:#535353; font-weight:normal;}
.indg_nr{ padding-top:65px;}
.indg_l{ width:58.77%;}
.indg_an{ height:29px; font-size:1.125rem;  border-left:3px solid #2478c1; line-height:29px; color:#434343;}
.indg_an a{ font-weight:bold; color:#434343; padding:0 18px;}
.indg_an a:hover,.indg_an a.cur{ color:#2478c1;}
.indg_more{ line-height:29px;}
.indg_more a{ color:#848484;}
.indg_more a:hover{ color:#2478c1;}
.indgl_nr{ padding-top:30px;}
.indg_pic{ overflow:hidden; width:44.5%;}
.indg_pic img{ display:block; width:100%; transition:0.5s;}
.indg_one:hover .indg_pic img{transform:scale(1.1);}
.indg_wb{ width:52%;}
.indg_mc{ font-size:1.125rem; font-weight:bold; color:#373737; height:40px; line-height:40px; overflow:hidden;}
.indg_ms{ line-height:30px; height:90px; overflow:hidden; color:#707070; margin-top:10px;}
.indg_gd{ width:123px; height:35px; border-radius:18px; background:#f28937; text-align:center; line-height:35px; color:#fff; font-size:0.9125rem; margin-top:25px;}
.indg_one:hover .indg_mc{ color:#2478c1;}
.indgl_nr ul{ padding-top:20px;}
.indgl_nr li{ height:50px; line-height:50px; border-bottom:1px dashed #b5b5b5;}
.indgl_nr li span{ float:right; color:#8c8c8c;}
.indg_r{ width:34.6%;}
.indgr_nr li{ border-bottom:1px dashed #b5b5b5; padding-top:30px; padding-bottom:17px;}
.indgr_bt{ background:url(../images/wen.png) no-repeat left; height:26px; line-height:26px; padding-left:40px; overflow:hidden; font-weight:bold;}
.indgr_ms{ background:url(../images/da.png) no-repeat left 3px; margin-top:10px; color:#707070; height:78px; line-height:26px; padding-left:40px; overflow:hidden; font-size:0.9125rem;}

.foot_bg{ background:url(../images/foot_bg.jpg) no-repeat center top; width:100%; background-size:auto 100%;}
.link_bg{padding:33px 0px 27px 0px; border-bottom:1px solid #055497;}
.link_title{height:25px; background:url(../images/link_title.png) no-repeat left center; padding-left:44px; font-size:1.125rem; color:#fff; line-height:25px;}
.link_nr{ height:25px; overflow:hidden; line-height:25px; width:1140px;}
.link_nr a{ display:block; float:left; margin-right:15px; font-size:0.9125rem; color:#fff;}
.link_nr a:hover{ text-decoration:underline;}
.ftop{ height:66px; width:79.3%;}
.ftop_l{ height:66px; line-height:66px; color:#fff; font-size:0.9125rem;}
.ftop_l a{ color:#fff;}
.ftop_l a:hover{ text-decoration:underline;}
.ftop_r a{ display:block; height:66px; background:url(../images/ftop.png) no-repeat left center; padding-left:20px; line-height:66px; color:#fff; font-size:0.9125rem; cursor:pointer;}
.ftop_r a:hover{ text-decoration:underline;}
.fnavtel{ padding:55px 0 40px 0;}
.ftel{ width:48%;}
.fewm{ width:25.4%; text-align:center;}
.fewm img{max-width:100%;}
.fewm p{ padding-top:10px; color:#fff; font-size:0.875rem;}
.ftel_nr{ width:68%; color:#fff; font-size:0.9125rem;}
.tel_bt{ font-size:1.125rem; color:#fff; line-height:30px; line-height:30px;}
.ftel_wb{ padding-bottom:10px;}
.ftel_wb p{ padding-bottom:5px; font-size:0.9125rem;}
.ftel_nr p{ line-height:30px;}
.ftel_nr a{ color:#fff;}
.fnav{ width:51%;}
.fnav li{ float:left; margin-left:63px; min-width:90px;}
.fnav li p{ line-height:24px;}
.fnav li a{ font-size:0.875rem; color:#fff;}
.fnav li .fnav_title{ padding-bottom:14px; background:url(../images/ffg.png) no-repeat left bottom;}
.fnav li .fnav_title a{ font-size:1.125rem; color:#fff;}
.fnav li a:hover{ text-decoration:underline;}
.fbq{ padding-top:23px; border-top:1px solid #055497; padding-bottom:20px; line-height:24px; font-size:0.875rem; color:#fff;}
.fbq span{ float:right;}
.fbq a{ color:#fff;}
.fbq a:hover{ text-decoration:underline;}
@media screen and (max-width:1280px){.link_bg{ display:none;}.fnav li{margin-left:66px;}}
/*首页style结束*/

/*内页style开始*/
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.service_banner{ background:url(../images/service_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.video_banner{ background:url(../images/video_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.news_banner{ background:url(../images/news_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.pro_banner{ background:url(../images/pro_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.main_title{ padding-top:120px; padding-left:2%;}
.abo_title{ padding-top:120px; padding-left:15%;}
.cont_title{ text-align:right; padding-top:120px; padding-right:6%;}
.main_flbg{ width:100%; height:68px; position:relative; z-index:9; margin-top:-68px;}
.main_flbg .kg{ background:rgba(36,120,193,0.9); border-radius:8px 8px 0 0; overflow:hidden;}
.main_fl li{ position:relative; float:left;}
.main_fl li a{ color:#fff; padding:0 45px; font-size:1rem; background:url(../images/fl_fg.png) no-repeat right; height:68px; display:block; line-height:68px; text-align:center; position:relative; z-index:9;}
.main_fl li a.on{ background:none;}
.main_fl li i{ background:#f07f28; width:100%; height:100%; position:absolute; bottom:0; left:0%; transform:scaleX(0); transition:0.5s;}
.main_fl li:hover i,.main_fl li.cur i{transform:scaleX(1); transition:0.5s;}
.main_wz{ font-size:0.9125rem; color:#fff; line-height:68px; padding-right:1%;}
.main_wz img{ margin-bottom:-2px; margin-right:8px;}
.main_wz a{ color:#fff;}
.main_wz a:hover{ color:#87c8ff;}
.main{ background:#fff; padding-top:70px; padding-bottom:100px;}
.maina{ background:#fff; padding-bottom:100px;}
.about_nr{ color:#6d6d6d; font-size:0.9125rem; line-height:26px;}
.about_nr img{ max-width:100%;}
.book_title{ font-size:1rem; line-height:30px; padding-bottom:40px;}
.book_title p{ color:#000;}
.book_nr div.fl,.book_nr div.fr{ width:49%; padding-bottom:15px;}
.book_nr div.book{ width:100%; padding-bottom:15px;}
.contxt{ width:96%; display:block; padding:0 2%; font-family:"微软雅黑"; font-size:1rem; height:50px; outline:none;}
.contxta{ width:98%; line-height:30px; padding:1%; height:150px; font-family:"微软雅黑"; font-size:1rem; outline:none;}
.btn{width:150px; border:0; background:#2478c1; font-family:"微软雅黑"; height:50px; cursor:pointer; font-size:1.25rem; color:#fff; float:right; margin-left:15px;}
.honor_nr li{ float:left; width:23%; margin:0 1% 30px 1%;}
.case_kg{ position:relative;}
.case_pic{ border:1px solid #c0c0c0; overflow:hidden; position:relative;}
.case_pic img{ display:block; width:100%; transition:0.5s;}
.honor_nr li:hover .case_pic img,.case_nr li:hover .case_pic img{transform:scale(1.1);}
.case_pic i{display:block; position:absolute; left:0; top:0; background:url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.4); width:100%; height:100%;}
.case_mc{ text-align:center; height:50px; line-height:50px; font-size:0.9125rem;}
.case_kg .border_top{
	position:absolute;height:3px;width:0;font-size:0;background:#2478c1;top:0;left:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_kg .border_right{
	position:absolute;height:0px;width:3px;font-size:0;background:#2478c1;bottom:0;right:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_kg .border_bottom{
	position:absolute;height:3px;width:0px;font-size:0;background:#2478c1;right:0;bottom:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_kg .border_left{
	position:absolute;height:0px;width:3px;font-size:0;background:#2478c1;left:0;top:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_nr li:hover .border_top,.case_nr li:hover .border_bottom,.honor_nr li:hover .border_top,.honor_nr li:hover .border_bottom{width:100%;}
.case_nr li:hover .border_left,.case_nr li:hover .border_right,.honor_nr li:hover .border_left,.honor_nr li:hover .border_right{height:100%;}
.news_nr li{ position:relative; margin-bottom:10px; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.news_nr li a{ display:block; padding:2%; position:relative; z-index:9; transition:0.5s;}
.news_nr li:hover a{box-shadow:0px 1px 8px rgba(0,0,0,0.3); transition:0.5s;}
.news_pic{ overflow:hidden; width:22%;}
.news_pic img{ display:block; width:100%; transition:0.5s;}
.news_nr li:hover .news_pic img{transform:scale(1.1);}
.news_wb{ width:75%;}
.news_bt{ font-size:1.5rem; height:42px; line-height:42px; overflow:hidden;}
.news_djs{ font-size:0.75rem; color:#8d8d8d; margin-bottom:10px; margin-top:5px;}
.news_djs img{ margin-right:5px; margin-bottom:-2px;}
.news_ms{ font-size:0.875rem; line-height:24px; height:48px; color:#5f5f5f; overflow:hidden; margin-top:5px; transition:0.5s;}
.news_more{ width:126px; height:34px; text-align:center; background:#2478c1; line-height:34px; color:#fff; font-size:0.875rem; margin-top:20px;}
.news_nr li:hover .news_more{ background:#f07f28; transition:0.5s;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; }
.newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:0.9125rem; line-height:26px; }
.newsshow_wnnr img{ max-width:100%;}
.bdsharebuttonbox{ width:140px; margin:30px auto 0 auto;}
.sxyjsys,.sxyjsys a{ font-size:14px;  line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px; color:#717171;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px; list-style-position:inside; list-style-type:disc;}
.xgnews-con li a{ font-size:14px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}

.pro_l{ width:22.5%; background:url(../images/inda_flbg.png) no-repeat center bottom #2478c1; background-size:100%; margin-top:60px;}
.profl_bt{ position:relative;}
.profl_bt img{ display:block; width:100%;}
.proflb{ position:absolute; width:100%; left:0; top:22%; width:100%; text-align:center; font-size:0.9125rem; color:#52aaf5;}
.proflb p{ font-size:1.875rem; color:#fff; padding-bottom:2px;}
header{ background:#fff; width:91%; margin:3%; padding:35px 1.5%; border-radius:8px;}
header nav li{position:relative; background:url(../images/indbfl_bg.png) repeat-x; line-height:48px; margin-bottom:10px;}
header nav li a{ font-weight:bold; display:block; color:#0084ca; position:relative; border:1px solid #dedede; padding:0 5%; height:48px; z-index:9;}
header nav li:hover a,header nav li.cur a{ color:#fff;}
header nav li span{ float:right; color:#2478c1; font-size:1.25rem; position:relative; z-index:9; transition:0.5s;}
header nav li:hover span,header nav li.cur span{color:#fff; transform: rotate( 0deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);  -o-transform: rotate(90deg);  -ms-transform: rotate(90deg); transition:0.5s;}
header nav li i{ display:block; background:url(../images/indbfl_b.png) repeat-x; width:100%; height:100%; position:absolute; left:0; top:0;transform:scaleX(0); transition:0.5s;}
header nav li:hover i,header nav li.cur i{transform:scaleX(1); transition:0.5s;}
header nav li ul li{ margin:0 5%; background:none;}
header nav li ul li a{ font-weight:normal; overflow:hidden; border:0; padding:0; border-bottom:1px dashed #959595; line-height:47px; font-size:0.9125rem; color:#676767 !important;}
header nav li ul li:hover a,header nav li ul li.cur a{ color:#d83524 !important;}
.profl_tel{ background:url(../images/indatel.png) no-repeat left; padding:35px 0 35px 78px; width:160px; margin:0 auto;}
.profl_tel p{color:#fff; font-size:1.125rem; line-height:18px; padding-bottom:10px;}

.main_r{ width:75%; margin-top:60px;}
.pro_nr li{ width:32%; float:left; margin-bottom:3%; position:relative;}
.pro_nr li.on{ margin:0 2% 3% 2%;}
.pro_nr li:hover .inda_pic img{transform:scale(1.1);}
.pro_nr li:hover .inda_mc p{ color:#fff; transition:0.5s;}
.pro_nr li:hover .inda_mc i{transform:scaleX(1); transition:0.5s;}
.proshow_pic{ width:55%;}
.proshow_pic p{ border:1px solid #ccc;}
.proshow_pic img{ display:block; width:100%;}
.proshowa_wb{ width:42%;}
.nycp_bt{color:#6b6b6b; font-size:1rem; border-bottom:1px solid #ddd; padding-bottom:15px;}
.nycp_bt p{ font-size:1.5rem; font-weight:bold; padding-bottom:5px; color:#000;}
.nycp_nr{ font-size:0.875rem; color:#656464; line-height:24px; padding-top:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd;}
.nycp_nr img{ max-width:100%;}
.nycp_tel{ margin-top:1.875rem; background:url(../images/nycp_pic.png) no-repeat left center; padding-left:23px; font-size:1rem; color:#979797;}
.nycp_tel strong{ color:#454545;}
.nycp_more{ width:133px; height:45px; padding-top:19px;}
.nycp_more a{border-radius:5px; display:block; background:#2478c1; text-align:center; line-height:45px; font-size:1.125rem; color:#fff; font-weight:bold; color:#fff;}
.nycp_more .job_moreb{ display:none;}
.proshow_title{ font-size:1.125rem; font-weight:bold; color:#454545; height:50px; line-height:50px; padding-top:20px; border-bottom:3px solid #454545;}
.proshow_video{ position:relative; width:56%; margin:30px auto 0 auto;}
.pro_dwpic img{ display:block; width:100%;}

.proshow_nr{ font-size:0.9125rem; line-height:26px; padding-top:25px;}
.proshow_nr img{ max-width:100%;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px; margin-bottom:50px;}
.showcp_an p{width:120px;}
.showcp_an p a{width:100%;height:40px; background:#2478c1; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}
.xgpro-con{ padding-top:20px;}
/*内页style结束*/

@media screen and (max-width:1024px){
/*首页style开始*/
.top_bg{height:100px;}
.logo img{height:78px; transition:0.5s;}
.top_r{ width:61%;}
.top_sm{font-size:0.875rem;}
.tel{ font-size:0.875rem; padding-left:32px;}
.mobile-inner-nav{height:60px;}
.mobile-inner-nav a{ font-size:0.9125rem; height:60px; line-height:60px;}
.gjc{font-size:0.9125rem;}
.gjc a{ font-size:0.9125rem; padding-left:2px; padding-right:2px;}
.inda_title{ font-size:1.5rem;}
.inda_title img{ height:36px;}
.inda_ms{ font-size:0.875rem; text-indent:28px; line-height:30px; margin-top:30px;}
.inda_sz{font-size:3.5rem; line-height:50px;}
.inda_wb{padding-left:5px; font-size:1rem;}
.inda_wb p{font-size:1.125rem; padding-bottom:0px;}
.inda_more{ margin-top:30px;}
.inda_more a{font-size:0.9125rem;}
.inda_r img{ height:450px;}
.index_bgb{ background-size:auto 100%; height:auto; padding-top:75px; padding-bottom:80px;}
.indb_title{font-size:1.125rem;}
.indb_title p{ font-size:2.25rem;}
.indb_fl{ padding-top:35px;}
.indb_fl li a{ font-size:0.9125rem;}
.indb_wb{ height:50px; line-height:50px; font-size:0.9125rem;}
.indb_wb span{width:20px; height:20px; line-height:20px; font-size:0.875rem;}
.index_bgc{ background-size:auto 100%; width:100%; height:550px;}
.indc_nr{ width:42%; padding-top:80px;}
.indc_title{ font-size:2.25rem;}
.indc_ms{ font-size:1rem; line-height:30px;}
.indc_zj{ padding-top:45px;}
.indd_title{font-size:1.25rem;}
.indd_title p{ font-size:2.25rem;}
.indd_wb{ height:50px; background-size:auto 20px; padding-left:30px; line-height:50px; font-size:1rem;}
.indg_mc{font-size:1.125rem; height:30px; line-height:30px;}
.indg_ms{line-height:26px; height:78px; font-size:0.875rem; margin-top:7px;}
.indg_gd{margin-top:20px;}
.indgl_nr li{ font-size:0.9125rem;}
.indgl_nr li span{ font-size:0.875rem;}
.indg_r{ width:34.6%;}
.indgr_nr{ padding-top:15px;}
.indgr_nr li{padding-top:15px; padding-bottom:15px;}
.indgr_ms{ height:72px; line-height:24px; font-size:0.875rem;}
.ftel_nr{font-size:0.875rem;}
.ftel_wb p{font-size:0.875rem;}
.ftel_nr p{ line-height:20px; padding-bottom:6px;}
.fnav li{margin-left:35px;}
.fnav li .fnav_title a{ font-size:1rem;}
.fbq{ padding-top:15px; padding-bottom:15px; font-size:0.75rem;}
/*首页style结束*/

/*内页style开始*/
.about_banner,.contact_banner,.service_banner,.video_banner,.news_banner,.pro_banner{ background-size:auto 100%; height:300px;}
.main_title{padding-top:80px;}
.abo_title{ padding-top:80px; padding-left:2%;}
.cont_title{padding-top:80px; padding-right:2%;}
.main_flbg{height:60px; margin-top:-60px;}
.main_fl li a{ padding:0 40px; height:60px; line-height:60px;}
.main_wz{ font-size:0.875rem; line-height:60px; padding-right:1%;}
.main{padding-top:50px; padding-bottom:80px;}
.maina{ padding-bottom:80px;}
.about_nr{font-size:0.875rem; line-height:24px;}
.book_title{ font-size:0.9125rem; line-height:26px; padding-bottom:30px;}
.contxt{font-size:0.9125rem;}
.contxta{font-size:0.9125rem;}
.case_pic i{background-size:auto 60px;}
.case_mc{font-size:0.875rem; height:40px; line-height:40px;}
.news_nr li a{padding:1%;}
.news_pic{width:25%;}
.news_wb{ width:72%;}
.news_bt{ font-size:1.125rem; height:30px; line-height:30px;}
.news_more{margin-top:15px;}
.newsshow_title{font-size:1.125rem;}
.newsshow_title p{ font-size:0.75rem; padding-top:5px;}
.newsshow_wnnr{font-size:0.875rem; line-height:24px; }
.proflb{font-size:0.875rem;}
.proflb p{ font-size:1.75rem;}
header{padding:25px 1.5%;}
header nav li{line-height:40px;}
header nav li a{height:40px; font-size:0.9125rem;}
header nav li span{font-size:1.125rem;}
.profl_tel{padding:20px 0 35px 65px; width:160px;}
.profl_tel p{font-size:1rem; padding-bottom:8px;}
.nycp_bt p{ font-size:1.25rem}
.nycp_tel{font-size:0.9125rem;}
.proshow_nr{ font-size:0.875rem; line-height:24px;}
/*内页style结束*/
}

@media screen and (max-width:770px){
.top_bg{ background:url(../images/top_bg.png) no-repeat center bottom; border-bottom:none; height:80px; box-shadow:0px 1px 5px rgba(0,0,0,0.3);}
.top_bg .kg{ width:100%;}
.top_bg i{ display:none;}
.logo{ padding-top:5px; padding-left:1%;}
.logo img{ height:70px; transition:0.5s;}
.top_r{ width:58%;}
.top_s{ display:none;}
.sous_gjc{ display:none;}
.index_bga{padding-top:70px; padding-bottom:70px;}
.inda_l{ width:100%;}
.inda_ms{ font-size:1rem; text-indent:32px; line-height:36px; margin-top:36px;}
.inda_sz{font-size:4.5rem; line-height:68px;}
.inda_wb{padding-left:10px; font-size:1.125rem;}
.inda_wb p{ font-size:1.5rem;}
.inda_r{ width:100%; margin-top:40px;}
.inda_r img{ height:auto; width:100%;}
.index_bgb{ padding-top:70px;}
.indb_fl{ padding-top:45px;}
.indb_fl li{width:14%; margin-left:0.333%;}
.indb_fl li a{ font-size:0.875rem; height:40px; overflow:hidden; line-height:40px;}
.index_bgc{height:520px; background-size:auto 520px;}
.indc_nr{ width:41%; padding-top:70px;}
.indc_title{ font-size:1.875rem;}
.indc_ms{ font-size:1rem; line-height:30px;}
.indc_zj{ padding-top:35px;}
.indc_zj p{padding-bottom:15px;}
.indc_zj img{ display:block; width:100%;}
.indd_title{font-size:1.125rem;}
.indd_title p{ font-size:2rem;}
.indd_nr li{ width:33.333%;}
.index_bgg{padding-bottom:90px;}
.indg_title{ font-size:2rem;}
.indg_title p{font-size:1rem;}
.indg_nr{ padding-top:60px;}
.indg_mc{ font-size:1rem; height:26px; line-height:26px;}
.indg_ms{ line-height:24px; height:48px; margin-top:5px;}
.indg_gd{ width:110px; height:30px; border-radius:15px; line-height:30px; font-size:0.875rem; margin-top:15px;}
.indgl_nr li{ height:40px; font-size:0.9125rem; line-height:40px;}
.indgl_nr li span{ font-size:0.875rem;}
.indgr_nr li{padding-top:15px; padding-bottom:15px;}
.indgr_bt{ font-size:0.9125rem;}
.indgr_ms{margin-top:5px; height:48px; line-height:24px;font-size:0.875rem;}
.ftel{ width:100%;}
.fnav{ display:none;}
.fbq{font-size:0.75rem;}
/*首页style结束*/

/*内页style开始*/
.about_banner,.contact_banner,.service_banner,.video_banner,.news_banner,.pro_banner{height:270px;}
.main_title{ padding-top:65px; padding-left:2%;}
.main_title img{ height:80px;}
.abo_title{ padding-top:65px; padding-left:2%;}
.abo_title img{ height:80px;}
.cont_title{padding-top:65px; padding-right:2%;}
.cont_title img{ height:80px;}
.main{padding-top:50px; padding-bottom:80px;}
.maina{padding-bottom:80px;}
.maina .kg{ width:100%;}
.honor_nr li{width:31.333%; margin:0 1% 30px 1%;}
.news_pic{width:32%;}
.news_wb{ width:66%;}
.news_bt{ font-size:1rem; height:26px; line-height:26px;}
.news_ms{ font-size:0.875rem; line-height:22px; height:44px;}
.newsshow_title{font-size:1.125rem;}
.pro_l{ width:100%;margin-top:0px;}
.profl_bt{ display:none;}
.profl_tel{ display:none;}
.main_r{ width:98%; margin:50px 1% 0 1%;}
.proshow_video{ position:relative; width:100%; margin:30px auto 0 auto;}
.nycp_bt p{ font-size:1.125rem;}
/*内页style结束*/
}

@media(max-width:520px){
.top_bg{ height:50px;}
.logo{ padding-top:5px;}
.logo img{ height:40px;}
.top_r{ width:auto;}
.index_bga{padding-top:50px; padding-bottom:60px;}
.inda_title img{ height:30px;}
.inda_title{ font-size:1.25rem;}
.inda_ms{ font-size:0.875rem; text-indent:28px; line-height:28px; margin-top:28px;}
.inda_sz{font-size:2.5rem; line-height:40px;}
.inda_wb{padding-left:3px; font-size:0.75rem; text-align:left;}
.inda_wb p{ font-size:0.875rem; padding-bottom:0px;}
.inda_more a{width:100px; height:30px; line-height:30px; font-size:0.875rem;}
.index_bgb{padding-top:50px; padding-bottom:60px;}
.indb_title{font-size:1rem;}
.indb_title p{ font-size:1.875rem;}
.indb_fl{ padding-top:25px;}
.indb_fl li{width:24%; margin-left:1.333%; margin-bottom:1.333%;}
.indb_fl li:nth-child(5){ margin-left:0;}
.indb_fl li a{ height:38px; line-height:38px;}
.indb_nr{ padding-top:30px;}
.indb_nr li{width:49%; margin:0 0.5% 2% 0.5%;}
.indb_nr li:nth-child(2),.indb_nr li:nth-child(5){margin:0 0.5% 2% 0.5%;}
.bor_left{ width:2px;}
.bor_top{ height:2px;}
.bor_right{ width:2px;}
.bor_bom{ height:2px;}
.indb_pic{ border:2px solid #fff;}
.indb_wb{ height:40px; line-height:40px; font-size:0.875rem; padding:0 2%;}
.indb_wb span{width:20px; height:20px; line-height:20px; margin-top:10px; font-size:0.875rem;}
.index_bgc{ background:url(../images/index_bgc.jpg) no-repeat left top #f4f4f4; background-size:auto 260px; height:auto; padding-bottom:60px;}
.indc_nr{padding-top:220px; width:100%;}
.indc_title{ font-size:1.875rem;}
.indc_ms{ font-size:0.875rem; line-height:22px;}
.indc_zj{ padding-top:35px;}
.indc_zj p{ padding-bottom:15px;}
.index_bgd{padding-top:50px;}
.indd_title{font-size:1rem;}
.indd_title p{ font-size:1.625rem;}
.indd_title img{ height:36px;}
.indd_nr li{width:50%;}
.indd_wb{font-size:0.875rem;}
.indd_an{padding-top:20px;}
.indd_an a{ width:80px; height:30px; line-height:30px; font-size:0.875rem;}
.index_bgg{padding-top:50px; padding-bottom:60px;}
.indg_title{ font-size:1.875rem;}
.indg_title p{ width:200px; margin:10px auto -10px auto 0;}
.indg_nr{ padding-top:50px;}
.indg_l{ width:100%;}
.indg_more a{font-size:0.75rem;}
.indg_mc{ font-size:0.9125rem; height:24px; line-height:24px;}
.indg_ms{ line-height:20px; height:40px; font-size:0.75rem; margin-top:5px;}
.indg_gd{ width:100px; height:26px; line-height:26px; font-size:0.875rem; margin-top:12px;}
.indgl_nr li{ height:40px; line-height:40px; overflow:hidden; font-size:0.875rem;}
.indgl_nr li span{ display:none;}
.indg_r{ width:100%; padding-top:40px;}
.indgr_nr li{padding-top:15px; padding-bottom:15px;}
.fnavtel{ padding:35px 0 40px 0;}
.ftel{ width:100%;}
.fewm{ width:29%;}
.fewm p{ padding-top:8px; font-size:0.75rem;}
.ftel_nr{ width:68%;}
.ftel_wb{ padding-bottom:10px;}
.ftel_nr p{ line-height:20px; font-size:0.75rem;}
.fbq{ padding-top:15px; padding-bottom:70px; line-height:20px; font-size:0.75rem;}
.fbq span{ float:none; display:block;}
/*首页style结束*/

/*内页style开始*/
.about_banner,.contact_banner,.service_banner,.video_banner,.news_banner,.pro_banner{height:150px;}
.main_title{ padding-top:40px;}
.main_title img{ height:60px;}
.abo_title{ padding-top:40px;}
.abo_title img{ height:60px;}
.cont_title{padding-top:40px;}
.abo_title img{ height:60px;}
.main_flbg{height:40px; margin-top:0px;}
.main_flbg .kg{ width:100%; background:rgba(36,120,193,0.9); border-radius:0;}
.main_fl{float:none;}
.fl_03 li{ width:33.333%;}
.fl_04 li{ width:25%;}
.main_fl li a{padding:0; font-size:0.9125rem; height:40px; line-height:40px;}
.main_wz{ display:none;}
.main{padding-top:40px; padding-bottom:60px;}
.maina{padding-bottom:60px;}
.book_nr div.fl,.book_nr div.fr{ width:99%; padding-bottom:10px; float:none;}
.book_nr div.book{padding-bottom:10px;}
.contxt{height:44px;}
.contxta{ width:96%; line-height:24px; padding:2%; font-size:0.875rem;}
.btn{width:120px; height:40px; font-size:1rem;}
.honor_nr li{width:49%; margin:0 0.5% 25px 0.5%;}
.news_pic{width:28%;}
.news_wb{ width:70%;}
.news_bt{ font-size:0.9125rem; height:24px; line-height:24px;}
.news_djs{ display:none;}
.news_ms{ font-size:0.75rem; line-height:20px; height:40px; margin-top:0px;}
.news_more{ display:none;}
.xgnews-tit{font-size:1.125rem;}
.xgnews-con li{width:95%;}
.main_r{ width:98%; margin:40px 1% 0 1%;}
.pro_nr li{ width:49%; margin:0 0.5% 2% 0.5%;}
.pro_nr li.on{ margin:0 0.5% 2% 0.5%;}
.proshow_pic{ width:100%;}
.proshowa_wb{ width:100%; padding-top:30px;}
.nycp_bt{padding-bottom:5px;}
.nycp_more .job_morea{ display:none;}
.nycp_more .job_moreb{ display:block;}
/*内页style结束*/
}

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#2478c1;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #2d85d2;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #2d85d2;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:23%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}


/*导航样式*/
@media screen and (max-width:770px){
/*分类*/
header{ background:none; width:auto; display:block;position: relative; z-index:100; margin:0; padding:0; border-radius:0; float:none !important;}
header nav li{background:none; line-height:inherit; margin-bottom:auto;}
header nav li a{ font-weight:inherit; border:none; padding:inherit; height:auto; z-index:9;}
header nav li span{ display:none;}
header nav li ul li{ margin:auto; background:none;}
header nav li ul li a{border:0; line-height:inherit;}
header nav li i{ height:40px;}
.mean-container .mean-bar {width:100%;position:relative;background:#2478c1;	height:40px; z-index:99;}
.mean-container .mean-bar div.fl{ font-size:1rem; color:#fff; line-height:40px; padding-left:2%;}
.mean-container a.meanmenu-reveal {width:22px;height:22px;padding:9px 10px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;	display:block;font-family:Arial, Helvetica, sans-serif;	font-weight:700}
.mean-container a.meanmenu-reveal span {display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav {float:left;width:100%;background: rgba(236,236,236,1);}
.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;}
.mean-container .mean-nav ul li {position:relative;width:100%;}
.mean-container .mean-nav ul li a {display:block;width:90%; background:none; font-size:0.875rem;padding:0 5%;height:39px; line-height:39px;margin:0;text-align:left;border-top:1px solid #383838;border-top:1px solid rgba(173, 173, 173, .5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a {width:80%;padding:0 10%; height:45px; line-height:45px; border-top:1px solid #f1f1f1;border-top:1px solid rgba(255, 255, 255, .25);	opacity:.75; filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li a.mean-expand {width:15px;height:40px;text-align:center;position:absolute;right:0;top:0;z-index:10;font-weight:700;	background:rgba(255, 255, 255, .1);	border:0!important;	border-left:1px solid rgba(255, 255, 255, .4)!important;border-bottom:1px solid rgba(255, 255, 255, .2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover {background:rgba(0,0,0,.9)}
.mean-container .mean-push {float:left;	width:100%;	padding:0;	margin:0;clear:both}
.mean-nav .wrapper {width:100%;padding:0;margin:0}
.mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove {display:none!important}
header nav {text-align: center;background: #efefef;}
header nav ul {margin:0;padding:1em;list-style-type: none;}
/*分类*/	
}
@media screen and (max-width:770px){
.mobile-inner-nav{ position:absolute; right:0%; height:auto; line-height:normal; top:0; z-index:999; display:block; background:none; width:auto;}
.mobile-inner-nav li{ float:none; width:auto;}
.mobile-inner-nav li .nav_ej{display:none;}
.mobile-inner-nav li:hover .nav_ej{display:none;}
.mobile-inner-nav a{ display:block; color:#fff; background:none; margin:0; padding:0; height:auto; line-height: normal; text-align:left;}
.mobile-inner-nav a i{ display:none;}
.mobile-inner-nav a:hover,.mobile-inner-nav a.cur{ background:none;}
.mobile{width:100%; position:relative;}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header{background-color:rgb(255,255,255);width: 100%;height:5.6rem; position: absolute;top: 0px;left: 0px;}
.mobile-inner-header-icon{color:#fff; background:rgb(36,120,193); padding:10px; width:60px;height:60px;font-size:2rem;font-weight:bold;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 33%) / 2);top: calc((100% - 24px) / 2);width:35%; height:2px;background-color: rgba(255,255,255,1);}
.mobile-inner-header-icon i{ display:block; position:absolute; left:0; bottom:20px; width:100%; text-align:center; font-size:1rem; color:#fff; line-height:16px; font-style:normal; background:none; height:auto;}
@media screen and (max-width:520px){.mobile-inner-header-icon{ padding:0; width:50px; height:50px;}
.mobile-inner-header-icon span{left:calc((100% - 48%) / 2);top: calc((100% - 24px) / 2);width:48%;}
.mobile-inner-header-icon i{ bottom:8px; font-size:0.875rem;}
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(4px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-4px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-4px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(4px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width:50%; padding:15px 0 30px 0; position: absolute;top:80px;right:0px; display:none;z-index:999; margin:0;}
@media screen and (max-width:520px){.mobile-inner-nav{top:50px;}}
.mobile-inner-nav a{display:inline-block;line-height:2.5rem;text-decoration: none;width:90%;margin-left:5%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:0.875rem;}
.mobile-inner-nav a:hover,.mobile-inner-nav a.cur{color: rgba(255,255,255,0.6);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal;}
.mobile-inner-nav a p{ display:none;}
@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}}