body 
{
	width:100%;
	padding:0;
	margin:0;
	font-family:Microsoft YaHei,微软雅黑,Arial,sans-serif;
	font-size:12px;
	color:#000;
	background:#fff;
	overflow-x:hidden;
}
p{padding:0; margin:0;}
a:link,a:visited{ color:inherit; text-decoration:none;}
a:hover{ color:#ef0005; text-decoration:none; }
img{ border:0;}
.clear{ clear:both;}
.container{width:1100px; margin:0 auto;}
.header{float:left; width:100%;}
.header .container{ position:relative;}
.header .logo{float:left; margin-top:15px;}
.header .label{float:left; margin:45px 0 0 24px; line-height:26px; font-size:20px; color:#797676; font-family:GOTHIC;}
.header #language{ position:absolute; right:0; top:52px; width:107px; height:33px; overflow:hidden; border:solid 1px #d9d9d9; border-radius:3px; box-shadow:1px 1px 2px #ddd;}
.header #language.show{ height:auto; transition:all 0.3s ease 0s;}
.header #language a{float:left; padding:0 15px; width:100%; line-height:33px; color:#706f72; font-size:14px; box-sizing:border-box;}
.header #language a:hover{ background-color:#ddd; color:#fff;}
.header #language i::before{ position:absolute; right:0; top:0; width:30px; line-height:33px; color:#d32727; cursor:pointer; z-index:3;}
.nav{float:left; margin-top:20px; width:100%;}
.nav ul{float:left; margin:0; padding:0; width:100%; list-style-type:none;}
.nav ul li{float:left; width:20%; height:60px; line-height:60px;}
.nav ul li a{float:left; width:100%; height:57px; font-family:GOTHIC; font-size:18px; text-align:center; border-bottom:solid 3px #fff;transition:all 0.3s ease 0s;}
.nav ul li a:hover,.nav ul li a.current{ border-bottom-color:#d62828; color:#000;transition:all 0.3s ease 0s;}
#dh{ position:absolute; right:15px; top:29px; padding-top:7px; width:29px; height:21px; text-align:center; font-size:30px; background-color:#fff; border:solid 1px #ddd; color:#888; border-radius:3px; cursor:pointer; display:none;}
#dh i{float:left; margin-left:7px; margin-top:2px; width:15px; height:2px; display:inline-block; background-color:#c4181f;}
#dh.current{ background-color:#c4181f; color:#fff; border-color:#c4181f;}
#dh.current i{ background-color:#fff;}
#close{ position:fixed; top:0; left:200px; width:50px; height:50px; background-color:#dedede; text-align:center; cursor:pointer; z-index:100; display:none;}
#close i::before{font-size:25px; line-height:50px; color:#333;}
#close:hover{ background-color:#bbb;}
#leftbar{position:fixed; left:0; top:0; width:200px; height:100%; box-sizing:content-box; background-color:#f1f1f1; color:#444; z-index:101; overflow-y:auto; display:none;}
#leftbar ul{float:left; width:100%; padding:0; margin:0; list-style-type:none;}
#leftbar ul li{float:left; width:100%;}
#leftbar ul li a{float:left; width:100%; height:50px; padding:0 10px; font-size:13px; line-height:50px; border-bottom:solid 1px #ddd; box-sizing:border-box;}
#leftbar ul li a:hover,#leftbar ul li a.current{ color:#000; background-color:#f9f9f9;}
#leftbar ul li .submenu{ float:left; width:100%; background-color:#f8f8f8;}
#leftbar ul li .submenu a{ padding-left:10px;}
#leftbar ul li.last{ margin-top:15px; text-align:center;}
#leftbar ul li.last img{ margin-top:10px; margin-bottom:5px; width:130px;}
.banner{float:left; width:100%;}
.banner img{width:100%;}
.mod-index-list{float:left; margin-top:90px; width:100%;}
.mod-index-list .item{float:left; width:211px; height:211px; text-align:center; border:solid 2px #d8d8d8; color:#000; border-radius:100%; position:relative; transition: all 0.3s ease 0s;}
.mod-index-list .item.s0{ margin-left:7px;}
.mod-index-list .item.s1{ margin-left:220px;}
.mod-index-list .item.s2{float:right; margin-right:7px;}
.mod-index-list .item .img{float:left; margin-top:50px; width:100%; height:56px; line-height:56px; text-align:center; vertical-align:middle;}
.mod-index-list .item .item-title{float:left; margin-top:10px; width:100%; line-height:32px; font-size:23px;}
.mod-index-list .item .item-cont{float:left; padding:0 40px; margin-top:5px; width:100%; height:44px; line-height:22px; font-size:15px; color:#4a4a4a; box-sizing:border-box; overflow:hidden;}
.mod-index-list .item .box{ position:absolute; z-index:3; left:-2px; top:-2px; width:211px; height:211px; border-left:solid 2px #ef0005; border-radius:100%; transition: all 0.5s ease-out 0s;opacity:0;}
.mod-index-list .item:hover .box{transform: rotateZ(90deg); opacity:1;}
.mod-index-list .item:hover .box.s1{transform: rotateZ(180deg); left:auto; right:-1px; }
.mod-index-list .item:hover .box.s2{transform: rotateZ(270deg); top:auto; bottom:0;}
.mod-index-list .item:hover .box.s3{transform: rotateZ(360deg); }
.mod-index-item{float:left; margin-top:80px; padding:60px 0; width:100%; background:url(../images/bg.jpg) no-repeat center center; background-size:cover;}
.mod-index-item .itembox{float:left; width:100%; height:450px; position:relative;}
.mod-index-item .item{position:absolute; width:275px; height:238px; color:#fff; background-color:#000;}
.mod-index-item .item .img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0.5; transition:all 0.3s ease 0s;}
.mod-index-item .item:hover .img{ opacity:1; transition:all 0.3s ease 0s;}
.mod-index-item .item .item-title{ position:absolute; left:38px; bottom:66px; line-height:28px; font-size:20px; z-index:3;}
.mod-index-item .item .item-play{ position:absolute; left:42px; bottom:13px; width:34px; height:34px; text-align:center; line-height:34px; font-size:16px; border:solid 1px #fff; border-radius:100%; cursor:pointer; z-index:3;}
.mod-index-item .item .item-play:hover{ transition:all 0.3s ease 0s; border-color:#fb2332; color:#fb2332;}
.mod-index-item .item video,.mod-index-item .item iframe{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; opacity:0; background-color:#000;}
.mod-index-item .item video.active,.mod-index-item .item iframe.active{transition:all 0.3s ease 0s; opacity:1; z-index:5;}
.mod-index-item .item.s0{left:0; top:0; width:275px;}
.mod-index-item .item.s1{left:275px; width:305px; background-color:#c4181f;}
.mod-index-item .item.s1 .work{float:left; margin:65px 0 0 46px; font-size:40px; line-height:54px; border-bottom:solid 4px #fff; }
.mod-index-item .item.s1 .arrow{float:right; margin:118px 24px 0 0; width:37px; height:7px; background:url(../images/icon_arrow.png) no-repeat;}
.mod-index-item .item.s2{left:580px; width:215px; height:333px;}
.mod-index-item .item.s3{right:0; width:305px;}
.mod-index-item .item.s4{left:0; bottom:0; width:580px; height:212px;}
.mod-index-item .item.s5{left:580px; bottom:0; width:215px; height:117px; text-align:center; line-height:117px; background-color:#d8d8d8; color:#ef0005; font-size:18px; font-weight:bold; font-family:Arial; text-transform:uppercase;}
.mod-index-item .item.s6{right:0; bottom:0; width:305px; height:212px;}
.footer{float:left; margin-top:80px; width:100%; line-height:25px; padding:15px 0; background-color:#1c1c1c; color:#fff;}
.footer .copyright{float:left;}
.footer .icp{float:right;}

@media (max-width:767px)
{
.container{width:96%;}
.header{ padding-bottom:10px;}
.header .logo img{ width:200px;}
.header .nav{ display:none;}
#dh{ display:block; top:20px;}
.header #language{ display:none;}
.mod-index-list{ margin-top:30px;}
.mod-index-list .item{width:30%; height:auto; padding-bottom:15px; margin:0 1% !important; border-radius:0; border-width:1px; border-color:#f2f2f2; background-color:#fff; border-radius:10px; box-shadow:0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04); }
.mod-index-list .item .box{position:relative; left:auto; right:auto; display:none;}
.mod-index-list .item .img{ margin-top:15px;}
.mod-index-list .item .item-title{ margin-top:5px; font-size:18px; font-weight:bold;}
.mod-index-list .item .item-cont{ padding:0 5px; text-align:center; height:auto; font-size:14px;}
.mod-index-item{ margin-top:30px; padding-top:30px; padding-bottom:30px; background:#f2f2f2;}
.mod-index-item .itembox{height:auto;}
.mod-index-item .item,.mod-index-item .item .img{float:left; width:100%; position:relative !important; left:auto !important; right:auto !important; opacity:1;}
.mod-index-item .item.s0{width:60%; height:180px;}
.mod-index-item .item.s1{width:40%; height:180px;}
.mod-index-item .item.s1 .work{margin-left:15px; margin-top:30px; font-size:20px;  line-height:40px; }
.mod-index-item .item.s2{width:100%; height:180px;}
.mod-index-item .item.s3,.mod-index-item .item.s4{width:50%; height:180px;}
.mod-index-item .item.s5{width:100%; height:60px; line-height:60px; background-color:#c4181f; color:#fff;}
.mod-index-item .item.s6{width:100%; height:180px;}
.mod-index-item .item .item-title{ left:15px; font-size:16px;}
.mod-index-item .item .item-play{left:15px;}
.footer{ margin-top:0; text-align:center;}
.footer .copyright,.footer .icp{ float:none;}
}
@media (max-width:320px)
{
.mod-index-list .item .item-title{ font-size:15px; line-height:22px;}
.mod-index-list .item .img{ height:48px;}
.mod-index-list .item .img img{width:50%;}
.mod-index-list .item .item-cont{ font-size:12px;}
.mod-index-item .item.s0,.mod-index-item .item.s1,.mod-index-item .item.s2,.mod-index-item .item.s3,.mod-index-item .item.s4,.mod-index-item .item.s6{height:150px;}
}