@charset "utf-8";
/* CSS Document */
html{}
body{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#313131; 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:#313131; text-decoration: none;outline:none;}
a:hover, a:active {color:#105cb1; 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%;}
.kgc{ width:98%; margin:0 auto; max-width:1440px;}
.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 #105cb1; 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 #105cb1; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}
/*基础配置*/


/*首页style开始*/
.top_bg{ width:100%; height:29px; background:#105cb1; /*box-shadow:0px 3px 8px #ccc;*/}
.top_l{ width:960px; font-size:0.875rem; line-height:29px; height:29px; overflow:hidden; color:#fff;}
.top_r{ color:#7a7a7a; line-height:29px; font-size:0.875rem;}
.top_r span{ padding:0 10px;}
.top_r a{ color:#7a7a7a;}
.top_r a:hover{ text-decoration:underline;}
.logo_tel{ height:99px; background:#fff; width:100%; border-bottom:1px solid #d6d5d5;}
.logo{ padding-top:21px;}
.yuyan{ width:34px; height:34px; margin-top:36px; padding-left:20px;}
.yuyan a{ width:100%; height:34px; background:#105cb1; text-align:center; line-height:34px; color:#fff; border-radius:50%; display:block;}
.mobile-inner-nav{height:99px;}
.mobile-inner-nav a{display:block; width:105px; float:left; text-align:center; font-size:1rem;  height:99px; position:relative; color:#646464; transition:0.5s; background:url(../images/nav_fg.png) no-repeat left center; margin-right:10px;}
.mobile-inner-nav a p{ position:relative; z-index:9;line-height:99px;}
.mobile-inner-nav a.on{ background:none;}
.mobile-inner-nav a i{ background:url(../images/nav_b.png) repeat-x; width:100%; height:100%; transform:scaleX(0); transition:0.5s; position:absolute; left:0; bottom:-1px;}
.mobile-inner-nav a:hover i,.mobile-inner-nav a.cur i{transform:scaleX(1); 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:1024px){
.slides li{ background-size:100% !important; height:auto !important;  min-height:347px !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:3%; z-index:99; text-align:center; width:100%;}
.flex-control-nav li{ display:inline-block; height:6px; margin:0 6px;}
.flex-control-nav li a{ display:block; overflow:hidden; background:#fff; text-indent:-999px; border:1px solid #105cb1; width:34px; height:4px; border-radius:3px; cursor:pointer;transition:0.5s;}
.flex-control-nav li a.flex-active{background:#105cb1; border:1px solid #fff; transition:0.5s;}
.flex-direction-nav{position:absolute;z-index:99;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:42px;height:85px;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:30px;background:url(../images/ban_l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:30px;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*/
.index_bga{ width:100%; background:#fff; border-bottom:1px dashed #d2d2d2; padding:19px 0;}
.inda_nr{width:100%; margin:0 auto; border-left:1px dashed #d2d2d2; }
.inda_nr li{ width:14.25%; float:left; height:95px;}
.inda_nr li a{ display:block; height:95px; border-right:1px dashed #d2d2d2; text-align:center;}
.inda_pic{ position:relative; margin-top:5px;}
.inda_nr li .inda_pic i{ display:block; position:absolute; width:100%; top:0; left:0; text-align:center; transform:scale(0); transition:0.5s;}
.inda_nr li:hover .inda_pic p,.inda_nr li.cur .inda_pic p{transform:scale(0); transition:0.5s;}
.inda_nr li .inda_pic p,.inda_nr li.cur .inda_pic i{transform:scale(1); transition:0.5s;}
.inda_nr li:hover .inda_pic i { transform:scale(1.2);}
.inda_wb{ padding-top:5px; font-size:0.875rem; color:#5b5b5b;}
.inda_nr li:hover .inda_wb{ color:#105cb1;}
.inda_an a{ position:absolute; color:#a9a9a9; cursor:pointer; display:block; font-size:3rem; font-family:"宋体"; top:23%;}
.inda_an a:hover{ color:#105cb1;}
.inda_an a.prev{ left:0;}
.inda_an a.next{ right:0;}
.pro_an{ display:none;}
.index_bgb{ background:#fff; padding:65px 0; width:100%;}
.indb_nr li{ float:left; width:24%; margin-left:1.333%; margin-bottom:40px;}
.indb_nr li.on{ margin-left:0;}
.indb_pic{position:relative; overflow:hidden;}
.indb_pic p{ border:1px solid #d9d9d9;}
.indb_pic p img{ display:block; width:100%;}
.indb_pic i{ display:block; background:url(../images/pro_b.png) no-repeat top center rgba(16,92,177,0.2); width:100%; height:100%; position:absolute; bottom:-99.1%; left:0; transition:0.5s; text-align:center;}
.indb_pic i img{ padding-top:45%;}
.indb_nr li:hover .indb_pic i{bottom:0%; transition:0.5s;}
.indb_wb{ height:50px; width:94%; margin:0 auto; line-height:50px; font-size:0.875rem; color:#474747;}
.indb_wb span{ float:right; width:23px; height:23px; border:1px solid #ddd; margin-top:12px; line-height:25px; text-align:center; color:#ababab; font-size:0.875rem; font-family:"宋体"; border-radius:50%; transition:0.5s;}
.indb_nr li:hover .indb_wb span{border:1px solid #105cb1; background:#105cb1; color:#fff; transition:0.5s;}
.index_bgc{ padding-bottom:30px;}
.indbt_l{ width:40.47%;}
.indbt_l img{ max-width:100%;}
.indbt_r{ margin-top:-57px; width:53.39%;}
.indbt_r img{ max-width:100%;}
.indc_nr{ margin-top:20px; position:relative;}
.indcjjpic{ width:59.54%;}
.indcjjpic img{width:100%;}
.indc_jj{ background:#fff; width:40.46%; margin-top:-120px;}
.indc_kg{ border:1px solid #e3e3e3; padding:7%; text-align:center;}
.indc_ms{ padding-top:20px; font-size:0.875rem; line-height:24px; color:#848484; text-align:left; text-indent:28px;}
.indc_more{ width:167px; height:40px; margin:0 auto; padding-top:25px;}
.indc_more a{ display:block; width:100%; height:40px; background:#105cb1; color:#fff; text-align:center; line-height:40px; border-radius:20px;}
.indc_wz{ width:67.5%; border:1px solid #e6e6e6; background:#fff;}
.indcwz_kg{ padding-left:4%; width:76%; padding-right:20%;}
.indcwz_kg li{ padding-top:50px; height:80px;}
.indc_wzrq{ color:#105cb1; height:80px; font-size:1rem; border-right:1px dashed #b5b5b5; text-align:center; width:20%;}
.indc_wzrq p{ font-size:1.875rem; line-height:50px;}
.indc_wznr{ width:77%;}
.indcwzbt{ font-size:1rem; color:#414142; height:32px; line-height:32px;}
.indc_wzms{ font-size:0.875rem; line-height:24px; height:48px; overflow:hidden; color:#858585;}
.indcwz_kg li:hover .indcwzbt{ color:#105cb1;}
.indc_wzpic{ width:40.46%; position:absolute; right:0; top:319px;}
.indc_wzpic img{ width:100%;}
.indcwz_more{ margin-top:40px; width:167px; padding-left:165px; height:40px;padding-bottom:30px;}
.indcwz_more a{ display:block; width:100%; height:40px; background:#105cb1; color:#fff; text-align:center; line-height:40px; border-radius:20px;}
.index_bgd{ background:#fff; width:100%; padding-top:50px; padding-bottom:80px;}
.indd_title{ border-bottom:1px solid #f1f1f1; height:50px; line-height:50px; font-size:1.25rem; color:#4b4b4b;}
.indd_title span{ font-size:0.875rem; color:#848484;}
.indd_title i{ display:block; background:#000; width:120px; height:1px; margin-top:-1px;}
.indd_nr{ padding-top:54px;}
.indd_nr li{ float:left; width:25%; cursor:pointer;}
.indd_nr li a{ display:block; margin:0 1px; background:#f4f4f4; transition:0.5s;}
.indd_nr li:hover a{ background:#105cb1; transition:0.5s;}
.indd_bt{ text-align:center; padding-top:45px;}
.indc_pic{ position:relative; text-align:center;}
.indd_nr li .indc_pic i{ display:block; position:absolute; width:100%; top:0; left:0; text-align:center; transform:scale(0); transition:0.5s;}
.indd_nr li:hover .indc_pic p{transform:scale(0); transition:0.5s;}
.indd_nr li .indc_pic p,.indd_nr li:hover .indc_pic i{ transform:scale(1); transition:0.5s;}
.indc_mc{ font-size:0.75rem; color:#929292; text-align:center;}
.indc_mc p{ font-size:1.125rem; color:#252525; padding-bottom:3px;}
.indc_mc i{ display:block; height:1px; background:#b5b5b5; margin:30px auto; width:76px;}
.indd_ms{ font-size:0.875rem; color:#737272; width:96%; margin:0 auto; line-height:22px; text-align:center; height:66px; padding-bottom:60px;}
.indd_nr li:hover .indc_mc,.indd_nr li:hover .indc_mc p,.indd_nr li:hover .indd_ms{ color:#fff;}
.indd_nr li:hover .indc_mc i{ background:#fff;}
.link_bg{ height:25px; padding-top:15px; padding-bottom:15px; line-height:20px;}
.link_title{line-height:20px; height:20px;}
.link_title img{ margin-bottom:-3px;}
.link_title span{ font-weight:bold; color:#055fb7; font-size:16px; padding-left:18px;}
.link_nr{ height:20px; overflow:hidden; line-height:20px; width:1040px;}
.link_nr a{ color:#616162; display:block; padding-right:15px; font-size:14px; float:left;}
.link_nr a:hover{ text-decoration:underline;}
.foot_bg{ background:#fff; width:100%;}
.foot_top{ background:#f5f5f5; width:100%; padding-top:50px; padding-bottom:40px;}
.foot_nav li{ float:left; color:#7b7b7b; margin-right:45px;}
.ftop_bt{ color:#434343; margin-bottom:15px;}
.foot_nav li .ftop_bt a{ font-size:1rem; color:#434343; font-weight:bold;}
.foot_nav li .ftop_bt a span{ font-size:0.75rem; color:#969696; font-weight:normal;}
.foot_nav li p{ line-height:24px;}
.foot_nav li a{ font-size:0.875rem; color:#7b7b7b;}
.foot_nav li a:hover{ text-decoration:underline;}
.ftel_bt{ font-size:1rem; color:#434343; padding-bottom:15px;font-weight:bold;}
.ftel_bt span{ font-size:0.75rem; color:#969696; font-weight:normal;}
.foot_lx p{ font-size:0.875rem; color:#7b7b7b; line-height:30px;}
.foot_lx p a{ color:#7b7b7b;}
.foot_lx p a:hover{ text-decoration:underline;}
.fewm{ padding-left:50px;}
.foot_bottom{ padding:15px 0; background:#105cb1; width:100%;}
.foot_bottom p{ font-size:0.875rem; color:#fff; line-height:25px;}
.foot_bottom p a{ color:#fff;}
/*首页style结束*/


/*内页style开始*/
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center; width:100%; height:350px; position:relative;}
.job_banner{ background:url(../images/job_banner.jpg) no-repeat center; width:100%; height:350px; position:relative;}
.service_banner{ background:url(../images/service_banner.jpg) no-repeat center; width:100%; height:350px; position:relative;}
.news_banner{ background:url(../images/news_banner.jpg) no-repeat center; width:100%; height:350px; position:relative;}
.pro_banner{ background:url(../images/pro_banner.jpg) no-repeat center; width:100%; height:350px; position:relative;}
.main_title{ border-bottom:1px dashed #dcdcdc; padding-top:30px; padding-bottom:10px; text-align:center;}
.main_bt{ font-size:1.875rem; color:#323232; font-weight:bold; background:url(../images/main_title.png) no-repeat center bottom; padding-bottom:8px;}
.main_wz{ height:40px; line-height:40px; font-size:0.875rem; color:#939393;}
.main_wz a{ color:#939393;}
.main_flbg{background:#eee; width:100%; position:relative; z-index:9; margin-top:25px;}
.main_fl{ text-align:center;}
.main_fl li{ display:inline-block; margin:0.5%; background:#fff; position:relative;}
.main_fl li a{font-size:1rem; line-height:55px; color:#606060; display:block; position:relative; z-index:9; height:55px; padding:0 40px;}
.main_fl li:hover a,.main_fl li.cur a{ color:#fff;}
.main_fl li i{position:absolute; height:100%; background:#105cb1; display:block; width:100%; left:0; bottom:0; transform:scale(0); transition:0.5s;}
.main_fl li:hover i,.main_fl li.cur i{transform:scale(1); transition:0.5s;}
.main{ background:#fff; width:100%; padding-top:50px;}
.main_nr{ padding-bottom:80px;}
.about_nr{ font-size:0.875rem; line-height:24px; color:#666;}
.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; cursor:pointer; border:0; background:#105cb1;font-family:"微软雅黑"; height:50px; font-size:1.25rem; color:#fff; float:right; margin-left:15px;}
.case_nr li{ float:left; width:23%; margin:0 1% 30px 1%;}
.case_pic{ overflow:hidden; position:relative; border:1px solid #ddd;}
.case_pic img{width:100%; transition:0.5s;}
.case_pic i{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/video_pic.png) no-repeat center center rgba(0,0,0,0.4);}
.case_nr li:hover .case_pic img{transform:scale(1.1);}
.case_wb{ text-align:center; font-size:0.875rem; padding-top:8px;}
.news_nr li{ width:33.333%; float:left; margin-left:-1px; margin-top:-1px; transition:0.5s;}
.news_nr li a{ border:1px solid #ddd; padding:2%; display:block;}
.news_nr li:hover{ position:relative; box-shadow:0px 0px 8px #ccc; transition:0.5s;}
.news_bt{ font-size:1rem; color:#262626;}
.news_nr li:hover .news_bt{ color:#105cb1;}
.news_bt i{ width:86px; height:1px; background:#262626; display:block; margin-top:7px; margin-bottom:4px;}
.news_nr li:hover .news_bt i{ background:#105cb1;}
.news_wb{ padding-top:15px;}
.news_pic{ width:33.818%;}
.news_pic img{ display:block; width:100%;}
.news_ms{ font-size:0.875rem; color:#868686; line-height:24px; height:96px; overflow:hidden; width:63%;}
.newsshow_title{ text-align:center;  border-bottom:1px dashed #ccc; padding-bottom:3px; font-size:1.5rem; font-weight:bold; line-height:25px; }
.newsshow_title p{ font-size:0.75rem; color:#999; font-weight:normal; padding-top:5px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:0.875rem; line-height:24px; max-width: 700px;}
.newsshow_wnnr img{ max-width:100%;}
.sxyjsys,.sxyjsys a{ font-size:0.875rem;  line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; background:#105cb1; font-size:16px; font-weight:bold; line-height:30px; height:30px; color:#fff;}
.sgwtjl{ padding-top:20px;}
.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;}
.caseshow_r{ width:20%;}
.xgcase_title{ height:51px; line-height:51px; background:#105cb1; font-size:1.125rem; text-indent:17px; color:#fff;}
.xgcase_nr{background:#fff; border-bottom:4px solid #939393; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding-top:25px;}
.xgcase_nr li{ padding-bottom:20px; width:80%; margin:0 auto;}
.caseshow_pic{ overflow:hidden; border:1px solid #ddd;}
.caseshow_pic img{ display:block; width:100%; transition:0.5s;}
.xgcase_nr li:hover .caseshow_pic img{transform:scale(1.1);}
.caseshow_wb{ font-size:0.875rem; color:#616161;}
.proshowa{ width:76%; background:#fff; padding:1.3%; border-top:3px solid #d2d2d2;}
.propic_kg{ display:none;}
.mod18{width:577px; position:relative;}
.mod18 #prevTop,.mod18 #nextTop{ display:none;}
.mod18 #prev,.mod18 #next{top:33%; background:rgba(57,57,57,0.8); z-index:99; position:absolute; height:80px; line-height:80px; font-family:"宋体"; text-align:center; font-size:1.875rem; width:30px; margin:0;}
.mod18 .prev{left:1px;}
.mod18 .next{right:1px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .picBox{width:575px; height:437px; position:relative;overflow:hidden; border:1px solid #dbdbdb;}
.mod18 .picBox ul{height:437px;position:absolute; left:0;}
.mod18 .picBox li{width:575px;height:437px;}
.mod18 .picBox li img{ width:100%;}
.mod18 .listBox{width:577px;height:102px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:102px;position:absolute;}
.mod18 .listBox li{width:134px; height:102px;cursor:pointer;position:relative; padding:0px 5px;}
.mod18 .listBox li a{display:block; width:134px;}
.mod18 .listBox img{ width:100%; display:block; width:132px; border:1px solid #dfdfdf;}
.mod18 .listBox .on img{border:1px solid #105cb1;}
.proshowa_wb{ width:40%;}
.nycp_bt{color:#6b6b6b; font-size:1rem; border-bottom:1px solid #ddd; padding-bottom:10px;}
.nycp_bt p{ font-size:1.375rem; font-weight:bold; padding-bottom:5px; color:#393939;}
.nycp_lj{ padding-top:15px; padding-bottom:20px;border-bottom:1px solid #ddd;}
.nycp_lj a{border-radius:3px; display:block; width:31.333%; margin:0 1%; float:left; height:36px; background:#975e00; color:#fff; text-align:center; line-height:36px;}
.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_tel{ margin-top:1.875rem; background:url(../images/nycp_pic.png) no-repeat left center; padding-left:1.25rem; font-size:0.875rem; color:#979797;}
.nycp_tel strong{ color:#105cb1;}
.nycp_more{ width:133px; height:45px; padding-top:19px;}
.nycp_more a{border-radius:5px; display:block; background:#105cb1; 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:#105cb1; height:50px; line-height:50px; padding-top:20px; border-bottom:4px solid #105cb1;}
.proshow_nr{ font-size:0.875rem; line-height:24px; padding-top:25px;}
.sgwtj_pro li{ width:30.333%; margin:0 1.5%; padding:20px 0 50px 0;}
.sgwtj_pro li.on4{ display:none;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px;}
.showcp_an p{ width:120px;}
.showcp_an p a{ width:100%; height:40px; background:#105cb1; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}
/*内页style结束*/

@media screen and (max-width:1024px){
/*首页style开始*/
.top_l{ width:760px;}
.yuyan{padding-left:5px;}
.mobile-inner-nav a{margin-right:0px;}
.indbt_l{ width:52.47%;}
.indbt_r{ width:46.39%;}
.indc_jj{ margin-top:-43px;}
.indc_kg{ padding:5%;}
.indc_ms{ padding-top:20px; line-height:24px;}
.indc_more{ width:150px; padding-top:20px;}
.indc_wzpic{top:321px;}
.indcwz_more{width:150px;}
.link_bg{ display:none;}
.foot_nav li .ftop_bt a span{ display:none;}
.foot_bottom p{ font-size:0.75rem;}
/*首页style结束*/

/*内页style开始*/
.btn{width:130px; font-size:1rem;}
.case_nr li{width:24%; margin:0 0.5% 30px 0.5%;}
.news_nr li{ width:50%;}
.mod18{float:none; margin:0 auto;}
.proshowa_wb{ width:100%; float:none; padding-top:50px;}
.nycp_bt{font-size:1.5rem; padding-bottom:10px;}
.nycp_tel{font-size:1rem;}
.nycp_more{ width:120px; height:43px; }
.nycp_more a{ line-height:43px; font-size:1rem;}
.showcp_nr{ font-size:0.875rem; line-height:26px;}
.showcp_an p{ width:120px;}
.showcp_an p a{height:42px; line-height:42px; font-size:1rem;}
/*内页style结束*/	
}

@media screen and (max-width:770px){
/*首页style开始*/
.top_bg{ display:none;}
.logo_tel{ height:59px; background:#fff; border-bottom:1px solid #d6d5d5;}
.logo{ padding-top:6px; height:46px;}
.logo img{ height:100%;}
.yuyan{ width:26px; height:26px; margin-top:16px; padding-right:0px; padding-left:0;}
.yuyan a{ font-size:0.75rem; height:26px; line-height:26px;}
.inda_nr{overflow:hidden; border-left:none; padding-left:1px;}
.inda_nr li{ width:20%;}
@media screen and (max-width:586px){.inda_nr li{ width:25%;}
.inda_an a{font-size:2rem; top:33%;}
.logo { width: 55%;height: auto; padding-top: 10px;}
.logo img { width: 100%;}
}
.pro_an{ display:block;}
.indb_nr li{ width:49%; margin:0 0.5%; margin-bottom:10px;}
.indb_nr li.on{margin:0 0.5%; margin-bottom:10px;}
.index_bgc{ padding-bottom:0;}
.indbt_l{ width:40.47%;}
.indbt_r{ margin-top:-57px; width:53.39%;}
.indcjjpic{ width:100%;}
.indc_jj{width:100%; margin-top:0px;}
.indc_more {width:120px; height:36px;}
.indc_more a{height:36px; font-size:0.875rem; line-height:36px;}
.indc_wz{ width:100%;}
.indcwz_kg{ padding-left:2%; width:92%; padding-right:6%;}
.indc_wzrq{width:20%;}
.indc_wznr{ width:77%;}
.indcwzbt { overflow:hidden;}
.indc_wzpic{ width:100%; position:relative; right:0; top:0px;}
.indc_wzpic img{ width:100%;}
.indcwz_more{width:120px; padding-left:0; margin:40px auto 0 auto;  padding-bottom:40px;}
.indcwz_more a{ font-size:0.875rem;}
@media screen and (max-width:520px){
.index_bgc .kg{ width:100%;}
.indbt_l{ width:100%;}
.indbt_r{ margin-top:0px; width:100%;}
.indc_wzrq {width: 25%;}
.indc_wzrq p{font-size:1.5rem;}
.indc_wznr{ width:72%;}
}
.index_bgd{padding-top:40px; padding-bottom:60px;}
.indd_nr{ padding-top:34px;}
.indd_nr li{width:50%;}
.indd_nr li a{ margin:1px;}
.indc_mc p{ font-size:1rem; padding-bottom:5px;}
.indc_mc i {margin:20px auto;}
.indd_ms{ font-size:0.875rem; color:#737272; line-height:20px; text-align:center; height:72px; padding-bottom:60px;}
@media screen and (max-width:520px){
.indd_ms{ width:96%; margin:0 auto;}
.indd_ms br{ display:none;}	
}
.foot_bg{ background:#fff; width:100%;}
.foot_top{ background:#f5f5f5; width:100%; padding-top:50px; padding-bottom:40px;}
.foot_nav{ width:100%; float:none; padding-bottom:30px;}
.foot_nav li{ float:left; width:25%; text-align:center; margin-right:0px;}
.ftop_bt{ color:#434343; margin-bottom:10px;}
.fbqewm{ float:none; width:100%; padding-top:30px;}
.fewm{ padding-left:0px;}
@media screen and (max-width:520px){
.foot_lx{ display:none;}
.fewm{ width:96%; margin:0 auto;}
}
.foot_bottom{ padding:15px 0 75px 0;}
.foot_bottom p{ float:none; line-height:24px;}
/*首页style结束*/


/*内页style开始*/
.about_banner,.job_banner,.service_banner,.news_banner,.pro_banner{ background-size:auto 200px; width:100%; height:200px; position:relative;}
.main_bt{ font-size:1.5rem;}
.main_wz{ height:30px; line-height:30px;font-size: 0.75rem;}
.main_flbg{background:#eee; width:100%; position:relative; z-index:9; margin-top:25px;}
.main_fl{ text-align:center;}
.fl_03 li{ width:32.333%;}
.fl_04 li{ width:24%;}
.fl_05 li{ width:19%;}
.main_fl li{ display:block; float:left;}
.main_fl li a{font-size:0.875rem; line-height:38px; height:38px; padding:0;}
.main{ padding-top:30px;}
.main_nr{ padding-bottom:60px;}
.book_title{ font-size:0.875rem; line-height:24px; padding-bottom:30px;}
.book_nr div.fl,.book_nr div.fr{ float:none; width:99%;}
.contxt{ font-size:0.875rem;}
.contxta{ font-size:0.875rem;}
.btn{width:120px; height:42px; font-size:1rem;}
.case_nr li{width:49%; margin:0 0.5% 20px 0.5%;}
.news_nr li{ width:100%;}
.newsshow_title{font-size:1.125rem; }
.xgnews-con li{width:95%;}
.caseshow_r{ width:100%; margin-top:50px;}
.xgcase_nr li{ padding-bottom:20px; width:48%; margin:0 1%; float:left;}
.pro_nr li{ width:49%; margin:0 0.5%;}
.proshowa{ width:97.4%; background:#fff; padding:1.3%; border-top:3px solid #d2d2d2;}
@media screen and (max-width:700px){
.propic_kg{ display: block; width:100%;}
.propic_nr li{ width:100%;}
.propic_nr li img{ width:100%; display:block;}
.propic_an a{ margin-top:0.2%; width:49.8%; text-align:center; font-family:"宋体"; height:40px; display:block; color:#fff; line-height:40px; font-size:1.5rem;}
.propic_an a.prev{ float:left; background:#3a3a3a;}
.propic_an a.next{ float:right; background:#105cb1;}
.mod18{ display:none}
}
.proshowa_wb{ width:100%; padding-top:30px;}
.nycp_bt{font-size:1.25rem; padding-bottom:10px;}
.nycp_tel{font-size:1rem;}
.nycp_more .job_morea{ display:none;}
.nycp_more .job_moreb{ display:block;}
.nycp_title{ height:46px; }
.nycp_title p{ height:46px; width:120px; font-size:1rem; line-height:46px;}
.showcp_nr{ font-size:0.875rem; line-height:24px;}
.showcp_an{ padding-top:0.875rem; padding-bottom:50px;}
.showcp_an p{ width:120px;}
.showcp_an p a{ height:35px; line-height:35px; font-size:1rem;}
/*内页style结束*/
}

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#105cb1;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #10519a;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.4rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #10519a;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:25%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.875rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}


/*导航样式*/
@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;}
.mobile-inner-nav a{ display:block; float:none; color:#fff; margin:0; padding:0; height: auto; line-height: normal; text-align:left;}
.mobile-inner-nav a i{ display:none;}
.mobile-inner-nav a p{ line-height:2.5rem;}
.mobile-inner-nav a p span{ 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;width:54px;height:54px;font-size:2rem;font-weight:bold;margin-top:5px;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% - 50%) / 2);top: calc((100% - 5px) / 2);width:55%;height:3px;background-color: rgba(16,92,177,1);border-radius:2px;}
.mobile-inner-header-icon-out p{width:55%;height:3px;background-color: rgba(16,92,177,1);position: absolute; left:25%; bottom:26px; display:block;border-radius:2px;}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(10px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-10px) 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(10px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-10px) 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(-10px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(10px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.8);width:50%;position: absolute;top:60px;right:0px;padding-top:1rem;padding-bottom:3rem;display: none;	z-index:999;}
.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{color: rgba(255,255,255,0.4);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{ padding:0;}
@-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;}}}


@media screen and (max-width:770px){.sous{ display:none;}}



.indexAboutContainer { text-align: center; width: 98%; margin: auto; max-width: 1300px; padding: 20px 0 80px;}
.indexAboutContainer div { font-size: 22px; margin-bottom: 50px; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}
.indexAboutContainer ul { display: flex; justify-content: space-between; text-align: center;}
.indexAboutContainer ul li { flex: 0 1 25%;}
.indexAboutContainer ul div { justify-content: center; display: flex; color: #105cb1; font-size: 60px; position: relative; margin-bottom: 0;}
.indexAboutContainer ul span { font-size: 20px;}
.indexAboutContainer ul p { font-size: 20px;}
@media screen and (max-width: 768px) {
    .indexAboutContainer ul div { font-size: 50px;}
}
@media screen and (max-width: 500px) {
    .index_bgb { padding: 40px 0 50px;}
    .indexAboutContainer div { font-size: 18px; margin-bottom: 30px;}
    .indexAboutContainer ul { flex-wrap: wrap;}
    .indexAboutContainer ul li { flex: 0 1 50%; margin-bottom: 20px;}
    .indexAboutContainer { padding: 0 0 30px;}
    .indexAboutContainer ul div { font-size: 36px;}
    .indexAboutContainer ul p { font-size: 18px;}
}



.index_c1 { margin-bottom: 100px; position: relative;}
.c2_head { text-align: center; margin-bottom: 30px; font-size: 42px; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif}
.c2_container ul { display: flex; justify-content: space-between; border: 1px solid #ccc;}
.c2_container li { padding: 2%; box-sizing: border-box; flex: 1;}
.c2_container li + li { border-left: 1px solid #ccc;}
.index_news_date { font-size: 14px; color: rgb(187, 184, 184); margin-bottom: 10px;}
.index_news_title { font-weight: bold; font-size: 20px; color: #555; line-height: 30px; height: 60px; overflow: hidden;}
.index_news_content { margin: 20px 0 30px; line-height: 30px; height: 60px; overflow: hidden; color: rgb(82, 81, 81);}
.index_news_img { overflow: hidden;}
.index_news_img img { width: 100%; display: block; transition: 0.5s;}
.c2_container li:hover .index_news_img img { transform: scale(1.05);}
.index_c1 .imgHover { position: absolute; left: 40%; top: 55%; width: 20%; height: 20%;}
@media screen and (max-width: 768px) {
    .index_c1 { margin-bottom: 80px;}
    .c2_container li:last-child { display: none;}
}
@media screen and (max-width: 700px) {
    .c2_container { width: 98% !important;}
    .index_c1 { margin-bottom: 40px;}
    .c2_head { font-size: 28px; margin-bottom: 20px;}
    .index_news_title { line-height: 24px; font-size: 16px; height: 48px;}
    .index_news_content { font-size: 14px; line-height: 24px; height: 48px; margin: 10px 0 20px;}
}




.shopping { position: relative; z-index: 100; cursor: pointer;}
.shop { transition: 0.5s; position: absolute; top: 63px; left: -68px; width: max-content; background: #105cb1; padding: 10px 10px 0; border-radius: 10px; opacity: 0; visibility: hidden;}
.shop_img img { width: 34px; height: 34px; border-radius: 50%;}
.shop_name { margin-bottom: 10px;}
.shop_name p { font-size: 17px;  color: #fff; padding: 5px 20px 10px;}
.shop_link { background: #fff; padding: 10px 20px; border-radius: 10px;}
.shop_link a {transition: 0.5s; border-bottom: 1px dashed #cccccc; background: #fff; display: block; padding: 10px 0; color: #000; border-radius: 0; line-height: 1.5; height: auto; text-align: left; width: 160px;}
.shop_link a:hover { color: #105cb1; border-bottom: 1px solid #105cb1;}
.shop::after { content: ''; width: 100%; height: 30px; position: absolute; top: -30px; background: transparent; opacity: 1; left: 0;}
.shopping:hover .shop { visibility: visible; opacity: 1;}


.footer { background: #333436;}
.footer_container { width: 95%; margin: auto; max-width: 1300px; padding: 20px 0;}
.footer_container .item_top { padding: 20px 0; border-bottom: 1px solid #fafafa; color: #fff;}
.footer_container .item_top div { font-weight: bold; margin-bottom: 8px;}
.footer_container .item_top ul { display: flex; }
.footer_container .item_top ul li { margin-right: 30px; position: relative;}
.footer_container .item_top ul li:nth-of-type(1)::after { content: ''; position: absolute; top: -130px; left: 50%; transform: translateX(-50%); background: url(../images/scan1.jpg) center no-repeat; background-size: cover; width: 120px; height: 120px; display: none;}
.footer_container .item_top ul li:nth-of-type(2)::after { content: ''; position: absolute; top: -130px; left: 50%; transform: translateX(-50%); background: url(../images/scan2.jpg) center no-repeat; background-size: cover; width: 120px; height: 120px; display: none;}
.footer_container .item_top ul li:nth-of-type(3)::after { content: ''; position: absolute; top: -130px; left: 50%; transform: translateX(-50%); background: url(../images/scan4.jpg) center no-repeat; background-size: cover; width: 120px; height: 120px; display: none;}
.footer_container .item_top ul li:nth-of-type(4)::after { content: ''; position: absolute; top: -130px; left: 50%; transform: translateX(-50%); background: url(../images/scan5.jpg) center no-repeat; background-size: cover; width: 120px; height: 120px; display: none;}
.footer_container .item_top ul li:hover::after { display: block;}
.footer_container .item_bottom { padding: 30px 0 0; display: flex; justify-content: space-between; align-items: center;}
.information { flex: 0 1 80%;}
.information ul { display: flex; justify-content: space-between;}
.information ul li { display: flex; flex: 1; justify-content: center;}
.information ul li:first-child { flex: 0 1 30%;}
.information li div:nth-of-type(2) { padding: 5px 0 0 10px;}
.information li div:nth-of-type(2) p { color: #fff; font-weight: bold;}
.information li div:nth-of-type(2) span { color: #fff; opacity: 70%; line-height: 2;}
.sacn { margin-left: 50px;}
.footer_bottom { opacity: 70%; width: 95%; margin: auto; max-width: 1300px; color: #fff; padding: 15px 0;}
.footer_bottom a { color: #fff;}
@media screen and (max-width: 1600px) {
    .shop { left: -200px;}
}
@media screen and (max-width: 1024px) {
    .mobile-inner-nav a { width: 90px;}
    .yuyan { margin-top: 30px;}
    .information ul { flex-wrap: wrap;}
    .information ul li { flex: 0 1 50% !important; justify-content: flex-start; margin-bottom: 10px;}
    .information ul li:nth-of-type(even) { padding-left: 20px; box-sizing: border-box;}
    .footer_container .item_top ul li::after { left: 0 !important; transform: translateX(0) !important;}
}
@media screen and (max-width: 768px) {
    .shop::after { height: 0;}
    .shop { top: 43px;}
    .yuyan { margin-top: 18px;}
    .shopping { margin: 17px 10px 0;}
    .shop_img img { width: 26px; height: 26px;}
    .information ul li img { width: 36px;}
    .information ul li:nth-of-type(1) { flex: 0 1 60% !important;}
    .information ul li:nth-of-type(even) { flex: 0 1 40% !important;}
}
@media screen and (max-width: 700px) {
    .footer_container .item_top ul li { margin-right: 20px;}
    .mobile-inner-nav a { width: 90px;}
    .shop { left: -150px;}
    .footer { margin-bottom: 55px;}
    .information { display: none;}
    .sacn { margin-left: 0;}
    .footer_bottom p { float: left;}
}