*{ margin:0; padding:0; list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}  /* 初始化标签在所有浏览器中的margin、padding值 */
a {text-decoration:none}
a:active, a:hover {text-decoration:none;}   /* 重置链接a标签的鼠标滑动效果 */
a {outline: none;}  
a { color: inherit;}/*去掉默认颜色*/
ul{list-style-type:none}


@media screen and (max-width: 610px) {
body{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei";}

#pc{display: none;}
#header{width: 100%;height: 120px;float: left;box-shadow: 0 5px 9px #605f5e;}
.logo{width:80%;max-width:380px;margin: 30px auto;}
.logo img{width: 100%;max-width:380px; }

#nav{width: 100%;float: left;}
.nav-name{width: 33.3333%;line-height: 60px;float: left;text-align: center;background: #e5e4e2;border-right: 1px solid #c2c2c2;border-left: 1px solid #c2c2c2;font-size: 1.25em;border-bottom:5px solid #c2c2c2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.nav-name:hover{border-bottom:5px solid #a8742f;}
#top-first{width: 97%;margin: 30px 1.5% 0px;float: left;}
.first-title{width: 98%;height:55px;float: left; font-family: Georgia, "Times New Roman", Times, serif; }
.first-title li{width: 100%;height:30px;border-left: 8px solid #a8742f;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-left:0.8%;}
.arrow{width:40%;font-size: 1.55em;color: #9f6d2b;font-weight: 600;padding-left: 8px;}
.arrows{width:40%;font-size: 1.15em;color: #7d7c7b;padding-left: 5px;}
.aple{width: 50%;line-height: 28px;float: left;font-size: 1.05em;color: #535250;}
.iple{width: 48%;height: 200px;float: right;}
.iple img{width: 100%;height:180px;float: right;}
.cols{width: 48%;height:230px;float: left;}
.cols img{width: 100%;height:160px;}
.rows{width: 48%;height:230px;float: right;}
.rows img{width: 100%;height:160px;}
.rows-size{width:100%;line-height:45px;text-align:center;font-size:1.15em;color:#464645;}
.top-two{width: 100%;float: left;}
.two-top{width: 100%;line-height: 55px;color: #fff;background: #a46f2a;float: left;font-size: 1.25em;}
.hoto{width: 33.333%;text-align: center;float: left;cursor: pointer}
.hoto:hover{color: black;}
.hold{width: 33.333%;text-align: center;border-left: 2px solid #c2c2c2;border-right: 2px solid #c2c2c2;float: left;cursor: pointer;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.hold:hover{color: black;}
.bt{width: 48%;float: left;}
.bt-t{width:100%;height:30px;font-size:1.05em;}
.bt-c{width:100%;line-height:25px;font-size:0.90em;color:#464645;text-indent: 2em;}
.bt-p{width:100%;float: right;}
.bt-p img{width: 100%;height:180px;}
.read{width: 100%;height:60px;float: left; }
.read li{width: 150px;line-height: 30px;text-align: center;border:1px solid #9e9e9e;border-radius: 10px;margin:15px auto;background-image:linear-gradient(to top,#b9b5b5,#fff);font-size:0.95em;}
.read li:hover{background-image:linear-gradient(to top,#79beee,#fff);}
.read-more{width:100%;height:50px;font-size:1.35em;color:#d18a2b;text-align:center;float:left;}
.read-more:hover{color: #275efb;}

.post{position: relative;}
.movie{width: 100%;height: 180px;float: left;z-index: -10;background-size: cover;}
.movie img{width: 100%;}
.play{width:35%;position: absolute;top:60px;left:35.5%;transition: all.3s;}
.bt:hover .play{width:40%;position: absolute;top:55px;left:33.5%;}
.play img{width: 100%;}

#footer{width: 100%;text-align: center;line-height: 30px;color: #fff;font-size:1.05em;float: left;background: #a8742f;margin-top: 50px;}
.foot{width: 100%;margin: 20px auto 10px;}

#banner{width:100%;height:200px;margin:6px auto 0;float: left;}
#banner img{width:100%;height:200px;}

/*金沙js1005线路*/
.line{width: 100%;line-height: 50px;font-size: 1.25em;border-bottom:1px solid #ccc;float: left;}
.box{width: 25%;line-height: 50px;float: left;background: #f2f3f3;}
.boxx{line-height: 50px;border-bottom: 1px solid #275efb;float: left;}
.conter{width: 96%;min-height: 500px;margin:20px 2%;float: left;}
.titles{width: 100%;line-height: 40px;font-size: 1.15em;text-align: center;font-weight: 600;}
p img{width: 100%;}
.from{width: 100%;line-height: 25px;font-size: 1.05em;text-align: center;color: #9d9fa2;margin-top: 20px;}
.thity{width: 80%;margin: 20px auto;}
.thity img{width: 100%;}
.title{line-height:35px;text-align: center;padding-top: 20px;font-size: 1.35em;font-weight: 600;}

/*项目经营*/
.moblie-box{width: 94%;margin: 20px 3%;float: left;}
.right-title{width: 100%;text-align: center;font-size: 1.35em;font-weight: 600;float: left;}

.cases{width: 100%;float: left;box-shadow: 1px 3px 3px #ccc;margin-top:40px;}
.pho{width: 100%;height: 250px;}
.pho img{width: 100%;height: 250px;}
.case-title{width:98%;line-height: 50px;margin-left:2%;font-size: 1.25em;color: black;}
.case-cont{width: 98%;line-height: 25px;margin-left:2%;font-size: 1.05em;color: #575757;}

.caser{width:80%;float: left;box-shadow: 1px 3px 3px #ccc;margin:40px 10%;}
.phos{width: 100%;height:200px;}
.phos img{width: 100%;height: 200px;}
.shop-line{width:96%;line-height:35px;float:left;font-size:1.25em;padding-left: 4%;}
.shop-cont{width:96%;line-height:25px;float:left;font-size:1.05em;color:#565555;padding-left: 4%;}
.go{width:110px;line-height:35px;color:#fff;text-align: center;float: left;font-size:1.15em;margin:5px 2% 10px 4%;background: #f06715;transition: all.3s;}
.go:hover{background: #f03415;box-shadow: 1px 2px 8px #333;}
.fack{width:35px;height: 30px;float: left;}
.fack img{width: 100%;height: 30px;margin-top:5px;}

/*新闻*/
.news{width: 100%;height: 190px;float: left;border-bottom: 1px dashed #ccc;margin-top: 10px;transition: all.15s;}
.news:hover{background: #ededed;border-bottom: 1px dashed #ededed;box-shadow: 0px 1px 3px #ccc;}
.news:hover .hh{border-left: 8px solid #b36808;color: #b36808;transition: all.15s;}
.new-box{width: 100%;height: 140px;margin-top: 25px;float: left;}
.new-imgs{width:30%;height: 110px;float: left;float: left;margin-left: 1%;}
.new-imgs img{width:100%;height: 110px;float: left;}
.new-cont{width: 64%;margin-left: 3%;float: left;}
.tp{float:left;color:#275efb;font-weight:600;font-size:1.25em;}
.ci{width: 100%;color:#808283;font-size:0.85em;float:right;text-align:right;}
.yii{float:left;padding-top:3px;}
.hh{width: 100%;font-size: 1.15em;height: 25px;color: #0c55c4;}
.dh{width: 100%;line-height:28px;font-size: 0.85em;color: #646361;}
.th{width: 100%;font-size: 1.0em;line-height: 23px;color: #2b2a29;}

.last{line-height:30px;font-size: 1.35em;}
.list{width: 100%;font-size: 1.15em;float: left;}
.list-line{width: 100%;line-height: 33px;float: left;border-bottom:1px dotted #3cb4f9;padding-top: 20px;transition: all.3s;}
.list-line:hover{background: #f4f7f8;color: #275efb;border-bottom:1px solid #275efb;}
p img{width: 100%;}
.av-box{width: 100%;height:120px;float:left;margin-top:40px;}
.av{width:35%;height:50px;margin:0 1%;position: relative;float: left;}
.plays{width:32%;position: absolute;top:30px;left:34%;transition: all.3s;}
.av:hover .plays{width:33%;position: absolute;top: 30px;left:33.5%;transition: all.3s;}
.plays img{width: 100%;}

.av-right{width: 63%;float: right;}
.av-title{width:100%;height:30px;font-size: 1.25em;color: black;}
.av:hover .av-title{color: #275efb;}
.av-cont{line-height: 25px;font-size:1.0em;color: #61605e;}
.str{width:100%;height:100px;background: rgba(0, 0, 0, 0.5);z-index: 100;}
.movier{width: 100%;height: 100px;float: left;z-index: -10;background-size: cover;}
.movier img{width: 100%;height: 100px;}
video{width: 100%;height: 350px;}

.product{width: 100%;height: 180px;float: left;z-index: -10;background-size: cover;}
.product img{width: 100%;}
.pro{width:80%;height:150px;margin:0 1%;float: left;}
.pro-img{width: 100%;margin: 10px auto;}
.pro-img img{width: 100%;}

/*点击加载更多css*/
#mores {
margin: 5px auto;
width: 100%;
border: 1px solid #999;
float: left;
}
.single_item{float: left;width: 100%;}
.kiid{float: left;}
.date{float: left;}
.title{height: 45px;line-height:30px;text-align: center;padding-top: 5px;font-size: 1.25em;font-weight: 600;}
.titler{height: 45px;line-height:20px;text-align: center;padding-top: 5px;}
.element_head{width: 100%; height: 80px;}
.get_more{width:40%;line-height:40px;margin:50px 30%; text-align:center;background-image: linear-gradient(to top,#0d8eef,#62b8f9);float: left;color:#fff;border: 1px solid #ccc;border-radius: 10px;}
.more_loader_spinner{width:20px; height:20px; margin:10px auto; background: url(../images/loader.gif) no-repeat;}
/*点击加载更多css*/
/*pc端地图隐藏*/
.ueditor_baidumap{display: none;}
/*pc端分页隐藏*/
.dis{display: none;}



/*网站地图*/
#map{width:98%;margin:0 auto;}
.map-title{width: 100%;line-height: 80px;font-size:1.45em;text-align: center;margin:50px 0 20px 0;float: left;color: #333;}
.box{width: 100%;float: left;margin-top: 20px;}
.bor{float: left;}
.box-title{width: 100%;text-align: center;font-size: 1.35em;line-height: 40px;color: #275efb;border-top: 1px solid #ccc;}
.box-name{width: 100%;float: left;margin:0 auto;}
.box-con{width:100%;text-align: center;line-height: 30px;float: left;color: #333;}
.box-con:hover{background-color:#333;color: #fff;}
.html{width: 10%;line-height: 25px;float: right;font-size: 1.15em;color: red;}
.xml{width: 10%;line-height: 25px;float: right;font-size: 1.15em;color: red;margin-right: 15%;}

.footers{width: 100%;color: #fff;float: left;}
.foot-top{width: 100%;line-height: 90px;float: left;}
.foot-line{width: 98%;margin: 0 auto;}
.linkimg{width: 12%;height: 30px;float: left;margin-top: 30px;}

}



@media only screen and (min-width: 611px) and (max-width: 960px) {

body{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei";}
#moblie{display: none;}
#header{width: 100%;height: 165px;box-shadow: 0 5px 8px #605f5e;float: left;}
.top{width:100%;height: 80px;margin:0 auto;}
.logo{width: 100%;height:80px;float: left;text-align: center;padding-top: 30px;}
.logoer img{width:320px;}
.nav{width:100%;height: 80px;float: left;}

/*百度地图*/
#dituContent{width: 100%;height:550px;float: left;}
.index_btn{width:100%;z-index:9999;background:#191919;}
.index_btn ul{padding-left: 2%;}
.index_btn ul li{width: 13%;float:left;position:relative;}
.index_btn ul li span{position:relative;width:100%;display:block;text-align: center;}
.index_btn ul li span a{display:block;width:100%;color:#333;font-size:1.15em;line-height:60px;float:left;height:40px;}
.index_btn ul li span a:hover{height:55px;color:#FFF;background:#926d3c;}
.index_btnbox{display: none;}
.index_btnboxs{display: none;}

/*banner开始*/
#banner{width:100%;margin:7px auto 0;text-align: center;}
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	width: 100%;
	height: 450px;
	display:block;
	padding:0;
	margin:0;
	border:none;

}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}
/*banner*/

#content{width: 100%;}
#cont{width:100%;margin:0 auto;}
#top{width: 100%;height: 350px;margin: 50px auto;}
.top-left{width: 90%;float: left;margin-left: 5%;}

.case-line{width: 100%;line-height: 50px;float: left;position: relative;}
.ck1{font-size: 1.45em;color: #926d3c;border-bottom: 2px solid #926d3c;position: absolute;top: 0;left: 0;}
.ck2{width: 100%;border-bottom: 2px solid #d9d9d9;float: left;color: #a7a6a6;font-size: 0.95em;}
.ck3{width: 80%;float: left;padding-left: 90px;}
.ck4{width: 80%;float: right;text-align: right;}

.caser{width: 44%;float: left;box-shadow: 1px 3px 3px #ccc;;margin-left: 4%;margin-top:40px;transition: all.4s;}
.caser:hover{box-shadow: 1px 4px 10px #cf8c36;;}
.phos{width: 100%;height: 180px;}
.phos img{width: 100%;height: 180px;}
.shop-line{width:96%;line-height:35px;float:left;font-size:1.10em;padding-left: 4%;}
.shop-cont{width:96%;line-height:25px;float:left;font-size:0.95em;color:#565555;padding-left: 4%;}
.go{width:100px;line-height:30px;color:#fff;text-align: center;float: left;font-size:1.05em;margin:5px 2% 10px 4%;background: #f06715;transition: all.3s;}
.go:hover{background: #f03415;box-shadow: 1px 2px 8px #333;}
.fack{width:35px;height: 30px;float: left;}
.fack img{width: 100%;height: 30px;margin-top:5px;}


.new-img{width: 100%;margin-top: 20px;float: left;font-size: 1.15em;}
.left-photo{width: 40%;height: 180px;float: left;}
.left-photo img{width: 100%;height: 180px;}
.left-cont{width: 59%;height: 130px;float: left; }
.new-title{width: 100%;line-height: 34px;float: left;margin-top: 20px;color: #504f4e;}
.tt{width:75%;text-align:left;float:left;}
.new-title li:hover{color: #275efb;}
.new-title li:hover .time{color: #275efb;}
.time{width:25%;color:#a7a6a5;float:left;text-align:right;}
.top-main{width: 90%;float: left;margin-left: 5%;}
.fash{width:2%;height:350px;float: left;text-align: center;}
.fash img{height:350px;}
.count{width:100%;line-height:50px;text-align:left;font-weight:600;font-size:1.25em;margin-left:7%;}
.top-right{width:90%;height: 350px;float: left;position:relative;margin-left: 5%;}
.movie{width:100%;height: 180px;margin-top: 20px;float: left;z-index: -10;background-size: cover;}
.movie img{width: 100%;}
.mv-title{width:100%;line-height:35px;float:left;color: #504f4e;font-size: 1.15em;}
.mv-title:hover{color:#275efb;}
.play{width:80px;height: 80px;position: absolute;top: 119px;left:15%;transition: all.3s;}

.play img{width: 100%;}

#case{width: 100%;height: 230px;margin-top: 50px;float: left;}
#footer{width: 100%;background:#926d3d;float: left;margin-top: 50px;float: left;}
.foot{width:100%;margin: 20px auto;}
.foot-left{width: 100%;text-align: center;}
.foot-right{width: 100%;text-align: center;}

#about{width: 100%;}
.gps{width: 100%;font-size: 0.95em;height: 60px;background: #f6f7f7;border-bottom: 1px solid #ccc;}
.rar{width: 100%;height: 40px;}
.gps li{width:100%;line-height: 30px;color:#5f5f5e;border-left: 4px solid #3cb4f9;margin-top:20px;float: left;box-sizing:border-box;}
.ct{width: 100%;margin: 50px auto;}
.fist{width: 25%;float: left;}
.left-nav{width:100%;min-height: 400px;float: left;margin-bottom: 50px;border: 1px solid #ccc;box-shadow: 0px 2px 5px #ccc;}
.one{width:100%;line-height: 60px;color: #3f4140;margin: 20px auto;}
.boot{width:60%;border-bottom:2px solid #926d3d;float: left;font-size: 1.15em;color: #b6751f;}
.nb{width: 40%;border-bottom: 1px dotted #ccc;float: left;margin-bottom: 10px;color: #cf8c36;font-style: italic;font: 8px;}
.two{width: 92%;line-height: 45px;color: #333;float: left;margin: 2px 4%;border-bottom: 1px dotted #926d3d;background-image: url(../images/plays.png);background-position-x:10%;background-position-y:15px;background-repeat: no-repeat;transition: all.3s;font-size: 1.05em;}
.two:hover{background: #cf8c36;color: #fff;background-image: url(../images/cc.gif);background-position-x:10%;background-position-y:15px;background-repeat: no-repeat;}

.push{width:100%;float: left;background: #fff;border: 1px solid #ccc;box-shadow: 0px 2px 5px #ccc;}
.small{width: 100%;font-size: 0.95em;float: left;}
.connect{width: 100%;line-height: 40px;text-align:center;font-size:1.10em;float: left;}
.fight{line-height: 30px;float: left;border-left:5px solid #fff;}
.fight:hover{border-left:5px solid #3cb4f9;}
.laster{line-height: 20px;float: left;border-left:5px solid #fff;margin-top: 5px;}
.laster:hover{border-left:5px solid #3cb4f9;}

.show{width:74%;min-height:1000px;float: right;}
.right-box{width: 100%;margin: 60px 0;float: left;}
.right-title{width: 100%;text-align: center;font-size: 1.35em;font-weight: 600;float: left;}
.ck{width: 90%;line-height:60px;text-align: center;font-size: 0.95em;margin: 10px 5% 10px ;float: left;color: #cf8c36;border-bottom: 1px dashed #ccc;}
.imger{width: 80%;float: left;margin:25px 10% 30px;}
.imger img{width: 100%;}
.about-cont{width: 100%;line-height: 35px;font: 1.25em;text-indent: 2em;color: #3d3c3b;float: left;}

.headline {margin: 20px auto;line-height: 60px;color: #3f4140;font-size: 1.25em;border-bottom: 1px dotted #ccc;
}
.agin{color: #b6751f;padding-right: 10px;display: inline-block;border-bottom: 2px solid #947342;padding-left: 12px;
}

.cases{width: 45%;float: left;box-shadow: 1px 3px 3px #ccc;margin-left: 2.5%;margin-top:20px;}
.pho{width: 100%;height: 170px;}
.pho img{width: 100%;height: 170px;}
.case-title{width: 92%;line-height: 35px;margin-left:8%;font-size: 1.15em;color: black;}
.case-cont{width: 96%;line-height: 20px;margin: 0 auto;font-size: 0.95em;color: #575757;text-indent: 1em;}
.cases:hover{box-shadow: 4px 8px 10px #ccc;}

.newss{width: 100%;height: 190px;float: left;border-bottom: 1px dashed #ccc;margin-top: 10px;transition: all.15s;}
.newss:hover{background: #ededed;border-bottom: 1px dashed #ededed;box-shadow: 0px 1px 3px #ccc;}
.newss:hover .hh{border-left: 8px solid #b36808;color: #b36808;transition: all.15s;}
.new-box{width: 100%;height: 140px;margin-top: 25px;float: left;}
.new-imgs{width:23%;height: 140px;float: left;float: left;margin-left: 1%;}
.new-imgs img{width:100%;height: 140px;float: left;}
.new-cont{width: 70%;margin-left: 3%;float: left;}
.hh{width: 100%;font-size: 1.25em;font-weight: 600;height: 25px;}
.dh{width: 100%;line-height:45px;font-size: 0.85em;color: #646361;}
.th{width: 100%;font-size: 1.0em;line-height: 25px;color: #2b2a29;}

video{width:800px;height: 450px;}
.av{width: 28%;float: left;margin-left: 4%;position: relative;height:250px;}
.av:hover{opacity: 0.90;}
.av-title{width:100%;height: 25px;font-size:1em;color: black;position: absolute;top: 208px;}
.av:hover .av-title{color: #275efb;}
.plays{width:25%;height: 150px;position: absolute;top:85px;left:37%;transition: all.3s;}
.av:hover .plays{width:28%;position: absolute;top:85px;left:35.5%;transition: all.3s;}
.plays img{width: 100%;}

.list{width: 100%;font-size: 1.15em;float: left;}
.list-line{width: 100%;line-height: 40px;float: left;border-bottom:1px dotted #3cb4f9;padding-top: 20px;transition: all.3s;}
.list-line:hover{background: #f4f7f8;color: #275efb;border-bottom:1px solid #275efb;}


/*网站地图*/
#map{width: 500px;height: 400px;margin:0 auto;}
.map-title{width: 100%;line-height: 80px;font-size: 28px;text-align: center;margin:50px 0 20px 0;float: left;color: #333;}
.box{width: 100%;float: left;margin-top: 20px;}
.bor{float: left;}
.box-title{width: 100%;text-align: center;font-size: 1.35em;line-height: 40px;color: #275efb;border-top: 1px solid #ccc;}
.box-name{width: 100%;float: left;margin:0 auto;}
.box-con{width: 20%;text-align: center;line-height: 35px;float: left;color: #333;}
.box-con:hover{background-color:#333;color: #fff;}
.html{width: 10%;line-height: 25px;float: right;font-size: 1.15em;color: red;}
.xml{width: 10%;line-height: 25px;float: right;font-size: 1.15em;color: red;margin-right: 15%;}

.footers{width: 100%;color: #fff;float: left;}
.foot-top{width: 100%;line-height: 90px;float: left;}
.foot-line{width: 98%;margin: 0 auto;}
.linkimg{width: 12%;height: 30px;float: left;margin-top: 30px;}

.gans{width: 1%;float: left;text-align:center;}
.foot-box{width: 98%;height: 300px;margin: 30px auto;}
.box1{width: 15%;height: 300px;font-size: 0.85em;border-right: 1px dashed #16bbf1;float: left;}
.xx{width:90%;line-height: 30px;margin-left: 8%;}
.box2{width:30%;height: 300px;font-size: 0.85em;border-right: 1px dashed #16bbf1;float: left;}
.oo{width:46%;line-height: 30px;margin-left: 4%;float: left;}
.box3{width: 24%;height: 300px;border-left: 1px dashed #16bbf1;float: left;}
.wx{width:172px;margin: 60px auto 0;}
.wx img{width:172px;height: 172px;}
#bottom{width: 100%;background: #0a0a0a;float: left;font-size: 0.95em;border-bottom: 5px solid #0b70ce;}
.a{width:100%;line-height: 40px;text-align: center;}
.b{width:100%;line-height: 40px;text-align: center;}

/*新闻中心*/
#cc{

  overflow:hidden;
  position: relative;
}
#cc img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
  z-index:1;
  transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
  }
.new-imgs .show {
    background: rgba(0, 0, 0, 0.4);
    height:200px;
    left: 0;
    opacity: 0;
  filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
  /* Safari 和 Chrome */
  -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
  /* Opera */
  -o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index: 200;
}
.new-imgs .show .imgArea {
    left: 50%;
  bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.new-imgs .show .imgArea a{
  color:rgba(255,255,255, 0.8);
  display:block;
  padding:5px 12px;
  border:rgba(255,255,255, 0.6) 1px solid;
  border-radius:8px;
  font-size: 16px;
}
.new-imgs .show .imgArea a:hover{
  background: rgba(255,255,255, 0.7);
  color:rgba(0,0,0, 0.6);
}

/* 整个box*/
.newss:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.newss:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.newss:hover img {
  transform: scale(1.2, 1.2);
  
  -ms-transform:scale(1.2, 1.2);  /* IE 9 */
  -moz-transform:scale(1.2, 1.2);   /* Firefox */
  -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
  -o-transform:scale(1.2, 1.2);   /* Opera */
}
.cases:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.cases:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.cases:hover img {
  transform: scale(1.2, 1.2);
  
  -ms-transform:scale(1.2, 1.2);  /* IE 9 */
  -moz-transform:scale(1.2, 1.2);   /* Firefox */
  -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
  -o-transform:scale(1.2, 1.2);   /* Opera */
}

.tempWrap{
text-align: center;
}
.picScroll-left{
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.pic-title{
	width: 100%;line-height:38px;font-size:0.95em;
}
.picScroll-left .hd .prev{display:block;  float:left; margin-left:2.5%; margin-top:105px;  overflow:hidden; cursor:pointer; }
.picScroll-left .hd .next{ display:block;  float:right; margin-right:2.5%; margin-top:105px;  overflow:hidden;cursor:pointer; }	 
.picScroll-left .bd{ padding-top:20px;}
.picScroll-left .bd ul{ overflow:hidden;}
.picScroll-left .bd ul li{ margin:0 9px;width:18.5%;float:left;display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{text-align:center;}
.picScroll-left .bd ul li .pic img{width: 100%;height:145px;display:block; }
.picScroll-left .bd ul li .title{ line-height:30px;}

/*pc端地图隐藏*/
.ueditor_baidumap{display: none;}

}


@media only screen and (min-width:961px) and (max-width: 1240px) {


body{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei";font-size: 0.95em;}
#moblie{display: none;}
#header{width: 100%;height: 130px;box-shadow: 0 5px 8px #605f5e;float: left;}
.top{width: 100%;height: 80px;margin:50px auto 0;}
.logo{width: 30%;height:80px;float: left;}
.logo img{width: 100%;}
.nav{width:70%;height: 80px;float: left;}

/*百度地图*/
#dituContent{width: 100%;height:550px;float: left;}

.index_btn{width:100%;z-index:9999;background:#191919;margin-top: 25px;}
.index_btn ul{margin:0px auto;width:100%;}
.index_btn ul li{float:left;width:12.6%;position:relative;}
.index_btn ul li span{position:relative;z-index:999;width:100%;display:block;text-align: center;}
.index_btn ul li span a{display:block;width:100%;color:#333;font-size:1.05em;line-height:60px;float:left;height:40px;}
.index_btn ul li span a:hover{height:55px;color:#FFF;background:#926d3c;}

.index_btnbox{width:400%;position:absolute;top:55px;left:0px;padding:20px 0px 0px 0px;background: rgba(000,000,0,0.3);color:#fff;z-index: 100;display: none;}
.index_btn ul li:hover .index_btnbox{display: block;}
.index_btnbox img{display:block;margin:10px auto;}
.index_btnbox p{margin:0px;padding:20px 0px 0px 19px;}
.index_btnbox p a{width:50%;display:block;float:left;padding-bottom:5px;line-height:24px;}
.index_btnbox p a:hover{color:#10fb2b;}

.index_btnboxs{width:400%;background: rgba(000,000,0,0.4);color:#fff;position:absolute;top:55px;right:0px;padding:20px 0px 0px 0px;display: none;z-index: 100;}
.index_btn ul li:hover .index_btnboxs{display: block;}
.index_btnboxs img{width:100%;display:block;margin:10px auto;}
.index_btnboxs p{margin:0px;padding:20px 0px 0px 19px;}
.index_btnboxs p a{width:50%;display:block;float:left;padding-bottom:5px;line-height:24px;}
.index_btnboxs p a:hover{color:#10fb2b;}
.aa{width:49%;float:left;}
.aa img{width: 100%;}

/*banner开始*/
#banner{width:100%;height:444px;margin:7px auto;text-align: center;}
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	width: 100%;
	height: 450px;
	display:block;
	padding:0;
	margin:0;
	border:none;

}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}
/*banner*/

#content{width: 100%;}
#cont{width:96%;margin:0 auto;}
#top{width: 100%;height: 350px;margin: 50px auto;}
.top-left{width: 34%;height: 350px;float: left;}

.case-line{width: 100%;line-height: 50px;float: left;position: relative;}
.ck1{font-size: 1.35em;color: #926d3c;border-bottom: 2px solid #926d3c;position: absolute;top: 0;left: 0;}
.ck2{width: 100%;border-bottom: 2px solid #d9d9d9;float: left;color: #a7a6a6;font-size: 0.95em;}
.ck3{width: 80px;float: left;padding-left: 90px;}
.ck4{width: 60px;float: right;text-align: right;}

.new-img{width: 100%;margin-top: 20px;float: left;}
.left-photo{width: 37%;height: 130px;float: left;}
.left-photo img{width: 100%;height: 130px;}
.left-cont{width: 63%;height: 130px;float: left; }
.new-title{width: 100%;line-height: 34px;float: left;margin-top: 20px;color: #504f4e;}
.tt{width:98%;text-align:left;float:left;}
.new-title li:hover{color: #275efb;}
.new-title li:hover .time{color: #275efb;}
.time{display: none;}
.top-main{width: 34%;height: 350px;float: left;}
.fash{width: 2.2%;height:350px;float: left;text-align: center;}
.fash img{height:350px;}
.count{width:100%;line-height:40px;text-align:left;font-weight:600;font-size:1.05em;margin-left:7%;}
.top-right{width: 25.6%;height: 350px;float: left;position:relative;}
.movie{width: 100%;height: 180px;margin-top: 20px;float: left;z-index: -10;background-size: cover;}
.movie img{width: 100%;}
.mv-title{width:100%;line-height:35px;float:left;color: #504f4e;}
.mv-title:hover{color:#275efb;}
.play{width:25%;height: 150px;position: absolute;top: 119px;left:37%;transition: all.3s;}
.play:hover{width:28%;position: absolute;top: 114px;left:35.5%;}
.play img{width: 100%;}

#case{width: 100%;height: 290px;margin-top: 50px;float: left;}
#footer{width: 100%;height: 100px;background:#926d3d;float: left;margin-top: 50px;float: left;}
.foot{width:95%;margin: 20px auto;}
.foot-left{width: 50%;float: left;}
.foot-right{width: 50%;float: right;text-align: right;}

#about{width:100%;}
.gps{width: 100%;font-size: 0.95em;height: 60px;background: #f6f7f7;border-bottom: 1px solid #ccc;}
.rar{width: 95%;height: 40px;margin: 10px auto;}
.gps li{width:100%;line-height: 30px;color:#5f5f5e;border-left: 4px solid #3cb4f9;margin-top:20px;float: left;box-sizing:border-box;}
.ct{width: 95%;margin: 50px auto;}
.fist{width: 20%;float: left;}
.left-nav{width:100%;min-height: 400px;float: left;margin-bottom: 50px;border: 1px solid #ccc;box-shadow: 0px 2px 5px #ccc;}
.one{width:100%;line-height: 60px;color: #3f4140;margin: 20px auto;}
.boot{width:52%;border-bottom:2px solid #926d3d;float: left;font-size: 1.25em;color: #b6751f;}
.nb{width: 47%;border-bottom: 1px dotted #ccc;float: left;margin-bottom: 10px;color: #cf8c36;font-style: italic;font: 12px;font-weight: bold;}
.two{width: 92%;line-height: 45px;color: #333;float: left;margin: 2px 4%;border-bottom: 1px dotted #926d3d;background-image: url(../images/plays.png);background-position-x:10%;background-position-y:15px;background-repeat: no-repeat;transition: all.3s;font-size: 1.05em;}
.two:hover{background: #cf8c36;color: #fff;background-image: url(../images/cc.gif);background-position-x:10%;background-position-y:15px;background-repeat: no-repeat;}

.push{width:100%;float: left;background: #fff;border: 1px solid #ccc;box-shadow: 0px 2px 5px #ccc;}
.small{width: 100%;font-size: 0.95em;float: left;}
.connect{width: 100%;line-height: 40px;text-align:center;font-size:1.10em;float: left;}
.fight{line-height: 30px;float: left;border-left:5px solid #fff;}
.fight:hover{border-left:5px solid #3cb4f9;}
.laster{line-height: 20px;float: left;border-left:5px solid #fff;margin-top: 5px;}
.laster:hover{border-left:5px solid #3cb4f9;}

.show{width:77%;min-height:1000px;float: right;}
.right-box{width: 100%;margin: 30px 0;float: left;}
.right-title{width: 100%;text-align: center;font-size: 1.35em;font-weight: 600;float: left;}
.ck{width: 90%;line-height:60px;text-align: center;font-size: 0.95em;margin: 10px 5% 10px ;float: left;color: #cf8c36;border-bottom: 1px dashed #ccc;}
.imger{width: 80%;float: left;margin:25px 10% 30px;}
.imger img{width: 100%;}
.about-cont{width: 90%;line-height: 35px;font: 1.25em;text-indent: 2em;color: #3d3c3b;float: left;margin:0px 5%;}

.headline {margin: 20px auto;line-height: 60px;color: #3f4140;font-size: 1.35em;border-bottom: 1px dotted #ccc;
}
.agin{color: #b6751f;padding-right: 10px;display: inline-block;border-bottom: 2px solid #947342;padding-left: 12px;
}

.cases{width: 28%;float: left;box-shadow: 1px 3px 3px #ccc;margin-left: 4%;margin-top:40px;}
.pho{width: 100%;height: 220px;}
.pho img{width: 100%;height: 220px;}
.case-title{width: 92%;line-height: 50px;margin-left:8%;font-size: 1.15em;color: black;}
.case-cont{width: 96%;line-height: 25px;margin: 0 auto;font-size: 0.95em;color: #575757;text-indent: 1em;}
.cases:hover{box-shadow: 4px 8px 10px #ccc;}

.caser{width: 28%;float: left;box-shadow: 1px 3px 3px #ccc;;margin-left: 4%;margin-top:40px;transition: all.4s;}
.caser:hover{box-shadow: 1px 4px 10px #cf8c36;;}
.phos{width: 100%;height: 220px;}
.phos img{width: 100%;height:220px;}
.shop-line{width:96%;line-height:35px;float:left;font-size:1.25em;padding-left: 4%;}
.shop-cont{width:96%;line-height:25px;float:left;font-size:1.05em;color:#565555;padding-left: 4%;}
.go{width:110px;line-height:35px;color:#fff;text-align: center;float: left;font-size:1.15em;margin:5px 2% 10px 4%;background: #f06715;transition: all.3s;}
.go:hover{background: #f03415;box-shadow: 1px 2px 8px #333;}
.fack{width:35px;height: 30px;float: left;}
.fack img{width: 100%;height: 30px;margin-top:5px;}



.newss{width: 100%;height: 190px;float: left;border-bottom: 1px dashed #ccc;margin-top: 10px;transition: all.15s;}
.newss:hover{background: #ededed;border-bottom: 1px dashed #ededed;box-shadow: 0px 1px 3px #ccc;}
.newss:hover .hh{border-left: 8px solid #b36808;color: #b36808;transition: all.15s;}
.new-box{width: 100%;height: 140px;margin-top: 25px;float: left;}
.new-imgs{width:23%;height: 140px;float: left;float: left;margin-left: 1%;}
.new-imgs img{width:100%;height: 140px;float: left;}
.new-cont{width: 70%;margin-left: 3%;float: left;}
.hh{width: 100%;font-size: 1.25em;font-weight: 600;height: 25px;}
.dh{width: 100%;line-height:45px;font-size: 0.85em;color: #646361;}
.th{width: 100%;font-size: 1.0em;line-height: 25px;color: #2b2a29;}

video{width:800px;height: 450px;}
.av{width: 28%;float: left;margin-left: 4%;position: relative;height:250px;}
.av:hover{opacity: 0.90;}
.av-title{width:100%;height: 25px;font-size: 1.15em;color: black;position: absolute;top: 208px;}
.av:hover .av-title{color: #275efb;}
.plays{width:25%;height: 150px;position: absolute;top: 79px;left:37%;transition: all.3s;}
.av:hover .plays{width:28%;position: absolute;top: 74px;left:35.5%;transition: all.3s;}
.plays img{width: 100%;}

.list{width: 100%;font-size: 1.15em;float: left;}
.list-line{width: 100%;line-height: 40px;float: left;border-bottom:1px dotted #3cb4f9;padding-top: 20px;transition: all.3s;}
.list-line:hover{background: #f4f7f8;color: #275efb;border-bottom:1px solid #275efb;}


/*网站地图*/
#map{width: 500px;height: 400px;margin:0 auto;}
.map-title{width: 100%;line-height: 80px;font-size: 28px;text-align: center;margin:50px 0 20px 0;float: left;color: #333;}
.box{width: 100%;float: left;margin-top: 20px;}
.bor{float: left;}
.box-title{width: 100%;text-align: center;font-size: 1.35em;line-height: 40px;color: #275efb;border-top: 1px solid #ccc;}
.box-name{width: 100%;float: left;margin:0 auto;}
.box-con{width: 20%;text-align: center;line-height: 35px;float: left;color: #333;}
.box-con:hover{background-color:#333;color: #fff;}
.html{width: 10%;line-height: 25px;float: right;font-size: 1.15em;color: red;}
.xml{width: 10%;line-height: 25px;float: right;font-size: 1.15em;color: red;margin-right: 15%;}

.footers{width: 100%;color: #fff;float: left;}
.foot-top{width: 100%;line-height: 90px;float: left;}
.foot-line{width: 98%;margin: 0 auto;}
.linkimg{width: 12%;height: 30px;float: left;margin-top: 30px;}

.gans{width: 1%;float: left;text-align:center;}
.foot-box{width: 98%;height: 300px;margin: 30px auto;}
.box1{width: 15%;height: 300px;font-size: 0.85em;border-right: 1px dashed #16bbf1;float: left;}
.xx{width:90%;line-height: 30px;margin-left: 8%;}
.box2{width:30%;height: 300px;font-size: 0.85em;border-right: 1px dashed #16bbf1;float: left;}
.oo{width:46%;line-height: 30px;margin-left: 4%;float: left;}
.box3{width: 24%;height: 300px;border-left: 1px dashed #16bbf1;float: left;}
.wx{width:172px;margin: 60px auto 0;}
.wx img{width:172px;height: 172px;}
#bottom{width: 100%;background: #0a0a0a;float: left;font-size: 0.95em;border-bottom: 5px solid #0b70ce;}
.a{width:100%;line-height: 40px;text-align: center;}
.b{width:100%;line-height: 40px;text-align: center;}

/*新闻中心*/
#cc{

  overflow:hidden;
  position: relative;
}
#cc img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
  z-index:1;
  transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
  }
.new-imgs .show {
    background: rgba(0, 0, 0, 0.4);
    height:200px;
    left: 0;
    opacity: 0;
  filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
  /* Safari 和 Chrome */
  -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
  /* Opera */
  -o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index: 200;
}
.new-imgs .show .imgArea {
    left: 50%;
  bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.new-imgs .show .imgArea a{
  color:rgba(255,255,255, 0.8);
  display:block;
  padding:5px 12px;
  border:rgba(255,255,255, 0.6) 1px solid;
  border-radius:8px;
  font-size: 16px;
}
.new-imgs .show .imgArea a:hover{
  background: rgba(255,255,255, 0.7);
  color:rgba(0,0,0, 0.6);
}

/* 整个box*/
.newss:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.newss:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.newss:hover img {
  transform: scale(1.2, 1.2);
  
  -ms-transform:scale(1.2, 1.2);  /* IE 9 */
  -moz-transform:scale(1.2, 1.2);   /* Firefox */
  -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
  -o-transform:scale(1.2, 1.2);   /* Opera */
}
.cases:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.cases:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.cases:hover img {
  transform: scale(1.2, 1.2);
  
  -ms-transform:scale(1.2, 1.2);  /* IE 9 */
  -moz-transform:scale(1.2, 1.2);   /* Firefox */
  -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
  -o-transform:scale(1.2, 1.2);   /* Opera */
}
.tempWrap{
text-align: center;
}
.picScroll-left{
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.pic-title{
	width: 100%;line-height:38px;
}
.picScroll-left .hd .prev{display:block;  float:left; margin-left:2.5%; margin-top:105px;  overflow:hidden; cursor:pointer; }
.picScroll-left .hd .next{ display:block;  float:right; margin-right:2.5%; margin-top:105px;  overflow:hidden;cursor:pointer; }	 
.picScroll-left .bd{ padding-top:20px;}
.picScroll-left .bd ul{ overflow:hidden;}
.picScroll-left .bd ul li{ margin:0 9px;width:18.5%;float:left;display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{text-align:center;}
.picScroll-left .bd ul li .pic img{width: 100%;height:175px;display:block; }
.picScroll-left .bd ul li .title{ line-height:30px;}

}

@media only screen and (min-width: 1241px) and (max-width:1444px) {

body{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei";font-size: 0.90em;}
#moblie{display: none;}
#header{width: 100%;height: 130px;box-shadow: 0 5px 8px #605f5e;float: left;}
.top{width: 95%;height: 80px;margin:50px auto 0;}
.logo{width: 30%;height:80px;float: left;}
.nav{width:70%;height: 80px;float: left;}

/*百度地图*/
#dituContent{width: 100%;height:550px;float: left;}

.index_btn{width:100%;z-index:9999;background:#191919;margin-top: 25px;}
.index_btn ul{margin:0px auto;width:100%;}
.index_btn ul li{float:left;width:13.2%;position:relative;}
.index_btn ul li span{position:relative;z-index:999;width:100%;display:block;text-align: center;}
.index_btn ul li span a{display:block;width:100%;color:#333;font-size:1.15em;line-height:60px;float:left;height:40px;}
.index_btn ul li span a:hover{height:55px;color:#FFF;background:#926d3c;}

.index_btnbox{width:400%;position:absolute;top:55px;left:0px;padding:20px 0px 0px 0px;background: rgba(000,000,0,0.3);color:#fff;z-index: 100;display: none;}
.index_btn ul li:hover .index_btnbox{display: block;}
.index_btnbox img{display:block;margin:10px auto;}
.index_btnbox p{margin:0px;padding:20px 0px 0px 19px;}
.index_btnbox p a{width:50%;display:block;float:left;padding-bottom:5px;line-height:24px;}
.index_btnbox p a:hover{color:#10fb2b;}

.index_btnboxs{width:400%;background: rgba(000,000,0,0.4);color:#fff;position:absolute;top:55px;right:0px;padding:20px 0px 0px 0px;display: none;z-index: 100;}
.index_btn ul li:hover .index_btnboxs{display: block;}
.index_btnboxs img{width:100%;display:block;margin:10px auto;}
.index_btnboxs p{margin:0px;padding:20px 0px 0px 19px;}
.index_btnboxs p a{width:50%;display:block;float:left;padding-bottom:5px;line-height:24px;}
.index_btnboxs p a:hover{color:#10fb2b;}
.aa{width:49%;float:left;}
.aa img{width: 100%;}

/*banner开始*/
#banner{width:100%;height:444px;margin:5px auto;text-align: center;}
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	width: 100%;
	height: 450px;
	display:block;
	padding:0;
	margin:0;
	border:none;

}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}
/*banner*/

#content{width: 100%;}
#cont{width:85%;margin:0 auto;}
#top{width: 100%;height: 350px;margin: 50px auto;}
.top-left{width: 32%;height: 350px;float: left;}

.case-line{width: 100%;line-height: 50px;float: left;position: relative;}
.ck1{font-size: 1.35em;color: #926d3c;border-bottom: 2px solid #926d3c;position: absolute;top: 0;left: 0;}
.ck2{width: 100%;border-bottom: 2px solid #d9d9d9;float: left;color: #a7a6a6;font-size: 0.95em;}
.ck3{width: 80px;float: left;padding-left: 90px;}
.ck4{width: 80px;float: right;text-align: right;}

.new-img{width: 100%;margin-top: 20px;float: left;}
.left-photo{width: 37%;height: 130px;float: left;}
.left-photo img{width: 100%;height: 130px;}
.left-cont{width: 63%;height: 130px;float: left; }
.new-title{width: 100%;line-height: 34px;float: left;margin-top: 20px;color: #504f4e;}
.tt{width:75%;text-align:left;float:left;}
.new-title li:hover{color: #275efb;}
.new-title li:hover .time{color: #275efb;}
.time{width:25%;color:#a7a6a5;float:left;text-align:right;}
.top-main{width: 34%;height: 350px;float: left;}
.fash{width: 4.2%;height:350px;float: left;text-align: center;}
.fash img{height:350px;}
.count{width:100%;line-height:40px;text-align:left;font-weight:600;font-size:1.05em;margin-left:7%;}
.top-right{width: 25.6%;height: 350px;float: left;position:relative;}
.movie{width: 100%;height: 180px;margin-top: 20px;float: left;z-index: -10;background-size: cover;}
.movie img{width: 100%;}
.mv-title{width:100%;line-height:35px;float:left;color: #504f4e;}
.mv-title:hover{color:#275efb;}
.play{width:25%;height: 150px;position: absolute;top: 119px;left:37%;transition: all.3s;}
.play:hover{width:28%;position: absolute;top: 114px;left:35.5%;}
.play img{width: 100%;}

#case{width: 100%;height: 290px;margin-top: 50px;float: left;}
#footer{width: 100%;height: 100px;background:#926d3d;float: left;margin-top: 50px;float: left;}
.foot{width:85%;margin: 20px auto;}
.foot-left{width: 50%;float: left;}
.foot-right{width: 50%;float: right;text-align: right;}

#about{width:100%;}
.gps{width: 100%;font-size: 0.95em;height: 60px;background: #f6f7f7;border-bottom: 1px solid #ccc;}
.rar{width: 85%;height: 40px;margin: 10px auto;}
.gps li{width:100%;line-height: 30px;color:#5f5f5e;border-left: 4px solid #3cb4f9;margin-top:20px;float: left;box-sizing:border-box;}
.ct{width: 85%;margin: 50px auto;}
.fist{width: 20%;float: left;}
.left-nav{width:100%;min-height: 400px;float: left;margin-bottom: 50px;border: 1px solid #ccc;box-shadow: 0px 2px 5px #ccc;}
.one{width:100%;line-height: 60px;color: #3f4140;margin: 20px auto;}
.boot{width:47%;border-bottom:2px solid #926d3d;float: left;font-size: 1.45em;color: #b6751f;}
.nb{width: 52%;border-bottom: 1px dotted #ccc;float: left;margin-bottom: 10px;color: #cf8c36;font-style: italic;font: 12px;font-weight: bold;}
.two{width: 92%;line-height: 45px;color: #333;float: left;margin: 2px 4%;border-bottom: 1px dotted #926d3d;background-image: url(../images/plays.png);background-position-x:10%;background-position-y:15px;background-repeat: no-repeat;transition: all.3s;font-size: 1.05em;}
.two:hover{background: #cf8c36;color: #fff;background-image: url(../images/cc.gif);background-position-x:10%;background-position-y:15px;background-repeat: no-repeat;}

.push{width:100%;float: left;background: #fff;border: 1px solid #ccc;box-shadow: 0px 2px 5px #ccc;}
.small{width: 100%;font-size: 0.95em;float: left;}
.connect{width: 100%;line-height: 40px;text-align:center;font-size:1.10em;float: left;}
.fight{line-height: 30px;float: left;border-left:5px solid #fff;}
.fight:hover{border-left:5px solid #3cb4f9;}
.laster{line-height: 20px;float: left;border-left:5px solid #fff;margin-top: 5px;}
.laster:hover{border-left:5px solid #3cb4f9;}

.show{width:77%;min-height:1000px;float: right;}
.right-box{width: 100%;margin: 30px 0;float: left;}
.right-title{width: 100%;text-align: center;font-size: 1.35em;font-weight: 600;float: left;}
.ck{width: 90%;line-height:60px;text-align: center;font-size: 0.95em;margin: 10px 5% 10px ;float: left;color: #cf8c36;border-bottom: 1px dashed #ccc;}
.imger{width: 80%;float: left;margin:25px 10% 30px;}
.imger img{width: 100%;}
.about-cont{width: 90%;line-height: 35px;font: 1.25em;text-indent: 2em;color: #3d3c3b;float: left;margin:0px 5%;}

.headline {margin: 20px auto;line-height: 60px;color: #3f4140;font-size: 1.35em;border-bottom: 1px dotted #ccc;
}
.agin{color: #b6751f;padding-right: 10px;display: inline-block;border-bottom: 2px solid #947342;padding-left: 12px;
}

.cases{width: 28%;float: left;box-shadow: 1px 3px 3px #ccc;margin-left: 4%;margin-top:40px;}
.pho{width: 100%;height: 200px;}
.pho img{width: 100%;height: 200px;}
.case-title{width: 92%;line-height: 45px;margin-left:8%;font-size: 1.10em;color: black;}
.case-cont{width: 96%;line-height: 23px;margin: 0 auto;font-size: 0.90em;color: #575757;text-indent: 1em;}
.cases:hover{box-shadow: 4px 8px 10px #ccc;}

.caser{width: 28%;float: left;box-shadow: 1px 3px 3px #ccc;;margin-left: 4%;margin-top:40px;transition: all.4s;}
.caser:hover{box-shadow: 1px 4px 10px #cf8c36;;}
.phos{width: 100%;height: 220px;}
.phos img{width: 100%;height: 220px;}
.shop-line{width:96%;line-height:35px;float:left;font-size:1.25em;padding-left: 4%;}
.shop-cont{width:96%;line-height:25px;float:left;font-size:1.05em;color:#565555;padding-left: 4%;}
.go{width:110px;line-height:35px;color:#fff;text-align: center;float: left;font-size:1.15em;margin:5px 2% 10px 4%;background: #f06715;transition: all.3s;}
.go:hover{background: #f03415;box-shadow: 1px 2px 8px #333;}
.fack{width:35px;height: 30px;float: left;}
.fack img{width: 100%;height: 30px;margin-top:5px;}


.newss{width: 100%;height: 190px;float: left;border-bottom: 1px dashed #ccc;margin-top: 10px;transition: all.15s;}
.newss:hover{background: #ededed;border-bottom: 1px dashed #ededed;box-shadow: 0px 1px 3px #ccc;}
.newss:hover .hh{border-left: 8px solid #b36808;color: #b36808;transition: all.15s;}
.new-box{width: 100%;height: 140px;margin-top: 25px;float: left;}
.new-imgs{width:23%;height: 140px;float: left;float: left;margin-left: 1%;}
.new-imgs img{width:100%;height: 140px;float: left;}
.new-cont{width: 70%;margin-left: 3%;float: left;}
.hh{width: 100%;font-size: 1.25em;font-weight: 600;height: 25px;}
.dh{width: 100%;line-height:45px;font-size: 0.85em;color: #646361;}
.th{width: 100%;font-size: 1.0em;line-height: 25px;color: #2b2a29;}

video{width:800px;height: 450px;}
.av{width: 28%;float: left;margin-left: 4%;position: relative;height:250px;}
.av:hover{opacity: 0.90;}
.av-title{width:100%;height: 25px;font-size: 1.15em;color: black;position: absolute;top: 208px;}
.av:hover .av-title{color: #275efb;}
.plays{width:25%;height: 150px;position: absolute;top: 79px;left:37%;transition: all.3s;}
.av:hover .plays{width:28%;position: absolute;top: 74px;left:35.5%;transition: all.3s;}
.plays img{width: 100%;}

.list{width: 100%;font-size: 1.15em;float: left;}
.list-line{width: 100%;line-height: 40px;float: left;border-bottom:1px dotted #3cb4f9;padding-top: 20px;transition: all.3s;}
.list-line:hover{background: #f4f7f8;color: #275efb;border-bottom:1px solid #275efb;}


/*网站地图*/
#map{width: 500px;height: 400px;margin:0 auto;}
.map-title{width: 100%;line-height: 80px;font-size: 28px;text-align: center;margin:50px 0 20px 0;float: left;color: #333;}
.box{width: 100%;float: left;margin-top: 20px;}
.bor{float: left;}
.box-title{width: 100%;text-align: center;font-size: 1.35em;line-height: 40px;color: #275efb;border-top: 1px solid #ccc;}
.box-name{width: 100%;float: left;margin:0 auto;}
.box-con{width: 20%;text-align: center;line-height: 35px;float: left;color: #333;}
.box-con:hover{background-color:#333;color: #fff;}
.html{width: 10%;line-height: 25px;float: right;font-size: 1.15em;color: red;}
.xml{width: 10%;line-height: 25px;float: right;font-size: 1.15em;color: red;margin-right: 15%;}

.footers{width: 100%;color: #fff;float: left;}
.foot-top{width: 100%;line-height: 90px;float: left;}
.foot-line{width: 98%;margin: 0 auto;}
.linkimg{width: 12%;height: 30px;float: left;margin-top: 30px;}

.gans{width: 1%;float: left;text-align:center;}
.foot-box{width: 98%;height: 300px;margin: 30px auto;}
.box1{width: 15%;height: 300px;font-size: 0.85em;border-right: 1px dashed #16bbf1;float: left;}
.xx{width:90%;line-height: 30px;margin-left: 8%;}
.box2{width:30%;height: 300px;font-size: 0.85em;border-right: 1px dashed #16bbf1;float: left;}
.oo{width:46%;line-height: 30px;margin-left: 4%;float: left;}
.box3{width: 24%;height: 300px;border-left: 1px dashed #16bbf1;float: left;}
.wx{width:172px;margin: 60px auto 0;}
.wx img{width:172px;height: 172px;}
#bottom{width: 100%;background: #0a0a0a;float: left;font-size: 0.95em;border-bottom: 5px solid #0b70ce;}
.a{width:100%;line-height: 40px;text-align: center;}
.b{width:100%;line-height: 40px;text-align: center;}

/*新闻中心*/
#cc{

  overflow:hidden;
  position: relative;
}
#cc img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
  z-index:1;
  transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
  }
.new-imgs .show {
    background: rgba(0, 0, 0, 0.4);
    height:200px;
    left: 0;
    opacity: 0;
  filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
  /* Safari 和 Chrome */
  -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
  /* Opera */
  -o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index: 200;
}
.new-imgs .show .imgArea {
    left: 50%;
  bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.new-imgs .show .imgArea a{
  color:rgba(255,255,255, 0.8);
  display:block;
  padding:5px 12px;
  border:rgba(255,255,255, 0.6) 1px solid;
  border-radius:8px;
  font-size: 16px;
}
.new-imgs .show .imgArea a:hover{
  background: rgba(255,255,255, 0.7);
  color:rgba(0,0,0, 0.6);
}

/* 整个box*/
.newss:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.newss:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.newss:hover img {
  transform: scale(1.2, 1.2);
  
  -ms-transform:scale(1.2, 1.2);  /* IE 9 */
  -moz-transform:scale(1.2, 1.2);   /* Firefox */
  -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
  -o-transform:scale(1.2, 1.2);   /* Opera */
}
.cases:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.cases:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.cases:hover img {
  transform: scale(1.2, 1.2);
  
  -ms-transform:scale(1.2, 1.2);  /* IE 9 */
  -moz-transform:scale(1.2, 1.2);   /* Firefox */
  -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
  -o-transform:scale(1.2, 1.2);   /* Opera */
}
.tempWrap{
text-align: center;
}
.picScroll-left{
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.pic-title{
	width: 100%;line-height:38px;
}
.picScroll-left .hd .prev{display:block;  float:left; margin-left:2.5%; margin-top:105px;  overflow:hidden; cursor:pointer; }
.picScroll-left .hd .next{ display:block;  float:right; margin-right:2.5%; margin-top:105px;  overflow:hidden;cursor:pointer; }	 
.picScroll-left .bd{ padding-top:20px;}
.picScroll-left .bd ul{ overflow:hidden;}
.picScroll-left .bd ul li{ margin:0 9px;width:18.5%;float:left;display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{text-align:center;}
.picScroll-left .bd ul li .pic img{width: 100%;height:175px;display:block; }
.picScroll-left .bd ul li .title{ line-height:30px;}
}


@media screen and (min-width:1445px) {
body{font-family:"微软雅黑";font-size: 0.95em;}
#moblie{display: none;}
#header{width: 100%;height: 130px;box-shadow: 0 5px 8px #605f5e;float: left;}
.top{width: 1300px;height: 80px;margin:50px auto 0;}
.logo{width: 30%;height:80px;float: left;}
.nav{width:70%;height: 80px;float: left;}

/*百度地图*/
#dituContent{width: 100%;height:550px;float: left;}

.index_btn{width:100%;z-index:9999;background:#191919;margin-top: 25px;}
.index_btn ul{margin:0px auto;width:100%;}
.index_btn ul li{float:left;width:13.2%;position:relative;}
.index_btn ul li span{position:relative;z-index:999;width:100%;display:block;text-align: center;}
.index_btn ul li span a{display:block;width:100%;color:#333;font-size:1.15em;line-height:60px;float:left;height:40px;}
.index_btn ul li span a:hover{height:55px;color:#FFF;background:#926d3c;}

.index_btnbox{width:400%;position:absolute;top:55px;left:0px;padding:20px 0px 0px 0px;background: rgba(000,000,0,0.3);color:#fff;z-index: 100;display: none;}
.index_btn ul li:hover .index_btnbox{display: block;}
.index_btnbox img{display:block;margin:10px auto;}
.index_btnbox p{margin:0px;padding:20px 0px 0px 19px;}
.index_btnbox p a{width:50%;display:block;float:left;padding-bottom:5px;line-height:24px;}
.index_btnbox p a:hover{color:#10fb2b;}

.index_btnboxs{width:400%;background: rgba(000,000,0,0.4);color:#fff;position:absolute;top:55px;right:0px;padding:20px 0px 0px 0px;display: none;z-index: 100;}
.index_btn ul li:hover .index_btnboxs{display: block;}
.index_btnboxs img{width:100%;display:block;margin:10px auto;}
.index_btnboxs p{margin:0px;padding:20px 0px 0px 19px;}
.index_btnboxs p a{width:50%;display:block;float:left;padding-bottom:5px;line-height:24px;}
.index_btnboxs p a:hover{color:#10fb2b;}
.aa{width:49%;float:left;}
.aa img{width: 100%;}

/*banner开始*/
#banner{width:100%;height:444px;margin:7px auto;text-align: center;}
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	width: 100%;
	height: 450px;
	display:block;
	padding:0;
	margin:0;
	border:none;

}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}
/*banner*/

#content{width: 100%;}
#cont{width:1300px;margin:0 auto;}
#top{width: 100%;height: 350px;margin: 50px auto;}
.top-left{width: 32%;height: 350px;float: left;}

.case-line{width: 100%;line-height: 50px;float: left;position: relative;}
.ck1{font-size: 1.35em;color: #926d3c;border-bottom: 2px solid #926d3c;position: absolute;top: 0;left: 0;}
.ck2{width: 100%;border-bottom: 2px solid #d9d9d9;float: left;color: #a7a6a6;font-size: 0.95em;}
.ck3{width: 80px;float: left;padding-left: 90px;}
.ck4{width: 80px;float: right;text-align: right;}

.new-img{width: 100%;margin-top: 20px;float: left;}
.left-photo{width: 37%;height: 130px;float: left;}
.left-photo img{width: 100%;height: 130px;}
.left-cont{width: 63%;height: 130px;float: left; }
.new-title{width: 100%;line-height: 34px;float: left;margin-top: 20px;color: #504f4e;}
.tt{width:75%;text-align:left;float:left;}
.new-title a:hover{color: #275efb;text-decoration: underline;}
.new-title li:hover .time{color: #333;}
.time{width:25%;color:#a7a6a5;float:left;text-align:right;}
.top-main{width: 34%;height: 350px;float: left;}
.fash{width: 4.2%;height:350px;float: left;text-align: center;}
.fash img{height:350px;}
.count{width:100%;line-height:40px;text-align:left;font-weight:600;font-size:1.05em;margin-left:7%;}
.top-right{width: 25.6%;height: 350px;float: left;position:relative;}
.movie{width: 100%;height: 180px;margin-top: 20px;float: left;z-index: -10;background-size: cover;}
.movie img{width: 100%;}
.mv-title{width:100%;line-height:35px;float:left;color: #504f4e;}
.mv-title:hover{color:#275efb;}
.play{width:25%;height: 150px;position: absolute;top: 119px;left:37%;transition: all.3s;}
.play:hover{width:28%;position: absolute;top: 114px;left:35.5%;}
.play img{width: 100%;}

#case{width: 100%;height: 290px;margin-top: 50px;float: left;}
#footer{width: 100%;height: 100px;background:#926d3d;float: left;margin-top: 50px;float: left;}
.foot{width:1300px;margin: 20px auto;}
.foot-left{width: 50%;float: left;}
.foot-right{width: 50%;float: right;text-align: right;}

#about{width: 100%;}
.gps{width: 100%;font-size: 0.95em;height: 60px;background: #f6f7f7;border-bottom: 1px solid #ccc;}
.rar{width: 1300px;height: 40px;margin: 10px auto;}
.gps li{width:100%;line-height: 30px;color:#5f5f5e;border-left: 4px solid #3cb4f9;margin-top:20px;float: left;box-sizing:border-box;}
.ct{width: 1300px;margin: 50px auto;}
.fist{width: 20%;float: left;}
.left-nav{width:100%;min-height: 400px;float: left;margin-bottom: 50px;border: 1px solid #ccc;box-shadow: 0px 2px 5px #ccc;}
.one{width:100%;line-height: 60px;color: #3f4140;margin: 20px auto;}
.boot{width:47%;border-bottom:2px solid #926d3d;float: left;font-size: 1.45em;color: #b6751f;}
.nb{width: 52%;border-bottom: 1px dotted #ccc;float: left;margin-bottom: 10px;color: #cf8c36;font-style: italic;font: 12px;font-weight: bold;}
.two{width: 92%;line-height: 45px;color: #333;float: left;margin: 2px 4%;border-bottom: 1px dotted #926d3d;background-image: url(../images/plays.png);background-position-x:10%;background-position-y:15px;background-repeat: no-repeat;transition: all.3s;font-size: 1.05em;}
.two:hover{background: #cf8c36;color: #fff;background-image: url(../images/cc.gif);background-position-x:10%;background-position-y:15px;background-repeat: no-repeat;}

.push{width:100%;float: left;background: #fff;border: 1px solid #ccc;box-shadow: 0px 2px 5px #ccc;}
.small{width: 100%;font-size: 0.95em;float: left;}
.connect{width: 100%;line-height: 40px;text-align:center;font-size:1.10em;float: left;}
.fight{line-height: 30px;float: left;border-left:5px solid #fff;}
.fight:hover{border-left:5px solid #3cb4f9;}
.laster{line-height: 20px;float: left;border-left:5px solid #fff;margin-top: 5px;}
.laster:hover{border-left:5px solid #3cb4f9;}

.show{width:77%;min-height:1000px;float: right;}
.right-box{width: 100%;margin: 30px 0;float: left;}
.right-title{width: 100%;text-align: center;font-size: 1.35em;font-weight: 600;float: left;}
.ck{width: 90%;line-height:60px;text-align: center;font-size: 0.95em;margin: 10px 5% 10px ;float: left;color: #cf8c36;border-bottom: 1px dashed #ccc;}
.imger{width: 80%;float: left;margin:25px 10% 30px;}
.imger img{width: 100%;}
.about-cont{width: 90%;line-height: 35px;font: 1.25em;text-indent: 2em;color: #3d3c3b;float: left;margin:0px 5%;}

.headline {margin: 20px auto;line-height: 60px;color: #3f4140;font-size: 1.35em;border-bottom: 1px dotted #ccc;
}
.agin{color: #b6751f;padding-right: 10px;display: inline-block;border-bottom: 2px solid #947342;padding-left: 12px;
}

.cases{width: 28%;float: left;box-shadow: 1px 3px 3px #ccc;margin-left: 4%;margin-top:40px;}
.pho{width: 100%;height: 220px;}
.pho img{width: 100%;height: 220px;}
.case-title{width: 92%;line-height: 50px;margin-left:8%;font-size: 1.15em;color: black;}
.case-cont{width: 96%;line-height: 25px;margin: 0 auto;font-size: 0.95em;color: #575757;text-indent: 1em;}
.cases:hover{box-shadow: 4px 8px 10px #ccc;}

.caser{width: 28%;float: left;box-shadow: 1px 3px 3px #ccc;;margin-left: 4%;margin-top:40px;transition: all.4s;}
.caser:hover{box-shadow: 1px 4px 10px #cf8c36;;}
.phos{width: 100%;height: 220px;}
.phos img{width: 100%;height: 220px;}
.shop-line{width:96%;line-height:35px;float:left;font-size:1.25em;padding-left: 4%;}
.shop-cont{width:96%;line-height:25px;float:left;font-size:1.05em;color:#565555;padding-left: 4%;}
.go{width:110px;line-height:35px;color:#fff;text-align: center;float: left;font-size:1.15em;margin:5px 2% 10px 4%;background: #f06715;transition: all.3s;}
.go:hover{background: #f03415;box-shadow: 1px 2px 8px #333;}
.fack{width:35px;height: 30px;float: left;}
.fack img{width: 100%;height: 30px;margin-top:5px;}

.newss{width: 100%;height: 190px;float: left;border-bottom: 1px dashed #ccc;margin-top: 10px;transition: all.15s;}
.newss:hover{background: #ededed;border-bottom: 1px dashed #ededed;box-shadow: 0px 1px 3px #ccc;}
.newss:hover .hh{border-left: 8px solid #b36808;color: #b36808;transition: all.15s;}
.new-box{width: 100%;height: 140px;margin-top: 25px;float: left;}
.new-imgs{width:23%;height: 140px;float: left;float: left;margin-left: 1%;}
.new-imgs img{width:100%;height: 140px;float: left;}
.new-cont{width: 70%;margin-left: 3%;float: left;}
.hh{width: 100%;font-size: 1.25em;font-weight: 600;height: 25px;}
.dh{width: 100%;line-height:45px;font-size: 0.85em;color: #646361;}
.th{width: 100%;font-size: 1.0em;line-height: 25px;color: #2b2a29;}

video{width:800px;height: 450px;}
.av{width: 28%;float: left;margin-left: 4%;position: relative;height:250px;}
.av:hover{opacity: 0.90;}
.av-title{width:100%;height: 25px;font-size: 1.15em;color: black;position: absolute;top: 208px;}
.av:hover .av-title{color: #275efb;}
.plays{width:25%;height: 150px;position: absolute;top: 79px;left:37%;transition: all.3s;}
.av:hover .plays{width:28%;position: absolute;top: 74px;left:35.5%;transition: all.3s;}
.plays img{width: 100%;}

.list{width: 100%;font-size: 1.15em;float: left;}
.list-line{width: 100%;line-height: 40px;float: left;border-bottom:1px dotted #3cb4f9;padding-top: 20px;transition: all.3s;}
.list-line:hover{background: #f4f7f8;color: #275efb;border-bottom:1px solid #275efb;}

/*网站地图*/
#map{width: 500px;height: 400px;margin:0 auto;}
.map-title{width: 100%;line-height: 80px;font-size: 28px;text-align: center;margin:50px 0 20px 0;float: left;color: #333;}
.box{width: 100%;float: left;margin-top: 20px;}
.bor{float: left;}
.box-title{width: 100%;text-align: center;font-size: 1.35em;line-height: 40px;color: #275efb;border-top: 1px solid #ccc;}
.box-name{width: 100%;float: left;margin:0 auto;}
.box-con{width: 20%;text-align: center;line-height: 35px;float: left;color: #333;}
.box-con:hover{background-color:#333;color: #fff;}
.html{width: 10%;line-height: 25px;float: right;font-size: 1.15em;color: red;}
.xml{width: 10%;line-height: 25px;float: right;font-size: 1.15em;color: red;margin-right: 15%;}

.footers{width: 100%;color: #fff;float: left;}
.foot-top{width: 100%;line-height: 90px;float: left;}
.foot-line{width: 98%;margin: 0 auto;}
.linkimg{width: 12%;height: 30px;float: left;margin-top: 30px;}

.gans{width: 1%;float: left;text-align:center;}
.foot-box{width: 98%;height: 300px;margin: 30px auto;}
.box1{width: 15%;height: 300px;font-size: 0.85em;border-right: 1px dashed #16bbf1;float: left;}
.xx{width:90%;line-height: 30px;margin-left: 8%;}
.box2{width:30%;height: 300px;font-size: 0.85em;border-right: 1px dashed #16bbf1;float: left;}
.oo{width:46%;line-height: 30px;margin-left: 4%;float: left;}
.box3{width: 24%;height: 300px;border-left: 1px dashed #16bbf1;float: left;}
.wx{width:172px;margin: 60px auto 0;}
.wx img{width:172px;height: 172px;}
#bottom{width: 100%;background: #0a0a0a;float: left;font-size: 0.95em;border-bottom: 5px solid #0b70ce;}
.a{width:100%;line-height: 40px;text-align: center;}
.b{width:100%;line-height: 40px;text-align: center;}

/*新闻中心*/
#cc{

  overflow:hidden;
  position: relative;
}
#cc img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
  z-index:1;
  transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
  }
.new-imgs .show {
    background: rgba(0, 0, 0, 0.4);
    height:200px;
    left: 0;
    opacity: 0;
  filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
  /* Safari 和 Chrome */
  -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
  /* Opera */
  -o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index: 200;
}
.new-imgs .show .imgArea {
    left: 50%;
  bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.new-imgs .show .imgArea a{
  color:rgba(255,255,255, 0.8);
  display:block;
  padding:5px 12px;
  border:rgba(255,255,255, 0.6) 1px solid;
  border-radius:8px;
  font-size: 16px;
}
.new-imgs .show .imgArea a:hover{
  background: rgba(255,255,255, 0.7);
  color:rgba(0,0,0, 0.6);
}

/* 整个box*/
.newss:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.newss:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.newss:hover img {
  transform: scale(1.2, 1.2);
  
  -ms-transform:scale(1.2, 1.2);  /* IE 9 */
  -moz-transform:scale(1.2, 1.2);   /* Firefox */
  -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
  -o-transform:scale(1.2, 1.2);   /* Opera */
}
.cases:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.cases:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.cases:hover img {
  transform: scale(1.2, 1.2);
  
  -ms-transform:scale(1.2, 1.2);  /* IE 9 */
  -moz-transform:scale(1.2, 1.2);   /* Firefox */
  -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
  -o-transform:scale(1.2, 1.2);   /* Opera */
}
.tempWrap{
text-align: center;
}
.picScroll-left{
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.pic-title{
	width: 100%;line-height:38px;
}
.picScroll-left .hd .prev{display:block;  float:left; margin-left:2.5%; margin-top:105px;  overflow:hidden; cursor:pointer; }
.picScroll-left .hd .next{ display:block;  float:right; margin-right:2.5%; margin-top:105px;  overflow:hidden;cursor:pointer; }	 
.picScroll-left .bd{ padding-top:20px;}
.picScroll-left .bd ul{ overflow:hidden;}
.picScroll-left .bd ul li{ margin:0 9px;width:18.5%;float:left;display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{text-align:center;}
.picScroll-left .bd ul li .pic img{width: 100%;height:175px;display:block; }
.picScroll-left .bd ul li .title{ line-height:30px;}

}