@charset "utf-8";
html{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul li{list-style: none;}
body{font-family:Microsoft Yahei,"微软雅黑","sans-serif"; background: url(../images/bodybg_03.png) repeat;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0; padding:0px;}
img{border: none;}
a{text-decoration: none; color: #000;}
a:hover{text-decoration: none;}
i{font-style: normal;}
.clearfix{clear: both;}
.clearfix::after { height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: "."; }
/*index*/
.topside{position: fixed;z-index: 99999; top: 0; width: 100%; height: 70px; background:rgba(0,153,255,1);opacity: 0.8;}
.topside .logo{margin-top: 10px; position: relative;}
.topside .logo span{position: absolute; left: 66px; top: 14px; font-size: 18px; font-weight: bold; color: #fff; letter-spacing: 2px;}
.wechat{position: relative; margin: 20px 0px 0px 25px;}
.wechat .flip{display: none;}
.wechat .flip:before{position: absolute; width: 11px; height: 10px; background: url(../images/p3_03.png) no-repeat; left: 0; right: 0; top: -10px; margin: 0 auto; content:"";}
.wechat:hover .flip{display: block; background: #fff; position: absolute; top: 76px; left: -55px; z-index: 99999; width: 145px;; padding-bottom: 8px;} 
.wechat .flip img{margin-top: 12px; margin-bottom: 10px;}
.wechat .flip p{font-size: 13px; line-height: 20.13px; color: #363636; text-align: center;}
.topside nav{float: left;}
.topside nav ul li{float: left;}
.topside nav ul li.none{display: none;}
.topside nav ul li a{display: block; color: #fff; font-size: 17px; padding: 0 30px; line-height: 70px;}
.topside nav ul li a:hover{color: #fada00;}
.topside p.tel{float: left; margin-left: 36px;}
.topside p.tel a{font-size: 18px; line-height: 70px; font-weight: bold; color: #fff;}
.mbtn{display: none;}
nav dl{display: none;}
nav li.hover{position: relative;}
nav li.hover:hover a{background: rgba(27,27,27,0.22); border-top-left-radius: 5px; border-top-right-radius: 5px;}
nav li.hover:hover dl{display: block; position: absolute; width: 128px; top: 70px; background: rgba(27,27,27,0.22); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 4px 7px;}
nav li.hehuoren:hover dl{width: 145px;}
nav li.hover:hover dl dd{border-bottom: 1px solid #aaa; margin-top: 5px;}
nav li.hover:hover dl dd a{padding: 11px 0; text-align: center; background: none; border: none; line-height: 23px;}
nav li.hover:hover dl dd:last-child{border: none;}
.mbanner{display: none;}
.index-fenlei{margin-top: 30px;}
.htitle p{text-align: center;}
.htitle p.eng{font-size: 14px; font-family: "Arial","Microsoft Yahei","微软雅黑","sans-serif"; text-transform: uppercase; color: #91a9bb; font-weight: bold; letter-spacing: 1.5px;}
.htitle p.tt{font-size: 42px; font-weight: bold;color: #27343e; margin-top: 8px;}
.htitle p.desc{font-size: 23px; color: #27343e;font-family: "黑体","Microsoft Yahei","微软雅黑","sans-serif"; margin-bottom: 15px;}
.index-fenlei ul{margin-top: 40px;}
.index-fenlei ul li{padding: 0 25px;}
.index-fenlei ul li p{background: #0380ff; position: relative; width: 100%;}
.index-fenlei ul li p a{display: block; color: #fff; text-align: center; line-height: 40px; font-size: 18px; font-weight: bold;}
.index-about{height: 530px; margin-top: 30px; background:rgba(0,0,0,0.029); position: relative;}
.index-about:after{position: absolute; right: 170px; top: 0px; width: 785px; height: 506px; background: url(../images/p7_03.jpg) no-repeat; content: "";}
.index-about .nr{width: 550px; position: absolute; top: 20px; left: 180px;}
.index-about p.title{font-size: 36px; font-weight: bold;color: #313131; display: inline-block;}
.index-about p.title span{ display: inline-block;font-size: 26px; font-weight: normal;color: #9a9a9a;font-family: "Arial","Microsoft Yahei","微软雅黑","sans-serif"; text-transform: uppercase; position: relative; top: 4px; left: 10px;}
.index-about p.tips{font-size: 25px; color: #2c4082; font-weight: bold; margin: 26px 0px 4px 0;}
.index-about p.desc{font-size: 18px; color: #868686; line-height: 40px;}
.index-about p a{font-size: 18px; color: #868686; line-height: 40px; margin-top: 31px; text-align: right; display: block;}
.index-case{margin-top: 30px;}
.index-case .htitle p{position: relative;}
.index-case .htitle p span{display: block; position: absolute; bottom: 18px; left: 23px; font-size: 28px; color: #fff;}
.index-case ul{margin-top: 40px;}
.index-case ul li{float: left; position:relative; width:24.8%; margin-left:0.2%; height:100%;overflow:hidden; box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); -webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); -moz-box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); box-sizing:border-box;}
.index-case ul li p{position: absolute; bottom:0; left:0; width:100%; height:100px; text-align: center; background: linear-gradient(to top, rgba(0, 0, 0, 1) 0, transparent 100%);}
.index-case ul li p a{display: block; color: #fff; font-size: 22px; font-weight: bold; line-height: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-case ul li:hover p a{ background: linear-gradient(to top, rgba(0,153,255,1) 0, transparent 100%);}
.index-news{background:rgba(0,0,0,0.029); margin-top: 30px; padding: 20px 0px 40px 0;}
.index-news .list{margin-top: 40px;}
.index-news .left{float: left; width: 35%;  padding: 11px;border: 2px solid #f9df31; border-radius: 26px;}
.index-news .left img{border-radius: 10px; width: 100%; width: 210px; height: 133px;}
.index-news .right{float: right; width: 62.5%;}
.index-news .right p{line-height: 23px;}
.index-news .right p.title{font-size: 20px; margin-top: 42px; color: #2c4082; font-weight: bold;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.index-news .right p.date{font-size: 15px; color: #868686; margin-top: 5px;}
.index-news .right p.desc{font-size: 15px; color: #868686; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-news .more a{display: block; font-size: 16px; text-align: center; color: #868686; margin-top: 67px;}
.xuanze{margin-top: 30px;}
.xuanze .title{font-size: 40px; color: #313131; border-bottom: 3px solid #e6e6e6; padding-bottom: 22px; position: relative;}
.xuanze .title:after{position: absolute;width: 769px; height: 3px; background: #2754c2; bottom: -3px; content: "";}
.xuanze .title span{font-size: 30px; margin-left: 26px; display: inline-block;}
.xuanze .row{margin-top: 1px;}
.xuanze .list{margin-top: 30px;}
.xuanze .list2{padding-left: 43px;}
.xuanze .list3{padding-left: 45px;}
.xuanze .left{width: 95px; float: left;}
.xuanze .right{float: left; margin-left: 1px;}
.xuanze .right .tt{font-size: 24px; margin-top: 18px; color: #2754c2; line-height: 40px; font-weight: bold;}
.xuanze .right .desc{font-size: 16px; color: #7e7e7e; line-height: 20px; font-weight: bold; }
.flink{margin-top: 30px;}
.flink ul li{float:left;position: relative; margin-bottom: 5px;}
.flink ul li:before{position: absolute; width: 9px; height: 3px; background: #cdcdcd; left: -11px; top: 18px; content: "";}
.flink ul .f:before{background: #fff;}
.flink ul li a{display: block; font-size: 14.5px; padding: 8px 56px; margin-right: 13px; text-align: center; color: #fff; background: #0380ff;}
.flink ul li a:hover{background: #FF0004;}
footer{background: rgba(0,0,0,0.73); padding: 20px 0 0px 0; margin-top: 20px;}
footer p.title{font-size: 32px; color: #fff; position: relative;}
footer p.bg:after{position: absolute; width: 161px; height: 13px; background: url(../images/p24_03.png) no-repeat; bottom: -29px; left: 0; content: "";}
footer .zixun .info{margin-top: 5px;}
footer .zixun .bg{margin-bottom: 58px;}
footer .zixun img{float: left; margin-top: 3px;}
footer .zixun .r{float: left; margin-left: 10px;}
footer .zixun .r p{font-size: 20px; color: #fff;line-height: 30px;}
footer .zixun .r p a{color: #fff;}
footer .zixun .r .small{font-size: 13px; line-height: 30px; margin: 0;}
footer .guanzhu{margin-left: 267px;}
footer .guanzhu p.images{border: 6px solid #fff; margin-top: 50px;width: 140px; height: 140px;}
footer .guanzhu p.images img{width: 100%;}
footer .guanzhu p.tips{font-size: 18px; color: #fff; margin-top: 19px;}
footer .guanzhu .title{text-align: center;}
footer .guanzhu p.bg:after{left: -12px;}
footer .lb .list{float: left; margin-left: 120px;}
footer .lb .list ul{margin-top: 5px;}
footer .lb .list ul li{font-size: 22px; line-height: 50px; text-align: center;}
footer .lb .list ul li a{color: #fff;}
.copyright{color: #aaa; margin-top: 20px; background:#343333; text-align:center; padding:13px 0;}
.copyright a{color: #aaa; margin-left: 10px;}
#leftbar{position: fixed; left: 43px; top: 40%; width: 140px; height: 173px; background: url(../images/online_03.png) no-repeat;}
#leftbar .con{position: absolute;top: 108px; left: 0;right: 0; margin: 0 auto;}
#leftbar p{font-size: 15px; text-align: center;}
#leftbar a{font-size: 15px; text-align: center; display: block; width: 86px; height: 24px; background: #ffae00; color: #fff; line-height: 24px; margin: 0 auto; margin-top: 4px;}
.side-right{width: 80px;position: fixed; right: 20px; top:40%;}
.side-right .list{width: 80px; height: 80px; background: #85c31b;margin-top: 3px; position: relative;}
.side-right .list:hover a{background: #097c25;}
.side-right .list a{display: block;width: 80px;height: 80px; text-align: center; cursor: pointer;}
.side-right .list a span{display: block;}
.side-right .list a i{display: block; font-style: normal; text-align: center; font-size: 13.5px; color: #fff; margin-top: 5px;}
.side-right .lb span{width: 30px; height: 30px;background: url(../images/p28_07.png) no-repeat;position: relative; top: 15px; left: 28px;}
.side-right .lb a i{padding-top: 16px;}
.side-right .ld span{width: 39px; height: 33px;background: url(../images/p27_03.png) no-repeat;position: relative; top: 17px; left: 24px;}
.side-right .ld a i{padding-top: 16px;}
.side-right .lb:hover #lbcontent{display: block;}
.side-right .ld:hover #ldcontent{display: block;}
.side-right #lbcontent{display: none; width:auto; padding:10px 14px 10px 14px; height: 80px; border: 1px solid #097c25;position: absolute; background: #fff;left: -171px; top:0px;}
.side-right #lbcontent p{font-size: 12px; line-height: 20px;}
.side-right #ldcontent{display: none; padding: 5px; border: 1px solid #097c25;position: absolute; background: #fff;left: -132px; top:0px;}
.side-right #ldcontent img{width: 118px; height: 118px;}
.side-right #ldcontent i{display: block; font-style: normal; text-align: center; font-size: 12px;margin-top: 10px;}
#goTopBtn{width: 80px; height: 80px;margin-top: 3px; cursor:pointer;display:none; background: #85c31b;} 
#goTopBtn:hover{background: #097c25;}
#goTopBtn p{display: block;width: 39px; height: 26px;background:url(../images/p29_03.png) no-repeat; position: relative;top: 30px; left: 23px;}
@media (max-width: 1366px){
	.container{width: 90%; margin: 0 5%;}
	.index-about{height: 650px; margin-top: 150px;}
	.index-about:after{width: 700px; height: 650px; background: url(../images/p7_03.jpg) no-repeat; content: "";}
	.index-about .nr{width: 550px; position: absolute; top: 100px; left: 50px;}
	footer .guanzhu{margin-left: 120px;}
}
@media (max-width: 1280px){
	.topside nav ul li a{font-size: 16px; padding: 0 20px;}
	.index-about .nr{width: 500px;}
	.index-about p.desc{font-size: 16px; line-height: 32px;}
	.xuanze .list2{padding-left: 0px;}
	.xuanze .list3{padding-left: 0px;}
}
@media (max-width: 1024px){
	.container{width: 94%; margin: 0 3%;}
	.index-fenlei{margin-top: 60px;}
	.topside nav ul li a{font-size: 15px; padding: 0 10px;}
	.index-about{height: 500px; margin-top: 80px;}
	.index-about:after{width: 400px; height: 500px;}
	.index-news{padding: 80px 0px 50px 0; margin-top: 80px}
	.xuanze{margin-top: 80px;}
	.xuanze .left{float: none; width: 100%;}
	.xuanze .left img{}
	.xuanze .right{float: none; text-align: center;}
	.xuanze .list{margin-top: 30px;}
	.flink ul li a{padding: 6px 30px;}
	footer{padding: 30px 0 0px 0; margin-top: 80px;}
	footer p.title{font-size: 20px;}
	footer p.bg:after{width: 130px; height: 10px; bottom: -20px; background-size: 100%;}
	footer .zixun .info{margin-top: 25px;}
	footer .zixun .bg{margin-bottom: 50px;}
	footer .zixun .r p{font-size: 18px;line-height: 26px;}
	footer .zixun .r .small{font-size: 12px; line-height: 26px;}
	footer .guanzhu{margin-left: 100px;}
	footer .guanzhu p.images{margin-top: 40px;width: 100px; height: 100px;}
	footer .guanzhu p.tips{font-size: 14px; color: #fff; margin-top: 10px;}
	footer .lb .list{float: left; margin-left: 60px;}
	footer .lb .list ul li{font-size: 14px; line-height: 26px;}
}
@media (max-width: 768px){
	.none768{display: none;}
	.container{width: 100%; margin: 0 auto; padding: 0 15px; overflow: hidden;}
	.mbtn{display: block; width: 40px; height: 40px; margin-top: 15px; background: url(../images/btn.png) no-repeat; background-size: cover; cursor: pointer;}
	nav{display: none;}
	.topside nav{ float: none;position: absolute; margin-right: 0; top: 70px; right: 15px; z-index: 9999; width: auto; padding: 0; height: 100%;}
	.topside nav ul{ background: #f4f4f4; border: 1px solid #ddd; padding: 10px 0; border-radius: 10px;}
	.topside nav ul li{float: none;}
	.topside nav ul li.none{display: block;}
	.topside nav ul li a{font-size: 17px; padding: 0 30px; line-height: 60px; color: #000; text-align: center; border-bottom: 1px solid #ddd;}
	.topside nav ul li:last-child a{border: none;}
	.topside .wechat{display: none;}
	nav li.hover{position: relative;}
	nav li.hover:hover a{background: none; border-radius: 0;}
	nav li.hover:hover dl{display: none;}
	.banner{display: none;}
	.mbanner{display: block;}
	.index-fenlei{margin-top: 30px;}
	.index-fenlei ul li{padding: 0 15px; margin-top: 10px;}
	.index-about{height: 400px; margin-top: 60px;}
	.index-about:after{width: 0; height: 0; background: none;}
	.index-about:before{width: 0; height: 0; background: none;}
	.index-about .nr{width: 100%; position: static; left: 0; top: 0; padding: 40px;}
	.index-case ul li{width: 48%; margin: 10px 1%;}
	.index-news{padding: 40px 0px 40px 0; margin-top: 40px}
	.xuanze{margin-top: 40px;}
	.xuanze .title{font-size: 30px;}
	.xuanze .title span{font-size: 24px;}
	footer{padding: 20px 0 0px 0; margin-top: 40px;}
	footer p.title{font-size: 20px;}
	footer p.bg:after{width: 90px; height: 8px;}
	footer .zixun .info{margin-top: 20px;}
	footer .zixun .bg{margin-bottom: 50px;}
	footer .guanzhu{display: none;}
	footer .guanzhu p.images{margin-top: 40px;width: 100px; height: 100px;}
	footer .guanzhu p.tips{font-size: 14px; color: #fff; margin-top: 10px;}
	.siderbottom{position:fixed; bottom:0; width:100%; height:40px; line-height:40px; background:#c00;}
	.siderbottom a{display:block; color:#fff; text-align:center; font-size:16px;}
	#leftbar{display: none;}
	.side-right .ld, .side-right .lb{display: none;}
	.side-right{right: 10px; top: 85%;}
	#goTopBtn{ bottom: 10%;}
}
@media (max-width: 414px){
	.container{padding: 0 10px;}
	.topside{height: 60px;}
	.mbtn{width: 35px; height: 35px; margin-top: 12px;}
	.topside .logo{margin-top: 8px;}
	.topside .logo img{width: 150px;}
	.topside .logo span{left: 50px; top: 10px; font-size: 15px;letter-spacing: 0px;}
	.topside nav{top: 60px; right: 10px;}
	.topside nav ul li a{font-size: 16px;}
	.htitle p.eng{font-size: 12px;letter-spacing: 1.5px;}
	.htitle p.tt{font-size: 26px; margin-top: 5px;}
	.htitle p.desc{font-size: 16px;margin-bottom: 10px;}
	.index-fenlei ul{margin-top: 20px;}
	.index-about{height: auto; margin-top: 30px;}
	.index-about p.tips{font-size: 16px; margin-top: 15px;margin-bottom: 10px;}
	.index-about p.desc{font-size: 14px; line-height: 30px;}
	.index-about p a{font-size: 14px; margin-top: 10px;}
	.index-about .nr{padding: 20px;}
	.index-about p.title{font-size: 22px;}
	.index-about p.title span{font-size: 16px; position: relative; top: 3px; left: 10px;}
	.index-case{margin-top: 30px;}
	.index-case ul{margin-top: 20px;}
	.index-case ul li{margin-bottom: 0;}
	.index-case ul li p{height: 60px;}
	.index-case ul li p a{font-size: 14px; line-height: 70px}
	.index-news{padding: 20px 0px 20px 0; margin-top: 20px}
	.index-news .list{margin-top: 25px;}
	.index-news .left{float: left; width: 30%;  padding: 3px; border-radius: 10px;}
	.index-news .left img{width: 100%; height: auto;}
	.index-news .right{float: right; width: 66%;}
	.index-news .right p{line-height: 22px;}
	.index-news .right p.title{font-size: 16px; margin-top: 10px;}
	.index-news .right p.date{font-size: 12px;}
	.index-news .right p.desc{font-size: 12px;}
	.index-news .more a{font-size: 14px;margin-top: 30px;}
	.xuanze{margin-top: 20px;}
	.xuanze .title{font-size: 24px; padding-bottom: 15px;}
	.xuanze .title span{font-size: 18px; margin-left: 10px;}
	.xuanze .list{margin-top: 10px; margin-bottom: 10px;}
	.xuanze .left img{width: 65px;}
	.xuanze .right{margin-left: 0;}
	.xuanze .right .tt{font-size: 13px; margin-top: 10px;}
	.xuanze .right .desc{font-size: 12px;font-weight: normal; margin-top: 5px;}
	.flink{display: none;}
	footer{padding: 20px 0 0px 0; margin-top: 30px;}
	footer p.title{font-size: 20px;}
	footer .zixun .info{margin-top: 10px;}
	footer .zixun .bg{margin-bottom: 40px;}
	footer .lb{display: none;}
	.copyright{font-size: 12px; margin-top: 10px;}
	.copyright a{color: #aaa; margin-left: 0px; display: block;}
	.side-right{right: -30px;}
	#goTopBtn{width: 40px; height: 40px;background: url(../images/mgotop.png) no-repeat; background-size: cover;} 
	#goTopBtn p{background: none;}
}
@media (max-width: 375px){
	.topside{height: 55px;}
	.mbtn{width: 32px; height: 32px; margin-top: 11px;}
	.topside .logo img{width: 130px;}
	.topside .logo span{left: 40px; top: 7px; font-size: 14px;letter-spacing: 0px;}
	.topside nav{top: 55px; right: 10px;}
	.topside nav ul{padding: 5px 0;}
	.topside nav ul li a{font-size: 14px; line-height: 50px;}
	.htitle p.eng{font-size: 12px;letter-spacing: 1.5px; font-weight: normal;}
	.htitle p.tt{font-size: 22px; margin-top: 5px;}
	.htitle p.desc{font-size: 15px;margin-bottom: 10px;}
	.index-about{margin-top: 20px;}
	.index-about .title img{width: 250px; }
	.index-about p.tips{font-size: 15px;}
	.index-about p.desc{font-size: 13px; line-height: 26px;}
	.index-about p a{margin-top: 10px; font-size: 14px;}
	.index-about .nr{padding: 10px;}
	.index-about p.title{font-size: 22px;}
	.index-about p.title span{font-size: 13px; position: relative; top: 3px; left: 10px;}
	.index-news .list{margin-top: 15px;}
	.index-news .left{float: left; width: 28%;  padding: 1px; border-radius: 10px;}
	.index-news .right{float: right; width: 68%;}
	.index-news .right p{line-height: 20px;}
	.index-news .right p.title{font-size: 14px; margin-top: 5px;}
	.index-news .more a{font-size: 14px;margin-top: 20px;}
	.xuanze{margin-top: 20px;}
	.xuanze .title{font-size: 22px; padding-bottom: 10px;}
	.xuanze .title span{font-size: 16px;}
	.xuanze .list{margin-top: 5px; margin-bottom: 0px;}
	.xuanze .left img{width: 55px;}
}
@media (max-width: 320px){
	.xuanze{margin-top: 20px;}
	.xuanze .title{font-size: 22px; padding-bottom: 10px;}
	.xuanze .title span{font-size: 16px;}
	.xuanze .right .tt{font-size: 12px;}
	.xuanze .list{margin-top: 5px; margin-bottom: 10px;}
	.xuanze .left img{width: 50px;}
	.index-about p.title{font-size: 22px;}
	.index-about p.title span{font-size: 14px; position: relative; top: 3px; left: 10px;}

}