@charset "utf-8";
*,:after,:before{box-sizing:border-box;}
html{-webkit-text-size-adjust:none;}
html{zoom:1;}
html *{outline:0;zoom:1;}
body,blockquote,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
body,button,input,select,textarea{font-size:14px;line-height:30px;font-family:arial,microsoft yahei,Microsoft YaHei;}
body{color:#333;margin:0 auto;background:#fff;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
em,i{font-style:normal;}
li{list-style:none;}
img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#0165b3;text-decoration:none;}
a,a:focus{outline:0;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
.clearfix{display:block;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.wrap{clear:both;display:block;margin:0 auto;width:1200px;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.hide,.none,ins{display:none;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
a:hover .bor_box::after,a:hover .bor_box::before{opacity:.7;-webkit-transform:scale(1);transform:scale(1);}

#header{ width:100%; height:100px; z-index:999; background:#fff}
#header .logo{ padding:20px 0;}
#header .font{ font-size:20px; line-height:100px}
#banner{ width:100%; position:relative; overflow:hidden}
@media (max-width:800px){
	#header{ position:fixed; top:0; left:0;}
	#header{ width:100%; height:1rem; padding:0 .3rem}
	#header .logo{ padding:.25rem 0;}
	#header .logo img{ height:.5rem}
	#header .tel{ display:none}
	#header .font{ font-size:.2rem; font-weight:700; line-height:1rem}
	#banner{ width:100%; position:relative; overflow:hidden; margin-top:1rem; height:3rem}
	#banner img{width:100%;height:100%;object-fit:cover}
}

.htitle{text-align:center;}
.htitle .t{font-size:23px; display:block; color:#2e9eda; background:url(../images/titbg.png) no-repeat center top; padding-top:30px}
.htitle .en{ font-size:14px; display:block; text-transform:uppercase}

.htitle2 .t{color:#fff;background:url(../images/titbg2.png) no-repeat center top;}
.htitle2 .en{color:#fff;}
@media (max-width:800px){
	.wrap{ width:100%}		
	.htitle span{line-height:.3rem}
	.htitle .t{font-size:.3rem;font-weight:700; background-size: auto .2rem; padding-top:.3rem}
	.htitle .en{font-size:.2rem; margin-top:.1rem}
}

#yiyi{ width:100%; padding:50px 0}
#yiyi .content{ margin-top:50px}
#yiyi .left{ width:48%; float:left; overflow:hidden}
#yiyi .left img{ width:100%; border-radius:8px}
#yiyi .right{ width:48%; float:right;line-height:30px; font-size:16px}
#yiyi .right i{ color:#3c8c93}
#yiyi .text{ text-align:center; padding:0 20px}
#yiyi .tel{ text-align:center; margin-top:50px}
#yiyi .tel span{ background:#2e9eda; color:#fff; font-size:20px; font-weight:700; padding:20px 30px; border-radius:4px}
@media (max-width:800px){
	#yiyi{ padding:.5rem .3rem;}
	#yiyi .content{ margin-top:.5rem;}
	#yiyi .left{ width:100%; float: inherit; overflow:hidden}
	#yiyi .left img{ width:100%}
	#yiyi .right{ width:100%; float: inherit; margin-top:.2rem;line-height:.38rem; font-size:.26rem}
	#yiyi .tel{margin-top:.5rem}
	#yiyi .tel span{ font-size:.3rem;padding:.2rem 0; border-radius:.06rem; width:100%; display:block}
}

#kecheng{ width:100%; padding:20px 0; background:#f5f5f5}
#kecheng .item{ margin:30px 0}
#kecheng .list{ margin-top:30px;}
#kecheng .list ul li{ float:left; width:calc((100% - 90px) / 4); margin-right:30px;}
#kecheng .list ul li .img{ width:100%; height:100%; overflow:hidden}
#kecheng .list ul li .img img{width:100%;height:100%;object-fit:cover}
#kecheng .list ul li:nth-child(4n){ margin-right:0}
#kecheng .list ul li p{ text-align:center; font-size:16px; margin-top:10px}
@media (max-width:800px){
	#kecheng{padding:.2rem .3rem}
	#kecheng .item{ margin:.3rem 0}
	#kecheng .list{ margin-top:.3rem}
	#kecheng .list ul li{  width:calc((100% - .2rem) / 2); margin-right:.2rem; overflow:hidden;}
	#kecheng .list ul li:nth-child(2n){ margin-right:0}
	#kecheng .list ul li:nth-child(n+3){ margin-top:.2rem}
	#kecheng .list ul li .img{height:2rem; border-radius:.06rem; overflow:hidden}
	#kecheng .list ul li p{ margin-top:.1rem; font-size:.24rem}
	#kecheng .list ul li .info{  height:2.5rem; padding:.2rem; line-height:.24rem;}
	#kecheng .list ul li .info{ top:-.5rem; font-size:.24rem; line-height:.3rem}
	#kecheng .list ul li a:hover .info{ height:2rem}
	#kecheng .tel{margin-top:.5rem}
	#kecheng .tel span{ font-size:.3rem;padding:.2rem 0; border-radius:.06rem; width:100%; display:block}
}

#zhuti{ width:100%; padding:50px 0; background:url(../images/zhuti_bg.jpg)}
#zhuti .list{ margin-top:50px}
#zhuti .list ul li{ float:left; width:calc((100% - 90px) / 4); margin-right:30px; background:rgba(255,255,255,.3)}
#zhuti .list ul li:nth-child(4n){ margin-right:0}
#zhuti .list ul li .img{ width:100%; height:220px; overflow:hidden; position:relative}
#zhuti .list ul li .img img{width:100%;height:100%;object-fit:cover;}
#zhuti .list ul li .img .t{ width:100%; background:rgba(0,0,0,.5); color:#fff; line-height:40px; position:absolute; left:0; bottom:0; padding:0 10px; text-align:center; font-size:16px}
#zhuti .list ul li .info{ padding:20px 0; text-align:center; color:#fff; line-height:22px; height:150px;}
#zhuti .list ul li:hover{ background:#fff}
#zhuti .list ul li:hover .img .t{ background:rgba(46,158,218,.8); line-height:220px; font-weight:700; font-size:18px}
#zhuti .list ul li:hover .info{ color:#2e9eda}
@media (max-width:800px){
	#zhuti{ width:100%; padding:.5rem .3rem}
	#zhuti .list{ margin-top:.3rem}
	#zhuti .list ul li{ float: inherit; width:100%;; margin-top:.2rem;border-radius:.06rem;  overflow:hidden}
	#zhuti .list ul li:nth-child(3){ margin:.2rem 0 0; }
	#zhuti .list ul li .img{height:3rem; overflow:hidden}
	#zhuti .list ul li:nth-child(1) .img{ height:3rem;}
	#zhuti .list ul li .img .t{line-height:.6rem; padding:0 .1rem;font-size:.26rem}
	#zhuti .list ul li .info{ padding:.2rem 0; color:#fff; font-size:.24rem; height:auto; line-height:.36rem}
	#zhuti .list ul li:hover .img .t{ line-height:3rem;font-size:.3rem}
	#zhuti .list ul li:nth-child(1):hover .img .t{  line-height:3rem;}
}

#service{ padding:50px 0;}
#service .list{position:relative;height:350px;width:970px;margin:30px auto 0}
#service .list .item{width:66px;position:absolute;height:114px;display:block;text-align:center;color:#4d4d4d;background-color:#e5e5e5}
#service .list .item:before{content:"";position:absolute;top:0;left:-35px;border-top:57px solid transparent;border-bottom:57px solid transparent;border-right:35px solid #e5e5e5;z-index:2}
#service .list .item:after{content:"";position:absolute;top:0;right:-35px;border-top:57px solid transparent;border-bottom:57px solid transparent;border-left:35px solid #e5e5e5;z-index:2}
#service .list .item,
#service .list .item:before,
#service .list .item:after,
#service .list .item i,
#service .list .item p{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#service .list .item.on{ background:#2e9eda}
#service .list .item.on:before{ border-right:#2e9eda 35px solid }
#service .list .item.on:after{ border-left:#2e9eda 35px solid }
#service .list .item i{ font-size:30px; margin-top:30px; color:#666}
#service .list .item p{ line-height:14px; margin-top:5px; font-size:12px}
#service .list .item.on i,
#service .list .item.on p{ color:#fff}
#service .list .item:hover{ background:#ccc}
#service .list .item:hover:before{ border-right:#ccc 35px solid }
#service .list .item:hover:after{ border-left:#ccc 35px solid }
#service .list .item:hover i,
#service .list .item:hover p{ color:#333}
#service .list .item1{top:59px;left:140px}
#service .list .item2{top:119px;left:243px}
#service .list .item3{top:59px;left:347px}
#service .list .item4{top:178px;left:347px}
#service .list .item5{left:451px;top:0}
#service .list .item6{top:237px;left:451px}
#service .list .item7{top:59px;left:555px}
#service .list .item8{top:178px;left:555px}
#service .list .item9{top:119px;left:659px}
#service .list .item14{top:119px;left:867px}
#service .list .item13{top:59px;left:763px}
#service .list .item10{top:178px;left:763px}
@media (max-width:800px){
	#service{ padding:.3rem .3rem}
	#service .list{position: inherit;height: auto;width:100%; margin-top:.2rem;}
	#service .list .item{width:calc(94% / 3);position: inherit;height: auto;display: inherit;text-align:center;color:#4d4d4d;background-color:#f5f5f5; float:left; margin-right:3%; margin-top:3%; padding:3% 0}
	#service .list a:nth-child(3n) .item{ margin-right:0}
	#service .list .item:before{ display:none}
	#service .list .item:after{ display:none}
	#service .list .item i{ font-size:.36rem; margin-top:0; color:#666; line-height:.36rem}
	#service .list .item p{ line-height:14px; margin-top:0; font-size:.2rem; padding:0 20%; line-height:.24rem; height:.48rem}
	#service .list .item.on i,
	#service .list .item.on p{ color:#fff}
	#service .list .item:hover{ background:#ccc}
	#service .list .item:hover:before{ border-right:#ccc 35px solid }
	#service .list .item:hover:after{ border-left:#ccc 35px solid }
	#service .list .item:hover i,
	#service .list .item:hover p{ color:#333}
}

#peixun{ padding:50px 0;}
#peixun .list{ margin-top:10px;}
#peixun .list ul li{ float:left; width:calc(100% / 4); text-align:center; margin-top:40px}
#peixun .list ul li .img i{ color:#fff; background:#000; font-size:38px;  width:100px; height:100px; text-align:center; line-height:100px; border-radius:100%}
#peixun .list ul li:nth-child(1)  .img i{background:linear-gradient(to right,#489ae5,#6ec4fb);}
#peixun .list ul li:nth-child(2)  .img i{background:linear-gradient(to right,#c2153a,#e64164);}
#peixun .list ul li:nth-child(3)  .img i{background:linear-gradient(to right,#31c399,#50e3be);}
#peixun .list ul li:nth-child(4)  .img i{background:linear-gradient(to right,#ef6239,#fe8c43);}
#peixun .list ul li:nth-child(5)  .img i{background:linear-gradient(to right,#009f9d,#00bebc);}
#peixun .list ul li:nth-child(6)  .img i{background:linear-gradient(to right,#56c997,#75e1b2);}
#peixun .list ul li:nth-child(7)  .img i{background:linear-gradient(to right,#e03636,#b51a1a);}
#peixun .list ul li:nth-child(8)  .img i{background:linear-gradient(to right,#7f1874,#9b0b8c);}
#peixun .list ul li:nth-child(9)  .img i{background:linear-gradient(to right,#ba874c,#986325);}
#peixun .list ul li:nth-child(10)  .img i{background:linear-gradient(to right,#00343f,#004857);}
#peixun .list ul li p{ font-size:16px; margin-top:20px}
#peixun .list ul li .info{ color:#999; line-height:20px; padding:0 20px; margin-top:10px}

@media (max-width:800px){
	#peixun{ padding:.5rem .3rem;}
	#peixun .list{ margin-top:.2rem;}
	#peixun .list ul li{ float:left; width:calc(100% / 3); margin-top:.3rem}
	#peixun .list ul li .img i{ color:#fff; background:#000; font-size:.34rem;  width:.8rem; height:.8rem;line-height:.8rem;}
	#peixun .list ul li p{ font-size:.22rem; margin-top:.2rem; padding:0 .2rem; line-height:.3rem}
	#peixun .list ul li .info{ display:none}
}

#adimg{ width:100%; background:url(../images/adpic.jpg) no-repeat center center; background-size: cover}
#adimg .text{ width:100%; padding:200px 0; font-weight:bold; font-size:34px; background:rgba(46,158,218,.9); text-align:center; color:#fff}
@media (max-width:800px){
	#adimg .text{ padding:1rem .5rem;font-size:.3rem;}
}

#footer{ width:100%; background:#333}
#footer .left{ float:left;color:#fff; padding:50px 0}
#footer .right{ float:right; padding:50px 0 0; text-align:center}
#footer .right{ margin-left:20px; display:inline-block}
#footer .right img{ width:120px;}
#footer .right p{color:#fff; margin-top:5px; font-size:12px}
@media (max-width:800px){
	#footer{ text-align:center}
	#footer .left{ float:inherit;color:#fff; padding:.2rem .3rem  .5rem; font-size:.21rem; line-height:.3rem; }
	#footer .right{float:inherit;padding:.3rem 0 0; width:100%}
	#footer .right{ margin:0; }
	#footer .right img{ width:1.5rem;}
	#footer .right p{;margin-top:.05rem; font-size:.2rem; color:#fff}	
}
#gotop{position:fixed;right:.2rem;bottom:1rem;z-index:900;display:none;width:.6rem;height:.6rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:rgba(27,27,27,.6);}
#gotop img{display:block;width:.6rem;height:.6rem;}