.layout{width:1200px; margin:0 auto;}
body{min-width:1200px;}

/*header*/
.headtou{width:100%; height:31px; line-height:31px; background:#e7e7e7; color:#999;}
.headtou .hdlf{float:left;}
.headtou .hdlr{float:right;}
.headtou .hdlr i{margin:0px 3px;}
.headtou .hdlr a{color:#999; margin-left:10px;}
.headtou .hdlr a img{vertical-align:middle; margin-right:5px;}
.headtou .hdlr a:hover{color:#e23b30;}
.logo{width:100%; height:137px; padding:6px 0px; text-align:center;}
.navwarp{width:100%; height:78px; border-bottom:8px solid #e23b30; position:relative;}
.navwarp .nav{width:1200px; margin:0 auto; position:relative;}
.navwarp .nav ul li{float:left; width:80px; text-align:center; margin:20px 35px 0px 35px; padding-bottom:34px;}
.navwarp .nav ul li .link{font-size:16px; font-weight:700; color:#333;}
.navwarp .nav ul li:hover,.navwarp .nav ul li.on{background:url(../skin/navli.png) center bottom no-repeat;}
.navwarp .nav ul li:hover .link,.navwarp .nav ul li.on .link{color:#e23b30;}
.navwarp .nav ul li .subnav{width:1200px; position:absolute; left:0px; top:78px; z-index:20; line-height:54px; text-align:center; display:none;}
.navwarp .nav ul li .subnav a{font-size:14px; font-weight:700; color:#fff; margin:0px 20px;}
.navwarp .nav ul li .subnav a:hover{color:#931e16;}
.navwarp .navbg{width:100%; height:54px; background:#e23b30; position:absolute; left:0px; top:78px; z-index:10; display:none;}

/*banner*/
.banner{position:relative; z-index: 1; width: 100%; overflow: hidden; height: 642px;}
.banner_f{ width: 100%;  position: absolute; left:0; top: 0px; height: 642px; overflow: hidden; z-index: 2}
.banner_s{ position: absolute; left:50%; width: 1920px; margin-left: -960px;}
.banner_s img{ width: 1920px; height: 642px;}
.banner_r{cursor:pointer; position:absolute; right:-80px; top:350px; z-index:3; width:80px; height:80px; background: url(../skin/banner_r.png) no-repeat center;  overflow:hidden; text-indent:-9999px;}
.banner_l{cursor:pointer; position:absolute; left:-80px; top:350px; z-index:3; width:80px; height:80px; background: url(../skin/banner_l.png) no-repeat center;  overflow:hidden; text-indent:-9999px;}
.banner_r,.banner_l{transition: all 0.1s ease; opacity:0;}
.banner_btn{position:absolute; left:0; bottom:0px; z-index:10; width:100%; text-align:center;}
.banner_btn ul{width:1200px; margin:0 auto;}
.banner_btn ul li{float:left; height:70px; width:240px; position:relative;}
.banner_btn ul li a{display:block; width:100%; height:70px; line-height:70px; position:absolute; left:0px; bottom:0px; font-size:16px; color:#fff; text-align:center;}
.banner_btn ul li.on a{line-height:55px; height:100px;}
.banner_btn ul li.on b{display:block; width:8px; height:16px; margin:30px auto 0px auto; background: url(../skin/btnli.png) no-repeat center;}
.banner_btn ul li .t0{background:#46b035;}
.banner_btn ul li .t1{background:#645246;}
.banner_btn ul li .t2{background:#342b2a;}
.banner_btn ul li .t3{background:#e23b30;}
.banner_btn ul li .t4{background:#ffb60f;}
.banner .banner_l.on{left:40px; opacity:1;}
.banner .banner_r.on{right:40px; opacity:1;}

/*main*/
.indextl{text-align:center; padding-top:75px;}
.indextl h1{font-size:36px; color:#000;}
.indextl h2{font-size:14px; color:#666;}
.indextl .ct{display:block; width:46px; height:1px; background:#000; margin:7px auto;}
.indextl .cm{display:block; width:32px; height:1px; background:#000; margin:0 auto;}
.indexbtn{text-align:center; padding:100px 0px 108px 0px;}
.indexbtn a{display:block; width:190px; height:52px; line-height:52px; margin:0 auto; background:#e23b30; font-size:14px; color:#fff; transition: all 0.8s ease;}
.indexbtn a img{margin-left:10px;}
.indexbtn a:hover{background:#931e16;}
.indexpro{width:1200px; overflow:hidden;zoom:1; margin:0 auto;}
.indexpro ul{width:1250px;}
.indexpro ul li{float:left; width:381px; margin:65px 28px 0px 0px;}
.indexpro ul li .pic{border:5px solid #fff; width:371px; height:224px; margin-bottom:45px; transition: all 0.8s; overflow:hidden;}
.indexpro ul li .pic a{width:371px; height:224px; display:table-cell; text-align:center; vertical-align:middle;}
.indexpro ul li .pic img{max-width:371px; max-height:224px; transition: all 0.8s;}
.indexpro ul li .pic:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.indexpro ul li .title{font-size:18px; color:#000;}
.indexpro ul li .title a{color:#000; transition: all 0.8s;}
.indexpro ul li .time{color:#999;}
.indexpro ul li p{font-size:14px; color:#666;}
.indexpro ul li:hover .pic{border-color:#e23b30;}
.indexpro ul li:hover .title a{color:#e23b30;}
.nybanner{overflow:hidden;zoom:1; position:relative;}
.nybanner span{width:300%; display:block; text-align:center; margin-left:-100%;}
.mainwar{padding:65px 0px 85px 0px;}
.mainwar .leftnav{width:218px; float:left;}
.mainwar .leftnav .h1{width:100%; height:60px; line-height:60px; text-align:center; font-size:16px; color:#fff; background:#e23b30;}
.mainwar .leftnav .ul li{border-bottom:1px dashed #e23b30; height:58px; line-height:58px;}
.mainwar .leftnav .ul li a{display:block; height:58px; text-align:center; font-size:14px; color:#313131; background:#ffe5e3;}
.mainwar .leftnav .ul li span{background: url(../skin/leftnavli.png) left center no-repeat; padding-left:15px;}
.mainwar .leftnav .ul li:hover a,.mainwar .leftnav .ul li.on a{background:#fff; color:#e23b30;}
.mainwar .leftnav .ul li:hover span,.mainwar .leftnav .ul li.on span{background: url(../skin/leftnavli-h.png) left center no-repeat;}
.mainwar .rightnr{width:867px; float:right;}
.mainwar .rightnr .cctitle{border-bottom:1px solid #e3e3e3; overflow:hidden;zoom:1; padding-bottom:10px;}
.mainwar .rightnr .cctitle .tname{font-size:18px; color:#e23b30; float:left;}
.mainwar .rightnr .cctitle .tsn{float:right; color:#000; margin-top:8px;}
.mainwar .rightnr .cctitle .tsn a{color:#000;}
.mainwar .rightnr .cctitle .tsn a:hover{color:#e23b30;}
.mainwar .rightnr .cctitle .tsn em{color:#e23b30;}
.mainwar .rightnr .ccabout{padding-top:25px;}
.mainwar .rightnr .ccabout img{max-width:860px;}
.mainwar .rightnr .video h1{font-size:14px; color:#e23b30; margin:10px 0px;}
.prolist{width:867px; overflow:hidden;zoom:1;}
.prolist ul{width:950px;}
.prolist ul li{float:left; width:258px; margin:20px 46px 0px 0px;}
.prolist ul li .pic{border:1px solid #ddd; width:256px; height:256px; transition: all 0.8s; overflow:hidden;}
.prolist ul li .pic a{width:256px; height:256px; display:table-cell; text-align:center; vertical-align:middle;}
.prolist ul li .pic img{max-width:256px; max-height:256px; transition: all 0.8s;}
.prolist ul li .pic:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.prolist ul li .title{text-align:center; color:#000; padding-top:10px;}
.prolist ul li:hover .pic{border-color:#e23b30;}
.prodetails{margin-top:65px;}
.prodetails .proright{width:364px; float:left;}
.prodetails .proright .pic{border:1px solid #ddd; width:362px; height:246px; text-align:center;}
.prodetails .proright .pic img{max-width:362px; max-height:246px;}
.prodetails .proright .pic div{display:none;}
.prodetails .proright .protab{margin:15px 0px; overflow:hidden;zoom:1;}
.prodetails .proright .protab ul li{border:1px solid #ddd; width:67px; height:67px; float:left; margin-right:10px; cursor:pointer;}
.prodetails .proright .protab ul li img{width:67px; height:67px;}
.prodetails .proright .protab ul li.on{border-color:#e23b30;}
.prodetails .proleft{width:450px; float:right;}
.prodetails .proleft h1{font-size:20px; font-weight:700; color:#474747; margin-bottom:15px;}
.prodetails .proleft p{font-size:14px; line-height:1.9em; color:#8c8c8c;}
.prodetails .proleft p span{color:#474747;}
.prodetails .proleft .buy{padding-top:35px;}
.prodetails .proleft .buy a{display:block; width:120px; height:40px; line-height:40px; text-align:center; background:#e23b30; font-size:14px; color:#fff;}
.newslist ul li{overflow:hidden;zoom:1; padding:30px 0px; border-bottom:1px solid #ddd;}
.newslist ul li .pic{width:283px; height:179px; overflow:hidden; float:left; border:1px solid #ddd;}
.newslist ul li .pic a{width:283px; height:179px; display:table-cell; text-align:center; vertical-align:middle;}
.newslist ul li .pic img{max-width:283px; max-height:179px; transition: all 0.8s;}
.newslist ul li .pic:hover{border-color:#e23b30;}
.newslist ul li .pic:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.newslist ul li .tmain{width:530px; float:right; position:relative;}
.newslist ul li .tmain .title{font-size:16px; font-weight:700;}
.newslist ul li .tmain .title a{color:#333;}
.newslist ul li .tmain .title a:hover{color:#e23b30;}
.newslist ul li .tmain .time{color:#666; font-size:14px; margin:10px 0px;}
.newslist ul li .tmain .pm{font-size:14px; color:#666;}
.newslist ul li .tmain .more{text-align:right; font-size:14px; color:#e23b30;}
.newslist ul li .tmain .more a{color:#e23b30;}
.newsdetailsbar{padding-top:45px;}
.newsdetailsbar .title{border-bottom:1px solid #d8d8d8;}
.newsdetailsbar .title h1{font-size:24px; color:#333; text-align:center;}
.newsdetailsbar .title h2{color:#999; text-align:center; padding:10px 0px;}
.newsdetailsbar .title h2 em{color:#e73350;}
.newsdetailsbar .nwtext{margin-top:35px;}
.newsdetailsbar .nwtext img{max-width:867px;}
.videolist{width:867px; overflow:hidden;zoom:1;}
.videolist ul{width:890px;}
.videolist ul li{width:281px; height:193px; border:1px solid #ddd; position:relative; float:left; margin:30px 9px 0px 0px;}
.videolist ul li a{display:block; width:281px; height:193px; overflow:hidden;}
.videolist ul li a .pic{width:281px; height:193px;}
.videolist ul li a .pic span{width:281px; height:193px; display:table-cell; text-align:center; vertical-align:middle;}
.videolist ul li a .pic img{max-width:281px; max-height:193px; transition: all 0.8s;} 
.videolist ul li:hover{border-color:#e23b30;}
.videolist ul li:hover .pic img{-webkit-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09);}
.videolist ul li a .tslb{width:100%; height:45px; position:absolute; left:0px; bottom:0px; z-index:10; overflow:hidden;zoom:1; background:url(../skin/bg.png);}
.videolist ul li a .tslb .play{width:50px; height:45px; float:left;}
.videolist ul li a .tslb .tn{line-height:45px; font-size:14px; color:#fff; float:left; width:230px; text-align:center;}
.recilist{width:867px; overflow:hidden;zoom:1; border-bottom:1px solid #ddd; padding-bottom:40px;}
.recilist ul{width:900px;}
.recilist ul li{float:left; width:272px; margin:25px 25px 0px 0px;}
.recilist ul li .pic{border:5px solid #fff; width:262px; height:154px; margin-bottom:15px; transition: all 0.8s; overflow:hidden;}
.recilist ul li .pic a{width:262px; height:154px; display:table-cell; text-align:center; vertical-align:middle;}
.recilist ul li .pic img{max-width:262px; max-height:154px; transition: all 0.8s;} 
.recilist ul li .pic:hover img{-webkit-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09);}
.recilist ul li .title{font-size:16px; color:#000;}
.recilist ul li .title a{color:#000; transition: all 0.8s;}
.recilist ul li .time{color:#999; font-size:14px;}
.recilist ul li p{font-size:14px; color:#666;}
.recilist ul li:hover .pic{border-color:#e23b30;}
.recilist ul li:hover .title a{color:#e23b30;}
.page{text-align:center; padding-top:65px;}
.page a{border:1px solid #b4b4b4; border-radius:3px; padding:5px 10px; display:inline-block;}
.page a.on{border-color:#e23b30; color:#e23b30;}
.workmain .th1{border-bottom:1px dashed #e23b30; padding:5px 0px; margin:25px 0px;}
.workmain .th1 span{font-size:14px; color:#e23b30; background:url(../skin/workicon.png) left center no-repeat; padding-left:10px;}
.workmain .worklt{overflow:hidden; margin-bottom:30px;}
.workmain .worklt li{float:left; width:272px; margin:15px 15px 0px 0px;}
.workmain .worklt li .pic{width:270px; height:226px; border:1px solid #ddd;}
.workmain .worklt li .title{font-size:14px; color:#333; text-align:center;}
.conmap{border:3px solid #e23b30; width:875px; height:437px; margin:70px auto 0px auto; overflow:hidden;zoom:1; background:#ffe5e3;}
.conmap .mat{float:left; width:483px;}
.conmap .context{width:340px; float:left; margin-left:40px; padding-top:150px;}
.conmap .context h1{font-size:20px; color:#e23b30; margin-bottom:15px;}
.conmap .context p{font-size:14px; color:#e23b30;}
.jobwar{margin:70px 0px;}
.jobwar table{width:100%;}
.jobwar table tr{height:50px; font-size:15px; color:#666; text-align:center;}
.jobwar table tr.on{background:#f1f1f1;}
.jobwar table .title{background:#e23b30; font-size:16px; font-weight:normal; color:#fff;}
.jobwar a{color:#666;}
.jobwar a:hover{color:#e23b30;}
.jobmain{margin:40px 0px;}
.jobmain .th1{border-bottom:1px dashed #ddd; padding:5px 0px;}
.jobmain .th1 span{font-size:15px; font-weight:700; color:#e23b30;}
.filebtn a{width:145px; height:45px; line-height:45px; text-align:center; border-radius:5px; background:#e23b30; font-size:14px; color:#fff; display:block; transition: all 0.8s;}
.filebtn a:hover{background:#931e16;}

/*footer*/
.footer{width:100%; background:#262626; padding:36px 0px 15px 0px;}
.footer .layout{overflow:hidden;zoom:1;}
.footer .footfl{float:left;}
.footer .footfl .ftcopy{color:#666; margin-top:35px;}
.footer .footfl .ftcopy a{color:#666; transition: all 0.8s;}
.footer .footfl .ftcopy a:hover{color:#e23b30;}
.footer .footfr{width:270px; float:right;}
.footer .footfr p{color:#666; margin-bottom:10px;}
.footer .footfr hr{margin-bottom:10px; background:#666; height:1px; border:none;}
.footer .footfr .bdsharebuttonbox{width:270px;}
.footer .footfr .bdsharebuttonbox .bds_weixin,.footer .footfr .bdsharebuttonbox .bds_tsina,.footer .footfr .bdsharebuttonbox .bds_sqq{margin:0px; padding:0px; width:31px; height:31px; background: url(../skin/shark.png) no-repeat; margin-right:15px; transition: all 0.5s ease;}
.footer .footfr .bdsharebuttonbox .bds_weixin{background-position:0px 0px;}
.footer .footfr .bdsharebuttonbox .bds_weixin:hover{background-position:0px -31px;}
.footer .footfr .bdsharebuttonbox .bds_tsina{background-position:-31px 0px;}
.footer .footfr .bdsharebuttonbox .bds_tsina:hover{background-position:-31px -31px;}
.footer .footfr .bdsharebuttonbox .bds_sqq{background-position:-62px 0px;}
.footer .footfr .bdsharebuttonbox .bds_sqq:hover{background-position:-62px -31px;}