@charset "utf-8";
* { padding: 0; margin: 0; }
a { text-decoration: none; color:#818286; };
a:link { color: #000; };
li { text-decoration: none; list-style: none; }
.container{ margin: 0 auto;}
.header { margin: 0 auto; width: 1200px; height: 200px; text-align: center; }
.logo { padding: 35px 0;}
.nav dl { display: inline; float: left; width: 240px; }
.nav dd { margin-bottom: 12px; }
.focus a { color:#EF4136; }
.nav a:hover { color:#EF4136; }

.content { margin: 0 auto; width: 1200px;}
.part-1 { margin: 110px 0 160px 0; background:url(../images/home-04.jpg) no-repeat; width:1200px; height: 420px; text-align: center; }
.menu { width: 960px; height:100px; margin-left: 120px; margin-top: 45px;}
.part-1 dl { display: inline; float: left; width: 160px; }
.part-1 dt { margin-bottom: 30px; }
.part-1 dd { margin-bottom: 10px; }
.font-1 { padding-top: 55px; font-size: 24px; color: #ED4135; }
.font-2 { font-size: 14px; color: #818286; }
.font-3 { font-size: 16px; color: #BCBDBF; }
.font-4 { font-size: 12px; color: #BCBDBF; }

.part-2 { margin-bottom: 70px; width: 1200px; height: 400px;}
.wrapper-left { position: relative; }
.wrapper-left-content { position: absolute; top:70px; left: 750px; width:400px; text-align: center;}
.wrapper-a { display: inline-block; text-align: center; line-height: 40px; width: 160px; height: 40px;  background:#F2F2F2; font-size: 18px; color: #BCBDBF; }
.line-1 { position: absolute; top: 100px; left: 480px; width: 320px; height: 1px; background:#999; z-index:9999; }
.p-1 { font-size: 22px; color: #ED4135; margin-bottom: 12px;}
.p-2 { font-size: 16px; color: #BCBDBF; margin-bottom: 38px;}
.p-3 { font-size: 16px; color: #BCBDBF; margin-bottom: 22px;}

.prew {position: relative;}
.prew ul.list li {position: relative;width: 100%;height: 50px;overflow: hidden;}
.prew ul.list li>img {position: absolute;left: 0px;top: 0px;}
.mouseon {position: relative;width: 580px;height: 50px;z-index: 9;}

.prew2 {position: relative;}
.prew2 ul.list li {position: relative;width: 100%;height: 50px;overflow: hidden;}
.prew2 ul.list li>img {position: absolute;left: 630px;top: 0px;}
.mouseon2 {position: relative;width: 580px; left: 630px;top: 0px;height: 50px;z-index: 9;}
.wrapper-right-content a { display: inline-block; text-align: center; line-height: 40px; width: 160px; height: 40px;  background:#F2F2F2; font-size: 18px; color: #BCBDBF; }

.prew3 {position: relative;}
.prew3 ul.list li {position: relative;width: 100%;height: 50px;overflow: hidden;}
.prew3 ul.list li>img {position: absolute;left: 0px;top: 0px;}

.part-3 { width: 1200px; height: 400px;}
.wrapper-right { position: relative; height: 1200px; float: left; left: 619px;}
.wrapper-right-content { position: absolute; top:70px; left: 50px; width:400px; text-align: center;}

.part-4 { margin-bottom: 128px; width: 1200px; height: 400px;}

.part-5 { width: 1200px; height: 500px; background:url(../images/home-20.jpg) no-repeat; text-align: center; }
.pic3d-containter { margin-bottom: 30px; width: 1024px; margin-left: 65px; position: relative;}
.poster-item { height: 250px; width: 250px; border-radius: 10px; padding: 45px 23px 20px 23px; transition: all 1s; cursor: default; -moz-transition: all 1s; cursor: default; 
 -webkit-transition: all 1s; cursor: default; -o-transition: all 1s; cursor: default;text-decoration: none; list-style: none;}
.for_btn { position: relative; height: 250px; overflow: hidden;}

.part-6 { position: relative; width: 1200px; height: 500px; background:url(../images/home-29.jpg) no-repeat; text-align: center; }
.circular-1 { position: absolute; top:180px; left:205px; width:150px; height:150px; border-radius:100px; background-color: #D9D9D9; opacity: 0.6; border:1px solid #C4C6C5; }
.font-5 { position: absolute; top:230px; left:255px; width: 50px; height: 50px; font-size: 36px; color: #ED4135; }
.part-6-dl-1 { position: absolute; top: 340px; left: 165px; width:230px; height:80px; }
.circular-2 { position: absolute; top:130px; left:525px; width:150px; height:150px; border-radius:100px; background-color: #D9D9D9; opacity: 0.6; border:1px solid #C4C6C5; }
.part-6-img { position: absolute; top:177px; left:575px; width: 50px; height: 56px; }
.part-6-dl-2 { position: absolute; top:290px; left:485px; width:230px; height:80px; }

.circular-3 { position: absolute; top:180px; right:205px; width:150px; height:150px; border-radius:100px; background-color: #D9D9D9; opacity: 0.6; border:1px solid #C4C6C5; }
.font-6 { position: absolute; top:230px; right:255px; width: 50px; height: 50px; font-size: 36px; color: #ED4135; }
.part-6-dl-3 { position: absolute; top:340px; right:165px; width:230px; height:80px; }

.part-7 { width: 1200px; margin-bottom: 70px; text-align: center; }

.footer {background:url(../images/home-31.jpg) no-repeat;width: 100%; height: 500px;}
.info { margin: 0 auto; width: 1200px; height: 350px; z-index: 10;}
.contact { float: left; margin-top: 35px; margin-right: 150px; }
.contact dl { margin-bottom: 25px; }
.contact dt { float: left; margin-right: 15px; }
.contact dd { color: #FFF; font-size: 16px; }
.code { float: left; text-align: center; margin-top: 25px; margin-right: 45px; margin-left: 45px; }
.code dt { margin-bottom: 50px; }
.code dd { color: #BCBDBF; }
.copyright { background-color:#000; height: 150px; text-align: center; }
.copyright p { padding-top: 20px; font-size: 16px; color: #BCBDBF; }