/*基本样式------------------*/
*{padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,b{ font-weight:normal; font-size:100%;}
input,select,button,textarea{vertical-align:middle;line-height:normal;font-size:100%;font-family:Arial;}
textarea{line-height:100%;} 
a{outline:0;cursor:pointer;*star:expression(this.onFocus=this.blur()); text-decoration:none; color:#333;}
a:hover{color:#2372b9;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
table{border-spacing:1;}
img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
p{word-break:break-all;text-justify:inter-ideograph; line-height:1.7em;}
.fl{float:left;}
.fr{float:right;}
.tCen{ text-align:center;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 
.hd{ overflow:hidden;}
.block{ display:block;}
.none{ display:none;}
img{ max-width:100%;}
body{color:#333;font-size:12px;}
/*-------基本样式end---------*/
/*-------内容区宽度---------*/
.pageMain{width:1400px; margin:0 auto;}
.pageMain2{width:90%; margin:0 auto; min-width:1200px;}

/*-------顶部---------*/
.headerKong{height:0px;}
.header{ width:100%; background:rgba(255,255,255,0.8);height:80px; position:fixed; top:0; left:0; z-index:99;} 
.header .logo{ width:25%;float:left;padding:18px 0 0;}
.header .logo img{ max-height:45px;transition:all .5s; max-width:100%;}
.header .nav{width:64%;float:right; height:100%; position:relative; margin-top:10px; text-align:right}
.nav>ul>li{ display:inline-block; margin:0 2.5%; height:70px; line-height:70px;}
.nav>ul>li:last-child{margin-right:0;}
.nav>ul>li>a{ font-size:1.3em; height:100%; width:100%; color:#333;}
.nav>ul>li>a:hover{ color:#043be6;}
.nav li{ position: relative; left: 0; }
.nav li div{ position: absolute; top:220px; left:-20px; width: 100%; min-width:140px; z-index:3;opacity:0; display:none;
transition: all 0.3s linear 0s; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.3s linear 0s;}
.nav  li div ul{ background-color:rgba(35,114,185,0.5); padding:10px 10px 10px 20px; }
.nav  li div li{text-align:left; height:40px; line-height:40px; position:relative;}
.nav  li div li a{ font-size: 14px; color: #fff; height:100%;width:100%; display:block;
transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }
.nav  li div li a:hover{color: #ccc; }
.nav  li div li dl{ background:#fff;position: absolute; top:0px; left:200px; width: 100%; min-width:120px; z-index:4;opacity:0;
transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s;}
.nav  li div li:hover dl{top:0px; left:100px;  opacity:1; padding-left:10px;}
.nav  li div li dl dd{text-align:left; height:30px; line-height:30px; position:relative;}
.nav  li div li dl dd a{ font-size: 14px; color: #515151; height:100%;width:100%; display:block;
transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }

.header .ser{width:10%;float:right; text-align:right; position:relative; margin-top:10px;height:70px; line-height:70px;}
.header .ser a{ color:#333; font-size:1.3em;}
.header .ser span{ color:#333;font-size:1.2em; display:inline-block; margin:0 5px;}

 
/*-------顶部 end ---------*/
.banner{ width:100%; height:800px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:100%;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:100%; float:left; background-size:100% auto ;}
.b-list{ height:50px; padding-top:780px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:5px; height:5px; border-radius:50%; border:2px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:2px solid #2372b9;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*-------标题和介绍---------*/
.titleBox{ width:100%; margin:0 0 50px 0; text-align:center}
.titleBox h1{ font-size:2em; text-align:center; color:#333;} 
.titleBox h2{font-size:5em;  font-family: Impact; color:#999;}
.titleBox p span{ display:inline-block; width:60px; height:2px; background:#2372b9; margin:10px 0 15px; }

.titleBox3 h1{font-size:2em; margin:10px 0 20px;}
.titleBox3 h2{font-size:5em;  font-family: Impact; color:#999;}
.titleBox3 span{ display:inline-block; width:60px; height:2px; background:#2372b9; margin:10px 0 15px; }
.titleBox3 p{font-size:1.2em; }

.titleBox4 h1{font-size:2em; margin:10px 0 20px; color:#fff;}
.titleBox4 h2{font-size:4em;  font-family: Impact; color:#999;}
.titleBox4 span{ display:inline-block; width:60px; height:2px; background:#2372b9; margin:10px 0 15px; }
.titleBox4 p{font-size:1.2em;color:#ccc; width:60%;}

a.more{ display:inline-block; padding:6px 20px; border:2px solid #fff; font-size:1.4em; color:#fff; margin-top:15px;}
a.more:hover{ border:2px solid #14ab04;}
.InBoutL{ width:50%; float:left;}
.ConBoutR{ width:50%; margin:0 auto;}
.ConBoutR h2{ text-align:center; font-size:1.5em; color:#003D7C}
.InBoutR{ width:47%; float:right}
.InBoutR .img{ text-align:center;}
.InBoutR .img img{ width:100%;}
a.abBut { border-radius:5px;margin: 30px 0 0; font-size:1.2em; color: #333; border:1px solid #ccc; padding: 10px 30px; display: inline-block; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
a.abBut:hover { background-color:#043be6; color:#fff;border:1px solid #043be6;}
a.proBut { border-radius:5px;margin: 30px 0 0; font-size:1.2em; color: #fff; background-color:#2372b9;padding: 10px 30px; display: inline-block; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
a.proBut:hover { background-color:#043be6; color:#fff;}

.conTitle{ margin-bottom:20px; border-bottom:1px solid #ddd;}
.conTitle span{ display:inline-block; padding:10px 20px; font-size:1.2em; background:#eee; cursor:pointer; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
.conTitle span:nth-child(1){ border-top-left-radius:5px; }
.conTitle span:nth-child(2){ border-top-right-radius:5px; }
.conTitle span.ov{background:#2372b9; color:#fff;}
.conTitle span:hover{background:#2372b9; color:#fff;}
.contact p{ font-size:1.3em; line-height:180%;margin-bottom:5px;}

#condiv1{ display:block;}
#condiv2{ display:none;}


.linebot{ border-bottom: 2px dashed #ccc; padding:0 0 80px 0 }
.pagebgAb{ padding:120px 0 60px; background:url(../images/abBg.jpg) no-repeat center top; background-size:100% 100%; }
.pagebg{ padding:60px 0;}
.pagebg2{ padding:10px 0 60px;}
.pagebgPro{ padding:120px 0 0px; background:url(../images/inporbg.jpg) no-repeat center top; background-size:100% 100%;
min-height: 300px;display-radio: 1; background-attachment: fixed;}
.pagebgNews{ padding:120px 0 60px; background:#eee url(../images/bgnews.png) no-repeat center top; background-size:100% 100%; }
/*-------Case---------*/
.InCase ul{ margin:0 auto; }
.InCase ul li{ background:#fff; float:left; width:32%;  margin-right:2%; margin-bottom:30px; position:relative}
.InCase ul li:nth-child(3n){margin-right:0%;}
.InCase ul li .pic{text-align:center; height:300px; position: relative;overflow: hidden; }
.InCase ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.InCase ul li:hover .pic img{transform: scale(1.2);transition: all ease 0.5s;}
.InCase ul li .pic span{ display:inline-block; padding:0 5px; position:absolute; bottom:2px; right:2px; border:1px solid #eee; color:#fff;
font-size: 14px;  text-align: center; line-height: 30px;} 
.InCase ul li h1{ font-size:1.5em;margin:10px 0;color:#2372b9; overflow:hidden;} 
.InCase ul li p{ font-size:1.2em; line-height:180%;} 
.InCase ul li .box{height:50px; overflow:hidden;} 

/*-------index pro---------*/
.inPlanList{ margin-top:6em;}
.inPlanList ul li{float:left; width:25%;position:relative; cursor:pointer; height:220px; overflow:hidden; border-right:1px solid #999; margin-left:-2px;}
.inPlanList ul li:nth-child(1) {border-left:1px solid #999;}
.inPlanList ul li .info{ width:100%; height:100%;position:absolute; top:0; left:0; text-align:center; -webkit-transition: all .2s linear;  transition: all .2s linear; }
.inPlanList ul li:hover .info{ position:absolute; top:-800px; left:0;}
.inPlanList ul li .info .serpic{margin:40px auto 20px;}
.inPlanList ul li .info .serpic img{ height:33px;}
.inPlanList ul li .info p{ margin-top:3.5em;}
.inPlanList ul li .info p a{ font-size:1em; color:#fff;}
.inPlanList ul li .info h3{ font-size:1.6em; color:#fff; }
.inPlanList ul li .info span{ display:inline-block; width:40px; height:8px; margin:20px auto 0; background:#fff;}
.inPlanList ul li .infoVer{width:80%; padding:0 10%; height:100%; background:rgba(16,142,233,0.8); position:absolute; top:400px; left:0; -webkit-transition: all .2s linear;  transition: all .2s linear}
.inPlanList ul li:hover .infoVer{ position:absolute; top:0px; left:0;}
.inPlanList ul li .infoVer h3{ font-size:1.6em; color:#fff; padding-top:1em; margin-bottom:20px;}
.inPlanList ul li .infoVer p{ font-size:1.2em; color:#fff; text-align:left; width:100%; margin:0 auto 20px;}
.inPlanList ul li .infoVer p a{ color:#fff; font-size:12px;}


.InNews ul{ margin:0 auto; }
.InNews ul li{ background:#fff; float:left; width:32%;  margin-right:2%; margin-bottom:30px; position:relative}
.InNews ul li:nth-child(3n){margin-right:0%;}
.InNews ul li .pic{text-align:center; height:225px; position: relative;overflow: hidden;}
.InNews ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.InNews ul li:hover .pic img{transform: scale(1.2);transition: all ease 0.5s;}
.InNews ul li .pic span{ display:inline-block; padding:0 5px; position:absolute; bottom:2px; right:2px; border:1px solid #eee; color:#fff;
font-size: 14px;  text-align: center; line-height: 30px;} 
.InNews ul li h1{ font-size:1.2em;margin:10px 0;text-align:center; color:#2372b9; overflow:hidden;} 
.InNews ul li p{ font-size:1.2em; line-height:180%;} 
.InNews ul li .box{height:78px; overflow:hidden; padding:5px 10px;} 

/*底部*/
.footer{ border:1px solid #ccc; padding:20px 0;}
.footer h2{ font-size:1.4em; margin-bottom:20px;}
.footer p{ line-height:200%;}
.footer .fotL{ float:left; width:10%;}
.footer .fotC{ float:left; width:56%;}
.footer .fotC .fotnav{ margin:10px 0;}
.footer .fotC .fotnav a{color:#333;line-height:200%; display:inline-block; margin-right:10px; font-size:14px;}
.footer .fotC .fotinfo a{color:#333;line-height:200%; }
.footer .fotR{ float:right; width:20%; text-align:center;}
.footer .fotR img{ width:120px;}


/*about*/
.banbox{ height:540px;}
.banbox a{ display:block; height:100%; }
.subpage_ad {
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
    height: 100%; width:100%;
    overflow: hidden;
    display: block;
}
.boxb{ width:70%; margin:16% auto 0; } 
.boxb h1{ font-size:3em; color:#fff;} 
.boxb h2{font-size:6em;  font-family: Impact; color:#ccc;}
.boxb span{ display:inline-block; width:90px; height:2px; background:#2372b9; margin:10px 0 15px; }



.titleNow{ border-bottom:1px solid #eee;  margin:10px 0 10px;}
.titleNow a{ font-size:1.2em;line-height:50px; height:50px;}
.titleNow .port{ display:inline-block; float:right; }
.titleNow .port a{font-size:1.2em; display:inline-block; padding:0 20px;  -webkit-transition: all .2s linear;  transition: all .2s linear}
.titleNow .port a:hover{ background-color:#043be6; color:#fff;}

.aBoutInfo{}
.aBoutInfo h1{ font-size:2em; margin:0.5em 0 1em; padding-bottom:1em; text-align:center; border-bottom:1px solid #ccc;}
.aBoutInfo h2{ font-size:1.6em; margin:0.5em 0; font-weight:bold;}
.aBoutInfo h3{ text-align:center; margin:0.6em 0 1em; color:#999; }
.aBoutInfo p{ font-size:1.3em; line-height:180%;margin-bottom:5px;}

.contact .map{ float:left; width:50%;}
.contact .info{ float:right; width:45%; font-size:1.4em; line-height:180%;}
.contact .info h1{ font-size:3em;  font-family: Impact; color:#333; height:60px;}
.showleft{ float:left; width:50%;}
.showRigth{ float:left; width:50%; text-align:center}

/*产品展示*/
._left{float:left;}
._right{float:right;}
.ProClass{ width:25%;border:1px solid #eee; background:#FCFCFC;}
.ProClass ul{margin:10px auto; }
.ProClass ul li{ margin-bottom:10px;border-bottom:1px solid #eee; line-height:30px; position:relative;}
.ProClass ul li .product_more {  font-size: 20px;  position: absolute;  right: 0px; line-height: 46px;  width: 18%;  top: 0; text-align: center;  cursor: pointer; color:#999;}
.ProClass ul li a { color: #333; font-size:1.4em; padding: 8px 0px 8px 20px; display:block;}
.ProClass ul li.active a {color:#2372b9;}
.ProClass ul li:hover a {color:#2372b9;}
.ProClass ul li dl{ margin:0px 0 10px 20px; display:none;}
.ProClass ul li.active dl{ display:block;}
.ProClass ul li dl dd{ margin-bottom:5px;line-height:30px;}
.ProClass ul li dl dd a { color: #666; font-size:1.2em; padding: 2px 0px 2px 20px; }
.ProClass ul li.active dl dd a { color: #666;}
.ProClass ul li:hover dl dd a { color: #666;}
.ProClass ul li dl dd.av a {color:#2372b9;}
.ProClass ul li:hover dl dd a:hover {color:#2372b9;}

.ProList{ float:right; width:73%;}
.ProList ul{ margin:0 auto; }
.ProList .box{ padding:10px;}
.ProList ul li{ background:#fff; border:1px solid #eee; float:left; width:31%;  margin-right:3%; margin-bottom:25px; position:relative}
.ProList ul li:nth-child(3n){margin-right:0%;}
.ProList ul li .pic{ text-align:center} 
.ProList ul li h1{ font-size:1.2em;margin:10px 0;text-align:center; height:21px; overflow:hidden} 
.ProList ul li p{ font-size:1.2em; line-height:180%;} 

/*分页*/
.pager{ padding:30px 0; text-align:center}
.pager a{ border:1px solid #ddd; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:5px; margin:0 3px; font-size:1.2em; }
.pager a:hover{	text-decoration: none; font-weight:600;}
.pager a.cur, .pager a:hover{ color:#fff; background:#2372b9}
.pager a.pre, .pager a.next{position:relative;}
.pager a.moreto{border:0px solid #ddd;  }
.pager a.pre em {    -webkit-backface-visibility: hidden;
    position: absolute;    right:12px;    top: 9px;    width: 0;    height: 0;    border-width: 7px;    border-style: solid dashed dashed;
    border-color: transparent #666 transparent transparent;    font-size: 0;    line-height: 0;
}
.pager a.next em {    -webkit-backface-visibility: hidden;    position: absolute;    left:12px;    top: 9px;    width: 0;    height: 0;    border-width: 7px;    border-style: solid dashed dashed;    border-color: transparent transparent transparent #666;    font-size: 0;    line-height: 0;
}

.ProBody{}
.proHot{ margin:10px 0 30px;}
.proHot .Img{width:46%; border:1px solid #eee; padding:10px;}
.proHot .Info{ width:46%;}
.proHot .Info h1{ font-size:2em; color:#333; font-weight:600; margin-bottom:20px;}
.proHot .Info p{ font-size:1.2em; line-height:180%;}
.proInfo{}
.proInfo .proSmTitle{ font-size:1.6em; color:#2372b9;  margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:10px;}
.proInfo p{ font-size:1.2em; line-height:180%;}



.NewsList ul{ margin:0 auto; }
.NewsList ul li{ background:#fff;  margin-bottom:20px; position:relative}
.NewsList ul li .pic{float:left; width:26%;  margin-right:3%;text-align:center;  position: relative;overflow: hidden;}
.NewsList ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.NewsList ul li:hover .pic img{transform: scale(1.2);transition: all ease 0.5s;}
.NewsList ul li .info{float:left; width:71%;} 
.NewsList ul li .info h1{ font-size:1.2em;margin:10px 0;color:#000; overflow:hidden;} 
.NewsList ul li .info h1 span{ float:right; color:#999;} 
.NewsList ul li .info p{ font-size:1.2em; line-height:180%;}