@charset "utf-8";


/*----内容区----*/
.odm{ background: url(../images/index/bg.jpg) repeat; padding-bottom: 100px;}
.odm1{ height: 860px; background: url(../images/odm/bg1.jpg) center no-repeat; padding-top: 80px;}
.odm1 .bt{ background: url(../images/odm/wtjt.png) bottom center no-repeat; height: 120px; width: 620px; margin: 0 auto;}
.odm1 .bt p{ width: 300px; float: left; font-size: 26px; font-weight: bold; text-align: right;} 
.odm1 .bt h4{ width: 300px; font-size: 60px; color: #850085; line-height: 70px; float: left; margin-left: 20px;}
.odm1 .nr{ position: relative; margin-top: 40px;}
.odm1 .nr dl dt{ width: 146px; height: 164px; margin: 0 auto;}
.odm1 .nr dl.dl1{ width: 200px; position: absolute; left: 0; top: 120px;}
.odm1 .nr dl.dl2{ width: 200px; position: absolute; left: 250px; top: 60px;}
.odm1 .nr dl.dl3{ width: 200px; position: absolute; left: 500px; top: 0px;}
.odm1 .nr dl.dl4{ width: 200px; position: absolute; left: 750px; top: 60px;}
.odm1 .nr dl.dl5{ width: 200px; position: absolute; left: 1000px; top: 120px;}
.odm1 .nr dl .dd1{ font-size: 24px; font-weight: bold; color: #850085; text-align: center; margin-top: 20px;}
.odm1 .nr dl .dd2{ font-size: 15px; line-height: 26px; text-align: center; margin-top: 10px;}
.odm1 .nr dl.dl6{ width: 400px; height: 146px; position: absolute; left: 0; top: 480px;}
.odm1 .nr dl.dl6 dt{ width: 164px; height: 146px; float: left;}
.odm1 .nr dl.dl6 dd{ width: 200px; float: left; margin-left: 36px; text-align: left;}
.odm1 .nr dl.dl6 .dd1{ margin-top: 15px;}
.odm1 .nr dl.dl7{ width: 400px; height: 146px; position: absolute; right: 0; top: 480px;}
.odm1 .nr dl.dl7 dt{ width: 164px; height: 146px; float: right;}
.odm1 .nr dl.dl7 dd{ width: 200px; float: left; text-align: right;}
.odm1 .nr dl.dl7 .dd1{ margin-top: 15px;}


.odm2{ height: 840px; background: url(../images/odm/bg2.jpg) center no-repeat; padding-top: 80px;}
.odm2 .bt .ew{ font-size: 80px; font-weight: bold; color: #850085; font-family: 'Oswald-Medium'; text-transform: uppercase; line-height: 80px; text-align: center;}
.odm2 .bt h4{ width: 410px; font-size: 50px; line-height: 50px; height: 50px; margin: 15px auto;color: #850085; background: url(../images/odm/wbt.png) right no-repeat;}
.odm2 .bt p{ font-size: 18px; text-align: center; margin-top: 15px;}
.odm2 .nr{ margin-top: 40px;}
.odm2 .nr .cpul ul{ width: 1220px;}
.odm2 .nr .cpul ul li{ width: 285px; height: 90px; float: left; margin-right: 20px; cursor: pointer;}
.odm2 .nr .cpul ul li .p1{ width: 193px; height: 72px; background: url(../images/odm/ysb1.png) no-repeat; font-size: 24px; font-weight: bold; padding-left: 92px; padding-top: 18px;}
.odm2 .nr .cpul ul li .p2{ width: 193px; height: 72px; background: url(../images/odm/ysb2.png) no-repeat; font-size: 24px; font-weight: bold; padding-left: 92px; padding-top: 18px;}
.odm2 .nr .cpul ul li .p3{ width: 193px; height: 72px; background: url(../images/odm/ysb3.png) no-repeat; font-size: 24px; font-weight: bold; padding-left: 92px; padding-top: 18px;}
.odm2 .nr .cpul ul li .p4{ width: 193px; height: 72px; background: url(../images/odm/ysb4.png) no-repeat; font-size: 24px; font-weight: bold; padding-left: 92px; padding-top: 18px;}
.odm2 .nr .cpul ul li.on .p1{ background: url(../images/odm/ysb1_1.png) no-repeat; color: #fff;}
.odm2 .nr .cpul ul li.on .p2{ background: url(../images/odm/ysb2_1.png) no-repeat; color: #fff;}
.odm2 .nr .cpul ul li.on .p3{ background: url(../images/odm/ysb3_1.png) no-repeat; color: #fff;}
.odm2 .nr .cpul ul li.on .p4{ background: url(../images/odm/ysb4_1.png) no-repeat; color: #fff;}
.odm2 .nr .cpt{ margin-top: 40px;}
.odm2 .nr .cpt li{ height: 380px;}
.odm2 .nr .cpt li .img{ width: 600px; height: 380px;}
.odm2 .nr .cpt li .img img{ width: 600px; height: 380px;}
.odm2 .nr .cpt li dl{ width: 480px; height: 280px; background: #fff; padding: 50px 60px;}
.odm2 .nr .cpt li dl dt{ font-size: 40px; font-weight: bold; color: #850085;}
.odm2 .nr .cpt li dl .dd1{ font-size: 18px; font-family: 'Oswald-Medium'; color: #999; letter-spacing: 3px; text-transform: uppercase;}
.odm2 .nr .cpt li dl .dd2{ width: 50px; height: 2px; background: #850085; margin-top: 35px;}
.odm2 .nr .cpt li dl .dd3{ font-size: 18px; margin-top: 35px; line-height: 30px;}
.odm2 .nr .cpt li dl .dd4{ margin-top: 40px; font-size: 40px; font-family: 'Oswald-Medium'; color: #850085;}
.odm2 .nr .cpt li dl .dd4 span{ font-size: 20px; color: #999; margin-left: 10px;}

.odm3{ padding-bottom: 80px;}
.odm3 .bt{ position: relative; text-align: center; width: 500px; margin: 0 auto; height: 180px;}
.odm3 .bt h4{ font-size: 46px; color: #850085; background: url(../images/odm/btjt.png) top no-repeat; padding-top: 120px; position: absolute; left: 0; top: -30px; width: 500px; text-align: center;}
.odm3 .bt p{ width: 500px; text-align: center;font-size: 18px; font-family: 'arial'; color: #666; text-transform: uppercase; position: absolute; left: 0; top: 160px;}
.odm3 .nr{ width: 1208px; margin-top: 40px;}
.odm3 .nr dl{ width: 294px; height: 420px; background: #ededed; float: left; margin-right: 8px;}
.odm3 .nr dl dt{ width: 294px; height: 220px;}
.odm3 .nr dl dt img{ width: 294px; height: 220px;}
.odm3 .nr dl .dd1{ text-align: center; font-size: 24px; font-weight: bold; margin-top: 40px;}
.odm3 .nr dl .dd2{ padding: 0 35px; font-size: 15px; line-height: 26px; color: #666; text-align: center; margin-top: 15px;}
.odm3 .nr dl:hover .dd1,.odm3 .nr dl:hover .dd2{ color: #fff;}
.odm3 .nr dl:hover{ background: #850085;}


.odm4{ height: 800px; background: url(../images/odm/bg3.jpg) center no-repeat;}
.odm4 .bt{ position: relative; text-align: center; width: 500px; margin: 0 auto; height: 180px;}
.odm4 .bt h4{ font-size: 46px; color: #850085; background: url(../images/odm/btjt.png) top no-repeat; padding-top: 120px; position: absolute; left: 0; top: -30px; width: 500px; text-align: center;}
.odm4 .bt p{ width: 500px; text-align: center;font-size: 18px; font-family: 'arial'; color: #666; text-transform: uppercase; position: absolute; left: 0; top: 160px;}
.odm4 .nr{ margin-top: 80px;}
.odm4 dl{ margin-bottom: 60px;}
.odm4 dl.fl{ width: 400px; margin-right: 300px;}
.odm4 dl.fl dt{ width: 100px; height: 100px; float: left;}
.odm4 dl.fl dd{ width: 250px; margin-left: 20px; float: left;}
.odm4 dl .dd1{ font-size: 24px; font-weight: bold; margin-top: 10px;}
.odm4 dl .dd2{ font-size: 16px; line-height: 30px; margin-top: 10px;}
.odm4 dl.fr{ width: 400px;}
.odm4 dl.fr dt{ width: 100px; height: 100px; float: right;}
.odm4 dl.fr dd{ width: 280px; margin-right: 20px; float: left; text-align: right;}
.odm4 dl .dd3{ font-size: 24px; font-weight: bold;}


.odm5{ padding: 80px 0;}
.odm5 .bt h4{ font-size: 46px; color: #850085; text-align: center;}
.odm5 .bt p{ font-size: 18px; color: #666; margin-top: 15px; text-align: center;}
.odm5 .nr{ margin-top: 40px;}
.odm5 .nr .cpul{ width: 320px; height:574px; float: left; overflow: hidden;}
.odm5 .nr .cpul li{ width: 320px; height: 70px; background: url(../images/odm/cjqh1.png) no-repeat; font-size: 22px; line-height: 70px; text-indent: 30px; margin-bottom: 2px; cursor: pointer;}
.odm5 .nr .cpul li.on{ background: url(../images/odm/cjqh2.png) no-repeat; color: #fff;}
.odm5 .nr .cpt{ width: 860px; height: 574px; position: relative; overflow: hidden;}
.odm5 .nr .cpt li img{ width: 860px; height: 574px;}
.odm5 .nr .cpt .tact{ width: 780px; height: 80px; background-color: rgba(0,0,0,0.8); position: absolute; left: 0; bottom: 0; line-height: 80px; padding: 0 40px;}
.odm5 .nr .cpt .tact .call{ background: url(../images/odm/cjtact.png) left no-repeat; text-indent: 26px; font-size: 15px; color: #fff; float: left; width: 400px;}
.odm5 .nr .cpt .tact .call b{ font-size: 28px; color: #fff; font-family: 'Oswald-Medium'; font-weight: normal;}
.odm5 .nr .cpt .tact a{ width: 130px; height: 40px; background: #f39700; display: block; font-size: 15px; text-align: center; line-height: 40px; color: #fff; border-radius: 20px; float: right; margin-top: 20px;}
.odm5 .nr .cpt .tact a:hover{ background: #fff; color: #333;}


.odm6 .bt h4{ font-size: 46px; color: #850085; text-align: center;}
.odm6 .bt p{ font-size: 18px; color: #666; margin-top: 10px; text-align: center; font-family: 'arial'; text-transform: uppercase;}
.odm6 ul{ width: 1260px; height: 385px; margin-top: 40px; background: url(../images/odm/dzlc.png) top left no-repeat;}
.odm6 ul li{ width: 120px; text-align: center; float: left; margin-right: 60px; font-size: 18px; padding-top: 140px; margin-bottom: 50px;}


.odm7{ padding: 80px 0;}
.odm7 .bt h4{ font-size: 46px; color: #850085; text-align: center;}
.odm7 .bt p{ font-size: 18px; color: #666; margin-top: 10px; text-align: center; text-transform: uppercase; font-family: 'arial';}
.odm7 .sub2_2{ position:relative; height:331px; margin-top: 40px;}
.odm7 .sub2_2 a.plus{ width:56px; height:56px; display:block; position:absolute; left:-96px; top:117px; background:  url(../images/dz/jtL1.png) no-repeat; cursor: pointer;}
.odm7 .sub2_2 a.plus:hover{ background: url(../images/dz/jtL2.png) no-repeat;}
.odm7 .sub2_2 a.minus{ width:56px; height:56px; display:block; position:absolute; right:-96px; top:117px; background:  url(../images/dz/jtR1.png) no-repeat; cursor: pointer;}
.odm7 .sub2_2 a.minus:hover{ background: url(../images/dz/jtR2.png) no-repeat;}
.odm7 .box{ position:absolute; left:0px; top:0px; width:1200px; height:331px; overflow:hidden;}
.odm7 ul.list{ position:absolute; left:0px; top:0px; width:200000px; height:331px; overflow:hidden;}
.odm7 ul li{ float:left; width:410px; height:331px;}
.odm7 ul li p{ width: 380px; height: 60px; border-bottom: 1px solid #ddd; margin-top: 10px; line-height: 60px; overflow: hidden; background: url(../images/dz/lj.png) right no-repeat; font-size: 18px;}
.odm7 ul li .img{ width: 380px; height: 260px; overflow: hidden;}

.odm7 ul li .img img{width: 380px; height: 260px;}


.odm7 ul li:hover img{transition:all 0.5s;   transform: scale(1.2) ;}
.odm7 ul li:hover p{ color: #850085; border-bottom: 1px solid #850085;}


.odm8 .bt h4{ font-size: 46px; color: #850085; text-align: center;}
.odm8 .bt p{ font-size: 18px; color: #666; margin-top: 10px; text-align: center; text-transform: uppercase; font-family: 'arial';}
.odm8 .nr{ margin-top: 40px;}
.odm8 .nr .xwL{ width: 318px; height: 308px; border: 1px solid #ccc; border-radius: 20px; padding: 50px 45px;}
.odm8 .nr .xwL h5{ font-size: 40px; font-weight: bold; color: #850085; letter-spacing: 5px;}
.odm8 .nr .xwL .xz{ font-size: 18px; line-height: 28px; letter-spacing: 4px; margin-top: 10px;}
.odm8 .nr .xwL .tact{ width: 230px; height: 100px; background: url(../images/odm/wttact.png) no-repeat; margin-top: 40px; padding-left: 90px;}
.odm8 .nr .xwL .tact p{ font-size: 15px; color: #fff; letter-spacing: 5px; padding-top: 20px;}
.odm8 .nr .xwL .tact .call{ font-size: 26px; font-family: "arial"; font-weight: bold; color: #f39700; margin-top: 5px;}
.odm8 .nr .xwR{ width: 780px; height: 410px; overflow: hidden; margin-left: 10px;}
.odm8 .nr .xwR a{ width: 328px; height: 88px; border: 1px solid #ccc; border-radius: 10px; display: block; float: left; margin-left: 20px; margin-bottom: 10px; padding: 20px;}
.odm8 .nr .xwR a .bt{ width: 328px; height: 28px; background: url(../images/odm/wen.png) left no-repeat; line-height: 28px; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box; font-size: 16px; text-indent: 38px;}
.odm8 .nr .xwR a p{ width: 298px; height: 48px; background: url(../images/odm/da.png) 0 0 no-repeat; padding-left: 38px; margin-top: 12px; line-height: 24px; font-size: 14px; color: #666;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box; overflow: hidden;}
.odm8 .nr .xwR a:hover{ border: 1px solid #850085;}