/*Copyright jiangxt*/
@charset "UTF-8";
/*Load icon*/
@import "../fonts/iconfont.css";

/*Common  #2D5FFF*/
* {word-wrap: break-word;font-family: 'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;vertical-align: baseline;padding:0; margin:0; word-spacing: 0;}
html,body{width:100%;height:100%;position:relative;}
body {font-size:14px;color:#505050;background:#fff;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr {margin: 0; padding: 0; border:0;}
table {empty-cells: show; border-collapse: collapse;}
ul li { list-style: none }
img {border: none;}
a {color:#000; text-decoration: none;outline:none}
a:hover {text-decoration: none;/* color:#076bf2;*/outline:none}
.none{ display:none;}

/*Html5*/
*.html{transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}

/*Float*/
.fl{float:left}
.fr{float:right}
.clearfix{clear:both;}
/*Vclass*/
::after, ::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*header*/
.header-top{width:auto;max-width:1180px;margin:0 auto;min-height:100px;display:block;background:#fff;}
.header-logo{height:50px;width:auto;display:block;padding-top:25px;}
.header-logo a img{height:50px;width:auto;}
.header-contact{width:auto;padding-top:20px;}
.header-contact i{height:50px;line-height:50px;display:block;text-align:center;font-size:32px;color:#020204;}
.header-contact div.contact-text{padding-top:3px;}
.header-contact div.telshow{font-size:12px;color:#020204;}
.header-contact div.telnum{font-size:20px;color:#020204;font-weight:bold;}

.header-nav{width:100%;background:#005bac;height:50px;display:block;}
.header-nav-page{width:auto;max-width:1180px;display: block;margin:0 auto;height:50px;line-height:50px;}
.header-nav-page ul{font-size: 0;position:relative;height:50px;}
.header-nav-page ul li{position:relative;display:inline-block;}
.header-nav-page ul li.cur{background:#080e8a;}
.header-nav-page ul li a{font-size:15px;color:#fff;display:block;height:100%;padding-left:36px;padding-right:36px;}
.header-nav-page ul li:hover{background:#080e8a;}
.header-nav-page ul li  div.subnav{display:none;background:#252a90;width:100%;
	min-height:120px;position:absolute;padding:10px 0 0 0;top:50px;z-index:10000;left:0px;}
.header-nav-page ul li  div.subnav a{height:50px;padding-left:10px;padding-right:10px;display:block;
	line-height:50px;text-align:center;color:#fff;position:relative;font-size:13px;}
.header-nav-page ul li  div.subnav  a:hover{background:#4e54a8;color:#edde1f;}
.header-nav-page ul li:hover  div.subnav{display:block;z-index: 10000}

.header-nav-page .searchform{width:178px;height:34px;display:block;font-size:0;margin-top:5px;}
.header-nav-page .searchform input{width:137px;height:34px;display:inline-block;background:#f0f2f1;
border:none;line-height:34px;padding-left:10px;font-size:14px;color:#c3c4c6;}
.header-nav-page .searchform input.btn{width:calc(100% - 147px);height:34px;/*background:#053973;*/line-height:34px;font-size:14px;
display:inline-block;padding-left:0px;background:url(../img/search.png) no-repeat center center #053973;}

/*bgcolor*/
.black{background:#2d2934;}
.gray{background:#f5f5f5;}

/*member*/
.member{width:auto;display:block;line-height:72px;height:72px;margin-left:36px;}
.member a{padding-left:5px;}

/*slider*/
.slider{width:100%;min-height:456px;background:#1d80d3;display:block;}



/*swiper5*/
.swiper-container {width:100%;min-height:456px;}
.slider .swiper-slide {overflow: hidden}
/*.img-inner{transform: translateY(40%);}*/
.swiper-slide img{width:100%;display:block;min-height:456px;}
.swiper-slide .img-inner img{transform: scale(1.2);}
.slider .swiper-pagination-bullet {width: 180px !important;height: 4px !important;vertical-align: middle;border-radius: 0 !important;
  text-align: center;line-height: 20px;font-size: 12px; opacity: 1 !important;  color:#000;background:rgba(255,255,255,1);}
.slider .swiper-pagination-bullet-active {color:#fff;background:rgba(3,95,221,.5);width: 180px !important;
  height: 6px !important;vertical-align: middle;}
.swiper-slide-active .img-inner img{transform: scale(1);transition:all 2.5s ease 0s;}


/*project*/
.project{width:100%;min-height:560px;display:block;}
.project-bar{width:100%;min-height:122px;display:block;text-align:center;margin:24px auto;}
.project-bar div.title{height:74px;border-bottom:1px solid #ddd;line-height:74px;font-size:28px;color:#000;}
.project-bar div.desc{height:48px;color:#898989;line-height:48px;}
.project-page{width:1180px;display:block;margin:0 auto;padding-bottom:18px;}
.project-page ul{display:flex;flex-wrap: wrap;justify-content:space-between;}
.project-page ul:after{content: ""; display: block; height:0; width:23%;}
.project-page ul li{width:23%;height:220px;display:block;margin-bottom:24px;}
.project-page ul li a{width:100%;height:100%;display:block;}
.project-page ul li a div.imgs{height:188px;width:100%;overflow: hidden;display:block;}
.project-page ul li a img{height:188px;width:100%;transition: all 0.6s; }
.project-page ul li a div.title{width:100%;height:32px;line-height:32px;
	font-size:14px;background:rgba(77,77,77,0.9);color:#f5f5f5;text-align:center;}
.project-page ul li a:hover div.title{color:#fff;}
.project-page ul li a:hover div.imgs img{transform: scale(1.4); transition: all 0.6s; }




.project-page .project-more{width:120px;height:38px;background:#005bac;display:block;margin:30px auto;}
.project-page .project-more a{width:100%;height:100%;color:#fff;font-size:14px;text-align:center;display:block;line-height:38px;}

/*func*/
.func{width:100%;min-height:560px;display:block;}
.func-bar{padding:60px 0 60px 0;text-align:center;font-size:28px;color:#fff;}
.func-bar font{margin-left:10px;}

/*6边形*/
.sixtu{width: 100px;height: 150px;overflow: hidden;transform: rotate(120deg);margin: 100px;}
.sixtu_b{width: 100%;height: 100%;overflow: hidden;transform: rotate(-120deg);}
.sixtu_b_c{width: 100%;height: 100%;overflow: hidden;transform: rotate(-120deg);background-color: red;}

.sixbg{background:url(../img/sixbg.png) no-repeat center center;width:105px;height:105px;z-index: 10} 

/*fangfaer*/
.zsixtu {position: relative;width:100px;height:100px;/*margin: 50px auto;*/background:url(../img/sixbg.png) no-repeat center center;background-size:cover;
font-size:21px;text-align:center;line-height:100px;}
/*.zsixtu:before {content: '';display: block;position: absolute;width: 0;height: 0;right:50px;
border-width: 43.3px 25px;border-style: solid;border-color: transparent #efefef transparent transparent;}
.zsixtu:after {content: '';display: block;position: absolute;width: 0;height: 0;left:50px;
border-width: 43.3px 25px;border-style: solid;border-color: transparent transparent transparent #efefef;top:0;}*/
.zsixtu:hover{background:url(../img/sixbg_h.png) no-repeat center center;background-size:cover;color:#fff;}
/*.zsixtu:hover:before{border-color: transparent #005aad transparent transparent;}
.zsixtu:hover:after{border-color: transparent transparent transparent #005aad;}*/


/*zsixtu-center*/
.zsixtu-center {position: relative;width: 120px;height: 208.6px;margin: 0px auto;margin-top:100px;
	background-color: #efefef;}
.zsixtu-center .swiper-container{min-height:auto;}
.centerimg .swiper-pagination-bullet{background:#005bac}
.zsixtu-center img{width:100%;height:auto;padding-top:40px;min-height:auto;padding-bottom:50px;}
.zsixtu-center:before {content: '';display: block;position: absolute;
width: 0;height: 0;right:120px;
border-width: 105.3px 60px;border-style: solid;
border-color: transparent #efefef transparent transparent;}
.zsixtu-center:after {content: '';display: block;position: absolute;width: 0;
height: 0;left:120px;border-width: 105.3px 60px;border-style: solid;border-color: transparent transparent transparent #efefef;top:0;}


/*func-block*/
.func-block{width:850px;height:470px;display:block;margin:0 auto;position:relative;overflow: hidden}
.position-1{position:absolute;left:270px;top:0px;}
.miaoshu-1{width:150px;font-size:14px;color:#fff;line-height:23px;text-align:left;position:absolute;left:-150px;top:14px;}
.position-2{position:absolute;right:270px;top:0px;}
.miaoshu-2{width:150px;font-size:14px;color:#fff;line-height:23px;text-align:left;position:absolute;right:-170px;top:14px;}
.position-3{position:absolute;left:170px;top:160px;}
.miaoshu-3{width:150px;font-size:14px;color:#fff;line-height:23px;text-align:left;position:absolute;left:-150px;top:14px;}
.position-4{position:absolute;right:170px;top:160px;;}
.miaoshu-4{width:150px;font-size:14px;color:#fff;line-height:23px;text-align:left;position:absolute;right:-170px;top:14px;}
.position-5{position:absolute;left:270px;bottom:50px;}
.miaoshu-5{width:150px;font-size:14px;color:#fff;line-height:23px;text-align:left;position:absolute;left:-150px;top:14px;}
.position-6{position:absolute;right:270px;bottom:50px;}
.miaoshu-6{width:150px;font-size:14px;color:#fff;line-height:23px;text-align:left;position:absolute;right:-170px;top:14px;}



/*reason*/
.reason{width:100%;min-height:280px;display:block;padding-bottom:50px;}
.reason-bar{padding:50px 0 50px 0;text-align:center;font-size:28px;color:#000;}

.reason-page{width:1180px;display:block;margin:0 auto;}
.reason-block{width:100%;height:248px;display:block;margin-bottom:30px;}
.reason-block img{width:373px;height:248px;display:block;}
.reason-block div.reason-text{width:calc(100% - 390px);display:block;position:relative;}
.reason-block div.reason-text div.reason-title{color:#005aad;font-size:21px;
	height:50px;line-height:50px;border-bottom:1px solid #c9c9c9;}
.reason-block div.reason-text div.reason-hr{height:3px;width:60px;background:#005aad;}
.reason-block div.reason-text div.reason-desc{font-size:14px;color:#000;line-height:32px;}
.swiper-button-next, .swiper-button-prev{color:#000 !important;}




/*tryhard*/
.tryhard{width:100%;min-height:400px;display:block;}
.tryhard-bar{padding:50px 0 50px 0;position:relative;}
.tryhard-bar div.hr{height:1px;background:#000;position:absolute;top:71px;width:100%;}
.tryhard-bar div.textshow{width:700px;display:block;margin:0 auto;background:#fff;z-index:10000;position:relative;
height:37px;}
.tryhard-bar div.arrow-l{font-size:14px;color:#005aad;font-weight:bold;padding-top:12px;}
.tryhard-bar div.arrow-r{font-size:14px;color:#005aad;font-weight:bold;padding-top:12px;}
.tryhard-bar div.title{text-align:center;font-size:28px;color:#000;padding-left:20px;}

.tryhard-page{width:1180px;display:block;margin:0 auto;height:300px;}
.tryhard-page .swiper-container {width:100%;min-height:250px;}
.tryhard-page .swiper-slide { text-align: center;width:32%;height:240px;
      font-size: 18px;background: #fff;overflow: hidden}
.tryhard-page .swiper-slide a{width:100%;height:100%;display:block;position:relative;}
.tryhard-page .swiper-slide a img{width:100%;height:auto;min-height:240px;transition: all 0.6s;}
.tryhard-page .swiper-slide a div.title{height:32px;width:100%;line-height:32px;font-size:14px;color:#fff;background:#005aad;position:absolute;bottom:0px;text-align:center;}
.tryhard-page .swiper-slide a:hover  img{transform: scale(1.4); transition: all 0.6s; }



/*about*/
.about{width:100%;height:459px;background:#003585;display:block;overflow: hidden}

.about-page{width:1180px;height:367px;display:block;margin:50px auto;}
.about-page img{width:565px;height:367px;display:block;}
.about-page div.about-text{width:calc(100% - 600px);display:block;font-size:14px;
	line-height:28px;color:#fff;position:relative;}
.about-page div.about-text div.about-more a{color:#fff;text-align:right;width:100%;display:block;}



/*news*/
.news{width:100%;min-height:517px;display:block;}
.news-bar{padding:50px 0 50px 0;text-align:center;font-size:28px;color:#000;}
.news-page{width:1180px;display:block;margin:0 auto;}
.news-page div.topnews{width:48%;display:block;}
.news-page div.topnews a{width:100%;height:100%;display:block;}
.news-page div.topnews h1{font-size:21px;font-weight:normal;color:#01377f;margin-bottom:10px;}
.news-page div.topnews .topnews-desc{padding-bottom:16px;}
.news-page div.topnews img{width:100%;height:auto;}

.news-page div.i-newslist{width:50%;display:block;}
.i-newslist ul{}
.i-newslist ul li{width:100%;height:28px;display:block;line-height:28px;}
.i-newslist ul li div.title{line-height:28px;}
.i-newslist ul li a {color:#000;font-size:14px;height:28px;line-height:28px;}
.i-newslist ul li a span.dotter{font-size:18px;height:28px;line-height:28px;}

.i-newslist .news-more{width:auto;height:38px;display:block;}
.i-newslist .news-more a{width:100%;height:100%;color:#000;font-size:14px;text-align:right;display:block;line-height:38px;}





/*friendlink*/
.friendlink{width:100%;height:60px;background:#fff;display:block;}
.friendlink-page{width:1180px;display:block;margin:0 auto;margin-top: 30px;/*line-height:60px;*/min-height:60px;}
.friendlink-page div.title{font-size:13px;color:#000;width: 60px;float: left;line-height: 32px;}
.friendlink-page div.list-f{display:flex;flex-wrap: wrap;flex-direction:row;float: right;width: 1120px}
.friendlink-page a{color:#000;margin-left:15px;line-height: 32px;}


/*footer*/
.footer{width:100%;min-height:260px;display:block;background:#00113f;margin-top:30px;}
.footer-page{width:1180px;min-height:230px;padding-top:30px;display:block;margin:0 auto;}

.footer-text{width:48%;display:block;padding-top:10px;}
.footer-text p{color:#fff;display:block;margin-bottom:8px;}
.footer-text p.da{font-size:18px;}
.footer-text p.pu{font-size:14px;}
.footer-text p a{color:#fff;}


.footer-message{width:50%;display:block;}
.footer-vx{width:152px;height:172px;display:block;position:relative;}
.footer-vx img{width:126px;height:126px;position:absolute;left:0;bottom:0px;}
.footer-message-form{width:calc(100% - 152px);}
.footer-message-form h1{font-size:18px;color:#fff;font-weight:normal;}

.footer-message-form div.biaodan{width:100%;height:126px;display:block;position:relative;
margin-top:24px;}
div.biaodan .liuyan{width:236px;height:126px;display:block;background:#c9cacc;color:#767678;
position:absolute;bottom:0;left:0px;}
div.biaodan .liuyan textarea{width:226px;height:116px;border:none;background:transparent;padding-left:10px;padding-top:10px;}
div.biaodan .xingming{width:183px;height:32px;background:#c9cacc;color:#767678;
position:absolute;right:0px;}
div.biaodan .xingming input{width:173px;height:32px;border:none;background:transparent;padding-left:10px;}
div.biaodan .youxiang{width:183px;height:32px;background:#c9cacc;color:#767678;
position:absolute;right:0px;top:47px;}
div.biaodan .youxiang input{width:173px;height:32px;border:none;background:transparent;padding-left:10px;}
div.biaodan .dianhua{width:113px; height:32px;background:#c9cacc;color:#767678;
position:absolute;right:70px;bottom:0px;}
div.biaodan .dianhua input{width:103px; height:32px;border:none;background:transparent;padding-left:10px;}
div.biaodan .anniu{width:60px;height:32px;background:#ed0014;color:#fff;text-align:center;line-height:32px;
position:absolute;right:0px;bottom:0px;border:none;}


/*position-img*/
.position-img{width:100%;min-height:300px;position:relative;z-index:10;}

/*page*/
.page{width:1180px;display:block;margin:30px auto;min-height:560px;padding-bottom:40px;}
.page-l{width:230px;min-height:230px;}
.page-l div.titlebar{width:230px;font-size:18px;font-weight:bold;color:#fff;background:#004191;text-align:center;
height:46px;line-height:46px;}
.page-l ul{margin-top:2px;}
.page-l ul li{height:42px;width:100%;display:block;border-bottom:1px solid #5a96d4;background:#005bac;}
.page-l ul li a{width:100%;height:100%;color:#fff;text-align:center;display:block;font-size:16px;line-height:42px;}
.page-l ul li a:hover{background:#056cc8;color:#fff;}
.page-l ul li a.cur{background:#056cc8;color:#fff;}

.page-l div.contact{background:#005bac;min-height:68px;}
.contact{width:auto;padding-top:20px;padding-left:20px;}
.contact i{height:50px;line-height:50px;display:block;text-align:center;font-size:32px;color:#fff;}
.contact div.contact-text{padding-top:3px;}
.contact div.telshow{font-size:12px;color:#fff;}
.contact div.telnum{font-size:20px;color:#fff;font-weight:bold;}

/*product*/
.page-l-p{width:230px;min-height:230px;}
.page-l-p div.titlebar{width:230px;font-size:18px;font-weight:bold;color:#fff;background:#004191;text-align:center;
height:46px;line-height:46px;}
.page-l-p ul{margin-top:2px;}
.page-l-p ul li{min-height:42px;width:100%;display:block;border-bottom:1px solid #5a96d4;background:#005bac;}
.page-l-p ul li a{width:100%;height:100%;color:#fff;text-align:center;display:block;font-size:16px;line-height:42px;
cursor:pointer }
.page-l-p ul li a i{color:#fff;font-size:12px;float:right;padding-right:10px;line-height:42px;}
.page-l-p ul li a:hover{background:#056cc8;color:#fff;}
.page-l-p ul li a.cur{background:#056cc8;color:#fff;}

.page-l-p ul li dl{display:none;height:auto;}
.page-l-p ul li dl dt{height:42px;line-height:42px;display:block;}
.page-l-p ul li dl dt a{text-align:left;padding-left:12px;font-size:13px;}
.page-l-p ul li dl dt a i{font-size:12px;color:#fff;padding-left:2px;padding-right:6px;float:none;}
.page-l-p ul li dl dt a:hover{width:auto;}

.page-l-p div.contact{background:#005bac;min-height:68px;}
.contact{width:auto;padding-top:20px;padding-left:20px;}
.contact i{height:50px;line-height:50px;display:block;text-align:center;font-size:32px;color:#fff;}
.contact div.contact-text{padding-top:3px;}
.contact div.telshow{font-size:12px;color:#fff;}
.contact div.telnum{font-size:20px;color:#fff;font-weight:bold;}




.page-r{width:calc(100% - 280px);display:block;padding-top:5px;padding-bottom:40px;}

.position-bar{width:100%;height:42px;border-bottom:1px solid #dcdcdc;}
.position-bar h1{padding-left:10px;font-size:18px;color:#000;font-weight:normal;line-height:42px;
float:left;}
.position-bar .position-r{display:inline-block;float:right;line-height:42px;color:#999;}
.position-bar .position-r a{color:#999;}

.page-content{padding:30px 10px 30px 10px;line-height:28px;font-size:14px;min-height:560px;}

.page-content h1{font-weight:normal;font-size:21px;text-align:center;color:#000;}
.page-content div.info{color:#909090;margin-top:8px !important;margin-bottom:30px !important;text-align:center;margin:0 auto;}

/*product-list*/
.product-list{width:100%;margin-top:30px;min-height:500px;}
.product-list ul{display:flex;flex-wrap: wrap;justify-content:space-between;}
.product-list ul:after{content: ""; display: block; height:0; width:32%;}
.product-list ul li{width:32%;height:220px;display:block;margin-bottom:24px;}
.product-list ul li a{width:100%;height:100%;display:block;}
.product-list ul li a div.imgs{height:188px;width:100%;overflow: hidden;display:block;}
.product-list ul li a img{height:188px;width:100%;transition: all 0.6s; }
.product-list ul li a div.title{width:100%;height:32px;line-height:32px;
	font-size:14px;background:#005bac;color:#fff;text-align:center;}
.product-list ul li a:hover div.title{color:#fff;}
.product-list ul li a:hover div.imgs img{transform: scale(1.4); transition: all 0.6s; }


/*pager*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;/*border:1px solid #ddd;*/padding:6px 8px;}
.pagelist li a:hover{/*border-color:#1184DA;background:#1184DA;*/color:#000;}
.pagelist li.active a{/*border-color:#1184DA;background:#1184DA;*/color:#000;}

/*news-list*/
.news-list{width:100%;margin-top:30px;min-height:500px;}
.news-list ul{}
.news-list ul li{width:100%;height:28px;display:block;line-height:28px;margin-bottom:12px;}
.news-list ul li div.title{line-height:28px;}
.news-list ul li a {color:#000;font-size:14px;height:28px;line-height:28px;}
.news-list ul li a span.dotter{font-size:13px;height:28px;line-height:28px;color:#005bac;}


.prenext{margin-top:30px;text-align:center;overflow: hidden;}
.prenext p{font-weight:bold;}
.prenext a{display:block;margin:0 10px;cursor:pointer;background:#fff;text-align:left;
margin-bottom:15px;}
.prenext a span{font-size:18px;margin-right:10px;}
.prenext a em{font-style:normal;font-size:18px;}


/*product*/
.product-show{width:100%;height:42px;border-bottom:1px solid #dcdcdc;margin-bottom:30px;margin-top:30px;}
.product-show h1{padding-left:10px;font-size:18px;color:#000;font-weight:normal;line-height:42px;
float:left;}

.product-brief{min-height:300px;margin:10px auto;}

.product-brief .productbanner{width:400px;height:300px;display:block;overflow: hidden}

.product-brief .swiper-container {width:400px;min-height:300px;margin-left:0px;margin-right:0px;}
.product-brief .swiper-slide { text-align: center;width:100%;height:300px;
      font-size: 18px;background: #fff;overflow: hidden}
.product-brief .swiper-slide a{width:100%;height:100%;display:block;}
.product-brief .swiper-slide a img{width:100%;height:auto;min-height:300px;}
.product-brief .product-desc{width:calc(100% - 430px);display:block;}
.product-desc h1{text-align: left}
.product-desc .product-tedian{margin-top:20px;}
.product-desc .product-tedian em{font-style: normal;display:block;}