/* CSS Document */
@font-face {
	font-family: 'RalewayBold';
	src: url('fonts/Raleway.eot');
	src: local('☺'), url('fonts/Raleway-Bold.woff') format('woff'), url('fonts/Raleway-Bold.ttf') format('truetype'), url('fonts/Raleway-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RalewayRegular';
	src: url('fonts/Raleway-Regular.eot');
	src: local('☺'), url('fonts/Raleway-Regular.woff') format('woff'), url('fonts/Raleway-Regular.ttf') format('truetype'), url('fonts/Raleway-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px;outline:none; }
input, select { font-size: 13px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 13px; color: #333333; }/*google浏览器字体兼容*/
body { font-family:"微软雅黑", "宋体",Arial, Helvetica, sans-serif; width: 100%; background: #ffffff; }
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #333333; outline: none; }
a:hover { color: #003288; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());
}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #2e9571 }
.green { color: #007b3f }
.red { color: #ff0000 }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.orange { color: #ffb400; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #007e40 }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.fb { font-weight: bold;}
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
.left { float: left }
.right { float: right }
.container { width: 1280px; margin: 0 auto; }
.container1 { width:1040px; margin: 0 auto; }
.w1200{ width:1200px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin_bottom30 { margin-bottom: 30px; }
/*index start*/
.head{ width:100%; height:100px; background:#fff;}
.head .logo{ padding-top:20px;}
.head .search{ padding-top:33px; position:relative; z-index:999;}
.head .search a{ display:block; width:36px; height:36px; border-radius:36px; text-align:center; line-height:36px; background:url(../images/top_search.jpg) no-repeat center center #2254a4;}
.head .nav{}
.head .nav ul li{ display:inline-block; margin-right:60px; position:relative; z-index:999;}
.head .nav ul li > a{ display:block; line-height:100px; font-weight: 400;font-size: 16px;color:#333; position:relative; z-index:999;}
.head .nav ul li > a:hover{ color:#2254A4;}
.head .nav ul li > a.on{ color:#2254A4;}
.head .nav ul li > a:before { content: "";position: absolute;left: 0;bottom: 0;height: 4px;width: 0;background: #2254A4;transition: all 0.3s ease-in-out 0s; }
.head .nav ul li > a:hover::before { width: 100%; }
.head .nav ul li > a.on::before { width: 100%; }

.head .nav ul li dl{ width:280px; height:auto; background:#fff; position:absolute; z-index:1000; top:100px; left:0; border-top:1px #898e91 solid; display:none;}
.head .nav ul li dl dd a{ display:block; line-height:50px; padding:0 20px;color: #333333;font-size: 13px;font-face: RalewayRegular;font-weight: 400;}
.head .nav ul li dl dd a:hover{ background:#2254A4; color:#fff;}

.head .nav ul li:hover dl{ display:block;}

.head .phone{ margin-top:33px; line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; margin-left:20px;}
.head .phone a{ color:#fff; display:block; width:36px; height:36px; border-radius:36px; text-align:center; line-height:36px; background:#2254a4;}

.head .search-box{position:absolute;right:0;top:90px;box-shadow:0px 0px 5px rgba(0,0,0,0.1);background:#fff;width:320px;display:none;z-index:1000;padding-right:50px;}
.head .search-box input{height:60px;}
.head .search-box input[type=text]{padding:0px 15px;width:100%;}
.head .search-box input[type=submit]{width:50px;background:url(../images/icon-search.png) no-repeat center center;position:absolute;right:0;top:0;cursor:pointer;}

.ibanner{ width:100%; height:auto;}
.ibanner a{ display:block; width:100%; height:auto; position:relative; z-index:99;}
.ibanner a img.bimg{ display:block; width:100%; height:auto;}
.ibannerc{ position:absolute; z-index:100; top:35%; left:10%; color:#fff;}
.ibannerct{ font-size:60px; font-family:'HelveticaNeue-Bold'; line-height:60px;}
.ibannerci{ width:480px; height:auto; margin:25px 0 50px 0; font-size:16px; line-height:25px;}
.ibannerc_m{ width:210px; height:69px; background:url(../images/more.png) no-repeat; line-height:69px; text-align:center; color:#fff; font-size:18px;}

.ibanner .swiper-pagination-bullet{ width:10px; height:10px; line-height:10px; background:#fff;opacity: 1;border-radius:10px;color: #fff; font-size:16px;}
.ibanner .swiper-pagination-bullet-active{ background:#2254A4; opacity: 1;border-radius:10px;color: #fff; font-size:16px; width:10px;}
.ibanner>.swiper-pagination-bullets{ bottom:20px;}
.ibanner>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;bottom:0;}

/*.ibanner .ibanner-prev{ width:62px; height:62px; background:url(../images/prev.png) no-repeat 50% 50%; position:absolute; z-index:100; top:50%; margin-top:-31px; left:75px; outline:none; cursor:pointer; opacity:1;}
.ibanner .ibanner-prev:hover{background:url(../images/prev.png) no-repeat 50% 50%; opacity:1;}
.ibanner .ibanner-next{width:62px; height:62px; background:url(../images/next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-31px; right:75px; outline:none; cursor:pointer; opacity:1;}
.ibanner .ibanner-next:hover{background:url(../images/next.png) no-repeat 50% 50%; opacity:1;}*/

.bannerc{position: relative;overflow: hidden; height:auto;}
.bannerc .swiper-wrapper{}
.bannerc .swiper-wrapper .swiper-slide{ width:100%; height:auto; position:relative; z-index:9;}
.bannerc .swiper-wrapper .swiper-slide img.bimg{ display:block; width:100%; height:auto;}

.bannerc_c{ width:1200px; height:auto; position:absolute; z-index:10; top:50%; left:50%; margin-left:-600px; margin-top:-90px; color:#fff; text-align:center;}
.bannerc_c_1{ font-size:60px; line-height:90px;}
.bannerc_c_3{ padding-top:30px;}

.load-video{display:block;width:76px;height:76px;margin:0 auto;cursor:pointer;transform:translateY(0%);opacity:1;transition:transform 0.6s ease-out,opacity 0.6s}
.load-video img{display:block;width:100%}
.load-video:before,.load-video::after{content:' ';position:absolute;top:-60%;left:-60%;width:220%;height:220%;border:#ffffff 1px solid;border-radius:50%;box-sizing:border-box;transform:scale(0.6);animation-duration:3s;opacity:0;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.55, 0.23, 0.62, 1)}
.load-video::after{animation-delay:1.5s;transform:scale(1)}

.main_sw.index .box3.animate .wrap .cont .video-btn{padding:3% 0;overflow:hidden}
.main_sw.index .box3.animate .wrap .cont .load-video{transform:translateY(0);opacity:1;transition-delay:0.4s}
.load-video:hover:before,.load-video:hover::after{animation-name:loader}

.video-box{position:absolute;top:0;left:0;width:100%;height:100%}
.video-box .video{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);transition:opacity 1s}
.video-box .video.cur{opacity:1;filter:alpha(opacity=100)}
.video-box .video.video-on .bg-box{opacity:0;filter:alpha(opacity=0)}
.video-box video{position:absolute;bottom:0;left:0;display:block;width:100%; height:100%;object-fit:cover}

.video-box .bg-box{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s}
.video-box .bg,.video-box .mb-bg{position:absolute;top:0;left:0;width:100%;height:100%}
.video-box .mb-bg{display:none}

.tran300{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}
.tran500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}
.tran800{transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;}
.tran1000{transition:1000ms ease-out;-webkit-transition:1000ms ease-out;-ms-transition:1000ms ease-out;-moz-transition:1000ms ease-out;-o-transition:1000ms ease-out;}
.video-box:hover .bg{transform:scale(1.1);}

.ison .video{opacity:1;filter:alpha(opacity=100);}
.ison .bg-box{opacity:1;}
.ison .bannerc_c_1{opacity:1;}
.ison .bannerc_c_2{opacity:1;}

.iproduct{ padding:80px 0;}
.iproduct .tit{ text-align:center;}
.iproduct .tit .info{font-weight: 700;font-size: 16px;line-height: 30px;color: #999; margin-bottom:15px; text-transform:uppercase;}
.iproduct .tit .titc{font-weight: 400;font-size: 38px;line-height: 30px;color: #2254a4; font-family:RalewayRegular,Arial, Helvetica, sans-serif;}
.iproduct .tit .titc span{ font-family:RalewayBold,Arial, Helvetica, sans-serif;}
.iproduct .con{ margin-top:40px;}
.iproduct .con .list{ width: 48%; margin: 0 4% 20px 0; float:left;}
.iproduct .con .list:nth-of-type(2n){ margin-right:0;}
.iproduct .con .list .a{ display:block; padding:30px; background:url(../images/i_plist_bg.jpg) no-repeat center center/cover; min-height:300px;}
.iproduct .con .list .a .listl{ width:325px; height:auto; padding-top:20px;}
.iproduct .con .list .a .listl .cont{font-family: "RalewayBold";font-weight: 700;font-size: 40px;line-height: 38px;color: #111;}
.iproduct .con .list .a .listl .con_cate{font-family: "RalewayRegular";font-weight: 400;font-size: 24px;line-height: 50px;color: #366099; text-transform:uppercase; margin:8px 0;}
.iproduct .con .list .a .listl .info{font-family: "RalewayRegular";font-weight: 400;font-size: 12px;line-height: 20px;color: #111; padding-top:20px;}
.iproduct .con .list .a .listl .more{ width:180px; height:50px; background:#1b242b; line-height:50px; text-indent:25px; color:#fff; font-size:16px;font-family: "RalewayBold"; margin-top:20px; position:relative; z-index:1; display:block; text-transform:uppercase;}
.iproduct .con .list .a .listl .more i{ display:block; width:50px; height:50px; background:url(../images/i_pro_more.png) no-repeat center center #2254a4; position:absolute; z-index:2; top:0; right:0;}
.iproduct .con .list .a .listr{ width:184px; height:280px;}
.iproduct .con .list .a .listl .more .more_o{ position:absolute; width:265px; height:auto; background:#1b242b; z-index:99; left:0; top:60px; border-top:1px #2254a4 solid; display:none;}
.iproduct .con .list .a .listl .more .more_o a{ display:block; line-height:40px; padding:0 10px; font-size:16px; color:#fff;}
.iproduct .con .list .a .listl .more .more_o a:hover{ background:#2254a4; color:#fff;}
.iproduct .con .list .a .listl .more:hover .more_o{ display:block;}

.iabout{ width:100%; height:500px; background:url(../images/i_about_bg.jpg) no-repeat center center/cover; padding-top:105px;}
.iabout .tit{ text-align:center;}
.iabout .tit .titt{font-weight: 700;font-size: 16px;line-height: 30px;color: #999; margin-bottom:15px; text-transform:uppercase;}
.iabout .tit .titi{font-weight: 400;font-size: 38px;line-height: 30px;color: #fff; font-family:RalewayBold,Arial, Helvetica, sans-serif; text-transform:uppercase;}
.iabout .con{ margin-top:95px;}
.iabout .con .list{ width:33.33%; height:auto; float:left; display:flex;align-content: center;justify-content: center;}
.iabout .con .list .listl{font-family: RalewayBold;font-weight: 400;font-size: 80px;line-height: 30px;color: #2254a4; padding-top:15px;}
.iabout .con .list .listr{ margin-left:15px; padding-left:12px; color:#fff; padding-top:15px; position:relative; z-index:1;}
.iabout .con .list .listr:before{ content:""; width:1px; height:77px; background:#636365; position:absolute; z-index:2; top:0; left:0;}
.iabout .con .list .listr .listr_t{font-family: "RalewayRegular";font-weight: 400;font-size: 26px;line-height: 30px; text-transform:uppercase;}
.iabout .con .list .listr .listr_i{font-family: "RalewayBold";font-weight: 700;font-size: 22px;line-height: 30px; text-transform:uppercase; margin-top:3px;}
.iabout .con .list .listr .listr_i span{ font-size:28px; padding-right:5px;}

.ichoose{ padding:80px 0;}
.ichoose .tit{ text-align:center;}
.ichoose .tit .info{font-weight: 700;font-size: 16px;line-height: 30px;color: #999; margin-bottom:15px; text-transform:uppercase;}
.ichoose .tit .titc{font-weight: 400;font-size: 38px;line-height: 30px;color: #2254a4; font-family:RalewayRegular,Arial, Helvetica, sans-serif;}
.ichoose .tit .titc span{ font-family:RalewayBold,Arial, Helvetica, sans-serif;}
.ichoose .con{ margin-top:40px;}
.ichoose .con .list{ width: 32%; margin: 0 2% 0 0; float:left; background:#f6f6f7; padding:50px 30px;}
.ichoose .con .list:nth-of-type(3n){ margin-right:0;}
.ichoose .con .list .icon{}
.ichoose .con .list .listt{font-family: "RalewayBold";font-weight: 700;font-size: 24px;line-height: 30px;color: #111; text-transform:uppercase; margin:28px 0 20px 0;}
.ichoose .con .list .listc{font-family: "RalewayRegular";font-weight: 400;font-size: 12px;line-height: 22px;color: #777; height:66px; overflow:hidden;}

.fbanner{ width:100%; height:auto; overflow:hidden;}
.fbanner img{ display:block; width:100%; height:auto;}

.foot{ width:100%; height:auto; background:#1b242b; padding:75px 0; border-bottom:1px #6f6f70 solid; color:#fff;}
.foot .footl{ width:445px; height:auto;}
.foot .footl .con{ margin-top:35px;font-family: "Arial";font-weight: 400;font-size: 16px;line-height: 30px;color: #e2e2e2;}

.foot .footm{ width:210px; margin-left:170px;}
.foot .footm .tit{font-family: "Arial";font-weight: 700;font-size: 24px;color: #fff; font-weight:bolder;}
.foot .footm .con{ margin-top:30px;}
.foot .footm .con ul li a{font-family: "Arial";font-weight: 400;font-size: 16px;line-height: 38px;color: #e2e2e2;}

.foot .footr{ width:290px; height:auto;}
.foot .footr .tit{font-family: "Arial";font-weight: 700;font-size: 24px;color: #fff; font-weight:bolder;}
.foot .footr .con{margin-top:30px;font-family: "Arial";font-weight: 400;font-size: 14px;line-height: 25px;color: #e2e2e2;}
.foot .footr .con p:nth-of-type(1){ padding-left:43px; background:url(../images/i_foot_icon1.png) no-repeat left 3px; margin-bottom:15px;}
.foot .footr .con p:nth-of-type(2){ padding-left:43px; background:url(../images/i_foot_icon1.png) no-repeat left 3px; margin-bottom:15px;}
.foot .footr .con p:nth-of-type(3){ padding-left:43px; background:url(../images/i_foot_icon2.png) no-repeat left 3px; margin-bottom:15px;}
.foot .footr .con p:nth-of-type(4){ padding-left:43px; background:url(../images/i_foot_icon3.png) no-repeat left 3px;}

.copyright{width:100%; height:auto; background:#1b242b; padding:20px 0; text-align:center;font-family: "Arial";font-weight: 400;font-size: 14px;line-height: 22px;color: #e2e2e2;}
/*index end*/

/*about start*/
.abouta{ padding:85px 0 75px 0;}
.abouta .tit{font-weight: 400;font-size: 38px;line-height: 30px;color: #2254a4; font-family:RalewayRegular,Arial, Helvetica, sans-serif; text-align:center;text-transform:uppercase;}
.abouta .tit span{ font-family:RalewayBold,Arial, Helvetica, sans-serif;}
.abouta .con{ padding-top:40px;font-family: "RalewayRegular";font-weight: 400;font-size: 18px;line-height: 36px;color: #333;}

.aboutb{ text-align:center; height:550px; padding-top:194px;}
.aboutb .icon{ cursor:pointer;}
.aboutb .tit{ margin:25px auto 10px auto;font-family: "RalewayBold";font-weight: 700;font-size: 38px;line-height: 30px;color: #fff; text-transform:uppercase;}
.aboutb .info{font-family: "RalewayRegular";font-weight: 400;font-size: 18px;letter-spacing: 2px;line-height: 30px;color: #fff; text-transform:uppercase;}

.aboutc{ padding:60px 0 150px 0;}
.aboutc .tit{font-weight: 400;font-size: 38px;line-height: 30px;color: #2254a4; font-family:RalewayRegular,Arial, Helvetica, sans-serif; text-align:center;text-transform:uppercase;}
.aboutc .tit span{ font-family:RalewayBold,Arial, Helvetica, sans-serif;}
.aboutc .con{ padding-top:40px;}
.aboutc .con .list{width: 32%; margin: 0 2% 20px 0; float:left;}
.aboutc .con .list:nth-of-type(3n){ margin-right:0;}
.aboutc .con .list a{ display:block; border:1px #e0e0e0 solid; padding:10px; position:relative; z-index:1;}
.aboutc .con .list a img{ display:block; width:100%; height:auto;}
.aboutc .con .list a i{ display:block; width:44px; height:44px; background:url(../images/download_icon.png) no-repeat; position:absolute; z-index:2; right:20px; bottom:20px;}
.aboutc .con .list a:hover i{background:url(../images/download_icon_on.png) no-repeat;}
/*about end*/

/*product start*/
.common_banner{ width:100%; height:600px; overflow:hidden; display:flex;justify-content:center;align-items:center;}
.common_banner .w1200{ text-align:center; color:#fff;}
.common_banner .w1200 .ntit{font-family: "RalewayBold";font-weight: 700;font-size: 85px;color: #fff;}
.common_banner .w1200 .nline{width: 121px;height: 4px;background: #fff; margin:25px auto;}
.common_banner .w1200 .nlocation{font-family:Arial;font-weight: 400;font-size: 20px;line-height: 33px;color: #fff;}
.common_banner .w1200 .nlocation a{ color:#fff; padding:0 5px;}

.pcon{ padding:85px 0 77px 0;}
.pcon .pconl{ width:710px; height:auto;}
.pcon .pconl .tit{font-family: "RalewayBold";font-weight: 700;font-size: 32px;line-height: 52px;color: #2254a4;}
.pcon .pconl .info{ padding:15px 0 25px 0; border-bottom:1px #dedfdf solid; margin-bottom:25px;}
.pcon .pconl .info .infot{font-family: "RalewayBold";font-weight: 700;font-size: 24px;line-height: 52px;color: #333;}
.pcon .pconl .info .infoi{font-family: "RalewayRegular";font-weight: 400;font-size: 18px;line-height: 38px;color: #333;}
.pcon .pconl .con{font-family: "RalewayRegular";font-weight: 400;font-size: 16px;line-height: 40px;color: #333;}

.pcon .pconr{ width:400px; height:auto; padding-top:45px;}
.pcon .pconr .img{background: #fff;box-shadow: 0 0 12px #00000033;}
.pcon .pconr .more{ display:block;width: 148px;height: 50px; line-height:50px;background: #2254a4;font-family: "RalewayBold";font-weight: 700;font-size: 16px;text-align: center;color: #fff; margin:30px auto 0 auto; text-transform:uppercase;}

.ncontent{ padding:80px 0;font-family: "RalewayRegular";font-weight: 400;font-size: 16px;line-height: 40px;color: #333;}
.ncontent img{ max-width:100%; height:auto;}

.plist{ padding:80px 0;}
.plist .list{width:22.75%; margin:0 3% 0 0; float:left;}
.plist .list:nth-of-type(4n){ margin-right:0;}
.plist .list a{ display:block;}
.plist .list a .img{ margin-bottom:5px;}
.plist .list a .img img{ display:block; width:100%; height:auto;}
.plist .list a .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; text-align:center; background:#2a65b1; color:#fff;font-family: "RalewayBold";font-weight: 700;font-size: 17px;}
/*product end*/

/*download start*/
.download{ padding:80px 0;}
.download .tit{font-family: "RalewayBold";font-weight: 700;font-size: 32px;line-height: 36px;text-align: left;color: #2254a4;}
.download .info{color: #333333;font-size: 24px;font-family: RalewayRegular;font-weight: 400; padding:40px 0 20px 0; line-height:36px;}
.download .info a{color: #2254a4;font-size: 24px;font-weight: 400; text-decoration:underline;}
.download .con{ padding-top:40px;}
.download .con .list{float:left; width:22.75%; margin:0 3% 20px 0;}
.download .con .list:nth-of-type(4n){ margin-right:0;}
.download .con .list a{ display:block; border:1px #e0e0e0 solid; padding:10px; position:relative; z-index:1; background:#fff;}
.download .con .list a img{ display:block; width:100%; height:auto;}
.download .con .list a i{ display:block; width:44px; height:44px; background:url(../images/download_icon.png) no-repeat; position:absolute; z-index:2; right:20px; bottom:20px;}
.download .con .list a:hover i{background:url(../images/download_icon_on.png) no-repeat;}
.download .con .list a:hover{box-shadow: 0 3px 6px #00000029;}
/*download end*/

/*contact start*/
.contact{ padding:110px 0 100px 0;}
.contact .contactl{ width:500px; height:auto;}
.contact .contactl .tit{color: #2254a4;font-size: 48px;font-face: RalewayRegular;font-weight: 400; line-height:55px;}
.contact .contactl .tit span{ font-weight:bolder;}
.contact .contactl .info{ margin:12px 0 30px 0;font-family: "RalewayRegular";font-weight: 400;font-size: 16px;color: #333; line-height:28px;}
.contact .contactl .info .fbont{font-family: "RalewayBold";font-weight: 700;}
.contact .contactl .con{font-family: "RalewayRegular";}
.contact .contactl .con .list{ margin-bottom:15px;}
.contact .contactl .con .list .ntit{color: #333333;font-size: 14px;font-face: RalewayRegular;font-weight: 700; line-height:25px; margin-bottom:3px;}
.contact .contactl .con .list .ntit .red{ color:#FF2323;}
.contact .contactl .con .list .ncon{}

.contact .contactl .con .list .ncon .mes_text_1{width: 150px;height: 36px; line-height:36px;border-radius: 2px;background: #fff;border: 1px solid #ddd; text-indent:10px; margin-right:15px;}
.contact .contactl .con .list .ncon .mes_text_2{width: 315px;height: 36px; line-height:36px;border-radius: 2px;background: #fff;border: 1px solid #ddd; text-indent:10px;}
.contact .contactl .con .list .ncon .mes_textarea{width: 500px;height: 120px;border-radius: 2px;background: #fff;border: 1px solid #ddd; line-height:26px; padding:10px;}
.contact .contactl .con .list .ncon .mess_select{width: 315px;height: 36px; line-height:36px;border-radius: 2px;background: #fff;border: 1px solid #ddd; text-indent:10px;}
.contact .contactl .con .list .ncon .mess_submit{width: 120px;height: 40px; line-height:40px; text-align:center;border-radius: 4px;background: #2254a4;font-family: "Rawline";
font-weight: 400;font-size: 14px;line-height: 14px;color: #fff; margin-top:15px; cursor:pointer;}
.contact .contactl .con .list .ncon .mess_submit:hover{ background:#0f326a; color:#fff;}
.contact .contactr{ width:635px; height:auto;}


/*contact end*/




#elevator_item { width: 45px; height: 45px; position: fixed; right: 25px; bottom: 18px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none; }
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator { display: block; width: 45px; height: 45px; background: url(../images/top.png) center center no-repeat; cursor: pointer;}

.pageController { width:100%; padding: 10px 0; line-height: 25px; text-align:center;}
.pageController a { display:inline-block; line-height:46px;  height:46px; width:46px; color: #666; font-size:14px; margin-right:8px;  background:#dedede; border:1px #dedede solid;border-radius: 100%;}
.pageController a:hover { color: #fff;background:#003288;border:1px #003288 solid; text-decoration: none;font-weight:bolder; }
.pageController .xuanzhong {color: #fff;background:#003288;border:1px #003288 solid; text-decoration: none;font-weight:bolder;}

@keyframes loader{0%{transform:scale(0.6);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}


:root {
    --theme_color: #005692;
    --subtheme_color: #84c02c;
    --title_color: #242424;
    --content_color: #666666;
}
.service_swiper {
    overflow: hidden
}

.service_swiper .swiper-slide {
    border-radius: 6px
}

.service_swiper .swiper-slide.active a {
    background-color: var(--subtheme_color);
    padding: 0 7.614% 0
}

.service_swiper .swiper-slide.active a i {
    margin-top: -70px;
    opacity: 0
}

.service_swiper .swiper-slide.active a>span {
    margin: 20px auto 0
}

.service_swiper .swiper-slide.active a>span::after {
    background-image: url(../images/arrow-green.svg)
}

.service_swiper .swiper-slide.active a span span {
    padding-right: 12px;
    width: 97px;
    opacity: 1; font-size:16px;
}

.service_swiper .swiper-slide.active a p {
    height: 306px
}

.service_swiper .swiper-slide a {
    display: block;
    height: 525px;
    background-image: none!important;
    background-color: var(--theme_color);
    transition: all 0.3s;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: #fff;
    padding: 128px 7.614% 0;
	font-family: RalewayRegular, Arial, Helvetica, sans-serif;
}

.service_swiper .swiper-slide a:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/service-item-bg.svg) no-repeat center / cover
}

.service_swiper .swiper-slide a>span {
    display: flex;
    align-items: center;
    width: max-content;
    margin: 80px auto 0;
    transition: all 0.3s
}

.service_swiper .swiper-slide a>span::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/arrow-blue.svg) no-repeat center / cover;
    transition: all 0.3s
}

.service_swiper .swiper-slide a span span {
    white-space: nowrap;
    font-weight: 500;
    padding-right: 0;
    width: 0;
    overflow: hidden;
    transition: all 0.3s;
    opacity: 0
}

.service_swiper .swiper-slide i {
    display: inline-block;
    width: 75px;
    height: 86px;
    background: no-repeat center / contain;
    transition: margin 0.6s cubic-bezier(.34,1.56,.64,1),opacity 0.2s
}

.service_swiper .swiper-slide strong {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    height: 68px;
    transform: translateY(4px);
    margin-top: 22px
}

.service_swiper .swiper-slide p {
    font-size: 18px;
    line-height: 34px;
    font-weight: 200;
    height: 0;
    transition: all 0.4s;
    -webkit-line-clamp: 9;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.ibrand{ width:100%; height:auto;background-color: #f2f7fa;
    padding: 80px 0}
.linecard_box {
    
}

.linecard_box .ibrand_head p {
    color: var(--content_color);
    font-size: 20px;
    line-height: 36px;
    margin: 36px auto 0;
    max-width: 1200px
}
.ibrand_head h2 {
    font-size: 38px;
    font-weight: 700;
    line-height: 62px; text-align:center;
}

.linecard_box .nav {
    margin-top: 60px
}

.linecard_box .nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.linecard_box .nav ul li {
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 4px;
    line-height: 50px;
    text-align: center;
    min-width: 50px
}

.linecard_box .nav ul li.active,.linecard_box .nav ul li:hover {
    background-color: var(--theme_color);
    color: #fff
}

.linecard_box .main {
    margin-top: 45px;
    display: none
}

.linecard_box .main.active {
    display: block
}

.linecard_box .main ul {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(6,1fr)
}

.linecard_box .main ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 500;
    background-color: #fff;
    padding: 1rem;
    min-height: 77px
}

.linecard_box .main ul li a:hover {
    color: #fff;
    background-color: var(--subtheme_color)
}

.linecard_box .view_more {
    margin-top: 2rem
}
.view_more {
    display: flex;
    gap: 20px;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    background-color: transparent;
}
.view_more::after {
    content: '';
    display: block;
    width: 76px;
    height: 76px;
    background: url(../images/arrow-btn.svg) no-repeat center / contain;
    transition: all 0.3s;
}

.icategories{ width:100%; height:auto; padding:60px 0; background:url(../images/home-category-bg.jpg) no-repeat center center/cover;}
.icategories .tit{ text-align:center; color:#fff; line-height:50px; font-size:34px; font-weight:bold;}
.icategories .con{ padding-top:30px; color:#fff;}
.icategories .con .list{ width:50%; float:left; padding-left:200px;}
.icategories .con .list .listt{ font-size:24px; line-height:38px; font-weight:bold;}
.icategories .con .list .listc{ padding-top:15px;}
.icategories .con .list .listc dl{ margin-bottom:0;}
.icategories .con .list .listc dl dt{ padding-left:35px; line-height:28px; background:url(../images/dian.png) no-repeat 10px 50%; font-size:18px; margin-bottom:5px;}
.icategories .con .list .listc dl dd{ font-size:14px; line-height:23px; background:url(../images/dian_on.png) no-repeat 40px 50%; padding-left:65px;}
.icategories .con .list .listc dl dd:last-child{ margin-bottom:10px;}