/* 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:#1b2935;}
.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:#334da2; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#334da2}
::-webkit-scrollbar-corner:vertical{ background-color:#334da2}
::-webkit-scrollbar-resizer:vertical{ background-color:#334da2}


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


/*banner*/
.bannerslide .swiper-slide { background-position: center; position: relative; height: 650px;}
.bannerslide .swiper-slide a{ display:block; height:100%;}
.bannerslide2 .swiper-slide { background-position: center; position: relative; height: 400px;}
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff !important; opacity:1 !important; width:40px !important; border-radius:0 !important; height:4px !important;}
.swiper-pagination-bullet-active { background: #ff0707 !important; }


.top{ background:#1b2935; padding:12px; color:#d3dfee; font-size:12px; border-bottom: #303d49 1px solid;}
.top p{ float:left;}
.top a{ float:right; color:#d3dfee;}

.logod{ background:#1b2935; padding:12px; color:#d3dfee; border-bottom: #303d49 1px solid;}
.logod .logo{ float:left;}
.logod .p1{ float:left; font-size:18px; margin-left:20px; padding-left:20px; border-left: #4f5b68 1px solid; line-height:1.6; margin-top:10px; font-weight:bold;}
.logod .p1 span{ font-size:13px; display:block; font-weight:normal;}
.logod .d1{ float:right; text-align:right; margin-top:15px;}
.logod .d1 img{ height:12px; margin-right:5px;}
.logod .d1 span{ font-size:17px; font-weight:bold; font-family: Verdana, Geneva, sans-serif;}

.nav{}
.nav ul li{ float:left; padding:15px 20px;}
.nav ul li a{ color:#313d49; font-weight:bold;}
.nav ul li a:hover{ color:#4d7ab1;}
.nav ul p{ float:right; background:#313d49; padding:15px 20px;}
.nav ul p img{ height:16px; margin-bottom:-2px;}
.nav ul p a{ color:#fff; font-weight:bold;}

.ind_pro{ background:#f3f8fc;}
.pt1{ font-size:30px; font-weight:bold; text-align:center;}
.pt2{ text-align:center; line-height:1.6; margin:10px 0 30px;}

.ipm{ padding-bottom:20px !important;}
.ipm .swiper-slide{ background:#fff; transition:0.2s;}
.ipm .swiper-slide:hover{ box-shadow:10px 10px 10px #eee;}
.ipm .swiper-slide img{}
.ipm .swiper-slide div{ padding:0px 40px 30px 40px; text-align:center;}
.ipm .swiper-slide div p{ font-weight:bold; line-height:1.6; height:3.2em;}
.ipm .swiper-slide div span{ display:inline-block; line-height:30px; padding:0 20px; border:#ccc 1px solid; font-size:12px; margin-top:20px;}
.ipm .swiper-pagination{ bottom:0 !important;}
.ipm .swiper-pagination .swiper-pagination-bullet{ background:#ccc !important;}
.ipm .swiper-pagination .swiper-pagination-bullet-active { background: #ff0707 !important; }
.ihm .swiper-pagination{ bottom:0 !important;}
.ihm{ padding-bottom:20px !important;}
.ihm .swiper-pagination .swiper-pagination-bullet{ background:#ccc !important;}
.ihm .swiper-pagination .swiper-pagination-bullet-active { background: #ff0707 !important; }

.ind_ab{ background:url(../images/aboutbg.jpg) no-repeat center center; background-size:cover; height:660px;}
.ind_ab .ind_abm{ width:50%; float:right; padding:130px 0 50px 80px;}
.ind_ab .ind_abm .p1{ font-size:12px; text-transform:uppercase; position:relative;}
.ind_ab .ind_abm .p1:before{ content:""; height:3px; width:16px; background:#f41616; margin-bottom:10px; display:block;}
.ind_ab .ind_abm .p2{ font-size:36px; font-weight:bold; margin:20px 0;}
.ind_ab .ind_abm .p3{ line-height:1.6;}
.ind_ab .ind_abm a{ display:inline-block; color:#fff; background:#0563bd; margin-top:20px; line-height:40px; padding:0 30px; font-size:12px;}

.ind_hon{ text-align:center;}
.ind_hon .h_more{ display:inline-block; padding-bottom: 5px; margin-top:20px; border-bottom: #666 1px solid;}

.bottom{ background:url(../images/bottombg.jpg) no-repeat top center; color:#d3dfee;}
.bottom .b1{ float:left; width:40%; padding-right:50px; line-height:1.6; float:left;}
.bottom .b1 p{ margin-top:30px;}
.bottom .b1 a{ color:#d3dfee;}
.bottom .b2{ width:35%; float:left; line-height:1.6;}
.bottom .b3{ width:25%; float:right; text-align:right;}
.bottom .b3 a{ color:#d3dfee; margin-left:10px; display:inline-block;}
.bottom .b3 a.a1{ background:#7ba0cd; color:#fff; padding:8px 20px; margin-top:20px;}

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

.lef{width:23%;float:left;background:#fff;}
.lef .tit{ background:linear-gradient(90deg,#1b2935, #566571);width:100%;padding:20px 0 10px;}
.lef .tit h2{padding-left:20px;color:#fff;font-size:18px;}
.lef .tit h3{padding-left:20px;color:#fff;font-size:14px;}
.ppul{margin:0 auto 40px;padding:4%;border: 1px solid #ccc;}
.ppul li{margin:5px auto;border:1px solid #dcdcdc;}
.ppul li:hover{}
.ppul li a{ height:30px;line-height:30px;display:block;padding-left:25px; transition:0s; background:linear-gradient(90deg,#d8d8d8, #fff); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ppul li:hover a{color:#fff; background:linear-gradient(90deg,#1b2935, #566571);}
.lcontact{margin:0 auto 40px; padding:10px;border: 1px solid #ccc; line-height:1.6;}
.lcontact span{ font-size:12px;}

.rig{ width:73%; float:right;}
.pp1{ font-size:15px; padding:10px 0; background:linear-gradient(#ffffff,70%, #d8d8d8); padding-left:20px; margin-bottom:20px;}
.pp1 a.a1{ float:right; margin-right:20px; color:#067bc8;}
.pp1 img{ height:14px; margin-top:0 !important;}
.pp1 span{ text-transform:uppercase;}
.pp1 span.sp1{ float:right; padding-right:20px;}

.aboutus p{ line-height:1.8; margin-bottom:10px; text-indent:2em;}

.news_ul{}
.news_ul li{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd;}
.news_ul li .nl{ float:left; width:20%; border:1px solid #ccc;}
.news_ul li .nr{ float:right; width:78%; padding:5px 0;;}
.news_ul li .nr .p1{ font-size:16px; font-weight:bold;}
.news_ul li .nr .p2{ font-size:12px; margin:10px 0;}
.news_ul li .nr .p3{ line-height:1.6;}
.news_ul li .nr .p4 a{ display:inline-block; padding:5px; border-bottom:1px solid #ccc; margin-top:10px;}

.product ul li{ width:23.5%; margin-right:2%; margin-bottom:2%; transition:0.2s; float:left; border:1px solid #eee;}
.product ul li:hover{ box-shadow:10px 10px 10px #eee;}
.product ul li:nth-child(4n){ margin-right:0;}
.product ul li div{ padding:0px 10px 20px 10px; text-align:center;}
.product ul li div .p1{ font-weight:bold; line-height:1.6; height:3.2em;}
.product ul li div span{ display:inline-block; line-height:30px; padding:0 20px; border:#ccc 1px solid; font-size:12px; margin-top:20px;}
.product p{ line-height:1.8;}
.product .p2,.product .p4{ font-size:16px; font-weight:bold; color:#111;}
.product .p4{ margin:5px 0;}
.product .p5:before{ content:"- "; padding-left:2em;}
.product .p6{}
.shuaitable { width: 100%; margin-bottom: 20px; text-align:center;}
.shuaitable td { line-height: 1.6; padding:5px 2px; border:1px solid #ccc; word-break: break-word; font-size:12px;}
/*.shuaitable tr:nth-child(2n+1){ background:#f1f1f1;}
.shuaitable tr:first-child{ background:#e6e6e6;}
.shuaitable2 tr:nth-child(2n+1){ background:none;}
.shuaitable2 tr:nth-child(-n+2){ background:#e6e6e6;}*/

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

/*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: #dae3ea; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; background: #1b2934; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.yanzhengma { display: inline; }

.joinus ul li{ width:100%; border-bottom:2px solid #1b2935; margin-bottom:20px;}
.joinus ul li .d1{ border-bottom:1px solid #1b2935;}
.joinus ul li .d1 .p1{ color:#fff; background:#1b2935; padding:5px 40px; float:left; font-size:16px;}
.joinus ul li .p2{ float:left; border-bottom:1px solid #ccc; width:50%; padding:15px 20px;}
.joinus ul li .p3{ width:100%; line-height:1.6;}
.joinus ul li .p3 .fl{ width:80px;}
.joinus ul li .p3 .fr{ width:calc(100% - 80px);}

/*contact*/
.contact{}
.contact p{ padding:10px 0; border-bottom:1px solid #ddd; font-size:15px;}
.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;}

.bottom .erweima{ width:150px; margin-top:20px; text-align:center; float:right; line-height:3;}
.logod .a_m { float: right; display: none; margin-top: 15px; width:38px;}


@media (max-width: 1120px) {
.n{ padding:20px 0;}
.top,.logod .p1,.logod .d1,.nav{ display:none;}
.logod .logo{ max-width:70%;}
.bannerslide .swiper-slide{ height:200px; background-size:cover;}
.bannerslide2 .swiper-slide{ height:130px; background-size:cover;}
.logod .a_m{ display:block;}
.pt1{ font-size:18px;}
.pt2{ font-size:12px;}
.pt2 br{ display:none;}
.ipm .swiper-slide div{ padding:0 20px 10px 20px;}
.ipm .swiper-slide div span{ padding:0 5px; font-size:12px;}
.ind_ab{ background: url(../images/aboutbg.jpg) no-repeat left center; background-size: cover; height: auto;}
.ind_ab .ind_abm{ width:100%; float:none; padding:30px 0; color:#fff;}
.ind_ab .ind_abm a{ font-size:12px; padding:0 10px;}
.ind_ab .ind_abm .p2{ font-size:18px;}
.ind_ab .ind_abm .p3{ font-size:12px;}
.bottom .b1,.bottom .b3{ display:none;}
.bottom .b2{ width:100%; float:none;}
.lef{ display:none;}
.rig{ width:100%;}
.pp1{ font-size:14px;}
.pp1 span.sp1{ display:none;}
.news_ul li .nl{ display:none;}
.news_ul li .nr{ width:100%; float:none;}
.news_ul li .nr .p1{ font-size:14px;}
.news_ul li .nr .p3{ font-size:12px;}
.product ul li{ width:49%;}
.product ul li:nth-child(2n){ margin-right:0;}
.honor_ul li{ width:49%;}
.honor_ul li:nth-child(3n){ margin-right:2%;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.messageinput{ width:100%;}
.joinus ul li .p2{ width:100%;}
}