@charset "utf-8";
/* by Sean Lu 20190624 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,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; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; color:#666;}
textarea { resize: none; }
*{ box-sizing:border-box;}
iframe,img { border:0; max-width:100%;}
ul,ol { 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; }
a:hover { color: #004da2; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

.n_m{ padding:30px; margin:50px auto; background:#fafafa; width:98%; max-width:1200px;}

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-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:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #1891cb; color: #fff; }
::-moz-selection { background: #1891cb; color: #fff; }

.wrapper { margin: 0 auto; max-width: 1200px; }

.bannerslide2{ display:none;}
.bannerslide .swiper-slide { background-position: center; position: relative; height: 90vh;}
.bannerslide2 .swiper-slide { background-size:cover;}
.bannerslide .wrapper { position: relative; }
.bannerslide .wrapper .img { position: absolute; top: 24vh; left: 80px; -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .4s .4s; transition: all .4s .4s; opacity: 0; }
.bannerslide .wrapper .img .p1{ font-size:24px; color:#004da2;}
.bannerslide .wrapper .img .p2{ font-size:20px; color:#666666; line-height:1.6;}
.bannerslide .wrapper .img .p3{ font-size:14px; color:#999; text-transform:uppercase;}
.bannerslide .wrapper .img a{ font-size:16px; color:#004da2; display:inline-block; margin-top:50px; border-bottom:1px solid #004da2; padding-bottom:5px;}
.bannerslide .wrapper .img.img02 { top: 54vh; left: 40px; }
.bannerslide .wrapper .img.img03 { top: 20vh; right: 0px; left: auto; }
.bannerslide .wrapper .img.img04 { top:20vh; left:0; width:100%; padding:0 20px;}
.bannerslide .wrapper .img.img04 .p1{ font-size:20px;}
.bannerslide .wrapper .img.img04 .p2{ font-size:16px;}
.bannerslide .wrapper .img.img04 .p3{ font-size:12px;}
.bannerslide .wrapper .img.img04 a{ font-size:14px; margin-top:30px;}
.bannerslide .swiper-slide-active .img { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }



.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }


.header { position: fixed; top: 0; left: 0; right: 0; height: 122px; z-index: 99; background:#fff; border-bottom:1px solid #ddd;}
.header .top{ border-bottom:1px solid #ddd;}
.header .head_m{ max-width:1200px; margin:0 auto;}
.header .top p{ line-height:40px; font-size:12px; text-align:right; color:#999;}
.header .top p a{ display:inline-block; margin-right:10px; font-size:16px;}
.header .top p img{ display:inline-block; vertical-align:middle; margin:0 0 0 20px;}
.header .top p strong{ color:#004da2;}
.header .top p a img{ height:16px;}
.header .nav{ padding-top:15px; text-align:center; position:relative;}
.header .nav .logo{ float:left;}
.header .search_d{ float:right; padding-top:10px; width:130px; display:none;}
.header .search { display: block; width: 70px; height: 30px; line-height: 30px; background: url(../images/search.png) no-repeat 10% center; -webkit-transition: all .2s; transition: all .2s; border-radius: 15px; cursor: pointer; border:none; padding-left:35px; float:right;}
.header .search:focus { width: 130px; background:url(../images/search.png) no-repeat 10% center; border: 1px solid #008b99; padding-left:40px; cursor:auto;}

.header .a_m{ float:right; display:none; margin-top:5px; margin-right:10px;}

.header ::placeholder{ color:#008b99;}
.header .search:focus ::placeholder{ padding-left:0;}
.header ul{ float:right; position:relative;}
.header ul li{ float:left; padding:0 15px; line-height:50px; text-transform: uppercase;}
.header ul li.on a{ color:#004da2;}
.header ul .x{ position:absolute; top:45px; width:64px; border-bottom:2px solid #004da2; transition:0.3s;}
/*.header ul{ position:absolute; width:150px; top:80px; left:0px; padding:60px 0; background: url(../images/shad2.png) no-repeat;}
.header ul li{ margin:5px 0; text-align:left;}
.header ul li a{ -webkit-transition: all 0.3s ease-out; background: #357ac5; color: #fff; padding: 7px 15px 7px 15px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; width: 100px; display: block; -webkit-box-shadow: 2px 2px 4px #999; box-sizing:content-box;}
.header ul li a:hover,.header ul li.on a{ background: #f1f1f1 url(images/border.png) no-repeat; color: #4f98e8; padding: 7px 15px 7px 30px;}
.header ul li.on a{}*/

.bottom{ padding:20px 0; border-top:1px solid #ddd;}
.bottom .bottom_m{ width:98%; max-width:1200px; margin:0 auto;}
.bottom .bottom_m div{ letter-spacing:2px;}
.bottom .bottom_m div span{ font-size:12px; color:#d0d0d0; line-height:2;}
.bottom .bottom_m div .p1{ float:left;}
.bottom .bottom_m div .p2{ float:right; font-size:12px; text-align:right;}
.bottom .bottom_m div .p2 img{ vertical-align:middle;}



.t{ height:122px;}
.bannern{ height:300px; background:url(../images/bannern.jpg) no-repeat center center; background-size:cover; position:relative; display:none;}
.bannern>div{ color:#fff; font-size:30px; font-weight:bold; position:absolute; left:0; width:40%; height:40%; top:40%; background:rgba(0,142,152,0.3); display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: center;}
.bannern>div p{ width:50%; text-align:center;}
.bannern>div p span{ font-size:24px; text-transform:uppercase;}

.about{ padding:30px 80px;}
.h_t{ text-align:center; font-size:25px; font-weight:normal; margin-bottom:50px; display:none;}
.h_t2{ display:inline-block; text-align:left; color:#fff; background:#357ac5; padding:5px 20px;}
.about .pp1{ position:relative; float:left; padding-top:20px; width:500px; line-height:1.6; text-transform: capitalize;}
.about .com{ float:right;}
.about .p1{ color:#004da2; font-size:24px; margin:20px 0;}
.about .about2{ background:url(../images/culture_bg.png) right bottom no-repeat; padding:40px 0 80px;}
.about .about2 p{ margin-bottom:15px;}
.about .about2 p span{ color:#F07700; font-weight:bold;}

.demo iframe{ display:block; margin:0 auto;}

.show ul{ padding:0 200px;}
.show ul li{ float:left; width:48%; margin-right:4%; margin-bottom:20px;}
.show ul li:nth-child(2n){ margin-right:0;}
.show ul li img{ width:100%;}

.info-width{ width: 80%;margin: 5% auto;font-size: 13px;color: #666;line-height: 2.5;}
/*news*/
.ny-news-top{ margin: 2% 1%;}
.ny-news-top .fl{ width: 30%; overflow: hidden;}
.ny-news-img img{ width:100%;}
.ny-news-top .fr{ width: 66%;}
.ny-news-txt .news-title{ font-size: 18px; font-weight: bold; color: #000;
}
.news-title a{ font-size:18px !important;}
.news-title a:hover{ color:#004da2;}
.ny-news-txt .news-desc{ margin: 4% 0; font-size: 13px; color: #000; text-align: justify; line-height: 2;}
.ny-news-txt .news-desc span{ color:#004da2;}
.ny-news-txt .news-more a{ position: relative; display: inline-block; padding: 0 4%; font-size: 14px; color: #fff; text-align: center; background: #004da2; overflow: hidden;}
.ny-news-txt .news-more a span{ position: relative; z-index: 2;}
/*.ny-news-txt .news-more a:after{ content:" " ; position: absolute; top:0; left:-100%; z-index: 1; width: 100%; height: 100%; background: #004da2; transition: all .2s linear;}
.ny-news-txt .news-more a:hover:after{ left: 0;}*/
.ny-news-list li{ float: none; width: 100%; margin: 2% 0;}
.ny-news-list li a{ display: block; font-size: 16px; line-height: 1.2; color: #333; border-left: 5px solid #e7e7e7; background: #fff; line-height: 70px; padding: 0 5%; height: 70px ;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s ;}
.ny-news-list li a:hover{ border-left: 5px solid #004da2;}

.nc{ display:none;}
.nc li{ display:inline-block; padding:0 4%; background:#333; margin-right:10px; position:relative; overflow:hidden;}
.nc li:before{ content: ""; position: absolute; top: 0; left: -100%; z-index: 1; width: 100%; height: 100%; background: #004da2; transition: all .2s linear;}
.nc li:hover:before,.nc li.on:before{ left:0;}
.nc li a{ color:#fff; font-size:16px; display:block; position:relative; z-index:2;}

.contact{}
.contact p{ padding:10px 0; border-bottom:1px solid #ddd; width:45%; margin-right:5%; font-size:14px; float:left;}
.contact p:nth-child(2n){ margin-right:0;}
.contact .p1{ padding:10px 0; margin-bottom:20px; border-bottom:none;}
.contact p strong{ font-weight:bold; font-size:20px; color:#004da2;}
.contact .map{ width:100%; margin-top:40px;}
.contact2{ display:flex; flex-wrap:wrap;}
.contact2 p{}

.pro_r{ float:right; width:80%;}
.pro_l{ float:left; width:18%; position:relative; z-index:9;}
.pro_l>li{ margin-bottom:5px;}
.pro_l li{ position:relative; border-bottom:1px solid #ddd;}
.pro_l li a{ display:block; font-size:14px; padding:10px 15px; background:#eee; color:#666;}
.pro_l li a:hover{ background:#ddd;}
.pro_l li ul{ width:100%; display:none; overflow:inherit !important;}
.pro_l li ul li a{ background:#f5f5f5;}
.pro_l li ul li ul li a{ background:#fafafa;}
.pro_l li ul li ul{ position:absolute; top:0; left:100%; width:100%;}
.pro_l li ul li ul li{ padding-left:10px; background:#fafafa;}
.pro_l li ul.on{ display:block;}
/*.pro_l li:hover>ul{ display:block;}*/

.n_nav{ margin-bottom:30px; display:none;}
.n_nav li{ display:inline-block; margin-right:10px;}
.n_nav li a{ display:inline-block; font-size:16px; padding:10px 20px; background:#e9f3ff; color:#666;}
.n_nav li.on a{ border-bottom:1px solid #004da2;}

.n_nav2{ margin-top:30px; display:none;}
.n_nav2 li{ display:inline-block; margin-right:10px;}
.n_nav2 li a{ display:inline-block; font-size:14px; padding:10px 20px; background:#e9f3ff;}
.n_nav2 li.on a{ border-bottom:1px solid #004da2;}

.product_ul{}
.product_ul li{ width:32%; float:left; margin-right:2%; margin-bottom:20px; position:relative; top:0; transition:.2s; background:url(../images/pro_bg.jpg) no-repeat; background-size:cover;}
.product_ul li img{ display:block;}
.product_ul li p{ line-height:3; text-align:center; background:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0 30px;}
.product_ul li:hover{ top:-10px;}
.product_ul li:nth-child(3n){ margin-right:0;}

.content{ position:relative; display:none;}
.content .ul1{ border-bottom:1px solid #ddd; width:1140px; margin:0 auto; display:none;}
.content .ul1 li{ padding:10px; background:#F7F8FA; border: solid 1px #DCDEE3; float:left; margin-right:5px; margin-bottom:-1px;}
.content .ul1 li.on{ border-bottom:1px solid #fff; border-top:1px solid #004da2; background:#fff;}
.content .pd{}
.fxd { background-color: rgba(255,255,255,.9); position: fixed; left: 0; right: 0; top: 122px; z-index: 99; border-bottom:1px solid #ddd;}
.content2{ display:block; background:#fff; color:#333;}
.content2 .ppt1{ display:inline-block; font-size:30px; font-weight:bold; border-bottom:2px solid #666; color:#666; position:relative; padding-left:110px;}
.content2 .ppt1:before{ content:" "; position:absolute; height:70%; width:100px; top:15%; left:0; background:#666;}
.content2 .pt1{ border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:center; width:90%; margin:0 auto 30px;}
.content2 .pt1 tr:first-child{ background:#004da2; color:#fff;}
.content2 .pt1 tr:nth-child(2n){ background:#f9f3bf;}
.content2 .pt1 td{ border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0;}
.content2 .ppp{ font-size:18px; padding:50px 80px 0; line-height:2.5; width:50%; float:left; font-weight:bold;}
.content2 .h_i{ width:50%; float:left;}
.content2 .ppp2{ font-size:18px; padding:0 80px; margin-bottom:15px; line-height:2; font-weight:bold;}
.content2 .ppp3{ width:90%; margin:20px auto; padding:20px 30px; border-top:2px solid #004da2; font-weight:bold;}
.content2 .ppp4{ padding:100px 150px 0;}
.content2 .ppp5{ border:none; margin:0 auto;}
.content2 .pt2{ border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:center; width:60%; margin:0 auto 30px;}
.content2 .pt2 tr:first-child{ background:#004da2; color:#fff;}
.content2 .pt2 tr:nth-child(2n){ background:#f9f3bf;}
.content2 .pt2 td{ border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0;}
.content2 .pt3{ border-top:2px solid #004da2; width:90%;}
.content2 .pt3 tr:first-child{ background:#f9f3bf; color:#333;}
.content2 .pt3 tr{ background:#f9f3bf;}
.content2 .pt4{ width:85%;}
.content2 .pt4 tr:nth-child(2n){ background:#fff;}
.content2 .pt4 tr td:first-child{ background:#f9f3bf;}
.content2 .pt4 tr:first-child td:first-child{ background:#004da2;}

.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;}


.quality{ padding:30px 100px;}
.quality ul li{ width:18.4%; float:left; margin-right:2%; margin-bottom:20px; position:relative;}
.quality ul li:nth-child(5n){ margin-right:0;}

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); }

.lk{ width: 98%;  max-width: 1200px; margin: 0 auto; display:none;}

/*message*/
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; padding-top:30px;}
.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: #f18181; color: #fff; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; background: #004da2; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.yanzhengma { display: inline; }

.index_m{ background: url(../images/main_bg.jpg) no-repeat; height:100vh; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; position:relative;}
.logor{ display:inline-block; margin-bottom:20px;}
.index_m .m{ line-height:40px; font-size:12px; text-align:right; color:#999; margin:0 auto; width:1200px; position:absolute; top:0; left:50%; margin-left:-600px;}
.index_m .m a{ font-size:16px; display:inline-block; margin-right:10px;}
.index_m .m strong{ color:#004da2;}
.index_m .m a img{ height:16px; display:inline-block; vertical-align:middle; margin:0 0 0 20px;}
.index_m .ind_main{ width:98%; margin:0 auto; max-width:1200px; text-align:center; overflow:hidden;}
.index_m .ind_main .p1{ font-size:48px; font-weight:bold; color:#333; line-height:1; font-family: cursive;}
.index_m .ind_main .p1 span{ font-size:30px; color:#999; font-family:arial,Helvetica,STHeiti,Droid Sans Fallback;}
.index_m .ind_pro{ width:400%; -webkit-animation: 30s rowup linear infinite normal; animation: 30s rowup linear infinite normal; margin-top:50px;}
.index_m .ind_pro:hover{ animation-play-state:paused; -webkit-animation-play-state:paused;}
.index_m .ind_pro ul{ width: 50%; float: left;}
.index_m .ind_pro ul li{ width: 12%; float: left; margin-right:0.5%;}
.index_m .ind_pro ul li img{ width:100%; display:block;}
.index_m .ind_pro ul li p{ background:#fff; padding:5px 0;}

.pro_p{ line-height:1.6;}


@keyframes rowup {
0% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
100% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
}








@media (max-width:1120px) {
.header{ height:auto; padding-bottom:15px;}
.n{ padding:20px 0;}
.t{ height:69px;}
.header .nav .logo{ height:38px;}
.bannerslide{ display:none;}
.bannerslide2{ display:block;}
.header .top,.header ul,.header .search_d{ display:none;}
.header .nav{ padding:15px 20px 0;}
.header .a_m{ display:block; margin-top:0;}
.bottom{ padding:20px 20px 40px;}
.bottom .bottom_m p{ font-size:12px;}
.bottom .bottom_m p a{ float:left;}
.bannern{ height:120px;}
.bannern>div{ font-size:12px;}
.bannern>div p span{ font-size:12px;}
.n_m{ margin:20px auto;}
.h_t{ font-size:18px; margin-bottom:20px;}
.about{ padding:30px;}
.about .pp1{ float:none; width:100%;}
.about .about2{ background:none;}
.about ul,.about .com{ float:none; width:100%;}
.about ul li{ font-size:12px;}
.about .pp1{ font-size:14px;}
.about .about2 p{ font-size:14px;}
.about p.p1{ font-size:16px;}
.show ul{ padding:0;}
.demo iframe{ height:300px;}
.contact p:nth-child(2n){ margin-right:auto;}
.contact p{ width:95%; font-size:12px; float:none; margin:0 auto;}
.ny-news-top .fl{ display:none;}
.ny-news-top .fr{ width:100%; float:none;}
.info-width{ width:100%;}
.ny-news-list li a{ height:50px; line-height:50px;}
.product_ul li{ width:48%; margin-right:4%;}
.product_ul li:nth-child(3n){ margin-right:4%;}
.product_ul li:nth-child(2n){ margin-right:0;}
.product_ul li p{ font-size:12px;}
.content .ul1{ width:100%;}
.content .ul1 li{ font-size:12px; width:49%; margin-right:1%; text-align:center;}
.content .ul1 li:nth-child(2n){ margin-right:0;}
.fxd{ top:69px; background:#fff;}
.quality{ padding:20px;}
.quality ul li{ width:48%; margin-right:4%;}
.quality ul li:nth-child(3n){ margin-right:4%;}
.quality ul li:nth-child(2n){ margin-right:0;}
.show iframe{ height:300px;}
.nc li a{ font-size:14px;}

.content2 .ppt1{ font-size:18px; padding-left:60px;}
.content2 .ppt1:before{ width:50px;}
.content2 .pt1,.content2 .pt2,.content2 .pt3{ font-size:12px; width:100%;}
.content2 .ppp,.content2 .h_i{ width:100%; float:none;}
.content2 .ppp,.content2 .ppp2{ padding:20px; font-size:12px; line-height:1.8; width:100%;}



}