@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; font-style:normal; list-style:none; font-size:14px; text-decoration:none; outline:none;}
body{ width:100%; height:auto; margin:auto;}
.c{clear:both;}
.head_top{ width:1300px; margin:auto; height:auto;}
.left_box{ float:left; width:15%; height:98px;}
.left_box img{ display:block; width:100%;height:auto;}
.right_boxq{ width:85%; float:left; height:98px; position:relative;}
.nav{ width:auto; height:98px; list-style:none;float:left; margin-left:10%;}
.nav li{ float:left; margin-left:20px; padding-left:10px; padding-right:10px; text-align:center;height:98px; line-height:98px;}
.nav li a{font-size:20px; color:#000;}
.nav li:hover .changecolor{ color:#263b8a;}
.btksf:hover a{color:#263b8a;}
.banner{ width:100%; height:auto; margin:auto; overflow:hidden; height:800px; position:relative;}
.swiper-pagination span{ background-color:rgba(0,0,0,0) !important; margin-top:80px !important;border-radius:100% !important; opacity:1;padding:5px !important;}
.swiper-pagination span a{ display:block; background-color:#FFF !important; width:8px; height:8px;border-radius:100% !important;}
.swiper-pas{right:15% !important;}
.swiper-pagination-bullet-active{border:1px solid #FFF; border-radius:100% !important; padding:5px !important;}
.bottom_div{width:1400px; margin:auto; position:relative; bottom:130px; z-index:10;}
.float_left{ float:left; width:300px; padding-top:20px; padding-left:15px; padding-right:15px; padding-bottom:20px;background-color:rgba(255,255,255,0.4); border-radius:10px; margin-left:20px; font-size:0px; cursor:pointer; position:relative; overflow:hidden;}
.bottom_solide{ width:0%; height:8px; background-color:#263b8a; transition:all .5s linear; position:absolute; left:0px; bottom:0px;}
.float_left:hover .bottom_solide{ width:100%;}
.float_left:hover p{ color:#263b8a;}
.float_left:nth-child(1){ margin-left:0px;}
.p_one{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_two{-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient: vertical;}
.p_three{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient: vertical;}
.left_show{ width:160px; display:inline-block; vertical-align: middle;}
.right_show{ width:100px; display:inline-block; vertical-align:middle; text-align:right;}
.onetitle{ font-size:18px; color:#000;}
.twotitle{ font-size:14px; margin-top:10px;color:#000;}
.index_one{ width:1300px;margin:50px auto 0px auto; height:auto;}
.index_one_top{ width:1300px; height:auto; font-size:0px;}
.onediv{ display:inline-block; vertical-align:middle;}
.twodiv{ display:inline-block; vertical-align:middle; margin-left:20px;}
.twodiv p:nth-child(1){ font-size:34px;}
.twodiv p:nth-child(2){ font-size:24px;}
.index_two_bottom{ width:1300px; margin-top:30px; border-top:2px solid #ebebeb;}
.left_img{ float:left; width:665px; height:auto;}
.left_img li{background-repeat:no-repeat; background-position:right; background-size:cover; width:625px; height:70px; margin-top:30px; cursor:pointer; box-shadow:0px 0px 15px #e6e6e6; padding-left:40px; padding-top:10px; position:relative;}
.left_img li:nth-child(1){ margin-top:0px;}
.left_img li p:nth-child(2){font-size:24px; font-weight:bold; position:relative; z-index:10;}
.left_img li p:nth-child(3){font-size:16px; font-weight:bold;position:relative; z-index:10;}
.boxsi{ width:0%; height:80px; background-color:rgba(51,69,136,0.7); position:absolute; top:0px; left:0px; transition:all .5s linear;}
.left_img li:hover .boxsi{width:100%;}
.left_img li:hover p:nth-child(2){ color:#FFF;}
.left_img li:hover p:nth-child(3){ color:#FFF;}
.right_box{ float:right;width:500px; margin-right:30px;}
.right_box_top{ color:#263b8a; font-size:36px; font-weight:bold; text-align:right; border-bottom:2px solid #99a2c1; padding-top:30px; padding-bottom:30px; margin-bottom:30px;}
.index_two{ background-color:#263b8a; width:100%; padding-top:30px; padding-bottom:30px; margin-top:40px;}
.more{ width:70px; color:#263b8a; height:30px; line-height:30px; text-align:center; font-size:16px; float:right; background-color:#FFF; border-radius:10px; margin-top:30px;}
.indextwolist{ width:1300px; height:auto; margin:30px auto 0px auto;border-bottom:2px solid #99a2c1; padding-bottom:30px;}
.indextype{ width:100%; height:auto; float:left; width:33.33%; overflow:hidden; cursor:pointer;}
.indextype:nth-child(4){margin-top:20px; }
.indextype:nth-child(5){margin-top:20px; }
.indextype:nth-child(6){margin-top:20px; }

.indextwoshow{padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; font-size:20px; color:#ffffff; display:inline-block;}
.indextwoshow a{ color:#FFF;}
.indextwoshow:hover{background-color:#e6e6e6; color:#263b8a;}
.indextwoshow:hover a{color:#263b8a;}
.indextwoactive{background-color:#e6e6e6 !important; color:#263b8a !important;}
.swiper_box{ width:1300px; margin:30px auto 0px auto;overflow:hidden;}
.postionrebox{ width:310px;position:relative;}
.postionrebox img{ width:100%; display:block;}
.indextwotit{ width:100%; padding-top:10px; padding-bottom:10px; background-color:rgba(0,0,0,0.5); text-align:center; color:#FFF; position:absolute; left:0px; bottom:0px; z-index:10;}
.index_treelist{ width:1300px; margin:30px auto 0px auto;}
.indextreeleft{ width:637px; height:auto; float:left; border-top:2px solid #dadada;}
.indextreeleft li{ width:100%; height:auto; margin:10px auto;}
.indexthreethright{width:637px; height:auto; float:right;border-top:2px solid #dadada;}
.indexthreethright li{ width:100%; height:auto; margin:10px auto;}
.news_title{ float:left; width:60%; height:auto; font-size:18px; color:#333;}
.news_date{ float:right; width:30%; height:auto; color:#b0b0b0;font-size:18px; text-align:right;}
.threetop_left{ float:left; width:50%; height:auto;}
.threetop_right{ float:right; width:50%; height:auto; text-align:right;}
.threetop_right span{ background-color:#263b8a; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; font-size:16px; color:#FFF;}
.threetop_left a:nth-child(1){font-size:24px; color:#000;}
.threetop_left a:nth-child(2){font-size:16px; color:#000; vertical-align:text-bottom; margin-left:10px;}
.img_listnews{ width:1300px; margin:30px auto 0px auto; height:auto;}
.img_listnews li{ border:1px solid #e6e6e6; float:left; width:233px; margin-left:31.25px; height:320px;}
.img_listnews li:nth-child(1){ margin-left:0px;}
.date_topwh{ margin:20px auto 0px auto;width:177px; text-align:right; position:relative;}
.date_topwh span:nth-child(1){ font-size:48px; font-weight:bold; color:#3e3e3e; margin-right:-32px;}
.date_topwh span:nth-child(2){ font-size:14px; color:#3e3e3e; background-color:#FFF; position:relative; z-index:10;}
.center_img{ margin:20px auto; text-align:center; width:177px;}
.center_img img{ width:100%;}
.title_box{ width:177px; margin:auto; text-align:left; font-size:16px; color:#3e3e3e; margin:0px auto 20px auto;}
.back_img{ width:100%; height:auto; background-color:#263b8a; margin-top:30px;}
.indexabout_content{ width:1300px; margin:20px auto;}
.indexaboutmore{ width:100%; text-align:center; margin:30px auto;}
.moreshow{ font-size:16px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; color:#FFF; background-color:#263b8a;}
.foot{ width:100%; padding-top:30px; padding-bottom:30px; background-color:#1c1f2c;}
.foot_center{ width:1300px; height:auto; margin:auto;}
.foot_center ul{ width:200px; margin-left:20px; float:left;}
.foot_center ul:nth-child(1){ margin-left:0px;}
.foot_center ul li:nth-child(1){ font-size:20px; color:#FFF; border-bottom:1px solid #494c56; margin-bottom:20px; padding-bottom:10px;}
.foot_center ul li{ margin:10px auto;}
.foot_center ul li a{ font-size:14px; color:#7b7c81;}
.bottom_show{ width:100%;background-color:#1c1f2c;padding-top:30px; padding-bottom:30px; border-top:1px solid #494c56;}
.biotton_centes{ width:1300px; color:#fff; text-align:center; margin:auto; line-height:2em;}
.bannershow img{ width:100%; display:block; height:550px;}
.centerfont{ width:1300px; margin:auto;position: absolute; left:0px; right:0px; top:180px; z-index:10;}
.center_p{ font-size:60px; color:#282828; font-weight:bold;}
.center_eg{ font-size:30px; color:#282828; margin-top:10px;}
.center_des{ font-size:16px; color:#282828; margin-top:30px; line-height:2em;}
.div_box{ width:60px; height:10px; background-color:#263b8a; margin-top:30px;}
.type_box{ width:1300px; margin:auto;}
.type_box ul{ width:100%; margin:auto; list-style:none; font-size:0px;}
.type_box ul li{ width:298px; height:80px;background-color:#FFF;float:left; border:1px solid #dadada;height:auto; line-height:80px; text-align:center; margin-left:33.3px; overflow:hidden;}
.liactive{ background-color:#263b8a !important;}
.liactive a{ color:#FFF !important;}
.type_box ul li:nth-child(1){ margin-left:0px;}
.type_box ul li a{font-size:24px; color:#000;}
.backimg_body{ width:100%; padding-top:30px; padding-bottom:30px; margin:auto; background-color:#f3f3f3; overflow:hidden;}
.bestnewslist{ width:1300px; margin:30px auto;font-size:0px; overflow:hidden;}
.bestnewslist li{background-color:#FFF; position:relative;}

.top_border{width:0px; height:2px; background-color:#263b8a; position:absolute; left:0px; top:0px; transition:all .2s linear;}
.right_border{width:2px; height:0px; background-color:#263b8a; position:absolute;right:0px; top:0px; transition:all .2s linear;transition-delay:0.2s;}
.bottom_border{width:0px; height:2px; background-color:#263b8a; position:absolute; right:0px; bottom:0px; transition:all .2s linear;transition-delay:0.4s;}
.left_border{width:2px; height:0px; background-color:#263b8a; position:absolute;left:0px;bottom:0px; transition:all .2s linear;transition-delay:0.6s;}

.bestnewslist li:hover .top_border{width:100%;}
.bestnewslist li:hover .right_border{ height:100%;}
.bestnewslist li:hover .bottom_border{ width:100%;}
.bestnewslist li:hover .left_border{ height:100%;}


.bestnewslist li:hover .morediv{ background-color:#263b8a; color:#FFF;}

.newslistleft{ width:500px; height:auto; vertical-align:middle; display:inline-block;}
.newslistleft img{ width:100%; display:block;}
.newslistright{ width:700px; vertical-align:middle; height:auto; display:inline-block; margin-left:50px;}
.newstitlesa{ width:100%; font-size:24px; color:#282828;}
.newsdatesas{ width:100%; font-size:14px; margin-top:10px;color:#282828;}
.deschts{ font-size:14px; font-weight:bold; line-height:2em;color:#282828; margin-top:20px;}
.morediv{ width:100px; height:40px; line-height:40px; border:1px solid #dadada; text-align:center; border-radius:10px; font-size:14px; color:#282828; margin-top:20px;}
.news_list{ width:1300px; margin:30px auto; height:auto;}
.news_list li{ border:1px solid #dadada; float:left; height:auto; background-color:#FFF; margin-left:35px; width:408px; margin-top:30px;}
.news_list li:nth-child(3n+1){ margin-left:0px;}
.newslistshoimg{ width:100%; height:250px; overflow:hidden;}
.newslistshoimg img{ display:block; width:100%;}
.newslistbottom{width:300px; margin:20px auto; height:180px;}
.ntitles{ font-size:16px; color:#000; font-weight:bold;}
.ndates{ font-size:12px; margin:10px auto 0px auto; color:#000;}
.ndescription{ font-size:14px; color:#666; line-height:2em; border-bottom:1px solid #999; padding-bottom:20px;}
.moredsw{ text-align:center; font-size:14px; margin-top:20px; color:#000;}
.page{ width:1300px; margin:20px auto; text-align:center; display:block;padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;}
.page a{ width:20px; height:20px; display:inline-block;border-radius:100%; text-align:center; margin-left:10px; font-size:12px; color:#000; line-height:20px;}
.page a:last-child{ background-color:#b4b4b4; text-align:center; color:#FFF; font-size:14px; border-radius:100%;}
.page a:nth-child(1){ background-color:#b4b4b4; text-align:center; color:#FFF; font-size:14px; border-radius:100%; margin-left:0px;}
.current{ background-color:#263b8a; color:#FFF !important;}
.news_showa{ width:1300px; margin:30px auto;}
.news_showtitle{ font-size:30px; text-align:center; margin:20px auto;}
.newshow_des{ font-size:0px; width:1300px; margin:20px auto; text-align:left; border-bottom:1px solid #969696; padding-bottom:20px;}
.bindin{ display:inline-block; width:auto; vertical-align:middle; font-size:0px; margin-left:30px;}
.bindin:nth-child(1){ margin-left:0px;}
.bindin img{ vertical-align:middle;}
.bindin a{ font-size:12px; color:#999; vertical-align:middle; margin-left:10px;}
.news_content{ width:1300px; margin:20px auto; padding-bottom:20px; border-bottom:1px solid #969696;}
.newshowsleftsbox{ width:600px; float:left; height:auto;}
.newshowsleftsbox p{ height:50px;font-size:16px; color:#686868;}
.newshowsleftsbox p span{ padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; font-size:16px; color:#686868; border:1px solid #e6e6e6; margin-right:10px;}
.newshowsleftsbox p a{ font-size:16px; color:#686868;}
.newsshowrightbox{ float:right; width:600px; text-align:right;}
.newsshowrightbox span{ padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; background-color:#263b8a; color:#FFF; font-size:16px;}
.shoba{ font-size:0px; width:100%;}
.contactleft{ width:650px; height:auto; display: inline-block; vertical-align:middle;}
.contactright{ width:650px; height:auto; vertical-align:middle; display:inline-block;}
.contactright img{ width:100%; display:block;}
.companyname{ margin-left:40px; font-size:36px;}
.companyeng{ margin-left:40px; font-size:24px; margin-top:10px;}
.companytel{ margin-left:40px; font-size:20px; color:#444444; margin-top:20px;}
.companymapdi{ margin-left:40px;font-size:20px; color:#444444;margin-top:20px;}
.divskas{ width:100px; height:6px; background-color:#263b8a; margin-left:40px; margin-top:20px; margin-bottom:40px;}
.gbook{ width:1300px; margin:30px auto;}
.leftgookname{ float:left; width:630px; height:50px;}
.inexts{ width:588px; background-color:#FFF; border:1px solid #dadada; border-radius:10px; height:40px; padding-left:20px; padding-right:20px;}
.rightlslname{width:630px; height:50px; float:right;}
.textareaads{ width:1300px; margin:40px auto 0px auto;}
.texa{ width:1258px; background-color:#FFF; border:1px solid #dadada; height:100px;border-radius:10px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; resize:none;}
.submittijiao{ display:inline-block; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; color:#FFF; background-color:#263b8a; font-size:16px; border-radius:10px; cursor:pointer;}
.aboutcontent{ width:1300px; margin:30px auto 0px auto;}
.centbs_lfet{ float:left; width:700px; height:auto; padding:30px; background-color:#FFF;}
.centbs_right{ float:right; width:400px; height:auto; padding:30px; background-color:#FFF; text-align:center;}
.zpls{ text-align:center; width:100%; padding-bottom:20px; border-bottom:1px solid #eeeeee;}
.tel_keywords{ font-size:14px; color:#000; margin:10px auto;}
.emaile_eksl{ font-size:14px; color:#000; margin:0px auto 10px auto;}
.about_imgarr{ width:100%; list-style:none; height:auto;}
.about_imgarr li{ float:left; border:1px solid #dadada; width:398px; margin-left:50px;margin-top:30px;}
.about_imgarr li:nth-child(3n+1){ margin-left:0px;}
.about_imgarr li:hover .img_boxshow img{ transform:scale(1.3);}
.img_boxshow{ width:100%; height:300px; overflow:hidden;}
.img_boxshow img{ height:300px; display:block; transition:all .4s linear;}
.bottom_jie{ width:90%; padding-left:5%; padding-right:5%;background-color:#FFF; text-align:center; font-size:16px; overflow:hidden; padding-top:20px; padding-bottom:20px;}
.type_list{ width:1300px; margin:30px auto; height:auto}
.type_list li{ float:left; padding-left:30px; padding-right:30px; padding-top:20px; padding-bottom:20px; background-color:#FFF; border:1px solid #dadada; margin-left:30px;}
.type_list li a{ font-size:24px; color:#000;}
.type_list li:hover{background-color:#263b8a;}
.type_list li:hover a{color:#FFF;}
.solution_active{ background-color:#263b8a !important;}
.solution_active a{ color:#FFF !important;}
.solutionimg{ width:550px; display:inline-block; vertical-align:middle;}
.solutionimg img{ display:block; width:100%;}
.solutionkoamkoe{ width:700px; margin-left:50px; vertical-align:middle; display:inline-block;}
.divp{ width:50px; height:6px; background-color:#162f83; margin-top:10px;}
.div_solutioncontent{ width:100%; height:200px; overflow-y:scroll;margin-top:20px;}
.bot_dis{ border-bottom:1px solid #cccccc;margin-top:20px;}
.div_solutioncontent::-webkit-scrollbar{ width:5px; display:none;}
.div_solutioncontent::-webkit-scrollbar-track-piece{background-color:#CCC; color:#f3f3f3;}
.div_solutioncontent::-webkit-scrollbar-thumb{ width:4; background-color:#666; color:#666;}
.solutionutype{ width:1300px; margin:30px auto; background-color:#f5f5f5;}
.solutionutype li{ float: left; width:300px; margin-left:33.3px;background-color:#f5f5f5; border:none; height:60px; line-height:60px; font-size:16px; text-align:center; cursor:pointer;}
.solutionutype li a{ color:#000; font-size:16px;}
.bindactive{ border-bottom:1px solid #263b8a !important;}
.bindactive a{ color:#263b8a !important;}
.solutionutype li:nth-child(1){ margin-left:0px;}
.borderskql{ width:1300px; margin:30px auto;}
.borderskql li{ width:1300px; padding-top:30px; padding-bottom:30px; border-bottom:1px dashed #a7a7a7; font-size:0px; margin-top:30px;}
.gaishuleft{ display:inline-block; width:135px; height:auto; vertical-align:text-top; border-left:5px solid #263b8a; font-size:20px;text-align:center;}
.gaishuneirong{ width:1100px; margin-left:30px; vertical-align:text-top; display:inline-block;}
.left_showbpbox{ float:left; width:365px; height:auto;}
.left_showbpbox li{ width:100%; background-color:#FFF;border:1px solid #dadada; margin-top:10px;}
.left_showbpbox li:nth-child(1){ margin-top:0px;}
.bin_zonhe{padding-top:20px; padding-bottom:20px;}
.leftts{ font-size:20px; float:left; color:#000; padding-left:20px;}
.rigth_sh{ font-size:20px; float:right; color:#000; padding-right:20px;}
.item_list{ width:100%; height:auto;}
.item_list div{ padding-top:20px; padding-bottom:20px; font-size:18px; color:#969696; border-bottom:1px solid #dadada; padding-left:20px; padding-right:20px;}
.item_list div a{ color:#969696;}
.item_list div:last-child{ border:none;}
.oneitem{ background-color:#263b8a !important;}
.oneitem .leftts{ color:#FFF !important;}
.oneitem .rigth_sh{ color:#FFF !important;}
.twoitem{ background-color:#efefef !important;}
.twoitem a{ color:#263b8a !important;}
.right_showlisths{ float:right; height:auto; width:890px;}
.right_showlisths li{ float:left;height:auto;background-color:#fff; width:262px; border:1px solid #dadada; margin-left:32.5px; margin-top:30px;}
.right_showlisths li:nth-child(1){ margin-top:0px;}
.right_showlisths li:nth-child(2){ margin-top:0px;}
.right_showlisths li:nth-child(3){ margin-top:0px;}
.orisjak{ width:100%; height:200px; overflow:hidden;}
.orisjak img{ display:block; height:200px; width:auto; margin:auto;}
.baosl{ width:90%; margin:20px auto;}
.p_oonwshow{ font-size:16px; color:#000; margin:10px auto;}
.ptwoshow{ font-size:14px; color:#b0b0b0; border-bottom:1px solid #cccccc; height:60px; overflow:hidden; line-height:2em;}
.moresowlsj{ width:100%; text-align:center; font-size:16px; color:#000; margin:20px auto;}
.menu_item{width:94%;background-color:#FFF; position:absolute;left:0px; z-index:12; border-radius:10px;line-height:normal; height:auto;}
.mals{ padding-top:15px; padding-bottom:15px;padding-left:30px; padding-right:30px;float:right; height:auto; line-height:normal;}
.mals a{ font-size:16px !important;}
.kahsow{ width:16.6%;padding-top:15px; padding-bottom:15px;padding-left:0px; padding-right:0px;float:left; height:auto; line-height:normal;}
.kahsow a{font-size:16px !important; padding-top:10px; padding-bottom:10px;}
.btksf{ width:100%; height:auto; padding-top:10px; padding-bottom:10px;}
.btksf a{ font-size:14px !important; text-align:center;}
.bind_shlkjl{padding-top:15px; padding-bottom:15px; display:block;}
.left_seach{float:right; height:98px; width:50px;line-height:98px; text-align:center; padding-right:40px;}
.inrigth{ width:300px; height:40px; position:absolute; right:0px; margin-top:33px; background-color:#FFF; transition:all .5s linear;}
.inputaa{ width:200px; height:30px; padding-left:10px; padding-right:10px; vertical-align:middle;}
.subai{ width:60px; height:30px; background-color:#263b8a; text-align:center; line-height:30px; font-size:16px; color:#FFF; outline:none; vertical-align:middle; border:none;}
.keywords_key{ width:1300px; margin:30px auto; font-size:24px; font-weight:bold; text-align:center;}
.keywords_key a{ font-size:24px;font-weight:bold;}
.search_lista{ width:1300px; margin:30px auto; list-style:none;}
.search_lista li{ font-size:16px;}
.gaishuneirong div img{ width:200px; height:160px; margin-left:20px;}