/* CSS Document */
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;}
*{ 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{}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/*滚动条*/
::-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:#8E8E8E; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}

/*banner*/
.bannerslide { height:661px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; z-index:999;}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannerslide a.bannerbtna{background-color:#1d2088; display:block; width:120px; height:45px; text-align:center; color:#fff; font-size:14px; text-decoration:none; line-height:45px; border-radius:5px; margin-top:25px; float:left; font-family:Microsoft yahei;}
.bannerslide a.bannerbtnb{background-color:#464646; display:block; width:120px; height:45px; text-align:center; color:#fff; font-size:14px; text-decoration:none; line-height:45px; border-radius:5px; margin-top:25px; float:left; margin-left:5px; font-family:Microsoft yahei;}

.bannertitlea a{color:#fff;}
.bannertitlea a:hover{color:#fff;}
.bannertitlea a .bannerhhh{display:none;}
.bannertitlea a:hover .bannerhhh{display:block; position:absolute; width:500px; height:200px; z-index:999;}

.m{ width:95%; max-width:1200px; margin:0 auto;}
.n{ padding:50px 0;}

.top{ padding:25px 0;}
.logo{ float:left;}
.top p{ line-height:56px; color:#444; font-weight:bold;}

.nav{ line-height:55px; background:url(../images/menubga.jpg) repeat center top}
.nav li{ float:left; width:12.285%; position:relative; text-align:center;}
.nav li:before{ content:url(../images/wwg.jpg); position:absolute; left:0; top:0; height:55px; overflow:hidden;}
.nav li:last-child:after{ content:url(../images/wwg.jpg); position:absolute; right:0; top:0; height:55px; overflow:hidden;}
.nav li a{ color:#fff; font-size:15px;}

.ind_pro{ background:#f5f5f5;}
.ind_pro .n{ padding-top:20px;}
.ind_pro .search{ box-shadow:2px 20px 30px rgba(0,0,0,0.1); padding:20px 40px; background:#fff; position:relative; top:-65px; z-index:99;}
.ind_pro .search .d1{ float:left; padding-right:40px; border-right:#eee 1px solid; width:15%;}
.ind_pro .search .d1 img{ height:20px; vertical-align:middle; display:inline-block; margin-top:-2px;}
.ind_pro .search .d1 p{ display:inline-block; font-size:18px; line-height:36px; margin-left:10px;}
.ind_pro .search .d2{ line-height:36px; border-right:#eee 1px solid; padding:0 30px; float:left; width:50%;}
.ind_pro .search .d3{ width:35%; float:left; padding:0 30px;}
.ind_pro .search .d3 .search_input{ border:none; height:36px; background:#efefef; text-indent:1em;}
.ind_pro .search .d3 .search_btn{ border:none; height:36px; background:#efefef; cursor:pointer; width:90px; background:#117ed9; color:#fff; margin-left:5px;}

.pt1{ text-align:center; font-size:24px; color:#444;}
.pt2{ text-align:center; margin-top:1em;}

.ind_pro ul{ margin-top:40px;}
.ind_pro ul li{ float:left; width:32%; margin-right:2%; margin-bottom:20px; transition:0.2s;}
.ind_pro ul li:hover{ box-shadow:2px 20px 30px rgba(0,0,0,0.1);}
.ind_pro ul li:nth-child(3n){ margin-right:0;}
.ind_pro ul li img{ width:100%;}
.ind_pro ul li p{ background:#fff; font-size:15px; padding:30px 40px;}
.ind_pro .pro_more{ display:table; color:#fff; background:#117ed9; padding:10px 30px; margin:30px auto 0;}

.ind_ab{ background:url(../images/biw.jpg) no-repeat center bottom; padding:50px 0 80px;}
.pte{ font-size:22px; color:#444; font-family:Georgia, 'Times New Roman', Times, serif; text-align:center;}
.ind_ab .ind_abm{ display:flex; margin-top:50px;}
.ind_ab .ind_abm .ia_l{ width:50%; background:#f5f5f5; padding:50px 120px; text-align:center;}
.ind_ab .ind_abm .ia_l img{ height:40px;}
.ind_ab .ind_abm .ia_l .p1{ font-size:19px; margin:1em 0;}
.ind_ab .ind_abm .ia_l .p2{ font-size:13px; line-height:1.8;}
.ind_ab .ind_abm .ia_l a{ background:#fff; padding:10px 30px; display:inline-block; margin-top:3em;}
.ind_ab .ind_abm .ia_l a:hover{ color:#fff; background:#117ed9;}

.ind_equ{}
.ind_equ ul{ margin-top:50px;}
.ind_equ li{ float:left; width: calc(25% - 10px); margin-right:10px;}
.ind_equ li:nth-child(4){ margin-right:0;}
.ind_equ li img{ width:100%;}

.ind_news{ background:#f5f5f5;}
.ind_news .m{ display:flex;}
.ind_news .in_l{ width:50%;}
.ind_news .in_l img{ width:100%;}
.ind_news .in_l div{ background:#ececec; padding:50px 40px;}
.ind_news .in_l div a{ font-size:16px;}
.ind_news .in_l div p{ font-size:13px; line-height:1.6; margin-top:2em;}
.ind_news .in_r{ background:#fff; padding:60px; width:50%;}
.ind_news .in_r .p1{ font-size:16px;}
.ind_news .in_r .p1 a{ font-size:12px; float:right; line-height:1.8;}
.ind_news .in_r div{ padding:40px 0; border-bottom:#eee 1px solid;}
.ind_news .in_r div a{ font-size:22px;}
.ind_news .in_r div p{ font-size:13px; line-height:1.6; margin-top:20px;}
.ind_news .in_r ul{ padding:40px 0 0;}
.ind_news .in_r ul li{ margin-bottom:5px;}

.ind_con{ background:url(../images/fd.jpg) no-repeat center center; padding:80px 0; color:#fff;}
.ind_con .fl{ font-size:22px;}
.ind_con .fl span{ font-size:12px; line-height:1.6; margin-top:10px; display:inline-block;}
.ind_con ul{}
.ind_con ul li{ float:left; text-align:right; padding-left:80px;}
.ind_con ul li img{ width:21px; padding:10px 0; line-height:1.8;}

.bottom{ padding:40px 0; font-size:13px;}

.inbanner{ background:url(../images/inbanner1.jpg) no-repeat right bottom; height:220px;}
.inwrap{ padding:50px 0; background:#f5f5f5;}


.inbox { background: #fff;  padding: 40px; font-size: 16px; line-height: 30px; color: #333; }
.intit { overflow: hidden; border-bottom: 1px solid #eee; line-height: 40px; padding: 0 40px 20px; }
.intit h1 { float: left; font-size: 30px; font-weight: normal; color: #333; position: relative; }
.intit h1:before { content: ''; width: 4px; height: 20px; background: #117ed9; position: absolute; left: -20px; top: 10px; }
.intit .iul { float: right; font-size: 16px; }
.intit .iul .ili { float: left; }
.intit .iul .ili .ia { display: block; padding: 0 20px; text-decoration: none; position: relative; }
.intit .iul .ili.on .ia { color: #117ed9; }
.intit .iul .ili.on .ia:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; margin-left: -4px; bottom: -8px; border: 4px solid transparent; border-top-color: #117ed9; }

.incontent {}
.incontent p { margin-bottom: 20px; }
.incontent img { max-width: 100%; display: inline-block; }

.newslist { margin-bottom: 0px; }
.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: #117ed9; }
.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); }

.proul{ display:flex; flex-wrap:wrap;}
.proul li{ width:48%; margin-right:4%; margin-bottom:2em; padding:40px; background: #fff url(../images/pro_bg.jpg) no-repeat center right; background-size:cover; position:relative; box-sizing:border-box;}
.proul li a{}
.proul li:nth-child(2n){ margin-right:0;}
.proul li img{ width:45%; float:left; position:relative; top:0; transition:1s;}
.proul li:hover img{ top:-10px;}
.proul li div{ width:50%; float:right;}
.proul li div .p1{ color:#117ed9;}
.proul li div .p2{ font-size:14px; color:#666; margin:1.5em 0;}
.proul li div .p3{ color:#e30b20;}

/*honor*/
.honor_ul{ width:100%; margin:40px auto;}
.honor_ul li{ width:23%; float:left; margin-right:2.6%; margin-bottom:20px;}
.honor_ul li:nth-child(4n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; position:relative;}
.honor_ul li a:hover{}
.honor_ul li img{ width:100%; border:1px solid #ccc;}

.honor_ul li p{ text-align:center; margin-top:10px; font-size:14px;}
.honor_ul li p a{ color:#666;}

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

/*contact*/
.contact{}
.contact_m{ position:relative; display:flex;}
.contact_l{ background:rgba(0,0,0,0.4); width:50%; padding:50px; color:#fff;}
.contact_r{ background:rgba(0,0,0,0.5); width:50%; padding:50px;} 
.contact_l .p1{ font-size:24px; margin-bottom:30px;}
.contact_l .p2{ font-size:16px; line-height:1.8;}
.contact_r .p1{ font-size:16px; color:#fff;}
.contact_l .p2 img{ height:150px;}

.msg{ width: 100%; margin-top:30px;}
.msg div{ width: 100%; padding-bottom: 36px; float: left;}
.msg div .lf{ float: left;}
.msg div .ri{ float: right;}
.msg div i{ width: 90px; display: block; font-style: normal; font-size: 16px; float: left; letter-spacing: 3px; color: #fff;}
.msg div i font{ color: #dc0000;}
.msg div p{ margin:5px 0;}
.msg div p input{ width: 350px; height: 25px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; font-family: "微软雅黑"; color:#fff; }
.msg div p select{ width:184px; height: 48px; float: left; border:1px solid #d9d9d9; border-radius:4px; overflow: hidden; font-size: 16px; text-indent: 12px; margin-left: 8px; font-family: "微软雅黑"	}
.msg div textarea{ width:350px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; height: 100px; font-family: "微软雅黑"; color:#fff; margin-bottom:50px;}
.submits{ display: block; padding:5px 20px; color: #000; font-size: 14px;background: #fff;border:0 none; cursor: pointer;font-family: "微软雅黑"; margin-top:20px;}

.map{ margin-top:20px;}



@media (max-width:1120px) {
.top p{ display:none;}
.nav .m{ width:100%;}
.nav{ line-height:40px; background:#0b88e4;}
.nav .m li{ width:calc(100% / 4);}
.nav li:before{ height:41px;}
.nav li:last-child:after{height: 41px;}
.bannerslide{ height:350px;}
.pte{ font-size:14px;}
.pt1{ font-size:16px;}
.ind_pro .search{ display:none;}
.ind_ab .ind_abm{ flex-wrap:wrap; display:block;}
.ind_ab .ind_abm .ia_l .p1{ font-size:16px;}
.ind_ab .ind_abm .ia_l{ width:100%; padding:20px;}
.ind_pro ul li{ width:100%; margin-right:0;}
.ind_equ li{ width:calc(50% - 10px);}
.ind_news .m{ display:block;}
.ind_news .in_l{ width:100%;}
.ind_news .in_l div{ padding:20px;}
.ind_news .in_l div p{ font-size:12px;}
.ind_news .in_r{ width:100%; padding:20px;}
.ind_news .in_r div a{ font-size:16px;}
.ind_con{ padding:20px 0;}
.ind_con .fl{ font-size:18px;}
.ind_con ul{ display:none;}
.bottom{ padding:20px 0; font-size:12px;}
.bottom a{ float:left;}
.inbanner{ background:url(../images/inbanner1.jpg) no-repeat 85% bottom;}
.inwrap{ padding:20px 0;}
.intit{ padding:0 20px 20px; line-height:30px;}
.intit h1{ font-size:16px;}
.intit h1:before{ top:5px;}
.inbox{ padding:10px;}
.incontent p{ font-size:14px; line-height:1.6;}
.proul li{ width:100%; margin-right:0; padding:20px;}
.proul li div .p1,.proul li div .p3{ font-size:14px;}
.proul li div .p2{ display:none;}
.honor_ul li{ width:49%; margin-right:2%;}
.honor_ul li:nth-child(2n){ margin-right:0;}

.contact_m{ display:block;}
.contact_l{ width:100%; padding:10px;}
.contact_l .p1{ font-size:16px; margin-bottom:10px;}
.contact_l .p2{ font-size:14px;}
.contact_r{ width:100%; padding:10px;}
.contact_r .p1{ font-size:14px;}
.msg div i{ font-size:14px;}
.msg div p input,.msg div textarea{ width:100%;}
.msg div p{ float:none;}
.newslist .item{ width:100%; margin-right:0; padding:10px;}
.newslist .item .name a{ font-size:14px;}
.newslist .item .text{ font-size:12px; line-height:1.8;}
}
@media (max-width:1100px) {
	.bannerslide{ height:300px;}
}
@media (max-width:820px) {
	.bannerslide{ height:250px;}
}

@media (max-width:500px) {
	.bannerslide{ height:150px;}
}