﻿body,html{padding:0;min-width:1250px;margin:0 auto;font-family:'微软雅黑';overflow-x:hidden}
img{border:0}
a{text-decoration:none;display:inline-block;font-family:'微软雅黑'}
li,ol,ul{margin:0;padding:0;list-style:none}
p{margin:0;padding:0}
.dn{display:none}
.cb{clear:both}
.pr{position:relative}
.m{width:1200px;margin:0 auto;position:relative}
.header{height:85px}
.header.fixed{position:fixed;z-index:1000;left:0;right:0;top:0;background:#fff;}
.header .m{position:relative}
.header .logo{float:left;margin:15px 0;font-size:0}
.header .logo img{height:55px}
.header .logo img:nth-child(2){display:none}
.header .logo2{float:left;margin-top:22px;border-left:1px solid #d5d5d5;padding-left:15px;margin-left:15px}
.header .logo2 img{height:35px}
.header .hotphone{display:none;position:absolute;top:15px;right:20px;font-size:14px;color:#fff}
.header .info span{display:inline-block;padding-left:45px}
.header .info span.tel{background:url(../images/tel.png) 28px 3px no-repeat}
.header .info span.email{background:url(../images/email.png) 28px 4px no-repeat}
.header .language{display:none;position:absolute;z-index:10;right:0;top:35px;width:70px;height:20px;overflow:hidden;background:#444}
.header .language li{height:20px;line-height:20px}
.header .language li a{color:#aaa;font-size:12px;width:70px;height:20px;line-height:20px;background:#444;text-align:center}
.header .language li a:hover{background:#333}
.header .language li a.cur{background:#444 url(../images/down.png) 50px 3px no-repeat}
.header .search{position:absolute;top:25px;right:0;height:30px}
.header .search i{float:right;display:block;height:30px;width:30px;background:url(../images/searchicon.png) center center no-repeat}
.header .search div{clear:both;display:none;font-size:0}
.header .search input{width:120px;height:25px;line-height:25px;padding:0 10px;font-size:14px;vertical-align:middle;margin:0;border:1px solid #0088d9}
.header .search input[type=submit]{width:auto;height:27px;background:#0088d9;color:#fff}
.header .search:hover div{display:block}
.menu{position:absolute;right:120px;top:0;font-size:12px}
.menu .list{margin:0 auto}
.menu .list .item{position:relative;float:left;height:85px;line-height:85px}
.menu .list .item a{font-size:16px;display:inline-block;padding:0 25px;color:#333;text-align:center}
.menu .list .item a.first{position:relative;font-weight:500}
.menu .list .item a.first span{display:none;position:absolute;top:75px;left:50%;width:30px;height:4px;background:#0088d9;margin-left:-15px}
.menu .list .item a.cur,.menu .list .item a:hover{color:#0088d9}
.menu .list .item a.cur2 span,.menu .list .item a.first:hover span{display:none}
.menu .list .item ul{max-height:0;position:absolute;z-index:10;top:100%;left:-30%;right:-30%;background:#fff;overflow:hidden;transition:all .5s}
.menu .list .item li{margin:10px;border-bottom:1px solid #eee;line-height:40px;position:relative}
.menu .list .item li:last-child{border:0}
.menu .list .item li a{display:block;color:#333;padding:0;margin:0 20px;font-size:14px;background:url(../images/right.png) right center no-repeat;text-align:left;font-weight:700}
.menu .list .item li a:hover{color:#0088d9}
.menu .list .item:hover ul{max-height:300px}
.menu .list .item:hover ul ul{display:none}
.menu .list .item ul ul{display:none}
.menu .list .item ul li:hover ul{display:block;left:100%;width:100%;right:auto;top:0;padding:0}
.homeheader{position:absolute;left:0;right:0;top:0;z-index:1000}
.homeheader .logo img{display:none}
.homeheader .logo img:nth-child(2){display:inline-block}
.homeheader .menu .list .item a{color:#fff}
.homeheader:hover{background:#fff}
.homeheader:hover .menu .list .item a{color:#333}
.homeheader:hover .menu .list .item a:hover{color:#0080cc}
.homeheader:hover .logo img:nth-child(1){display:inline-block}
.homeheader:hover .logo img:nth-child(2){display:none}
.header2{position:absolute;z-index:1000;left:0;top:90px;right:0;background:#f8f8f8;height:0;transition:all .5s;overflow:hidden}
.header2.show{height:220px}
.header2 .m{position:relative}
.header2 .menu2{position:absolute;left:480px;right:0;top:0;font-size:12px}
.header2 .menu2 .item{float:left;width:20%;text-align:center;height:175px;overflow:hidden}
.header2 .menu2 .item a{display:block;line-height:25px;color:#666}
.header2 .menu2 .item a:hover{color:#0080cc}
.header2 .menu2 .item .icon{height:40px;margin:10px 0}
.header2 .menu2 .item2 .icon{background:url(../images/icon2.png) center center no-repeat}
.header2 .menu2 .item3 .icon{background:url(../images/icon3.png) center center no-repeat}
.header2 .menu2 .item4 .icon{background:url(../images/icon4.png) center center no-repeat}
.header2 .menu2 .item5 .icon{background:url(../images/icon5.png) center center no-repeat}
.header2 .menu2 .item2 .icon.cur{background:url(../images/icon2_act.png) center center no-repeat}
.header2 .menu2 .item3 .icon.cur{background:url(../images/icon3_act.png) center center no-repeat}
.header2 .menu2 .item4 .icon.cur{background:url(../images/icon4_act.png) center center no-repeat}
.header2 .menu2 .item5 .icon.cur{background:url(../images/icon5_act.png) center center no-repeat}

.banner{clear:both;margin:0 auto;position:relative;overflow:hidden}
.banner img{width:100%;float:left}
.banner .flex-control-nav a{background:#fff;border-radius:100%}
.banner .flex-control-nav a.flex-active{background:#d70800}
.banner .swiperbannerpage{position:absolute;left:0;right:0;bottom:20px;text-align:center}
.banner .swiperbannerpage span{margin:0 5px;background:#fff;width:12px;height:12px;opacity:1}
.banner .swiperbannerpage span.swiper-pagination-bullet-active{background:#082a48}

.banner .word{position:absolute;left:0;right:0;top:40%;font-size:80px;color:#fff;text-align:center;}
.banner .word div{font-size:30px;margin:10px 0;}

.title{text-align:center;color:#3f3f3f;margin-bottom:30px}
.title .t1{margin-top:50px;padding:20px 0;font-size:30px;font-weight:700;background:url(../images/titlebg3.png) center center no-repeat}
.title .t1 div{display:inline-block;font-family:bbycms;letter-spacing:2px}
.title .t2{font-size:16px;color:#626262;margin-top:20px}
.title .t2 div{display:inline-block}
.title .t3{text-align:center;}
.title .t3 span{display:inline-block;width:50px;height:2px;background:#0080cc;margin-top:10px;}
.title.white{color:#fff}
.title.white .t1{color:#fff;background-image:url(../images/titlebg.png)}
.title.white .t1 span{color:#fff}
.title.white .t2{color:#b1b2b3}
.title.white2 .t1{color:#fff;background-image:url(../images/titlebg2.png)}
.title.white3 .t1{background-image:url(../images/titlebg4.png)}
.title.white4 .t1{background-image:url(../images/logo4.png)}
.title.white4 .t2{margin-top:10px;}


.more{text-align:center}
.more a{display:inline-block;border:0 solid #2e2e2e;height:40px;line-height:40px;padding:0 25px;font-size:14px;color:#2e2e2e;vertical-align:middle;background:#0088d9;color:#fff}
.more a i{display:none;width:30px;height:100%;background:url(../images/morejia.png) right center no-repeat;vertical-align:middle}
.more a.hover{background:#0088d9}

.typebox{overflow:hidden;padding:30px 0}
.typebox .tit{float:left;line-height:40px;font-size:16px;margin-top:0;color:#b2b2b2}
.typebox .tit div{font-size:20px;font-weight:700;color:#000}
.typebox .item{float:left;width:25%;text-align:center}
.typebox .item .p{font-size:0;height:40px;overflow:hidden}
.typebox .item img{margin:0;height:40px;object-fit:cover;transition:all .5s}
.typebox .item h2{font-size:14px;color:#000}
.typebox .item a:hover img.a{margin-top:-40px}
.typebox .item a:hover h2{color:#0088d9}
.typebox .right{float:right;margin-top:10px}

.aboutbox{position:relative;overflow:hidden;padding:70px 0;height:450px;background:url(../images/aboutbg.jpg) center top no-repeat;background-size2:auto 100%}
.aboutbox .content{float:left;width:48%;margin-right:3%;color:#fff;}
.aboutbox .img{overflow:hidden;background:#000;font-size:0}
.aboutbox .img video{width:100%;height:355px;object-fit:cover}
.aboutbox .a{font-size:25px}
.aboutbox .b{font-size:30px;font-weight:700;margin:10px 0}
.aboutbox .c{line-height:40px;margin:30px 0 60px 0}
.aboutbox .more{text-align:left}
.aboutbox .title{float:left;margin:0;color:#fff;}
.aboutbox .title div{margin:0}
.aboutbox .title .t1{margin-bottom:20px}
.aboutbox .video{position:absolute;right:0;top:0;bottom:0;width:45%;display:block}

.productbox{overflow:hidden;padding-bottom:60px;background:url(../images/productbg.jpg) center top no-repeat}
.productbox .types{overflow:hidden}
.productbox .types .t{position:relative;float:left;width:220px;height:420px;margin-right:5px;overflow:hidden;transition:all .5s}
.productbox .types .t img{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%;height:100%;margin:auto}
.productbox .types .t img:last-child{width:0}
.productbox .types .t:last-child{margin-right:0}
.productbox .types .cur{width:525px}
.productbox .types .cur img{width:0}
.productbox .types .cur img:last-child{width:100%}
.productbox .types a{color:#fff;font-size:18px}
.productbox .types .tit{position:absolute;z-index:10;left:0;right:0;top:40%;padding:30px 0;color:#fff;text-align:center}
.productbox .types .tit .t2{font-size:14px;color:#adaaa7;line-height:35px}
.productbox .types .cur .tit{background:url(../images/typeword.png) center center no-repeat}
.productbox2{background:#f5f5f5;padding:50px 0}
.productbox2 .list{padding-top:30px;overflow:hidden}
.productbox2 .list li{float:left;width:32%;margin:0 2% 2% 0}
.productbox2 .list li:nth-child(3n){margin-right:0}
.productbox2 .list li a{display:block;height:250px;position:relative}
.productbox2 .list li .img{height:250px;overflow:hidden}
.productbox2 .list li .img img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.productbox2 .list li .tit{position:absolute;left:0;right:0;bottom:0;line-height:50px;color:#fff;background:#000;background:rgba(0,0,0,.4);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.productbox2 .list li a:hover img{width:120%;height:120%;margin:-10% 0 0 -10%}
.productbox2 .list li a:hover .tit{background:#0088d9;background:rgba(0,136,237,.6)}
.productbox2 .more{margin-top:20px}
.productbox2 .more a{background:0 0;border:1px solid #8d8d8d;color:#8d8d8d}
.productbox2 .more a:hover{background:#0088d9;border-color:#0088d9;color:#fff}

.casebox{overflow:hidden;padding:60px 0;background:url(../images/casebg2.jpg) center top no-repeat}
.casebox .c{overflow:hidden;margin:80px 0 30px 0}
.casebox .item{float:left;position:relative}
.casebox .item a{display:block;width:100%;height:100%}
.casebox .item img{width:100%;height:100%;object-fit:cover}
.casebox .item1:nth-child(1){width:30%;height:620px}
.casebox .item1:nth-child(2){width:70%;height:310px}
.casebox .item1:nth-child(3){width:35%;height:310px}
.casebox .item1:nth-child(4){width:35%;height:155px}
.casebox .item1:nth-child(5){width:35%;height:155px}
.casebox .item div{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.2)}
.casebox .item h2{position:absolute;left:10%;top:60%;color:#fff;font-size:22px;transition:all .5s}
.casebox .item h4,.casebox .item h5{position:absolute;left:10%;top:200%;font-size:16px;color:#fff;transition:all .5s}
.casebox .item h4{font-size:14px;color:#eee}
.casebox .item h5 span{display:inline-block;padding:5px 15px;background:#fff;color:#0088d9;font-size:12px}
.casebox .item1:nth-child(1) h2{top:75%}
.casebox .item a:hover div{background:rgba(243,142,2,.8)}
.casebox .item a:hover h2{top:10%}
.casebox .item a:hover h4{top:20%}
.casebox .item a:hover h5{top:50%}
.casebox .b{position:relative;padding:30px 80px;background:#fff;margin:50px 0}
.casebox .owl-nav div{position:absolute;width:48px;height:47px;text-indent:100px;overflow:hidden;top:50%;margin-top:-24px;background:url(../images/prevnext.jpg) no-repeat}
.casebox .owl-nav .owl-prev{left:-65px;background-position:0 0}
.casebox .owl-nav .owl-next{right:-65px;background-position:right 0}
.casebox .owl-nav div.hover{background-image:url(../images/prevnext2.png)}
.casebox .b a{display:block;text-align:center;line-height:35px;color:#000}
.casebox .b .img{height:200px;position:relative;overflow:hidden}
.casebox .b .img img{width:100%;height:100%;object-fill:cover}

.casebox2{padding-top:30px;}
.casebox2 .list{overflow:hidden}
.casebox2 .list .item2{float:left;width:32%;margin:0 2% 2% 0}
.casebox2 .list .item2:nth-child(3n){margin-right:0}
.casebox2 .list .item2 a{display:block;height:250px;position:relative;overflow:hidden;}

.newsbox{background:#f5f5f5;padding-bottom:60px;overflow:hidden}
.newsbox .list{margin-top:50px;overflow:hidden}
.newsbox .list ul{float:left;width:45%;margin-right:5%}
.newsbox .list ul:last-child{overflow:hidden}
.newsbox .list li{position:relative;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #d9d9d9;overflow:hidden}
.newsbox .list .img{float:left;width:150px;height:120px;margin-right:20px;position:relative;overflow:hidden}
.newsbox .list .img img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;margin:auto}
.newsbox .list .cont{color:#595959;line-height:20px;height:60px;font-size:12px;overflow:hidden}
.newsbox .list .time{line-height:35px;color:#9e9e9e}
.newsbox .list .tit{color:#111}
.newsbox .list a:hover .tit{color:#ea771e}
.newsbox .list li:last-child{border:0}
.newsbox .list ul:last-child .time{position:absolute;right:0;top:0;line-height:20px}
.newsbox .list ul:last-child li{margin-bottom:17px;padding-bottom:17px}
.newsbox .list ul:last-child li i{display:inline-block;height:10px;width:10px;border-radius:100%;margin-right:10px;background:url(../images/dot.jpg) center center no-repeat}
.newsbox .item a{display:block;background:#fff;color:#000}
.newsbox .item .img{height:250px;overflow:hidden}
.newsbox .item .img img{height:100%;width:100%;object-fit:cover;transition:all .5s}
.newsbox .item .text{padding:20px;line-height:35px}
.newsbox .item .tit{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newsbox .item .cont{height:60px;line-height:20px;font-size:14px;color:#aaa;overflow:hidden;margin:10px 0}
.newsbox .item .more{text-align:left;padding:0 20px 20px 20px}
.newsbox .item .more span{display:inline-block;padding:5px 20px;background:#eee;color:#000}
.newsbox .item a:hover .img img{width:120%;height:120%;margin:-10% 0 0 -10%}
.newsbox .item a:hover .tit{color:#0088d9}
.newsbox .item:hover .more span{background:#0088d9;color:#fff}
.newsbox .owl-nav div{position:absolute;width:19.5px;height:35px;text-indent:100px;overflow:hidden;top:50%;margin-top:-24px;background:url(../images/newspn.png) no-repeat}
.newsbox .owl-nav .owl-prev{left:-65px;background-position:0 0}
.newsbox .owl-nav .owl-next{right:-65px;background-position:right 0}
.footword{background:#1c7ebc;padding:30px 0;overflow:hidden}
.footword img{float:left;height:70px}
.footword img:last-child{height:auto;margin:30px 0 0 60px}
.footlogo{display:none;float:left;margin-right:10%}
.footcontact{position:absolute;right:0;top:10px}
.footcontact .t{line-height:40px;font-size:18px;color:#fff}
.footcontact .t div{font-size:28px;color:#f28d01;font-weight:700}
.footmenu{float:left;width:70%;height:300px}
.footmenu li{float:left;width:14%}
.footmenu li a{font-size:14px;line-height:50px;color:#fff}
.footmenu li li{float:none;width:100%;background:0 0}
.footmenu li li a{line-height:35px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a4a2a2}
.footmenu li li a:hover{color:#fff}
.footmenu li:last-child{background:0 0}
.footqrcode{position:absolute;width:145px;right:270px;top:0;white-space:nowrap;color:#666}
.footqrcode .q{float:left;margin:10px 0;padding:10px 0;font-size:0}
.footqrcode .q img{width:100%}
.footcopyright{text-align:center;padding:20px 0 0 0;border-top:1px solid #494949;color:#fff}
.footcopyright a{color:#fff}
.footer{position:relative;clear:both;background:#222;color:#fff;padding:50px 0;font-size:14px;overflow:hidden}
.footer .m{position:relative}
.gotop{position:fixed;right:30px;bottom:30px;padding:5px;width:50px;line-height:25px;font-size:16px;text-align:center;background:#0088d9;color:#fff}
.gotop i{display:block;height:30px;background:url(../images/gotop.png) center center no-repeat}
.floatbutton{position:fixed;width:80px;right:30px;bottom:100px;color:#fff;text-align:center}
.floatbutton .item{padding:15px 0;line-height:25px;font-size:14px;position:relative}
.floatbutton .item a{color:#fff}
.floatbutton .item i{display:block;height:30px;background:url(../images/gotop.png) center center no-repeat}
.floatbutton .item div,.floatbutton .item img{position:absolute;right:120%;top:0;height:0;overflow:hidden;transition:all .5s}
.floatbutton .item:nth-child(1){background:#a6a6a6}
.floatbutton .item:nth-child(1) i{background-image:url(../images/qq.png)}
.floatbutton .item:nth-child(2){background:#f28d01}
.floatbutton .item:nth-child(2) i{background-image:url(../images/weixin.png)}
.floatbutton .item:nth-child(3){background:#0e73b9}
.floatbutton .item:nth-child(3) i{background-image:url(../images/phone.png)}
.floatbutton .item:nth-child(4){background:#000}
.floatbutton .item:nth-child(4) i{background-image:url(../images/gotop.png)}
.floatbutton .item:hover img{width:120px;height:120px}
.floatbutton .item:hover div{height:30px;line-height:30px;padding:15px;background:#0e73b9;color:#fff;white-space:nowrap}


.in{padding:20px 0;background:#f5f5f5;overflow:hidden}
.in .left{float:left;width:300px;margin-right:20px}
.in .left .title{display:none}
.in .left .list a{display:block;padding:0 25px;line-height:60px;color:#000;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.in .left .list li{position:relative;margin-bottom:10px;background:#fff url(../images/r.png) 270px 25px no-repeat;}
.in .left .list li li{border-bottom:1px solid #eee;margin:0;}
.in .left .list li li a{padding-left:30px;font-size:16px}
.in .left .list li ul{display:none;border-top:1px solid #000}
.in .left .list li .jia{display:inline-block;position:absolute;right:10px;top:7.5px;height:15px;line-height:15px;font-size:12px;color:#000;cursor:pointer}
.in .left .list li.cur a,.in .left .list a:hover{background:#0088d9 url(../images/r1.png) 270px 25px no-repeat;color:#fff;}

.in .left .list li.cur ul{display:block;}
.in .left .list li.cur li a{background-color:#fff;color:#000;}
.in .left .list li.cur li a:hover,.in .left .list li.cur li.cur2 a{color:#0080cc}

.in .left .contact{background:#fff;margin-bottom:20px;padding:25px;border-top:3px solid #0088d9}
.in .left .contact .title{display:block;font-size:25px;text-align:left}
.in .left .contact .list li{line-height:30px;padding:10px 0;padding-left:50px}
.in .left .contact .list li:nth-child(1){background:url(../images/lefticon1.png) 0 center no-repeat}
.in .left .contact .list li:nth-child(2){background:url(../images/lefticon4.png) 0 center no-repeat}
.in .left .contact .list li:nth-child(3){background:url(../images/lefticon3.png) 0 center no-repeat}
.in .left .contact .list li:nth-child(4){background:url(../images/lefticon2.png) 0 center no-repeat}

.inproduct .left .list li.cur a,.inproduct .left .list a:hover{background:#0088d9 url(../images/r2.png) 270px 25px no-repeat;color:#fff;}

.in .right{background:#fff;padding:20px;overflow:hidden}
.in .right .title{font-size:20px;font-weight:400;text-align:left;height:40px;line-height:40px;border-bottom:1px solid #0088d9;color:#0088d9;font-weight:700;background-image:none;margin-bottom:5px;}
.in .right .location{position:absolute;right:20px;top:20px;line-height:40px;font-size:12px}
.in .right .content{padding:10px 0;word-wrap:break-word}


.productlist li{float:left;width:25%}
.productlist li a{position:relative;display:block;margin:5px;text-align:center;color:#333}
.productlist li a .img{position:relative;height:0;padding-bottom:70%;overflow:hidden;border:1px solid #eee}
.productlist li a .img img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;margin:auto;object-fit:cover}
.productlist li a .tit{padding:0 10px;height:50px;line-height:50px;background:#fff;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.productlist li a .time{display:none}
.productlist li a.hover{box-shadow:#eee 2px 2px 3px 5px}
.productlist li a:hover .configs{max-height:500px}
.productlist li a:hover .tit{color:#da251c}

.newslist a{display:block;position:relative;line-height:45px;border-bottom:1px dashed #ddd;font-size:14px;color:#333}
.newslist a .time{position:absolute;right:0;top:0;display:inline-block;height:45px;line-height:45px}
.newslist a img{display:none}
.newslist a:hover{color:#0088d9;}
.newslist li{margin:5px 0;}
.newslist2 li{position:relative;clear:both}
.newslist2 a{display:block;padding-bottom:20px;margin-bottom:20px;line-height:30px;border-bottom:1px dashed #eaeaea;font-size:12px;color:#333}
.newslist2 a .time{position:absolute;right:0;top:0;display:inline-block;height:25px;line-height:25px}
.newslist2 a .img{float:left;width:145px;height:95px;margin-right:15px;position:relative;overflow:hidden}
.newslist2 a .img img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;margin:auto}
.newslist2 a:hover .tit{color:#da251c;font-weight:700}
.infoshow .tit{height:45px;line-height:45px;font-size:18px;border-bottom:1px dashed #eaeaea;color:#333;text-align:center}
.infoshow .time{font-size:12px;text-align:center;line-height:30px}
.infoshow .info{font-size:12px;text-align:center;line-height:25px;color:#333}
.infoshow .img{text-align:center;margin:15px}
.infoshow .cont{clear:both;font-size:25px!important;line-height:30px;color:#333;margin:10px 0}
.infoshow .cont a{font-size:25px!important;color:#333}
.infoshow .cont *{font-size:20px!important;}
.infoshow .prevnext{line-height:30px;font-size:12px}
.infoshow .prevnext a{font-size:12px}
.infoshow .imgs .left{float:left;width:120px;text-align:center}
.infoshow .imgs .left img{width:110px;height:110px;border:1px solid #333;cursor:pointer}
.infoshow .imgs .right{float:left;width:630px;text-align:center;overflow:hidden}
.infoshow .imgs .right img{height:350px}
.infoshow .cont .ctit{height:40px;border-bottom:1px solid #b61b23;margin-top:10px}
.infoshow .cont .ctit span{display:inline-block;cursor:pointer;height:40px;line-height:40px;text-align:center;font-size:16px;background:#9e9e9e;color:#fff;margin-right:2px;padding:0 15px}
.infoshow .cont .ctit span.cur{background:#b61b23}
.infoshow .cont .ccont div{display:none}
.infoshow .cont .ccont div.cur{display:block}
.inmessage{font-size:14px}
.inmessage input[type=text]{width:300px;height:25px}
.inmessage input[type=reset],.inmessage input[type=submit]{padding:0 20px;height:30px}
.inmessage li{font-size:14px;margin-bottom:14px}
.inmessage li span{display:inline-block;width:60px}
.inmessage li.cont span{float:left}
.inmessage li.btn{clear:both}
.page{clear:both;height:100px;line-height:100px;text-align:center;font-size:14px;color:#333}
.page a{display:inline-block;text-align:center;height:30px;line-height:30px;padding:0 10px;margin:5px;border:1px solid #eaeaea;font-size:12px;color:#333}
.page a.cur,.page a:hover{background:#0088d9;color:#fff;}



.inproduct .left .contact{margin-top:30px}

.inproduct .right{padding:0;}
.inproduct .right .title{height:50px;line-height:50px;}
.inproduct .infoshow{padding:0 20px;}

.inproduct .infoshow .list li{clear:both;overflow:hidden;margin:20px;padding-right:20px;border:1px solid #eee;}
.inproduct .infoshow .list li span{display:block;float:left;width:75px;height:75px;line-height:75px;margin-right:20px;background:#eee;font-size:40px;text-align:center;}
.inproduct .infoshow .list li div{height:75px;line-height:75px;overflow:hidden;}
.inproduct .infoshow .list li div font{display:inline-block;line-height:25px;vertical-align:middle;}
.inproduct .infoshow .list li:hover span{background:#4291da;color:#fff;}


.inabout .top{line-height:100px;background:#f4f4f4;box-shadow:0 5px 5px 1px #eee;}
.inabout .top li{display:inline-block;width:12%;text-align:center;font-size:0;}
.inabout .top li a{font-size:16px;display:block;color:#333;}
.inabout .top li.cur,.inabout .top li:hover{background:#0088d9;}
.inabout .top li.cur a,.inabout .top li a:hover{color:#fff;}
.inabout .top li img{vertical-align:middle;margin-right:10px;}
.inabout .top li img.b{display:none;}
.inabout .top li.cur img.a,.inabout .top li a:hover img.a{display:none;}
.inabout .top li.cur img.b,.inabout .top li a:hover img.b{display:inline-block;}

.inabout .content .a{margin:80px 0;overflow:hidden;}
.inabout .content .a .m{position:relative;overflow:hidden;}
.inabout .content .a .l{float:left;width:60%;margin-right:10%;min-height:350px;}
.inabout .content .a .l .l1{font-size:30px;font-weight:bold;margin-bottom:20px;}

.inabout .content .a .l .l3{overflow:hidden;margin:30px 0;}
.inabout .content .a .l .l3 .ll{float:left;width:40%;}
.inabout .content .a .l .l3 .ll2{width:30%;}
.inabout .content .a .l .l3 .ll3{width:25%;}
.inabout .content .a .l .l3 .ll div:first-child span{font-size:60px;font-weight:bold;color:#0088d9;}
.inabout .content .a .l .l3 .ll div:last-child{font-size:12px;}

.inabout .content .a .r{position:absolute;background:#0088d9;right:0;top:0;bottom:0;width:30%;text-align:center;}
.inabout .content .a .r div:first-child{margin-top:10%;}
.inabout .content .a .r div:last-child img{height:30px;margin-top:10%;}

.inabout .content .b{overflow:hidden;}
.inabout .content .b .bb{clear:both;overflow:hidden;}
.inabout .content .b .b1{float:left;width:50%;font-size:0;overflow:hidden;}
.inabout .content .b .b2{padding:3% 6% 0 8%;overflow:hidden;}
.inabout .content .b .b1 img{width:100%;height:400px;object-fit:cover;margin:0;padding:0;transition:all 0.5s;}
.inabout .content .b .bb:hover .b1 img{transform:scale(1.2)}
.inabout .content .b .bb.r .b1{float:right;}
.inabout .content .b .bb1{font-size:20px;font-weight:500;margin-bottom:10px;}
.inabout .content .b .bb2{line-height:30px;font-size:14px;}
.inabout .content .b .line span{display:inline-block;height:3px;width:60px;background:#ccc;margin:10px 0;}
.inabout .content .c{padding:30px 0;background:url(../images/honourbg.jpg) center top no-repeat;}

.inabout .content .c .item .text div{display:none;}
.inabout .content .c .item .text .tit{display:block;text-align:center;line-height:50px;color:#333;}

.inabout .content .c .item .img{padding-top:130%;position:relative;overflow:hidden;background:#eee;}
.inabout .content .c .item .img img{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;margin:auto;}

.inabout .content .c .owl-nav div{position:absolute;width:19.5px;height:35px;text-indent:100px;overflow:hidden;top:50%;margin-top:-24px;background:url(../images/newspn.png) no-repeat}
.inabout .content .c .owl-nav .owl-prev{left:-65px;background-position:0 0}
.inabout .content .c .owl-nav .owl-next{right:-65px;background-position:right 0}

.inculture{background:#fff;}
.inculture .a .cont{text-align:center;line-height:50px;margin:20px 0;}

.inculture .b{padding:35px 0 100px 0;background:url(../images/hexinbg.jpg) center top no-repeat;overflow:hidden;}
.inculture .b .list{clear:both;overflow:hidden;}
.inculture .b .bb{background:#fff;overflow:hidden;}
.inculture .b .b1{float:left;width:50%;font-size:0;overflow:hidden;}
.inculture .b .b2{padding:5% 5%;overflow:hidden;}
.inculture .b .b1 img{width:100%;height:300px;object-fit:cover;margin:0;padding:0;transition:all 0.5s;}
.inculture .b .bb:hover .b1 img{transform:scale(1.2)}
.inculture .b .bb.r .b1{float:right;}
.inculture .b .bb1{font-size:20px;font-weight:500;margin-bottom:10px;}
.inculture .b .bb2{line-height:30px;font-size:14px;}
.inculture .b .line span{display:inline-block;height:3px;width:60px;background:#ccc;margin:10px 0;}

.inculture .c{background:#f5f5f5;padding:50px 0;overflow: hidden;}
.inculture .c .list{clear:both;overflow:hidden;padding-top:20px;}
.inculture .c .bb{float:left;width:32%;margin:0 2% 2% 0;background:#fff;padding:30px 0;text-align:center;}
.inculture .c .bb:nth-child(3n){margin-right:0;}
.inculture .c .bb1{font-size:20px;line-height:60px;}
.inculture .c .bb2{padding:0 50px;line-height:30px;font-size:14px;height:150px;text-align:left;}



.intitle{display:block;padding:20px 0;height:200px;text-align:center;background:url(../images/inabout.png) center center no-repeat;}
.intitle div:nth-child(1){font-size:30px;padding-top:40px;}
.intitle div:nth-child(2) span{display:inline-block;width:40px;height:2px;background:#004b9f;margin:25px 0;}

.incontact{background:#f4f4f4;padding-bottom:40px;}
.incontact .intitle{background-image:url(../images/incontact.png);}
.incontact table{border-radius:8px;overflow:hidden;}
.incontact table td{padding-top:60px;background:url(../images/addon.png) 10px 20px no-repeat;}
.incontact .map{padding:3px;background:#fff;overflow:hidden;}



.inpartner .list{overflow:hidden;margin:30px 0 100px 0;}
.inpartner .list li{float:left;width:15%;margin:2% 2% 0 0;}
.inpartner .list li:nth-child(6n){margin-right:0;}
.inpartner .list li a{display:block}
.inpartner .list li .img{padding-top:55%;position:relative;overflow:hidden;border:2px solid #eee;}
.inpartner .list li .img img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:contain;}
.inpartner .list li:hover .img{box-shadow:0 0 20px rgb(0 0 0 / 10%);}


.inhonour .list{overflow:hidden;padding:50px;margin:30px 0;box-shadow:0 0 5px 1px #eee;}
.inhonour .list .a{float:left;width:50%;margin-right:5%;}
.inhonour .list .a .tt{line-height:50px;font-size:20px;}
.inhonour .list .a .ll span{margin:20px 0;display:inline-block;height:2px;width:50px;background:#004b9f;}
.inhonour .list .a ul{height:400px;overflow:auto;}
.inhonour .list .a li{line-height:40px;border-bottom:1px solid #eee;cursor:pointer;}
.inhonour .list .b{overflow:hidden;}
.inhonour .list .b img{width:100%;height:500px;object-fit:contain;}

.inhonour .list2 .b{float:left;width:50%;margin-right:5%;}
.inhonour .list2 .a{float:unset;width:unset;margin:0;overflow:hidden;}

.inhonour .list3{overflow:hidden;}
.inhonour .list3 .a{float:none;width:100%;margin:0;text-align:center;}
.inhonour .list3 .a ul{height:auto;}
.inhonour .list3 .a li{float:left;width:32%;margin:0 2% 2% 0;}
.inhonour .list3 .a li:nth-child(3n){margin-right:0;}
.inhonour .list3 .a li img{width:100%;height:300px;object-fit:contain;}
.inhonour .list3 .a li a{display:block;border:1px solid #ddd;padding:10px;text-align:center;}
.inhonour .list3 .a li div{background:#0088d9;color:#fff;}




