* {margin:0 auto; padding: 0; -webkit-transition: all 0.3s;}
img{border:0; vertical-align:middle;}
ul,li{list-style-type:none;}
.clear {clear:both;}
a {text-decoration: none; color: #000000; -webkit-transition: all 0.3s; font-weight:normal; font-size:12px;}
a:hover {color: #FF0000;}
a img {border: none; text-decoration: none;}
a:hover img {}
table {border-collapse:collapse;}

body {background:#f6f6f6; text-align:center; padding:0; margin:0; font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; color:#000000;}
.nav {width:100%; height:auto; min-height:30px; display:block; clear:both; background-color:#1e8479; color:#ffffff;}
.nav p { text-align:right; line-height:30px;}
.nav p a{padding:0 10px; color:#ffffff;}
h1 {width:413px; height:91px; background-image:url(../images/logo.png); float:left; text-indent:-99999px; margin:20px;}

/*主图*/
.banner {width:100%; height:564px; background:url(../images/banner.png) top center no-repeat #1e8479; overflow: hidden; position:relative;}
.banner video { position: absolute; left:0; top:-300px; z-index:0;}
.banner-content {width:890px; padding:35px; background:url(../images/50bk.png); text-align:left; margin-top:75px; position:relative; z-index:1;}
.banner-content h3 {font-size:24px; padding-bottom:8px;}
.banner-content h2 {font-size:40px; padding-bottom:10px;}
.banner-content p {line-height:26px; text-indent:2em;}
.banner-content a {display:block; background:#2c2c2d; padding:10px; margin-top:16px; width:80px; text-align:center; color:#ffffff;}
.banner-content a:hover {background:#000000;}

/*主体*/
.mian-content {width:100%; padding:60px 0; text-align:left;}
.team {width:980px; line-height:30px;}
h4 {font-size:40px; padding-bottom:30px; text-align:center;}
h5 {font-size:24px; padding:30px 0; text-align:left;}
.mian-content p { text-indent:2em;}
.project {background:url(../images/project.png); height:590px;}
.project .banner-content {width:930px; padding:25px; background:url(../images/50bk.png); text-align:left; margin-top:30px; clear:both; height:510px;}
.project .banner-content a {display:block; color:#000000; border:1px solid #d6dce1; font-size:14px; background:#ffffff; margin-top:16px; width:180px; padding:20px 40px; text-align:center; opacity:1; float:left; margin:0 25px 20px 20px;}
.project .banner-content a:hover {opacity:0.8;}
.project .banner-content a img {margin-bottom:15px; height:120px; width:auto;}
.cooperation {width:980px; line-height:30px;}
.cooperation h4 {margin:40px 0 0 0;}
/*.cooperation  a {display:block; background:#5d5d5d; padding:8px; margin-top:20px; width:140px; text-align:center; color:#ffffff;}
.cooperation a:hover {color: #FF0000;}
*/

.contact {background:#e1e1e1;}
.contact-box {width:980px; line-height:30px; clear:both;}
#dituContent {width:400px;height:440px;border:#ccc solid 1px; float:left; margin-top:36px;}
.contact-right { float:right; width:500px;}
.contact-right p { padding-bottom:10px;}
.contact-right img { width:30%;}

/*页脚*/
.footer {width:100%; height:160px; clear:both; border-top:2px solid #1e8479; padding:20px 0 0 0;}
.footer p { float:right;}
.copyright { width:100%; clear:both; line-height:30px; background:#1e8479; color:#ffffff; font-size:12px; text-align:right;}
.footer p a{padding:0 10px;}

.copyright a{ padding:0 20px;}

@media screen and (max-width:980px) {
/*主图*/
body {width:100%;}

.nav {width:100%;}
.nav p {}
.nav p a{padding:0 5px; color:#ffffff;}
h1 {}

.banner {width:100%; height:auto;}
.banner-content {width:80%; height:auto;}
.banner-content p:nth-of-type(2) { display:none;}
.team {width:80%; height:auto;}
.project { width:100%; height:1500px; clear:both;}
.project .banner-content {width:90%; height:auto;}
.project .banner-content a { margin:1em auto; width:82%;}
.project .banner-content a img {}

.cooperation {width:80%; height:auto; clear:both;}
.cooperation img {width:100%;}

.contact-box {width:100%; line-height:30px; clear:both;}
#dituContent {width:100%; height:240px;border:#ccc solid 1px; float:left; margin-top:36px;}
.contact-right {width:100%;}
.contact-right p { padding-bottom:10px;}
.contact-right img { width:50%;}

.footer {width:100%;}
.footer p {width:100%;}
.copyright {width:100%;}
.footer p a{width:100%;padding:0 5px;}