/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#24469a;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#004f7a; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#004f7a}
::-webkit-scrollbar-corner:vertical{ background-color:#004f7a}
::-webkit-scrollbar-resizer:vertical{ background-color:#004f7a}

/*banner*/
.bannerslide { height:620px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide2{ height:450px;}
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:30px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 50px; height: 3px; background: #fff; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #4a87d8;}

.m{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.m2{ width: 95%; max-width: 1200px; margin: 0 auto; position:relative;}
.n{ padding:50px 0;}
.n_m{ padding: 50px 0; background: #f5f5f5;}

.top{ background:#4a87d8; padding:15px 0;}
.top .p1{ font-size:12px; color:#fff; float:left;}
.top .p2{ float:right;}
.top .p2 a{ float:left; color:#fff; font-size:12px; margin-left:20px;}
.top .p2 a img{ display:inline-block; vertical-align:middle;}

.nav{ padding:25px 0;}
.nav .logo{ float:left;}
.nav>ul{ float:right;}
.nav>ul>li{ display:inline-block; padding:0 15px; position:relative;}
.nav>ul>li>a{ font-size:15px; display:inline-block; line-height:50px; position:relative;}
.nav>ul>li>a:before{ content:""; position:absolute; height:2px; width:0; transition:0.2s; background:#4a87d8; left:0; bottom:0;}
.nav>ul>li>a:hover:before,.nav>ul>li.on a:before{ width:100%;}
.nav>ul>li ul{ position:absolute; top:100%; left:0; width:100%; z-index:99; background:rgba(255,255,255,0.8); -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; text-align:center;}
.nav>ul>li:hover ul{ -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible;}
.nav>ul>li ul li{ padding:8px 0;}
.nav>ul>li ul li a{ color:#0057c0; display:inline-block; font-size:13px;}
.nav>ul>li ul li a:hover{ text-indent: 5px;}

.ind_pro{ background:#f0f4f9;}
.pt1{ text-align:center; font-size:15px; text-transform:uppercase;}
.pt2{ text-align:center; font-size:28px; color:#4a87d8; font-weight:bold; margin:10px 0;}
.pt3{ text-align:center; line-height:1.6;}

.ind_p_ul1{ text-align:center; margin:25px 0;}
.ind_p_ul1 li{ display:inline-block;}
.ind_p_ul1 li a{ display:block; background:#fff; color:#888; padding:15px 50px; font-size:15px; border:1px solid #ccc;}
.ind_p_ul1 li a:hover{ color:#fff; background:#4a87d8;}
.ind_p_ul2{ margin-top:25px;}
.ind_p_ul2 li{ width:23.5%; margin-right:2%; float:left; margin-bottom:20px; position:relative; top:0; transition:0.2s;}
.ind_p_ul2 li:nth-child(4n){ margin-right:0;}
.ind_p_ul2 li p{ padding:20px; background:#fff; font-size:16px;}
.ind_p_ul2 li p span{ float:right; font-size:13px; color:#e40010;}
.ind_p_ul2 li:hover{ top:-10px; box-shadow:#ccc 10px 10px 10px;}

.ind_case .ind_p_ul2{ margin-top:25px;}
.ind_case li{ border:1px solid #ccc;}

.ind_ab_u1{ text-align:center; margin:40px 0;}
.ind_ab_u1 li{ float:left; width:25%; color:#333; border-right:1px solid #e4e4e4;}
.ind_ab_u1 li span{ font-size:38px; font-weight:bold;}
.ind_ab_u1 li:last-child{ border:none;}
.ind_ab2{ display:flex; flex-wrap:wrap;}
.ind_ab3{ width:49%; margin-right:2%; float:left;}
.ind_ab3:last-child{ margin-right:0;}
.ind_ab3 div{ padding:40px; border:1px solid #ccc;}
.ind_ab3 div .p1{ font-size:20px; color:#333;}
.ind_ab3 div .p2{ font-size:15px; margin:20px 0;}
.ind_ab3 div a{ display:inline-block; padding:10px 0; color:#d60004; border-bottom:1px solid #d60004;}
.ind_ab3 div a:hover{ padding:10px 5px;}

.ind_ad{ background:url(../images/ind_ad.png) no-repeat center top; padding:100px 0 30px;}
.ind_ad .adl{ float:left; max-width:50%;}
.ind_ad .adr{ float:right; width:50%; padding-left:30px;}
.ind_ad .adr .p1{ background:url(../images/adr.png) no-repeat center center; line-height:127px; font-size:28px; font-weight:bold; color:#333; text-align:center; text-indent:100px; margin-bottom:15px;}
.ind_ad .adr .p2{ margin-bottom:10px; font-size:15px; background:url(../images/j.png) no-repeat left top; line-height:1.6; padding-left:30px;}

.ind_net{ background:url(../images/ind_net_bg.png) no-repeat center center; padding:30px 0;}
.ind_net2{ width:50%;}
.ind_net2 .p1{ background:url(../images/ind_net_bg2.png) no-repeat center center; line-height:127px; font-size:28px; font-weight:bold; color:#333; text-align:center; text-indent:100px; margin-bottom:15px;}
.ind_net2 .p2{ padding:0 40px; font-size:15px; line-height:1.6;}
.ind_net2  ul{ margin-top:30px;}
.ind_net2  ul li{ float:left; width:calc(100% / 3); text-align:center;}
.ind_net2  ul li .p3{ font-size:16px; color:#0068cd; margin:10px 0;}
.ind_net2  ul li .p4{ font-size:13px; line-height:1.6;}

.ind_team{ background:url(../images/ind_team_bg.png) no-repeat center center; padding-bottom:20px;}
.ind_team .ind_team2{ width:50%; float:right;}
.ind_team .p1{ background:url(../images/ind_team_bg2.png) no-repeat center center; line-height:127px; font-size:28px; font-weight:bold; color:#333; text-align:center; text-indent:100px; margin-bottom:15px;}
.ind_team ul{ padding:0 50px; margin-bottom:20px;}
.ind_team ul p{ font-size:18px; font-weight:bold; color:#333; margin-bottom:10px;}
.ind_team ul li{ float:left; width:50%; font-size:15px; background:url(../images/j.png) no-repeat left top; line-height:1.6; padding-left:30px; margin-bottom:5px;}

.ind_case{ background:#fff;}

.ind_news{ background:#f0f4f9;}
.ind_news .ind_news_ul{ margin-top:25px;}
.ind_news .ind_news_ul li{ background:#fafafa; padding:30px 20px; float:left; width:23.5%; margin-right:2%; position:relative; top:0; transition:0.2s;}
.ind_news .ind_news_ul li:nth-child(4n){ margin-right:0;}
.ind_news .ind_news_ul li .p1{ color:#888888;}
.ind_news .ind_news_ul li .p2{ font-size:20px; font-weight:bold; color:#333; margin:20px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ind_news .ind_news_ul li .p3{ line-height:1.6; color:#666; margin-bottom:20px;}
.ind_news .ind_news_ul li:hover{ top:-10px; box-shadow:#ccc 10px 10px 10px;}

.foot{ background:#3861a3;}
.foot .m{ display:flex;}
.foot .beian{ float:left; width:30%; border-right:1px solid #6c8abb;}
.foot .beian a{ text-align:center; color:#fff; display:block; padding:10px; border:1px solid #6c8abb;}
.foot .beian p{ color:#fff; font-size:13px; margin-top:20px;}
.foot .ulb{ float:left; width:20%; border-right:1px solid #6c8abb; text-align:center;}
.foot .ulb ul{ display:inline-block; text-align:left;}
.foot .ulb ul p{ font-size:18px; font-weight:bold; color:#fff; margin-bottom:20px;}
.foot .ulb ul li{ line-height:2; color:#fff;}
.foot .ulb ul li a{ color:#fff;}
.foot .ulb2{ width:30%; border:none; text-align:right;}
.foot .ulb2 img{ display:inline-block; vertical-align:middle;}

.banner-container {width: 100%;height: 100%; position:relative; border-bottom: 3px solid #4a87d8; overflow:hidden;}
.banner-container .swiper-slide{ text-align:center}
.parallax-bg {position: absolute;left: 0;top: 0;width: 130%;height: 400px;-webkit-background-size: cover;background-size: cover;background-position: center;}
.banner-pagination{ bottom: 30px !important; }
.banner-pagination span{ width: 14px !important; height:17px !important; border-radius:0px !important; opacity: 1 !important; background:url(../images/bannerIcon.png) no-repeat top left !important;  }
.banner-pagination .swiper-pagination-bullet-active{ background:url(../images/bannerIconHover.png) no-repeat top left!important;}

.local{ background: url(../images/LoacalBg.jpg); padding:20px 0; }
.local .en{font-size: 12px;text-transform: uppercase;text-decoration: none;color: #3861a3; margin-bottom: 7px; }
.local .cn{font-size: 28px; font-weight: bold; color: #3861a3; letter-spacing:1px;}
.local .local-c{ position:absolute; top: 23px; right:0px; font-size:12px;   }
.local .local-c a{ font-size:12px;}

.aboutus h1{ text-align:center;}
.aboutus .p1{ font-size:16px; line-height:2; letter-spacing: 1px; margin:10px 0; text-indent:2em;}
.aboutus .p1 strong{ color:#3861a3;}
.aboutus img.aboutus{ display:block; width:100%;}

/*honor*/
.honor_ul{}
.honor_ul li{ width:23.5%; margin-right:2%; margin-bottom:20px; float:left;}
.honor_ul li:nth-child(4n){ margin-right:0;}
.honor_ul li img{ width:100%;}
.honor_ul li p{ width:100%; text-align:center; font-size:16px; padding:10px 0; background:#f1f1f1;}
.honor_ul li a{ position:relative; display:block;}
li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.organization{ text-align:center;}
.culture{ text-align:center;}
.system{ text-align:center;}

.newslist {}
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 6px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; text-transform: uppercase; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newslist .item .name a:hover { color: #ef3320; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01s.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../images/hb01img02s.png); }

.news_d .npt{ text-align:center; font-weight:bold; font-size:24px; color:#666; margin:0 0 1em;}
.u_np{ display:flex; margin-top:40px;}
.u_np li{ border:1px solid #ccc; padding:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.u_np li:nth-child(2){ width:20%; text-align:center; border-left:none; border-right:none; margin-right:0 !important;}
.u_np li:first-child,.u_np li:last-child{ width:40% !important; margin-right:0 !important;}
.u_np li:last-child{ text-align:right;}

.pro_ul{}
.pro_ul li{ float:left; width:23.5%; margin-right:2%; position:relative; text-align:center; border:1px solid #ccc; margin-bottom:20px;}
.pro_ul li:nth-child(4n){ margin-right:0;}
.pro_ul li .pro_i{ padding:0; overflow:hidden;}
.pro_ul li .pro_i img{ transition:2s;}
.pro_ul li:hover .pro_i img{ transform:scale(1.2,1.2);}
.pro_ul li .d1{ padding:20px; background:#fff; transition:0.5s;}
.pro_ul li:hover .d1{ background:#3861a3;}
.pro_ul li:hover .d1 p{ color:#fff;}
.pro_ul li:hover .d1 span{ color:#fff; border:1px solid #fff;}
.pro_ul li .d1 p{ font-size:16px; font-weight:bold;}
.pro_ul li .d1 span{ display:inline-block; border:1px solid #9eacc3; color:#9eacc3; font-size:12px; padding:2px 8px; margin-top:20px; border-radius:5px;}
.pro_ul li .line{position:absolute; background:#3861a3; transition:0.5s; -webkit-transition:0.5s; padding:0;}
.pro_ul li .line1{left:0; top:0; height:2px; width:0;}
.pro_ul li .line2{right:0; top:0; height:0px; width:2px;}
.pro_ul li .line3{right:0; bottom:0; height:2px; width:0;}
.pro_ul li .line4{left:0; bottom:0; height:0; width:2px;}
.pro_ul li:hover .line1{width:100%;}
.pro_ul li:hover .line2{height:100%;}
.pro_ul li:hover .line3{width:100%;}
.pro_ul li:hover .line4{height:100%;}

.n_nav{ margin-bottom:30px;}
.n_nav li{ float:left; border:1px solid #ccc; box-sizing:border-box; font-size:16px; position:relative; margin-bottom:15px;}
.n_nav li.on:after{ content:""; position:absolute; display: block; position: absolute; bottom: -16px; left: calc(50% - 24px); width: 0; height: 0; border-width: 18px 24px 0; border-style: solid; border-color: #3f629d transparent transparent; display:none;}
.n_nav li a{ display:inline-block; line-height:3; width:100%;}
.n_nav li.on a{ background:#3f629d; color:#fff;}
.n_nav li{ width:11.625%; margin-right:1%; text-align:center;}
.n_nav li:nth-child(8n){ margin-right:0;}


/*honor*/
.equipment_ul{}
.equipment_ul li{ width:23.5%; margin-right:2%; margin-bottom:20px; float:left;}
.equipment_ul li:nth-child(4n){ margin-right:0;}
.equipment_ul li img{ width:100%;}
.equipment_ul li p{ width:100%; text-align:center; font-size:16px; padding:10px 0; background:#f1f1f1;}
.equipment_ul li a{ position:relative; display:block;}

/*message*/
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #e4eeff; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; background: #3861a3; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.yanzhengma { display: inline; }


/*contact*/
.contact .contact_m{ padding-left:30px; margin-bottom:50px; width:50%; float:left;}
.contact .contact_m img{ float:left; height:50px;}
.contact .contact_m .p1{ float:left; font-size:18px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m .p2{ float:left; font-size:14px; padding-left:20px; width:80%;}
.nav .a_m{ float:right; display:none; margin-right:10px;}


@media (max-width: 1120px) {
.n{ padding:20px 0;}
.top .p2{ display:none;}
.nav .logo{ max-width:70%;}
.nav>ul{ display:none;}
.bannerslide{ height:300px;}
.pt1{ font-size:13px;}
.pt2{ font-size:18px;}
.pt3{ font-size:13px;}
.pt3 br{ display:none;}
.ind_p_ul1{ margin:10px 0;}
.ind_p_ul1 li a{ font-size:12px; padding:10px 8px;}
.ind_p_ul2 li{ width:49%;}
.ind_p_ul2 li:nth-child(2n){ margin-right:0;}
.ind_p_ul2 li p{ padding:10px; font-size:14px;}
.ind_p_ul2 li p span{ font-size:12px;}

.ind_ab_u1{ margin:10px 0;}
.ind_ab_u1 li{ width:50%;}
.ind_ab_u1 li:nth-child(2n){ border:none;}
.ind_ab_u1 li span{ font-size:20px;}
.ind_ab3{ width:100%; margin-right:0;}
.ind_ab3 div{ padding:10px;}
.ind_ab3 div .p1{ font-size:16px;}
.ind_ab3 div .p2{ font-size:12px; margin:10px 0;}
.ind_ab3 div a{ font-size:12px;}
.ind_ad .adl,.ind_ad .adr{ width:100%; float:none; max-width:100%; padding-left:0;}
.ind_ad .adr .p1{ font-size:20px; line-height:40px;}
.ind_net{ background:#f1f1f1;}
.ind_net2{ width:100%;}
.ind_net2 .p1{ font-size:20px; line-height:40px;}
.ind_ad .adr .p2{ font-size:13px;}
.ind_net2 .p2{ padding:0 10px; font-size:13px;}
.ind_team .ind_team2{ width:100%; float:none;}
.ind_team .p1{ font-size:20px; line-height:40px;}
.ind_team ul{ padding:0;}
.ind_news .ind_news_ul li{ width:49%; margin-right:2%; padding:10px;}
.ind_news .ind_news_ul li:nth-child(2n){ margin-right:0;}
.ind_news .ind_news_ul li .p2{ font-size:16px;}
.ind_news .ind_news_ul li .p3{ font-size:12px; line-height:1.5;}
.foot .ulb{ display:none;}
.foot .beian{ float:none; width:100%; border:none;}
.foot .beian .fl{ float:none; text-align:center;}
.foot .beian a{ display:inline-block;}
.foot .beian p{ text-align:center;}

.nav .a_m{ display:block;}
.parallax-bg{ height:130px;}
.banner-pagination{ bottom:10px !important;}
.local .cn{ font-size:18px;}
.aboutus .p1{ font-size:14px;}
.honor_ul li{ width:49%; margin-right:2%;}
.honor_ul li:nth-child(2n){ margin-right:0;}

.newslist .item{ padding:10px;}
.newslist .item .name a{ font-size:16px;}
.news_d .npt{ font-size:18px;}
.u_np li{ font-size:12px;}

.pro_ul li{ width:49%;}
.pro_ul li:nth-child(2n){ margin-right:0;}
.pro_ul li .d1{ padding:10px;}

.equipment_ul li{ width:49%;}
.equipment_ul li:nth-child(2n){ margin-right:0;}

.contact .contact_m{ width:100%; padding-left:0; margin-bottom:10px;}
.contact .contact_m img{ height:30px;}
.contact .contact_m .p1{ font-size:14px; padding-left:10px;}
.contact .contact_m .p2{ padding-left:10px;}

.n_nav li{ width:32%; font-size:14px; margin-right:2%; margin-bottom:20px;}
.n_nav li:nth-child(3n){ margin-right:0;}
.n_nav li a{ line-height:2.5;}
.n_nav li.on:after{ bottom:-6px; border-width: 10px 15px 0; left: calc(50% - 15px);}
}