/*基本样式------------------*/
*{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:#EED24B;}
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; text-align:justify; }
.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:1140px; margin:0 auto;}
.pageMain2{width:1140px; margin:0 auto;}

/*-------顶部---------*/
.headtop{ background-color:#1D78B1;min-width:1140px; height:35px; line-height:35px; color:#fff;}
.headtop .divleft{ float:left; width:50%;}
.headtop .divright{ float:right; width:50%; text-align:right}
.headtop .divright span{background:url(../images/trl.png) no-repeat 0 10px; padding-left:20px; display:inline-block;}

.header{ width:100%; background:#fff;height:100px; padding:10px 0;} 
.header .logo{ width:40%;float:left;padding:10px 0 0;}
.header .logo img{transition:all .5s; height:80px; max-width:100%;}
.header .nav{width:60%;float:left; height:100%; text-align:right; position:relative;}
.header .nav a{font-size:15px;color:#000; font-weight:400; display:inline-block; margin-top:30px; width:86px; height:40px; line-height:40px; text-align:center}
.header .nav a:hover{color:#fff; background-color:#1D78B1}
.header .nav a.active {color:#1D78B1;background-color:#fff;}

/*-------顶部 end ---------*/

/*-------banner---------*/
.banner{ width:100%; min-width:1140px; height:600px; 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;}
.b-list{ height:50px; padding-top:560px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:none; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:none; 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;}
.slider-detail-inner{width:820px; height:160px; padding:40px 0px; margin:200px auto 0; position:relative; text-align:center}
.slider-detail-inner h1{color:#fff; font-size:50px; font-weight:bold;text-shadow: #000 2px 2px 2px; letter-spacing:5px; }
.slider-detail-inner .smSlid{color:#fff; margin-top:60px; font-size:32px; font-weight:bold;text-shadow: #000 2px 2px 2px;}

.NewsList{ margin:0px 0 0; }
.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.5em;margin:10px 0;color:#000; overflow:hidden; font-weight:bold;} 
.NewsList ul li .info h1 a:hover{ color:#1D78B1} 
.NewsList ul li .info h1 span{ float:right; color:#999; font-weight:300;} 
.NewsList ul li .info p{ font-size:1.2em; line-height:180%;} 
.btnMore1 { margin-top:1em; padding:3px 1em; font-size:1.2em; display:inline-block; text-align:center; border:1px solid #ccc;  background: #fff; color: #333; -webkit-transition: all .15s ease-out;  transition: all .15s ease-out;}
.btnMore1:hover{background-color:#333;color:#fff;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}

/*分页*/
.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:3px; margin:0 3px; font-size:1.2em; }
.pager a:hover{	text-decoration: none;}
.pager a.cur, .pager a:hover{ color:#fff; background:#666}
.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;
}
/*-------标题和介绍---------*/
.titleBox{ width:100%; margin:0 0 50px 0;}
.titleBox h1{ font-size:2em; color:#000; font-weight:600; height:50px; line-height:50px; text-align:center}
.titleBox span{ display:inline-block; height:3px;width:38px; background:#EED24B; text-align:center}
.titleBox p{font-size:1.4em; text-align:center}

.titleBox2{ width:100%; margin:0;color:#fff; padding:50px 0 100px;}
.titleBox2 h1{ font-size:2em;  font-weight:600; text-align:center; margin-bottom:20px;}
.titleBox2 p{font-size:1.2em; text-align:center; width:60%; margin:0 auto;}


.pagebg{ padding:60px 0 0;}
.page1{ background:#fff;}
.page2{ background:url(../images/probg.jpg) center 0px no-repeat; }

.InBoutL{ width:63%; float:left}
.InBoutR{ width:35%; float:right}
.titleBox3{ color:#fff; padding:50px; text-align:left;background:url(../images/jp1.jpg) center 0px no-repeat; background-size:100% auto; height:280px;}
.titleBox3 h1{ font-size:2em; font-weight:600; margin-bottom:20px;}
.titleBox3 p{font-size:1.2em; }
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;}
.InBoutR{ width:35%; float:right}
.InBoutR .InBoutTop{ height:180px;}
.InBoutR .info{width:50%; height:100%; color:#fff;}
.InBoutR .infoLb{background:rgba(44,114,178,0.8)}
.InBoutR .infoRb{background:rgba(160,120,70,0.8); float:right;}
.InBoutR .info h1{ font-size:1.8em; font-weight:600; margin-bottom:10px; padding:15px 15px 0; }
.InBoutR .info p{font-size:1.2em; padding:0 12px; line-height:1.4em;}
.InBoutR .tbg1{ background:url(../images/ab3.jpg) center 0px no-repeat; background-size:100% auto; margin-bottom:20px;}
.InBoutR .tbg2{ background:url(../images/ab2.jpg) center 0px no-repeat; background-size:100% auto;}

/*-------合作---------*/
.InLogo{}
.InLogo ul{ width:100%; margin:0 auto; }
.InLogo ul li{ float:left; width:13.4%; height:80px; margin-right:1%; margin-bottom:10px; position:relative}
.InLogo ul li:nth-child(7n){margin-right:0%;}
.InLogo ul li .pic{text-align:center;} 
/*底部*/
.footer{ background:#2C353C;min-width:1140px; padding:50px 0;color:#fff; margin-top:60px;}
.footer h2{ font-size:1.4em; margin-bottom:20px;}
.footer p{ line-height:200%;}
.footer .fotL{ float:left; width:30%;}
.footer .fotC{ float:left; width:50%;}
.footer .fotC .fotpro a{ display:inline-block; width:32%; color:#fff;line-height:200%;}
.footer .fotR{ float:left; width:20%; text-align:center;}
.footer .fotR p{ text-align:center; margin-top:10px;}
.footer .fotR img{}
.footer2{ color:#fff;min-width:1140px;background:#1D78B1; padding:10px 0; line-height:30px; text-align:center}
.footKong{background:#2C353C;min-width:1140px; border-top:1px solid #1D78B1; height:2px;}

.bannerbox{ width:100%;min-width:1140px; height:316px; overflow:hidden; position:relative;font-size:0}
.bannerbox a{ display:block; height:100%;}
.slider-inner{ padding-top:140px; position:relative; text-align:center}
.slider-inner .smSlid{color:#fff;font-size:32px; font-weight:bold;text-shadow: #000 2px 2px 2px;}

.pageNow{ background:#F7F7F7; border-bottom:1px solid #C8C8C8; line-height:40px; padding-top:20px; font-size:1.2em;}
.pageNow a{ color:#1D78B1; display:inline-block;}
.pageNow a.home{ background:url(../images/home.png) 0 12px no-repeat; padding-left:20px;}

.proList{}
.proList ul{ width:100%; margin:0 auto; }
.proList ul li{ float:left; width:19%; height:400px; overflow:hidden; margin-right:1.2%; margin-bottom:30px; position:relative; background:#F7F7F7; }
.proList ul li:nth-child(5n){margin-right:0%;}
.proList ul li .pic{margin:35px 20px 0; height:215px; overflow:hidden; text-align:center;} 
.proList ul li h1{ font-size:1.4em; margin-bottom:10px; text-align:center; line-height:35px; border-bottom:1px solid #C8C8C8;}
.proList ul li p{ width:90%; margin:0 auto; line-height:180%;}

.caseList{}
.caseList ul{ width:100%; margin:0 auto; }
.caseList ul li{ float:left; width:31.5%; height:360px; overflow:hidden; margin-right:2.75%; margin-bottom:35px; position:relative; background:#F7F7F7; }
.caseList ul li:nth-child(3n){margin-right:0%;}
.caseList ul li .pic{height:250px; overflow:hidden; text-align:center;} 
.caseList ul li h1{ font-size:1.4em; margin-bottom:10px; text-align:center; line-height:35px; border-bottom:1px solid #C8C8C8;}
.caseList ul li p{ width:90%; margin:0 auto; line-height:180%;}

.proShow{ margin-bottom:20px;}
.proShow h1{ font-size:2em; text-align:center;}
.InfoShow{ min-height:400px;}
.InfoShow h1{ font-size:2em; margin-bottom:20px;}
.InfoShow h2{ font-size:1.5em; margin:20px 0 10px; border-bottom:1px solid #ccc; border-left:5px solid #1D78B1; padding-left:10px;}
.InfoShow p{ line-height:200%; font-size:1.2em;}

.contact{margin-top:30px;}
.contact .map{ float:left; width:50%;}
.contact .info{ float:right; width:45%; font-size:1.2em; line-height:180%;}
.showleft{ float:left; width:50%;}
.showRigth{ float:left; width:50%; text-align:center}

.proshowl{float:left; width:47%; text-align:center; height:400px; border:1px solid #ccc; padding:30px 1%}
.proshowl img{max-height:400px;}
.proshowR{float:right; width:48%;}
.proshowR h1{ font-size:2em; margin-bottom:20px; color:#1D78B1}
.proshowR h3{ font-size:1.2em; margin:10px 0 5px; font-weight:600;}
.proshowR p{ line-height:160%; font-size:1.2em;}
.proshowR pre{ line-height:160%; font-size:1.2em; padding-left:25px;background:url(../images/fux.png) 0 0px repeat-y; line-height:30px;}