*{margin:0; padding:0; font-family:"Helvetica Neue";}
body { background:#fff; font-size: 14px; line-height: 24px;color: #555;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
.fl{ float: left; }
.fr{ float: right;}
.left{float: left;}
.right{float: right;}
.f12{ width: 1200px; margin: 0 auto; overflow: hidden;}
.f13{ width: 1280px; margin: 0 auto; overflow: hidden;}
.warp{ padding: 35px 0; overflow: hidden;}
/*--- header ---*/
.top{ width: 100%; background: #e8e7e7; height: 35px; overflow: hidden; line-height: 35px;}
.welcomne{ width: 500px; float: left;  text-indent: 25px;}
.fav{ width: 360px; float: right; overflow: hidden;}
.fav li{ width: 120px; float: left; text-indent: 18px; overflow: hidden;}
.f1{ background: url(../Image/fav1.jpg) no-repeat left center;}
.f2{ background: url(../Image/fav2.jpg) no-repeat left center;}
.f3{ background: url(../Image/fav3.jpg) no-repeat left center;}
.header{ width: 1200px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.logo{ float: left;}
.tel{ float: right; text-align: right;}
/*--- nav ---*/
.nav{ width: 100%; background: #204ea4; margin: 0 auto; height: 60px; z-index: 9999;}
.nav ul{ width: 1199px; margin: 0 auto;}
.nav ul li{ width:108px; border-right: 1px solid #fff; float: left; text-align: center; line-height: 60px;}
.nav ul li a{ display: block; width: 100%; height: 60px; color: #fff; font-size: 16px; font-weight: 700;}
.nav ul li a:hover{ background: #f00;opacity: 1;transition: 0.3s;}
.nav ul li ul {left: -999em; width: 78px; padding: 0 15px; background: #fff; position: absolute;  z-index: 99999;}
.nav ul li ul li{width: 78px; height: 40px; border-bottom: 1px solid #dadddf; line-height:40px; border-right: none; }
.nav ul li ul li a{display: block; width: 78px; text-align:center; color:#333; text-indent:0; height:40px; font-size: 14px;}
.nav ul li ul li a:hover{ color:#f00;  height:40px; background: none;}
.nav ul li:hover ul {left: auto;}
.nav ul li.sfhover ul {left: auto;}
/*--- banner ---*/
#banner{ width: 100%; height:680px;position:relative}
#slides { display:block; width:100%; height:680px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:20px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#f00 }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.nbanner{ width: 100%; height: 334px; background: url(../Image/n-banner.jpg) no-repeat left center;}
/*--- main ---*/
.serch-box{ width: 100%; height: 60px; border-bottom: 1px solid #ebe9e9; background: #eee; overflow: hidden;}
.keywords{ width: 890px; float: left; line-height: 60px;}
.keywords span{ color: #333; font-size: 16px;}
.serch{ width: 303px; float: right; margin: 14px 4px 0 0; overflow: hidden;}
.input_search{ width:252px; border:none; float: left; background: url(../Image/serch-txt.jpg); height:36px;text-indent:15px;}
.search-btn{ width:51px; height:36px; float: right; border:none; background:url(../Image/go.jpg); text-indent:-9999px;}

/*--- main ---*/
.main{ width: 100%; padding: 30px 0; overflow: hidden;}

.m-parter{ overflow: hidden;}
.m-parter .hd{ text-align: center;}
.m-parter .bd{margin-top: 18px; overflow: hidden;}
.parter-box{ width: 100%; height: 83px; position:relative; overflow: hidden;}
.parter-box .hdd{ width: 100%; height:31px;overflow:hidden; position: absolute; left:0; top:25px; z-index:999}
.parter-box .hdd .prev{ display:block;  width:28px; height:31px; float:left;overflow:hidden;cursor:pointer; background: url(../Image/m-parter-left.jpg);}
.parter-box .hdd .next{ display:block;  width:28px; height:31px; float:right; overflow:hidden;cursor:pointer; background: url(../Image/m-parter-right.jpg);}
.parter-box .bdd{ width: 1130px; margin: 0 auto; height: 83px; overflow: hidden;}
.parter-box .bdd ul{ width: 100%; height: 83px;}
.parter-box .bdd ul li{ width: 226px; text-align: center; float: left; overflow: hidden;}
.parter-box .bdd ul li img{ width: 206px; height: 81px;}
.parter-box .bdd ul li a{ display: block; margin: 0 auto; width: 206px; height: 81px; border: 1px solid #dedede;}

.m-product{ width: 100%; height: 865px; margin-top: 51px; background: url(../Image/m-product-bg.jpg) no-repeat top center; overflow: hidden;}
.m-p-list{ width: 249px; float: left; padding:29px 8px 0 11px;  background: url(../Image/p-top.jpg) no-repeat top center;}
.m-p-list .hd{ width: 100%; height: 87px; background: #205dcf; text-align: center; overflow: hidden;}
.m-p-list .bd{ width: 100%; background: #edeeee; overflow: hidden;}
.m-p-list .bd ul{ width: 224px; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.m-p-list .bd ul li{ width: 100%; height: 55px; text-indent: 34px; line-height: 55px; border-bottom: 1px solid #dadbdc; overflow: hidden;}
.m-p-list .bd ul li a{ display: block; width: 100%; height: 55px; background: url(../Image/p1.jpg) no-repeat left center;}
.m-p-list .bd ul li a:hover{ background:#fff url(../Image/p2.jpg) no-repeat left center;  color: #1269cc;  font-weight: 700;}
.m-p-list .md{ width: 100%; background: #205dcf;padding: 20px 0; text-align: center; color: #fff; border-radius: 0 0 15px 15px;}
.m-p-list .md li{ margin-bottom: 5px;}
.m-p-list .md li span{ font-size: 30px; font-weight: 700;}

.m-p-box{ width: 921px; float: right; padding-top: 80px; overflow: hidden;}

.multipleColumn{ width: 100%; height: 760px; overflow: hidden;}
.multipleColumn .bd{}
.multipleColumn .bd ul{ width: 285px; margin: 0 11px; float: left;}
.multipleColumn .bd ul li{ width: 100%; height: 350px; padding-bottom: 30px;}
.multipleColumn .bd ul li a{ display: block; width: 100%; height: 350px; background:#fff url(../Image/pp1.png) no-repeat bottom center; border-radius: 10px; color: #333;}
.multipleColumn .bd ul li a:hover{ background:#205dcf url(../Image/pp2.png) no-repeat bottom center;  color: #fff;}
.multipleColumn .bd ul li .pic{ width: 100%; height: 255px; border-radius: 10px 10px 0 0; overflow: hidden;}
.multipleColumn .bd ul li .pic img{ width: 285px; height: 255px;}
/*.multipleColumn .bd ul li .pic img:hover{transform: scale(1.2);}*/
.multipleColumn .bd ul li .title{ width: 80%; margin:0 auto; padding-top: 15px; font-size: 14px;}
.multipleColumn .bd ul li .title span{ font-size: 16px;}

.m-fav{ background: url(../Image/youshi-bg.jpg) no-repeat top center; height: 750px; padding-top: 50px; overflow: hidden;}
.m-fav .hd{ text-align: center;}
.m-fav .bd{ background: url(../Image/cc.png) no-repeat bottom center; padding: 20px 0 86px 0; overflow: hidden;}
.fav-left{ width: 315px; float: left; overflow: hidden;}
.fav-center{ width: 545px; float: left; text-align: center; font-size: 22px; padding-top: 20px; color: #0f4bad; font-weight: 700;}
.fav-center span{ color: #de1537;}
.fav-right{ width: 315px; float: right; overflow: hidden;}
.cc10{ width: 100%; padding-bottom:20px; overflow: hidden;}
.cc10 .chd{ padding: 15px 0 10px 58px; border-bottom: 1px dashed #999; font-size: 25px; color: #353535; font-weight: 700;}
.cc10 .chd span{ font-size: 12px; color: #565656; font-weight: none;}
.cc10 .cbd{ padding: 10px 0; line-height: 2.3;}
.fa1{ background: url(../Image/01.jpg) no-repeat left center;}
.fa2{ background: url(../Image/02.jpg) no-repeat left center;}
.fa3{ background: url(../Image/03.jpg) no-repeat right center;}
.fa4{ background: url(../Image/04.jpg) no-repeat right center;}
.cc20{ width: 100%; padding-bottom:20px; overflow: hidden;}
.cc20 .chd{ padding: 15px 58px 10px 0; border-bottom: 1px dashed #999; text-align: right; font-size: 25px; color: #353535; font-weight: 700;}
.cc20 .chd span{ font-size: 12px; color: #565656; font-weight: none;}
.cc20 .cbd{ padding: 10px 0; line-height: 2.3;}

.m-case{ width: 100%; height: 752px; margin: 15px 0; overflow: hidden; background: url(../Image/case-bg.jpg) no-repeat top center; overflow: hidden;}
.m-case .hd{ width: 1200px; margin: 0 auto; text-align: center; line-height: 35px; padding: 60px 0 25px 0; background:url(../Image/case-hd-bg.png) no-repeat bottom center; color: #fff; font-size: 36px;}
.m-case .hd span{ font-size: 14px;}

.slideGroup{ width:100%; padding-top: 30px; overflow: hidden;}
.slideGroup .parHd{ width: 1200px; margin: 0 auto; height: 55px; padding-bottom: 30px; overflow: hidden;}
.slideGroup .parHd ul{}
.slideGroup .parHd ul li{ width: 190px; border-radius: 5px; float: left; margin: 0 5px; height: 55px; text-align: center; background: #2d83dd; color: #fff; line-height: 55px;}
.slideGroup .parHd ul li.on{ background: #f00;}
.slideGroup .parBd{ width: 100%; height: 470px; overflow: hidden;}
.slideGroup .slideBox{ width: 100%; height: 470px; overflow:visible; position:relative;}
.slideGroup .parBd .cpp{ width: 1200px; height: 353px; margin: 0 auto; overflow: hidden;}
.slideGroup .parBd .cpp ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd .cpp ul li{ width: 340px; padding: 10px; height: 333px; margin: 0 20px; float: left; background: #fff; overflow: hidden;}
.slideGroup .parBd .cpp ul li .pic{ width: 100%; height: 212px; overflow: hidden;}
.slideGroup .parBd .cpp ul li .pic img{ width: 340px; height: 212px;  object-fit: cover;}
.slideGroup .parBd .cpp ul li .title{  padding: 8px 0; line-height: 30px; font-size: 14px; color: #999;}
.slideGroup .parBd .cpp ul li .title a{ font-size:18px; color: #333; }
.slideGroup .parBd .link{ width: 400px; height: 50px; margin: 0 auto; clear: both; padding-top: 30px;}
.slideGroup .parBd .link li{ width: 180px; float: left; height: 50px; text-align: center; line-height: 50px; margin: 0 10px; overflow: hidden;}
.slideGroup .parBd .link .c1{ background: #fff; border-radius: 8px;}
.slideGroup .parBd .link .c1 a{ color: #333;}
.slideGroup .parBd .link .c1 a:hover{ text-decoration: underline;}
.slideGroup .parBd .link .c2{ background: #f00; border-radius: 8px;}
.slideGroup .parBd .link .c2 a{ color: #fff;}
.slideGroup .parBd .link .c2 a:hover{ text-decoration: underline;}
.slideGroup .parBd .ca{ width: 100%; height: 39px; overflow:hidden; position: absolute; left:0; top:155px; z-index:999}
.sNext{ width: 39px; height: 39px; float: left; background: url(../Image/case-bd-left.png);}
.sPrev{ width: 39px; height: 39px; float: right; background: url(../Image/case-bd-right.png);}

.m-line{ width: 100%; height: 430px; background: url(../Image/m-line-bg.jpg) no-repeat top center; padding-top: 83px; overflow: hidden;}
.m-line .hd{ text-align: center;}
.m-line .bd li{float: left;}

.m-message{ width: 100%; height: 205px; background: url(../Image/m-message.jpg) no-repeat top center; overflow: hidden;}
.m-m-left{ width: 490px; float: left; padding-top: 33px; color: #fff; overflow: hidden;}
.mm1{ font-size: 36px; font-weight: 700; line-height: 36px;}
.mm1 span{ color: #ebe20b;}
.mm2{ padding: 15px 0; overflow: hidden;}
.mm3{ width: 458px; padding: 15px; height: 27px; border: 1px solid #fff; border-radius: 30px; text-indent: 40px; background: url(../Image/m-m-tel.png) no-repeat left center; font-size: 18px; line-height: 27px;}
.m-m-message{ width: 680px; float: right; padding-top: 33px; overflow: hidden;}
.m-m-message .hd{ color: #fff; font-size: 18px;}
.m-m-message .hd span{ color: #ebe20b;}
.m-m-message .bd{ padding-top: 8px; overflow: hidden;}
.m-m-message .bd .mm-l{ width: 486px; float: left; overflow: hidden;}
.cc1{ width: 486px; height: 35px; background: #fff; border: none; border-radius: 3px; line-height: 35px; text-indent: 15px; margin-bottom: 8px;}
.cc2{ width: 200px; height: 35px; margin-right: 10px; background: #fff; border: none; border-radius: 3px; line-height: 35px; text-indent: 15px; margin-bottom: 5px;}
.cc3{ width: 80px; height: 35px; vertical-align: top;}
.m-m-message .bd .mm-r{ width: 168px; height: 113px; background: url(../Image/gogo.jpg); float: right;}
.cc4{ display: block; width: 100%; height: 113px; border: none; background: none; text-indent: -9999px;}

.m-about{ padding: 55px 0;  overflow: hidden;}
.m-about .hd{ text-align: center;}
.m-about .hd .hd1{ height: 55px; line-height: 55px; font-size: 36px; font-weight: 700; color: #000; overflow: hidden;}
.m-about .hd .hd1 span{ color: #f00;}
.m-about .hd .hd1 b{ font-size: 50px;}
.m-about .hd .hd2{ color: #cacac4; font-size: 16px; margin: 8px 0;}
.m-about .hd .hd3{ color: #333; font-size: 24px;}
.m-about .hd .hd3 span{ color: #f00;}
.m-about .md{ width: 1198px; margin-top: 40px; background: #ecf1fa; border: 1px solid #e8e4e4; height: 365px; overflow: hidden;}
.m-about .md .img{ float: left;}
.m-about .md .txt{ width: 509px; float: right; padding: 38px 50px 0 0; overflow: hidden;}
.m-about .md .txt .title{ font-size: 22px; color: 333;}
.m-about .md .txt .title span{ background: #205dcf; font-size: 30px; padding: 8px; color: #fff;}
.m-about .md .txt .content{ padding: 30px 0;  color: #333; font-size: 13px; line-height: 30px;}
.m-about .md .txt .more a{ font-size: 16px; color: #0d71c0;}
.m-about .md .txt .more a:hover{ color: #f00; text-decoration: underline;}
.m-about .bd{ padding: 30px 0 50px 0; border-bottom: 2px solid #dedede;}

.slideGroup1{ width:100%; overflow: hidden;}
.slideGroup1 .parHd1{ width: 100%; height: 46px; background: url(../Image/bbd.jpg) repeat-x; overflow: hidden;}
.slideGroup1 .parHd1 ul{ width: 510px; margin: 0 auto; height: 46px; background: #fff; overflow: hidden;}
.slideGroup1 .parHd1 ul li{ width: 160px; float: left; margin: 0 5px; border-radius: 5px; height: 46px; text-align: center; color: #fff; line-height: 46px; background: #205dcf;}
.slideGroup1 .parHd1 ul li.on{ background: #f00;}
.slideGroup1 .parBd1{ margin-top: 42px;}
.slideGroup1 .parBd1 ul{}
.slideGroup1 .parBd1 ul li{ width: 300px; text-align: center; line-height: 35px; float: left; overflow: hidden;}
.slideGroup1 .parBd1 ul li img{ width: 280px; border: 1px solid #dedede;}

.m-news{ padding: 35px 0; overflow: hidden;}
.m-news .hd{ font-size: 36px; text-align: center; padding-bottom: 20px;}
.m-news .md{ text-align: center;  padding-bottom: 25px; background:url(../Image/case-hd-bg.png) no-repeat bottom center; overflow: hidden;}
.m-news .bd{ margin-top: 30px;}
.m-newslist{ width: 556px; float: left;}
.m-newslist .hdd{ width: 100%; height:48px;line-height: 48px; background: url(../Image/m-news-hd-bg.jpg) no-repeat bottom center;overflow: hidden;}
.m-newslist .hdd p{float: left; color: #999; font-size: 15px;}
.m-newslist .hdd p span{ color: #1858ba; font-size: 24px;}
.m-newslist .hdd a{ float: right; text-align:right;}
.a-list{ margin-top: 33px; overflow: hidden;}
.a-list .img{ width:345px; height: 236px; float: left; }
.a-list .img img{ width: 345px; height: 236px;}
.a-list .txt{ width: 195px; float: right; overflow: hidden;}
.a-list .txt .title a{ font-size: 16px;}
.a-list .txt .time{ font-size: 16px; margin: 10px 0; color: #999;}
.a-list .txt .content{ width: 100%; height: 140px; padding: 6px 0; line-height: 28x; color: #999; overflow: hidden;}
.a-list .txt .more a{ color: #1858ba;}
.b-list {margin-top: 30px; overflow: hidden;}
.b-list li{ line-height: 35px;}
.b-list li a{ font-size: 15px;}
.b-list li span{ float: right; color: #999;}

.m-question{ width: 556px; float: right;}
.m-question .hdd{ width: 100%; height:48px;line-height: 48px; background: url(../Image/m-news-hd-bg.jpg) no-repeat bottom center;overflow: hidden;}
.m-question .hdd p{float: left; color: #999; font-size: 15px;}
.m-question .hdd p span{ color: #1858ba; font-size: 24px;}
.m-question .hdd a{ float: right; text-align:right;}
.m-question .bdd{ margin-top: 33px; overflow: hidden;}
.m-question .bdd div{ width: 100%; height: 134px; margin-bottom: 10px; overflow: hidden;}
.m-question .bdd div .img{ width: 178px; height: 134px; float: left;}
.m-question .bdd div .img img{ width: 178px; height: 134px;}
.m-question .bdd div .txt{ width: 345px; float: right; overflow: hidden;}
.m-question .bdd div .txt .q{ width: 100%; height: 30px; margin-bottom: 8px; text-indent: 32px; background: url(../Image/q.jpg) no-repeat left center; overflow: hidden;}
.m-question .bdd div .txt .a{ padding-left: 32px; background: url(../Image/a.jpg) no-repeat left top; color: #999;}

/*--- sidebar ---*/ 
.sidebar{ width: 280px; float: left; overflow: hidden;}
.s-p{ width: 278px; border: 1px solid #dedede; overflow: hidden;}
.s-p .hd{ width: 100%; height: 50px; text-align: center; background: #2860ca; font-size: 20px; color: #fff; line-height: 50px; overflow: hidden;}
.s-p .bd ul{ width: 80%; margin: 0 auto; padding: 15px 0; overflow: hidden;}
.s-p .bd ul li{ width: 100%; height: 40px; border-bottom: 1px dashed #cdcdcd; text-indent: 20px; line-height: 40px; margin-bottom: 10px;}
.s-p .bd ul li a{ display: block; width: 100%; height: 40px; }
.s-p .bd ul li a:hover{ background: #2860ca; color: #fff;opacity: 1;transition: 0.3s;}
.s-c{ width: 278px; margin-top: 20px; border: 1px solid #dedede; overflow: hidden;}
.s-c .hd{ width: 100%; height: 50px; text-align: center; background: #2860ca; font-size: 20px; color: #fff; line-height: 50px; overflow: hidden;}
.s-c .bd ul{ width: 80%; margin: 0 auto; padding: 15px 0; overflow: hidden; line-height: 30px;}
.s-c .md{text-align: center; padding: 8px 0; line-height: 24px;}

/*--- inside ---*/
.inside{ width: 900px; float: right; overflow: hidden;}
.catname{ width: 100%; text-align: right; line-height: 40px; height: 40px; border-bottom: 1px solid #dedede;}
.n-n{ width: 97%; margin: 0 auto; padding-top: 20px; line-height: 2.3; font-size: 18px; overflow: hidden;}

/*--- footer ---*/
.m-links{ background: #205dcf; height: 140px; overflow: hidden;}
.m-links .hd{ width: 140px; float: left;margin: 20px 0 0 20px;}
.m-links .bd{ width: 1000px; float: right;  line-height: 50px;}
.m-links .bd li{ float: left; margin-right: 20px;}
.m-links .bd li a{ color: #fff;}
.m-links .bd li a:hover{ color: #ff0; text-decoration: underline;}
.footer{ width: 100%; background: #21262c; padding: 50px 0; overflow: hidden;}
.f-left{ width: 850px; float: left;}
.f-fav{ width: 100%; overflow: hidden;}
.f-fav ul li{ width: 12.5%; float: left; overflow: hidden;}
.f-fav ul li a{ color: #a4b2c2; font-size: 16px;}
.f-contact{color: #a4b2c2; padding: 28px 0;  font-weight: 700;}
.f-contact a{ color: #a4b2c2;}
.f-prdocut{ width: 100%; overflow: hidden;}
.f-prdocut li{padding: 5px 15px; float: left; border: 1px solid #637182; margin-right: 15px; overflow: hidden;}
.f-prdocut li a{ color: #637182}
.f-prdocut li a:hover{ color: #f00;}
.f-txt{ margin-top: 10px; color: #a4b2c2;}
.f-txt a{color: #637182;}
.f-right{ width: 133px; float: right; overflow: hidden;}
.f-right ul li{ width: 100%; text-align: center; float: left; line-height: 35px; color: #fff;}
/*--- company ---*/
.gsjj .hd{line-height: 45px; text-align: center; font-size: 24px; color: #f00; font-weight: 700;}
.gsjj .bd{ padding: 20px 0;  line-height: 260%; overflow: hidden;}
.honor{ padding: 35px 0; overflow: hidden;}
.honor .hd{line-height: 45px; text-align: center; font-size: 24px; color: #f00; font-weight: 700;}
.honor .bd{ padding: 20px 0; overflow: hidden;}

#indexPro{ width:98%; margin:0 auto; height: 310px;  overflow:hidden;}
#indexPro li{width:230px; height:310px; float:left; text-align:center; }
#indexPro li img{ width: 200px; height: 283px; border: 1px solid #dedede; object-fit: cover;}

#indexPro1{ width:98%; margin:0 auto; height: 220px;  overflow:hidden;}
#indexPro1 li{width:250px; height:220px; float:left; text-align:center; }
#indexPro1 li img{ width: 240px; height: 180px; border: 1px solid #dedede; object-fit: cover;}

/*--- news ---*/
.newsa{height: auto;overflow: hidden;}
.newsa .left{width: 870px;}
.newsa .left li{ width: 430px; margin: 0px 5px 10px 0; float: left; position: relative; height: auto;overflow: hidden;margin-bottom: 40px;}
.newsa .left li i{position: absolute; z-index: 88;width: 30px;background:#006fff;height: 2px;left: 65px;top:30px;}
.newsa .left li:hover img{transform:scale(1.05,1.05) rotate(2deg)}
.newsa .left li:hover .newsTitBg{height: 80%;}
.ntime{float: left;width:60px;text-align: center;color: #fff;margin-right: 20px; }
.ntime span{display: block; width:60px;height: 60px;line-height: 60px;background: #006fff;color: #fff;font-size: 28px;font-family: Arial; }
.ntime p{width:60px;height: 60px;line-height: 60px;background: #888;color: #fff;font-size: 18px;text-transform:uppercase;font-family: Arial; }
.nfonta{height: auto;overflow: hidden;}
.nfonta img{display: block;width: 100%;transition:all 0.6s ease 0s}
.nfonta p{line-height: 25px;color: #777;margin:15px 0;font-size: 13px; }
.cccc{height: 75px; overflow: hidden;}
.nfonta p:nth-of-type(2){color: #aaa;}
.nfonta p:nth-of-type(2) em{float: right; color: #e51815;font-size: 22px;}
.nfontaa{height: 250px;overflow: hidden;position: relative;}
.nfontaa span{display: block;font-size: 16px;line-height: 45px;color: #fff;position: absolute;bottom: 0;left:10px;z-index: 9;}
.newsTitBg{position: absolute;bottom: 0;left: 0;width: 100%;height: 30%;z-index: 8;transition:.4s; background: linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0 ,0) 100%);background: -o-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0 0,0) 100%);background: -ms-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,0) 100%);background: -moz-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,0) 100%);}
.newsb{height: auto;overflow: hidden;font-size: 22px;}
.hotnews{height: auto;overflow: hidden;margin-top: 20px;width: 340px;}
.hotnews li{height: auto;overflow: hidden;margin-bottom: 15px;}
.hotnews li img{display: block;width: 100%;}
.hotnews li span{display: block;line-height: 40px;color: #777;}
.hotnews li p{line-height: 25px;color: #aaa;}
.hotnews li p em{float: right;}
.newsba{height: 210px;overflow: hidden;}



/*--- honor ---*/
.honorlist{ width: 100%; overflow: hidden;}
.honorlist ul{ width: 300px; text-align: center; float: left; height: 430px; overflow: hidden;}
.honorlist ul .img{ margin: 0 auto; width: 285px; height: 380px; overflow: hidden;}
.honorlist ul .img img{width: 285px; height: 380px; transition: all 0.3s;}
.honorlist ul .img img:hover{transform: scale(1.2);}
.honorlist ul .title{ padding-top: 10px;}
/*--- case ---*/
.casebox{ width: 100%; overflow: hidden;}
.casebox ul{ width: 278px; margin: 0 5px; float: left; text-align: center; height: 278px; margin-bottom: 20px;overflow:visible; position:relative;}
.casebox ul .img{  width: 280px; height: 278px; overflow: hidden;}
.casebox ul .img img{width: 280px; height: 278px; transition: all 0.3s;}
.casebox ul .img img:hover{transform: scale(1.2);}
.casebox ul .title{ width: 100%; height: 45px; line-height: 45px; background: url(../Image/case-bg.png); text-align: center; position: absolute; left:0; bottom:0; z-index:999}
.casebox ul .title a{ color: #fff;}
.casebox ul .title a:hover{ color: #ff0; text-decoration: underline;}

/*--- product ---*/
.prolist ul{height: auto;overflow: hidden;}
.prolist li{position: relative;height: 300px; float: left;width: 280px;text-align: center;margin:0 10px 10px 0;}
.prolist li:hover .fonta{height: 140px;bottom: 70px;}
.prolist li:hover .fonta i{display: block;}
.prolist li:hover .imga i{background: rgba(0,0,0,0.2)}
.prolist li img{display: block;width: 100%; height: 210px;  object-fit: cover;}
.fonta {position: relative;bottom: 0px; padding:10px 0;height: 70px;overflow: hidden;transition:.4s;background: #f3f7fa;z-index: 8;}
.fonta span{display: block;width: 100%;line-height: 40px;font-size: 16px;}
.fonta p{color: #006fff;line-height: 30px; font-size: 12px;}
.fonta p::before{content: '';width: 10px;height: 1px;border-bottom: 1px solid #006fff;display: inline-block;margin-right: 10px;margin-bottom: 4px;}
.fonta p::after{content: '';width: 10px;height: 1px;border-bottom: 1px solid #006fff;display: inline-block;margin-left: 10px;margin-bottom: 4px;}
.fonta i{display: none;font-style: normal;width: 235px;margin:10px auto;}
.fonta i a{display: block;float: left; width: 105px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5;margin:0 5px;transition:.4s;}
.fonta i a:hover{background: #f00;color: #fff;border: 1px solid #f00;}
.fonta i a:nth-of-type(1){background: #006fff;color: #fff;border: 1px solid #006fff;}
.fonta i a:nth-of-type(1):hover{background: #f00;border: 1px solid #f00;}
.imga{position: relative; height: auto;overflow: hidden;}
.imga i{position: absolute;z-index: 1;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}
.imgb{position: relative; height: 260px;overflow: hidden;}
.imgb i{position: absolute;z-index: 1;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}



/*--- product ---*/
.pid-hd{ padding: 45px 0 10px 0; border-bottom: 1px solid #dedede; overflow: hidden; line-height: 30px;}
.pid-hd .cname{ float: left; font-size: 24px; font-weight: 700; color: #205dcf; overflow: hidden; text-indent: 10px;}
.pid-hd .caname{ float: right; text-align: right;}
.pid-img{ width: 100%; overflow: hidden; padding: 30px 0; overflow: hidden;}
.pid-img .img{ width: 600px; float: left; overflow: hidden;}
.picFocus{ width: 100%;}
.picFocus .bdd li{ width: 100%; float: left; vertical-align:middle; }
.picFocus .bdd img{ width: 598px; height: 448px; display:block;  border: 1px solid #dedede; }
.picFocus .hd{ width:100%; margin-top: 30px; overflow: hidden;  overflow:hidden; }
.picFocus .hd ul{ overflow:hidden; zoom:1; }
.picFocus .hd ul li{ width: 80px; margin: 0 10px; float: left; text-align: center; height: 60px;}
.picFocus .hd ul li img{ width:78px; height: 58px;border: 1px solid #dedede;}
.picFocus .hd ul li.on{}
.picFocus .hd ul li.on img{ border-color:#f60;  }


.pid-img .txt{ width: 560px; float: right; overflow: hidden; background: #f8f7f7; padding: 10px;}
.pid-img .txt .titile{  font-size: 20px; font-weight: 700; color: #000; line-height: 35px;}
.img-txt-title{ width: 540px; padding-left: 20px; line-height: 2.2; margin: 5px 0; color: #333;}
.img-txt-title span{ color: #016bbf;}
.pid-img .txt ul{ padding: 20px 0 0 20px; overflow: hidden;}
.pid-img .txt ul .p-phone{ width: 213px; padding-left: 40px; background: url(../Image/p-phone.jpg) no-repeat left center; overflow: hidden; font-size: 14px; font-weight: 700; float: left;}
.pid-img .txt ul .p-phone span{ font-size: 28px; color: #205dcf; font-weight: 0;}
.pid-img .txt ul .t10{ width: 150px; height: 43px; float: left; text-align: center; line-height: 43px; background: #f00; border: none;  border-radius: 8px;}
.t10 a{ font-size: 18px;  color: #fff;}
.t10 a:hover{ color: #ff0;}

.pid-bd{ width: 100%; padding: 20px 0; overflow: hidden;}
.pid-inside{ width: 884px; float: left; overflow: hidden;}
.pid-content{ padding-bottom: 30px; overflow: hidden;}
.pid-content .hd{ width: 100%; height: 55px; background: url(../Image/pid-hd.jpg);  line-height: 55px; text-indent: 35px; color: #fff; font-size: 24px;}
.pid-content .md{ text-align: center; padding: 15px 0; line-height: 2; overflow: hidden;}
.p-md-1{ font-size: 65px; font-weight: 700; color: #000;}
.p-md-2{ font-size: 13px; color: #a2a2a2;}
.p-md-3 span{padding: 5px 20px; border: 1px solid #525252; border-radius: 10px; color: #525252;}

.n-n h2{ width: 150px; height: 50px; text-align: center; clear: both; line-height: 50px; background: #205dcf; font-size: 22px; font-weight: 400; color: #fff;}
.pid-cc{ padding-bottom: 30px;}
.pid-cc .hd{ text-align: center;}
.pid-cc .bd{padding: 35px 0 50px 0; overflow: hidden;}
.pid-cc .bd ul{ padding: 0 1px; overflow: hidden;}
.pid-cc .bd ul li{ width: 294px; float: left; text-align: center; line-height: 24px; height: 250px; overflow: hidden;}
.pid-cc .bd ul li img{ width: 280px; height: 210px;}
.pid-about{ padding-bottom: 30px;}
.pid-about .hd{ text-align: center;}
.pid-about .bd{ width: 80%; margin: 0 auto; padding: 30px 0;}
.pid-about .bd .img li{ width: 50%; float: left; text-align: center; padding-bottom: 10px;}
.pid-about .bd .content{ color: #333; font-size: 15px; line-height: 30px;}
.pcc1{ font-size:38px; line-height: 30px; font-weight: 700;}
.pcc1 span{ color: #f00;}
.pcc2{ color: #999; font-size: 14px;margin: 10px 0 8px 0;}
.pcc3{ margin-bottom: 10px;}
.pcc3 span{ padding: 5px 20px; color: #333; border: 1px solid #7d7d7d; border-radius: 30px;}
.pid-honor{ overflow: hidden; padding: 30px 0; overflow: hidden;}
.pid-honor .hd{ width: 100%; height: 55px; background: url(../Image/pid-hd.jpg);  line-height: 55px; text-indent: 35px; color: #fff; font-size: 24px;}
.pid-honor .bd{ margin-top: 20px; overflow: hidden;}

.p-right{ width: 286px; float: right; overflow: hidden;}
.pr-list .bd{ padding: 15px 0; overflow: hidden;}
.pr-list .bd ul{ width: 223px; margin: 0 auto;}
.pr-list .bd ul li{ width: 100%; height: 50px; line-height: 50px; text-indent: 35px; overflow: hidden; border-bottom: 1px solid #dedede;}
.pr-list .bd ul li a{ display: block; width: 100%; height: 50px; background: url(../Image/p3.jpg) no-repeat left center; }
.pr-list .bd ul li a:hover{ color: #fff; text-indent: 45px; background:#59bc2b url(../Image/p4.jpg) no-repeat center center; opacity: 1; transition: 0.2s;}
.pr-link{ width: 100%; padding: 40px 0; background: #205dcf; text-align: center; color: #fff; overflow: hidden;}
.pr-l-1{ font-size: 30px; font-weight: 700;}
.pr-l-2{ font-size: 20px; margin-top: 10px;}
.pr-l-3{ width: 147px; margin: 10px auto; height: 42px; line-height: 42px; border: 1px solid #fff; border-radius: 5px;}
.pr-l-3 a{  color: #fff; font-size: 16px;}
.pr-l-3 a:hover{ color: #ff0; text-decoration: underline;}
.pr-hots{ padding: 30px 0; overflow: hidden;}
.pr-hots .hd{border-left: 3px solid #2679ba; height: 20px; line-height: 20px; text-indent: 10px; font-size: 16px;}
.pr-hots .bd{ padding-top: 10px; overflow: hidden;}
.pr-hots .bd ul{ width: 100%; margin-bottom: 10px; overflow: hidden;}
.pr-hots .bd ul .img{text-align: center;  width: 100%; height: 210px;}
.pr-hots .bd ul .img img{ width: 280px; height: 210px;}
.pr-hots .bd ul .title{ width: 270px; line-height: 30px; margin: 10px auto; height: 30px; background: url(../Image/lef-p-more.jpg) no-repeat right center; text-indent: 10px;}
.pr-hots .bd ul .title a{ font-weight: 700; color: #000;}
.pr-hots .bd ul .content{ width: 270px;margin: 0 auto;  padding-bottom: 10px; line-height: 30px; font-size: 13px;}
.pr-message{padding-bottom: 30px; overflow: hidden;}
.pr-message .hd{border-left: 3px solid #2679ba; height: 20px; line-height: 20px; text-indent: 10px; font-size: 16px;}
.pr-message .bd{ margin-top: 30px;}
.pr-message .bd li{ margin-bottom: 10px; overflow: hidden;}
.pc1{ width: 284px; height: 38px; border: 1px solid #e6e6e6; line-height: 38px; text-indent: 10px;}
.pc2{ width: 284px; height: 80px; border: 1px solid #e6e6e6; line-height: 38px; text-indent: 10px;}
.pc3{ width: 120px;margin-right: 10px; height: 38px; border: 1px solid #e6e6e6; line-height: 38px; text-indent: 10px;}
.pc4{ width: 80px; height: 38px; vertical-align: top;}
.pc5{ width: 284px; height: 38px; border: none; background: #005dd7; text-align: center; line-height: 38px; border-radius: 5px; font-size: 15px; color: #fff;}

.p-content-hd{ background: #f00; padding: 10px 20px;  color: #fff;  font-size: 20px; font-weight: 700; border-radius: 3px;}
.pcy{padding:3px 10px; background: #f00; color: #fff; border-radius: 15px; margin-right: 10px; }

/*--- contact ---*/
.contact{ padding: 30px 0; overflow: hidden;}
.comtit{position: relative; height: auto;overflow: hidden; text-align: center;padding-top: 30px;}
.comtit strong{position: absolute;z-index: 1;top:0; display: block;font-size: 90px;color: #f7f7f7;left:38%;}
.comtit span{position: relative; display: block;font-size: 32px;line-height: 40px;z-index: 88;}
.comtit span i{color: #006fff;font-style: normal;}
.comtit p:nth-of-type(1){position: relative;z-index: 88; color: #777;text-transform:uppercase;line-height: 25px;margin-bottom: 10px; font-size: 13px;}
.comtit p:nth-of-type(2){font-size: 16px;line-height: 30px;color: #777;}

.contactban{height: auto;overflow: hidden;padding:170px 0 60px 0;text-align: center;}
.contactban strong{display: block;font-size: 30px;font-weight: normal;line-height: 45px;color: #006fff;}
.contactban i{display: block;border-top: 1px solid #006fff; width: 50px;margin:15px auto;}
.contactban p{line-height: 40px;color: #777;}
.contactban p em{color: #006fff;}
.contactban b {display: block;width: 510px; margin: 30px auto;height: auto;overflow: hidden; font-weight: normal;transition:.4s;}
.contactban b a{position: relative;display: block;float: left; background: #006fff;width: 160px;line-height: 40px; border-radius: 5px;margin:0 5px;color: #fff;transition:.4s;}
.contactban b a::before{position: absolute;opacity: 0; left:50px;bottom: 18px; content: '';width: 4px;height: 4px;background: #006fff;border-radius: 10px; display: inline-block;transition:.4s;}
.contactban b a::after{position: absolute;opacity: 0; left:100px;bottom: 18px;content: '';width: 10px;height: 1px;border-bottom: 1px solid #006fff;display: inline-block;transition:.4s;}
.contactban b a:hover{background: #f00;}
.contactban b a:hover::before{width: 4px;height: 4px;left:35px;background: #fff;opacity: 1;}
.contactban b a:hover::after{width: 30px;left:120px;border-bottom: 1px solid #fff;opacity: 1;}
.contacta{height: auto;overflow: hidden;background: rgba(255,255,255,0.6);padding: 15px;margin-bottom: 40px;}
.contactb{height: auto;overflow: hidden;background: #fff;}
.contactba{height: auto;overflow: hidden;border: 1px solid #e4e4e4;margin:40px 0;}
.contactba .left{width: 320px;padding: 40px;}
.contactba .mid{float: left; width: 320px;padding: 40px;border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;}
.contactba .right{width: 316px;padding: 40px;}
.contactba  span{display: block;font-size: 22px;line-height:65px;color: #006fff;}
.contactba  p{line-height: 40px;color: #666;}
.ewma{float: left;width: 140px;text-align: center;}
.contactbb{height: auto;overflow: hidden;margin-top: 60px;}
.ordera{margin:25px 0 ;line-height:40px;height: auto;overflow: hidden;}
.ordera td{margin:0 !important;}
.ordera span{display: block; line-height: 40px;;}
.ordera span i{color: #d10000;font-style: normal;}
.ordera .right{width: 600px;}
.ordera img{vertical-align:-14px;cursor:pointer;height: 40px;}
.ordera input{padding:0  10px;width: 630px; border: 1px solid #e6e6e6;line-height:40px;height: 40px;outline: none;margin:0 10px 10px 0;}
.ordera textarea{padding:10px;border: 1px solid #e6e6e6;line-height:40px;width:630px;height: 147px; outline: none;margin-top:38px;}
#submita{width:100%;height:40px;border:none;background:#006fff;cursor:pointer;color: #fff;transition:.4s;}
#submita:hover{background:#f00;}

.map{height: auto;overflow: hidden;}
.map .right{width: 960px;}
.mapa{float: left;width: 350px;}
.mapa strong{display: block;line-height: 60px;background: #006fff;color: #fff;color: #fff;text-align: center;font-size: 22px;font-weight: normal;}
.mapa strong i{font-size: 28px;}
.mapa ul{height: auto;overflow: hidden;margin-top: 15px;}
.mapa ul li{float: left;width: 111px;line-height: 35px;text-align: center;border: 1px solid #ccc;margin:0 5px 5px 0;transition:.4s;}
.mapa ul li a{display: block;}
.mapa ul li:nth-of-type(6){background: url(../Image/hot.png) 13px 7px no-repeat;}
.mapa ul li:nth-of-type(6):hover{background: url(../Image/hota.png) 13px 7px no-repeat #006fff;}
.mapa ul li:nth-of-type(25){background: url(../Image/hot.png) 13px 7px no-repeat;}
.mapa ul li:nth-of-type(25):hover{background: url(../Image/hota.png) 13px 7px no-repeat #006fff;}
.mapa ul li:nth-of-type(29){background: url(../Image/hot.png) 13px 7px no-repeat;}
.mapa ul li:nth-of-type(29):hover{background: url(../Image/hota.png) 13px 7px no-repeat #006fff;}
.mapa ul li:nth-of-type(30){background: url(../Image/hot.png) 13px 7px no-repeat;}
.mapa ul li:nth-of-type(30):hover{background: url(../Image/hota.png) 13px 7px no-repeat #006fff;}
.mapa ul li:nth-of-type(15){background: url(../Image/hot.png) 13px 7px no-repeat;}
.mapa ul li:nth-of-type(15):hover{background: url(../Image/hota.png) 13px 7px no-repeat #006fff;}
.mapa ul li:nth-of-type(18){background: url(../Image/hot.png) 13px 7px no-repeat;}
.mapa ul li:nth-of-type(18):hover{background: url(../Image/hota.png) 13px 7px no-repeat #006fff;}
.mapa ul li:hover{background:#006fff;color: #fff;}
.mapa ul li:nth-of-type(3n+0){margin-right:0px;}

.movie{position: fixed;left:0;bottom: 0;}


/*--- Universal ---*/
#newTitle{color:#333;font-size:24px;text-align:center; padding: 25px 0 5px 0; overflow: hidden;}
#newsContent{margin-bottom:16px;}
#newsInfo{ text-align: center; color: #999; font-size: 12px; margin-bottom:26px;}
#prev_next{ width: 95%; margin: 0 auto; padding: 35px 0 20px 0; overflow: hidden;}
#prev_next li{ width: 100%;height: 45px; line-height: 45px; border-bottom: 1px dashed #dedede;}
#prev_next li a{display: block; width: 100%; height: 45px;}
#prev_next li a:hover{ background: #205dcf; color: #fff;};
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{ max-width: 70%; padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 7%; text-align: center;}
.tr{float: right; width: 92%;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 100px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{width:100px;height:45px;line-height:45px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5 a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.t5 a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}
#page{ border: 1px solid #cdcdcd; margin: 8px 0; text-align: center; height: 4rem; line-height: 4rem;}
#allmap{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}

.cont{ width: 100%; padding: 15px 0; overflow: hidden;}
.cont .hd{ width: 100%; height: 58px; margin: 10px 0;  font-size: 22px;  font-weight: 700; color: #202739; overflow: hidden;}
.cont .md{ border: 1px solid #dedede; padding: 10px 20px;}
.cont .bd{ height: auto; padding: 10px; border-bottom: 1px solid #dedede; overflow: hidden;}
.cont .bd .img{ width: 30%; float: left; padding-top: 20px; text-align: center; }
.cont .bd .txt{ width: 69%; float: right; padding-top: 20px; }
.cont .bd .txt li{width: 100%;height: 31px;color: #555;line-height: 31px; background: #f1f1f1;margin-bottom: 3px;padding: 20px;transition: 0.4s all;}
.cont .bd .txt li a{ color: #898989; }
.cont .bd .txt li:hover{background: #f47b00; color: #fff; padding: 25px; }
.cont .bd .txt li:hover a{ color: #fff; }


/*piaochuang*/

.piaochuang{position: fixed;right:-140px;top:60px;width:140px; z-index: 9999;transition: all .3s;}

.piaochuang.on{right:0;}

.piaochuang .container{width:100%;position: relative;}

.pc-btn{width:40px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;text-align: center;line-height: 26px;font-size: 20px;font-family: SimSun;color: #fff;position: absolute;top:0;left: -40px;background: #1d3f9f;padding:10px 0;}

.pc-hd{background: #1d3f9f;color: #fff;text-align: center;padding:20px 15px;}

.pc-hd .l1{font-size: 30px;font-weight: bold;}

.pc-hd .l2{font-size: 14px;}

.pc-md{width:140px;border:solid 5px #1d3f9f;background:url("../Image/piaochuang-icon.jpg") center bottom no-repeat #fff;padding:15px 0;box-sizing: border-box;text-align: center;}

.pc-md p{overflow: hidden;}

.pc-md .l1{font-size: 16px;color: #1d3f9f;}

.pc-md .l2{font-size: 16px;color: #1d3f9f;font-weight: bold;line-height: 40px}

.pc-md a{padding:6px 10px;background: #1d3f9f;color: #fff;font-size: 16px;border-radius: 20px; display:inline-block;}

.pc-md a i{font-size: 26px;float: left; }

.pc-md img{margin-top: 10px;max-width: 100%}

.pc-md .l3{color: #666666;}

.pc-bd{background:#1d3f9f;text-align: center;padding:15px;font-size: 16px;}

.pc-bd a{color: #fff}