@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}
/*body{background-color:#fafafa;}*/
#container{width:1280px;margin:0 auto; font-family:"微软雅黑", "黑体", "Arial Unicode MS";font-size:16px;background-color:#FFF}
a{ text-decoration:none;color:#000}
header{width:100%;height:168px;vertical-align:middle;}
.header-width{width:100%;height:108px;background-color:#FFF}
.header-width hr{width:100%;height:8px;border:none;background-color:#F00}
.header-width .sc{float:right;width:100px;height:20px;margin:40px 30px 0 0;color:#999;font-size:14px;cursor:pointer;}
.sc a:hover{ text-decoration:underline}
.header-logo{float:left;height:90px;weidth:300px; overflow:hidden;margin-left:30px;margin-top:10px;}
.marquee{width:750px;height:25px;color:#F00;font-size:16px;margin:40px 0 0 20px;float:left; cursor:pointer}

.header-nav{background-color:#444;height:60px;width:100%}
.header-nav nav{max-width:1100px;margin-left:120px;}
.header-nav nav>ul{list-style:none;margin:0;padding:0;overflow:hidden}
.header-nav nav>ul>li{float:left;padding:0;text-align:center;min-width:125px;line-height:30px;height:60px;font-size:18px;}
.header-nav nav>ul>li>a{width:100%;display:block;width:120px;height:45px; color:#fff;padding-top:15px}
.header-nav nav>ul a:hover{background:#F00}

.banner{width:100%;height:450px; background:url(../image/banner12.jpg) no-repeat;  overflow:hidden;text-align:center;color:#fff;}
.banner h1{font-size:60px;margin-top:150px;}

section{width:100%;height:420px;}
section>div:first-child span{display:block;width:640px;overflow:hidden;height:30px;float:left}
section .index-content{overflow:hidden;width:100%;height:390px}
section section{width:50%;display:inline-block;float:left;overflow:hidden}
section .first{background:#9d9d9d;width:580px;height:340px;padding:30px 60px 40px 0;float:left;}
section .first .tu{max-width:75%;float:right;}
section .first img{width:100%;height:100%}
section .second{background:#cecece;height:310px;width:560px;padding:40px;float:right;color:#333}
section .second div{max-width:615px;max-height:390px;float:left}
section .second div .index-auto{width:100%;height:100%}
section .second div .index-auto article{font-size:35px;font-weight:700}
section .second div .index-auto h6{margin:0;font-size:18px}
section .second div .index-auto main{width:95%;margin-top:20px;text-indent:2em;margin-left:-1rem;line-height:30px}

.link{width:100%;height:140px;margin:20px 0 0 0}
.link-1{width:280px;height:140px;border:2px #CCC solid;float:left;margin-right:47px}
.link-1 img{width:250px;height:80px;margin:10px 10px 8px 15px}
.link-1 a{color:#000}

.contactus{width:1100px;height:600px;margin:0 auto;}
.up{width:1100px;height:70px;margin:0 auto;position:relative;padding:20px 0 5px 0;border-bottom:2px solid #eee;}
.up .contact-left{width:100px;height:20px;float:left;margin:50px 0 0 0;color:#F00}
.up .contact-right{width:300px;height:20px;float:right;margin:50px 0 0 0;text-align:right;}
.up a{color:#858586}
.contact{width:100%; height:490px;border-bottom:2px solid #eee}
.contact iframe{margin-top:50px;float:left}
.contact img{width:60px;height:60px}
.contact ul{margin:50px 30px 0 0;width:38%;float:right}
.contact li{list-style:none;overflow:hidden;border-top:1px dashed #ccc;padding:30px 0}
.contact span{float:left}
.contact h2{margin:0 0 0 10px;float:left}
.contact p{max-width:330px;margin:40px 0 0 -79px;float:left}

footer{width:100%;height:100px;color:#333;margin-top:30px;}
.footer-info{width:100%;height:80px;padding-top:10px;background-color:#CCC;}
.footer-box{float:left;margin:5px 20px 0 5px;height:70px;width:260px;font-size:16px}
.footer-box img{margin:15px}
.footer-info .p2{width:380px;margin-right:30px;height:100%;float:right; text-align:center;}
.footer-info .p2 p{font-size:16px;margin-top:10px}
.footer-info p a{color:#000;font-size:16px}
.footer-info p a:hover{ text-decoration:underline}

.news{width:1100px;margin:5px auto; }
.news-list{width:1100px;border-bottom:2px solid #eee;}
.news-list .left{float:left;width:240px;}
.news-list .left h3{margin:50px 0 0 40px;}
.news-list .left ul{margin-top:30px;}
.news-list .left ul li{list-style:none; display:block;width:240px;height:50px;line-height:50px; font-weight:bold;margin:10px 0;background-color:#eee;}
.news-list .left a{display:block;padding-left:40px;}
.news-list .left a:hover{color:#F00;background-color:#ccc}
.news-list .right{float:left;width:858px;border-left:#eee solid 2px;}
.news-list .right .news-date a:hover{color:#F00} 
.news-list .news-date{width:120px;height:45px;background:#eee;float:left;text-align:center;padding:15px 0;margin:13px 100px 0 30px}
.news-list .news-date strong{color:#4c4d4d}
.news-box .news-date1{width:60px;height:50px;float:left;text-align:center;margin:40px 0 10px 20px ;} 
.news-box .news-date1 a { background-image:url(../image/download_nor.jpg) ;display:block;width:80px;height:32px;}
.news-box .news-date1 a:hover{background-image:url(../image/download_mov.jpg)}
.news-list .news-date1 p,.news-list .news-date p{color:#5a5b5b}
.news-list .news-info{width:750px;height:110px;float:left;}
.news-list .news-info h3{color:#000;margin-top:15px;}
.news-list .news-info h3 span{font-size:14px;color:#878888;margin-left:20px;font-weight:normal}
.news-list .news-info .p1{width:710px;}
.news-list .news-info font{color:#F00}
.news-list .news-info p{font-size:14px;width:870px;color:#878888;margin-top:10px;}
.news-list .news-box .online{font-size:16px;color:#F00;height:22px;float:left;width:100px;margin-top:45px}
.news-list .news-box .online a{color:#F00;margin-left:10px}
.news-list .news-box  a:hover{ text-decoration:underline;font-weight:bold}
.news-list .news-box{width:100%;height:110px;}

.article{width:825px;min-height:1050px;margin:0 auto;padding-top:30px}
.article .title img{width:280px;height:55px;margin: 0 0 20px 10px}
.article p{width:90%;margin:0 auto;line-height:30px; text-indent:2em;}
.article img{width:550px}
.article input{width:100px;height:35px;background-color:#CCC;color:#000;font-size:16px;border:none;cursor: pointer;margin-top:10px}
.cur{ color:#ffffff;  background:blue;}