﻿body {font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;overflow-x: hidden; margin:0; background:#fff;}
p{ margin:0; padding:0;}
*{font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;}
.container-slide{ overflow: hidden;}
a,a:hover{ text-decoration:none;}
.form-control{border-radius:0;}
ul{ list-style:none;}
dl,dt,dd,h2,form,ul,li,p,img, span, h1,h3,h4,h5,h6{margin:0; padding:0;}
a {color:#4f4f4f;text-decoration:none;margin:0;}
a:hover {color:#e83428;text-decoration:none;}
a img {border:0;}
ul{list-style-type:none;}
.clear{clear:both;}

.container {margin:0 auto;}
@media (max-width:767px){.container{padding:0px 15px;}}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1320px){.container{width:1200px}}

/* header and menu */
header,.logo,.menu{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;    }
.menu>ul,.menu>ul>li{display:block;margin:0;padding:0;list-style:none;}
.menu>ul>li>a{display:block;text-align:center;}

.logo a{display:block;}
.logo img{display:block;max-height:100%;}
@media(min-width:768px){
	header{left: 0;right: 0;top:0;position:absolute;  z-index:30; height:45px; line-height:45px;}
	.logo{ padding:15px 0; margin-top: 24px;}
	.menu{float:none;}
	.menu>ul{margin-right:-18px;height:100%;}
	.menu>ul>li{float:left;padding:5px 15px;}
	.menu>ul>li>a{color:#333333;font-size:19px;padding-left:8px; padding-right:8px;}
	.menu>ul>li:hover>a,.menu>ul>li.active>a{ color:#333333; font-weight:bold;}
	.menu-icon{display:none;}
}
@media(max-width:1319px){
	.logo{ margin-right:50px;}
	.menu>ul>li{ padding:5px 8px;}
}
@media(max-width:1229px){
	.menu>ul{margin-right:-15px;}
}
@media(max-width:991px){
	.menu>ul{margin-right:-8px;}
	.menu>ul>li{ padding:0 3px;}
	.logo{ padding:9px 0;}
	.logo img{width: 160px; margin-top: 4px;}
	.menu>ul>li>a{  font-size:16px; line-height:36px}
}
@media(max-width:767px){
	header{ height:auto;}
	header .d-nav{height:50px; background:#c3d6f1;}
	.logo{float:left;}
	.popup-menus{display:none;}
	.menu{display:none;}
	.menu-icon{display:block;float:right;padding-top:12px;}
	.menu-icon a{display:block;width: 31px;height: 27px;background:url(../image/menu-icon.png) no-repeat;outline:none;}
	.login-top{ display:none;}
	
}
/* menu for mobile */
.nav{background:#313541;display:none;padding-top:60px;}
.nav>ul>li{padding:5px 10px; padding-left:35px;}
.nav>ul>li>a{display:block;text-align:left;color:#fff;font-size:16px;line-height:30px;position:relative;}


/*------------------------------------------------ banner------------------------------------------------*/
.banner-box{background: url("../image/banner.jpg") no-repeat center; background-size: cover; height: 1162px;}
.enterprise-text{ font-size: 40px; color: #333333; padding-top: 326px; line-height: 72px;}
.enterprise-text h3{ }
.enterprise-text p{ font-size: 33px; padding-top: 25px; }
.but-1 a{ display: block; width: 230px; height: 50px; background: #d32424; border-radius: 8px; color: #fff; text-align: center; font-size: 19px; line-height: 50px; margin-top: 108px; margin-left: 23px;}
@media(max-width:1199px){
	.banner-box{ height: 800px;}
	.enterprise-text{ font-size: 28px;padding-top: 259px; line-height: 50px;}
	.enterprise-text p{font-size: 24px; padding-top: 25px;}
	.but-1 a{margin-top:40px; font-size:16px;}
}
@media(max-width:991px){
	.enterprise-text{ font-size:22px;padding-top:200px; line-height:35px;}
	.sao-cont p,.huang-text{ font-size:16px;}
}
@media(max-width:767px){
	.logo img{ width:100px;}
	.enterprise-text{ font-size:20px; padding-top:136px;}
	.banner-box{ height:600px;}
	.but-1 a{ margin-left:0;}
}
@media(max-width:425px){
	.enterprise-text{ font-size:18px; padding-top:100px;}
	.enterprise-text p{ font-size:18px;}
}	
@media(max-width:375px){
	.enterprise-text{ font-size:16px; padding-top:100px;}
}	
	

/*-------------------------------------------------foot------------------------------------------------*/
.foot_wrap{ background:#2c2e2d; overflow:hidden; margin-top:85px;}
.foot-box{ padding:83px 0 213px 0; overflow:hidden;}
.foot-top{overflow:hidden; padding-bottom:16px;}
.foot-contact{ margin-left: -50px; margin-right: -50px;}
.foot-contact li{ width: 50%; float: left; height: 154px; margin-bottom: 76px;}
.foot-lian{ padding: 0 50px;}
.foot-text h4{ font-size:19px; color: #fff; padding-bottom: 16px;}
.foot-text h4{ font-size:19px; color: #fff; padding-bottom: 16px; font-weight: normal;}
.foot-text p{ font-size:16px; color: #fff; line-height: 30px; }
.huang-text{ font-size: 19px; color: #fff000; padding-top: 110px;}
.foot-contact .last{ margin-bottom: 0; margin-top: -75px;}

.heng-xian{ background:#565857; height:2px; margin:0 96px;}
.foot-bottom{ padding: 67px 300px 0 300px; overflow: hidden;}
.biao-ti{ font-size:24px; color: #fff; text-align: center; padding-bottom: 38px; }
.sao-wrap{ margin-left: -53px; margin-right: -53px;overflow: hidden;}
.sao-wrap li{ width: 33.33%; float: left;}
.sao-box{ padding: 0 53px;}
.sao-cont img{ max-width: 100%; display: block; margin: 0 auto;}
.sao-cont p{ font-size:19px; color: #fff; text-align: center; padding-top: 15px; }
.ban-quan{ margin-top:28px; }
.ban-quan p{font-size:16px; text-align: center; line-height: 28px; color: #fff; }
@media(max-width:1319px){
	.foot-bottom {padding: 67px 200px 0 200px;}
}
@media(max-width:1199px){
	.foot-box{padding: 40px 0 80px 0;}
	.foot-contact li{ width: auto; float: none; height: auto; margin-bottom: 40px;}
	.foot-contact .last{ margin-top: 0;}
	.huang-text{ padding-top: 40px;}
	.heng-xian{ margin:0;}
}	
@media(max-width:991px){
	.foot-bottom{ padding: 40px 100px 0 100px}
	.biao-ti{ font-size:22px;}
	.ban-quan p{ font-size:14px;}
	.foot-box{ padding:40px 0;}
}
@media(max-width:767px){
	.biao-ti,.sao-wrap{ display:none;}
	.foot-bottom{ padding:0;}
	.foot-box{ padding:20px 0;}
	.foot-text h4{ font-size:16px; padding-bottom:5px;}
	.foot-text p{ font-size:14px; line-height:23px; color:#c5c3c3;}
	.foot-contact li{ margin-bottom:20px;}
	.huang-text{ font-size:16px; padding-top:20px;}
	.foot_wrap{ margin-top: 35px;}
}

/*-----------------------------------------------------------index-------------------------------------------------- */
.cumu-bg{ background:#2a5273; padding:100px 0 164px 0;}	
.cumu-bg h2{ font-size:55px; color:#fff; text-align:center; font-weight:normal; }	
.cumu-bg p{ font-size:16px; color:#fff; text-align:center; padding-top:6px;}    
.aumul-cont{ overflow:hidden; margin-top:-90px;} 
.bai-kuai{ height:166px; background:#fff; width:1390px; margin:0 auto; margin-top:-130px;}
.lei-wrap{ margin-left:-10px; margin-right:-10px;}	
.lei-wrap li{ width:20%; float:left; margin-top:5px;}	
.lei-box{ padding:0 10px;}	
.lei-tu img{ max-width:100%; display:block; margin:0 auto;}	
.honor-cont{ background: #f8f8f8;     padding: 149px 0 227px 0;}   
.honor-left{ width:488px; float: left;}	
.honor-left img{ max-width: 100%; display: block; margin: 0 auto;}	
.honor-right{ margin-left: 590px;}	
.honor-title h5{ font-size:50px; color: #333333; text-align: center; font-weight: normal;}
.honor-title p{ font-size:16px; color: #333; text-align: center; }
.honor-zi p{ font-size:34px; color: #fff; text-align: center; line-height: 45px; padding-top: 175px;}
.honor-box{ padding: 0 36px; overflow: hidden;}	
.honor-hong{ background: #d32424; height: 364px;margin-top: -486px;}
.shi-chang-bg{ background: url("../image/bg.jpg") no-repeat center; background-size:cover;     margin-bottom: -51px;}
.shi-bai-bg{ background: #fff; border-radius: 32px; padding: 71px 36px; overflow: hidden;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.33);position: relative;left: 0;right: 0;top: -178px;}
.shi-chang-top{margin-bottom: 45px; overflow: hidden;}
.shi-wrap{ margin-left: -10px; margin-right: -10px;}
.shi-wrap li{ width: 33.33%; float: left;}
.shi-box{ padding:0 10px;}
.shi-c-text{ border:1px solid #e8e8ea; border-radius: 13px; padding: 40px 50px; overflow: hidden;}
.shi-c-zi h6{font-size:28px;  font-weight: 500; padding-bottom: 30px; color: #333333;}
.shi-c-zi h6 a{ }
.shi-c-zi p{ font-size:19px;  line-height:50px;  background:url("../image/dian.png") no-repeat left; padding-left: 23px;}
.shi-c-zi p.empty { background:none;}
.shi-c-zi p a{color: #333333;}
.sp-gc-top{ overflow: hidden;}
.shi-chang-bottom{ border:1px solid #e8e8ea; border-radius: 13px;padding: 40px 50px 40px 50px; overflow: hidden;} 
.spgc-tit{ font-size:28px; color: #333333; padding-bottom: 20px;}
.sp-news-left{ width:480px; float: left;}
.sp-news-left p a{ display: block; font-size: 19px; color: #333333; line-height: 45px; background: url("../image/dian.png") no-repeat left; padding-left: 25px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin-right: 110px;}
.sp-ss-bottom{ clear: both; margin-top: 50px;}
.search{height: 50px; width: 556px;}
.searchboxnr{ width:408px; height:50px; border:0; color:#000;float:left; padding-left:10px; background:#fff;box-shadow:inset 0 1px 2px 1px #000; }
::-webkit-input-placeholder{color:#fff;}
::-moz-placeholder{color:#fff;}
:-moz-placeholder{color:#fff;}
.search button{ width:118px; height:52px;font-size:19px;border:0; color: #fff; background: #d32424; border-radius: 10px; float: right;}
button:focus{outline: none;}    

@media(max-width:1400px){
	.bai-kuai{ width:1288px;}
    
}
@media(max-width:1319px){
	.bai-kuai{ width:1150px;}
   .honor-right {margin-left: 500px;}
	.honor-zi p{ font-size:28px; letter-spacing: -1px;}
	.sp-news-left{ width: 390px;}   
}
@media(max-width:1199px){
	.cumu-bg h2,.honor-title h5{ font-size:45px;}
	.cumu-bg{padding: 58px 0 150px 0;}
	.bai-kuai{ height:130px;width: 1064px;}   
}
@media(max-width:1064px){
	.bai-kuai{ width:986px;}
    
}
@media(max-width:991px){
	.lei-wrap li {width: 25%;}
	.bai-kuai{width: 836px;}
	.cumu-bg h2{ font-size:30px;}
	.cumu-bg p{ font-size:14px;}
	.cumu-bg{ padding: 38px 0 150px 0;}
	.honor-cont{padding: 60px 0 150px 0;}
	.honor-left {width: 330px;}
	.honor-right { margin-left:  340px;}
	.honor-zi p{ font-size:20px; padding-top: 122px;line-height: 30px;}
	.cumu-bg h2, .honor-title h5 {font-size: 28px;}
	.honor-hong {height: 223px;margin-top: -322px;}	
	.shi-c-text,.shi-chang-bottom{ padding:30px;}
	.shi-c-zi h6,.spgc-tit{ font-size:24px;padding-bottom: 15px;}
	.shi-c-zi p,.sp-news-left p a{ font-size:16px; line-height: 38px;}
	.shi-bai-bg{ padding:50px 30px;}
	.sp-news-left{ width: auto;}
	.shi-chang-top{ margin-bottom: 30px;}
	.sp-ss-bottom{ margin-top:30px;}
	.shi-chang-bg{ margin-bottom: -105px;}
}

@media(max-width:767px){
	.bai-kuai{ width: auto;}
	.aumul-cont{  margin-top: -113px;}
	.cumu-bg h2{ font-size: 28px;}
	.cumu-bg p{ font-size:12px;}
	.cumu-bg{ padding: 20px 0 150px 0;}
	.honor-left {width: auto; float: none;}
	.honor-right { margin-left: 0;}
	.honor-hong{height: 110px;margin-top: -80px;}
	.honor-zi p{ padding-top: 30px;}
	.honor-cont {padding: 50px 0;}
	.honor-title{ padding-top: 20px;}
	.shi-wrap li{ width:50%; margin-top: 20px;}
	.shi-bai-bg{ padding: 15px;}
	.shi-c-zi h6, .spgc-tit{ font-size:22px;}
	.shi-c-zi p, .sp-news-left p a{ line-height: 30px;}
    .shi-c-zi p.empty { display:none;}
	.search{ width: 385px;}
	.searchboxnr{width: 230px;}
	.search button{ font-size:16px;}
}
@media(max-width:500px){
	.lei-wrap li{ width: 33.33%;}
	.shi-wrap li{ width: auto; float: none;}
	.search{ width: auto;}
	.searchboxnr{width: 96%;}
	.search button{ width: 100%; margin-top: 10px;}
	
	
	
}
@media(max-width:425px){
	.honor-cont{ padding:30px 0;}
	
}
@media(max-width:375px){
	.lei-wrap li{ width: 50%;}
	.honor-zi p{ font-size:16px; line-height: 23px;}
	.honor-hong {height: 100px;margin-top: -71px;}
}








