@import url("common.css");

@media only screen and (min-width: 992px) {
	
	.main1 {margin:0;}
	.main1 .wrap {width: 1200px; overflow: hidden; margin: 0 auto;}
	/*--/分栏 end--*/
	.banner_titbg {position:absolute; z-index:21; margin:0 50px; width:calc(100% - 100px); top:-100%;}
	.banner_titbg .titcont {width:750px; height:300px; background-color:#fff; margin:0 auto; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; }
	.banner_tit1 {position:absolute; z-index:21; margin:0; width:100%; top:-100%;}
	.banner_tit2 {position:absolute; z-index:21; margin:0; width:100%; top:-100%;}
	.banner_tit3 {position:absolute; z-index:21; margin:0; width:100%; top:-100%; text-align:center;}
	.banner_tit3 .btit3 {margin:0 auto; width:454px; color:#fff; line-height:24px; text-align:left; font-size:14px;}
	
	/*banner*/
	.flickerplate {
		position:relative;
		width:100%;
		background-color:#e6e6e6;
		overflow:hidden;
	}
	.flickerplate ul.flicks {
		width:10000%;
		height:100%;
		padding:0px;
		margin:0px;
		list-style:none
	}
	.flickerplate ul.flicks>li {
		float:left;
		width:1%;
		height:100%;
		background-position:center;
		background-size:cover;
		display:table
	}
	.flickerplate ul.flicks>li .flick-inner {
		height:100%;
		padding:10px;
		color:#fff;
		display:table-cell;
		vertical-align:middle
	}
	.flickerplate ul.flicks>li .flick-inner .flick-content {
		max-width:68.75em;
		margin-left:auto;
		margin-right:auto
	}
	.flickerplate ul.flicks>li .flick-title {
		padding:0px 0px;
		font-size:2.778em;
		line-height:1.995em;
		text-align:center
	}
	.flickerplate ul.flicks>li .flick-sub-text {
		padding:5px;
		font-weight:300;
		line-height:2.5em;
		color:rgba(255, 255, 255, 0.8);
		text-align:center
	}
	.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
		padding:12px 18px;
		background-color:rgba(0, 0, 0, 0.6)
	}
	.flickerplate .arrow-navigation {
		position:absolute;
		height:80%;
		width:10%;
		top:10%;
		z-index:100;
		overflow:hidden
	}
	.flickerplate .arrow-navigation .arrow {
		display:block;
		height:100%;
		width:90%;
		-webkit-transition:all 0.2s ease-out;
		-moz-transition:all 0.2s ease-out;
		-o-transition:all 0.2s ease-out;
		-ms-transition:all 0.2s ease-out;
		transition:all 0.2s ease-out
	}
	.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
		cursor:pointer
	}
	.flickerplate .arrow-navigation.left {
		left:0%
	}
	.flickerplate .arrow-navigation.left .arrow {
		opacity:0;
		margin:0px 0px 0px 50%;
		background-image:url("../images/flickerplate/arrow-left-light.png");
		background-repeat:no-repeat;
		background-position:left
	}
	.flickerplate .arrow-navigation.right {
		right:0%
	}
	.flickerplate .arrow-navigation.right .arrow {
		opacity:0;
		margin:0px 0px 0px -50%;
		background-image:url("../images/flickerplate/arrow-right-light.png");
		background-repeat:no-repeat;
		background-position:right
	}
	.flickerplate .arrow-navigation.left.hover .arrow {
		opacity:1;
		margin:0px 0px 0px 20%
	}
	.flickerplate .arrow-navigation.right.hover .arrow {
		opacity:1;
		margin:0px 0px 0px -20%
	}
	.flickerplate .dot-navigation {
		position:absolute;
		bottom:15px;
		width:100%;
		text-align:center;
		z-index:100
	}
	.flickerplate .dot-navigation ul {
		text-align:center;
		list-style:none;
		padding:0px 15px
	}
	.flickerplate .dot-navigation ul li {
		display:inline-block;
		float:none
	}
	.flickerplate .dot-navigation .dot {
		width:14px;
		height:14px;
		margin:0px 6px;
		background-color:rgba(255, 255, 255, 0.3);
		border-radius:50%;
		-o-border-radius:50%;
		-ms-border-radius:50%;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		-webkit-transition:background-color 0.2s ease-out;
		-moz-transition:background-color 0.2s ease-out;
		-o-transition:background-color 0.2s ease-out;
		-ms-transition:background-color 0.2s ease-out;
		transition:background-color 0.2s ease-out
	}
	.flickerplate .dot-navigation .dot:hover {
		cursor:pointer;
		background-color:rgba(255, 255, 255, 0.6)
	}
	.flickerplate .dot-navigation .dot.active {
		background-color:#fff
	}
	.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
		text-align:left
	}
	.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
		text-align:right
	}
	.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
		background-image:url("../images/flickerplate/arrow-left-dark.png")
	}
	.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
		background-image:url("../images/flickerplate/arrow-right-dark.png")
	}
	.flickerplate.flicker-theme-dark .dot-navigation .dot {
		background-color:rgba(0, 0, 0, 0.12)
	}
	.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
		background-color:rgba(0, 0, 0, 0.6)
	}
	.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
		background-color:#000
	}
	.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
		color:rgba(0, 0, 0, 0.9)
	}
	.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
		color:rgba(0, 0, 0, 0.9)
	}
	.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
		background-color:rgba(255, 255, 255, 0.5)
	}
	.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
		color:rgba(0, 0, 0, 0.9)
	}
	.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
		color:rgba(0, 0, 0, 0.9)
	}
	.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
		background-color:rgba(255, 255, 255, 0.5)
	}
	.flickerplate.animate-transform-slide ul.flicks {
		-webkit-perspective:1000;
		-webkit-backface-visibility:hidden;
		transform:translate3d(0%, 0px, 0px);
		-webkit-transform:translate3d(0%, 0px, 0px);
		-webkit-transition:-webkit-transform 0.6s;
		-o-transition:-o-transform 0.6s;
		-moz-transition:-moz-transform 0.6s;
		transition:transform 0.6s
	}
	.flickerplate.animate-transition-slide ul.flicks {
		position:relative;
		left:0%;
		-webkit-transition:left 0.4s ease-out;
		-moz-transition:left 0.4s ease-out;
		-o-transition:left 0.4s ease-out;
		-ms-transition:left 0.4s ease-out;
		transition:left 0.4s ease-out
	}
	.flickerplate.animate-jquery-slide ul.flicks {
		position:relative;
		left:0%
	}
	.flickerplate.animate-scroller-slide {
		padding-bottom:0px;
		overflow:auto
	}
	.flickerplate.animate-scroller-slide ul.flicks {
		position:auto
	}
	
	/*banner*/
	
	.main1 .about {margin:0 auto; width:100%; height:555px; text-align:center; position:relative; background-color:#f0f0f0; overflow:hidden;}
	.main1 .about .tit_2 {width: 100%; text-align: center; position:absolute; top:-100%;}
	.main1 .about .abtdiv {width:100%; margin:0; top:-300px; text-align:left; position:absolute;}
	.main1 .about .abtdiv .abtcont {width:750px; margin:0 auto; line-height:200%; font-size:13px; text-align:left; color:#4c4c4c; background-size:auto 182px !important; padding-right:250px;}
	.main1 .about .viewmore {text-align:center; width:100%; position:absolute; bottom:-100px; padding:12px 0;}
	.main1 .about .viewmore a {padding:12px 50px; background:none; color:#f18519; border:1px solid #f18519; font-size:18px;}
	
	.tit_1 {width: 100%; padding: 48px 0 24px 0; font-size: 14px; line-height: 50px; color: #888; text-align: center; position:absolute; top:-120px;}
	.tit_1 h3 {color: #333; line-height: 40px; font-size: 32px; font-weight:normal; border-bottom:3px solid #f18519; width:148px; text-align:center; padding-bottom:15px; margin:0 auto;}
	.tit_1 h3 span {color:#d10000; font-size:24px;}
	.tit_1 h3 i {padding:0 25px; background:url(../images/bg_ipoint.jpg) center no-repeat;}
	.main1 .product {margin:0; position:relative; background: url(../images/bg_imain.jpg) top repeat-x #fff; height:auto; overflow:hidden;}
	.main1 .product .tit_1 {top:-150px;}
	.main1 .product .sortul {width:1200px; text-align:center; margin:0 auto; position:relative;}
	.main1 .product .sortul li {width:25%; text-align:center; line-height:56px; position:absolute; top:-200px;}
	.main1 .product .sortul li.zhuan {left:25%;}
	.main1 .product .sortul li.guang {left:50%;}
	.main1 .product .sortul li.wei {left:75%;}
	.main1 .product .sortul li a {font-size:16px;}
	.main1 .product .sortul li a.pic {width:156px; height:156px; display:block; margin:0 auto; background-color:#cccccc;  -webkit-border-radius:156px; -moz-border-radius:156px; -ms-border-radius:156px; -o-border-radius:156px; background-image:url(../images/icasesort.png); background-repeat:no-repeat;}
	.main1 .product .sortul li.on a {color: #f18519;}
	.main1 .product .sortul li.on a.pic {background-color: #f18519;}
	.main1 .product .sortul li.xuan a.pic {background-position:43px 43px;} 
	.main1 .product .sortul li.zhuan a.pic {background-position:-257px 43px;} 
	.main1 .product .sortul li.guang a.pic {background-position:-552px 43px;} 
	.main1 .product .sortul li.wei a.pic {background-position:-852px 43px;} 
	.main1 .product .proul {width:100%; text-align:center; position:absolute; border:100%;}
	.main1 .product .proul ul {width:100%; margin:0 auto;}
	.main1 .product .proul ul li {width:calc(20% - 1px); float:left; margin:0 1px 1px 0; position:relative; overflow:hidden;}
	.main1 .product .proul ul li a.pic {width:100%; height:0; padding-bottom:75%; background-position:center; overflow:hidden; display:block; background-size:auto 100%; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
	.main1 .product .proul ul li.on a.pic {background-size:auto 120%;}
	.main1 .product .proul ul li a.top {position:absolute; top:0; left:0; width:100%; height:100%;}
	.main1 .product .proul ul li.on a img {-webkit-transition:all .9s; -o-transition:all .9s; -ms-transition:all .9s; transition:all .9s;}
	.main1 .product .proul ul li a.top img.top1 {width:100%; height:100%; left:0;}
	.main1 .product .proul ul li a.top img {position:absolute;}
	.main1 .product .proul ul li a.top img.top2 {width:200%; left:-200%; top:0;}
	.main1 .product .proul ul li a.top img.top3 {height:200%; left:0; top:-200%;}
	.main1 .product .proul ul li a.top img.top4 {left:0; top:calc(50% - 25px); left:-50px;}
	.main1 .product .proul ul li.on a.top img {/*left:0; top:0;*/}
	.main1 .product .proul ul li.on a.top img.top1 { display:none;}
	.main1 .product .proul ul li.on a.top img.top4 {/*left:calc(50% - 25px); top:calc(50% - 25px);*/}
	.main1 .product .proul ul li a.top span {position: absolute; left: 0; bottom: -40px; left: 0; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; display: block; width: 100%; font-size: 16px; line-height: 40px; background-color: #fff; height: 40px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.65; font-weight: bold; color:#000;}
	.main1 .product .proul ul li.on a.top span {bottom: 0;}
	
	
	
	
	.main1 .product .viewmore {margin:0; text-align:center; width:100%; position:absolute; border:-100px;}
	.main1 .product .viewmore a {padding:12px 50px; background:none; color:#f18519; border:1px solid #f18519; font-size:18px;}
	
	.main1 .news {margin:0; position:relative; background-color:#f0f0f0; height:704px; overflow:hidden;}
	
	.main1 .news #scrola {margin:0 auto; width:100%; text-align:center; height:374px; position:absolute; bottom:-380px;}
	.main1 .news #scrola .infiniteCarousela{width: 1060px; position: relative; margin:0 auto;}
	.main1 .news #scrola .infiniteCarousela .wrapper{width: 1060px; overflow: auto; min-height: 10em; margin: 0; position: absolute; top: 0; height:374px;}
	.main1 .news #scrola .infiniteCarousela ul a img{width:340px; height:204px;}
	.main1 .news #scrola .infiniteCarousela .wrapper ul{width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; left:0;}
	.main1 .news #scrola .infiniteCarousela ul li {text-align:center; display:block; float:left; height: 374px; width: 360px;}
	.main1 .news #scrola .infiniteCarousela .arrow{display: block; width:50px; height:92px; text-indent: -999px; position: absolute; top: 145px; cursor: pointer; text-align:center; color:#fff; background-color:#e6e6e6; font-size:50px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
	.main1 .news #scrola .infiniteCarousela .arrow:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
	.main1 .news #scrola .infiniteCarousela .forward{background:url(../images/jt.png) left; left: -100px;}
	.main1 .news #scrola .infiniteCarousela .back{background:url(../images/jt.png) right; right: -100px;}
	.main1 .news #scrola .infiniteCarousela ul li a {display:block;}
	.main1 .news #scrola .infiniteCarousela ul li b {display:block;padding-left:10px;color:#787878;}
	.main1 .news #scrola .infiniteCarousela ul li p {line-height:20px;padding:0 10px;height:87px;color:#787878;}
	.main1 .news #scrola .infiniteCarousela ul li img {display:block;}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt {width:320px;height:167px;padding:0 10px; background-color:#fff;}
	.main1 .news #scrola .infiniteCarousela ul li span:hover {background:#dbdbdb}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt .p_title {line-height:50px;height:50px;padding:0 10px;font-size:20px; overflow:hidden;}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt .p_title a {color:#000;}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt p {color:#231815;font-size:12px;height:auto; text-align:left;}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt .p_time {width:auto;height:20px;line-height:20px;margin:15px 0 0 10px;padding:0px}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt .p_time font {margin-right:10px;}
	
	.main1 .news .viewmore {margin:0; padding:12px 0; text-align:center; width:100%; position:absolute; bottom:-100px;}
	.main1 .news .viewmore a {padding:12px 50px; background:none; color:#f18519; border:1px solid #f18519; font-size:18px;}
	
	.main1 .comnum {background:url(../images/bg_num.jpg); height:258px; text-align:center; overflow:hidden;}
	.main1 .comnum .numul {margin:0; text-align: center; width:1200px; margin:0 auto;}
	.main1 .comnum .numul ul {width:100%; margin:0; position:relative; margin-top:65px;}
	.main1 .comnum .numul ul li {padding-right:50px; padding-left:100px; float:left; color:#fff;}
	.main1 .comnum .numul ul li span {float:left; font-size:84px; width:150px; text-align:right;}
	.main1 .comnum .numul ul li i {float:left; width:18px; line-height:180%; margin-left:5px; font-style:normal; padding-top:20px;}
	.main1 .comnum .numul ul li.yearnum span {width:50px;}
	.main1 .comnum .numul ul li.teamnum span {width:100px;}
	
	.main1 .partner {margin:0; position:relative; overflow:hidden; height:278px;}
	.main1 .partner #scrol {margin:0 auto; width:100%; text-align:center; height:117px; position:absolute; bottom:-120px;}
	.main1 .partner #scrol .infiniteCarousel{width: 1200px; position: relative; margin:0 auto;}
	.main1 .partner #scrol .infiniteCarousel .wrapper{width: 1200px; overflow: auto; min-height: 10em; margin: 0; position: absolute; top: 0; height:117px;}
	.main1 .partner #scrol .infiniteCarousel ul a img{border:1px solid #ccc; width:230px; height:115px;}
	.main1 .partner #scrol .infiniteCarousel .wrapper ul{width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; left:0;}
	.main1 .partner #scrol .infiniteCarousel ul li {text-align:center; display:block; float:left; height: 117px; width: 242px;}
	.main1 .partner #scrol .infiniteCarousel ul li a {font-size:12px;}/*
	.main1 .partner #scrol .infiniteCarousel ul li a img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
	.main1 .partner #scrol .infiniteCarousel ul li a:hover img {-webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter: none;}*/
	.main1 .partner #scrol .infiniteCarousel .arrow{display: block; height: 60px; width: 24px; text-indent: -999px; position: absolute; top: 28px; cursor: pointer; text-align:center; color:#fff; background-color:#e6e6e6; font-size:50px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
	.main1 .partner #scrol .infiniteCarousel .arrow:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
	.main1 .partner #scrol .infiniteCarousel .forward{background: url(../images/scla.jpg) no-repeat left center; left: 0px;}
	.main1 .partner #scrol .infiniteCarousel .back{background: url(../images/sclb.jpg) no-repeat left center; right: 0px;}
	
	.map {background:url(../images/bg_imap.jpg) center; height:900px; width:100%; margin-top:80px; position:relative; overflow:hidden;}
	.map .mapshadow {width:100%; height:1800px; position:absolute; top:-360px; background:url(../images/bg_imap_shadow.png) center top; z-index:31;}
	.map .postel {width:100%; text-align:center; position:absolute; bottom:-100px; z-index:31;}
	.map .postel a { background: no-repeat center center; display:inline-block; width:44px; height:44px; margin:0 10px;}
	.map .postel a.ico_position { background-image:url(../images/icon12.png);}
	.map .postel a.ico_tel { background-image:url(../images/icon13.png);}
	.map .address {width:100%; text-align:center; position:absolute; bottom:-300px; z-index:31;}
	.map .address span {display:block; font-size:16px; color:#fff; width:375px; margin:0 auto;}
	.map .address font {display:block; font-size:15px; color:#6d6c6c; width:375px; margin:15px auto; line-height:200%; font-family:"Times New Roman", Times, serif}
	.map .phone {width:100%; text-align:center; position:absolute; bottom:-500px; z-index:31; font-size:24px; color:#fff; font-family:"Times New Roman", Times, serif}
	.map .contact {width:100%; text-align:center; position:absolute; bottom:-700px; z-index:31;}
	.map .contact a {display: inline-block; width: 90px; height: 90px; background:no-repeat center center; margin:0 15px;}
	.map .contact a.qq {background-image: url(../images/icon14a.png);}
	.map .contact a.wchat {background-image: url(../images/icon14b.png);}
	.map .contact a.wblog {background-image: url(../images/icon14c.png);}
}


@media only screen and (max-width: 991px) {
	.main1 {margin:0;}
	.main1 .wrap {width: 100%; overflow: hidden; margin: 0 auto;}
	/*--/分栏 end--*/
	.banner_titbg {position:absolute; z-index:21; margin:0 50px; width:calc(100% - 100px); top:-100%;}
	.banner_titbg .titcont {width:100%; height:300px; background-color:#fff; margin:0 auto; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; }
	.banner_tit1 {position:absolute; z-index:21; margin:0; width:100%; top:-100%;}
	.banner_tit1 img,.banner_tit2 img {max-width:60%;}
	.banner_tit2 {position:absolute; z-index:21; margin:0; width:100%; top:-100%;}
	.banner_tit3 {position:absolute; z-index:21; margin:0; width:100%;  top:-100%; text-align:center;}
	.banner_tit3 .btit3 {margin:0 auto; max-width:60%; color:#fff; line-height:24px; text-align:left; font-size:14px;}
	
	/*banner*/
	.flickerplate {
		position:relative;
		width:100%;
		background-color:#e6e6e6;
		overflow:hidden;
	}
	.flickerplate ul.flicks {
		width:10000%;
		height:100%;
		padding:0px;
		margin:0px;
		list-style:none
	}
	.flickerplate ul.flicks>li {
		float:left;
		width:1%;
		height:100%;
		background-position:center;
		background-size:cover;
		display:table
	}
	.flickerplate ul.flicks>li .flick-inner {
		height:100%;
		padding:10px;
		color:#fff;
		display:table-cell;
		vertical-align:middle
	}
	.flickerplate ul.flicks>li .flick-inner .flick-content {
		max-width:68.75em;
		margin-left:auto;
		margin-right:auto
	}
	.flickerplate ul.flicks>li .flick-title {
		padding:0px 0px;
		font-size:2.778em;
		line-height:1.995em;
		text-align:center
	}
	.flickerplate ul.flicks>li .flick-sub-text {
		padding:5px;
		font-weight:300;
		line-height:2.5em;
		color:rgba(255, 255, 255, 0.8);
		text-align:center
	}
	.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
		padding:12px 18px;
		background-color:rgba(0, 0, 0, 0.6)
	}
	.flickerplate .arrow-navigation {
		position:absolute;
		height:80%;
		width:10%;
		top:10%;
		z-index:100;
		overflow:hidden
	}
	.flickerplate .arrow-navigation .arrow {
		display:block;
		height:100%;
		width:90%;
		-webkit-transition:all 0.2s ease-out;
		-moz-transition:all 0.2s ease-out;
		-o-transition:all 0.2s ease-out;
		-ms-transition:all 0.2s ease-out;
		transition:all 0.2s ease-out
	}
	.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
		cursor:pointer
	}
	.flickerplate .arrow-navigation.left {
		left:0%
	}
	.flickerplate .arrow-navigation.left .arrow {
		opacity:0;
		margin:0px 0px 0px 50%;
		background-image:url("../images/flickerplate/arrow-left-light.png");
		background-repeat:no-repeat;
		background-position:left
	}
	.flickerplate .arrow-navigation.right {
		right:0%
	}
	.flickerplate .arrow-navigation.right .arrow {
		opacity:0;
		margin:0px 0px 0px -50%;
		background-image:url("../images/flickerplate/arrow-right-light.png");
		background-repeat:no-repeat;
		background-position:right
	}
	.flickerplate .arrow-navigation.left.hover .arrow {
		opacity:1;
		margin:0px 0px 0px 20%
	}
	.flickerplate .arrow-navigation.right.hover .arrow {
		opacity:1;
		margin:0px 0px 0px -20%
	}
	.flickerplate .dot-navigation {
		position:absolute;
		bottom:15px;
		width:100%;
		text-align:center;
		z-index:100
	}
	.flickerplate .dot-navigation ul {
		text-align:center;
		list-style:none;
		padding:0px 15px
	}
	.flickerplate .dot-navigation ul li {
		display:inline-block;
		float:none
	}
	.flickerplate .dot-navigation .dot {
		width:14px;
		height:14px;
		margin:0px 6px;
		background-color:rgba(255, 255, 255, 0.3);
		border-radius:50%;
		-o-border-radius:50%;
		-ms-border-radius:50%;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		-webkit-transition:background-color 0.2s ease-out;
		-moz-transition:background-color 0.2s ease-out;
		-o-transition:background-color 0.2s ease-out;
		-ms-transition:background-color 0.2s ease-out;
		transition:background-color 0.2s ease-out
	}
	.flickerplate .dot-navigation .dot:hover {
		cursor:pointer;
		background-color:rgba(255, 255, 255, 0.6)
	}
	.flickerplate .dot-navigation .dot.active {
		background-color:#fff
	}
	.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
		text-align:left
	}
	.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
		text-align:right
	}
	.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
		background-image:url("../images/flickerplate/arrow-left-dark.png")
	}
	.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
		background-image:url("../images/flickerplate/arrow-right-dark.png")
	}
	.flickerplate.flicker-theme-dark .dot-navigation .dot {
		background-color:rgba(0, 0, 0, 0.12)
	}
	.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
		background-color:rgba(0, 0, 0, 0.6)
	}
	.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
		background-color:#000
	}
	.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
		color:rgba(0, 0, 0, 0.9)
	}
	.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
		color:rgba(0, 0, 0, 0.9)
	}
	.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
		background-color:rgba(255, 255, 255, 0.5)
	}
	.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
		color:rgba(0, 0, 0, 0.9)
	}
	.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
		color:rgba(0, 0, 0, 0.9)
	}
	.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
		background-color:rgba(255, 255, 255, 0.5)
	}
	.flickerplate.animate-transform-slide ul.flicks {
		-webkit-perspective:1000;
		-webkit-backface-visibility:hidden;
		transform:translate3d(0%, 0px, 0px);
		-webkit-transform:translate3d(0%, 0px, 0px);
		-webkit-transition:-webkit-transform 0.6s;
		-o-transition:-o-transform 0.6s;
		-moz-transition:-moz-transform 0.6s;
		transition:transform 0.6s
	}
	.flickerplate.animate-transition-slide ul.flicks {
		position:relative;
		left:0%;
		-webkit-transition:left 0.4s ease-out;
		-moz-transition:left 0.4s ease-out;
		-o-transition:left 0.4s ease-out;
		-ms-transition:left 0.4s ease-out;
		transition:left 0.4s ease-out
	}
	.flickerplate.animate-jquery-slide ul.flicks {
		position:relative;
		left:0%
	}
	.flickerplate.animate-scroller-slide {
		padding-bottom:0px;
		overflow:auto
	}
	.flickerplate.animate-scroller-slide ul.flicks {
		position:auto
	}
	
	/*banner*/
	
	.main1 .about {margin:0 auto; width:100%; height:635px; text-align:center; position:relative; background-color:#f0f0f0; overflow:hidden;}
	.main1 .about .tit_2 {width: 100%; text-align: center; position:absolute; top:-200px;}
	.main1 .about .tit_2 img {max-width:200px;}
	.main1 .about .abtdiv {width:100%; margin:0; top:-100%; text-align:left; position:absolute;}
	.main1 .about .abtdiv .abtcont {margin:0 20px; line-height:200%; font-size:13px; text-align:left; color:#4c4c4c;}
	.main1 .about .viewmore {text-align:center; width:100%; position:absolute; bottom:-100px; padding:12px 0;}
	.main1 .about .viewmore a {padding:12px 50px; background:none; color:#f18519; border:1px solid #f18519; font-size:18px;}
	
	.tit_1 {width: 100%; padding: 48px 0 24px 0; font-size: 14px; line-height: 50px; color: #888; text-align: center; position:absolute; top:-120px;}
	.tit_1 h3 {color: #333; line-height: 40px; font-size: 32px; font-weight:normal; border-bottom:3px solid #f18519; width:148px; text-align:center; padding-bottom:15px; margin:0 auto;}
	.tit_1 h3 span {color:#d10000; font-size:24px;}
	.tit_1 h3 i {padding:0 25px; background:url(../images/bg_ipoint.jpg) center no-repeat;}
	.tit_1 font {display:none;}
	.main1 .product {margin:0; position:relative; background: url(../images/bg_imain.jpg) top repeat-x #fff; height:auto; overflow:hidden;}
	.main1 .product .tit_1 {top:-150px;}
	.main1 .product .sortul {width:100%; text-align:center; margin:0 auto; position:relative;}
	.main1 .product .sortul li {width:25%; text-align:center; line-height:56px; position:absolute; top:-200px;}
	.main1 .product .sortul li.zhuan {left:25%;}
	.main1 .product .sortul li.guang {left:50%;}
	.main1 .product .sortul li.wei {left:75%;}
	.main1 .product .sortul li a {font-size:16px;}
	.main1 .product .sortul li a.pic {width:72px; height:72px; display:block; margin:0 auto; background-color:#cccccc;  -webkit-border-radius:156px; -moz-border-radius:156px; -ms-border-radius:156px; -o-border-radius:156px; background-image:url(../images/icasesort.png); background-repeat:no-repeat; background-size:481px 34px;}
	.main1 .product .sortul li.on a {color: #f18519;}
	.main1 .product .sortul li.on a.pic {background-color: #f18519;}
	.main1 .product .sortul li.xuan a.pic {background-position:21px 18px;} 
	.main1 .product .sortul li.zhuan a.pic {background-position:-130px 18px;} 
	.main1 .product .sortul li.guang a.pic {background-position:-278px 18px;} 
	.main1 .product .sortul li.wei a.pic {background-position:-428px 18px;} 
	.main1 .product .proul {width:100%; text-align:center; position:absolute; border:100%;}
	.main1 .product .proul ul {width:100%; margin:0 auto;}
	.main1 .product .proul ul li {width:calc(50% - 1px); float:left; margin:0 1px 1px 0; position:relative; overflow:hidden;}
	.main1 .product .proul ul li a.pic {width:100%; height:0; padding-bottom:75%; background-position:center; overflow:hidden; display:block; background-size:100% 100%; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
	.main1 .product .proul ul li.on a.pic {background-size:120% 120%;}
	.main1 .product .proul ul li a.top {position:absolute; top:0; left:0; width:100%; height:100%;}
	.main1 .product .proul ul li.on a img {-webkit-transition:all .9s; -o-transition:all .9s; -ms-transition:all .9s; transition:all .9s;}
	.main1 .product .proul ul li a.top img.top1 {width:100%; height:100%; display:none;}
	.main1 .product .proul ul li a.top img {position:absolute;}
	.main1 .product .proul ul li a.top img.top2 {width:200%; left:-200%; top:0;}
	.main1 .product .proul ul li a.top img.top3 {height:200%; left:0; top:-200%;}
	.main1 .product .proul ul li a.top img.top4 {left:0; top:calc(50% - 25px); left:-50px;}
	.main1 .product .proul ul li.on a.top img {left:0; top:0;}
	.main1 .product .proul ul li.on a.top img.top1 {display:block;}
	.main1 .product .proul ul li.on a.top img.top4 {left:calc(50% - 25px); top:calc(50% - 25px);}
	
	.main1 .product .viewmore {margin:0; text-align:center; width:100%; position:absolute; border:-100px;}
	.main1 .product .viewmore a {padding:12px 50px; background:none; color:#f18519; border:1px solid #f18519; font-size:18px;}
	
	.main1 .news {margin:0; position:relative; background-color:#f0f0f0; height:704px; overflow:hidden;}
	
	.main1 .news #scrola {margin:0 auto; width:100%; text-align:center; height:374px; position:absolute; bottom:-100%;}
	.main1 .news #scrola .infiniteCarousela{width: calc(100% - 10px);; position: relative; margin:0 auto;}
	.main1 .news #scrola .infiniteCarousela .wrapper{width: 100%; overflow: auto; min-height: 10em; margin: 0; position: absolute; top: 0;}
	.main1 .news #scrola .infiniteCarousela ul a img {width:100%;}
	.main1 .news #scrola .infiniteCarousela .wrapper ul{width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; left:0;}
	.main1 .news #scrola .infiniteCarousela ul li {text-align:center; display:block; float:left;}
	.main1 .news #scrola .infiniteCarousela .arrow{display: block; width:25px; height:46px; text-indent: -999px; position: absolute; top: 105px; cursor: pointer; text-align:center; color:#fff; background-color:#e6e6e6; font-size:50px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
	.main1 .news #scrola .infiniteCarousela .arrow:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
	.main1 .news #scrola .infiniteCarousela .forward{background:url(../images/jt.png) left no-repeat; background-size:200%; left: 0;}
	.main1 .news #scrola .infiniteCarousela .back{background:url(../images/jt.png) right no-repeat; background-size:200%; right: 0;}
	.main1 .news #scrola .infiniteCarousela ul li a {display:block;}
	.main1 .news #scrola .infiniteCarousela ul li b {display:block;padding-left:10px;color:#787878;}
	.main1 .news #scrola .infiniteCarousela ul li p {line-height:20px;padding:0 10px;height:87px;color:#787878;}
	.main1 .news #scrola .infiniteCarousela ul li img {display:block;}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt {width:calc(100% - 30px);height:167px;padding:0 10px; margin-right:10px; background-color:#fff;}
	.main1 .news #scrola .infiniteCarousela ul li span:hover {background:#dbdbdb}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt .p_title {line-height:50px;height:50px;padding:0 10px;font-size:20px; overflow:hidden;}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt .p_title a {color:#000;}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt p {color:#231815;font-size:12px; height:40px; overflow:hidden; text-align:left;}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt .p_time {width:auto;height:20px;line-height:20px;margin:15px 0 0 10px;padding:0px}
	.main1 .news #scrola .infiniteCarousela ul li .d_txt .p_time font {margin-right:10px;}
	
	
	.main1 .partner #scrol {margin:0 auto; width:100%; text-align:center; position:absolute; bottom:-100%;}
	.main1 .partner #scrol .infiniteCarousel{width: calc(100% - 10px); position: relative; margin:0 auto;}
	.main1 .partner #scrol .infiniteCarousel .wrapper {width: 100%;  overflow: auto; min-height: 10em; margin: 0; position: absolute; top: 0;}
	.main1 .partner #scrol .infiniteCarousel ul a img{border:1px solid #ccc;}
	.main1 .partner #scrol .infiniteCarousel .wrapper ul{width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; left:0;}
	.main1 .partner #scrol .infiniteCarousel ul li {text-align:center; display:block; float:left; overflow:hidden;}
	.main1 .partner #scrol .infiniteCarousel ul li a {font-size:12px; overflow:hidden; display:block;}
	.main1 .partner #scrol .infiniteCarousel ul li a img {display:block;}
	.main1 .partner #scrol .infiniteCarousel .arrow {display: block; height: 60px; width: 24px; text-indent: -999px; position: absolute; cursor: pointer; text-align:center; color:#fff; background-color:#e6e6e6; font-size:50px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
	.main1 .partner #scrol .infiniteCarousel .arrow:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
	.main1 .partner #scrol .infiniteCarousel .forward{background: url(../images/scla.jpg) no-repeat left center; left: 0px;}
	.main1 .partner #scrol .infiniteCarousel .back{background: url(../images/sclb.jpg) no-repeat left center; right: 0px;}
	
	
	.main1 .news .viewmore {margin:0; padding:12px 0; text-align:center; width:100%; position:absolute; bottom:-100px;}
	.main1 .news .viewmore a {padding:12px 50px; background:none; color:#f18519; border:1px solid #f18519; font-size:18px;}
	
	.main1 .comnum {background:url(../images/bg_num.jpg) top center; background-size:400% 100%; height:600px; padding:50px 0 20px 0; text-align:center; overflow:hidden;}
	.main1 .comnum .numul {margin:0; text-align: center; width:100%; margin:0 auto;}
	.main1 .comnum .numul ul {width:100%; margin:0; position:relative;}
	.main1 .comnum .numul ul li {width:100%; text-align:center; color:#fff; height:150px;}
	.main1 .comnum .numul ul li span {font-size:84px; width:150px; text-align:right;}
	.main1 .comnum .numul ul li i {display:inline-block; width:18px; line-height:180%; margin-left:5px; font-style:normal; padding-top:20px;}
	.main1 .comnum .numul ul li.yearnum span {width:50px;}
	.main1 .comnum .numul ul li.teamnum span {width:100px;}
	
	.main1 .partner {margin:0; position:relative; overflow:hidden; height:278px;}
	.main1 .partner #scrol {margin:0 auto; width:100%; text-align:center; position:absolute; bottom:-100%;}
	.main1 .partner #scrol .infiniteCarousel{width: calc(100% - 10px); position: relative; margin:0 auto;}
	.main1 .partner #scrol .infiniteCarousel .wrapper {width: 100%;  overflow: auto; min-height: 10em; margin: 0; position: absolute; top: 0;}
	.main1 .partner #scrol .infiniteCarousel ul a img{border:1px solid #ccc;}
	.main1 .partner #scrol .infiniteCarousel .wrapper ul{width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; left:0;}
	.main1 .partner #scrol .infiniteCarousel ul li {text-align:center; display:block; float:left; overflow:hidden;}
	.main1 .partner #scrol .infiniteCarousel ul li a {font-size:12px; overflow:hidden; display:block;}
	.main1 .partner #scrol .infiniteCarousel ul li a img {display:block;}
	.main1 .partner #scrol .infiniteCarousel .arrow {display: block; height: 60px; width: 24px; text-indent: -999px; position: absolute; cursor: pointer; text-align:center; color:#fff; background-color:#e6e6e6; font-size:50px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
	.main1 .partner #scrol .infiniteCarousel .arrow:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
	.main1 .partner #scrol .infiniteCarousel .forward{background: url(../images/scla.jpg) no-repeat left center; left: 0px;}
	.main1 .partner #scrol .infiniteCarousel .back{background: url(../images/sclb.jpg) no-repeat left center; right: 0px;}
	
	.map {background:url(../images/bg_imap.jpg) center; height:900px; width:100%; margin-top:80px; position:relative; overflow:hidden;}
	.map .mapshadow {width:100%; height:1800px; position:absolute; top:-360px; background:url(../images/bg_imap_shadow.png) center top; z-index:31;}
	.map .postel {width:100%; text-align:center; position:absolute; bottom:-100px; z-index:31;}
	.map .postel a { background: no-repeat center center; display:inline-block; width:44px; height:44px; margin:0 10px;}
	.map .postel a.ico_position { background-image:url(../images/icon12.png);}
	.map .postel a.ico_tel { background-image:url(../images/icon13.png);}
	.map .address {width:100%; text-align:center; position:absolute; bottom:-300px; z-index:31;}
	.map .address span {display:block; font-size:14px; color:#fff; width:375px; margin:0 auto;}
	.map .address font {display:block; font-size:13px; color:#6d6c6c; width:375px; margin:15px auto; line-height:200%; font-family:"Times New Roman", Times, serif}
	.map .phone {width:100%; text-align:center; position:absolute; bottom:-500px; z-index:31; font-size:24px; color:#fff; font-family:"Times New Roman", Times, serif}
	.map .contact {width:100%; text-align:center; position:absolute; bottom:-700px; z-index:31;}
	.map .contact a {display: inline-block; width: 90px; height: 90px; background:no-repeat center center; margin:0 15px;}
	.map .contact a.qq {background-image: url(../images/icon14a.png);}
	.map .contact a.wchat {background-image: url(../images/icon14b.png);}
	.map .contact a.wblog {background-image: url(../images/icon14c.png);}
}