.layout{width:1000px; margin:0 auto;}
a{color:#797979;}
body{min-width:1000px;}

/*header*/
.header{width:100%; background:#ac0301; height:109px; border-bottom:1px solid #FFF;}
.header .logo{float:left; margin-top:42px;}
.header .nav{float:right; margin-top:37px;}
.header .nav a{display:inline-block; width:80px; text-align:center; line-height:35px; font-size:14px; color:#FFF; margin-left:15px;}
.header .nav a.on{background:#fff; color:#ba100e;}
.header .nav a.on:hover{color:#ba100e;}
.header .nav a:hover{color:#e5e2e2;}

/*banner*/
.banner{position:relative; z-index: 1; width: 100%; overflow: hidden; height: 538px;}
.banner_f{ width: 100%;  position: absolute; left:0; top: 0px; height: 538px; overflow: hidden; z-index: 2}
.banner_s{ position: absolute; left:50%; width: 1920px; margin-left: -960px;}
.banner_s img{ width: 1920px; height: 538px;}
.banner_r{cursor:pointer; position:absolute; right:0px; top:200px; z-index:3; width:80px; height:80px; background: url(../skin/banner_r.png) no-repeat center; display:none;}
.banner_l{cursor:pointer; position:absolute; left:0px; top:200px; z-index:3; width:80px; height:80px; background: url(../skin/banner_l.png) no-repeat center; display:none;}
.banner:hover .banner_r,.banner:hover .banner_l{display:block;}
.banner_btn{position: absolute; right: 50%; bottom:20px; z-index: 10;}
.banner_btn li{float:left; width:11px;height:11px;line-height:20px; margin:0px 5px; border:2px solid #fff; border-radius:50%;cursor:pointer;overflow:hidden;text-align:center;}
.banner_btn li.click{border-color:#fff; background:#fff;}

/*main*/
.indexconbar{overflow:hidden;zoom:1;}
.indexconbar .indexcon{width:1300px; margin-top:200px; margin-bottom:110px; overflow:hidden;zoom:1;}
.indexconbar .indexcon a{float:left; width:117px; text-align:center; margin-right:177px; display:block; color:#909090; font-size:22px;}
.indexconbar .indexcon span{border:2px solid #d42a28; width:113px; height:113px; border-radius:50%; display:inline-block; text-align:center;}
.indexconbar .indexcon p{margin-top:58px;}
.indexconbar .indexcon img{margin-top:38px;}
.indexconbar .indexcon .bg2{display:none;}
.indexconbar .indexcon a:hover span{background:#d42a28;}
.indexconbar .indexcon a:hover .bg1{display:none;}
.indexconbar .indexcon a:hover .bg2{display:block; margin:0 auto; margin-top:38px;}
.indexconbar .indexcon a:hover p{color:#d42a28;}
.indexcase{width:100%; overflow:hidden;zoom:1; background: url(../skin/mg9.png) top no-repeat;}
.indexcase .layout{position:relative; padding-top:107px;}
.indexcase .musicicon{position:absolute; right:0px; top:2px;}
.indexcase .catitle{position:absolute; top:100px; left:41px;}
.indexcase .catitle .cap1{line-height:41px; font-size:30px; color:#000000;}
.indexcase .catitle .cap2{line-height:28px; font-size:30px; color:#4b4b4b; font-family:"Segoe UI";}
.indexcase .catitle .bor{margin-top:10px; display:block; width:94px; height:2px; background-color:#c0c0c0;} 
.indexcase .caseinbar{margin-bottom:100px;}
.indexcase .casenav{float:left; margin-left:42px; width:165px; margin-top:160px;}
.indexcase .casenav .navli li{margin-bottom:21px;}
.indexcase .casenav .navli li a{padding:5px; color:#939393; margin:2px;}
.indexcase .casenav .navli li:hover a,.indexcase .casenav .navli li.on a{border:2px solid #d8271c; color:#d8271c; margin:0px;}
.indexcase .casefrbar{width:792px; float:right; overflow:hidden;zoom:1; margin-top:70px;}
.indexcase .casefrbar .cali{float:left; width:198px; height:198px; position:relative; display:block;}
.indexcase .casefrbar .cali .gray{ transition: all 0.5s ease-out 0s;}
.indexcase .casefrbar .cali .gray{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;
opacity:0.5;
}
.indexcase .casefrbar .cali img{width:198px; height:198px;}
.indexcase .casefrbar .cali .title{width:192px; height:29px; background:url(../images/bg.png); position:absolute; bottom:0px; left:0px; color:#fff;line-height:29px;padding-left:6px;display:none;}.indexcase .casefrbar .cali:hover .title{display:block;}
.indexcase .casefrbar .ct1{margin-left:396px; margin-right:198px;}
.indexcase .casefrbar .ct6{margin-left:198px;}
.indexpro{background:#000; padding:17px 0px 40px 0px; overflow:hidden;zoom:1;}
.indexpro .inprobar{overflow:hidden;zoom:1;}
.indexpro .inprobar ul{width:1300px; margin-bottom:65px; overflow:hidden;zoom:1;}
.indexpro .inprobar ul li{width:282px; float:left; margin-right:62px; margin-left:5px;}
.indexpro .inprobar ul li .prop1{line-height:45px; color:#fff; font-size:14px;}
.indexpro .inprobar ul li .pic{width:282px; height:282px; display:table-cell; text-align:center; vertical-align:middle;}
.indexpro .inprobar ul li .pic img{max-width:282px; max-height:282px;}
.indexpro .inprobar ul li .pic:hover{box-shadow: #666 0px 0px 10px;}
.indexpro .inprobar ul li .prop2{margin-top:18px; margin-bottom:27px; font-size:14px; line-height:20px; color:#b2b2b2;}
.indexpro .inprobar ul li .prop3 a{color:#d42a28; font-family:"宋体";}
.indexpro .inprobar ul li .prop3 a:hover{color:#fff; text-decoration:underline;}
.promore{text-align:center;}
.promore a{width:225px; height:46px; display:inline-block; background-color:#252525; line-height:46px; text-align:center; font-size:14px; color:#FFF;}
.indexnews .promore a:hover,.promore a:hover{background:#d42a28;}
.indexnews .promore a{background:#000;}
.indexnews{background:#252525; overflow:hidden;zoom:1; padding:70px 0px 55px 0px;}
.indexnews .institle{width:253px; height:175px; border-bottom:2px solid #ebebeb; float:left;}
.indexnews .institle .t1{font-size:36px; color:#c0c0c0; line-height:35px;}
.indexnews .institle .t2{font-size:30px; color:#6c6c6c; margin-top:7px; letter-spacing:3px;}
.indexnews .indexsilde{width:702px; float:right; position:relative; margin-bottom:80px;}
.indexnews .indexsilde .piclist{width:702px; overflow:hidden;zoom:1;}
.indexnews .indexsilde .piclist ul li{float:left; width:223px; margin-right:16px;}
.indexnews .indexsilde .piclist ul li .pic{width:221px; height:133px; border:1px solid #f2f2f2;}
.indexnews .indexsilde .piclist ul li .pic a{width:221px; height:133px; display:table-cell; text-align:center; vertical-align:middle;}
.indexnews .indexsilde .piclist ul li .pic img{max-width:221px; max-height:133px;}
.indexnews .indexsilde .piclist ul li .title{font-size:14px; height:40px; line-height:15px; overflow:hidden;zoom:1; margin:15px 0px;}
.indexnews .indexsilde .piclist ul li .title a{color:#fff;}
.indexnews .indexsilde .piclist ul li .title a:hover{color:#d42a28; text-decoration:underline;}
.indexnews .indexsilde .piclist ul li .time{border-bottom:1px solid #626262;}
.indexnews .indexsilde .piclist ul li .time span{color:#fff; border-bottom:2px solid #fff; padding-right:5px;}
.indexnews .indexsilde .inperv,.indexnews .indexsilde .innext{display:block; width:45px; height:45px; overflow:hidden; text-indent:-9999px; position:absolute; bottom:2px; background:url(../skin/mg12.png) no-repeat;}
.indexnews .indexsilde .inperv{background-position:0px 0px; left:-135px;}
.indexnews .indexsilde .innext{background-position:-45px 0px; left:-90px;}
.nybanner{overflow:hidden;zoom:1;}
.nybanner span{width:300%; display:block; text-align:center; margin-left:-100%;}
.commonbar{margin:45px 0px 100px 0px;}
.commonbar .leftnav{width:275px; float:left; background:#eee;}
.commonbar .leftnav .title{display:block; height:52px; line-height:52px; background:#c71d1b; font-size:24px; color:#fff; text-align:center; border-left:6px solid #7b0100; letter-spacing:10px;}
.commonbar .menu{margin:0px 20px 0px 30px;}
.commonbar .menu li{font-size:18px; color:#313131; margin:10px 0px;}
.commonbar .menu li a{display:block; color:#313131;}
.commonbar .menu li:hover a{color:#cf3535;}
.commonbar .menu li.on a{color:#cf3535; background:url(../skin/mg13.png) right no-repeat;}
.commonbar .rightmain{width:695px; float:right;}
.commonbar .rightmain .adderbar{border-bottom:2px solid #c71d1b; text-align:right; font-size:14px; color:#9a9a9a; padding-bottom:10px;}
.commonbar .rightmain .adderbar a{color:#9a9a9a;}
.commonbar .rightmain .adderbar a:hover{color:#cf3535; text-decoration:underline;}
.commonbar .rightmain .aboutmain h1{font-size:24px; color:#4c4c4c; text-align:center; margin:45px 0px;}
.commonbar .rightmain .aboutmain img{max-width:695px;}
.commonbar .promenu li{position:relative; background:url(../skin/mg16.png) 16px 20px no-repeat;}
.commonbar .promenu li .subbtn{display:block; height:41px; line-height:41px; margin:0px 20px 0px 30px; font-size:18px; color:#313131; background:url(../skin/mg15.png) right center no-repeat;}
.commonbar .promenu li .subbtn:hover{color:#cf3535;}
.commonbar .promenu li.on .subbtn{background:url(../skin/mg14.png) right center no-repeat;}
.commonbar .promenu li .subnav{background:#fff; padding-left:50px; display:none;}
.commonbar .promenu li .subnav a{font-size:16px; color:#000; line-height:41px; display:block;}
.commonbar .promenu li .subnav a:hover{color:#af6d6c;}
.commonbar .promenu li .subnav a.on{color:#cf3535;}
.commonbar .prolist{border-bottom:1px solid #d3d3d3; overflow:hidden; zoom:1;}
.commonbar .prolist ul li{width:215px; float:left; padding-bottom:10px; border-bottom:4px solid #f7f7f7; margin:20px 8px;}
.commonbar .prolist ul li .pic{width:215px; height:215px; overflow:hidden;}
.commonbar .prolist ul li .pic a{width:215px; height:215px; display:table-cell; text-align:center; vertical-align:middle;}
.commonbar .prolist ul li .pic img{max-width:215px; max-height:215px;}
.commonbar .prolist ul li .title{font-size:18px; padding-left:25px; background:url(../skin/mg17.png) 3px 6px no-repeat; height:45px; line-height:20px; margin:10px 0px;}
.commonbar .prolist ul li .title a{color:#636363;}
.commonbar .prolist ul li:hover{border-color:#ff0000;}
.commonbar .prolist ul li:hover .title{background:url(../skin/mg18.png) 3px 6px no-repeat;}
.commonbar .prolist ul li:hover .title a{color:#000;}
.page{text-align:right; padding-top:35px;}
.page a{border:1px solid #b4b4b4; border-radius:3px; padding:5px 10px; display:inline-block;}
.page a:hover{border-color:#cf3535; color:#cf3535;}
.page a.on{background:#cf3535; color:#fff; border-color:#cf3535;}
.page a.on:hover{color:#fff;}
.commonbar .prodeebar .title{margin:30px 0px;}
.commonbar .prodeebar .title span{font-size:30px; color:#000; border-bottom:3px solid #000;}
.commonbar .ddttbar{}
.commonbar .ddttbar .barimg{width:363px; height:460px; float:left; background:#fff;}
.commonbar .ddttbar .barimg .pic{display:none;}
.commonbar .ddttbar .barimg .pic span{width:363px; height:460px; display:table-cell; text-align:center; vertical-align:middle;}
.commonbar .ddttbar .barimg .pic img{max-width:363px; max-height:460px;}
.commonbar .ddttbar .barlist{width:320px; height:460px; float:right;}
.commonbar .ddttbar .barlist ul{width:400px; height:500px;}
.commonbar .ddttbar .barlist ul li{width:155px; height:137px; float:left; overflow:hidden; margin:0px 10px 24px 0px;}
.commonbar .ddttbar .barlist ul li.on{box-shadow:#666 0px 0px 10px;}
.commonbar .ddttbar .barlist ul li a{width:155px; height:137px; display:table-cell; text-align:center; vertical-align:middle;}
.commonbar .ddttbar .barlist ul li img{max-width:155px; max-height:137px;}
.commonbar .textmain h1{font-size:24px; color:#565656; margin:30px 0px;}
.commonbar .textmain p{font-size:18px; color:#565656;}
.commonbar .textmain dl{font-size:18px; color:#565656;}
.commonbar .textmain dl dt{float:left; border-right:1px solid #c4c4c4; width:190px; padding-right:38px; text-align:right; line-height:60px;}
.commonbar .textmain dl dd{margin-left:270px; line-height:60px;}
.newstitle{font-size:30px; color:#373737; border-bottom:1px solid #c6c6c6; margin-top:40px;}
.newstou-hot{margin-top:21px; margin-bottom:37px;}
.newstou-hot .newshf{width:480px; float:left; margin-left:10px;}
.newstou-hot .newshf h1{height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newstou-hot .newshf h1 a{font-size:24px; color:#373737;}
.newstou-hot .newshf h1 a:hover{color:#cf3535; text-decoration:underline;}
.newstou-hot .newshf .pm{font-size:18px; color:#6f6f6f; margin-top:45px; height:170px; overflow:hidden;zoom:1; margin-bottom:17px;}
.newstou-hot .newshf .morebtn{display:block; font-size:18px; color:#fff; background:#db1111; width:90px; height:35px; line-height:35px; text-align:center; border-radius:5px;}
.newstou-hot .newshf .morebtn:hover{background:#bb4444;}
.newstou-hot .newshr{float:right; width:480px; height:297px; overflow:hidden;}
.newstou-hot .newshr a{width:480px; height:297px; display:table-cell; text-align:center; vertical-align:middle;}
.newstou-hot .newshr img{max-width:480px; max-height:297px;}
.newslist{border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; width:1000px; overflow:hidden;zoom:1; padding-top:26px; padding-bottom:70px;}
.newslist ul{width:1100px;}
.newslist ul li{width:232px; float:left; border-bottom:3px solid #eee; margin:45px 24px 0px 0px;}
.newslist ul li .pic{width:232px; height:232px; overflow:hidden;}
.newslist ul li .pic a{width:232px; height:232px; display:table-cell; text-align:center; vertical-align:middle;}
.newslist ul li .pic img{max-width:232px; max-height:232px;}
.newslist ul li .title{font-size:18px; color:#929292; height:27px; line-height:27px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:10px 0px 15px 0px;}
.newslist ul li .title a{color:#929292;}
.newslist ul li:hover .title a{color:#363636;}
.newslist ul li:hover{border-color:#db1111;}
.newsdetails{margin-top:95px; margin-bottom:60px;}
.newsdetails h1{font-size:24px; color:#373737; text-align:center; border-bottom:1px solid #c6c6c6; padding-bottom:10px; margin-bottom:10px;}
.newsdetails h2{font-size:14px; color:#888; text-align:center;}
.newsdetails .detatext{margin-bottom:180px;}
.newsdetails .detatext img{max-width:800px;}
.newsdetails .detafhbtn{display:block; font-size:18px; color:#fff; background:#db1111; width:90px; height:35px; line-height:35px; text-align:center; border-radius:5px; margin:0 auto;}
.newsdetails .detafhbtn:hover{background:#bb4444;}
.caselist{border-bottom:1px solid #d3d3d3; overflow:hidden;zoom:1; padding:30px 0px;}
.caselist ul li{width:315px; float:left; border-bottom:1px solid #c6c6c6; margin:20px 16px;}
.caselist ul li .pic{width:315px; height:198px;}
.caselist ul li .pic a{width:315px; height:198px; display:table-cell; text-align:center; vertical-align:middle;}
.caselist ul li .pic img{max-width:315px; max-height:198px;}
.caselist ul li .title{font-size:18px; height:25px; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:20px 0px 10px 0px;}
.caselist ul li .title a{color:#9c9c9c;}
.caselist ul li:hover{border-bottom:2px solid #ff0000; margin-bottom:19px;}
.caselist ul li:hover .title a{color:#4b4b4b;}
.servcebar .sertext{width:673px; height:332px; border:1px solid #ccc; margin:20px 0px; padding:20px 10px;}
.servcebar .serccbtn{text-align:right;}
.servcebar .serccbtn input{font-size:18px; color:#fff; background:#db1111; width:90px; height:35px; border:none; cursor:pointer; text-align:center; border-radius:5px;}
.servcebar .serccbtn input:hover{background:#bb4444;}
.servcebar .serdownload{padding:0px 10px; border-bottom:1px solid #d3d3d3; padding-bottom:20px;}
.servcebar .serdownload li{overflow:hidden;zoom:1; border-bottom:1px dashed #d0d0d0; padding:10px 5px; margin-top:20px;}
.servcebar .serdownload li span{font-size:14px; color:#000; float:left; display:block; width:500px; height:21px; line-height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.servcebar .serdownload li a{float:right; color:#4c4c4c; background:url(../skin/mg20.png) left no-repeat; padding-left:10px;}
.servcebar .serdownload li a:hover{background:url(../skin/mg21.png) left no-repeat; color:#c71d1b;}
.servcebar .joblist{border-bottom:1px solid #d3d3d3; padding-bottom:95px;}
.servcebar .joblist li{border-bottom:1px dashed #d0d0d0; position:relative;}
.servcebar .joblist li .title{overflow:hidden;zoom:1; padding:10px; cursor:pointer;}
.servcebar .joblist li .title span{float:left; font-size:18px; color:#474747;}
.servcebar .joblist li .title a{float:right; display:block; width:9px; height:10px; overflow:hidden; text-indent:-9999px; background:url(../skin/mg22.png) no-repeat; margin-top:10px;}
.servcebar .joblist li .jobsub{display:none;}
.servcebar .joblist li .jobsub .jobmain{margin:30px 10px; font-size:14px; color:#474747;}
.servcebar .joblist li .jobsub .jobclose{display:block; width:100%; height:36px; line-height:36px; color:#474747; font-size:14px; text-align:center; border-top:1px solid #dadada; background:#f2f2f2 url(../skin/mg23.png) 370px center no-repeat;}


.contactbar{background:#fff; padding:60px 30px;}
.contactbar .contitle{font-size:36px; color:#424242;}
.contactbar .contitle span{margin-left:20px;}
.contactbar .contitle b{display:block; width:380px; height:3px; background:#828282; margin-top:30px;}
.contactbar .contmap{margin:33px;}
.contactbar .contmap dl{ margin-top:50px;}
.contactbar .contmap dl dt{font-size:24px; color:#424242; margin-bottom:10px;}
.contactbar .contmap dl dd .mapbox{border:2px solid #dadada; width:868px; height:390px; overflow:hidden;zoom:1;}
.contactbar .contmap .h1{font-size:24px; color:#424242;}
.contactbar .contmap .conphone{font-size:24px; color:#424242; background:url(../skin/mg19.png) left no-repeat; padding-left:40px; display:inline-block; margin-top:10px;}

/*footer*/
.footer{width:100%; min-width:1000px; background-color:#000000; padding-top:35px;}
.footer .footertou{overflow:hidden;zoom:1; padding-bottom:50px;}
.footer .footertou .bob{width:155px; float:left;}
.footer .footertou .bop1{line-height:18px; margin-bottom:18px;}
.footer .footertou .bop1 a{color:#fff; font-size:14px;}
.footer .footertou .bop1 a:hover{color:#878787;}
.footer .footertou .name1 li{line-height:16px; margin-bottom:14px;}
.footer .footertou .name1 li a{color:#878787;}
.footer .footertou .name1 li a:hover{color:#FFF; text-decoration:underline;}
.footer .footerbottom{border-top:1px solid #3f3f3f; line-height:74px; height:74px; text-align:center; color:#f4f4f4;}
.footer .footerbottom img{margin-right:50px;}
.footer .footerbottom a{color:#878787; margin-left:20px;}
.footer .footerbottom a:hover{color:#fff; text-decoration:underline;}